/*
 * RoboInd frontend structure overlay.
 * Add roboind.css in Destoon backend "PC extra CSS" or merge into static/skin/default/style.css.
 */
.roboind-badges{margin:6px 0 0 0;line-height:22px;overflow:hidden}
.roboind-badges span{display:inline-block;margin:0 6px 4px 0;padding:0 7px;border:1px solid #D7E5DD;background:#F7FBF8;color:#2F5F46;border-radius:3px;white-space:nowrap}
.roboind-summary{margin:10px 0;padding:10px 12px;border:1px solid #E5E8EC;background:#FBFCFD;overflow:hidden}
.roboind-summary ul{margin:0;padding:0}
.roboind-summary li{width:33.333%;height:28px;line-height:28px;float:left;overflow:hidden}
.roboind-summary b{display:inline-block;min-width:60px;color:#666;font-weight:normal}
.roboind-summary span{color:#222}
.roboind-cross-links{margin:10px 0;overflow:hidden}
.roboind-cross-links a{display:inline-block;margin:0 8px 6px 0;padding:7px 12px;border:1px solid #C9D8EE;background:#F6FAFF;color:#22558E;border-radius:3px}
.roboind-cross-links a:hover{border-color:#0679D4;color:#0679D4;background:#FFFFFF}
.roboind-probe{margin:6px 0;padding:6px 8px;border:1px dashed #E8A23A;background:#FFF8E8;color:#7A4D00;font-size:12px;line-height:20px}
.roboind-ops-hub{margin:0 0 10px 0;padding:14px 16px;border:1px solid #DDE6EF;background:#F8FBFE;overflow:hidden}
.roboind-ops-head{height:26px;line-height:26px;overflow:hidden}
.roboind-ops-head strong{font-size:16px;color:#1F3B57}
.roboind-ops-head span{float:right;color:#66788A}
.roboind-ops-grid{margin:10px -8px 0 0;overflow:hidden}
.roboind-ops-grid a{display:block;float:left;width:174px;height:58px;margin:0 8px 8px 0;padding:10px;border:1px solid #D7E2EC;background:#FFFFFF;border-radius:4px;overflow:hidden}
.roboind-ops-grid a:hover{border-color:#0679D4;box-shadow:0 2px 8px #E6EEF5}
.roboind-ops-grid b{display:block;height:24px;line-height:24px;color:#1F3B57;font-size:14px}
.roboind-ops-grid em{display:block;height:28px;line-height:14px;color:#778899;font-style:normal;overflow:hidden}
.roboind-quick-filters{padding:4px 0 0 0;clear:both}
.roboind-quick-filters a{display:inline-block;margin:4px 8px 0 0;padding:5px 10px;border:1px solid #D7E5DD;background:#FFFFFF;color:#2F5F46;border-radius:3px}
.roboind-quick-filters a:hover{border-color:#48A06A;color:#1B7B42}
.roboind-empty{margin:10px;padding:28px 20px;text-align:center;border:1px dashed #CAD6E2;background:#FFFFFF;color:#66788A}
.roboind-empty h3{margin:0 0 8px 0;padding:0;color:#1F3B57;font-size:18px;font-weight:normal}
.roboind-empty p{margin:0 auto 14px auto;width:680px;max-width:90%;line-height:22px}
.roboind-empty a{display:inline-block;margin:0 6px 6px 0;padding:7px 14px;border:1px solid #C9D8EE;background:#F6FAFF;color:#22558E;border-radius:3px}
.roboind-home-workbench{margin-top:10px;background:#F8FBFE;border:1px solid #DDE6EF;overflow:hidden}
.roboind-home-main{width:870px;float:left;padding:22px 24px}
.roboind-home-title h1{margin:0 0 8px 0;padding:0;font-size:28px;line-height:36px;color:#17324D;font-weight:normal}
.roboind-home-title p{margin:0;color:#66788A;font-size:14px;line-height:24px}
.roboind-home-actions{margin:18px 0 14px 0}
.roboind-home-actions a{display:inline-block;margin:0 10px 8px 0;padding:10px 18px;border:1px solid #0679D4;background:#0679D4;color:#FFFFFF;border-radius:4px;font-size:14px}
.roboind-home-actions a:hover{background:#FFFFFF;color:#0679D4}
.roboind-home-cats{margin-right:-12px;overflow:hidden}
.roboind-home-cats a{display:block;float:left;width:186px;height:66px;margin:0 10px 10px 0;padding:12px;border:1px solid #D7E2EC;background:#FFFFFF;border-radius:4px;overflow:hidden}
.roboind-home-cats a:hover{border-color:#0679D4;box-shadow:0 2px 8px #E6EEF5}
.roboind-home-cats b{display:block;height:26px;line-height:26px;font-size:16px;color:#1F3B57}
.roboind-home-cats span{display:block;line-height:18px;color:#778899}
.roboind-home-side{width:270px;float:right;padding:22px 20px;background:#FFFFFF;border-left:1px solid #E7EEF5;min-height:250px}
.roboind-home-side h3{margin:0 0 12px 0;padding:0;font-size:18px;color:#17324D}
.roboind-home-side li{padding:8px 0;border-bottom:1px solid #EEF2F6;line-height:20px}
.roboind-home-side b{display:block;color:#1F3B57}
.roboind-home-side span{color:#778899}
.roboind-selector-page{margin-top:10px;background:#FFFFFF;overflow:hidden}
.roboind-selector-main{width:820px;float:left;padding:20px 24px}
.roboind-selector-head{padding:0 0 14px 0;border-bottom:1px solid #E7EEF5}
.roboind-selector-head h1{margin:0 0 8px 0;padding:0;font-size:26px;color:#17324D;font-weight:normal}
.roboind-selector-head p{margin:0;color:#66788A;line-height:24px}
.roboind-selector-panel{padding:16px 0}
.roboind-selector-row{padding:8px 0;overflow:hidden}
.roboind-selector-row label{display:block;float:left;width:96px;height:36px;line-height:36px;font-weight:bold;color:#1F3B57}
.roboind-selector-row select{width:420px;background:#FFFFFF}
.roboind-selector-options button{display:inline-block;margin:0 8px 8px 0;padding:8px 14px;border:1px solid #D7E2EC;background:#FFFFFF;color:#1F3B57;border-radius:4px;cursor:pointer}
.roboind-selector-options button.on{border-color:#0679D4;background:#0679D4;color:#FFFFFF}
.roboind-selector-actions{padding:14px 0 0 96px}
.roboind-selector-actions a{display:inline-block;margin:0 8px 8px 0;padding:10px 16px;border:1px solid #0679D4;background:#0679D4;color:#FFFFFF;border-radius:4px}
.roboind-selector-actions a + a{background:#FFFFFF;color:#0679D4}
.roboind-selector-side{width:300px;float:right;padding:20px;background:#F8FBFE;border-left:1px solid #E7EEF5;min-height:420px}
.roboind-selector-side div{margin-bottom:18px;padding:14px;border:1px solid #DDE6EF;background:#FFFFFF}
.roboind-selector-side h3{margin:0 0 10px 0;padding:0;color:#17324D;font-size:16px}
.roboind-selector-side li{height:28px;line-height:28px;overflow:hidden}
.roboind-selector-side p{margin:0;height:28px;line-height:28px;overflow:hidden}
.roboind-lead-panel{margin:8px 0 0 0;padding:18px 0 0 0;border-top:1px solid #E7EEF5}
.roboind-lead-panel h2{margin:0 0 12px 0;padding:0;font-size:20px;line-height:28px;color:#17324D;font-weight:normal}
.roboind-selector-summary{margin:0 0 12px 0;padding:10px 12px;border:1px solid #DDE6EF;background:#F8FBFE;overflow:hidden}
.roboind-selector-summary li{float:left;width:33.333%;height:26px;line-height:26px;overflow:hidden}
.roboind-selector-summary b{display:inline-block;margin-right:6px;color:#66788A;font-weight:normal}
.roboind-selector-summary span{color:#1F3B57}
.roboind-lead-grid{margin-right:-14px;overflow:hidden}
.roboind-lead-field{float:left;width:390px;margin:0 14px 12px 0;overflow:hidden}
.roboind-lead-field label{display:block;height:24px;line-height:24px;color:#1F3B57;font-weight:bold}
.roboind-lead-field input,.roboind-lead-field select,.roboind-lead-field textarea{width:100%;box-sizing:border-box;border:1px solid #CBD8E5;background:#FFFFFF;color:#1F2D3D;border-radius:3px}
.roboind-lead-field input,.roboind-lead-field select{height:36px;line-height:36px;padding:0 10px}
.roboind-lead-field textarea{padding:9px 10px;line-height:22px;resize:vertical}
.roboind-lead-field input:focus,.roboind-lead-field select:focus,.roboind-lead-field textarea:focus{border-color:#0679D4;outline:0;box-shadow:0 0 0 2px #E8F3FD}
.roboind-lead-wide{float:none;width:auto;clear:both;margin-right:0}
.roboind-form-error{margin:2px 0 12px 0;padding:8px 10px;border:1px solid #F0C7C7;background:#FFF7F7;color:#CC0000;border-radius:3px}
.roboind-form-error:empty{display:none}
.roboind-lead-actions{padding:4px 0 0 0}
.roboind-lead-actions button,.roboind-lead-actions a{display:inline-block;margin:0 8px 8px 0;padding:10px 18px;border:1px solid #0679D4;background:#0679D4;color:#FFFFFF;border-radius:4px;cursor:pointer;font-size:14px}
.roboind-lead-actions a{background:#FFFFFF;color:#0679D4}
.roboind-lead-actions button:hover,.roboind-lead-actions a:hover{background:#FFFFFF;color:#0679D4}
.roboind-success{padding:26px 30px;border:1px solid #DDE6EF;background:#F8FBFE}
.roboind-success h1{margin:0 0 14px 0;padding:0;font-size:26px;line-height:34px;color:#17324D;font-weight:normal}
.roboind-success p{margin:0 0 10px 0;line-height:24px;color:#66788A}
.roboind-success strong{color:#0679D4}
.roboind-success-actions{padding-top:10px}
.roboind-success-actions a{display:inline-block;margin:0 8px 8px 0;padding:10px 16px;border:1px solid #0679D4;background:#0679D4;color:#FFFFFF;border-radius:4px}
.roboind-success-actions a + a{background:#FFFFFF;color:#0679D4}
.roboind-match-panel{margin:16px 0;border:1px solid #DDE6EF;background:#F8FBFE;overflow:hidden}
.roboind-match-head{height:38px;line-height:38px;padding:0 14px;border-bottom:1px solid #E7EEF5;background:#FFFFFF;overflow:hidden}
.roboind-match-head strong{font-size:16px;color:#17324D}
.roboind-match-head span{float:right;color:#66788A}
.roboind-match-actions{padding:12px 14px 4px 14px;overflow:hidden}
.roboind-match-actions a{display:inline-block;margin:0 8px 8px 0;padding:7px 12px;border:1px solid #0679D4;background:#0679D4;color:#FFFFFF;border-radius:3px}
.roboind-match-actions a + a{background:#FFFFFF;color:#0679D4}
.roboind-match-grid{padding:0 10px 12px 14px;overflow:hidden}
.roboind-match-block{float:left;width:31.7%;min-height:268px;margin-right:1.6%;border:1px solid #DDE6EF;background:#FFFFFF;box-sizing:border-box}
.roboind-match-block h3{height:34px;line-height:34px;margin:0;padding:0 10px;border-bottom:1px solid #EEF2F6;color:#17324D;font-size:14px}
.roboind-match-list{padding:8px 10px 0 10px}
.roboind-match-item{min-height:82px;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #EEF2F6;overflow:hidden}
.roboind-match-item img{float:left;width:72px;height:72px;border:1px solid #E5EAF0;background:#FAFAFA;object-fit:cover}
.roboind-match-item div{margin-left:84px}
.roboind-match-item h4,.roboind-match-company h4{height:22px;line-height:22px;margin:0;padding:0;font-size:14px;font-weight:normal;overflow:hidden}
.roboind-match-item p,.roboind-match-company p{height:22px;line-height:22px;margin:0;color:#66788A;overflow:hidden}
.roboind-match-item p span{margin-left:8px;color:#99A3AD}
.roboind-match-item .roboind-badges{max-height:26px;margin-top:3px}
.roboind-match-item .roboind-badges span,.roboind-match-company .roboind-badges span{font-size:12px;line-height:20px}
.roboind-match-company{min-height:70px;margin:0 0 10px 0;padding:0 0 9px 0;border-bottom:1px solid #EEF2F6;overflow:hidden}
.roboind-match-company em{display:block;height:18px;line-height:18px;color:#99A3AD;font-style:normal;overflow:hidden}
.roboind-score-item{min-height:70px;margin:0 0 10px 0;padding:0 0 9px 0;border-bottom:1px solid #EEF2F6;overflow:hidden}
.roboind-score-item h4{height:22px;line-height:22px;margin:0 0 3px 0;padding:0;font-size:14px;font-weight:normal;overflow:hidden}
.roboind-score-item strong{display:block;height:22px;line-height:22px;color:#2F6B49;font-weight:normal;overflow:hidden}
.roboind-score-item strong em{display:inline-block;min-width:30px;color:#0B7DD9;font-size:16px;font-style:normal;font-weight:bold}
.roboind-score-item p{height:36px;line-height:18px;margin:0;color:#66788A;overflow:hidden}
.roboind-match-more{display:block;height:34px;line-height:34px;margin:0 10px 10px 10px;text-align:center;border:1px solid #D7E2EC;background:#F8FBFE;color:#22558E;border-radius:3px}
.roboind-match-more:hover{border-color:#0679D4;color:#0679D4;background:#FFFFFF}
.roboind-match-quote-row{padding:10px 14px;border-top:1px solid #E7EEF5;background:#FFFFFF;line-height:26px;overflow:hidden}
.roboind-match-quote-row strong{float:left;margin-right:12px;color:#17324D}
.roboind-match-quote{float:left;margin-right:16px;max-width:260px;height:26px;overflow:hidden}
.roboind-match-quote span{margin-left:6px;color:#99A3AD}
.roboind-match-quote-row>a{float:right;color:#0679D4}
.roboind-shell{padding-bottom:24px}
.roboind-eyebrow{display:inline-block;margin-bottom:14px;padding:6px 12px;border:1px solid rgba(255,255,255,0.2);border-radius:999px;background:rgba(255,255,255,0.08);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#f4d27a}
.roboind-hero{display:flex;gap:22px;align-items:stretch;margin-top:14px;padding:26px;border:1px solid #cfdbe8;border-radius:24px;background:radial-gradient(circle at top left,#0e7acb 0,#0f4573 30%,#0f2030 72%),linear-gradient(135deg,#13324b,#0c1a24);box-shadow:0 18px 48px rgba(10,37,64,0.18)}
.roboind-hero-copy{flex:1;min-width:0}
.roboind-hero-copy h1{margin:0;font-size:38px;line-height:1.12;color:#fff7df;font-weight:700;letter-spacing:-1px}
.roboind-hero-copy p{max-width:760px;margin:14px 0 0;color:#d5e5f5;font-size:15px;line-height:1.8}
.roboind-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.roboind-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:700}
.roboind-btn-primary{background:#f6be4a;color:#102436}
.roboind-btn-secondary{background:transparent;border-color:rgba(255,255,255,0.34);color:#eff7ff}
.roboind-hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.roboind-hero-links a{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,0.1);color:#f0f6fb}
.roboind-hero-aside{width:302px;display:grid;grid-template-columns:1fr;gap:12px}
.roboind-hero-metric{padding:16px 18px;border:1px solid rgba(255,255,255,0.16);border-radius:18px;background:rgba(255,255,255,0.08)}
.roboind-hero-metric strong{display:block;font-size:28px;line-height:1;color:#fff7df}
.roboind-hero-metric span{display:block;margin-top:8px;color:#cae0f0;line-height:1.5}
.roboind-hero-note{padding:14px 18px;border-radius:18px;background:#f6f2e9;color:#394857;line-height:1.7}
.roboind-home-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
.roboind-panel{padding:22px;border:1px solid #d6e0e8;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(20,42,61,0.08)}
.roboind-panel-dark{background:linear-gradient(180deg,#123149,#101c28);border-color:#1d405b}
.roboind-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.roboind-panel-head h2{margin:4px 0 0;font-size:24px;line-height:1.2;color:#15324a}
.roboind-panel-dark .roboind-panel-head h2{color:#fff0c8}
.roboind-panel-kicker{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#7a8ea2}
.roboind-panel-dark .roboind-panel-kicker{color:#8db5d5}
.roboind-panel-more{color:#0f6fb8;font-weight:700}
.roboind-home-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.roboind-home-categories a{display:block;padding:16px;border:1px solid #d8e1e8;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f6f9fb)}
.roboind-home-categories b{display:block;font-size:18px;color:#163149}
.roboind-home-categories span{display:block;margin-top:6px;color:#6d8193;line-height:1.6}
.roboind-home-stream{display:grid;gap:12px}
.roboind-stream-item{padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.12)}
.roboind-stream-item:last-child{border-bottom:0;padding-bottom:0}
.roboind-stream-item strong{display:block;font-size:18px;line-height:1.45;color:#fff7df;font-weight:700}
.roboind-stream-item p{margin:6px 0 0;color:#d0e0ec;line-height:1.7}
.roboind-stream-item em{display:inline-block;margin-top:8px;color:#8db5d5;font-style:normal}
.roboind-home-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.roboind-rail{padding:20px;border:1px solid #d6e0e8;border-radius:22px;background:#fff}
.roboind-rail h3{margin:0 0 14px;font-size:22px;color:#15324a}
.roboind-rail ul{margin:0;padding:0;list-style:none}
.roboind-rail li{padding:12px 0;border-bottom:1px solid #edf1f4;line-height:1.7}
.roboind-rail li:last-child{border-bottom:0}
.roboind-rail a{color:#17324d}
.roboind-rail span{display:block;margin-top:4px;color:#7a8ea2;font-size:12px}
.roboind-browse{margin-top:14px}
.roboind-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:18px}
.roboind-main{min-width:0}
.roboind-side{display:grid;gap:18px;align-content:start}
.roboind-frame{padding:20px;border:1px solid #d6e0e8;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(20,42,61,0.06)}
.roboind-frame .nav{margin:0 0 12px}
.roboind-filter-shell .sort{margin-bottom:12px;border:1px solid #e4ebf0;border-radius:16px;background:#fbfdff;overflow:hidden}
.roboind-filter-shell .sort-k{padding:14px 16px;background:#eff5f8;color:#15324a;font-weight:700}
.roboind-filter-shell .sort-v{padding:12px 16px}
.roboind-filter-shell .sort-v ul{margin:0;padding:0}
.roboind-filter-shell .sort-v li{display:inline-block;margin:0 8px 8px 0}
.roboind-filter-shell .sort-v a{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #d6e0e8;color:#496073}
.roboind-side-card{padding:20px;border:1px solid #d6e0e8;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbfd)}
.roboind-side-card h3{margin:0 0 12px;font-size:20px;color:#15324a}
.roboind-side-card p{margin:0 0 12px;color:#6d8193;line-height:1.7}
.roboind-side-card ul{margin:0;padding:0;list-style:none}
.roboind-side-card li{padding:10px 0;border-bottom:1px solid #e8edf1;line-height:1.6}
.roboind-side-card li:last-child{border-bottom:0;padding-bottom:0}
.roboind-list-shell .catlist>div,.roboind-list-shell .mall-list>div,.roboind-list-shell .list-img.list0>div{border:1px solid #e2e9ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,42,61,0.06)}
.roboind-list-shell .catlist>div,.roboind-list-shell .mall-list>div{padding:14px}
.roboind-list-shell .list{margin-bottom:14px;padding:14px;border:1px solid #e2e9ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,42,61,0.06)}
.roboind-list-shell .list table{width:100%}
.roboind-list-shell .list ul{margin:0;padding:0}
.roboind-list-shell .list li{line-height:1.8}
.roboind-list-shell .list .px14{font-size:18px;line-height:1.5;color:#15324a}
.roboind-list-shell .list-rank ul,.roboind-list-shell .list-txt ul{margin:0;padding:0;list-style:none}
.roboind-list-shell .list-rank li,.roboind-list-shell .list-txt li{padding:10px 0;border-bottom:1px solid #ebf0f4}
.roboind-list-shell .list-rank li:last-child,.roboind-list-shell .list-txt li:last-child{border-bottom:0}
.roboind-data-table{border:1px solid #d6e0e8;border-radius:18px;overflow:hidden}
.roboind-data-table table{width:100%}
.roboind-data-table th{padding:12px 10px;background:#eff5f8;color:#15324a}
.roboind-data-table td{padding:12px 10px;border-top:1px solid #edf1f4}
@media (max-width: 1199px){.roboind-hero{flex-direction:column}.roboind-hero-aside{width:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.roboind-home-grid,.roboind-home-triptych,.roboind-layout{grid-template-columns:1fr}}
@media (max-width: 767px){.roboind-hero{padding:20px;border-radius:18px}.roboind-hero-copy h1{font-size:30px}.roboind-hero-aside{grid-template-columns:1fr}.roboind-home-categories{grid-template-columns:1fr}}

/* Channel cards and detail surfaces */
.roboind-muted{color:#7a8ea2}
.roboind-clip{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.roboind-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.roboind-brand-card{display:flex;gap:14px;min-height:138px;padding:16px;border:1px solid #dfe7ee;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(20,42,61,0.05)}
.roboind-brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 108px;height:84px;border:1px solid #edf1f4;border-radius:8px;background:#fbfdff;overflow:hidden}
.roboind-brand-logo img{max-width:96px;max-height:72px;object-fit:contain}
.roboind-brand-body{min-width:0;flex:1}
.roboind-brand-body h3,.roboind-company-body h3,.roboind-news-body h3,.roboind-video-body h3{margin:0 0 6px;padding:0;font-size:18px;line-height:1.45;color:#15324a}
.roboind-brand-body p,.roboind-company-body p,.roboind-news-body p,.roboind-video-body p{margin:0 0 6px;line-height:1.65;color:#5f7284}
.roboind-company-list,.roboind-news-list{display:grid;gap:14px}
.roboind-company-card,.roboind-news-card{display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px;padding:16px;border:1px solid #dfe7ee;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(20,42,61,0.05)}
.roboind-company-logo,.roboind-news-thumb{display:flex;align-items:center;justify-content:center;width:126px;height:96px;border:1px solid #edf1f4;border-radius:8px;background:#fbfdff;overflow:hidden}
.roboind-company-logo img,.roboind-news-thumb img{max-width:112px;max-height:84px;object-fit:contain}
.roboind-company-meta,.roboind-news-meta{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0;color:#7a8ea2}
.roboind-company-meta span,.roboind-news-meta span{line-height:22px}
.roboind-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.roboind-video-card{border:1px solid #dfe7ee;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(20,42,61,0.05)}
.roboind-video-cover{position:relative;display:block;aspect-ratio:16/9;background:#0f2030;overflow:hidden}
.roboind-video-cover img{width:100%;height:100%;object-fit:cover}
.roboind-video-duration{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,0.72);color:#fff;font-size:12px}
.roboind-video-body{padding:14px}
.roboind-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:18px}
.roboind-detail-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #edf1f4}
.roboind-detail-logo{display:flex;align-items:center;justify-content:center;flex:0 0 142px;height:108px;border:1px solid #edf1f4;border-radius:8px;background:#fbfdff;overflow:hidden}
.roboind-detail-logo img{max-width:126px;max-height:92px;object-fit:contain}
.roboind-detail-title{min-width:0;flex:1}
.roboind-detail-title h1,.roboind-article-head h1{margin:0 0 10px;padding:0;font-size:30px;line-height:1.25;color:#15324a}
.roboind-detail-title p,.roboind-article-head p{margin:0;color:#63788b;line-height:1.7}
.roboind-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.roboind-info-grid div{min-height:46px;padding:10px 12px;border:1px solid #e2e9ef;border-radius:8px;background:#fbfdff}
.roboind-info-grid b{display:block;margin-bottom:4px;color:#7a8ea2;font-weight:normal}
.roboind-info-grid span,.roboind-info-grid a{display:block;color:#15324a;line-height:1.5;word-break:break-all}
.roboind-field-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.roboind-field-block{padding:14px;border:1px solid #e2e9ef;border-radius:8px;background:#fff}
.roboind-field-block h3{margin:0 0 8px;font-size:16px;color:#15324a}
.roboind-field-block p{margin:0;color:#5f7284;line-height:1.8}
.roboind-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.roboind-section-title h2{margin:0;font-size:22px;color:#15324a}
.roboind-section-title span{color:#7a8ea2}
.roboind-intro{margin:14px 0;padding:14px 16px;border-left:3px solid #0f7bcc;background:#f6fbff;color:#43586b;line-height:1.8}
.roboind-article-head{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #edf1f4}
.roboind-contact-card{margin-top:14px;padding:14px;border:1px solid #e2e9ef;border-radius:8px;background:#fbfdff}
.roboind-contact-card h3{margin:0 0 10px;color:#15324a}
.roboind-contact-card p{margin:0 0 8px;line-height:1.7;color:#5f7284}
.roboind-side-actions{display:grid;gap:8px}
.roboind-side-actions a{display:block;padding:10px 12px;border:1px solid #d6e0e8;border-radius:8px;background:#fff;color:#15324a}
.roboind-side-actions a:hover{border-color:#0f7bcc;color:#0f7bcc}
.roboind-video-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:14px}
.roboind-player-shell{border:1px solid #1b354a;border-radius:10px;background:#0f2030;overflow:hidden}
.roboind-player-head{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,0.1)}
.roboind-player-head h1{margin:0 0 10px;color:#fff7df;font-size:28px;line-height:1.28}
.roboind-video-meta{display:flex;flex-wrap:wrap;gap:12px;color:#b7ccdc}
.roboind-video-meta span{line-height:22px}
.roboind-video-meta em{font-style:normal;color:#fff}
.roboind-player-box{display:flex;align-items:center;justify-content:center;min-height:420px;background:#05090d}
.roboind-playlist-card{border:1px solid #d6e0e8;border-radius:10px;background:#fff;overflow:hidden}
.roboind-playlist-card h3{margin:0;padding:14px 16px;border-bottom:1px solid #edf1f4;color:#15324a;font-size:18px}
.roboind-playlist-card .play-list{max-height:520px;overflow:auto;background:#fff}
.roboind-playlist-card .play-list div{border-bottom:1px solid #edf1f4}
.roboind-playlist-card .play-list div.on{background:#f2f8fd}
.roboind-playlist-card .play-list a{display:block;padding:10px;overflow:hidden}
.roboind-playlist-card .play-list img{float:left;width:96px;height:72px;object-fit:cover;border-radius:6px;background:#f1f4f7}
.roboind-playlist-card .play-list ul{margin:0 0 0 108px;padding:0;list-style:none}
.roboind-playlist-card .play-list p{height:40px;margin:0;line-height:20px;color:#15324a;overflow:hidden}
.roboind-playlist-card .play-list span,.roboind-playlist-card .play-list i{display:inline-block;margin-top:8px;color:#7a8ea2;font-style:normal}
@media (max-width: 1199px){.roboind-brand-grid,.roboind-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roboind-detail-layout,.roboind-video-detail{grid-template-columns:1fr}.roboind-info-grid,.roboind-field-blocks{grid-template-columns:1fr}}
@media (max-width: 767px){.roboind-brand-grid,.roboind-video-grid{grid-template-columns:1fr}.roboind-company-card,.roboind-news-card{grid-template-columns:1fr}.roboind-company-logo,.roboind-news-thumb{width:100%;height:130px}.roboind-detail-head{display:block}.roboind-detail-logo{width:100%;height:120px;margin-bottom:14px}.roboind-detail-title h1,.roboind-article-head h1,.roboind-player-head h1{font-size:24px}.roboind-player-box{min-height:240px}}

/* RoboInd v59 self-contained channel reconstruction */
.ri-page{padding:22px 0 44px;color:#172b3d}
.ri-page a{text-decoration:none}
.ri-kicker{display:block;margin-bottom:8px;color:#5b6f82;font-size:12px;line-height:18px;font-weight:700;text-transform:uppercase}
.ri-hero,.ri-compact-hero,.ri-section,.ri-panel{box-sizing:border-box;border:1px solid #dce6ee;background:#fff}
.ri-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;min-height:260px;margin:16px 0 18px;padding:28px;border-radius:8px;background:linear-gradient(135deg,#f8fbfd 0,#ffffff 54%,#eef6fb 100%)}
.ri-hero-main h1,.ri-compact-hero h1{margin:0;color:#102c45;font-size:34px;line-height:1.2;font-weight:700}
.ri-hero-main p,.ri-compact-hero p{max-width:780px;margin:12px 0 0;color:#5e7284;font-size:15px;line-height:1.8}
.ri-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ri-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid #c7d6e2;border-radius:6px;background:#fff;color:#17324d;font-size:14px;font-weight:700}
.ri-btn:hover{border-color:#0878c9;color:#0878c9}
.ri-btn-primary{background:#0878c9;border-color:#0878c9;color:#fff}
.ri-btn-primary:hover{background:#0068b4;color:#fff}
.ri-hero-side{display:grid;gap:12px}
.ri-hero-side div{padding:16px;border:1px solid #d8e4ed;border-radius:8px;background:#fff}
.ri-hero-side b{display:block;margin-bottom:6px;color:#102c45;font-size:16px}
.ri-hero-side span{display:block;color:#63798b;line-height:1.6}
.ri-compact-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:16px 0 18px;padding:22px 24px;border-radius:8px;background:#f8fbfd}
.ri-section{margin-bottom:18px;padding:22px;border-radius:8px}
.ri-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
.ri-section-head h2,.ri-panel h2{margin:0;color:#102c45;font-size:24px;line-height:1.25}
.ri-section-head>a{color:#0878c9;font-weight:700}
.ri-card-grid{display:grid;gap:14px}
.ri-card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ri-entry-card{display:block;min-height:112px;padding:18px;border:1px solid #dce6ee;border-radius:8px;background:#fbfdff}
.ri-entry-card:hover{border-color:#0878c9;background:#fff}
.ri-entry-card b{display:block;color:#102c45;font-size:18px;line-height:1.4}
.ri-entry-card span{display:block;margin-top:8px;color:#63798b;line-height:1.65}
.ri-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}
.ri-main{min-width:0}
.ri-side{display:grid;gap:18px;align-content:start}
.ri-filter .sort{margin-top:12px;border:1px solid #e3ebf2;border-radius:8px;background:#fbfdff;overflow:hidden}
.ri-filter .sort-k{padding:12px 14px;background:#eef5fa;color:#102c45;font-weight:700}
.ri-filter .sort-v{padding:12px 14px}
.ri-filter-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid #edf2f6}
.ri-filter-row:first-child{border-top:0;padding-top:0}
.ri-filter-row b{padding-top:7px;color:#102c45}
.ri-filter-row a,.ri-filter .sort-v a{display:inline-block;margin:0 8px 8px 0;padding:7px 11px;border:1px solid #d5e1eb;border-radius:5px;background:#fff;color:#2d475d}
.ri-filter-row a.on,.ri-filter-row a:hover,.ri-filter .sort-v a:hover{border-color:#0878c9;color:#0878c9}
.ri-list-wrap{min-height:160px}
.ri-empty,.ri-empty-inline{padding:28px;border:1px dashed #c9d8e5;border-radius:8px;background:#fbfdff;text-align:center;color:#63798b}
.ri-empty h3{margin:0 0 8px;color:#102c45;font-size:20px}
.ri-empty p{margin:0 0 14px;line-height:1.7}
.ri-empty a{display:inline-block;margin:0 6px 8px;padding:9px 14px;border:1px solid #c7d6e2;border-radius:6px;background:#fff;color:#17324d}
.ri-empty-inline{margin-top:12px;text-align:left}
.ri-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0;border:0;background:transparent}
.ri-panel{padding:20px;border-radius:8px}
.ri-link-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ri-link-cloud a{padding:8px 11px;border:1px solid #d5e1eb;border-radius:5px;background:#fbfdff;color:#2d475d}
.ri-link-cloud a:hover{border-color:#0878c9;color:#0878c9}
.ri-clean-list{margin:12px 0 0;padding:0;list-style:none}
.ri-clean-list li{padding:11px 0;border-bottom:1px solid #edf2f6;line-height:1.55}
.ri-clean-list li:last-child{border-bottom:0}
.ri-clean-list a{color:#17324d}
.ri-clean-list a:hover{color:#0878c9}
.ri-page .roboind-brand-grid,.ri-page .roboind-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ri-page .roboind-brand-card{display:block;min-height:210px}
.ri-page .roboind-brand-logo{width:100%;height:94px;margin-bottom:12px;flex:none}
.ri-page .roboind-company-card,.ri-page .roboind-news-card{box-shadow:none}
.ri-page .roboind-video-card{box-shadow:none}
.ri-brand-list,.ri-video-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ri-company-list,.ri-news-list{display:grid;gap:14px}
.ri-brand-item,.ri-company-item,.ri-news-item,.ri-video-item{box-sizing:border-box;border:1px solid #dce6ee;border-radius:8px;background:#fff;overflow:hidden}
.ri-brand-item{padding:14px}
.ri-company-item,.ri-news-item{display:grid;grid-template-columns:136px minmax(0,1fr);gap:16px;padding:14px}
.ri-video-item{display:block}
.ri-logo-box,.ri-thumb-box{display:flex;align-items:center;justify-content:center;border:1px solid #e6edf3;border-radius:6px;background:#fbfdff;overflow:hidden}
.ri-logo-box{height:92px;margin-bottom:12px}
.ri-company-item .ri-logo-box,.ri-news-item .ri-thumb-box{height:104px;margin:0}
.ri-logo-box img{max-width:116px;max-height:78px;object-fit:contain}
.ri-thumb-box img{width:100%;height:100%;object-fit:cover}
.ri-video-cover{position:relative;display:block;aspect-ratio:16/9;background:#102c45;overflow:hidden}
.ri-video-cover img{width:100%;height:100%;object-fit:cover}
.ri-video-cover em{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-style:normal}
.ri-video-item .ri-item-body{padding:14px}
.ri-item-body{min-width:0}
.ri-item-body h3{margin:0 0 8px;font-size:18px;line-height:1.4;color:#102c45}
.ri-item-body h3 a{color:#102c45}
.ri-item-body h3 a:hover{color:#0878c9}
.ri-item-body p{margin:0 0 8px;color:#5f7284;line-height:1.65}
.ri-muted{color:#7a8ea2}
.ri-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ri-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ri-tags span{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid #d7e5dd;border-radius:4px;background:#f7fbf8;color:#2f5f46;font-size:12px;line-height:20px}
.ri-meta-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:#8293a3;font-size:12px}
@media (max-width:1199px){.ri-hero,.ri-layout{grid-template-columns:1fr}.ri-card-grid-4,.ri-page .roboind-brand-grid,.ri-page .roboind-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ri-compact-hero{display:block}.ri-two-col{grid-template-columns:1fr}}
@media (max-width:1199px){.ri-brand-list,.ri-video-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.ri-page{padding:14px 0 28px}.ri-hero,.ri-compact-hero,.ri-section,.ri-panel{padding:16px}.ri-hero-main h1,.ri-compact-hero h1{font-size:28px}.ri-card-grid-4,.ri-page .roboind-brand-grid,.ri-page .roboind-video-grid,.ri-brand-list,.ri-video-list{grid-template-columns:1fr}.ri-company-item,.ri-news-item{grid-template-columns:1fr}.ri-company-item .ri-logo-box,.ri-news-item .ri-thumb-box{height:130px}.ri-filter-row{grid-template-columns:1fr;gap:8px}.ri-actions{display:grid}}

/* RoboInd channel surface */
.ri-page{box-sizing:border-box;padding:0 0 48px;color:#25344a;font-family:Arial,"Microsoft YaHei",sans-serif}
.ri-page *{box-sizing:border-box}
.ri-page a{text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ri-page .nav{margin:0 0 16px;padding:0;color:#7c8ca1;font-size:13px;line-height:22px}
.ri-page .nav a{color:#62748a}
.ri-page .nav a:hover{color:#0b7fd3}
.ri-kicker{display:block;margin:0 0 10px;color:#0b7fd3;font-size:13px;line-height:18px;font-weight:800;letter-spacing:0;text-transform:uppercase}
.ri-hero,.ri-compact-hero{position:relative;margin:18px 0 22px;border:0;border-radius:8px;background:#edf6ff;box-shadow:0 12px 30px rgba(27,57,93,.08);overflow:hidden}
.ri-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;min-height:294px;padding:38px 40px}
.ri-compact-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 32px}
.ri-hero-main h1,.ri-compact-hero h1{margin:0;color:#12263f;font-size:36px;line-height:1.18;font-weight:800}
.ri-hero-main p,.ri-compact-hero p{max-width:820px;margin:14px 0 0;color:#5d6f84;font-size:16px;line-height:1.82}
.ri-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ri-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #d6e2ee;border-radius:8px;background:#fff;color:#263a52;font-size:14px;font-weight:800;box-shadow:0 4px 12px rgba(27,57,93,.04)}
.ri-btn:hover{border-color:#0b7fd3;color:#0b7fd3;box-shadow:0 8px 18px rgba(11,127,211,.12)}
.ri-btn-primary{border-color:#0b7fd3;background:#0b7fd3;color:#fff}
.ri-btn-primary:hover{background:#086cb4;color:#fff}
.ri-hero-side{display:grid;gap:14px;align-content:center}
.ri-hero-side div{padding:18px;border:1px solid rgba(11,127,211,.12);border-radius:8px;background:rgba(255,255,255,.82);box-shadow:0 10px 20px rgba(27,57,93,.06)}
.ri-hero-side b{display:block;margin:0 0 6px;color:#142a44;font-size:16px;line-height:1.4}
.ri-hero-side span{display:block;color:#63758a;font-size:14px;line-height:1.7}
.ri-section,.ri-panel{border:0;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(27,57,93,.07)}
.ri-section{margin-bottom:22px;padding:26px}
.ri-panel{padding:22px}
.ri-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 20px}
.ri-section-head h2,.ri-panel h2{margin:0;color:#12263f;font-size:24px;line-height:1.28;font-weight:800}
.ri-section-head>a{color:#0b7fd3;font-weight:800}
.ri-card-grid{display:grid;gap:16px}
.ri-card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ri-entry-card{position:relative;display:block;min-height:138px;padding:22px;border:1px solid #e5edf5;border-radius:8px;background:#fff;color:#25344a;box-shadow:0 8px 22px rgba(27,57,93,.05)}
.ri-entry-card:hover{border-color:#b9daf4;box-shadow:0 14px 32px rgba(11,127,211,.12);transform:translateY(-2px)}
.ri-entry-card b{display:block;color:#12263f;font-size:18px;line-height:1.38;font-weight:800}
.ri-entry-card span{display:block;margin-top:10px;color:#62748a;font-size:14px;line-height:1.7}
.ri-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.ri-main{min-width:0}
.ri-side{display:grid;gap:18px;align-content:start}
.ri-filter{margin-top:12px}
.ri-filter .sort{margin-top:12px;border:1px solid #e6eef5;border-radius:8px;background:#fbfdff;overflow:hidden}
.ri-filter .sort-k{padding:13px 16px;background:#f2f7fc;color:#12263f;font-weight:800}
.ri-filter .sort-v{padding:13px 16px}
.ri-filter-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid #edf2f7}
.ri-filter-row:first-child{border-top:0;padding-top:0}
.ri-filter-row b{padding-top:8px;color:#12263f;font-weight:800}
.ri-filter-row a,.ri-filter .sort-v a{display:inline-flex;align-items:center;min-height:34px;margin:0 8px 8px 0;padding:0 12px;border:1px solid #dce7f1;border-radius:999px;background:#fff;color:#344a62;font-size:13px;line-height:32px}
.ri-filter-row a.on,.ri-filter-row a:hover,.ri-filter .sort-v a:hover{border-color:#0b7fd3;background:#eef7ff;color:#0b7fd3}
.ri-list-wrap{min-height:180px}
.ri-empty,.ri-empty-inline{border:1px dashed #cbdbea;border-radius:8px;background:#f8fbfe;color:#63758a}
.ri-empty{padding:34px;text-align:center}
.ri-empty h3{margin:0 0 10px;color:#12263f;font-size:22px;font-weight:800}
.ri-empty p{margin:0 0 18px;font-size:14px;line-height:1.75}
.ri-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0 5px 8px;padding:0 14px;border:1px solid #d6e2ee;border-radius:8px;background:#fff;color:#263a52;font-weight:800}
.ri-empty-inline{margin-top:14px;padding:18px 20px;text-align:left;font-size:14px;line-height:1.7}
.ri-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0;border:0;background:transparent;box-shadow:none}
.ri-link-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.ri-link-cloud a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #dce7f1;border-radius:999px;background:#f9fcff;color:#344a62;font-size:13px}
.ri-link-cloud a:hover{border-color:#0b7fd3;background:#eef7ff;color:#0b7fd3}
.ri-clean-list{margin:12px 0 0;padding:0;list-style:none}
.ri-clean-list li{padding:12px 0;border-bottom:1px solid #edf2f7;color:#607287;line-height:1.55}
.ri-clean-list li:last-child{border-bottom:0}
.ri-clean-list a{color:#263a52;font-weight:700}
.ri-clean-list a:hover{color:#0b7fd3}
.ri-brand-list,.ri-video-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ri-company-list,.ri-news-list{display:grid;gap:18px}
.ri-brand-item,.ri-company-item,.ri-news-item,.ri-video-item{border:1px solid #e5edf5;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(27,57,93,.05);overflow:hidden}
.ri-brand-item:hover,.ri-company-item:hover,.ri-news-item:hover,.ri-video-item:hover{border-color:#b9daf4;box-shadow:0 14px 32px rgba(11,127,211,.11)}
.ri-brand-item{display:flex;flex-direction:column;min-height:270px;padding:18px}
.ri-company-item,.ri-news-item{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px}
.ri-logo-box,.ri-thumb-box{display:flex;align-items:center;justify-content:center;border:1px solid #e8eff6;border-radius:8px;background:#f8fbfe;overflow:hidden}
.ri-logo-box{height:104px;margin-bottom:14px}
.ri-company-item .ri-logo-box,.ri-news-item .ri-thumb-box{height:118px;margin:0}
.ri-logo-box img{max-width:124px;max-height:82px;object-fit:contain}
.ri-thumb-box img{width:100%;height:100%;object-fit:cover}
.ri-video-cover{position:relative;display:block;aspect-ratio:16/9;background:#10263f;overflow:hidden}
.ri-video-cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.ri-video-item:hover .ri-video-cover img{transform:scale(1.03)}
.ri-video-cover em{position:absolute;right:12px;bottom:12px;padding:4px 9px;border-radius:999px;background:rgba(18,38,63,.82);color:#fff;font-size:12px;font-style:normal}
.ri-video-item .ri-item-body{padding:16px 18px 18px}
.ri-item-body{min-width:0}
.ri-item-body h3{margin:0 0 9px;color:#12263f;font-size:18px;line-height:1.42;font-weight:800}
.ri-item-body h3 a{color:#12263f}
.ri-item-body h3 a:hover{color:#0b7fd3}
.ri-item-body p{margin:0 0 10px;color:#607287;font-size:14px;line-height:1.72}
.ri-muted{color:#7b8ca0}
.ri-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ri-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.ri-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid #d9e9f8;border-radius:999px;background:#f0f7ff;color:#0d639f;font-size:12px;line-height:22px}
.ri-meta-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:#8493a5;font-size:12px;line-height:18px}
.ri-page .title,.ri-page h1.title{color:#12263f;font-weight:800}
.roboind-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.roboind-main,.roboind-side,.roboind-frame,.roboind-article-head{border:0;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(27,57,93,.07)}
.roboind-main{padding:0;background:transparent;box-shadow:none}
.roboind-article-head{margin-bottom:18px;padding:28px}
.roboind-article-head .title{margin:0 0 14px;font-size:32px;line-height:1.28}
.roboind-meta-line{display:flex;flex-wrap:wrap;gap:12px;color:#8493a5;font-size:13px}
.roboind-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.roboind-badges span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#eef7ff;color:#0b7fd3;font-size:12px;font-weight:700}
.roboind-frame{margin-bottom:18px;padding:24px;color:#25344a;line-height:1.85}
.roboind-side{padding:20px}
@media (max-width:1199px){.ri-hero,.ri-layout,.roboind-detail-layout{grid-template-columns:1fr}.ri-card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ri-brand-list,.ri-video-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ri-compact-hero{display:block}.ri-two-col{grid-template-columns:1fr}}
@media (max-width:767px){.ri-page{padding-bottom:32px}.ri-hero,.ri-compact-hero,.ri-section,.ri-panel{padding:18px}.ri-hero-main h1,.ri-compact-hero h1{font-size:28px}.ri-card-grid-4,.ri-brand-list,.ri-video-list{grid-template-columns:1fr}.ri-company-item,.ri-news-item{grid-template-columns:1fr}.ri-company-item .ri-logo-box,.ri-news-item .ri-thumb-box{height:150px}.ri-filter-row{grid-template-columns:1fr;gap:8px}.ri-actions{display:grid}.ri-btn{width:100%}.roboind-article-head .title{font-size:26px}}

/* RoboInd v66: Modernize shell baseline. The channel body stays independent. */
:root{
	--ri-shell-sidebar:382px;
	--ri-shell-topbar:112px;
	--ri-shell-blue:#5d87ff;
	--ri-shell-text:#2a3547;
	--ri-shell-muted:#7c8aa0;
	--ri-shell-border:#e9eef5;
	--ri-shell-bg:#fff;
	--ri-shell-soft:#ecf4ff;
}
html[data-bs-theme="dark"]{
	--ri-shell-text:#eaf1fb;
	--ri-shell-muted:#9fb1c7;
	--ri-shell-border:#2e3b4d;
	--ri-shell-bg:#1f2a37;
	--ri-shell-soft:#243246;
}
body.roboind-app{
	margin:0!important;
	background:var(--ri-shell-bg)!important;
	color:var(--ri-shell-text)!important;
	font-family:"Plus Jakarta Sans","Microsoft YaHei",Arial,sans-serif!important;
	letter-spacing:0!important;
}
body.roboind-app a{text-decoration:none!important}
body.roboind-app .roboind-app-shell{display:block;min-height:100vh;background:var(--ri-shell-bg)}
body.roboind-app .roboind-sidebar{
	position:fixed!important;
	left:0!important;
	top:0!important;
	bottom:0!important;
	z-index:1030!important;
	width:var(--ri-shell-sidebar)!important;
	min-width:var(--ri-shell-sidebar)!important;
	background:var(--ri-shell-bg)!important;
	border-right:1px solid var(--ri-shell-border)!important;
	box-shadow:none!important;
	overflow:hidden!important;
	display:flex!important;
	flex-direction:column!important;
	transition:width .22s ease, transform .22s ease!important;
}
body.roboind-app .roboind-brand-head{
	height:132px!important;
	padding:30px 34px 22px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
}
body.roboind-app .roboind-sidebar-logo{
	display:flex!important;
	align-items:center!important;
	max-width:270px!important;
	height:64px!important;
	overflow:hidden!important;
}
body.roboind-app .roboind-sidebar-logo img{
	max-width:100%!important;
	max-height:58px!important;
	object-fit:contain!important;
}
body.roboind-app .roboind-side-nav{
	height:auto!important;
	flex:1 1 auto!important;
	min-height:0!important;
	padding:0 34px 10px!important;
	overflow-y:auto!important;
	scrollbar-width:none!important;
}
body.roboind-app .roboind-side-nav::-webkit-scrollbar{width:0;height:0}
body.roboind-app .roboind-side-nav ul{padding:0!important;margin:0!important;list-style:none!important}
body.roboind-app .roboind-side-nav .nav-small-cap{
	margin:22px 0 10px!important;
	padding:0!important;
	color:var(--ri-shell-text)!important;
	font-size:13px!important;
	font-weight:800!important;
	text-transform:uppercase!important;
	letter-spacing:0!important;
}
body.roboind-app .roboind-side-nav .sidebar-item{margin:6px 0!important}
body.roboind-app .roboind-side-nav .sidebar-link{
	display:flex!important;
	align-items:center!important;
	gap:18px!important;
	min-height:64px!important;
	padding:0 18px!important;
	border-radius:8px!important;
	color:#5d6b82!important;
	font-size:18px!important;
	font-weight:600!important;
	line-height:1.2!important;
	transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
body.roboind-app .roboind-side-nav .sidebar-link i{
	width:28px!important;
	min-width:28px!important;
	font-size:28px!important;
	line-height:1!important;
	color:inherit!important;
}
body.roboind-app .roboind-side-nav .sidebar-link:hover,
body.roboind-app .roboind-side-nav .sidebar-link.active{
	background:var(--ri-shell-blue)!important;
	color:#fff!important;
	box-shadow:0 18px 34px rgba(93,135,255,.22)!important;
}
body.roboind-app .roboind-sidebar-user{
	flex:0 0 auto!important;
	margin:12px 34px 12px!important;
	padding:16px!important;
	display:flex!important;
	align-items:center!important;
	gap:14px!important;
	border-radius:8px!important;
	background:#e8f5ff!important;
	color:var(--ri-shell-text)!important;
}
html[data-bs-theme="dark"] body.roboind-app .roboind-sidebar-user{background:#25364a!important}
body.roboind-app .roboind-sidebar-user img{
	width:52px!important;
	height:52px!important;
	border-radius:50%!important;
	object-fit:cover!important;
	background:#dbe7f3!important;
}
body.roboind-app .roboind-sidebar-user strong{
	display:block!important;
	font-size:18px!important;
	font-weight:800!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-sidebar-user span,
body.roboind-app .roboind-sidebar-user a{
	font-size:13px!important;
	color:#6d7f95!important;
}
body.roboind-app .roboind-icp-card{
	flex:0 0 auto!important;
	margin:0 34px 24px!important;
	padding:18px 22px!important;
	border-radius:8px!important;
	background:#e8f5ff!important;
	color:#5d6b82!important;
	font-size:16px!important;
	line-height:1.8!important;
}
html[data-bs-theme="dark"] body.roboind-app .roboind-icp-card{background:#25364a!important;color:#9fb1c7!important}

body.roboind-app .roboind-page-wrapper{
	margin-left:var(--ri-shell-sidebar)!important;
	min-height:100vh!important;
	background:var(--ri-shell-bg)!important;
	transition:margin-left .22s ease!important;
}
body.roboind-app .roboind-topbar-app{
	position:sticky!important;
	top:0!important;
	z-index:1020!important;
	min-height:var(--ri-shell-topbar)!important;
	background:var(--ri-shell-bg)!important;
	border:0!important;
	box-shadow:none!important;
}
body.roboind-app .roboind-topbar-app .with-vertical{
	min-height:var(--ri-shell-topbar)!important;
	padding:0 54px!important;
	display:flex!important;
	align-items:center!important;
}
body.roboind-app .roboind-topbar-app .navbar{
	width:100%!important;
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:28px!important;
	flex-wrap:nowrap!important;
}
body.roboind-app .roboind-topbar-left,
body.roboind-app .roboind-topbar-right{
	display:flex!important;
	align-items:center!important;
	flex-direction:row!important;
	gap:22px!important;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
body.roboind-app .roboind-topbar-left{min-width:0!important;flex:0 1 auto!important}
body.roboind-app .roboind-topbar-right{flex:0 0 auto!important;gap:18px!important;margin-left:auto!important}
body.roboind-app .roboind-topbar-app .nav-link{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:46px!important;
	padding:0!important;
	color:var(--ri-shell-text)!important;
	font-size:17px!important;
	font-weight:600!important;
	white-space:nowrap!important;
}
body.roboind-app .roboind-topbar-app .nav-icon-hover{
	width:44px!important;
	height:44px!important;
	border-radius:50%!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-topbar-app .nav-icon-hover i{font-size:28px!important;line-height:1!important}
body.roboind-app .roboind-topbar-app .nav-icon-hover:hover,
body.roboind-app .roboind-topbar-app .nav-icon-hover.show{
	background:#f0f5ff!important;
	color:var(--ri-shell-blue)!important;
}
html[data-bs-theme="dark"] body.roboind-app .roboind-topbar-app .nav-icon-hover:hover,
html[data-bs-theme="dark"] body.roboind-app .roboind-topbar-app .nav-icon-hover.show{background:#26364c!important}
body.roboind-app .roboind-top-link{
	padding:0 12px!important;
	color:var(--ri-shell-text)!important;
	font-size:18px!important;
	font-weight:700!important;
}
body.roboind-app .roboind-round-icon{
	background:#f0f5ff!important;
}
body.roboind-app .roboind-avatar{
	width:56px!important;
	height:56px!important;
	object-fit:cover!important;
	background:#dbe7f3!important;
}
body.roboind-app .roboind-dot{
	position:absolute!important;
	top:2px!important;
	right:1px!important;
	min-width:18px!important;
	height:18px!important;
	padding:0 5px!important;
	border-radius:999px!important;
	background:#ff826c!important;
	color:#fff!important;
	font-size:11px!important;
	font-weight:800!important;
	line-height:18px!important;
	text-align:center!important;
}
body.roboind-app .roboind-dot:empty{display:none!important}
body.roboind-app .roboind-content-fluid{
	max-width:none!important;
	min-height:calc(100vh - var(--ri-shell-topbar))!important;
	padding:30px 54px 70px!important;
	background:var(--ri-shell-bg)!important;
}

body.roboind-app .dropdown-menu{
	border:0!important;
	border-radius:8px!important;
	box-shadow:0 18px 48px rgba(42,53,71,.13)!important;
	background:var(--ri-shell-bg)!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-search-menu{
	width:420px!important;
	margin-top:14px!important;
	padding:18px!important;
}
body.roboind-app .roboind-search-form{
	display:grid!important;
	grid-template-columns:1fr auto!important;
	gap:12px!important;
	align-items:center!important;
}
body.roboind-app .roboind-scenario-nav{position:static!important}
body.roboind-app .roboind-scenario-menu{
	width:860px!important;
	max-width:calc(100vw - var(--ri-shell-sidebar) - 130px)!important;
	margin-top:14px!important;
	padding:34px 42px 26px!important;
	left:54px!important;
	right:auto!important;
}
body.roboind-app .roboind-scenario-grid{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	column-gap:74px!important;
	row-gap:24px!important;
}
body.roboind-app .roboind-scenario-grid a{
	display:grid!important;
	grid-template-columns:68px 1fr!important;
	grid-template-rows:auto auto!important;
	column-gap:18px!important;
	align-items:center!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-scenario-grid i{
	grid-row:1/3!important;
	width:68px!important;
	height:68px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:8px!important;
	background:#f4f8fb!important;
	color:#6b56a3!important;
	font-size:32px!important;
}
html[data-bs-theme="dark"] body.roboind-app .roboind-scenario-grid i{background:#26364c!important}
body.roboind-app .roboind-scenario-grid strong{
	font-size:18px!important;
	font-weight:800!important;
	line-height:1.25!important;
}
body.roboind-app .roboind-scenario-grid span{
	font-size:14px!important;
	color:#8b9bb0!important;
	line-height:1.6!important;
}
body.roboind-app .roboind-scenario-foot{
	margin-top:30px!important;
	padding-top:22px!important;
	border-top:1px solid var(--ri-shell-border)!important;
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
}
body.roboind-app .roboind-scenario-foot>a:first-child{
	display:flex!important;
	align-items:center!important;
	gap:10px!important;
	color:var(--ri-shell-text)!important;
	font-weight:800!important;
}
body.roboind-app .roboind-lang-menu{width:285px!important;padding:20px 0!important;margin-top:14px!important}
body.roboind-app .roboind-lang-menu .dropdown-item{
	display:flex!important;
	align-items:center!important;
	gap:16px!important;
	padding:16px 30px!important;
	font-size:17px!important;
	color:#6d7f95!important;
}
body.roboind-app .roboind-notification-menu{
	width:510px!important;
	padding:34px!important;
	margin-top:14px!important;
}
body.roboind-app .roboind-notification-menu h5,
body.roboind-app .roboind-user-menu h5{
	font-size:24px!important;
	font-weight:800!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-notice-item{
	display:grid!important;
	grid-template-columns:62px 1fr!important;
	gap:18px!important;
	align-items:center!important;
	padding:14px 0!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-notice-item>span{
	width:62px!important;
	height:62px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:50%!important;
	background:#eef5ff!important;
	color:var(--ri-shell-blue)!important;
	font-size:28px!important;
}
body.roboind-app .roboind-notice-item strong{display:block!important;font-size:17px!important;font-weight:800!important}
body.roboind-app .roboind-notice-item small{display:block!important;color:#8b9bb0!important;font-size:14px!important;margin-top:4px!important}
body.roboind-app .roboind-user-menu{
	width:520px!important;
	padding:34px!important;
	margin-top:14px!important;
}
body.roboind-app .roboind-user-head{
	display:flex!important;
	align-items:center!important;
	gap:22px!important;
	padding:20px 0 24px!important;
	margin-bottom:18px!important;
	border-bottom:1px solid var(--ri-shell-border)!important;
}
body.roboind-app .roboind-user-head img{
	width:92px!important;
	height:92px!important;
	border-radius:50%!important;
	object-fit:cover!important;
	background:#dbe7f3!important;
}
body.roboind-app .roboind-user-head strong{display:block!important;font-size:19px!important;font-weight:800!important}
body.roboind-app .roboind-user-head span{display:block!important;color:#8b9bb0!important;font-size:15px!important;margin-top:5px!important}
body.roboind-app .roboind-profile-link{
	display:grid!important;
	grid-template-columns:68px 1fr!important;
	gap:20px!important;
	align-items:center!important;
	padding:13px 0!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-profile-link i{
	width:68px!important;
	height:68px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:8px!important;
	background:#f4f8fb!important;
	color:#8b85ff!important;
	font-size:30px!important;
}
html[data-bs-theme="dark"] body.roboind-app .roboind-profile-link i{background:#26364c!important}
body.roboind-app .roboind-profile-link span{font-size:18px!important;font-weight:800!important}
body.roboind-app .roboind-profile-link small{display:block!important;color:#8b9bb0!important;font-size:14px!important;font-weight:500!important;margin-top:5px!important}
body.roboind-app .roboind-cart-panel{
	width:470px!important;
	border:0!important;
	padding:20px 22px!important;
	background:var(--ri-shell-bg)!important;
	color:var(--ri-shell-text)!important;
}
body.roboind-app .roboind-cart-panel h5{font-size:24px!important;font-weight:800!important}
body.roboind-app .roboind-cart-empty{
	min-height:260px!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:center!important;
	gap:10px!important;
	text-align:center!important;
	color:#8b9bb0!important;
}
body.roboind-app .roboind-cart-empty i{font-size:52px!important;color:var(--ri-shell-blue)!important}
body.roboind-app .roboind-cart-empty strong{font-size:22px!important;color:var(--ri-shell-text)!important}

body.roboind-sidebar-collapsed .roboind-sidebar{
	width:92px!important;
	min-width:92px!important;
}
body.roboind-sidebar-collapsed .roboind-page-wrapper{margin-left:92px!important}
body.roboind-sidebar-collapsed .roboind-brand-head{padding:30px 24px!important;justify-content:center!important}
body.roboind-sidebar-collapsed .roboind-sidebar-logo{width:42px!important;height:42px!important}
body.roboind-sidebar-collapsed .roboind-sidebar-logo img{max-width:none!important;width:42px!important;height:42px!important;object-fit:cover!important;object-position:left center!important}
body.roboind-sidebar-collapsed .roboind-side-nav{padding:0 18px 10px!important}
body.roboind-sidebar-collapsed .roboind-side-nav .hide-menu,
body.roboind-sidebar-collapsed .roboind-sidebar-user div,
body.roboind-sidebar-collapsed .roboind-icp-card{display:none!important}
body.roboind-sidebar-collapsed .roboind-side-nav .sidebar-link{
	justify-content:center!important;
	padding:0!important;
	gap:0!important;
}
body.roboind-sidebar-collapsed .roboind-sidebar-user{
	margin:14px 20px!important;
	padding:0!important;
	background:transparent!important;
	justify-content:center!important;
}
body.roboind-sidebar-collapsed .roboind-sidebar-user img{width:50px!important;height:50px!important}

html[data-bs-theme="dark"] body.roboind-app,
body.roboind-dark{background:#1f2a37!important}
html[data-bs-theme="dark"] body.roboind-app .roboind-sidebar,
html[data-bs-theme="dark"] body.roboind-app .roboind-page-wrapper,
html[data-bs-theme="dark"] body.roboind-app .roboind-topbar-app,
html[data-bs-theme="dark"] body.roboind-app .roboind-content-fluid,
html[data-bs-theme="dark"] body.roboind-app .dropdown-menu,
html[data-bs-theme="dark"] body.roboind-app .roboind-cart-panel{background:#1f2a37!important}

@media (max-width:1399px){
	body.roboind-app .roboind-topbar-app .with-vertical,
	body.roboind-app .roboind-content-fluid{padding-left:36px!important;padding-right:36px!important}
	body.roboind-app .roboind-scenario-menu{left:36px!important;max-width:calc(100vw - var(--ri-shell-sidebar) - 80px)!important}
}
@media (max-width:1199px){
	:root{--ri-shell-sidebar:300px}
	body.roboind-app .roboind-topbar-left{gap:14px!important}
	body.roboind-app .roboind-topbar-right{gap:10px!important}
	body.roboind-app .roboind-scenario-menu{width:720px!important}
}
@media (max-width:991px){
	body.roboind-app .roboind-sidebar{transform:translateX(-100%)!important;width:300px!important;min-width:300px!important}
	body.roboind-sidebar-collapsed .roboind-sidebar{transform:translateX(0)!important;width:300px!important;min-width:300px!important}
	body.roboind-app .roboind-page-wrapper,
	body.roboind-sidebar-collapsed .roboind-page-wrapper{margin-left:0!important}
	body.roboind-app .roboind-topbar-app .with-vertical,
	body.roboind-app .roboind-content-fluid{padding-left:18px!important;padding-right:18px!important}
	body.roboind-app .roboind-topbar-left .d-none,
	body.roboind-app .roboind-topbar-left .d-xl-block,
	body.roboind-app .roboind-topbar-left .d-xxl-block{display:none!important}
	body.roboind-app .roboind-scenario-menu{width:calc(100vw - 36px)!important;max-width:none!important;left:18px!important}
	body.roboind-app .roboind-scenario-grid{grid-template-columns:1fr!important}
}
@media (max-width:575px){
	body.roboind-app .roboind-topbar-app .nav-icon-hover{width:40px!important;height:40px!important}
	body.roboind-app .roboind-avatar{width:44px!important;height:44px!important}
	body.roboind-app .roboind-notification-menu,
	body.roboind-app .roboind-user-menu,
	body.roboind-app .roboind-search-menu{width:calc(100vw - 28px)!important}
	body.roboind-app .roboind-cart-panel{width:100%!important}
}

/* RoboInd v64: demo side-shell, not Destoon horizontal header */
body.roboind-app{
	margin:0;
	background:#fff;
	color:#2a3547;
	font-family:"Plus Jakarta Sans",Arial,"Microsoft YaHei",sans-serif;
}
body.roboind-app a{text-decoration:none}
.roboind-app-shell{display:flex;min-height:100vh;background:#fff}
.roboind-sidebar{
	position:fixed;
	inset:0 auto 0 0;
	width:382px!important;
	background:#fff;
	border-right:1px solid #eef2f7;
	z-index:20;
	overflow-y:auto;
}
.roboind-sidebar .brand-logo{height:132px;padding:30px 34px 22px}
.roboind-sidebar-logo{display:flex;align-items:center;max-width:270px;height:64px;overflow:hidden}
.roboind-sidebar-logo img{max-width:100%;max-height:58px;object-fit:contain}
.roboind-side-nav{padding:24px 34px 132px}
.roboind-side-nav ul{margin:0;padding:0;list-style:none}
.roboind-side-nav .nav-small-cap{
	margin:28px 0 18px;
	color:#2a3547;
	font-size:15px;
	font-weight:800;
	letter-spacing:.02em;
}
.roboind-side-nav .sidebar-link{
	display:flex;
	align-items:center;
	gap:19px;
	min-height:64px;
	margin:8px 0;
	padding:0 18px;
	border-radius:8px;
	color:#4f5f75;
	font-size:18px;
	font-weight:600;
	transition:all .18s ease;
}
.roboind-side-nav .sidebar-link span:first-child{
	display:flex;
	align-items:center;
	justify-content:center;
	width:26px;
	color:#2a3547;
	font-size:26px;
}
.roboind-side-nav .sidebar-link:hover,
.roboind-side-nav .sidebar-link.active{
	background:#5d87ff;
	color:#fff;
	box-shadow:0 10px 20px rgba(93,135,255,.22);
}
.roboind-side-nav .sidebar-link:hover span:first-child,
.roboind-side-nav .sidebar-link.active span:first-child{color:#fff}
.roboind-icp-card{
	position:absolute;
	left:34px;
	right:34px;
	bottom:24px;
	padding:20px 22px;
	border-radius:8px;
	background:#eaf6ff;
	color:#44546a;
	font-size:14px;
	line-height:1.8;
}
.roboind-page-wrapper{
	width:auto!important;
	min-height:100vh;
	margin-left:382px!important;
	background:#fff;
	overflow:hidden;
}
.roboind-topbar-app{
	position:sticky;
	top:0;
	z-index:15;
	min-height:106px;
	background:#fff;
	border:0;
	box-shadow:none;
}
.roboind-topbar-app .with-vertical{
	display:flex;
	align-items:center;
	min-height:106px;
	padding:0 34px 0 34px;
}
.roboind-topbar-app .navbar{width:100%}
.roboind-topbar-app .navbar>.d-flex:first-child{
	flex:1 1 auto;
	min-width:0;
	flex-wrap:nowrap;
	gap:24px!important;
}
.roboind-topbar-app .navbar>.ms-auto{
	flex:0 0 auto;
}
.roboind-topbar-app .nav-icon-hover{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	color:#2a3547;
	font-size:27px;
}
.roboind-topbar-app .nav-icon-hover:hover{background:#f2f6fa;color:#5d87ff}
.roboind-top-link{
	display:flex;
	align-items:center;
	height:42px;
	padding:0 4px;
	color:#2a3547;
	font-size:18px;
	font-weight:600;
	white-space:nowrap;
	flex:0 0 auto;
}
.roboind-top-link:hover{color:#5d87ff}
.roboind-member{min-width:90px;text-align:right;color:#2a3547;font-size:14px}
.roboind-content-fluid{
	max-width:none!important;
	width:100%;
	padding:36px 54px 60px 34px!important;
	background:#fff;
	overflow:hidden;
}
body.roboind-app .custom-container{
	max-width:none;
	width:100%;
	margin:0;
	padding:0;
}
body.roboind-app .ri-page{padding:0}
body.roboind-app .ri-hero,
body.roboind-app .ri-compact-hero{
	display:block;
	min-height:0;
	margin:0 0 34px;
	padding:28px 34px;
	border:0;
	border-radius:8px;
	background:#eaf4ff;
	box-shadow:none;
	overflow:visible;
}
body.roboind-app .ri-hero:before,
body.roboind-app .ri-compact-hero:before{display:none}
body.roboind-app .ri-kicker{
	display:none;
}
body.roboind-app .ri-hero-main h1,
body.roboind-app .ri-compact-hero h1{
	margin:0 0 12px;
	color:#2a3547;
	font-size:28px;
	line-height:1.32;
	font-weight:800;
}
body.roboind-app .ri-hero-main p,
body.roboind-app .ri-compact-hero p{
	max-width:980px;
	margin:0;
	color:#4f5f75;
	font-size:15px;
	line-height:1.9;
}
body.roboind-app .ri-hero-side{
	display:none;
}
body.roboind-app .ri-actions{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	margin-top:18px;
}
body.roboind-app .ri-btn{
	min-height:42px;
	padding:0 18px;
	border:1px solid #e5edf5;
	border-radius:8px;
	background:#fff;
	color:#2a3547;
	font-size:15px;
	font-weight:700;
}
body.roboind-app .ri-btn-primary{
	border-color:#5d87ff;
	background:#5d87ff;
	color:#fff;
}
body.roboind-app .ri-section,
body.roboind-app .ri-panel,
body.roboind-app .ri-brand-item,
body.roboind-app .ri-company-item,
body.roboind-app .ri-news-item,
body.roboind-app .ri-video-item,
body.roboind-app .roboind-frame,
body.roboind-app .roboind-article-head,
body.roboind-app .roboind-side{
	border:1px solid #edf2f7;
	border-radius:8px;
	background:#fff;
	box-shadow:0 12px 30px rgba(42,53,71,.05);
}
body.roboind-app .ri-section{
	margin:0 0 30px;
	padding:30px;
}
body.roboind-app .ri-section-head{
	margin-bottom:20px;
	padding-bottom:14px;
	border-bottom:1px solid #edf2f7;
}
body.roboind-app .ri-section-head h2,
body.roboind-app .ri-panel h2{
	color:#2a3547;
	font-size:24px;
	font-weight:800;
}
body.roboind-app .ri-card-grid{
	gap:22px;
}
body.roboind-app .ri-entry-card{
	min-height:124px;
	padding:24px 28px;
	border:1px solid #edf2f7;
	border-radius:8px;
	background:#fff;
	box-shadow:0 12px 30px rgba(42,53,71,.05);
}
body.roboind-app .ri-entry-card:hover{
	transform:translateY(-2px);
	box-shadow:0 16px 34px rgba(42,53,71,.08);
}
body.roboind-app .ri-entry-card b{
	color:#2a3547;
	font-size:20px;
	font-weight:800;
}
body.roboind-app .ri-entry-card span{
	color:#6b7890;
	font-size:15px;
	line-height:1.75;
}
body.roboind-app .roboind-brand-grid,
body.roboind-app .roboind-video-grid,
body.roboind-app .ri-card-grid-4{
	grid-template-columns:repeat(3,minmax(0,1fr));
}
body.roboind-app .ri-list-wrap .ri-empty-inline{
	color:#6b7890;
}
body.roboind-app .m,
body.roboind-app .m2{
	width:auto!important;
	margin:0!important;
}
body.roboind-app .nav{
	margin:0 0 24px;
	padding:0 0 18px;
	border-bottom:1px solid #edf2f7;
	background:#fff;
}
body.roboind-app .m2{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:30px;
}
body.roboind-app .m2l,
body.roboind-app .m2r{
	width:auto!important;
	float:none!important;
}
body.roboind-app .m2l,
body.roboind-app .m2r,
body.roboind-app .catlist,
body.roboind-app .sort-f{
	border:1px solid #edf2f7;
	border-radius:8px;
	background:#fff;
	box-shadow:0 12px 30px rgba(42,53,71,.05);
}
@media (max-width:1199px){
	.roboind-sidebar{width:300px!important}
	.roboind-page-wrapper{width:auto!important;margin-left:300px!important}
	.roboind-topbar-app .with-vertical,.roboind-content-fluid{padding-left:28px!important;padding-right:28px!important}
	body.roboind-app .roboind-brand-grid,
	body.roboind-app .roboind-video-grid,
	body.roboind-app .ri-card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
	.roboind-sidebar{position:relative;width:100%!important;min-height:auto}
	.roboind-icp-card{position:relative;left:auto;right:auto;bottom:auto;margin:20px 32px}
	.roboind-page-wrapper{width:100%!important;margin-left:0!important}
	.roboind-app-shell{display:block}
	.roboind-topbar-app .with-vertical{min-height:72px}
	body.roboind-app .m2{grid-template-columns:1fr}
}
@media (max-width:767px){
	.roboind-topbar-app .with-vertical,.roboind-content-fluid{padding-left:16px!important;padding-right:16px!important}
	body.roboind-app .roboind-brand-grid,
	body.roboind-app .roboind-video-grid,
	body.roboind-app .ri-card-grid-4{grid-template-columns:1fr}
}

/* RoboInd v66-2: Modernize shell correction, copied to demo proportions. */
body.roboind-app{
	--ri-demo-sidebar:270px;
	--ri-demo-topbar:70px;
	--ri-demo-blue:#5d87ff;
	--ri-demo-text:#2a3547;
	--ri-demo-muted:#5a6a85;
	--ri-demo-soft:#ecf4ff;
	--ri-demo-border:#ebf1f6;
	margin:0!important;
	background:#fff!important;
	color:var(--ri-demo-text)!important;
	font-family:"Plus Jakarta Sans","Microsoft YaHei",Arial,sans-serif!important;
	font-size:14px!important;
	letter-spacing:0!important;
}
body.roboind-app .roboind-app-shell{display:block!important;min-height:100vh!important;background:#fff!important}
body.roboind-app .roboind-sidebar{
	position:fixed!important;
	inset:0 auto 0 0!important;
	width:var(--ri-demo-sidebar)!important;
	min-width:var(--ri-demo-sidebar)!important;
	height:100vh!important;
	z-index:1030!important;
	display:flex!important;
	flex-direction:column!important;
	background:#fff!important;
	border-right:1px solid var(--ri-demo-border)!important;
	box-shadow:none!important;
	overflow:hidden!important;
}
body.roboind-app .roboind-brand-head{
	flex:0 0 70px!important;
	height:70px!important;
	padding:0 24px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
}
body.roboind-app .roboind-sidebar-logo{
	display:flex!important;
	align-items:center!important;
	width:190px!important;
	height:46px!important;
	overflow:hidden!important;
}
body.roboind-app .roboind-sidebar-logo img{
	max-width:190px!important;
	max-height:44px!important;
	object-fit:contain!important;
	object-position:left center!important;
}
body.roboind-app .roboind-side-nav{
	flex:1 1 auto!important;
	min-height:0!important;
	height:auto!important;
	padding:34px 24px 16px!important;
	overflow-y:auto!important;
	scrollbar-width:thin!important;
}
body.roboind-app .roboind-side-nav ul{margin:0!important;padding:0!important;list-style:none!important}
body.roboind-app .roboind-side-nav .nav-small-cap{
	margin:18px 0 10px!important;
	padding:0!important;
	color:var(--ri-demo-text)!important;
	font-size:13px!important;
	line-height:20px!important;
	font-weight:800!important;
	letter-spacing:0!important;
	text-transform:uppercase!important;
}
body.roboind-app .roboind-side-nav .sidebar-item{margin:0 0 2px!important}
body.roboind-app .roboind-side-nav .sidebar-link{
	display:flex!important;
	align-items:center!important;
	gap:17px!important;
	min-height:45px!important;
	height:45px!important;
	padding:10px!important;
	border-radius:7px!important;
	color:#526179!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:25px!important;
	white-space:nowrap!important;
	box-shadow:none!important;
}
body.roboind-app .roboind-side-nav .sidebar-link span:first-child{
	width:22px!important;
	min-width:22px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
}
body.roboind-app .roboind-side-nav .sidebar-link i{
	width:21px!important;
	min-width:21px!important;
	height:21px!important;
	font-size:21px!important;
	line-height:21px!important;
	color:inherit!important;
}
body.roboind-app .roboind-side-nav .sidebar-link:hover,
body.roboind-app .roboind-side-nav .sidebar-link.active{
	background:var(--ri-demo-blue)!important;
	color:#fff!important;
	box-shadow:0 10px 22px rgba(93,135,255,.22)!important;
}
body.roboind-app .roboind-sidebar-user{
	flex:0 0 auto!important;
	display:flex!important;
	align-items:center!important;
	gap:12px!important;
	margin:10px 24px 0!important;
	padding:13px 14px!important;
	border-radius:7px!important;
	background:#eaf6ff!important;
	color:var(--ri-demo-text)!important;
	overflow:hidden!important;
}
body.roboind-app .roboind-sidebar-user img{
	width:44px!important;
	height:44px!important;
	flex:0 0 44px!important;
	border-radius:50%!important;
	object-fit:cover!important;
	background:#dbe5ef!important;
}
body.roboind-app .roboind-sidebar-user strong{
	display:block!important;
	margin:0!important;
	font-size:15px!important;
	line-height:19px!important;
	font-weight:800!important;
	color:var(--ri-demo-text)!important;
	white-space:nowrap!important;
	overflow:hidden!important;
	text-overflow:ellipsis!important;
}
body.roboind-app .roboind-sidebar-user span,
body.roboind-app .roboind-sidebar-user a{
	font-size:12px!important;
	line-height:18px!important;
	color:#6c7d93!important;
	white-space:nowrap!important;
}
body.roboind-app .roboind-icp-card{
	flex:0 0 auto!important;
	margin:8px 24px 16px!important;
	padding:12px 15px!important;
	border-radius:7px!important;
	background:#eaf6ff!important;
	color:#5d6b82!important;
	font-size:12px!important;
	line-height:1.65!important;
	box-shadow:none!important;
}
body.roboind-app .roboind-page-wrapper{
	margin-left:var(--ri-demo-sidebar)!important;
	min-height:100vh!important;
	background:#fff!important;
	transition:margin-left .2s ease!important;
}
body.roboind-app .roboind-topbar-app{
	position:sticky!important;
	top:0!important;
	z-index:1020!important;
	height:var(--ri-demo-topbar)!important;
	min-height:var(--ri-demo-topbar)!important;
	background:#fff!important;
	border:0!important;
	box-shadow:none!important;
}
body.roboind-app .roboind-topbar-app .with-vertical{
	height:var(--ri-demo-topbar)!important;
	min-height:var(--ri-demo-topbar)!important;
	padding:0 25px!important;
	display:flex!important;
	align-items:center!important;
}
body.roboind-app .roboind-topbar-app .navbar{
	width:100%!important;
	height:70px!important;
	display:flex!important;
	align-items:center!important;
	flex-wrap:nowrap!important;
	gap:0!important;
}
body.roboind-app .roboind-topbar-left,
body.roboind-app .roboind-topbar-right{
	display:flex!important;
	align-items:center!important;
	flex-direction:row!important;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
body.roboind-app .roboind-topbar-left{
	flex:0 0 auto!important;
	gap:10px!important;
}
body.roboind-app .roboind-topbar-right{
	flex:0 0 auto!important;
	gap:6px!important;
	margin-left:auto!important;
}
body.roboind-app .roboind-topbar-app .nav-link{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	height:40px!important;
	min-height:40px!important;
	padding:0 15px!important;
	color:var(--ri-demo-text)!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:40px!important;
	white-space:nowrap!important;
}
body.roboind-app .roboind-topbar-app .nav-icon-hover{
	width:40px!important;
	height:40px!important;
	padding:0!important;
	border-radius:50%!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-topbar-app .nav-icon-hover i{
	font-size:24px!important;
	line-height:1!important;
}
body.roboind-app .roboind-topbar-app .nav-icon-hover:hover,
body.roboind-app .roboind-topbar-app .nav-icon-hover.show{
	background:#f2f6fa!important;
	color:var(--ri-demo-blue)!important;
}
body.roboind-app .roboind-top-link{
	width:auto!important;
	padding:0 15px!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:40px!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-round-icon{
	width:40px!important;
	height:40px!important;
	background:#f0f5ff!important;
}
body.roboind-app .roboind-avatar{
	width:46px!important;
	height:46px!important;
	border-radius:50%!important;
	object-fit:cover!important;
	background:#dce5ef!important;
}
body.roboind-app .roboind-content-fluid{
	max-width:none!important;
	width:100%!important;
	min-height:calc(100vh - 70px)!important;
	padding:30px 54px 60px!important;
	background:#fff!important;
}
body.roboind-app .dropdown-menu{
	border:0!important;
	border-radius:7px!important;
	box-shadow:0 16px 40px rgba(42,53,71,.13)!important;
	background:#fff!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-search-menu{
	width:360px!important;
	margin-top:8px!important;
	padding:14px!important;
}
body.roboind-app .roboind-search-form{
	display:grid!important;
	grid-template-columns:1fr auto!important;
	gap:10px!important;
}
body.roboind-app .roboind-scenario-nav{position:static!important}
body.roboind-app .roboind-scenario-menu{
	width:780px!important;
	max-width:calc(100vw - var(--ri-demo-sidebar) - 80px)!important;
	margin-top:8px!important;
	padding:30px 34px 22px!important;
	left:25px!important;
	right:auto!important;
}
body.roboind-app .roboind-scenario-grid{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	column-gap:58px!important;
	row-gap:19px!important;
}
body.roboind-app .roboind-scenario-grid a{
	display:grid!important;
	grid-template-columns:52px 1fr!important;
	grid-template-rows:auto auto!important;
	column-gap:16px!important;
	align-items:center!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-scenario-grid i{
	grid-row:1/3!important;
	width:52px!important;
	height:52px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:7px!important;
	background:#f4f8fb!important;
	color:#6650a4!important;
	font-size:24px!important;
}
body.roboind-app .roboind-scenario-grid strong{
	font-size:15px!important;
	line-height:20px!important;
	font-weight:800!important;
}
body.roboind-app .roboind-scenario-grid span{
	font-size:13px!important;
	line-height:20px!important;
	color:#8b9bb0!important;
}
body.roboind-app .roboind-scenario-foot{
	margin-top:22px!important;
	padding-top:18px!important;
	border-top:1px solid var(--ri-demo-border)!important;
	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
}
body.roboind-app .roboind-lang-menu{width:250px!important;margin-top:8px!important;padding:12px 0!important}
body.roboind-app .roboind-lang-menu .dropdown-item{
	display:flex!important;
	align-items:center!important;
	gap:12px!important;
	padding:12px 22px!important;
	font-size:14px!important;
	color:#68778f!important;
}
body.roboind-app .roboind-notification-menu,
body.roboind-app .roboind-user-menu{
	width:390px!important;
	margin-top:8px!important;
	padding:24px!important;
}
body.roboind-app .roboind-notification-menu h5,
body.roboind-app .roboind-user-menu h5{font-size:20px!important;font-weight:800!important}
body.roboind-app .roboind-notice-item{
	display:grid!important;
	grid-template-columns:48px 1fr!important;
	gap:14px!important;
	align-items:center!important;
	padding:10px 0!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-notice-item>span{
	width:48px!important;
	height:48px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:50%!important;
	background:#eef5ff!important;
	color:var(--ri-demo-blue)!important;
	font-size:22px!important;
}
body.roboind-app .roboind-user-head{
	display:flex!important;
	align-items:center!important;
	gap:16px!important;
	padding:14px 0 18px!important;
	margin-bottom:12px!important;
	border-bottom:1px solid var(--ri-demo-border)!important;
}
body.roboind-app .roboind-user-head img{
	width:70px!important;
	height:70px!important;
	border-radius:50%!important;
	object-fit:cover!important;
}
body.roboind-app .roboind-profile-link{
	display:grid!important;
	grid-template-columns:52px 1fr!important;
	gap:15px!important;
	align-items:center!important;
	padding:10px 0!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-profile-link i{
	width:52px!important;
	height:52px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	border-radius:7px!important;
	background:#f4f8fb!important;
	color:#8b85ff!important;
	font-size:24px!important;
}
body.roboind-app .roboind-cart-panel{
	width:390px!important;
	padding:18px!important;
	border:0!important;
	background:#fff!important;
	color:var(--ri-demo-text)!important;
}
body.roboind-app .roboind-dot{
	position:absolute!important;
	top:1px!important;
	right:1px!important;
	min-width:16px!important;
	height:16px!important;
	padding:0 4px!important;
	border-radius:999px!important;
	background:#ff826c!important;
	color:#fff!important;
	font-size:10px!important;
	font-weight:800!important;
	line-height:16px!important;
	text-align:center!important;
}
body.roboind-app .roboind-dot:empty{display:none!important}
body.roboind-sidebar-collapsed .roboind-sidebar{
	width:86px!important;
	min-width:86px!important;
}
body.roboind-sidebar-collapsed .roboind-page-wrapper{margin-left:86px!important}
body.roboind-sidebar-collapsed .roboind-brand-head{padding:0 21px!important}
body.roboind-sidebar-collapsed .roboind-sidebar-logo{width:44px!important}
body.roboind-sidebar-collapsed .roboind-sidebar-logo img{
	max-width:none!important;
	width:44px!important;
	height:44px!important;
	object-fit:cover!important;
	object-position:left center!important;
}
body.roboind-sidebar-collapsed .roboind-side-nav{padding:34px 17px 16px!important}
body.roboind-sidebar-collapsed .roboind-side-nav .hide-menu,
body.roboind-sidebar-collapsed .roboind-sidebar-user div,
body.roboind-sidebar-collapsed .roboind-icp-card{display:none!important}
body.roboind-sidebar-collapsed .roboind-side-nav .sidebar-link{
	justify-content:center!important;
	padding:10px 0!important;
	gap:0!important;
}
body.roboind-sidebar-collapsed .roboind-sidebar-user{
	margin:10px 17px 16px!important;
	padding:0!important;
	background:transparent!important;
	justify-content:center!important;
}
@media (max-width:1199px){
	body.roboind-app{--ri-demo-sidebar:270px}
	body.roboind-app .roboind-content-fluid{padding-left:32px!important;padding-right:32px!important}
	body.roboind-app .roboind-scenario-menu{width:680px!important}
}
@media (max-width:991px){
	body.roboind-app .roboind-sidebar{transform:translateX(-100%)!important}
	body.roboind-sidebar-collapsed .roboind-sidebar{transform:translateX(0)!important;width:270px!important;min-width:270px!important}
	body.roboind-app .roboind-page-wrapper,
	body.roboind-sidebar-collapsed .roboind-page-wrapper{margin-left:0!important}
	body.roboind-app .roboind-topbar-right{gap:2px!important}
	body.roboind-app .roboind-content-fluid{padding:22px 18px 50px!important}
}

/* RoboInd v66-3: kill old absolute/footer/sidebar height residues. */
body.roboind-app .roboind-sidebar{
	display:flex!important;
	flex-direction:column!important;
}
body.roboind-app .roboind-side-nav{
	flex:1 1 0!important;
	height:auto!important;
	max-height:none!important;
	min-height:0!important;
	margin:0!important;
}
body.roboind-app .roboind-sidebar-user,
body.roboind-app .roboind-icp-card{
	position:static!important;
	left:auto!important;
	right:auto!important;
	top:auto!important;
	bottom:auto!important;
	width:auto!important;
	max-width:none!important;
	transform:none!important;
}
body.roboind-app .roboind-sidebar-user{
	order:2!important;
}
body.roboind-app .roboind-icp-card{
	order:3!important;
}
body.roboind-app .body-wrapper{
	padding-top:0!important;
	min-height:calc(100vh - var(--ri-demo-topbar))!important;
}
body.roboind-app .roboind-topbar-app .container-fluid,
body.roboind-app .roboind-topbar-app .container{
	max-width:none!important;
	width:100%!important;
	padding-left:0!important;
	padding-right:0!important;
}

/* RoboInd v66-4: pin topbar actions to the right edge of the content area. */
body.roboind-app .roboind-topbar-app,
body.roboind-app .roboind-topbar-app .with-vertical,
body.roboind-app .roboind-topbar-app .navbar{
	width:100%!important;
	max-width:none!important;
}
body.roboind-app .roboind-topbar-app .with-vertical{
	padding-left:54px!important;
	padding-right:54px!important;
}
body.roboind-app .roboind-topbar-app .navbar{
	position:relative!important;
	justify-content:flex-start!important;
}
body.roboind-app .roboind-topbar-left{
	padding-right:360px!important;
}
body.roboind-app .roboind-topbar-right{
	position:absolute!important;
	top:50%!important;
	right:54px!important;
	transform:translateY(-50%)!important;
	margin-left:0!important;
	margin-right:0!important;
	justify-content:flex-end!important;
}
@media (max-width:1399px){
	body.roboind-app .roboind-topbar-app .with-vertical{padding-left:36px!important;padding-right:36px!important}
	body.roboind-app .roboind-topbar-right{right:36px!important}
	body.roboind-app .roboind-topbar-left{padding-right:320px!important}
}
@media (max-width:991px){
	body.roboind-app .roboind-topbar-app .with-vertical{padding-left:18px!important;padding-right:18px!important}
	body.roboind-app .roboind-topbar-right{right:18px!important}
	body.roboind-app .roboind-topbar-left{padding-right:250px!important}
}

/* RoboInd v67-1: article module follows demo blog/posts and notes pagination. */
body.roboind-app .roboind-article-tabs{
	border:0!important;
	box-shadow:0 2px 30px rgba(27,57,93,.06)!important;
	border-radius:10px!important;
	overflow-x:auto!important;
	flex-wrap:nowrap!important;
}
body.roboind-app .roboind-article-tabs .nav-link{
	white-space:nowrap!important;
	min-height:48px!important;
}
body.roboind-app .roboind-article-feature-row{
	row-gap:24px!important;
}
body.roboind-app .roboind-article-feature-card{
	min-height:365px!important;
	height:100%!important;
	border:0!important;
	border-radius:8px!important;
	background-size:cover!important;
	background-position:center!important;
	box-shadow:0 12px 40px rgba(27,57,93,.08)!important;
}
body.roboind-app .roboind-article-feature-card:before{
	content:""!important;
	position:absolute!important;
	inset:0!important;
	background:rgba(20,27,45,.14)!important;
	pointer-events:none!important;
}
body.roboind-app .roboind-article-feature-card .card-body{
	min-height:365px!important;
	padding:32px!important;
}
body.roboind-app .roboind-article-feature-card a.fs-7{
	font-size:32px!important;
	line-height:1.26!important;
	max-width:780px!important;
}
body.roboind-app .roboind-pagination-wrap{
	display:flex!important;
	justify-content:center!important;
	margin-top:32px!important;
}
body.roboind-app .roboind-pagination{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:14px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
}
body.roboind-app .roboind-pagination a,
body.roboind-app .roboind-pagination strong,
body.roboind-app .roboind-pagination span{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-width:42px!important;
	height:42px!important;
	padding:0 12px!important;
	border:0!important;
	border-radius:999px!important;
	background:transparent!important;
	color:var(--ri-demo-text)!important;
	font-size:20px!important;
	font-weight:500!important;
	text-decoration:none!important;
	line-height:42px!important;
}
body.roboind-app .roboind-pagination strong{
	background:#5d87ff!important;
	color:#fff!important;
	box-shadow:0 8px 18px rgba(93,135,255,.25)!important;
}
body.roboind-app .roboind-pagination a:hover{
	background:#eef3ff!important;
	color:#5d87ff!important;
}
@media (max-width:991px){
	body.roboind-app .roboind-article-feature-card,
	body.roboind-app .roboind-article-feature-card .card-body{min-height:320px!important}
	body.roboind-app .roboind-article-feature-card a.fs-7{font-size:24px!important}
	body.roboind-app .roboind-pagination{gap:6px!important}
}

/* RoboInd v67-2: make the Modernize shell deterministic after Destoon cache rebuilds. */
body.roboind-app{
	background:#fff!important;
	color:#2a3547!important;
	font-family:"Plus Jakarta Sans","Microsoft YaHei",Arial,sans-serif!important;
}
body.roboind-app #main-wrapper{
	min-height:100vh!important;
	background:#fff!important;
}
body.roboind-app .left-sidebar{
	position:fixed!important;
	left:0!important;
	top:0!important;
	bottom:0!important;
	width:300px!important;
	z-index:1040!important;
	background:#fff!important;
	border-right:1px solid #edf1f7!important;
	overflow:hidden!important;
}
body.roboind-app .left-sidebar .brand-logo{
	height:112px!important;
	padding:30px 34px!important;
}
body.roboind-app .left-sidebar .brand-logo .logo-img{
	display:flex!important;
	align-items:center!important;
	max-width:220px!important;
	overflow:hidden!important;
}
body.roboind-app .left-sidebar .brand-logo .logo-img img{
	display:block!important;
	max-width:205px!important;
	max-height:52px!important;
	width:auto!important;
	height:auto!important;
	object-fit:contain!important;
}
body.roboind-app .left-sidebar .brand-logo .logo-img .light-logo{
	display:none!important;
}
html[data-bs-theme="dark"] body.roboind-app .left-sidebar .brand-logo .logo-img .dark-logo{
	display:none!important;
}
html[data-bs-theme="dark"] body.roboind-app .left-sidebar .brand-logo .logo-img .light-logo{
	display:block!important;
}
body.roboind-app .page-wrapper{
	margin-left:300px!important;
	min-height:100vh!important;
	background:#fff!important;
}
body.roboind-app .topbar{
	position:sticky!important;
	top:0!important;
	z-index:1030!important;
	height:112px!important;
	min-height:112px!important;
	background:#fff!important;
	border:0!important;
	box-shadow:none!important;
}
body.roboind-app .topbar .with-vertical{
	min-height:112px!important;
	padding:0 54px!important;
	display:flex!important;
	align-items:center!important;
}
body.roboind-app .topbar .navbar{
	width:100%!important;
	height:112px!important;
	display:flex!important;
	align-items:center!important;
	padding:0!important;
}
body.roboind-app .topbar .d-block.d-lg-none.py-4,
body.roboind-app .topbar .logo-img{
	display:none!important;
}
body.roboind-app .navbar-collapse{
	flex:1 1 auto!important;
	justify-content:flex-end!important;
}
body.roboind-app .navbar-collapse>.d-flex{
	width:100%!important;
	justify-content:flex-end!important;
}
body.roboind-app .navbar-collapse .navbar-nav.flex-row{
	margin-left:auto!important;
	gap:18px!important;
}
body.roboind-app .quick-links{
	gap:12px!important;
	margin-left:28px!important;
}
body.roboind-app .topbar .nav-link{
	min-width:48px!important;
	height:48px!important;
	padding:0!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	font-size:18px!important;
	color:#2a3547!important;
	white-space:nowrap!important;
}
body.roboind-app .quick-links .nav-link{
	min-width:auto!important;
	padding:0 14px!important;
	font-size:16px!important;
	font-weight:600!important;
}
body.roboind-app .body-wrapper{
	min-height:calc(100vh - 112px)!important;
	padding-top:0!important;
	background:#fff!important;
}
body.roboind-app .body-wrapper>.container-fluid{
	max-width:none!important;
	width:100%!important;
	padding:30px 54px 70px!important;
}
body.roboind-app .page-breadcrumb{
	border-radius:8px!important;
	min-height:132px!important;
	margin-bottom:28px!important;
	background:#ecf5ff!important;
}
body.roboind-app .page-breadcrumb .card-body{
	padding:28px 32px!important;
}
body.roboind-app .page-breadcrumb h4{
	font-size:24px!important;
	line-height:1.35!important;
	margin:0 0 14px!important;
	font-weight:700!important;
	color:#1b2a3d!important;
}
body.roboind-app .roboind-article-tabs{
	border:0!important;
	box-shadow:0 2px 24px rgba(27,57,93,.08)!important;
	border-radius:8px!important;
	margin-bottom:28px!important;
}
body.roboind-app .roboind-article-tabs .nav-link{
	font-size:18px!important;
}
body.roboind-app .roboind-article-tabs .nav-link.active{
	background:#5d87ff!important;
	color:#fff!important;
}
@media (max-width:1199px){
	body.roboind-app .left-sidebar{transform:translateX(-100%)!important}
	body.roboind-app .page-wrapper{margin-left:0!important}
	body.roboind-app .topbar .with-vertical,
	body.roboind-app .body-wrapper>.container-fluid{padding-left:24px!important;padding-right:24px!important}
}
.roboind-action-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.roboind-action{display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:8px 14px!important;border:0;color:var(--bs-body-color);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.roboind-action i{font-size:18px;line-height:1}.roboind-action b{font-size:12px;font-weight:700;line-height:1.4}
.roboind-action:hover{transform:translateY(-2px);text-decoration:none;box-shadow:var(--bs-box-shadow-sm,0 .125rem .25rem rgba(0,0,0,.075))}.roboind-action:focus-visible{outline:3px solid rgba(59,130,246,.25);outline-offset:2px}
.roboind-action-like i{color:var(--bs-primary)}.roboind-action-favorite i{color:var(--bs-warning)}.roboind-action-share i{color:var(--bs-success)}.roboind-action-award i{color:var(--bs-danger)}
.roboind-public-footer__police{padding-left:22px;background:url('ico-wa.png') no-repeat left center;background-size:18px 18px;}
body.link-sidebar .roboind-public-footer{margin-left:0!important;width:100%!important;}
@media (min-width:1300px){
	body.link-sidebar .roboind-public-footer{margin-left:270px!important;width:calc(100% - 270px)!important;}
}
