/* ranking.css */ .ranking-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:13px;color:#52617b} .ranking-controls .sel{width:auto;max-width:100%;min-height:36px;background:#fff;border:1px solid #dbe3f0;border-radius:8px;padding:6px 10px;color:#142b4c} .ranking-help{position:relative}.ranking-help summary{cursor:pointer;color:#3564db}.ranking-help p{max-width:560px;line-height:1.65;margin:8px 0;padding:10px 14px;background:#fff;border:1px solid #e1e7f0;border-radius:8px} .rank-evidence{display:block;width:fit-content;max-width:100%;font-size:11px;font-weight:400;line-height:1.5;margin-top:4px;color:#7b5e23;background:#fff7df;border-radius:4px;padding:1px 5px} /* research.css */ :root{--brand:#079de3;--brand-2:#0786cf;--brand-soft:#eaf7ff;--research-border:#e8ebf0} body{font-family:Inter,"Segoe UI",Arial,sans-serif}.topnav{height:62px;background:var(--panel);box-shadow:none;padding:0 22px;gap:18px}.logo{font-size:21px;letter-spacing:-.7px}.logo .mk{background:#069de1;box-shadow:none}.navmods{gap:2px}.navmods button{font-size:13px;padding:0 11px}.navmods button.on{border-bottom-width:3px}.nav-right .btn-plan,.nav-right .btn-ai{display:none}.livetag{font-size:10px;background:var(--brand-soft);border:0;color:var(--brand)}.wrap{max-width:none}.main{padding:20px 26px;background:var(--bg)}.rail{width:240px;min-width:240px;background:var(--panel);border-right:1px solid var(--line);padding:0;top:62px;height:calc(100vh - 62px)}.banner.show{display:none!important} .rx-muted{color:var(--muted);font-size:12px;line-height:1.6}.rx-title{font-size:22px;margin:0 0 8px}.rx-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.rx-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px 13px;flex:1;min-width:240px;max-width:720px}.rx-search strong{white-space:nowrap;font-size:13px;border-right:1px solid var(--line);padding-right:12px}.rx-search input{width:100%;min-width:100px;border:0;outline:0;background:transparent;color:var(--fg);font-size:13px}.rx-btn{border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:var(--panel);color:var(--fg);cursor:pointer;font-size:12px;white-space:nowrap}.rx-btn:hover{border-color:var(--brand);color:var(--brand)}.rx-btn.primary{background:var(--brand);color:white;border-color:var(--brand)}.rx-btn[aria-pressed=true]{color:var(--brand);background:var(--brand-soft);border-color:#9ddaf5}.rx-btn:disabled{opacity:.45}.rx-preset{border:1px solid var(--line);background:var(--panel);padding:10px;border-radius:6px;display:block;width:100%;text-align:left;font-size:12px;line-height:1.5;margin:7px 0;color:var(--fg);cursor:pointer}.rx-preset.on{color:var(--brand);background:var(--brand-soft);border-color:#a6def7}.rx-rail-section{padding:18px 15px;border-bottom:1px solid var(--line)}.rx-rail-label{font-size:11px;font-weight:600;color:var(--muted);margin:0 0 12px}.rx-filter{margin:14px 0}.rx-filter label,.rx-filter summary{font-size:12px;display:block;line-height:1.6;cursor:pointer}.rx-filter select,.rx-filter input,.rx-rail-section select{color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:7px;width:100%;font-size:12px;margin-top:5px}.rx-minmax{display:flex;gap:7px}.rx-rail-foot{position:sticky;bottom:0;background:var(--panel);display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);z-index:4}.rx-rail-foot button{flex:1}.rx-rail-form{overflow:auto;flex:1}.rx-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.rx-chip{padding:5px 8px;font-size:11px;border-radius:4px;color:var(--brand);background:var(--brand-soft);border:0}.rx-sortline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:12px;color:var(--muted)}.rx-sortline select{background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:5px;padding:7px;font-size:12px} .rx-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel);min-height:220px}.rx-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap}.rx-table th{position:sticky;top:0;z-index:2;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:500;text-align:right;padding:16px;border-bottom:1px solid var(--line)}.rx-table th button{background:none;color:inherit;border:0;font:inherit;cursor:pointer;white-space:normal;min-width:80px}.rx-table td{padding:18px 16px;text-align:right;border-bottom:1px solid var(--line)}.rx-table tr:last-child td{border-bottom:0}.rx-table th:first-child,.rx-table td:first-child{position:sticky;left:0;background:var(--panel);text-align:left;z-index:1;min-width:300px;max-width:350px;box-shadow:4px 0 6px -6px #607080}.rx-table th:first-child{z-index:3;background:var(--panel-2)}.rx-table tbody tr:hover td{background:var(--brand-soft)}.rx-identity{display:flex;align-items:center;gap:10px}.rx-identity input{flex:none;accent-color:var(--brand)}.rx-rank{font-size:11px;color:var(--muted);width:20px;flex:none}.rx-entity{display:flex;gap:12px;align-items:center;border:0;background:none;text-align:left;color:var(--fg);cursor:pointer;min-width:0;padding:0}.rx-entity strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.6;font-size:12px;font-weight:600;max-width:225px}.rx-entity:hover strong{color:var(--brand)}.rx-entity small{display:block;max-width:225px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--muted);margin-top:4px}.rx-thumb{width:55px;height:55px;border-radius:7px;object-fit:cover;flex:none;background:var(--panel-2);border:1px solid var(--line)}.rx-thumb.video{height:69px;width:47px}.rx-entity .category-icon{width:50px;height:50px}.rx-spark{width:112px;height:34px;color:var(--brand)}.rx-spark path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rx-minirow{display:flex;gap:5px;justify-content:flex-end}.rx-minirow button{padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);cursor:pointer}.rx-minirow img{width:39px;height:44px;object-fit:cover;border-radius:4px}.rx-growth.up{color:#13a37d}.rx-growth.down{color:#e65e6f}.rx-empty{padding:65px 24px;text-align:center;line-height:1.8;color:var(--muted);font-size:13px}.rx-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:16px 0}.rx-pager input{width:58px;padding:7px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--fg)}.rx-pager select{padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--fg)}.rx-pager span{font-size:12px;color:var(--muted)}.rx-footnote{font-size:11px;color:var(--muted);line-height:1.6;margin-top:16px}.rx-count{font-size:11px;color:var(--muted)}.rx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.rx-card{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:16px;text-align:left;color:var(--fg);cursor:pointer}.rx-card:hover{box-shadow:0 4px 16px #102a4310;border-color:#b9dced}.rx-card .rx-thumb{width:100%;height:190px;object-fit:contain;margin-bottom:12px}.rx-card h3{font-size:13px;line-height:1.6;height:42px;overflow:hidden;margin:0 0 10px}.rx-card .rx-values{display:flex;justify-content:space-between;font-size:12px;margin:8px 0}.rx-dialog{border:1px solid var(--line);border-radius:12px;max-width:580px;width:calc(100% - 32px);padding:24px;background:var(--panel);color:var(--fg)}.rx-dialog::backdrop{background:#17293977}.rx-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rx-dialog h2{font-size:17px;margin:0}.rx-dialog label{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px}.rx-dialog input:not([type=checkbox]){padding:9px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--fg)}.rx-bulk{position:sticky;bottom:12px;border:1px solid var(--line);padding:12px 18px;display:flex;gap:12px;align-items:center;border-radius:9px;background:var(--panel);box-shadow:0 4px 25px #102a4320;z-index:7;font-size:12px}.rx-loading{background:linear-gradient(100deg,var(--panel-2),var(--panel),var(--panel-2));padding:50px;text-align:center;border-radius:8px;color:var(--muted);font-size:13px} .rx-home{max-width:1440px;margin:auto}.rx-home-head{padding:28px 0 20px}.rx-home-head p{font-size:13px;color:var(--muted);line-height:1.8}.rx-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 32px}.rx-shortcut{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:8px;text-align:left;color:var(--fg);cursor:pointer}.rx-shortcut b{display:block;font-size:13px;margin:10px 0}.rx-shortcut span{font-size:11px;color:var(--muted);line-height:1.7}.rx-home-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:20px 0}.rx-home-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:13px;color:var(--muted);font-size:13px;cursor:pointer}.rx-home-tabs button.on{border-bottom-color:var(--brand);color:var(--brand)}.rx-board-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.rx-board-head h2{font-size:17px}.rx-boards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.rx-boards .rx-card .rx-thumb{height:145px}.rx-home-stats{display:flex;gap:22px;flex-wrap:wrap;padding:15px 0;color:var(--muted);font-size:12px}.rx-period{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:16px 0;margin:8px 0}.rx-period label{font-size:12px;color:var(--muted)}.rx-period input,.rx-period select{border:1px solid var(--line);color:var(--fg);background:var(--panel);padding:8px;border-radius:6px;font-size:12px}.rx-strategy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.rx-strategy>div{background:var(--brand-soft);border-radius:7px;padding:17px;color:var(--fg)}.rx-strategy small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.rx-strategy strong{font-size:17px}.rx-group-head{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-bottom:22px}.rx-group-head h1{margin:0 0 10px;font-size:24px}.rx-group-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.rx-group-kpis div{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.rx-group-kpis strong{display:block;font-size:22px;margin-top:10px}.rx-group-nav{display:flex;gap:8px;margin:22px 0}.rx-treemap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rx-treemap button{border:1px solid #9bd2e9;padding:25px 18px;background:var(--brand-soft);color:var(--fg);text-align:left;border-radius:7px;cursor:pointer;min-height:130px}.rx-treemap strong,.rx-treemap small{display:block;margin-bottom:10px}.rx-treemap small{font-size:10px;color:var(--muted)} .insights-root{max-width:1440px;margin:auto}.ins-head{border:0!important;border-radius:10px;padding:24px!important;background:var(--panel)}.ins-head h1{font-size:21px!important;line-height:1.5}.ins-head-image{width:170px!important;height:170px!important;background:var(--panel-2);border-radius:8px}.ins-meta{font-size:11px}.ins-head-actions{gap:8px}.ins-btn{font-size:12px!important;border-radius:6px!important}.ins-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;border:0!important;gap:0!important;padding:20px;background:var(--panel);border-radius:9px;margin:18px 0!important}.ins-kpi{border:0!important;border-radius:0!important;background:var(--panel)!important;padding:18px!important}.ins-kpi .label{font-size:12px;color:var(--muted)}.ins-kpi .value{font-size:22px!important;margin-top:10px}.ins-nav{position:sticky!important;top:62px!important;padding:8px!important;background:var(--panel)!important;border:1px solid var(--line)!important;z-index:8!important;margin:18px 0!important;gap:6px}.ins-nav button{padding:11px 14px!important;font-size:12px}.ins-nav button[aria-selected=true]{color:var(--brand)!important;background:var(--brand-soft)!important}.ins-section{padding:23px!important;border-radius:9px!important;background:var(--panel);margin-bottom:18px!important}.ins-section h2{font-size:17px!important}.ins-chart{border:1px solid var(--line)!important;padding:20px!important;border-radius:8px!important;box-shadow:none!important}.ins-chart h3{font-size:14px}.ins-note{font-size:11px!important;background:var(--panel-2)!important;border-color:var(--line)!important;color:var(--muted)!important}.ins-head-info>.ins-muted{font-size:11px}.ins-table{font-size:12px}.ins-table td{padding:18px 14px!important}.ins-thumb{width:50px!important;height:58px!important;border-radius:6px}.ins-gallery img{border-radius:7px}.rx-summary-kpis{margin-bottom:5px}.rx-summary-context{font-size:11px;color:var(--muted);margin-bottom:15px}.rx-saved-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)} @media(min-width:1600px){.ins-nav{float:left;width:180px;display:flex;flex-direction:column!important;align-items:stretch}.ins-nav button{text-align:left}.ins-tab-panel{margin-left:205px;min-height:500px}.ins-nav+.ins-tab-panel{padding-top:18px}} @media(max-width:1100px){.topnav{padding:0 12px;gap:8px}.navmods button{font-size:11px;padding:0 7px}.rail{width:215px;min-width:215px}.main{padding:16px}.rx-boards{grid-template-columns:repeat(3,minmax(0,1fr))}.rx-shortcuts{grid-template-columns:repeat(2,1fr)}.ins-head-image{width:115px!important;height:115px!important}.rx-group-kpis{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.topnav{height:auto;min-height:60px;flex-wrap:wrap}.topnav .navmods{order:3;width:100%;overflow:auto;height:42px}.rail{width:190px;min-width:190px;top:102px;height:calc(100vh - 102px)}.main{padding:12px}.rx-boards{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-period{align-items:flex-start}.ins-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px}.ins-kpi .value{font-size:18px!important}.rx-strategy{grid-template-columns:1fr}.rx-treemap{grid-template-columns:repeat(2,1fr)}.rx-shortcut{padding:12px}} .rx-preset{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 10px}.rx-rail-section{padding:15px}.rx-thumb:where(.video){font-size:10px}.rx-minirow .rx-thumb{width:39px;height:44px}.rx-summary-context{clear:both}.rx-dialog{max-height:85vh;overflow:auto}.rx-empty small{display:block;margin-top:12px}.rx-card h3{height:auto;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .rx-core{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:15px;background:var(--panel);border-radius:9px;padding:20px;align-items:center}.rx-core .ins-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0;margin:0!important}.rx-core .ins-kpi{padding:13px!important}.rx-core .ins-kpi .value{font-size:19px!important}.rx-core .ins-kpi[role=button]{cursor:pointer;border:1px solid transparent!important}.rx-core .ins-kpi[aria-pressed=true]{background:var(--brand-soft)!important;border:1px solid #91d4ef!important;border-radius:6px!important}.rx-core .rx-summary-context{grid-column:1/-1;margin:0;font-size:10px}.rx-core #rxCoreChart{min-width:0;grid-column:2;grid-row:1}.rx-core .ins-chart{border:0!important;margin:0!important;padding:5px!important}.rx-core .ins-chart svg{min-height:180px}.rx-core .ins-chart h3{font-size:13px}.rx-core .ins-chart figcaption p,.rx-core .chart-readout{font-size:10px}.rx-core .chart-legend{font-size:10px}.rx-core .chart-legend button{font-size:10px}.rx-core .ins-kpi .label{font-size:11px}.rx-core .ins-kpi .rx-muted{font-size:10px}@media(max-width:1050px){.rx-core{grid-template-columns:1fr}.rx-core #rxCoreChart{grid-column:1;grid-row:auto}.rx-core .ins-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:600px){.rx-core .ins-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:1350px){.topnav .livetag{display:none}.topnav{gap:12px}.navmods button{padding:0 8px;font-size:12px}.topnav .selchip{font-size:11px;padding:6px 8px}} /* Khám phá: danh sách nổi bật lấy từ bảng xếp hạng mới */ .vx-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin-top:10px} .vx-card{display:flex;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--fg);cursor:pointer;font:inherit;min-width:0} .vx-card:hover{border-color:var(--brand)} .vx-card em{font-style:normal;font-weight:700;color:var(--muted);min-width:20px;text-align:center;flex:none} .vx-card img,.vx-card .vx-noimg{width:52px;height:52px;border-radius:8px;object-fit:cover;flex:none;background:var(--brand-soft)} .vx-t{display:flex;flex-direction:column;min-width:0;gap:3px} .vx-t b{font-size:13px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .vx-t span{font-size:12px;color:var(--brand);font-weight:600} .vx-t small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* home.css */ /* Trang chủ VietTik (Khám phá) */ #v-explore .vh{max-width:1180px;margin:0 auto} .vh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .vh-hero{position:relative;overflow:hidden;border-radius:18px;padding:46px 28px 30px;text-align:center;color:#fff; background:radial-gradient(900px 420px at 18% -10%,rgba(125,111,242,.55),transparent 60%),radial-gradient(700px 380px at 100% 110%,rgba(63,193,165,.45),transparent 60%),#0b1022} .vh-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;pointer-events:none} .vh-hero>*{position:relative} .vh-hero h1{font-size:40px;line-height:1.18;letter-spacing:-.5px;font-weight:800;margin:0 auto 14px;max-width:900px} .vh-hero h1 span{display:block;background:linear-gradient(90deg,#a99ff8,#6fe0c6);-webkit-background-clip:text;background-clip:text;color:transparent} .vh-sub{max-width:760px;margin:0 auto 24px;color:#c8cee0;font-size:16px;line-height:1.6} .vh-ai{max-width:860px;margin:0 auto;text-align:left} .vh-tabs{display:flex;gap:6px;margin-bottom:8px} .vh-tabs button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#dfe3f2;border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;cursor:pointer} .vh-tabs button[aria-selected=true]{background:#fff;color:#1d2433;border-color:#fff;font-weight:600} .vh-tabs em{font-style:normal;font-size:11px;background:#f5a623;color:#1d2433;border-radius:999px;padding:1px 7px;margin-left:4px;font-weight:700} .vh-ask{position:relative;border:1px solid rgba(169,159,248,.7);border-radius:16px;background:rgba(20,26,54,.75);box-shadow:0 0 0 4px rgba(125,111,242,.12)} .vh-ask textarea{display:block;width:100%;min-height:96px;resize:vertical;border:0;background:transparent;color:#fff;font:inherit;font-size:15.5px;line-height:1.5;padding:16px 64px 16px 18px;outline:none} .vh-ask textarea::placeholder{color:#9aa3c2} .vh-send{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;border:0;background:linear-gradient(135deg,#7d6ff2,#3fc1a5);color:#fff;display:grid;place-items:center;cursor:pointer} .vh-send:hover{filter:brightness(1.1)} .vh-img{border:1px dashed rgba(255,255,255,.3);border-radius:16px;padding:22px 20px;background:rgba(20,26,54,.6);color:#dfe3f2} .vh-img b{display:block;font-size:16px;margin-bottom:6px;color:#fff} .vh-img p{margin:0;font-size:14px;color:#c8cee0} .vh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .vh-chip{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#dfe3f2;border-radius:999px;padding:6px 12px;font-size:13px;text-decoration:none;cursor:pointer;font-family:inherit} .vh-chip:hover{background:rgba(255,255,255,.14);color:#fff} .vh-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:980px;margin:28px auto 0} .vh-stats div{padding:8px 4px} .vh-stats dd{font-size:28px;font-weight:800;letter-spacing:-.3px;margin:0;order:-1} .vh-stats div{display:flex;flex-direction:column} .vh-stats dt{color:#aab2cc;font-size:13px} .vh-sec{margin-top:26px} .vh-sec>h2{font-size:21px;margin:0 2px 12px} .vh-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .vh-goal{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s} .vh-goal:hover{border-color:var(--brand);transform:translateY(-2px)} .vh-goal b{font-size:15px} .vh-goal>span:last-child{color:var(--muted);font-size:13px;line-height:1.5} .vh-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:19px;color:#7d6ff2;background:rgba(125,111,242,.12)} .vh-two{display:grid;grid-template-columns:1fr 1fr;gap:14px} .vh-box{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px 14px 8px;min-width:0} .vh-box-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} .vh-box-h h2{font-size:16px;margin:0} .vh-box-h a{font-size:13px;color:var(--brand);text-decoration:none;font-weight:600} .vh-box-h small{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px} .vh-rank{list-style:none;margin:0;padding:0} .vh-rank li{border-top:1px solid var(--line)} .vh-rank li:first-child{border-top:0} .vh-row{display:grid;grid-template-columns:22px 44px 1fr auto;gap:10px;align-items:center;width:100%;padding:8px 2px;border:0;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer} .vh-row:hover{background:var(--panel-2,#f4f6fb)} .vh-row em{font-style:normal;font-weight:700;color:var(--muted);text-align:center} .vh-row:nth-child(1) em{color:#f5a623} .vh-row img,.vh-row .vh-noimg{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--panel-2,#f4f6fb)} .vh-t{min-width:0} .vh-t b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.35} .vh-t small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .vh-num{text-align:right;font-size:13px;font-weight:700;white-space:nowrap} .vh-num small{display:block;font-weight:400;color:var(--muted);font-size:11.5px} .vh-wait{display:block;padding:18px 4px;color:var(--muted);font-size:13px} .vh-tags{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0 10px} .vh-tag{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--fg);text-decoration:none;background:var(--panel-2,#f4f6fb)} .vh-tag:hover{border-color:var(--brand);color:var(--brand)} .vh-tag small{color:var(--muted);margin-left:6px} .vh-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .vh-feats a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none;color:var(--fg)} .vh-feats a:hover{border-color:var(--brand)} .vh-feats b{font-size:14px} .vh-feats span{font-size:12.5px;color:var(--muted);line-height:1.5} .vh-faq details{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px 16px;margin-bottom:8px} .vh-faq summary{cursor:pointer;font-weight:600;font-size:14.5px} .vh-faq p{margin:8px 0 2px;color:var(--muted);font-size:14px;line-height:1.6} #v-explore .vf{margin:30px -20px -20px;border-radius:0} /* footer (giống trang tĩnh) */ .vf{background:#0b1022;color:#c8cee0;font-size:14px;line-height:1.6} .vf .in{max-width:1080px;margin:0 auto;padding:36px 16px 22px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px} .vf h2,.vf .vf-h{font-size:14px;color:#fff;margin:0 0 10px;font-weight:700} .vf p{margin:0} .vf a{color:#c8cee0;text-decoration:none;display:block;margin-bottom:6px} .vf a:hover{color:#fff} .vf .vf-brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:18px;margin-bottom:8px} .vf .vf-brand b{color:#a99ff8} .vf .vf-bot{max-width:1080px;margin:0 auto;padding:14px 16px 26px;border-top:1px solid #1d2440;font-size:12.5px;color:#8b93ad} @media (max-width:1000px){.vh-goals,.vh-feats{grid-template-columns:repeat(2,1fr)}.vh-stats{grid-template-columns:repeat(3,1fr)}.vh-two{grid-template-columns:1fr}} @media (max-width:640px){.vh-hero{padding:30px 16px 22px;border-radius:14px}.vh-hero h1{font-size:27px}.vh-sub{font-size:14.5px}.vh-stats dd{font-size:21px}.vh-goals,.vh-feats{grid-template-columns:1fr}.vf .in{grid-template-columns:1fr 1fr}#v-explore .vf{margin:30px -12px -12px}} #modeTag{display:none!important} /* tạo ảnh AI */ .vh-imgform .vh-ask textarea{min-height:84px} .vh-imgopts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;color:#c8cee0;font-size:13px} .vh-imgopts select{margin-left:6px;border:1px solid rgba(255,255,255,.22);background:rgba(20,26,54,.8);color:#fff;border-radius:8px;padding:5px 8px;font:inherit} .vh-imgleft{margin-left:auto;color:#aab2cc} .vh-imgout:empty{display:none} .vh-imgout{margin-top:12px} .vh-imgmsg{margin:0;color:#dfe3f2;font-size:14px;display:flex;align-items:center;gap:8px} .vh-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:vhspin .8s linear infinite} @keyframes vhspin{to{transform:rotate(360deg)}} .vh-imgres{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px} .vh-imgres img{max-width:min(100%,420px);max-height:520px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#fff} .vh-imgres figcaption{display:flex;gap:8px} .vh-send:disabled{opacity:.5;cursor:wait} .vf .vf-co{max-width:1080px;margin:0 auto;padding:14px 16px;border-top:1px solid #1d2440;font-size:12.5px;line-height:1.7;color:#a3abc4}.vf .vf-co b{color:#dfe4f2}.vf .vf-co a{color:#a3abc4} .vf .vf-co a{display:inline;padding:0;margin:0} /* dashboard.css */ /* Bảng điều khiển → Product Dashboard */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow){ --dx-primary:#6052e6; --dx-primary-2:#4f40d6; --dx-soft:#efedff; --dx-soft-2:#f6f5ff; --dx-tile:#7d6ff2; --dx-tile-hover:#6a5be8; --dx-tile-on:#4c3dd0; --dx-pink:#d6336c; --dx-red:#e5484d; --dx-red-soft:#fde8e8; --dx-line:#ff6b6b; --dx-card:var(--panel); --dx-strip:var(--panel-2); --dx-text:var(--fg); --dx-muted:var(--muted); --dx-faint:var(--faint); --dx-border:var(--line); color:var(--dx-text); font-size:13px; } @media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow){--dx-soft:#221f3d;--dx-soft-2:#1b1930;--dx-red-soft:#3a1c1f;--dx-tile:#6b5de0;--dx-tile-hover:#5a4cd6;--dx-tile-on:#4436c2}} :root[data-theme=dark] :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow){--dx-soft:#221f3d;--dx-soft-2:#1b1930;--dx-red-soft:#3a1c1f;--dx-tile:#6b5de0;--dx-tile-hover:#5a4cd6;--dx-tile-on:#4436c2} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-card{background:var(--dx-card);border-radius:12px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--sh)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-h{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:17px;font-weight:700;line-height:1.3;flex-wrap:wrap} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-h .dx-hl{color:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-h .dx-sp{flex:1} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) button{font:inherit;color:inherit} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--dx-primary);color:var(--dx-primary);background:transparent;border-radius:8px;padding:6px 14px;font-weight:600;cursor:pointer;font-size:13px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-btn:hover{background:var(--dx-soft)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-muted{color:var(--dx-muted)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-empty{padding:40px 16px;text-align:center;color:var(--dx-muted);line-height:1.7} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-note{font-size:12px;color:var(--dx-faint);margin-top:10px;line-height:1.6} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-warn{font-size:12px;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:6px 10px;margin-top:10px} /* ---- thanh kỳ ---- */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-period{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--dx-strip);border-radius:10px;padding:4px;width:max-content;max-width:100%} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-tab{border:0;background:transparent;padding:7px 14px;border-radius:8px;cursor:pointer;color:var(--dx-muted);font-weight:500} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-tab.on{background:var(--dx-card);color:var(--dx-primary);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.06)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-sep{width:1px;height:18px;background:var(--dx-border);margin:0 4px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-arrow{border:0;background:transparent;width:28px;height:28px;border-radius:6px;cursor:pointer;color:var(--dx-muted);font-size:16px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-arrow:disabled{opacity:.3;cursor:default} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-arrow:not(:disabled):hover{background:var(--dx-card)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-date{position:relative} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-date>button{border:0;background:transparent;font-weight:700;font-size:14px;cursor:pointer;padding:6px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:6px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-date>button:hover{background:var(--dx-card)} /* ---- popover chung ---- */ .dx-pop{position:fixed;z-index:1000;background:var(--panel);color:var(--fg);border-radius:10px;box-shadow:0 8px 28px rgba(15,23,42,.18);border:1px solid var(--line);font-size:13px} .dx-pop .dx-opt{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 14px;border-radius:7px;cursor:pointer;color:var(--fg)} .dx-pop .dx-opt:hover{background:var(--panel-2)} .dx-pop .dx-opt.on{background:#efedff;color:#6052e6;font-weight:600} :root[data-theme=dark] .dx-pop .dx-opt.on{background:#221f3d;color:#9d93ff} .dx-pop .dx-range{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line)} .dx-pop .dx-range input{width:96px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--fg)} .dx-pop .dx-actions{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 12px} .dx-pop .dx-actions button{border:0;background:transparent;cursor:pointer;color:var(--muted);padding:6px 4px} .dx-pop .dx-actions .dx-ok{background:#6052e6;color:#fff;border-radius:7px;padding:6px 16px;font-weight:600} .dx-pop.dx-list{max-height:320px;overflow:auto;padding:6px;min-width:200px} .dx-pop.dx-tip{padding:9px 12px;pointer-events:none;line-height:1.7;box-shadow:0 4px 16px rgba(15,23,42,.16);max-width:320px} .dx-pop.dx-tip .dx-tt{color:var(--muted);font-size:12px} .dx-pop.dx-tip .dx-row{display:flex;justify-content:space-between;gap:24px} .dx-pop.dx-tip .dx-row b{font-weight:700} .dx-pop.dx-menu{padding:6px;min-width:210px} .dx-pop.dx-menu .dx-opt[disabled]{color:var(--faint);cursor:default} .dx-pop.dx-menu .dx-opt small{color:var(--faint);margin-left:6px} /* cascader chọn danh mục */ .dx-pop.dx-cas{padding:10px;width:min(720px,94vw)} .dx-cas input{width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;background:var(--panel-2);color:var(--fg)} .dx-cas .dx-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:300px} .dx-cas .dx-col{overflow:auto;border-right:1px solid var(--line-2);padding-right:4px} .dx-cas .dx-col:last-child{border-right:0} .dx-cas .dx-opt{display:flex;justify-content:space-between;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dx-cas .dx-opt.hover{background:var(--panel-2)} .dx-cas .dx-opt i{font-style:normal;color:var(--faint)} /* ---- treemap ---- */ /* ---- dải chỉ số ---- */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:0} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpi{text-align:center;padding:6px 10px;border-right:1px solid var(--dx-border);min-width:0} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpi:last-child{border-right:0} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpi .dx-v{font-size:22px;font-weight:800;letter-spacing:-.2px;line-height:1.35} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpi .dx-c{font-size:11.5px;color:var(--dx-faint);min-height:16px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpi .dx-l{font-size:12px;color:var(--dx-muted);margin-top:4px;line-height:1.4} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-i{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid var(--dx-faint);border-radius:50%;font-size:9px;color:var(--dx-faint);margin-left:3px;cursor:help;vertical-align:1px} /* ---- nút chuyển ---- */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-toggles{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 6px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-seg{display:inline-flex;gap:6px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-seg button{border:1px solid var(--dx-border);background:var(--dx-card);border-radius:7px;padding:5px 12px;cursor:pointer;font-size:12.5px;color:var(--dx-muted)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-seg button.on{border-color:var(--dx-text);color:var(--dx-text);font-weight:600} /* ---- biểu đồ ---- */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart{width:100%;overflow:hidden} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart svg{display:block;width:100%} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart text{fill:var(--dx-muted);font-size:11px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart .dx-grid{stroke:var(--dx-border);stroke-dasharray:3 3} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart .dx-axis{stroke:var(--dx-border)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart .dx-bar{fill:var(--dx-primary);cursor:pointer} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart .dx-bar:hover{fill:var(--dx-primary-2)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart .dx-hbar{fill:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chart .dx-val{fill:var(--dx-text);font-size:11.5px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-legend{display:flex;justify-content:center;gap:18px;font-size:12px;color:var(--dx-muted);margin-top:6px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-legend i{display:inline-block;width:12px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-prices h4{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--dx-text)} /* ---- bộ lọc ---- */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-filters{display:grid;grid-template-columns:78px 1fr;gap:8px 4px;align-items:start;margin:4px 0 14px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-filters>span{color:var(--dx-muted);padding:6px 0;text-align:right;padding-right:12px;white-space:nowrap} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-frow{display:flex;flex-wrap:wrap;gap:4px 14px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-f{border:0;background:transparent;cursor:pointer;padding:6px 4px;color:var(--dx-text);display:inline-flex;align-items:center;gap:4px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-f::after{content:'⌄';color:var(--dx-faint);font-size:12px;position:relative;top:-2px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-f.on{color:var(--dx-primary);font-weight:600} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-f.open::after{content:'⌃';top:2px} /* ---- bảng ---- */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-twrap{overflow-x:auto;border-radius:10px;border:1px solid var(--dx-border)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) table.dx-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1180px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th{background:var(--dx-strip);color:var(--dx-muted);font-weight:600;text-align:center;padding:12px 10px;white-space:nowrap;font-size:13px;position:sticky;top:0;z-index:1} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th:first-child{text-align:left;padding-left:24px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.sort{cursor:pointer} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.sort::after{content:'⇅';margin-left:4px;color:var(--dx-faint);font-size:11px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.sort.asc::after{content:'▲';color:var(--dx-primary);font-size:9px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.sort.desc::after{content:'▼';color:var(--dx-primary);font-size:9px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.sort.asc,:is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.sort.desc{color:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table td{padding:14px 10px;border-top:1px solid var(--dx-border);text-align:center;vertical-align:middle} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table tbody tr:hover td{background:var(--dx-soft-2)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table .dx-act{position:sticky;right:0;background:var(--dx-card);box-shadow:-6px 0 8px -6px rgba(0,0,0,.08)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-table th.dx-act{background:var(--dx-strip)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-prod{display:flex;gap:14px;align-items:flex-start;text-align:left;min-width:330px;max-width:420px;padding-left:14px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-prod img{width:80px;height:80px;border-radius:8px;object-fit:cover;flex:none;background:var(--dx-strip);cursor:pointer} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pinfo{min-width:0;flex:1} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-hot{display:inline-block;background:linear-gradient(90deg,#ff5b3a,#ff2f6d);color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;margin-bottom:3px;letter-spacing:.3px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pname{display:flex;gap:6px;align-items:flex-start} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pname a{font-weight:700;color:var(--dx-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;cursor:pointer;font-size:13.5px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pname a:hover{color:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-copy{border:0;background:transparent;color:var(--dx-faint);cursor:pointer;padding:0 2px;font-size:13px;flex:none} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-copy:hover{color:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pprice{display:flex;align-items:center;gap:8px;margin:6px 0} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pink{color:var(--dx-pink);font-weight:700} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-spec{border:1px solid var(--dx-border);background:var(--dx-strip);border-radius:5px;padding:1px 7px;font-size:11.5px;color:var(--dx-muted);cursor:pointer} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-spec:hover{color:var(--dx-primary);border-color:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chips{display:flex;flex-wrap:wrap;gap:6px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chip{background:var(--dx-soft);color:var(--dx-primary);border-radius:5px;padding:2px 8px;font-size:11.5px;font-weight:600;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chip.comm{background:#fff0f6;color:var(--dx-pink)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-chip.new{background:var(--dx-red-soft);color:var(--dx-red)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-cny{display:block;color:var(--dx-faint);font-size:11.5px;font-weight:400} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-strong{font-weight:700} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-star{border:1px solid var(--dx-border);background:var(--dx-card);border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:16px;color:var(--dx-muted)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-star.on{color:var(--dx-primary);border-color:var(--dx-primary)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-spark{display:block;margin:0 auto} /* phân trang */ :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager select,:is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager input{border:1px solid var(--dx-border);border-radius:7px;padding:5px 8px;background:var(--dx-card);color:var(--dx-text)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager input{width:56px} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager button{min-width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:7px;cursor:pointer;color:var(--dx-text)} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager button.on{border-color:var(--dx-primary);color:var(--dx-primary);font-weight:700} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-pager button:disabled{opacity:.35;cursor:default} /* menu trên cùng */ #mods button[data-v=dashboard]::after{content:' ▾';font-size:10px;color:var(--faint)} /* ngăn kéo chi tiết sản phẩm & hộp thoại */ .dx-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:900;display:flex;justify-content:flex-end} .dx-drawer{position:relative;width:min(620px,100vw);height:100%;background:var(--panel);color:var(--fg);overflow:auto;padding:22px 24px;box-shadow:-8px 0 24px rgba(0,0,0,.15)} .dx-modal{margin:auto;width:min(640px,94vw);max-height:84vh;overflow:auto;background:var(--panel);color:var(--fg);border-radius:12px;padding:20px 22px} .dx-overlay.center{justify-content:center;align-items:center} .dx-drawer h3,.dx-modal h3{margin:0 0 12px;font-size:17px;line-height:1.4} .dx-close{float:right;border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--muted);line-height:1} .dx-dhead{display:flex;gap:16px;margin-bottom:16px;padding-right:28px} .dx-drawer>.dx-close{position:absolute;top:14px;right:16px} .dx-dhead img{width:120px;height:120px;border-radius:10px;object-fit:cover;background:var(--panel-2);flex:none} .dx-dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0} .dx-dgrid div{background:var(--panel-2);border-radius:9px;padding:10px 12px} .dx-dgrid b{display:block;font-size:16px;margin-top:2px} .dx-dgrid span{font-size:12px;color:var(--muted)} .dx-skus{width:100%;border-collapse:collapse;font-size:12.5px} .dx-skus th,.dx-skus td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left} .dx-skus th{color:var(--muted);font-weight:600} .dx-links{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0} .dx-links a,.dx-links button{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:8px;padding:7px 12px;text-decoration:none;cursor:pointer;font-size:13px} .dx-links a:hover,.dx-links button:hover{border-color:#6052e6;color:#6052e6} .dx-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#1d2433;color:#fff;padding:9px 16px;border-radius:8px;z-index:1100;font-size:13px} @media (max-width:1100px){:is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpis{grid-template-columns:repeat(3,1fr);row-gap:14px}:is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-kpi:nth-child(3n){border-right:0}:is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-prices{grid-template-columns:1fr}} :is(#v-dashboard,#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-desc,.dx-drawer .dx-desc{font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere} .dx-drawer .dx-desc p{margin:0 0 8px} .dx-drawer .dx-desc ul,.dx-drawer .dx-desc ol{margin:0 0 8px;padding-left:20px} .dx-drawer .dx-desc img{display:block;max-width:100%;height:auto;border-radius:8px;margin:8px 0} .dx-links .dx-primary{background:#6052e6;border-color:#6052e6;color:#fff;font-weight:600} .dx-links .dx-primary:hover{background:#4f40d6;border-color:#4f40d6;color:#fff} #v-dashboard .dx-link{border:0;background:transparent;color:var(--dx-primary);cursor:pointer;font-size:12.5px;padding:0 0 0 6px;white-space:nowrap} #v-dashboard .dx-link:hover{text-decoration:underline} /* Tỷ lệ doanh số danh mục — danh sách xếp hạng */ #v-dashboard .dx-csum{display:flex;gap:34px;flex-wrap:wrap;margin:2px 0 12px} #v-dashboard .dx-csum b{display:block;font-size:22px;font-weight:700;line-height:1.25} #v-dashboard .dx-csum span{color:var(--dx-muted);font-size:12.5px} #v-dashboard .dx-clist{display:flex;flex-direction:column} #v-dashboard .dx-cr{display:grid;grid-template-columns:28px minmax(150px,280px) 1fr 64px 128px;gap:14px;align-items:center;width:100%;padding:8px 6px;border:0;border-top:1px solid var(--dx-border);background:transparent;color:inherit;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;border-radius:6px} #v-dashboard .dx-cr:first-child{border-top-color:transparent} #v-dashboard .dx-cr:hover{background:var(--dx-soft-2)} #v-dashboard .dx-cr.on{background:var(--dx-soft-2);box-shadow:inset 3px 0 0 var(--dx-primary)} #v-dashboard .dx-cr.on .dx-crn{font-weight:700;color:var(--dx-primary)} #v-dashboard .dx-crk{color:var(--dx-muted);font-weight:700;text-align:center} #v-dashboard .dx-crn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-dashboard .dx-crb{display:block;height:12px;background:var(--dx-border);border-radius:6px;overflow:hidden} #v-dashboard .dx-crb i{display:block;height:100%;background:var(--dx-tile);border-radius:0 6px 6px 0} #v-dashboard .dx-crb i.o{background:#c3c2b7} #v-dashboard .dx-cr b{text-align:right} #v-dashboard .dx-crv{text-align:right;color:var(--dx-muted);white-space:nowrap} #v-dashboard .dx-cmore .dx-crn{color:var(--dx-primary);font-weight:600} @media (max-width:760px){#v-dashboard .dx-cr{grid-template-columns:22px 1fr 54px;gap:8px}#v-dashboard .dx-crb{grid-column:2/4;grid-row:2;height:8px}#v-dashboard .dx-crv{display:none}#v-dashboard .dx-csum{gap:18px}#v-dashboard .dx-csum b{font-size:18px}} /* library.css */ /* Thư viện sản phẩm — bổ sung cho dashboard.css (dùng chung biến --dx-* và thành phần .dx-*) */ :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow){padding-bottom:40px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-filters{padding:14px 20px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-row{display:flex;gap:14px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--dx-border)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-row:last-child{border-bottom:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-lab{flex:0 0 92px;color:var(--dx-muted);font-weight:600;padding-top:6px;white-space:nowrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-chips{display:flex;flex-wrap:wrap;gap:6px 8px;flex:1;align-items:center;min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cat,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-more,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-f{border:1px solid transparent;background:transparent;border-radius:7px;padding:5px 11px;cursor:pointer;color:var(--dx-text);font-size:13px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cat:hover,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-f:hover{color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cat.on{background:var(--dx-soft);color:var(--dx-primary);font-weight:600} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cat[disabled]{cursor:default} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-more{color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-f{border-color:var(--dx-border);background:var(--dx-card)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-f.on,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-f.open{border-color:var(--dx-primary);color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-caret{font-size:10px;color:var(--dx-faint)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-sel{display:inline-flex;align-items:center;gap:4px;background:var(--dx-soft);color:var(--dx-primary);border-radius:6px;padding:3px 4px 3px 9px;font-size:12.5px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-sel button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 4px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-link{border:0;background:transparent;color:var(--dx-primary);cursor:pointer;padding:0;font-size:13px;text-decoration:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-link:hover{text-decoration:underline} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-selrow{align-items:center} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-search{display:flex;gap:6px;margin-left:auto} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-search input{border:1px solid var(--dx-border);background:var(--dx-card);color:var(--dx-text);border-radius:8px;padding:6px 10px;width:240px;font-size:13px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-tabhead,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cardh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cardh .dx-h,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-tabhead .dx-h{margin:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-scroll{overflow-x:auto} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-table td,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-table th{vertical-align:middle} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-table th.num,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) td.num{text-align:right;white-space:nowrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) th[data-sort]{cursor:pointer;user-select:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) th.sorted{color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-sort{font-size:10px;color:var(--dx-faint)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-prod{display:flex;gap:10px;align-items:flex-start;min-width:300px;max-width:420px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-prod img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none;background:var(--dx-strip)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-pinfo{min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--dx-text);font-weight:600;text-decoration:none;line-height:1.4} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-name:hover{color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px;font-size:12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-price{color:var(--dx-pink)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-spec{border:1px solid var(--dx-border);background:transparent;border-radius:5px;padding:1px 7px;font-size:11.5px;cursor:pointer;color:var(--dx-muted)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-shop{min-width:130px;max-width:180px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-sname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-act{white-space:nowrap;text-align:center} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-star{border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--dx-faint);margin-right:6px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-star.on{color:#f5a524} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-spark{display:block} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-crumb{color:var(--dx-muted);margin:4px 0 12px;font-size:13px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-crumb a{color:var(--dx-primary);text-decoration:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-head{display:flex;gap:20px;align-items:flex-start} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-himg{width:132px;height:132px;border-radius:10px;object-fit:cover;flex:none;background:var(--dx-strip)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hmain{flex:1;min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-title{font-size:18px;line-height:1.45;margin:0 0 6px;font-weight:700} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-copy{border:0;background:transparent;color:var(--dx-faint);cursor:pointer;font-size:15px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hsub{font-size:12.5px;margin-top:3px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-busy{color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rate{margin-top:6px;color:#f5a524;font-weight:700} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-ranks{display:flex;gap:28px;margin-top:10px;flex-wrap:wrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-ranks>div{display:flex;flex-direction:column;gap:2px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-ranks b{font-size:20px;color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hact{display:flex;flex-direction:column;gap:8px;align-items:stretch} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hact .dx-btn{justify-content:center;text-decoration:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-starbtn.on{background:var(--dx-soft)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-warn{background:var(--dx-red-soft);color:var(--dx-red);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:13px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--dx-border);border-radius:10px;padding:10px 0;margin-bottom:14px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-kpis .dx-kpi:last-child{border-right:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-info>div{display:flex;gap:6px;align-items:baseline;min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-info span{color:var(--dx-muted);white-space:nowrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-info b{font-weight:600;min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-shopbox{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px 14px;background:var(--dx-strip);border-radius:10px;width:max-content;max-width:100%} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-shopbox img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--dx-card)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-tabs{display:flex;gap:4px;background:var(--dx-strip);border-radius:10px;padding:4px;width:max-content;margin:0 0 12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-anchors{position:sticky;top:0;z-index:5;display:flex;gap:4px;flex-wrap:wrap;background:var(--dx-card);border-radius:10px;padding:6px 8px;margin-bottom:12px;box-shadow:var(--sh)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-anchors button{border:0;background:transparent;padding:6px 10px;border-radius:7px;cursor:pointer;color:var(--dx-muted);font-size:13px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-anchors button:hover{color:var(--dx-primary);background:var(--dx-soft-2)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-period{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-left:auto} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-range{display:inline-flex;gap:6px;align-items:center;margin-left:8px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-range input{border:1px solid var(--dx-border);background:var(--dx-card);color:var(--dx-text);border-radius:6px;padding:4px 6px;font-size:12.5px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-summary{background:var(--dx-soft-2);border-radius:10px;padding:12px 14px;margin-bottom:12px;line-height:1.7} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-h3{font-size:14px;margin:18px 0 8px;font-weight:700} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-chart{width:100%;min-height:60px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-svg .lx-grid{stroke:var(--dx-border);stroke-dasharray:3 3} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-svg .lx-ax{fill:var(--dx-faint);font-size:11px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-legend{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--dx-muted);margin-top:4px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-legend i,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-donut i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-two>div{min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) table.dx-table.lx-mini{min-width:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini td,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini th{padding:9px 10px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .dx-card{min-width:0;max-width:100%} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-wrap{max-width:360px;white-space:normal;line-height:1.45} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-person{display:flex;gap:8px;align-items:center;min-width:140px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-person img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-plain{color:inherit;text-decoration:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-video{display:flex;gap:10px;align-items:flex-start;min-width:260px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-video img{width:54px;height:72px;border-radius:6px;object-fit:cover;background:var(--dx-strip);flex:none} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-more-row{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-sel2{border:1px solid var(--dx-border);background:var(--dx-card);color:var(--dx-text);border-radius:7px;padding:5px 8px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-chk{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;color:var(--dx-muted)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hbars{display:flex;flex-direction:column;gap:8px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hb{display:grid;grid-template-columns:70px 1fr 40px;gap:8px;align-items:center;font-size:12.5px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hb div{background:var(--dx-strip);border-radius:4px;height:14px;overflow:hidden} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hb i{display:block;height:100%;background:var(--dx-tile);border-radius:4px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-hb b{text-align:right} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-donut{display:flex;gap:18px;align-items:center} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-donut>div{display:flex;flex-direction:column;gap:6px} .dx-modal .lx-descm{max-height:65vh;overflow:auto;font-size:13px;line-height:1.6} .dx-modal .lx-descm img{max-width:100%;border-radius:8px;margin:8px 0;display:block} @media (max-width:1100px){:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-info{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-two{grid-template-columns:1fr}} @media (max-width:760px){:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-head{flex-direction:column}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-info{grid-template-columns:1fr}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-row{flex-direction:column;gap:6px}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-lab{padding-top:0}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-search{margin-left:0;width:100%}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-search input{flex:1;width:auto}:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-period{margin-left:0}} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini td:first-child,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini th:first-child{text-align:left} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini td.lx-wrap,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini .lx-wrap{text-align:left} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-mini td:first-child{padding-left:14px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-person{text-align:left} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-person .dx-muted{font-size:11.5px;font-weight:400} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) td .lx-link{white-space:nowrap} /* ---- tiêu đề trang, thông báo, đang tải ---- */ :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-page-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:2px 0 12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-page-h h1{font-size:20px;margin:0;font-weight:700} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-notice{background:var(--dx-soft-2);border:1px solid var(--dx-soft);color:var(--dx-text);border-radius:8px;padding:8px 12px;margin-bottom:10px;font-size:12.5px;line-height:1.6} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--dx-muted);padding:22px 0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--dx-soft);border-top-color:var(--dx-primary);animation:lxspin .8s linear infinite} @keyframes lxspin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-spin{animation:none}} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-subrow{background:var(--dx-soft-2);border-radius:8px;padding-left:8px;padding-right:8px;margin-top:4px} /* ---- bảng xếp hạng ---- */ :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rkbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:4px 0 10px;border-bottom:1px dashed var(--dx-border)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-datenav{display:inline-flex;align-items:center;gap:2px;background:var(--dx-strip);border-radius:8px;padding:3px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-datenav button{border:0;background:transparent;color:var(--dx-text);border-radius:6px;padding:5px 10px;cursor:pointer;font-size:13px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-datenav button:hover{background:var(--dx-card);color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-datebtn{font-weight:600} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rktable td,:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rktable th{padding:12px 10px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rkc{width:44px;text-align:center} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-medal{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:12.5px;color:#fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-medal.m1{background:linear-gradient(135deg,#f7c948,#e0a106)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-medal.m2{background:linear-gradient(135deg,#cfd6df,#98a3b3)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-medal.m3{background:linear-gradient(135deg,#f0a36b,#c96f2e)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rk{font-weight:700;color:var(--dx-muted)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-cattag{background:var(--dx-soft);color:var(--dx-primary);border-radius:5px;padding:1px 7px;font-size:11.5px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-stars{color:#f5a524;font-weight:600;font-size:12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rkbar .dx-seg{display:inline-flex;gap:2px;background:var(--dx-strip);border-radius:8px;padding:3px;border:0} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rkbar .dx-seg button{border:0;background:transparent;color:var(--dx-muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rkbar .dx-seg button.on{background:var(--dx-card);color:var(--dx-primary);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08)} /* ---- liên kết sang trang cửa hàng ---- */ :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) a.lx-sname{display:block;color:var(--dx-text)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) a.lx-sname:hover{color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) a.lx-shopbox{color:var(--dx-text);border:1px solid transparent} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) a.lx-shopbox:hover{border-color:var(--dx-primary)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-shopbox .lx-link{margin-left:14px;white-space:nowrap} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) a.lx-person{color:var(--dx-text)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) a.lx-person:hover b{color:var(--dx-primary)} #v-library .lx-lump span{color:var(--dx-muted);font-size:11.5px} #v-library .lx-tipnote,.dx-tip .lx-tipnote{max-width:240px;margin-top:6px;font-size:11.5px;line-height:1.45;color:var(--dx-muted);white-space:normal} /* bộ lọc gọn (Thư viện sản phẩm) */ #v-library .lx-compact{padding:12px 18px} #v-library .lx-compact .lx-search-top{margin:0 0 6px;max-width:560px} #v-library .lx-compact .lx-search-top input{flex:1} #v-library .lx-compact .lx-lab{flex-basis:84px} #v-library .lx-compact .lx-row:last-child{border-bottom:0} #v-library .lx-compact .lx-more{display:none} #v-library .lx-compact.more .lx-more{display:flex} #v-library .lx-morebtn{border-style:dashed} @media (max-width:760px){#v-library .lx-compact .lx-lab{display:none}} :is(#v-library,#v-shops,#v-creators) .lx-lumpflag{display:inline-block;margin-top:3px;font-size:11px;font-weight:500;color:var(--warn);background:var(--warn-soft);border-radius:6px;padding:1px 6px;white-space:nowrap;cursor:help} /* bộ lọc gọn (Cửa hàng / Nhà sáng tạo / Livestream / Video) */ :is(#v-shops,#v-creators,#v-lives,#v-videos) .lx-compact .lx-moreb{display:none} :is(#v-shops,#v-creators,#v-lives,#v-videos) .lx-compact.more .lx-moreb{display:block} :is(#v-shops,#v-creators,#v-lives,#v-videos) .lx-morebtn{border-style:dashed} :is(#v-shops,#v-creators,#v-lives,#v-videos) .lx-compact .lx-row:last-child{border-bottom:0} #v-library .lx-related{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px} #v-library .lx-comm{color:#d6336c} /* cột bổ sung: tăng trưởng GMV, video doanh thu cao nhất */ #v-library .lx-growth.up{color:#16a34a} #v-library .lx-growth.down{color:var(--dx-red,#e11d48)} #v-library .lx-tvids{min-width:186px} #v-library .lx-tvrow{display:flex;gap:6px} #v-library .lx-tv{position:relative;display:block;width:54px;height:72px;border-radius:6px;overflow:hidden;background:var(--dx-strip,#eee);flex:none} #v-library .lx-tv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s} #v-library .lx-tv:hover img{transform:scale(1.06)} #v-library .lx-tvplay{position:absolute;left:50%;top:42%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid #fff} #v-library .lx-tvplay::after{content:"";position:absolute;left:7px;top:5px;border-left:7px solid #fff;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent} #v-library .lx-tvgmv{position:absolute;left:0;right:0;bottom:0;padding:8px 2px 2px;font-size:10px;font-weight:700;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.7));white-space:nowrap} #v-library .lx-tvnone{font-size:12px} #v-library .lx-pcmp{display:flex;justify-content:flex-end;margin-top:2px} #v-library .lx-pcmp .lx-cmpb{font-size:12px;font-weight:600;line-height:1.2;padding:4px 11px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--dx-primary) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--dx-primary) 9%,transparent);color:var(--dx-primary);transition:background .15s,border-color .15s} #v-library .lx-pcmp .lx-cmpb:hover{background:color-mix(in srgb,var(--dx-primary) 16%,transparent);border-color:var(--dx-primary)} #v-library .lx-pcmp .lx-cmpb.on{color:#16a34a;border-color:color-mix(in srgb,#16a34a 50%,transparent);background:color-mix(in srgb,#16a34a 10%,transparent)} #v-library .lx-pcmp{margin-top:6px} /* cột Sản phẩm đứng yên khi cuộn ngang bảng */ #v-library .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child, #v-library .lx-rktable :is(th,td):nth-child(-n+2){position:sticky;left:0;z-index:2;background:var(--dx-card)} #v-library .lx-rktable :is(th,td):nth-child(2){left:var(--vt-stk1,44px)} #v-library .lx-table:not(.lx-mini) th:first-child,#v-library .lx-rktable th:nth-child(2){background:var(--dx-strip);z-index:3} #v-library .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child,#v-library .lx-rktable :is(th,td):nth-child(2){box-shadow:8px 0 8px -8px rgba(0,0,0,.22)} #v-library .lx-table:not(.lx-mini) tbody tr:hover td:first-child,#v-library .lx-rktable tbody tr:hover td:nth-child(2){background:linear-gradient(var(--dx-soft-2),var(--dx-soft-2)),var(--dx-card)} #v-library .lx-table:not(.lx-mini) .vt-lkrow td:first-child{box-shadow:none;background:transparent} @media (max-width:760px){:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-row>.lx-lab{flex-basis:auto;padding-top:0}} #v-library .lx-verify{display:inline-block;font-size:11px;font-weight:650;color:#b7791f;background:rgba(214,158,46,.12);border-radius:6px;padding:1px 6px} /* Điện thoại: cột tên đứng yên nhưng thu gọn (~44% màn hình) để còn chỗ vuốt xem các cột số liệu */ @media (max-width:760px){ :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child,.lx-rktable :is(th,td):nth-child(2)){width:44vw;min-width:44vw;max-width:44vw;white-space:normal;padding-left:8px;padding-right:8px;box-sizing:border-box} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rktable :is(th,td):first-child{width:30px;min-width:30px;max-width:30px;padding-left:2px;padding-right:2px;box-sizing:border-box} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) .lx-rktable td:first-child .lx-medal{transform:scale(.8)} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.dx-prod,.cx-person,.sx-shop,.lx-video,.tr-prod){gap:8px;min-width:0;max-width:100%;align-items:flex-start} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) img{width:38px!important;height:38px!important;min-width:38px;flex:none;object-fit:cover} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.vd-cover,.vx-cover,.tr-pimg){flex:none;width:38px;min-width:38px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.vd-cover,.vx-cover) img{height:50px!important;border-radius:6px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.lx-pinfo,.cx-pinfo,.sx-sinfo,.lx-wrap){min-width:0;max-width:100%;flex:1} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.lx-name,.cx-name,.sx-name,.vd-desc){font-size:12.5px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:100%} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.lx-meta+.lx-meta,.lx-spec,.lx-cattag,.lx-stars,.sx-line+.sx-line,.cx-handle,.vd-tag){display:none!important} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) .lx-meta{flex-wrap:wrap;gap:4px;margin-top:3px;font-size:11.5px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) .lx-price{font-size:12px} :is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-scroll,.dx-twrap).vt-over:not(.vt-moved)::before{content:"Vuốt ngang để xem thêm số liệu →";position:sticky;left:0;display:block;width:max-content;margin:0 0 6px auto;font-size:11.5px;font-weight:600;color:#6d5dfc;background:rgba(109,93,252,.1);border-radius:999px;padding:4px 10px;animation:vtNudge 1.6s ease-in-out 3} } @media (max-width:760px){:is(#v-library,#v-shops,#v-creators,#v-lives,#v-videos,#v-trends,#v-welcome,#v-grow) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) :is(.lx-pinfo,.cx-pinfo,.sx-sinfo,.lx-wrap,.lx-name,.cx-name,.sx-name,.vd-desc){text-align:left}} @keyframes vtNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}} @media (max-width:760px){:is(#v-shops,#v-library,#v-trends) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) .sx-line{flex-wrap:wrap;gap:2px 4px}:is(#v-shops,#v-library,#v-trends) :is(.lx-table:not(.lx-mini):not(.lx-rktable) td:first-child,.lx-rktable td:nth-child(2)) .sx-brand{flex-basis:100%;width:max-content;max-width:max-content;font-size:9.5px;padding:0 5px;line-height:16px}} .lx-probadge{font-style:normal;margin-left:5px;padding:1px 5px;border-radius:5px;background:linear-gradient(135deg,#ff5f8f,#7d6ff2);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.4px;vertical-align:1px} .vt-lock .lx-probadge{background:#555b6b} .lx-vidan{display:inline-flex;align-items:center;gap:6px} .lx-pro{font-style:normal;padding:1px 6px;border-radius:5px;background:linear-gradient(135deg,#ff5f8f,#7d6ff2);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.4px} #v-library .lx-cmwrap tr.lx-cmh{display:none} #v-library .lx-cmwrap td.lx-wrap{overflow-wrap:anywhere;word-break:break-word} #v-library .lx-pg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px} #v-library .lx-pg button{min-width:34px;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--dx-border);background:var(--dx-card);color:var(--dx-text);font-weight:600;cursor:pointer} #v-library .lx-pg button:hover{border-color:var(--dx-primary);color:var(--dx-primary)} #v-library .lx-pg button.on{background:var(--dx-primary);border-color:var(--dx-primary);color:#fff} #v-library .lx-pg .dx-muted{margin-left:6px;font-size:12px} /* shops.css */ /* Cửa hàng — bổ sung cho dashboard.css + library.css (dùng chung --dx-*, .dx-*, .lx-*) */ :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-table td,:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-table th{padding:12px 10px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-shop{display:flex;gap:10px;align-items:flex-start;min-width:230px;max-width:300px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-shop img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-sinfo{min-width:0;display:flex;flex-direction:column;gap:4px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-line{display:flex;gap:6px;align-items:center;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-name:hover{color:var(--dx-primary)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-brand{display:inline-block;background:#111827;color:#fff;font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 6px;flex:none;letter-spacing:.2px;margin-right:6px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-cb{display:inline-block;background:var(--dx-strip);color:var(--dx-muted);font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 5px;flex:none} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rate{display:inline-block;background:var(--dx-strip);color:var(--dx-muted);font-size:11.5px;font-weight:600;border-radius:5px;padding:0 7px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ico{border:1px solid var(--dx-border);background:var(--dx-card);border-radius:7px;width:30px;height:30px;cursor:pointer;color:var(--dx-muted);font-size:14px;display:inline-grid;place-items:center;margin-right:6px;vertical-align:middle} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ico:hover{color:var(--dx-primary);border-color:var(--dx-primary)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ico.on{color:#f5a524} /* tìm kiếm */ :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-searchrow{align-items:center;flex-wrap:wrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-match{display:flex;gap:14px;align-items:center;font-size:13px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-match label{display:inline-flex;gap:5px;align-items:center;cursor:pointer} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search{flex:1;justify-content:flex-end;align-items:center} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-scope{border:1px solid var(--dx-border);border-radius:8px;padding:6px 10px;color:var(--dx-muted);background:var(--dx-strip);font-size:13px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search input{width:300px} /* đầu trang chi tiết */ :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-head{padding:20px 22px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-htop{display:flex;gap:16px;align-items:flex-start} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-logo{width:84px;height:84px;border-radius:10px;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hmain{flex:1;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-title{font-size:19px;font-weight:700;margin:4px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-pill{display:inline-flex;align-items:center;gap:4px;background:var(--dx-strip);color:var(--dx-muted);border:0;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rankpill{background:#fff7e0;color:#b7791f;border:1px solid #f6d58e;cursor:pointer} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;text-align:right} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hbtns{display:flex} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.3fr);gap:10px 26px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--dx-border)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol{display:flex;flex-direction:column;gap:9px;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol>div{display:flex;gap:6px;align-items:baseline;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol span{color:var(--dx-muted);white-space:nowrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-acc{display:flex;flex-direction:column;gap:8px;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accrow{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accrow img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accname{min-width:0;flex:1} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accname b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accnum{display:flex;flex-direction:column;align-items:center;flex:none;min-width:52px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accnum b{font-size:15px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accnum span{color:var(--dx-muted);font-size:11.5px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tile{background:var(--dx-soft-2);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tile b{font-size:19px;font-weight:700;line-height:1.3} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tl{color:var(--dx-muted);font-size:12.5px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tic{width:26px;height:26px;border-radius:7px;background:var(--dx-tile);display:grid;place-items:center;margin-bottom:8px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tic svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* thanh tab + mục neo (dính khi cuộn) */ :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-sticky{position:sticky;top:var(--sb-top,52px);z-index:6;background:var(--bg);padding:6px 0 8px;margin-bottom:6px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs{display:flex;gap:22px;border-bottom:1px solid var(--dx-border);padding:0 4px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs button{border:0;background:transparent;padding:10px 0;font-size:15px;font-weight:600;color:var(--dx-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs button.on{color:var(--dx-text);border-bottom-color:var(--dx-primary)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:6px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors::-webkit-scrollbar{display:none} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors button{white-space:nowrap;flex:none;border:0;background:transparent;padding:5px 9px;border-radius:6px;cursor:pointer;color:var(--dx-muted);font-size:12.5px;font-weight:600} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors button:hover{color:var(--dx-primary);background:var(--dx-soft-2)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .dx-card[id^=sx-]{scroll-margin-top:150px} /* chỉ số */ :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--dx-border);border-radius:10px;overflow:hidden} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k5{grid-template-columns:repeat(5,minmax(0,1fr))} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k3{grid-template-columns:repeat(3,minmax(0,1fr))} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 10px;border-right:1px solid var(--dx-border);border-bottom:1px solid var(--dx-border);min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpi b{font-size:20px;font-weight:700} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpi>span:last-child{color:var(--dx-muted);font-size:12.5px;line-height:1.4} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-seg{display:inline-flex;gap:2px;background:var(--dx-strip);border-radius:8px;padding:3px;border:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-seg button{border:0;background:transparent;color:var(--dx-muted);padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:600} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-seg button.on{background:var(--dx-primary);color:#fff} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-two{gap:28px;margin-top:6px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-panel{border:1px solid var(--dx-border);border-radius:10px;padding:14px 16px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-dash{display:inline-block;width:14px;height:0!important;border-top:2px dashed #7d6ff2;margin-right:6px;vertical-align:3px;background:none!important} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-promo{display:flex;gap:20px;align-items:center;flex-wrap:wrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-promo table{flex:1;min-width:220px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-donut{flex:none} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2{display:flex;flex-direction:column;gap:7px;flex:1;min-width:200px;font-size:12.5px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-legend2 em{font-style:normal;color:var(--dx-muted)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-own{display:inline-flex;flex-direction:column;gap:12px;border:1px solid var(--dx-border);border-radius:10px;padding:14px 18px;min-width:280px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownh{display:flex;gap:10px;align-items:center} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownh img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--dx-strip)} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn{display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed var(--dx-border);padding-top:10px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn>div{display:flex;flex-direction:column;align-items:center;gap:2px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn b{font-size:18px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-ownn span{color:var(--dx-muted);font-size:12px} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rankpill{background:#3a2e12;color:#f4c46a;border-color:#5c4718}:root:not([data-theme=light]) :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-brand{background:#e7ecf3;color:#111827}} :root[data-theme=dark] :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-rankpill{background:#3a2e12;color:#f4c46a;border-color:#5c4718} :root[data-theme=dark] :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-brand{background:#e7ecf3;color:#111827} @media (max-width:1100px){:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-info{grid-template-columns:1fr 1fr}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-acc{grid-column:1/-1}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k5{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:760px){ :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-htop{flex-wrap:wrap}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-hact{align-items:flex-start;text-align:left;width:100%} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-info{grid-template-columns:1fr}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-icol b{white-space:normal}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-accrow{flex-wrap:wrap}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis,:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k5,:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.sx-k3{grid-template-columns:repeat(2,minmax(0,1fr))} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search{justify-content:flex-start;width:100%}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-search input{flex:1;width:auto;min-width:0} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs{gap:14px}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-tabs button{font-size:14px} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}:is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-anchors button{white-space:nowrap} } :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-flag{display:inline-block;vertical-align:-2px;border-radius:2px;flex:none} :is(#v-shops,#v-creators,#v-lives,#v-videos,#v-trends) .sx-vn{display:inline-flex;align-items:center;gap:6px} /* creators.css */ /* Nhà sáng tạo — bổ sung cho dashboard.css + library.css + shops.css (dùng chung --dx-*, .dx-*, .lx-*, .sx-*) */ :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-person{display:flex;gap:10px;align-items:center;min-width:220px;max-width:300px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-person img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-pinfo{min-width:0;display:flex;flex-direction:column;gap:2px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-name:hover{color:var(--dx-primary)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-handle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-pcats{max-width:260px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-pcats .lx-cattag{display:inline-block;margin:1px 4px 1px 0;max-width:120px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-bio{font-size:12.5px;margin-top:6px;line-height:1.5;max-width:720px;word-break:break-word} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-score{display:flex;gap:12px;align-items:center;background:var(--dx-soft-2);border-radius:10px;padding:10px 16px;align-self:start} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-scoren{font-size:30px;font-weight:800;color:var(--dx-primary);line-height:1} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tiles .sx-tile{align-items:center;text-align:center} :is(#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.cx-k4{grid-template-columns:repeat(4,minmax(0,1fr))} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats>div{display:flex;flex-direction:column;gap:3px;border:1px solid var(--dx-border);border-radius:8px;padding:10px 12px;min-width:0} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--dx-border);border-radius:10px;padding:14px 12px;text-decoration:none;color:var(--dx-text);text-align:center} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card:hover{border-color:var(--dx-primary)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--dx-strip)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-card>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;width:100%;margin-top:8px;border-top:1px dashed var(--dx-border);padding-top:8px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats>div{display:flex;flex-direction:column} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats b{font-size:13.5px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-cstats span{color:var(--dx-muted);font-size:11px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tags{display:flex;flex-wrap:wrap;gap:8px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tag{background:var(--dx-soft-2);border-radius:999px;padding:4px 11px;font-size:12.5px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-tag b{color:var(--dx-primary);margin-left:4px} @media (max-width:1100px){:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-info{grid-template-columns:1fr 1fr}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-score{grid-column:1/-1}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-info{grid-template-columns:1fr}:is(#v-creators,#v-lives,#v-videos,#v-trends) .sx-kpis.cx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-stats{grid-template-columns:1fr}} /* Đánh giá VietTik */ :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-aff{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;margin-top:6px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affscore{min-width:128px;text-align:center;padding:16px 14px;border-radius:14px;background:var(--dx-soft-2);display:flex;flex-direction:column;align-items:center;gap:2px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affscore b{font-size:42px;line-height:1;color:var(--dx-primary);font-weight:800} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affscore span{font-size:12px;color:var(--dx-muted)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affparts{flex:1;min-width:280px;display:grid;gap:9px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(120px,2fr) 44px minmax(120px,1fr);gap:10px;align-items:center;font-size:13px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affl em{font-style:normal;color:var(--dx-muted);font-size:11px;margin-left:4px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-bar{height:8px;border-radius:6px;background:var(--dx-strip);overflow:hidden;border:1px solid var(--dx-border)} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-bar i{display:block;height:100%;background:linear-gradient(90deg,#7d6ff2,#3fc1a5);border-radius:6px} :is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp b{text-align:right} :is(#v-creators,#v-lives,#v-videos,#v-trends) th.sorted,:is(#v-creators,#v-lives,#v-videos,#v-trends) td.sorted{color:var(--dx-primary)} @media (max-width:760px){:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp{grid-template-columns:1fr 1fr;font-size:12px}:is(#v-creators,#v-lives,#v-videos,#v-trends) .cx-affp .cx-bar{grid-column:1/-1}} /* danh sách: sản phẩm bán chạy nhất (3 ảnh) */ :is(#v-creators,#v-shops,#v-lives) .cx-tops{display:flex;gap:6px} :is(#v-creators,#v-shops,#v-lives) .cx-tp{display:block;width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border);flex:none} :is(#v-creators,#v-shops,#v-lives) .cx-tp img{width:100%;height:100%;object-fit:cover;display:block} :is(#v-creators,#v-shops,#v-lives) .cx-tp:hover{outline:2px solid var(--dx-primary,#6d5dfc)} #v-creators .cx-src{font-size:11px;white-space:nowrap} /* cột Nhà sáng tạo đứng yên khi cuộn ngang bảng */ #v-creators .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child, #v-creators .lx-rktable :is(th,td):nth-child(-n+2){position:sticky;left:0;z-index:2;background:var(--dx-card)} #v-creators .lx-rktable :is(th,td):nth-child(2){left:var(--vt-stk1,44px)} #v-creators .lx-table:not(.lx-mini):not(.lx-rktable) th:first-child,#v-creators .lx-rktable th:nth-child(-n+2){background:var(--dx-strip);z-index:3} #v-creators .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child,#v-creators .lx-rktable :is(th,td):nth-child(2){box-shadow:8px 0 8px -8px rgba(0,0,0,.22)} #v-creators .lx-table:not(.lx-mini):not(.lx-rktable) tbody tr:hover td:first-child,#v-creators .lx-rktable tbody tr:hover td:nth-child(-n+2){background:linear-gradient(var(--dx-soft-2),var(--dx-soft-2)),var(--dx-card)} /* khung phóng to sản phẩm bán chạy */ .cx-ppop{position:fixed;z-index:9000;width:240px;background:var(--dx-card,#fff);color:inherit;border:1px solid var(--dx-border,rgba(0,0,0,.12));border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.25);padding:10px;font-size:13px} .cx-ppop .cx-ppimg{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--dx-strip)} .cx-ppop .cx-ppimg img{width:100%;height:100%;object-fit:cover;display:block} .cx-ppop .cx-ppname{margin:8px 2px 6px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cx-ppop .cx-ppst{display:flex;gap:8px;margin:0 2px 8px} .cx-ppop .cx-ppst div{flex:1} .cx-ppop .cx-ppst b{display:block;font-size:14px} .cx-ppop .cx-ppst span{color:var(--dx-muted,#777);font-size:12px} .cx-ppop .cx-ppbtn{display:block;padding:8px;border-radius:9px;text-align:center;font-weight:600;background:var(--dx-primary,#6d5dfc);color:#fff;text-decoration:none} .cx-ppop{--dx-card:var(--panel,#fff);--dx-border:var(--line,rgba(0,0,0,.12));--dx-strip:var(--panel-2,#f3f3f6);--dx-muted:var(--muted,#777);--dx-primary:#6052e6;color:var(--fg,#111)} /* cửa hàng & phiên live: cột đầu đứng yên khi cuộn ngang, tăng trưởng xanh/đỏ */ :is(#v-shops,#v-lives) .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child, :is(#v-shops,#v-lives) .lx-rktable :is(th,td):nth-child(-n+2){position:sticky;left:0;z-index:2;background:var(--dx-card)} :is(#v-shops,#v-lives) .lx-rktable :is(th,td):nth-child(2){left:var(--vt-stk1,44px)} :is(#v-shops,#v-lives) .lx-table:not(.lx-mini):not(.lx-rktable) th:first-child,:is(#v-shops,#v-lives) .lx-rktable th:nth-child(-n+2){background:var(--dx-strip);z-index:3} :is(#v-shops,#v-lives) .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child,:is(#v-shops,#v-lives) .lx-rktable :is(th,td):nth-child(2){box-shadow:8px 0 8px -8px rgba(0,0,0,.22)} :is(#v-shops,#v-lives) .lx-table:not(.lx-mini):not(.lx-rktable) tbody tr:hover td:first-child,:is(#v-shops,#v-lives) .lx-rktable tbody tr:hover td:nth-child(-n+2){background:linear-gradient(var(--dx-soft-2),var(--dx-soft-2)),var(--dx-card)} #v-shops .sx-up{color:#16a34a;font-weight:600} #v-shops .sx-down{color:#dc2626;font-weight:600} /* lives.css */ /* Phát trực tiếp — bổ sung cho dashboard.css + library.css + shops.css + creators.css (dùng chung --dx-*, .dx-*, .lx-*, .sx-*, .cx-*) */ #v-lives .vx-cell{min-width:260px;max-width:360px;align-items:flex-start} #v-lives .vx-cover{position:relative;flex:none;display:block} #v-lives .vx-cover img{width:64px;height:84px;border-radius:8px;object-fit:cover;background:var(--dx-strip);border:1px solid var(--dx-border);display:block} #v-lives .vx-live{position:absolute;left:4px;top:4px;background:#e5486d;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;line-height:1.3;white-space:nowrap} #v-lives .vx-livetxt{color:#e5486d} #v-lives .vx-time{font-size:12px;white-space:nowrap;line-height:1.6} #v-lives .vx-time .dx-muted{display:inline-block;min-width:68px} #v-lives .vx-range{align-items:center;gap:8px} #v-lives .vx-range input[type=date]{border:1px solid var(--dx-border);border-radius:8px;padding:5px 8px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:12.5px} #v-lives .vx-htop{align-items:flex-start} #v-lives .vx-coverbig{position:relative;flex:none;width:150px;height:200px;border-radius:12px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border)} #v-lives .vx-coverbig img{width:100%;height:100%;object-fit:cover;display:block} #v-lives .vx-coverbig .vx-live{left:8px;top:8px;font-size:11px} #v-lives .vx-info{margin-top:10px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border:0;padding:0} #v-lives .vx-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px;margin-top:16px} #v-lives .vx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start} #v-lives .vx-kpis .sx-tile{align-items:center;text-align:center} #v-lives .vx-top3{grid-column:1/-1;border:1px solid var(--dx-border);border-radius:10px;padding:12px 14px} #v-lives .vx-top3list>div{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;border-top:1px dashed var(--dx-border)} #v-lives .vx-top3list>div:first-child{border-top:0} #v-lives .vx-top3list img{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--dx-strip)} #v-lives .vx-top3list .lx-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-lives .vx-creator{border:1px solid var(--dx-border);border-radius:12px;padding:14px 16px;background:var(--dx-soft-2)} #v-lives .vx-cwrap{display:flex;gap:12px;align-items:center} #v-lives .vx-cwrap img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none} #v-lives .vx-cwrap .lx-cattag{margin:4px 4px 0 0;display:inline-block} #v-lives .vx-c30{margin-top:12px;border:1px solid var(--dx-border);border-radius:10px;padding:10px 12px;background:var(--dx-card)} #v-lives .vx-c30h{font-weight:700;font-size:12.5px;margin-bottom:6px} #v-lives .vx-c30>div:not(.vx-c30h){display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:3px 0} #v-lives .vx-cstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;text-align:center} #v-lives .vx-cstats b{display:block;font-size:15px} #v-lives .vx-cstats span{color:var(--dx-muted);font-size:11.5px} #v-lives .vx-bars{display:grid;gap:8px} #v-lives .vx-bar{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(120px,2fr) 60px minmax(90px,1fr);gap:10px;align-items:center;font-size:13px} #v-lives .vx-bar .lx-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-lives .vx-bar b{text-align:right} #v-lives .cx-bar{height:8px;border-radius:6px;background:var(--dx-strip);overflow:hidden;border:1px solid var(--dx-border)} #v-lives .cx-bar i{display:block;height:100%;background:linear-gradient(90deg,#7d6ff2,#3fc1a5);border-radius:6px} #v-lives .vx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px} #v-lives .vx-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--dx-border);border-radius:10px;padding:12px;text-decoration:none;color:var(--dx-text)} #v-lives .vx-card:hover{border-color:var(--dx-primary)} #v-lives .vx-cardcover{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--dx-strip);margin-bottom:4px} #v-lives .vx-cardcover img{width:100%;height:100%;object-fit:cover;display:block} #v-lives .vx-card>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-lives .vx-cardstats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:8px;border-top:1px dashed var(--dx-border);padding-top:8px} #v-lives .vx-cardstats>div{display:flex;flex-direction:column} #v-lives .vx-cardstats b{font-size:13.5px} #v-lives .vx-cardstats span{color:var(--dx-muted);font-size:11px} #v-lives .sx-kpis.cx-k4{grid-template-columns:repeat(4,minmax(0,1fr))} #v-lives .cx-person{display:flex;gap:10px;align-items:center;min-width:200px;max-width:260px} #v-lives .cx-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} #v-lives .cx-pinfo{min-width:0;display:flex;flex-direction:column;gap:2px} #v-lives .cx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-lives .cx-name:hover{color:var(--dx-primary)} #v-lives .cx-handle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-lives th.sorted,#v-lives td.sorted{color:var(--dx-primary)} @media (max-width:1100px){#v-lives .vx-grid2{grid-template-columns:1fr}#v-lives .vx-info{grid-template-columns:1fr}} @media (max-width:760px){#v-lives .vx-kpis{grid-template-columns:1fr 1fr}#v-lives .sx-kpis.cx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}#v-lives .vx-coverbig{width:110px;height:146px}#v-lives .vx-bar{grid-template-columns:1fr 1fr}#v-lives .vx-bar .cx-bar{grid-column:1/-1}} /* videos.css */ /* Video — bổ sung cho dashboard.css + library.css + shops.css + creators.css + lives.css (dùng chung --dx-*, .dx-*, .lx-*, .sx-*, .cx-*) */ #v-videos .vd-cell{min-width:250px;max-width:340px;align-items:flex-start} #v-videos .vd-cover{position:relative;flex:none;display:block} #v-videos .vd-cover img{width:64px;height:84px;border-radius:8px;object-fit:cover;background:var(--dx-strip);border:1px solid var(--dx-border);display:block} #v-videos .vd-dur{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;line-height:1.4} #v-videos .vd-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.35;font-weight:500} #v-videos .vd-tag{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;margin:4px 4px 0 0;line-height:1.5;border:1px solid transparent} #v-videos .vd-new{background:#e8f7ef;color:#1f8a4c;border-color:#bfe8cf} #v-videos .vd-ad{background:#fff3e0;color:#b25e00;border-color:#f6d7a8} #v-videos .vd-sell{background:#eef0ff;color:#4b3fd1;border-color:#d4d6fb} #v-videos .vd-ai{background:#f3e8ff;color:#7a2fd1;border-color:#e2cbff} #v-videos .vd-img{background:#e6f4fb;color:#0b6b9b;border-color:#bfe0f2} #v-videos .vd-time{font-size:12px;white-space:nowrap} #v-videos .vd-range{align-items:center;gap:8px} #v-videos .vd-range input[type=date]{border:1px solid var(--dx-border);border-radius:8px;padding:5px 8px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:12.5px} #v-videos .vd-htop{align-items:flex-start} #v-videos .vd-coverbig{position:relative;flex:none;width:150px;height:200px;border-radius:12px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border)} #v-videos .vd-coverbig img{width:100%;height:100%;object-fit:cover;display:block} #v-videos .vd-coverbig .vd-dur{right:8px;bottom:8px;font-size:11px} #v-videos .vd-hbig{flex:none;width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,#7d6ff2,#e5486d);color:#fff;font-size:52px;font-weight:800;display:flex;align-items:center;justify-content:center} #v-videos .vd-title{font-size:17px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} #v-videos .vd-pill-new{background:#e8f7ef;color:#1f8a4c} #v-videos .vd-htags{margin:8px 0 2px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px} #v-videos .vd-htag{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--dx-soft-2);border:1px solid var(--dx-border);color:var(--dx-primary);text-decoration:none;font-weight:600;font-size:12px} #v-videos .vd-htag:hover{border-color:var(--dx-primary)} #v-videos .vd-htag-plain{color:var(--dx-text);font-weight:500} #v-videos .vd-info{margin-top:10px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);border:0;padding:0} #v-videos .vd-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px;margin-top:16px} #v-videos .vd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start} #v-videos .vd-kpis .sx-tile{align-items:center;text-align:center} #v-videos .vd-creator{border:1px solid var(--dx-border);border-radius:12px;padding:14px 16px;background:var(--dx-soft-2)} #v-videos .vd-ch{font-weight:700;font-size:13px;margin-bottom:10px} #v-videos .vd-cwrap{display:flex;gap:12px;align-items:center} #v-videos .vd-cwrap img{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none} #v-videos .vd-cwrap .lx-cattag{margin:4px 4px 0 0;display:inline-block} #v-videos .vd-cstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;text-align:center;border:1px solid var(--dx-border);border-radius:10px;padding:10px 6px;background:var(--dx-card)} #v-videos .vd-cstats b{display:block;font-size:15px} #v-videos .vd-cstats span{color:var(--dx-muted);font-size:11.5px} #v-videos .vd-cfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12.5px} #v-videos .sx-kpis.cx-k4{grid-template-columns:repeat(4,minmax(0,1fr))} #v-videos .sx-kpis.vd-k6{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:16px} #v-videos .vd-days,#v-videos .vd-metric{margin-left:auto} #v-videos .lx-cardh{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #v-videos .lx-cardh .dx-h{margin-right:auto} #v-videos .vd-win td:first-child{font-weight:600} #v-videos .vd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px} #v-videos .vd-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--dx-border);border-radius:10px;padding:12px;text-decoration:none;color:var(--dx-text)} #v-videos .vd-card:hover{border-color:var(--dx-primary)} #v-videos .vd-cardcover{position:relative;width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--dx-strip);margin-bottom:4px} #v-videos .vd-cardcover img{width:100%;height:100%;object-fit:cover;display:block} #v-videos .vd-card>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35} #v-videos .vd-cardstats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:8px;border-top:1px dashed var(--dx-border);padding-top:8px} #v-videos .vd-cardstats>div{display:flex;flex-direction:column} #v-videos .vd-cardstats b{font-size:13.5px} #v-videos .vd-cardstats span{color:var(--dx-muted);font-size:11px} #v-videos .vd-hname{font-size:14px;font-weight:700;color:var(--dx-primary)} #v-videos .cx-person{display:flex;gap:10px;align-items:center;min-width:170px;max-width:220px} #v-videos .cx-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} #v-videos .cx-pinfo{min-width:0;display:flex;flex-direction:column;gap:2px} #v-videos .cx-name{color:var(--dx-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-videos .cx-name:hover{color:var(--dx-primary)} #v-videos .cx-handle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-videos th.sorted,#v-videos td.sorted{color:var(--dx-primary)} @media (max-width:1100px){#v-videos .vd-grid2{grid-template-columns:1fr}#v-videos .vd-info{grid-template-columns:1fr}#v-videos .sx-kpis.vd-k6{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:760px){#v-videos .vd-kpis{grid-template-columns:1fr 1fr}#v-videos .sx-kpis.cx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}#v-videos .sx-kpis.vd-k6{grid-template-columns:repeat(2,minmax(0,1fr))}#v-videos .vd-coverbig{width:110px;height:146px}#v-videos .vd-days,#v-videos .vd-metric{margin-left:0}} /* kịch bản */ #v-videos .vd-script{white-space:pre-wrap;line-height:1.75;font-size:14px;padding:14px 16px;border:1px solid var(--dx-border);border-radius:12px;background:var(--dx-soft-2,#f7f6ff);max-height:420px;overflow:auto} #v-videos .vd-cues td:first-child{white-space:nowrap;width:110px} #v-videos .vd-scprev{max-width:340px;font-size:12.5px} #v-videos .vd-scq{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;font-style:italic} /* bình luận video */ #v-videos .vd-cmlist{display:grid;gap:10px;margin-top:10px} #v-videos .vd-cm{display:flex;gap:12px;padding:12px 14px;border:1px solid var(--dx-border);border-radius:12px;background:var(--dx-card)} #v-videos .vd-cmav{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7d6ff2,#3fc1a5);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px} #v-videos .vd-cmbody{min-width:0;flex:1} #v-videos .vd-cmhead{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:12.5px} #v-videos .vd-cmhead b{font-size:13px} #v-videos .vd-cmtime{margin-left:auto;white-space:nowrap} #v-videos .vd-cmtext{margin-top:4px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word} #v-videos .vd-cmstats{display:flex;gap:14px;margin-top:6px;font-size:12px;color:var(--dx-muted)} #v-videos .vd-kwchips{flex-wrap:wrap} #v-videos .vd-kwchips .lx-cat .dx-muted{font-weight:400;margin-left:2px} /* nút chọn kỳ xếp hạng (tháng) — hợp giao diện sáng/tối */ #v-videos .vd-monthbtn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border:1px solid var(--dx-border);border-radius:8px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s} #v-videos .vd-monthbtn:hover,#v-videos .vd-monthbtn[aria-expanded="true"]{border-color:var(--dx-primary);color:var(--dx-primary)} #v-videos .vd-monthbtn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} #v-videos .vd-monthbtn .vd-caret{opacity:.7} /* ảnh sản phẩm gắn trong video */ #v-videos .cx-tops{display:flex;gap:6px;align-items:center} #v-videos .cx-tp{display:block;width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border);flex:none} #v-videos .cx-tp img{width:100%;height:100%;object-fit:cover;display:block} #v-videos .cx-tp:hover{outline:2px solid var(--dx-primary,#6052e6)} #v-videos .cx-more{font-size:12px} /* nhãn AD (video quảng cáo) */ #v-videos .vd-ad{background:#ff6a00;color:#fff;border-color:#ff6a00;letter-spacing:.3px} /* cột Video đứng yên khi cuộn ngang bảng */ #v-videos .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child, #v-videos .lx-rktable :is(th,td):nth-child(-n+2){position:sticky;left:0;z-index:2;background:var(--dx-card)} #v-videos .lx-rktable :is(th,td):nth-child(2){left:var(--vt-stk1,44px)} #v-videos .lx-table:not(.lx-mini):not(.lx-rktable) th:first-child,#v-videos .lx-rktable th:nth-child(-n+2){background:var(--dx-strip);z-index:3} #v-videos .lx-table:not(.lx-mini):not(.lx-rktable) :is(th,td):first-child,#v-videos .lx-rktable :is(th,td):nth-child(2){box-shadow:8px 0 8px -8px rgba(0,0,0,.22)} #v-videos .lx-table:not(.lx-mini):not(.lx-rktable) tbody tr:hover td:first-child,#v-videos .lx-rktable tbody tr:hover td:nth-child(-n+2){background:linear-gradient(var(--dx-soft-2),var(--dx-soft-2)),var(--dx-card)} #v-videos .vd-old{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:13px;cursor:pointer} #v-videos .vd-bigplay{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:54px;text-align:center;pointer-events:none} /* trends.css */ /* Xu hướng — bổ sung cho dashboard.css + library.css + shops.css + creators.css (dùng chung --dx-*, .dx-*, .lx-*, .sx-*) */ #v-trends .tr-table td{vertical-align:middle} #v-trends .tr-topic{font-weight:700;white-space:nowrap} #v-trends .tr-desc{max-width:360px;min-width:220px;margin:0 auto;font-size:12.5px;color:var(--dx-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45} #v-trends .tr-vids{display:flex;gap:6px} #v-trends .tr-vid img{width:44px;height:58px;border-radius:6px;object-fit:cover;background:var(--dx-strip);border:1px solid var(--dx-border);display:block} #v-trends .tr-vid:hover img{border-color:var(--dx-primary)} #v-trends .tr-music{display:flex;gap:10px;align-items:center;min-width:220px;max-width:340px} #v-trends .tr-music img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--dx-strip);border:1px solid var(--dx-border);flex:none} #v-trends .tr-music .lx-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #v-trends .tr-spark{display:block} #v-trends .lx-rkbar{flex-wrap:wrap;gap:10px} #v-trends .lx-rkbar .sx-search{margin-left:0} #v-trends .lx-rkbar .sx-search input{min-width:220px} #v-trends .vd-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;line-height:1.4} #v-trends .vd-ai{background:#efe9ff;color:#5b45d6} #v-trends th.sorted,#v-trends td.sorted{color:var(--dx-primary)} @media (max-width:760px){#v-trends .tr-desc{max-width:200px}} #v-trends .tr-spc{text-align:center} #v-trends .tr-spc .tr-spark,#v-trends .tr-spc .dx-muted{margin:0 auto;display:block;width:max-content} #v-trends .tr-shop{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer;color:var(--dx-text)} #v-trends .tr-shop input{width:16px;height:16px;accent-color:var(--dx-primary)} /* xu hướng bán hàng */ #v-trends .tr-groups{display:flex;flex-wrap:wrap;gap:10px 24px;margin:4px 0 12px} #v-trends .tr-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #v-trends .tr-glab{font-size:12.5px;font-weight:700;color:var(--dx-muted);text-transform:uppercase;letter-spacing:.02em} #v-trends .tr-sel{height:32px;border:1px solid var(--dx-border);border-radius:8px;padding:0 8px;background:var(--dx-card,#fff);color:inherit;max-width:240px} #v-trends .tr-up{color:#12a150;font-weight:700} #v-trends .tr-down{color:#d6455d;font-weight:700} #v-trends .cx-tops{display:flex;gap:6px} #v-trends .cx-tp{display:block;width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border);flex:none} #v-trends .cx-tp img{width:100%;height:100%;object-fit:cover;display:block} #v-trends .cx-tp:hover{outline:2px solid var(--dx-primary,#6d5dfc)} #v-trends .tr-tvrow{display:flex;gap:6px;min-width:174px} #v-trends .tr-tv{position:relative;display:block;width:54px;height:72px;border-radius:6px;overflow:hidden;background:var(--dx-strip,#eee);flex:none} #v-trends .tr-tv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s} #v-trends .tr-tv:hover img{transform:scale(1.06)} #v-trends .tr-tvplay{position:absolute;left:50%;top:42%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid #fff} #v-trends .tr-tvplay::after{content:"";position:absolute;left:7px;top:5px;border-left:7px solid #fff;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent} #v-trends .tr-tvgmv{position:absolute;left:0;right:0;bottom:0;padding:8px 2px 2px;font-size:10px;font-weight:700;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.7));white-space:nowrap} #v-trends .tr-prod{display:flex;gap:10px;align-items:center;min-width:260px;max-width:380px} #v-trends .tr-pimg{display:block;width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--dx-strip);border:1px solid var(--dx-border);flex:none} #v-trends .tr-pimg img{width:100%;height:100%;object-fit:cover;display:block} #v-trends .tr-prod .lx-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35} #v-trends .tr-stable td{white-space:nowrap} #v-trends .tr-stable td .tr-prod,#v-trends .tr-stable td .tr-prod *{white-space:normal} #v-trends .tr-stable :is(th,td):nth-child(-n+2){position:sticky;left:0;z-index:2;background:var(--dx-card)} #v-trends .tr-stable :is(th,td):nth-child(2){left:var(--vt-stk1,44px);box-shadow:8px 0 8px -8px rgba(0,0,0,.22)} #v-trends .tr-stable th:nth-child(-n+2){background:var(--dx-strip);z-index:3} #v-trends .tr-stable :is(th,td):nth-child(2){text-align:left} @media (min-width:761px){#v-trends .lx-row{flex-wrap:wrap;row-gap:8px}} #v-trends .tr-group .dx-seg{flex-wrap:wrap;max-width:100%} #v-trends .tr-group{min-width:0;max-width:100%} @media (max-width:760px){#v-trends .lx-row .dx-seg{flex-wrap:wrap}#v-trends .lx-row .lx-lab{margin-left:0!important}} #v-trends .dx-seg button{white-space:nowrap} #v-trends .tr-stable td .lx-wrap{text-align:left} /* advisor.css */ /* AI đề xuất (#advisor) — giao diện tối giản, sang: nền mực, nhấn tím, đường kẻ mảnh */ #v-advisor{max-width:1180px;margin:0 auto;padding-bottom:48px;color:var(--fg);font-size:13.5px; --adv-acc:#6d5dfc;--adv-acc-2:#4f8cff;--adv-acc-soft:rgba(109,93,252,.10);--adv-acc-line:rgba(109,93,252,.35);--adv-acc-fg:#5446e0;--adv-gold:#c8a25c; --adv-r:14px;--adv-sh:0 1px 2px rgba(16,24,40,.04),0 8px 24px -12px rgba(16,24,40,.12)} :root[data-theme=dark] #v-advisor{--adv-acc-fg:#b5abff;--adv-acc-soft:rgba(140,125,255,.14);--adv-sh:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6)} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) #v-advisor{--adv-acc-fg:#b5abff;--adv-acc-soft:rgba(140,125,255,.14);--adv-sh:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6)}} #v-advisor .dx-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--adv-r);box-shadow:var(--adv-sh)} #v-advisor .dx-muted{color:var(--muted)} #v-advisor .dx-note{color:var(--muted);font-size:12px;margin:18px 2px 0;line-height:1.6} #v-advisor .lx-loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:16px 18px} #v-advisor .lx-spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--adv-acc);border-radius:50%;display:inline-block;animation:advspin .8s linear infinite;flex:none;vertical-align:-3px} @keyframes advspin{to{transform:rotate(360deg)}} .adv-ic{width:18px;height:18px;flex:none} .adv-ic-s{width:14px;height:14px} /* hero */ .adv-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;border-radius:18px;padding:34px 34px 30px;margin-bottom:16px;color:#eef0f7; background:radial-gradient(520px 260px at 0% 0%,rgba(109,93,252,.42),transparent 70%),radial-gradient(480px 260px at 100% 100%,rgba(79,140,255,.26),transparent 70%),linear-gradient(160deg,#141833,#0a0d1c); border:1px solid rgba(255,255,255,.08)} .adv-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)} .adv-hero::after{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,162,92,.7),transparent)} .adv-hl{position:relative;min-width:0} .adv-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d9c08f} .adv-hero h1{margin:10px 0 10px;font-size:34px;line-height:1.1;font-weight:750;letter-spacing:-.025em;color:#fff} .adv-hero p{margin:0;max-width:640px;color:#b9bfd4;font-size:15px;line-height:1.65} .adv-points{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;margin:18px 0 0;padding:0;font-size:12.5px;color:#cdd2e4} .adv-points li{display:flex;align-items:center;gap:8px} .adv-points li::before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#8f83ff,#5aa0ff);box-shadow:0 0 0 3px rgba(143,131,255,.18)} .adv-quota{position:relative;min-width:210px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)} .adv-qtop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:#b9bfd4} .adv-qtop b{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.02em} .adv-qtop small{font-size:13px;color:#8d94ad;font-weight:500} .adv-bar{height:4px;border-radius:4px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden} .adv-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8f83ff,#5aa0ff)} /* form */ .adv-form{padding:6px 26px 22px} .adv-fh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 10px;border-bottom:1px solid var(--line)} .adv-fh h2,.adv-sec h2,.adv-sum h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--fg)} .adv-fh .dx-muted{font-size:12.5px} .adv-q{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)} .adv-ql{display:flex;gap:12px;align-items:flex-start} .adv-qn{font-size:11.5px;font-weight:700;color:var(--adv-acc-fg);font-variant-numeric:tabular-nums;letter-spacing:.04em;padding-top:2px;min-width:20px} .adv-qt{font-weight:650;font-size:14px;color:var(--fg)} .adv-qs{font-size:12.5px;color:var(--muted);margin-top:2px} .adv-chips{display:flex;flex-wrap:wrap;gap:8px} .adv-chip{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 14px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--fg);transition:border-color .15s,background .15s,box-shadow .15s} .adv-chip:hover{border-color:var(--adv-acc-line)} .adv-chip.on{background:var(--adv-acc-soft);border-color:var(--adv-acc);color:var(--adv-acc-fg);font-weight:600;box-shadow:inset 0 0 0 1px var(--adv-acc)} .adv-chip:focus-visible,.adv-btn:focus-visible,.adv-sel:focus,#advNote:focus{outline:none;box-shadow:0 0 0 3px var(--adv-acc-soft);border-color:var(--adv-acc)} .adv-sel{width:min(360px,100%);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;background:var(--panel);color:var(--fg)} #advNote{width:100%;min-height:76px;resize:vertical;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.55;box-sizing:border-box} .adv-go{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:18px;flex-wrap:wrap} .adv-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:12px 24px;font:inherit;font-weight:650;font-size:15px;color:#fff;cursor:pointer; background:linear-gradient(135deg,#6d5dfc,#4f7dff);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -8px rgba(90,80,250,.6);transition:transform .15s,box-shadow .15s} .adv-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 12px 24px -8px rgba(90,80,250,.7)} .adv-btn:disabled{opacity:.55;cursor:wait} /* trạng thái */ .adv-loading{display:flex;gap:14px;align-items:center;padding:20px 22px;margin-top:16px} .adv-loading b{color:var(--fg)} .adv-err{margin-top:16px;padding:18px 22px;color:var(--danger)} /* kết quả */ .adv-sum{margin-top:16px;padding:24px 26px;position:relative;overflow:hidden} .adv-sum::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--adv-acc),var(--adv-acc-2))} .adv-she{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px} .adv-sum h2{margin-bottom:10px;font-size:20px} .adv-sum p{margin:0;line-height:1.75;font-size:14.5px;max-width:900px} .adv-sec{margin-top:16px;padding:22px 26px} .adv-sh{display:flex;align-items:center;gap:12px;margin-bottom:16px} .adv-shi{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--adv-acc-soft);color:var(--adv-acc-fg);flex:none} .adv-cnt{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--muted);vertical-align:2px;margin-left:4px} /* sản phẩm */ .adv-prods{display:flex;flex-direction:column;gap:14px} .adv-prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;transition:border-color .15s} .adv-prod:hover{border-color:var(--adv-acc-line)} .adv-pmain{display:flex;gap:16px;padding:16px;min-width:0} .adv-img{position:relative;flex:0 0 108px;height:108px;border-radius:10px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line)} .adv-img img{width:100%;height:100%;object-fit:cover;display:block} .adv-rank{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(10,13,28,.82);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(4px)} .adv-body{min-width:0;flex:1} .adv-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:650;font-size:14.5px;color:var(--fg);text-decoration:none;line-height:1.45} .adv-name:hover{color:var(--adv-acc-fg)} .adv-shopl{font-size:12.5px;margin-top:3px;color:var(--muted)} .adv-shopl a{color:var(--adv-acc-fg);text-decoration:none;font-weight:550} .adv-shopl a:hover{text-decoration:underline} .adv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:12px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)} .adv-st{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--panel-2);min-width:0} .adv-st small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .adv-st b{font-size:13.5px;font-weight:650;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1.35;overflow-wrap:anywhere} .adv-stats-s{grid-template-columns:repeat(2,minmax(0,1fr))} .adv-why,.adv-learn{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--adv-acc-soft);color:var(--adv-acc-fg)} .adv-why b,.adv-learn b{display:block;font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase} .adv-why p,.adv-learn p{margin:3px 0 0;color:var(--fg);font-size:13.5px;line-height:1.6} .adv-why .adv-ic,.adv-learn .adv-ic{margin-top:1px} .adv-warn{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:12.5px;color:var(--warn);line-height:1.5} .adv-warn .adv-ic{width:15px;height:15px;margin-top:1px} /* video bán chạy của từng sản phẩm */ .adv-vids{padding:16px;border-left:1px solid var(--line);background:var(--panel-2);min-width:0;display:flex;flex-direction:column;gap:12px} .adv-vh{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg)} .adv-vh .adv-ic{width:16px;height:16px;color:var(--adv-acc-fg)} .adv-vh b{font-weight:650} .adv-vrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .adv-v{display:flex;flex-direction:column;gap:4px;min-width:0;color:inherit;text-decoration:none} .adv-vimg{position:relative;aspect-ratio:9/14;border-radius:9px;overflow:hidden;background:linear-gradient(160deg,#1a1f3a,#0b0e1e);border:1px solid var(--line)} .adv-vimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s} .adv-v:hover .adv-vimg img{transform:scale(1.04)} .adv-vdur{position:absolute;right:5px;bottom:5px;font-size:10.5px;font-weight:600;color:#fff;background:rgba(0,0,0,.65);border-radius:4px;padding:1px 5px;font-variant-numeric:tabular-nums} .adv-vplay{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:0;background:rgba(10,13,28,.35);transition:opacity .2s} .adv-vplay .adv-ic{width:30px;height:30px} .adv-v:hover .adv-vplay{opacity:1} .adv-vmeta{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .adv-vmeta b{color:var(--good);font-weight:700} .adv-vby{font-size:12px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .adv-vdesc{font-size:11.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4} .adv-vempty{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--muted);padding:18px 14px;border:1px dashed var(--line);border-radius:10px;line-height:1.5} /* cửa hàng */ .adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px} .adv-card{display:flex;gap:14px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel);transition:border-color .15s} .adv-card:hover{border-color:var(--adv-acc-line)} .adv-simg{flex-basis:56px;height:56px;border-radius:50%} .adv-tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.02em;background:var(--good-soft,rgba(22,163,74,.12));color:var(--good);border-radius:5px;padding:2px 6px;vertical-align:2px;margin-left:4px} .adv-tag-n{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)} .adv-note{margin:0;font-size:13px;line-height:1.6;color:var(--fg)} /* ý tưởng video */ .adv-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px} .adv-idea{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--panel);display:flex;flex-direction:column} .adv-ih{display:flex;gap:10px;align-items:baseline;margin-bottom:10px} .adv-ih b{font-size:14.5px;line-height:1.4;color:var(--fg)} .adv-num{font-size:12px;font-weight:700;color:var(--adv-acc-fg);font-variant-numeric:tabular-nums} .adv-hook{border-left:2px solid var(--adv-gold);padding:4px 0 4px 12px;margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--fg);font-style:italic} .adv-hook small{display:block;font-style:normal;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px} .adv-idea ol,.adv-list{margin:0;padding-left:20px;line-height:1.65;font-size:13.5px;color:var(--fg)} .adv-idea li,.adv-list li{margin-bottom:4px} .adv-idea li::marker,.adv-list li::marker{color:var(--muted);font-weight:600} .adv-ref{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:12.5px;line-height:1.45} .adv-idea ol+.adv-ref,.adv-hook+.adv-ref{margin-top:12px} .adv-ref img{width:40px;height:56px;border-radius:6px;object-fit:cover;background:var(--panel-2);flex:none} .adv-ref small{display:block;font-size:10.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .adv-ref em{display:block;font-style:normal;color:var(--muted);font-size:11.5px} .adv-ref:hover{color:var(--adv-acc-fg)} .adv-lt{margin:0 0 8px;font-weight:650;color:var(--fg)} .adv-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 16px} .adv-caut li::marker{color:var(--warn)} /* nút trên thanh trên cùng */ .vt-adv-top{display:inline-flex;align-items:center;gap:6px;margin-left:14px;border:1px solid rgba(109,93,252,.45);border-radius:999px;padding:6px 14px 6px 11px;font:inherit;font-size:13px;font-weight:650;color:#fff;cursor:pointer; background:linear-gradient(135deg,#6d5dfc,#4f7dff);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 4px 14px -6px rgba(90,80,250,.6);white-space:nowrap;transition:transform .15s,box-shadow .15s} .vt-adv-top .adv-ic{width:15px;height:15px} .vt-adv-top:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 18px -6px rgba(90,80,250,.7)} @media (max-width:980px){.adv-prod{grid-template-columns:1fr}.adv-vids{border-left:0;border-top:1px solid var(--line)}} @media (max-width:760px){.adv-hero{grid-template-columns:1fr;padding:24px 18px;gap:18px}.adv-hero h1{font-size:27px}.adv-quota{min-width:0} .adv-form{padding:4px 16px 18px}.adv-q{grid-template-columns:1fr;gap:10px}.adv-sec,.adv-sum{padding:18px 16px} .adv-pmain{padding:14px;gap:12px}.adv-img{flex-basis:80px;height:80px}.adv-stats,.adv-stats-s{grid-template-columns:repeat(2,minmax(0,1fr))} .adv-vrow{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-grid,.adv-ideas,.adv-two{grid-template-columns:1fr}.adv-go{justify-content:stretch}.adv-btn{flex:1;justify-content:center}.vt-adv-top span{display:none}.vt-adv-top{padding:6px 9px}} /* account.css */ /* Tài khoản, bảng giá, thanh toán */ .ac-ic{width:16px;height:16px;flex:none}.ac-big{width:34px;height:34px;color:var(--brand)} .ac-top{display:flex;align-items:center;gap:8px} .ac-price,.ac-login,.ac-me{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap} .ac-price:hover,.ac-me:hover{border-color:var(--brand);color:var(--brand)} .ac-login{background:var(--brand);border-color:transparent;color:#fff}.ac-login:hover{background:var(--brand-2)} .ac-me{padding:4px 5px 4px 10px}.ac-me-t{max-width:110px;overflow:hidden;text-overflow:ellipsis} .ac-plan{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted)} .ac-plan.p-basic{background:var(--brand-soft);color:var(--brand)}.ac-plan.p-pro{background:linear-gradient(135deg,#6d5dfc,#2f6bff);color:#fff}.ac-plan.p-team{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff} @media (max-width:760px){.ac-price span,.ac-me-t{display:none}.ac-price{padding:7px}} .ac-ov{position:fixed;inset:0;z-index:1000;background:rgba(10,14,22,.55);display:grid;place-items:center;padding:16px;animation:acf .15s ease} @keyframes acf{from{opacity:0}} .ac-modal{position:relative;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:26px} .ac-modal.sm{width:min(430px,100%)} .ac-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:none;color:var(--muted);border-radius:8px;cursor:pointer;display:grid;place-items:center}.ac-x:hover{background:var(--panel-2)} .ac-gate{text-align:center}.ac-gate h3{margin:10px 0 6px;font-size:18px}.ac-gate p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 16px} .ac-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center} .ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);border-radius:10px;padding:10px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none} .ac-btn:hover{border-color:var(--brand);color:var(--brand)}.ac-btn:disabled{opacity:.6;cursor:wait} .ac-btn.pri{background:var(--brand);border-color:transparent;color:#fff}.ac-btn.pri:hover{background:var(--brand-2);color:#fff} .ac-btn.dark{background:var(--fg);color:var(--panel);border-color:transparent}.ac-btn.dark:hover{opacity:.9;color:var(--panel)} .ac-btn.wide{width:100%}.ac-btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px} .ac-link{border:0;background:none;color:var(--brand);font:inherit;font-size:13px;cursor:pointer;padding:6px 0;text-decoration:underline} .ac-tabs{display:flex;gap:4px;background:var(--panel-2);border-radius:10px;padding:4px;margin:0 0 16px} .ac-tabs button{flex:1;border:0;background:none;border-radius:8px;padding:9px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer}.ac-tabs button.on{background:var(--panel);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.12)} .ac-form{display:grid;gap:12px}.ac-form label{display:grid;gap:5px;font-size:12.5px;font-weight:650;color:var(--muted)} .ac-form input,.ac-inv input,.ac-inline input{font:inherit;font-size:14px;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 12px;outline:none;min-width:0} .ac-form input:focus,.ac-inv input:focus,.ac-inline input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)} .ac-form input:disabled{opacity:.7} .ac-form.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.ac-act{display:flex;align-items:center;gap:10px} .ac-err{color:#e11d48;font-size:13px;min-height:1px}.ac-ok{color:#16a34a;font-size:13px} .ac-fine{font-size:12.5px;color:var(--muted);line-height:1.5}.ac-fine a{color:var(--brand)} .ac-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;border:1px solid var(--line);background:#fff;color:#1f1f1f;border-radius:10px;padding:11px 16px;font:inherit;font-size:14.5px;font-weight:650;text-decoration:none;cursor:pointer;transition:box-shadow .15s,border-color .15s}.ac-google:hover{border-color:#c7c7c7;box-shadow:0 1px 4px rgba(0,0,0,.12)}.ac-google svg{width:19px;height:19px;flex:none}.ac-google.busy{opacity:.7;pointer-events:none} .ac-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12.5px}.ac-or::before,.ac-or::after{content:'';flex:1;height:1px;background:var(--line)} .ac-note{background:var(--brand-soft);color:var(--brand);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;margin:0 0 14px} .ac-wrap{max-width:1180px;margin:0 auto;padding:6px 0 40px}.ac-wrap.narrow{max-width:860px} .ac-wrap h1{font-size:26px;letter-spacing:-.4px;margin:6px 0 16px} .ac-hero{text-align:center;padding:18px 10px 8px}.ac-hero h1{font-size:clamp(24px,3.4vw,36px);margin:0 0 8px}.ac-hero p{color:var(--muted);max-width:640px;margin:0 auto 18px;line-height:1.55} .ac-cycle{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px} .ac-cycle button{border:0;background:none;border-radius:999px;padding:8px 16px;font:inherit;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer}.ac-cycle button.on{background:var(--panel);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.12)} .ac-cycle em{font-style:normal;color:#16a34a;font-size:12px;margin-left:4px} .ac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 10px} @media (max-width:1100px){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ac-grid{grid-template-columns:1fr}} .ac-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:10px} .ac-card.hot{border:2px solid var(--brand);box-shadow:0 18px 40px -22px rgba(47,107,255,.55)}.ac-card.cur{outline:2px dashed #16a34a;outline-offset:3px} .ac-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap} .ac-pname{font-size:15px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px} .ac-price-v{font-size:30px;font-weight:850;letter-spacing:-.8px}.ac-price-v small{font-size:14px;color:var(--muted);font-weight:600;letter-spacing:0;margin-left:2px} .ac-sub{font-size:12.5px;color:var(--muted);min-height:18px} .ac-curtag{font-size:12px;color:#16a34a;font-weight:700;text-align:center} .ac-feat{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:9px} .ac-feat li{display:flex;gap:8px;font-size:13.5px;line-height:1.4}.ac-feat li .ac-ic{color:#16a34a;margin-top:1px}.ac-feat li.no{color:var(--faint)}.ac-feat li.no .ac-ic{color:var(--faint)} .ac-vat{text-align:center;color:var(--muted);font-size:13px;margin:8px 0 26px} .ac-faq{max-width:760px;margin:0 auto}.ac-faq h2{font-size:19px;text-align:center} .ac-faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}.ac-faq summary{font-weight:700;cursor:pointer}.ac-faq p{color:var(--muted);line-height:1.6;margin:8px 0 2px;font-size:14px}.ac-faq a{color:var(--brand)} .ac-confirm h3{margin:0 0 14px}.ac-cyc2{display:grid;gap:8px;margin:0 0 14px}.ac-cyc2 label{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:650;cursor:pointer} .ac-sum{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:14px}.ac-sum td{padding:7px 0;border-bottom:1px dashed var(--line)}.ac-sum td:last-child{text-align:right;font-variant-numeric:tabular-nums}.ac-sum tr.tot td{font-weight:850;font-size:16px;border-bottom:0} .ac-chk{display:flex;gap:8px;align-items:center;font-size:13.5px;margin:4px 0 10px;cursor:pointer} .ac-inv{display:grid;gap:8px;margin:0 0 12px}.ac-inv label{display:grid;gap:4px;font-size:12px;font-weight:650;color:var(--muted)} .ac-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 14px}.ac-box h2{font-size:16px;margin:0 0 12px}.ac-box h2 small{color:var(--muted);font-weight:600;font-size:12.5px} .ac-box.ok{text-align:center}.ac-box.ok h2{font-size:19px;margin:8px 0}.ac-box p{color:var(--muted);line-height:1.55} .ac-back{color:var(--muted);font-size:13px;text-decoration:none}.ac-back:hover{color:var(--brand)} .ac-pay{display:grid;grid-template-columns:280px 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin:0 0 14px} @media (max-width:720px){.ac-pay{grid-template-columns:1fr}} .ac-qr{text-align:center}.ac-qrimg{background:#fff;border-radius:12px;padding:8px;border:1px solid var(--line)}.ac-qrimg svg{display:block;width:100%;height:auto} .ac-qrnote{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5} .ac-info{display:flex;flex-direction:column;gap:8px} .ac-kv{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:7px 0}.ac-kv span{color:var(--muted);font-size:13px;min-width:150px}.ac-kv b{flex:1;font-size:15px;word-break:break-all} .ac-kv.big b{font-size:20px;color:var(--brand)}.ac-kv.memo b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;letter-spacing:.5px;background:#fff7d6;color:#7a5400;padding:2px 8px;border-radius:6px;flex:0 1 auto} .ac-copy{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;margin-left:auto}.ac-copy:hover{color:var(--brand);border-color:var(--brand)}.ac-copy.done{background:#16a34a;color:#fff;border-color:transparent} .ac-warn{font-size:12.5px;background:var(--panel-2);border-radius:9px;padding:9px 11px;color:var(--muted);line-height:1.5} .ac-wait{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5}.ac-wait .lx-spin{margin-top:2px;flex:none} .ac-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--panel-2);color:var(--muted);align-self:flex-start} .ac-st.w{background:#fff4dc;color:#a15c00}.ac-st.g{background:#dcfce7;color:#166534}.ac-st.r{background:#fee2e2;color:#991b1b} .ac-box.plan .ac-ph{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin:0 0 14px}.ac-box.plan small{color:var(--muted);font-weight:650;font-size:12px}.ac-pn{font-size:24px;font-weight:850} .ac-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px} .ac-use{background:var(--panel-2);border-radius:10px;padding:10px 12px}.ac-use>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}.ac-use span{color:var(--muted)}.ac-use small{color:var(--muted);font-weight:600} .ac-use i{display:block;height:6px;border-radius:9px;background:var(--line);margin-top:8px;overflow:hidden}.ac-use i em{display:block;height:100%;background:var(--brand);border-radius:9px}.ac-use.off b{color:var(--faint);font-weight:600} .ac-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.ac-tbl th,.ac-tbl td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.ac-tbl th{font-size:12px;color:var(--muted)}.ac-tbl .n{text-align:right} .ac-scroll{overflow-x:auto} .ac-inline{display:flex;gap:8px;margin-top:12px}.ac-inline input{flex:1} .ac-vat a{color:var(--brand)} .ac-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1100;background:var(--fg);color:var(--panel);padding:11px 16px;border-radius:10px;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px -10px rgba(0,0,0,.4);max-width:min(520px,calc(100% - 32px));transition:opacity .5s}.ac-toast.out{opacity:0} /* giới thiệu bạn bè */ .ac-refbanner{margin:14px auto 0;max-width:760px;padding:12px 16px;border-radius:12px;background:#fff7e6;border:1px solid #ffd591;color:#874d00;text-align:center;line-height:1.55} .ac-sum tr.ac-off td{color:#16a34a} .ac-reflink{display:flex;gap:8px;margin:10px 0 14px} .ac-reflink input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--fg);font:inherit} .ac-refstats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px} .ac-refstats>div{background:var(--panel-2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px} .ac-refstats span{font-size:12px;color:var(--muted)} .ac-refstats b{font-size:16px} .ac-refstats .hi b{color:#6052e6} .ac-h3{font-size:15px;margin:16px 0 8px} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ac-refbanner{background:#2b2210;border-color:#5c4210;color:#ffd591}} :root[data-theme=dark] .ac-refbanner{background:#2b2210;border-color:#5c4210;color:#ffd591} @media (max-width:640px){.ac-refstats{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-reflink{flex-direction:column}} /* tài khoản thử */ .ac-test{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border:1px dashed #d97706;border-radius:12px;background:rgba(217,119,6,.07)} .ac-test div{display:flex;flex-direction:column;gap:2px;max-width:520px} .ac-test b{color:#b45309;font-size:13.5px} .ac-test span{font-size:12.5px;color:var(--muted,#6b7585);line-height:1.5} /* ô mật khẩu có nút hiện/ẩn */ .ac-pw{position:relative;display:block} .ac-pw input{width:100%;padding-right:42px!important} .ac-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:none;color:var(--muted);border-radius:8px;display:grid;place-items:center;cursor:pointer} .ac-eye:hover{color:var(--fg);background:var(--panel-2)} .ac-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* xác minh email */ .ac-verify{text-align:center}.ac-verify h3{margin:12px 0 6px;font-size:19px}.ac-verify p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 16px}.ac-verify p b{color:var(--fg)} .ac-vic{width:58px;height:58px;margin:0 auto;border-radius:18px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.ac-vic .ac-ic{width:28px;height:28px} .ac-vform{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto} .ac-code{font:inherit;font-size:28px;font-weight:800;letter-spacing:12px;text-align:center;padding:12px 10px 12px 22px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--fg);font-variant-numeric:tabular-nums;width:100%;box-sizing:border-box} .ac-code:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)} .ac-vfoot{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:12px;font-size:12.5px;color:var(--muted)}.ac-vfoot .ac-link:disabled{color:var(--muted);text-decoration:none;cursor:default} .ac-vnote{margin-top:14px;font-size:12.5px;line-height:1.55;color:var(--muted);background:var(--panel-2);border-radius:10px;padding:10px 12px;text-align:left}.ac-vnote.over{color:#b45309;background:rgba(245,158,11,.12)}.ac-vnote b{color:inherit} .ac-vbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);background:var(--brand-soft);color:var(--fg);font-size:13.5px} .ac-vbar>.ac-ic{width:20px;height:20px;color:var(--brand);flex:none}.ac-vbar>span{flex:1;min-width:200px;line-height:1.45} .ac-vbar.over{border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.12)}.ac-vbar.over>.ac-ic{color:#d97706} .ac-vbar .ac-btn.sm{padding:7px 12px;font-size:13px} .ac-vx{border:0;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px} .ac-vbox{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-color:color-mix(in srgb,var(--brand) 35%,transparent)}.ac-vbox>div{flex:1;min-width:220px}.ac-vbox h2{margin:0 0 4px}.ac-vbox p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}.ac-vbox>.ac-ic{color:var(--brand);width:30px;height:30px} .ac-vbox.over{border-color:rgba(245,158,11,.5)}.ac-vbox.over>.ac-ic{color:#d97706} @media (max-width:640px){.ac-vbar{font-size:13px}.ac-vbar .ac-btn.sm{width:100%}} /* thưởng KPI giới thiệu + khuyến mãi hoa hồng */ .ac-kpi{position:relative;margin:4px 0 16px;padding:18px 18px 14px;border-radius:16px;background:linear-gradient(135deg,#fff1f6 0%,#f1efff 100%);border:1px solid #e7defd;overflow:hidden} .ac-kpi::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,95,143,.18),transparent 70%);pointer-events:none} .ac-promo{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:11px 14px;border-radius:12px;background:linear-gradient(90deg,#ff5f8f,#7d6ff2);color:#fff;box-shadow:0 6px 18px rgba(125,111,242,.28)} .ac-promo-fire{font-size:22px;line-height:1} .ac-promo b{display:block;font-size:15.5px;margin-bottom:2px} .ac-promo span{font-size:13px;opacity:.95;line-height:1.5} .ac-box>.ac-promo{margin-top:4px} .ac-kpi-h{display:flex;justify-content:space-between;gap:14px;align-items:flex-start} .ac-kpi-tag{display:inline-block;padding:3px 9px;border-radius:99px;background:#ff5f8f;color:#fff;font-size:11px;font-weight:800;letter-spacing:.8px} .ac-kpi h3{margin:8px 0 4px;font-size:19px;color:#2b2160} .ac-kpi-h p{margin:0;font-size:13.5px;color:#5c5778;line-height:1.5} .ac-kpi-now{flex:none;text-align:center;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid #e7defd;min-width:92px} .ac-kpi-now b{display:block;font-size:28px;line-height:1.1;color:#6052e6} .ac-kpi-now span{font-size:11.5px;color:#7a7596} .ac-kpi-track{position:relative;height:10px;margin:30px 40px 62px 16px;border-radius:99px;background:#e3dcfb} .ac-kpi-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#ff5f8f,#7d6ff2);transition:width .6s ease} .ac-kpi-node{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center} .ac-kpi-node i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid #cfc5f7;color:#6b62a8;font-style:normal;font-weight:800;font-size:13px} .ac-kpi-node.on i{background:linear-gradient(135deg,#ff5f8f,#7d6ff2);border-color:#fff;color:#fff;box-shadow:0 3px 10px rgba(125,111,242,.45)} .ac-kpi-node b{position:absolute;top:36px;white-space:nowrap;font-size:16px;color:#2b2160} .ac-kpi-node span{position:absolute;top:56px;white-space:nowrap;font-size:11.5px;color:#7a7596} .ac-kpi-node.on b{color:#e23d75} .ac-kpi-msg{font-size:14px;color:#2b2160;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.75)} .ac-kpi-msg b{color:#e23d75} .ac-kpi-fine{margin-top:8px;font-size:12px;color:#7a7596;line-height:1.5} .ac-flash{animation:acFlash 1.8s ease} @keyframes acFlash{0%,60%{box-shadow:0 0 0 3px rgba(255,95,143,.55)}100%{box-shadow:0 0 0 0 rgba(255,95,143,0)}} @media (max-width:640px){.ac-kpi{padding:14px 12px 12px}.ac-kpi-h{flex-direction:column}.ac-kpi-now{display:flex;align-items:baseline;gap:6px;padding:6px 12px}.ac-kpi-now b{font-size:22px}.ac-kpi-track{margin:22px 16px 18px 14px}.ac-kpi-node i{width:24px;height:24px;font-size:11px;border-width:2px}.ac-kpi-node b,.ac-kpi-node span{display:none}.ac-kpi-list{display:grid}} .ac-kpi-node.z i{width:18px;height:18px;font-size:10px;border-width:2px} .ac-kpi-list{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px} .ac-kpi-list>div{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid #e7defd;font-size:12.5px;color:#5c5778} .ac-kpi-list>div b{font-size:13.5px;color:#2b2160} .ac-kpi-list>div.on{background:linear-gradient(135deg,#ff5f8f,#7d6ff2);border-color:transparent;color:#fff}.ac-kpi-list>div.on b{color:#fff} .ac-kpi-i{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:4px;vertical-align:2px;border-radius:50%;border:1.5px solid #8f84e8;background:#fff;color:#6052e6;font:italic 800 12px/1 Georgia,serif;cursor:pointer;padding:0} .ac-kpi-i:hover{background:#6052e6;color:#fff} .ac-kpi-fine a{color:#6052e6;font-weight:700} .ac-kh{position:relative;margin:12px 0 4px;padding:14px 16px 6px;border-radius:12px;background:#fff;border:1px solid #e7defd;font-size:13.5px;line-height:1.55;color:#3b3560;z-index:1} .ac-kh h4{margin:0 0 6px;font-size:14.5px;color:#2b2160}.ac-kh ol{margin:0 0 12px;padding-left:20px}.ac-kh li{margin-bottom:7px} .ac-kh-x{position:absolute;right:8px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;font-size:20px;color:#7a7596;cursor:pointer}.ac-kh-x:hover{background:#f1efff} .ac-kh-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ac-kh-tiers span{padding:4px 10px;border-radius:99px;background:#f1efff;font-size:12.5px}.ac-kh-tiers i{font-style:normal;font-weight:800;color:#e23d75;margin-left:6px} .ac-refstats em{font-style:normal;font-size:11.5px;color:var(--muted)} .ac-kh[hidden]{display:none} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ac-kpi{background:linear-gradient(135deg,#2a1622 0%,#1d1a36 100%);border-color:#3a2f63}:root:not([data-theme=light]) .ac-kpi h3,:root:not([data-theme=light]) .ac-kpi-node b,:root:not([data-theme=light]) .ac-kpi-msg{color:#ece8ff}:root:not([data-theme=light]) .ac-kpi-h p,:root:not([data-theme=light]) .ac-kpi-fine,:root:not([data-theme=light]) .ac-kpi-node span,:root:not([data-theme=light]) .ac-kpi-now span{color:#a9a3c9}:root:not([data-theme=light]) .ac-kpi-now{background:#16142a;border-color:#3a2f63}:root:not([data-theme=light]) .ac-kpi-now b{color:#a99cff}:root:not([data-theme=light]) .ac-kpi-track{background:#332b58}:root:not([data-theme=light]) .ac-kpi-node i{background:#16142a;border-color:#4b3f80;color:#c9c1f5}:root:not([data-theme=light]) .ac-kpi-msg{background:rgba(0,0,0,.25)}:root:not([data-theme=light]) .ac-kpi-node.on b,:root:not([data-theme=light]) .ac-kpi-msg b{color:#ff7fa6}} :root[data-theme=dark] .ac-kpi{background:linear-gradient(135deg,#2a1622 0%,#1d1a36 100%);border-color:#3a2f63}:root[data-theme=dark] .ac-kpi h3,:root[data-theme=dark] .ac-kpi-node b,:root[data-theme=dark] .ac-kpi-msg{color:#ece8ff}:root[data-theme=dark] .ac-kpi-h p,:root[data-theme=dark] .ac-kpi-fine,:root[data-theme=dark] .ac-kpi-node span,:root[data-theme=dark] .ac-kpi-now span{color:#a9a3c9}:root[data-theme=dark] .ac-kpi-now{background:#16142a;border-color:#3a2f63}:root[data-theme=dark] .ac-kpi-now b{color:#a99cff}:root[data-theme=dark] .ac-kpi-track{background:#332b58}:root[data-theme=dark] .ac-kpi-node i{background:#16142a;border-color:#4b3f80;color:#c9c1f5}:root[data-theme=dark] .ac-kpi-msg{background:rgba(0,0,0,.25)}:root[data-theme=dark] .ac-kpi-node.on b,:root[data-theme=dark] .ac-kpi-msg b{color:#ff7fa6} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ac-kh{background:#16142a;border-color:#3a2f63;color:#cfc9ee}:root:not([data-theme=light]) .ac-kh h4{color:#ece8ff}:root:not([data-theme=light]) .ac-kh-tiers span,:root:not([data-theme=light]) .ac-kpi-list>div{background:#1f1b38;border-color:#3a2f63;color:#c9c1f5}:root:not([data-theme=light]) .ac-kpi-list>div b{color:#ece8ff}:root:not([data-theme=light]) .ac-kpi-i{background:#16142a;color:#a99cff}} :root[data-theme=dark] .ac-kh{background:#16142a;border-color:#3a2f63;color:#cfc9ee}:root[data-theme=dark] .ac-kh h4{color:#ece8ff}:root[data-theme=dark] .ac-kh-tiers span,:root[data-theme=dark] .ac-kpi-list>div{background:#1f1b38;border-color:#3a2f63;color:#c9c1f5}:root[data-theme=dark] .ac-kpi-list>div b{color:#ece8ff}:root[data-theme=dark] .ac-kpi-i{background:#16142a;color:#a99cff} @media (max-width:640px){.ac-kpi-list{display:grid}} .ac-wrap{min-width:0;width:100%}.ac-box{min-width:0} .ac-kpi-list>div span{white-space:nowrap;font-size:12px} .ac-upcred{margin-top:8px;padding:7px 10px;border-radius:9px;background:#e7f8ee;color:#166534;font-size:12.5px;line-height:1.45} /* viettik.css */ /* VietTik — bong bóng trợ lý (chat AI / tra cứu nhanh) */ .vt-primary{background:#7d6ff2!important;color:#fff!important;border-color:transparent!important} /* bong bóng */ .vt-fab{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;border:0;background:linear-gradient(135deg,#7d6ff2,#3fc1a5);color:#fff;box-shadow:0 8px 24px rgba(60,50,150,.3);cursor:pointer;display:grid;place-items:center;z-index:60;transition:transform .15s} .vt-fab:hover{transform:scale(1.06)} .vt-fab svg{width:26px;height:26px} .vt-fab.on{background:#2b2f45} .vt-panel{position:fixed;right:22px;bottom:88px;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 120px));display:none;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(20,20,60,.25);z-index:60;overflow:hidden} .vt-panel{color:var(--fg)} .vt-panel.open{display:flex} .vt-msg.bot{color:var(--fg)} .vt-msg.bot a{color:var(--brand)} .vt-ph b{color:var(--fg)} .vt-form textarea::placeholder{color:var(--muted)} .vt-ph{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)} .vt-ph b{display:block;font-size:14px} .vt-ph span{display:block;color:var(--muted);font-size:11.5px;line-height:1.3} .vt-ph div{flex:1;min-width:0} .vt-x{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:0 4px} .vt-msgs{flex:1;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-height:160px} .vt-msg{max-width:92%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.5;word-break:break-word} .vt-msg.bot{background:var(--panel-2);align-self:flex-start;border-bottom-left-radius:4px} .vt-msg.me{background:#7d6ff2;color:#fff;align-self:flex-end;border-bottom-right-radius:4px} .vt-msg a{color:#7d6ff2;font-weight:600;text-decoration:none} .vt-msg a:hover{text-decoration:underline} .vt-msg b{display:inline-block;margin-right:4px} .vt-sug{display:flex;gap:6px;flex-wrap:wrap;padding:6px 12px 2px;border-top:1px solid var(--line)} .vt-sug .lx-cat{font-size:12px;padding:4px 10px} .vt-form{display:flex;gap:8px;padding:10px 12px 12px} .vt-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;background:var(--panel);color:var(--fg)} @media (max-width:760px){.vt-fab{right:14px;bottom:14px;width:48px;height:48px}.vt-panel{right:8px;left:8px;width:auto;bottom:70px}} .vt-form button{padding:0 14px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer} .vt-msg.ai{white-space:normal}.vt-msg.ai ul{margin:4px 0 4px 18px}.vt-msg.ai li{margin:2px 0}.vt-msg.ai b{display:inline;margin:0} .vt-left{font-size:11px;color:var(--muted);padding:0 14px 8px} .vt-form textarea{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;background:var(--panel);color:var(--fg);resize:none;height:40px;max-height:120px}/* ghi chú giải thích (help.js) */ .vt-help{background:var(--brand-soft);border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin:0 0 12px;font-size:13.5px;color:var(--fg);line-height:1.55} .vt-help summary{cursor:pointer;font-weight:600;color:var(--brand);list-style:none;user-select:none} .vt-help summary::-webkit-details-marker{display:none} .vt-help summary::after{content:" ▾";font-size:11px} .vt-help[open] summary::after{content:" ▴"} .vt-help p{margin:6px 0 2px} .vt-help ul{margin:4px 0 2px;padding-left:20px} .vt-help li{margin:2px 0} .vt-i{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin:0 4px;border-radius:50%;font-size:12px;font-weight:400;color:var(--muted);cursor:help;vertical-align:middle;outline:none} .vt-i:hover,.vt-i:focus{color:var(--brand)} .vt-i:hover::after,.vt-i:focus::after{content:attr(data-tip);position:absolute;left:50%;top:22px;transform:translateX(-30%);z-index:50;width:max-content;max-width:300px;white-space:normal;background:#1d2433;color:#fff;font-size:12.5px;line-height:1.5;font-weight:400;padding:8px 10px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.18);text-align:left;letter-spacing:0} @media (max-width:640px){.vt-i:hover::after,.vt-i:focus::after{max-width:230px;transform:translateX(-60%)}} /* ngành hàng dạng xổ xuống (help.js) */ .lx-row.lx-dd{align-items:center} .lx-ddwrap{position:relative;flex:0 1 auto;min-width:0} .lx-ddbtn{display:inline-flex;align-items:center;gap:8px;max-width:360px;min-width:180px;justify-content:space-between;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 12px;font:inherit;font-size:13.5px;color:inherit;cursor:pointer} .lx-ddbtn:hover,.lx-dd.open .lx-ddbtn{border-color:var(--brand)} .lx-ddval{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lx-dd .lx-ddpanel{display:none!important} .lx-dd.open .lx-ddpanel{display:flex!important;flex-wrap:wrap;gap:4px;position:absolute;left:0;top:calc(100% + 6px);z-index:60;width:min(640px,calc(100vw - 48px));max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(20,30,60,.16);padding:10px} .lx-dd.open .lx-ddpanel .lx-cat{margin:0} /* biểu đồ nhỏ dùng chung (spark.js) */ .vt-spark{cursor:pointer;overflow:visible} .vt-tip{position:fixed;z-index:9999;min-width:190px;max-width:300px;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(20,30,60,.16);padding:10px 12px;font-size:12.5px;line-height:1.5;pointer-events:none} .vt-tip[hidden]{display:none} .vt-ttl{font-weight:600;color:var(--muted);margin-bottom:4px} .vt-trow{display:flex;justify-content:space-between;gap:14px} .vt-trow b{font-weight:600;text-align:right} .vt-tmuted{color:var(--faint);font-weight:400} .vt-tlump,.vt-tspike{font-size:11px;font-weight:500;border-radius:5px;padding:0 4px;margin-left:4px} .vt-tlump{color:var(--muted);background:var(--panel-2)} .vt-tspike{color:var(--warn);background:var(--warn-soft)} .vt-tsub{color:var(--muted);font-size:11.5px;margin:0 0 2px 6px} .vt-tnote{margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);color:var(--muted);font-size:11.5px} .lx-dayseg{margin-right:8px} .lx-dayseg button{white-space:nowrap} @media (max-width:760px){.lx-dayseg{order:5;width:100%;overflow-x:auto;margin:6px 0 0}} /* bong bóng: thẻ Trợ lý / Góp ý */ .vt-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--line);background:var(--panel)} .vt-tabs button{position:relative;border:0;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;padding:8px 12px;border-bottom:2px solid transparent;cursor:pointer} .vt-tabs button.on{color:var(--fg);border-bottom-color:#7d6ff2} .vt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;margin-left:6px;vertical-align:middle} .vt-dot[hidden]{display:none} .vt-pane{display:flex;flex-direction:column;flex:1;min-height:0} .vt-pane[hidden]{display:none} .vt-msg.vt-staff{border:1px solid var(--line)} .vt-staffn{display:block;font-size:11.5px;color:#7d6ff2;margin-bottom:2px} .vt-time{display:block;font-size:10.5px;opacity:.65;margin-top:4px} .vt-fblogin{padding:10px 12px 14px;display:flex;justify-content:center} .vt-fblogin .dx-btn{height:38px;padding:0 16px} .vt-fab.dot::after{content:'';position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#ef4444;border:2px solid #fff} .vt-fab{position:fixed} /* popup mời góp ý */ .vt-pop{position:fixed;right:22px;bottom:88px;width:min(330px,calc(100vw - 32px));background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(20,20,60,.28);padding:16px 16px 14px;z-index:61;opacity:0;transform:translateY(12px);transition:opacity .22s,transform .22s} .vt-pop.show{opacity:1;transform:none} .vt-pop-x{position:absolute;top:6px;right:8px;border:0;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:4px} .vt-pop-h{font-weight:700;font-size:15px;margin:0 22px 6px 0} .vt-pop p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.5} .vt-pop-rate{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px} .vt-pop-rate button{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid var(--line);background:none;color:var(--fg);border-radius:10px;padding:8px 4px;font:inherit;font-size:12px;cursor:pointer} .vt-pop-rate button span{font-size:20px} .vt-pop-rate button:hover{border-color:#7d6ff2;background:rgba(125,111,242,.08)} .vt-pop-act{display:flex;gap:8px;align-items:center} .vt-pop-act .dx-btn{flex:1;height:36px} .vt-pop-later{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:8px 10px} @media (max-width:760px){.vt-pop{right:8px;left:8px;width:auto;bottom:70px}} /* bong bóng gợi ý câu hỏi cạnh nút trợ lý */ .vt-aitip{position:fixed;right:84px;bottom:22px;width:min(320px,calc(100vw - 110px));background:#fff;color:#1f2430;border:1px solid #f1d7e6;border-radius:16px;box-shadow:0 12px 34px rgba(125,111,242,.22);padding:10px 14px 12px;z-index:59;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s} .vt-aitip.show{opacity:1;transform:none} .vt-aitip::after{content:'';position:absolute;right:-7px;bottom:22px;width:12px;height:12px;background:#fff;border-right:1px solid #f1d7e6;border-bottom:1px solid #f1d7e6;transform:rotate(-45deg)} .vt-tip-x{position:absolute;left:-10px;top:-10px;width:24px;height:24px;border-radius:50%;border:1px solid #e6e8ef;background:#fff;color:#8a90a0;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08)} .vt-tip-h{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a5060;margin-bottom:6px} .vt-tip-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15)} .vt-tip-sp{color:#d6336c;font-size:12px} .vt-tip-go{margin-left:auto;border:1px solid #f3c6dc;background:#fdf1f7;color:#c2255c;border-radius:999px;padding:3px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer} .vt-tip-q{display:block;width:100%;text-align:left;border:0;background:none;padding:0;font:inherit;font-size:15px;font-weight:500;line-height:1.45;color:#1f2430;cursor:pointer;opacity:0;transition:opacity .15s} .vt-tip-q.in{opacity:1} .vt-tip-q:hover{color:#6052e6} @media (max-width:760px){.vt-aitip{right:70px;bottom:12px;width:calc(100vw - 90px)}} @media (prefers-color-scheme:dark){.vt-aitip,.vt-aitip::after,.vt-tip-x{background:#232736;color:#e7e9f0;border-color:#3a3f52}.vt-tip-q{color:#e7e9f0}.vt-tip-h{color:#b8bdcc}} /* thanh Góp ý dựng đứng ở mép phải màn hình (máy tính) */ .vt-side{display:none} @media (min-width:900px){ .vt-side{display:flex;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:61;flex-direction:column;align-items:center;gap:12px;padding:22px 12px 22px 13px;border:0;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#ff5f8f 0%,#7d6ff2 100%);color:#fff;font:inherit;font-size:16.5px;font-weight:800;letter-spacing:1.5px;cursor:pointer;box-shadow:-4px 6px 22px rgba(125,111,242,.45);transition:right .25s ease,padding .2s ease;animation:vtSidePulse 3.2s ease-in-out infinite} .vt-side span{writing-mode:vertical-rl;text-orientation:mixed;line-height:1} .vt-side svg{width:20px;height:20px;flex:none} .vt-side:hover{padding-right:18px} .vt-side.on{right:400px;animation:none} .vt-side-dot{position:absolute;top:6px;left:6px;width:10px;height:10px;border-radius:50%;background:#ffd23f;border:2px solid #fff} .vt-side-dot[hidden]{display:none} .vt-panel.side{right:0;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:400px;height:min(580px,calc(100vh - 80px));max-height:none;border-radius:16px 0 0 16px;border-right:0;z-index:62} .vt-panel.side.open{animation:vtSideIn .26s ease-out} .vt-panel.side .vt-tabs{display:none} } @keyframes vtSideIn{from{transform:translate(100%,-50%);opacity:.4}to{transform:translate(0,-50%);opacity:1}} @keyframes vtSidePulse{0%,100%{box-shadow:-4px 6px 22px rgba(125,111,242,.45)}50%{box-shadow:-4px 6px 30px rgba(255,95,143,.8)}} @media (prefers-reduced-motion:reduce){.vt-side,.vt-panel.side.open{animation:none}} /* popup giới thiệu 4 công cụ miễn phí (khách mới) */ .vt-fee{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(12,10,30,.58);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease} .vt-fee.show{opacity:1} .vt-tp{position:relative;width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:22px;background:var(--panel,#fff);color:var(--fg,#1d2433);box-shadow:0 30px 80px rgba(10,8,40,.45);transform:translateY(14px) scale(.98);transition:transform .25s ease} .vt-fee.show .vt-tp{transform:none} .vt-tp-x{position:absolute;top:12px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:21px;line-height:1;cursor:pointer} .vt-tp-x:hover{background:rgba(255,255,255,.28)} .vt-tp-head{position:relative;overflow:hidden;padding:30px 30px 26px;color:#eef0ff;background:radial-gradient(120% 140% at 100% 0,rgba(255,95,143,.45) 0,rgba(255,95,143,0) 45%),linear-gradient(135deg,#141834,#262b6b 55%,#6052e6)} .vt-tp-head::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent 35%,#000);pointer-events:none} .vt-tp-badge{display:inline-block;background:#ffd23f;color:#3b2a00;font-weight:900;font-size:11.5px;letter-spacing:1px;padding:5px 11px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.25)} .vt-tp-head h3{position:relative;z-index:1;margin:14px 0 8px;font-size:26px;line-height:1.25;letter-spacing:-.02em;color:#fff;max-width:620px;text-wrap:balance} .vt-tp-head h3 em{font-style:normal;background:linear-gradient(90deg,#ffd23f,#ff9eb8);-webkit-background-clip:text;background-clip:text;color:transparent} .vt-tp-head p{position:relative;z-index:1;margin:0;color:#c9cdee;font-size:14px}.vt-tp-head p b{color:#fff} .vt-tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 22px 6px} .vt-tp{width:min(820px,100%)} @media (max-width:860px){.vt-tp-grid{grid-template-columns:1fr 1fr}} .vt-tp-card{position:relative;display:flex;align-items:flex-start;gap:12px;text-align:left;font:inherit;color:inherit;background:var(--panel,#fff);border:1px solid var(--line,#e5e7eb);border-radius:16px;padding:14px 14px 14px 14px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s} .vt-tp-card:hover,.vt-tp-card:focus-visible{border-color:#6d5dfc;transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(109,93,252,.8);outline:0} .vt-tp-card.hot{border-color:rgba(109,93,252,.55);background:linear-gradient(135deg,rgba(109,93,252,.1),rgba(109,93,252,.02))} .vt-tp-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;box-shadow:0 8px 18px -10px rgba(109,93,252,.9)} .vt-tp-card[data-tp=fees] .vt-tp-ic{background:linear-gradient(135deg,#0ea5e9,#3b82f6)} .vt-tp-card[data-tp=income] .vt-tp-ic{background:linear-gradient(135deg,#16a34a,#22c55e)} .vt-tp-card[data-tp=words] .vt-tp-ic{background:linear-gradient(135deg,#f97316,#ef4444)} .vt-tp-card[data-tp=price] .vt-tp-ic{background:linear-gradient(135deg,#db2777,#f472b6)} .vt-tp-card[data-tp=roas] .vt-tp-ic{background:linear-gradient(135deg,#d97706,#f59e0b)} .vt-tp-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .vt-tp-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1} .vt-tp-txt>b{font-size:15px;font-weight:750} .vt-tp-txt small{font-size:13px;line-height:1.45;color:var(--muted,#6b7585)} .vt-tp-txt small b{color:var(--fg,#1d2433);font-weight:700;background:linear-gradient(transparent 62%,rgba(255,210,63,.55) 0)} .vt-tp-txt i{align-self:flex-start;margin-top:5px;font-style:normal;font-size:11px;font-weight:700;color:#6d5dfc;background:rgba(109,93,252,.1);border-radius:999px;padding:3px 9px} .vt-tp-go{position:absolute;right:14px;top:14px;font-size:16px;font-weight:700;color:#6d5dfc;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s} .vt-tp-card:hover .vt-tp-go{opacity:1;transform:none} .vt-tp-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px 20px;font-size:12.5px;color:var(--muted,#6b7585)} .vt-tp-foot>div{display:flex;align-items:center;gap:6px;margin-left:auto} .vt-tp-foot .vt-primary{padding:11px 20px;font-size:14.5px;font-weight:700;border:0;border-radius:11px;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;cursor:pointer;box-shadow:0 10px 22px -12px rgba(109,93,252,.9);transition:transform .15s}.vt-tp-foot .vt-primary:hover{transform:translateY(-1px)} .vt-tp-chip{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#6d5dfc;border:1px solid rgba(109,93,252,.5);border-radius:999px;padding:2px 4px 2px 9px;white-space:nowrap} .vt-tp-chip em{font-style:normal;font-size:9.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:999px;padding:2px 6px} .vt-fee-later{border:0;background:none;color:var(--muted,#6b7585);font:inherit;cursor:pointer;padding:10px} @media (max-width:640px){.vt-tp-head{padding:22px 18px 18px}.vt-tp-head h3{font-size:21px;margin-top:12px}.vt-tp-head p{font-size:13px}.vt-tp-grid{grid-template-columns:1fr;gap:8px;padding:14px 14px 4px}.vt-tp-card{padding:11px 34px 11px 12px;align-items:center}.vt-tp-ic{width:38px;height:38px}.vt-tp-txt i{display:none}.vt-tp-go{opacity:1;transform:none;top:50%;margin-top:-11px}.vt-tp-foot{padding:10px 14px 16px}.vt-tp-foot>span{display:none}.vt-tp-foot>div{width:100%}.vt-tp-foot .vt-primary{flex:1}} @media (prefers-reduced-motion:reduce){.vt-fee,.vt-tp,.vt-tp-card{transition:none}} /* popup khuyến mãi giới thiệu (hiện trước popup 6 công cụ) */ .vt-tp.vt-pp{width:min(560px,100%)} .vt-pp-head{background:radial-gradient(120% 140% at 100% 0,rgba(255,210,63,.35) 0,rgba(255,210,63,0) 45%),linear-gradient(135deg,#3a0f2a,#7a1d4f 45%,#ff5f8f)} .vt-pp-head h3{font-size:27px} .vt-pp-head h3 em{background-image:linear-gradient(90deg,#ffd23f,#fff3b0)} .vt-pp-body{padding:18px 22px 4px;display:flex;flex-direction:column;gap:14px} .vt-pp-what{font-size:14px;line-height:1.6;color:var(--fg,#1d2433)} .vt-pp-what b{color:#6052e6} .vt-pp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px} .vt-pp-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--panel-2,#f6f7fb);border:1px solid var(--line,#e6e8f0)} .vt-pp-ic{font-size:20px} .vt-pp-card b{font-size:16px} .vt-pp-card small{font-size:12.5px;color:var(--muted,#6b7585)} .vt-pp-kpi{border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#fff1f6,#f1efff);border:1px solid #e7defd} .vt-pp-kh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px} .vt-pp-kh span{font-size:12px;font-weight:900;letter-spacing:.8px;color:#e23d75} .vt-pp-kh small{font-size:12px;color:#7a7596} .vt-pp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px} .vt-pp-steps div{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:12px;background:#fff;box-shadow:0 4px 14px -8px rgba(125,111,242,.5)} .vt-pp-steps b{font-size:19px;color:#2b2160} .vt-pp-steps span{font-size:12px;color:#7a7596} .vt-pp-steps div:last-child{background:linear-gradient(135deg,#ff5f8f,#7d6ff2)} .vt-pp-steps div:last-child b,.vt-pp-steps div:last-child span{color:#fff} @media (max-width:640px){.vt-pp-head h3{font-size:22px}.vt-pp-body{padding:14px 14px 2px}.vt-pp-steps b{font-size:16px}} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vt-pp-kpi{background:linear-gradient(135deg,#2a1622,#1d1a36);border-color:#3a2f63}:root:not([data-theme=light]) .vt-pp-steps div:not(:last-child){background:#16142a}:root:not([data-theme=light]) .vt-pp-steps div:not(:last-child) b{color:#ece8ff}:root:not([data-theme=light]) .vt-pp-what b{color:#a99cff}} :root[data-theme=dark] .vt-pp-kpi{background:linear-gradient(135deg,#2a1622,#1d1a36);border-color:#3a2f63}:root[data-theme=dark] .vt-pp-steps div:not(:last-child){background:#16142a}:root[data-theme=dark] .vt-pp-steps div:not(:last-child) b{color:#ece8ff}:root[data-theme=dark] .vt-pp-what b{color:#a99cff} /* thanh "Giới thiệu" mép phải, phía trên "Góp ý" (chỉ máy tính) */ .vt-sref,.vt-rfly{display:none} @media (min-width:900px){ .vt-sref{display:flex;position:fixed;right:0;top:calc(50% - 100px);transform:translateY(-100%);z-index:61;flex-direction:column;align-items:center;gap:10px;padding:16px 11px 14px 12px;border:0;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#ffb020 0%,#ff5f8f 100%);color:#fff;font:inherit;font-size:15px;font-weight:800;letter-spacing:1.2px;cursor:pointer;box-shadow:-4px 6px 20px rgba(255,95,143,.4);transition:padding .2s ease,opacity .2s} .vt-sref span{writing-mode:vertical-rl;text-orientation:mixed;line-height:1} .vt-sref svg{width:19px;height:19px;flex:none} .vt-sref em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:0;padding:3px 5px;border-radius:7px;background:#fff;color:#e23d75} .vt-sref:hover,.vt-sref.on{padding-right:16px} .vt-sref.off{opacity:0;pointer-events:none} .vt-rfly{display:block;position:fixed;right:58px;top:80px;z-index:62;width:300px;padding:16px 16px 14px;border-radius:16px;background:var(--panel,#fff);color:var(--fg,#1d2433);border:1px solid var(--line,#e6e8f0);box-shadow:0 20px 50px -12px rgba(20,16,60,.35);animation:vtRfly .18s ease} @keyframes vtRfly{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}} .vt-rfly-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted,#6b7585);font-size:19px;cursor:pointer} .vt-rfly-x:hover{background:var(--panel-2,#f2f3f8)} .vt-rfly-t{display:block;font-size:16px;margin-bottom:6px} .vt-rfly p{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:var(--fg,#1d2433)} .vt-rfly p b{color:#e23d75} .vt-rfly-pm{display:inline-block;padding:1px 7px;border-radius:99px;background:#fff1f6;color:#e23d75;font-size:12px;font-weight:700} .vt-rfly-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:5px;margin-bottom:12px} .vt-rfly-kpi span{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border-radius:10px;background:var(--panel-2,#f6f7fb);font-size:11px;color:var(--muted,#6b7585);text-align:center} .vt-rfly-kpi b{font-size:13.5px;color:var(--fg,#1d2433);white-space:nowrap} .vt-rfly-link{display:flex;gap:6px;margin-bottom:10px} .vt-rfly-link[hidden]{display:none} .vt-rfly-link input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line,#e6e8f0);border-radius:9px;background:var(--panel-2,#f6f7fb);color:var(--fg,#1d2433);font:inherit;font-size:12.5px} .vt-rfly-copy{flex:none;padding:8px 12px;border:0;border-radius:9px;background:#2b2160;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer} .vt-rfly-copy:disabled{opacity:.5;cursor:default} .vt-rfly-act .vt-primary{width:100%;padding:10px 14px;border:0;border-radius:11px;font:inherit;font-weight:700;cursor:pointer} .vt-rfly-msg{display:block;margin-top:8px;font-size:12px;color:var(--muted,#6b7585)} .vt-rfly-msg:empty{display:none} } @media (prefers-reduced-motion:reduce){.vt-rfly{animation:none}} @media (min-width:900px){.vt-rfly-kh{display:block;margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.4px;color:#e23d75}} /* Trợ lý AI: các bước đang tra cứu + thẻ dẫn chứng */ .vt-msg.ai{max-width:100%;width:100%} .vt-msg.ai.pending{min-width:220px} .vt-think{color:var(--muted)} .vt-steps{margin:0 0 6px;font-size:12.5px;color:var(--muted)} .vt-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px} .vt-steps li{display:flex;gap:8px;align-items:flex-start;line-height:1.4} .vt-steps li.tool{color:var(--fg);font-weight:600} .vt-st-ic{flex:none;width:14px;height:14px;margin-top:2px;border-radius:50%;border:2px solid #7d6ff2;box-sizing:border-box} .vt-steps li.run .vt-st-ic{border-color:#7d6ff2 #7d6ff2 transparent transparent;animation:vtspin .8s linear infinite} .vt-steps li.ok .vt-st-ic{background:#7d6ff2;border-color:#7d6ff2;position:relative} .vt-steps li.ok .vt-st-ic::after{content:"";position:absolute;left:3px;top:0;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} @keyframes vtspin{to{transform:rotate(360deg)}} .vt-steps.done{margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed var(--line)} .vt-steps.done summary{cursor:pointer;font-weight:600;color:#6052e6;list-style:none} .vt-steps.done summary::before{content:"✓ ";} .vt-steps.done ol{margin-top:6px} .vt-acs{margin-top:10px;display:flex;flex-direction:column;gap:6px} .vt-acs-h{font-size:11.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--muted)} .vt-ac{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--fg)!important;text-decoration:none} .vt-ac:hover{border-color:#7d6ff2} .vt-ac-img{flex:none;width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--panel-2)} .vt-ac-img.round{border-radius:50%} .vt-ac-img img{width:100%;height:100%;object-fit:cover;display:block} .vt-ac-b{min-width:0;display:flex;flex-direction:column;gap:4px} .vt-ac-b>b{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .vt-ac-st{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;font-weight:700} .vt-ac-st i{font-style:normal;font-weight:500;color:var(--muted);margin-right:3px} .vt-ac-tr{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)} .vt-ac-sp{width:64px;height:20px}.vt-ac-sp polyline{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round} .vt-ac-sp.up polyline{stroke:#16a34a}.vt-ac-sp.dn polyline{stroke:#e5484d} /* góp ý: ảnh/video đính kèm */ .vt-form .vt-fbclip{flex:0 0 auto;width:38px;height:40px;padding:0;display:grid;place-items:center;color:var(--muted);background:var(--panel)} .vt-form .vt-fbclip:hover{color:var(--brand,#7d6ff2);border-color:var(--brand,#7d6ff2)} .vt-fbhint{padding:0 12px 10px;font-size:11.5px;color:var(--muted);line-height:1.45} .vt-fbpend{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px 0} .vt-fbpi{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2)} .vt-fbpi img,.vt-fbpi video{width:100%;height:100%;object-fit:cover;display:block} .vt-fbpi.up img,.vt-fbpi.up video{opacity:.45} .vt-fbpi button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;padding:0;background:rgba(0,0,0,.65);color:#fff;font-size:14px;line-height:20px;cursor:pointer} .vt-fbvi{position:absolute;left:5px;bottom:4px;font-style:normal;font-size:11px;color:#fff;text-shadow:0 1px 3px #000} .vt-fbspin{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.35);border-top-color:#7d6ff2;border-radius:50%;animation:vtFbSpin .8s linear infinite} @keyframes vtFbSpin{to{transform:rotate(360deg)}} .vt-fbatt{display:flex;flex-direction:column;gap:6px;margin-top:6px} .vt-fbatt img,.vt-fbatt video{display:block;max-width:100%;max-height:240px;border-radius:8px;background:#000} .vt-fbatt img{background:transparent;cursor:zoom-in} .vt-fbgone{display:inline-block;font-size:12px;opacity:.75;font-style:italic} [data-pane="fb"].vt-fbdrop{outline:2px dashed #7d6ff2;outline-offset:-6px} /* growth.css */ /* Hôm nay bán gì · Ngành hàng · So sánh · Đang theo dõi · Hướng dẫn · Tiện ích Chrome (dùng chung .dx-* qua #v-grow) */ #v-grow{padding-bottom:48px} #v-grow .vg-head{padding:20px 22px} #v-grow .vg-h1{margin:0;font-size:22px;line-height:1.3;letter-spacing:-.01em} #v-grow .vg-sub{margin:6px 0 0;line-height:1.6;max-width:880px} #v-grow .vg-small{font-size:12px} #v-grow .vg-note{margin:4px 2px 0} #v-grow .vg-primary{background:var(--dx-primary);color:#fff;border-color:var(--dx-primary)} #v-grow .vg-primary:hover{background:var(--dx-primary-2)} #v-grow a{color:inherit} #v-grow .vg-filters{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;padding:14px 20px} #v-grow .vg-f{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dx-muted)} #v-grow .vg-f select{min-width:180px;padding:6px 10px;border:1px solid var(--dx-border);border-radius:8px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:13px} #v-grow .vg-rising{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 2px 16px;font-size:13px} #v-grow .vg-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--dx-border);border-radius:999px;background:var(--dx-card);text-decoration:none;font-size:12.5px} #v-grow .vg-chip.up b{color:#16a34a} #v-grow .vg-chip button{border:0;background:none;cursor:pointer;color:var(--dx-muted);font-size:15px;line-height:1;padding:0} #v-grow .vg-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px} #v-grow .vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px} #v-grow .vg-card{display:flex;flex-direction:column;gap:12px;margin:0} #v-grow .vg-ctop{display:flex;gap:12px} #v-grow .vg-ctop img{width:72px;height:72px;border-radius:10px;object-fit:cover;flex:none;background:var(--dx-strip)} #v-grow .vg-cmain{min-width:0;flex:1} #v-grow .vg-name{font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none} #v-grow .vg-name:hover{color:var(--dx-primary)} #v-grow .vg-badges{display:flex;gap:6px;margin-top:6px} #v-grow .vg-badge{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:6px} #v-grow .vg-badge.hot{background:#fff1f0;color:#d93025} #v-grow .vg-badge.new{background:#e9f8ef;color:#15803d} #v-grow .vg-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--dx-strip);border-radius:10px;padding:10px 12px} #v-grow .vg-kpis div{display:flex;flex-direction:column;gap:2px;min-width:0} #v-grow .vg-kpis span{font-size:11.5px;color:var(--dx-muted)} #v-grow .vg-kpis b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vg-spark{min-height:30px} #v-grow .vg-why{margin:0;padding-left:18px;line-height:1.55;font-size:13px} #v-grow .vg-why li::marker{color:var(--dx-primary)} #v-grow .vg-acts,.vg-modal .vg-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto} #v-grow .vg-acts .dx-btn{font-size:12.5px;padding:5px 11px} #v-grow a.dx-btn{text-decoration:none} .dx-btn.vg-star.on,.dx-btn.vg-cmp.on{background:var(--dx-soft,#efedff)} #v-grow .vg-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0} #v-grow table.vg-table{min-width:760px} #v-grow .vg-table th button{border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:0;font-weight:600} #v-grow .vg-table th.on button{color:var(--dx-primary)} #v-grow .vg-g.up{color:#16a34a;font-weight:600} #v-grow .vg-g.down{color:#e5484d;font-weight:600} #v-grow .vg-catlink{font-weight:600;text-align:left} #v-grow .vg-opp{display:inline-block;min-width:56px;padding:2px 8px;border-radius:6px;background:linear-gradient(90deg,var(--dx-soft,#efedff) var(--w),transparent var(--w));font-weight:600} #v-grow .vg-kinds{margin-bottom:12px;flex-wrap:wrap} #v-grow .vg-adder{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12.5px} #v-grow .vg-adder select{padding:6px 10px;border:1px solid var(--dx-border);border-radius:8px;background:var(--dx-card);color:var(--dx-text);font:inherit;max-width:100%} #v-grow table.vg-cmpt{min-width:560px;width:100%} #v-grow table.vg-cmpt td,#v-grow table.vg-cmpt th{text-align:left} #v-grow .vg-cmpt th{vertical-align:top;min-width:180px} #v-grow .vg-cmpt td:first-child{white-space:nowrap} #v-grow .vg-cmph{display:flex;align-items:flex-start;gap:8px;font-weight:600;line-height:1.35} #v-grow .vg-cmph img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none} #v-grow .vg-cmph a{text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #v-grow .vg-sw{width:10px;height:10px;border-radius:3px;flex:none;margin-top:4px} #v-grow .vg-x{margin-left:auto;border:0;background:none;color:var(--dx-muted);font-size:17px;cursor:pointer;line-height:1} #v-grow td.vg-best{background:#e9f8ef;color:#15803d;font-weight:700} #v-grow .vg-chart{width:100%;height:auto;max-height:260px} #v-grow .vg-gl{stroke:var(--dx-border);stroke-width:1} #v-grow .vg-gt{fill:var(--dx-muted);font-size:11px} #v-grow .vg-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;margin-top:8px} #v-grow .vg-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle} #v-grow .vg-wtabs{padding:6px 14px} #v-grow .vg-wtabs .lx-tabs{margin:0;flex-wrap:wrap} #v-grow .vg-wset{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:12px 20px} #v-grow .vg-switch{display:inline-flex;gap:8px;align-items:center;cursor:pointer} #v-grow .vg-item{display:flex;gap:10px;align-items:center;min-width:220px} #v-grow .vg-item img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none} #v-grow .vg-item a{font-weight:600;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #v-grow .vg-rowacts{white-space:nowrap} #v-grow .vg-rowacts .lx-link{margin-left:10px} #v-grow .vg-del{color:#e5484d} #v-grow .vg-kind{font-size:11px;padding:1px 6px;border-radius:5px;background:var(--dx-strip);color:var(--dx-muted)} #v-grow .vg-cta{text-align:center;padding:26px 20px} #v-grow .vg-cta p{margin:8px auto 14px;max-width:560px;line-height:1.6} #v-grow .vg-notifs{list-style:none;margin:0;padding:0} #v-grow .vg-notifs li{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid var(--dx-border);line-height:1.5} #v-grow .vg-notifs li.unread{background:var(--dx-soft-2,#f6f5ff);border-radius:8px;padding-left:10px} #v-grow .vg-notifs a{text-decoration:none} #v-grow .vg-ntype{font-size:20px;line-height:1.2} #v-grow .vg-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px} #v-grow .vg-step{display:flex;gap:14px;margin:0} #v-grow .vg-step ul{margin:6px 0 0;padding-left:18px;line-height:1.65} #v-grow .vg-step a{color:var(--dx-primary);font-weight:600;text-decoration:none} #v-grow .vg-num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--dx-primary);color:#fff;display:grid;place-items:center;font-weight:700} #v-grow .vg-community{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:16px} #v-grow .vg-community p{margin:4px 0 0} #v-grow .vg-faq{border-bottom:1px solid var(--dx-border);padding:10px 0} #v-grow .vg-faq summary{cursor:pointer;font-weight:600} #v-grow .vg-faq p{margin:8px 0 2px;line-height:1.65;color:var(--dx-muted)} #v-grow .vg-ol{line-height:2;padding-left:20px} #v-grow .vg-ol code,#v-grow .vg-token code{background:var(--dx-strip);padding:2px 6px;border-radius:5px;font-size:12.5px} #v-grow .vg-token{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0} #v-grow .vg-token code{font-size:14px;word-break:break-all;padding:8px 10px} /* Tính lời (trang chi tiết sản phẩm) */ .vg-calc .vg-calcrow{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end} .vg-calc label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dx-muted)} .vg-calc input{width:170px;padding:7px 10px;border:1px solid var(--dx-border);border-radius:8px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:14px} .vg-calc .vg-calcin{font-size:12.5px;line-height:1.7} .vg-calc .vg-calcout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px} .vg-calc .vg-calcout>div{background:var(--dx-strip);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px} .vg-calc .vg-calcout span{font-size:12px;color:var(--dx-muted)} .vg-calc .vg-calcout b{font-size:17px} .vg-calc .vg-calcout .hi{background:var(--dx-soft,#efedff)} .vg-calc .vg-calcout .hi b{color:var(--dx-primary)} /* chuông, khay so sánh, hộp thoại */ .vg-bell{position:relative;width:36px;height:36px;border:0;background:transparent;border-radius:9px;cursor:pointer;color:var(--fg);display:inline-grid;place-items:center;flex:none} .vg-bell:hover{background:var(--panel-2)} .vg-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .vg-dot{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center} .vg-tray{position:fixed;right:84px;bottom:28px;z-index:60;border:0;border-radius:999px;background:#6052e6;color:#fff;padding:10px 16px;font:inherit;font-size:13.5px;font-weight:600;box-shadow:0 6px 20px rgba(60,40,180,.35);cursor:pointer} .vg-tray b{display:inline-block;min-width:20px;margin-left:4px;padding:0 6px;border-radius:10px;background:#fff;color:#6052e6} .vg-modal{position:fixed;inset:0;z-index:1200;background:rgba(15,20,30,.5);display:grid;place-items:center;padding:16px} .vg-mbox{position:relative;width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);color:var(--fg);border-radius:14px;padding:22px 24px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-size:13.5px} .vg-mbox h3{margin:0 30px 6px 0;font-size:18px} .vg-mbox p{line-height:1.6} .vg-mx{position:absolute;top:10px;right:12px;border:0;background:none;font-size:24px;cursor:pointer;color:var(--muted);line-height:1} .vg-form{display:flex;flex-direction:column;gap:12px;margin:10px 0} .vg-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)} .vg-form input,.vg-form select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--fg);font:inherit;font-size:14px} .vg-two{display:grid;grid-template-columns:1fr 1fr;gap:12px} .vg-modal .dx-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #6052e6;color:#6052e6;background:transparent;border-radius:8px;padding:7px 14px;cursor:pointer;font:inherit;font-size:13px;align-self:flex-start} .vg-modal .vg-primary{background:#6052e6;color:#fff} .vg-aibox{margin-top:8px} .vg-airesult{background:var(--panel-2);border-radius:10px;padding:14px 16px;line-height:1.65;margin-bottom:10px} .vg-airesult h4{margin:10px 0 4px} .vg-airesult ul{margin:4px 0 8px;padding-left:20px} .vg-err{color:#e5484d} .vg-modal .lx-loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:12px 0} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) #v-grow td.vg-best{background:#14331f;color:#6ee7a0}:root:not([data-theme=light]) #v-grow .vg-badge.hot{background:#3a1c1f;color:#ff8a80}:root:not([data-theme=light]) #v-grow .vg-badge.new{background:#14331f;color:#6ee7a0}} :root[data-theme=dark] #v-grow td.vg-best{background:#14331f;color:#6ee7a0} :root[data-theme=dark] #v-grow .vg-badge.hot{background:#3a1c1f;color:#ff8a80} :root[data-theme=dark] #v-grow .vg-badge.new{background:#14331f;color:#6ee7a0} @media (max-width:720px){ #v-grow .vg-head{padding:16px} #v-grow .vg-h1{font-size:19px} #v-grow .vg-grid,#v-grow .vg-steps{grid-template-columns:1fr} #v-grow .vg-filters{padding:12px 14px} #v-grow .vg-f,#v-grow .vg-f select{width:100%} #v-grow .vg-f .dx-seg{flex-wrap:wrap} #v-grow .vg-kpis b{font-size:13px} .vg-calc .vg-calcout{grid-template-columns:repeat(2,minmax(0,1fr))} .vg-calc input{width:100%} .vg-calc label{flex:1 1 140px} .vg-two{grid-template-columns:1fr} .vg-mbox{padding:18px 16px} .vg-tray{right:84px;bottom:30px;padding:9px 12px;font-size:13px} } #v-grow table.vg-table th{white-space:normal;line-height:1.3;vertical-align:bottom} #v-grow table.vg-table td:first-child,#v-grow table.vg-table th:first-child{text-align:left} /* Tính phí sàn & lãi */ /* ===== Tính phí sàn & lãi ===== */ #v-grow{--vc0:#2a78d6;--vc1:#eb6834;--vc2:#1baf7a;--vc3:#eda100;--vf-cost:#2a78d6;--vf-fee:#eb6834;--vf-oth:#6250d6;--vf-pro:#1baf7a;--vf-up:#15803d;--vf-down:#d03b3b;--vf-ink:#151a2d} #v-grow .vf-hero{position:relative;overflow:hidden;border-radius:16px;padding:28px 30px 24px;margin-bottom:16px;color:#eef0ff;background:radial-gradient(120% 140% at 100% 0,rgba(109,93,252,.55) 0,rgba(109,93,252,0) 55%),linear-gradient(135deg,#141834,#1d2350 60%,#262b6b)} #v-grow .vf-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 40%,#000);pointer-events:none} #v-grow .vf-eyebrow{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#b9b3ff;font-weight:700} #v-grow .vf-hero h1{margin:8px 0 6px;font-size:30px;line-height:1.15;letter-spacing:-.02em;color:#fff} #v-grow .vf-hero p{margin:0;max-width:640px;color:#c9cdee;line-height:1.6;font-size:14px} #v-grow .vf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;position:relative;z-index:1} #v-grow .vf-chips span{font-size:12px;color:#c9cdee;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:5px 11px} #v-grow .vf-chips b{color:#fff;font-weight:650} #v-grow .vf-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start} #v-grow .vf-grid .dx-card{margin:0} #v-grow .vf-form{padding:6px 22px} #v-grow .vf-sec{border:0;border-bottom:1px solid var(--dx-border);margin:0;padding:18px 0 20px;min-width:0} #v-grow .vf-sec:last-child{border-bottom:0} #v-grow .vf-sec legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14.5px;color:var(--dx-text);padding:0;margin-bottom:14px;float:left;width:100%} #v-grow .vf-sec legend+*{clear:both} #v-grow .vf-sec legend i{font-style:normal;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;background:rgba(109,93,252,.12);color:#6d5dfc} #v-grow .vf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px} #v-grow .vf-fld{display:flex;flex-direction:column;gap:6px;min-width:0} #v-grow .vf-fld.wide{grid-column:1/-1} #v-grow .vf-lb{font-size:12.5px;font-weight:600;color:var(--dx-muted)} #v-grow .vf-in{display:flex;align-items:center;border:1px solid var(--dx-border);border-radius:10px;background:var(--dx-card);transition:border-color .15s,box-shadow .15s;height:42px} #v-grow .vf-in:focus-within{border-color:#6d5dfc;box-shadow:0 0 0 3px rgba(109,93,252,.16)} #v-grow .vf-in input,#v-grow .vf-in select{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--dx-text);font:inherit;font-size:15px;font-weight:600;padding:0 12px;font-variant-numeric:tabular-nums} #v-grow .vf-in select{font-weight:500;font-size:14px;cursor:pointer} #v-grow .vf-in input::placeholder{color:var(--dx-muted);font-weight:400;font-size:13px} #v-grow .vf-in em{font-style:normal;font-size:12.5px;color:var(--dx-muted);padding:0 12px 0 4px;white-space:nowrap} #v-grow .vf-hint{font-size:11.5px;color:var(--dx-muted)} #v-grow .vf-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;height:42px;border-radius:10px;background:var(--dx-strip);box-sizing:border-box} #v-grow .vf-seg label{position:relative;cursor:pointer} #v-grow .vf-seg input{position:absolute;opacity:0;inset:0} #v-grow .vf-seg span{display:grid;place-items:center;height:100%;border-radius:7px;font-size:13px;font-weight:600;color:var(--dx-muted);transition:background .15s,color .15s} #v-grow .vf-seg input:checked+span{background:var(--dx-card);color:var(--dx-text);box-shadow:0 1px 3px rgba(16,24,40,.12)} #v-grow .vf-seg input:focus-visible+span{outline:2px solid #6d5dfc;outline-offset:1px} #v-grow .vf-sws{display:flex;flex-direction:column;gap:10px;margin-top:16px} #v-grow .vf-sw{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative} #v-grow .vf-sw input{position:absolute;opacity:0;width:1px;height:1px} #v-grow .vf-sw i{flex:none;width:38px;height:22px;border-radius:999px;background:var(--dx-border);position:relative;transition:background .18s} #v-grow .vf-sw i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .18s} #v-grow .vf-sw input:checked+i{background:#6d5dfc} #v-grow .vf-sw input:checked+i::after{transform:translateX(16px)} #v-grow .vf-sw input:focus-visible+i{outline:2px solid #6d5dfc;outline-offset:2px} #v-grow .vf-sw span{display:flex;flex-direction:column;gap:1px;font-size:13.5px;color:var(--dx-text)} #v-grow .vf-sw b{font-weight:600} #v-grow .vf-sw small{font-size:12px;color:var(--dx-muted)} #v-grow .vf-out{position:sticky;top:68px;padding:22px} #v-grow .vf-k{font-size:12.5px;font-weight:600;color:var(--dx-muted)} #v-grow .vf-sum{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--dx-border)} #v-grow .vf-big{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums} #v-grow .up{color:var(--vf-up)}#v-grow .down{color:var(--vf-down)} #v-grow .vf-badge{font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 11px;background:rgba(21,128,61,.1)} #v-grow .vf-badge.down{background:rgba(208,59,59,.1)} #v-grow .vf-comp{padding:16px 0;border-bottom:1px solid var(--dx-border)} #v-grow .vf-bar{display:flex;gap:2px;height:14px;margin:10px 0 12px;border-radius:4px} #v-grow .vf-bar span{position:relative;min-width:3px;cursor:default} #v-grow .vf-bar span:first-child{border-radius:4px 0 0 4px}#v-grow .vf-bar span:last-child{border-radius:0 4px 4px 0}#v-grow .vf-bar span:only-child{border-radius:4px} #v-grow .vf-bar span:hover{filter:brightness(1.08)} #v-grow .vf-bar span:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--vf-ink);color:#fff;font-size:12px;font-weight:600;padding:6px 9px;border-radius:7px;box-shadow:0 6px 16px rgba(0,0,0,.2);z-index:5;pointer-events:none} #v-grow .s-cost{background:var(--vf-cost)}#v-grow .s-fee{background:var(--vf-fee)}#v-grow .s-oth{background:var(--vf-oth)}#v-grow .s-pro{background:var(--vf-pro)}#v-grow .s-loss{background:var(--vf-down)} #v-grow .vf-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px} #v-grow .vf-legend li{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;font-size:13px;color:var(--dx-text)} #v-grow .vf-legend i{width:10px;height:10px;border-radius:3px} #v-grow .vf-legend b{font-weight:650;font-variant-numeric:tabular-nums} #v-grow .vf-legend em{font-style:normal;font-size:12px;color:var(--dx-muted);min-width:42px;text-align:right;font-variant-numeric:tabular-nums} #v-grow .vf-warn{margin:12px 0 0;font-size:12.5px;color:var(--vf-down);background:rgba(208,59,59,.08);border-radius:8px;padding:8px 10px;line-height:1.5} #v-grow .vf-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0} #v-grow .vf-kpis>div{background:var(--dx-strip);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px} #v-grow .vf-kpis span{font-size:12px;color:var(--dx-muted);font-weight:600} #v-grow .vf-kpis b{font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--dx-text)} #v-grow .vf-kpis small{font-size:11.5px;color:var(--dx-muted)} #v-grow .vf-detail{border:1px solid var(--dx-border);border-radius:12px;overflow:hidden} #v-grow .vf-detail summary{cursor:pointer;padding:11px 14px;font-size:13px;font-weight:650;color:var(--dx-text);list-style:none;display:flex;justify-content:space-between;align-items:center} #v-grow .vf-detail summary::-webkit-details-marker{display:none} #v-grow .vf-detail summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--dx-muted);border-bottom:2px solid var(--dx-muted);transform:rotate(45deg);margin-top:-4px;transition:transform .15s} #v-grow .vf-detail[open] summary::after{transform:rotate(-135deg);margin-top:3px} #v-grow table.vf-tab{width:100%;border-collapse:collapse;font-size:13px} #v-grow table.vf-tab th{font-size:11.5px;font-weight:600;color:var(--dx-muted);text-align:left;padding:7px 14px;background:var(--dx-strip);border-top:1px solid var(--dx-border)} #v-grow table.vf-tab td{padding:8px 14px;border-top:1px solid var(--dx-border);color:var(--dx-text)} #v-grow table.vf-tab .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} #v-grow table.vf-tab td.num:last-child{color:var(--dx-muted);width:60px} #v-grow table.vf-tab tr.sub td{font-weight:650;background:var(--dx-strip)} #v-grow table.vf-tab tr.tot td{font-weight:750;font-size:14px} #v-grow table.vf-tab tr.tot td.up{color:var(--vf-up)}#v-grow table.vf-tab tr.tot td.down{color:var(--vf-down)} #v-grow .vf-price{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0} #v-grow .vf-price>div{border:1px solid rgba(109,93,252,.28);background:rgba(109,93,252,.05);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px} #v-grow .vf-price span{font-size:12px;color:var(--dx-muted);font-weight:600} #v-grow .vf-price b{font-size:18px;font-weight:750;color:#5b4bf0;font-variant-numeric:tabular-nums} #v-grow .vf-cta{display:flex;justify-content:center;align-items:center;gap:8px;height:42px;border-radius:10px;background:var(--vf-ink);color:#fff;font-weight:650;font-size:13.5px;text-decoration:none;transition:transform .15s,box-shadow .15s} #v-grow .vf-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(21,26,45,.6)} #v-grow .vf-note{font-size:12px;color:var(--dx-muted);line-height:1.6;margin:14px 2px 0} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) #v-grow{--vc0:#3987e5;--vc1:#d95926;--vc2:#199e70;--vc3:#c98500;--vf-cost:#3987e5;--vf-fee:#d95926;--vf-oth:#9085e9;--vf-pro:#199e70;--vf-up:#4ade80;--vf-down:#f87171;--vf-ink:#2a2f55}:root:not([data-theme=light]) #v-grow .vf-price b{color:#a99fff}:root:not([data-theme=light]) #v-grow .vf-sec legend i{color:#a99fff}} :root[data-theme=dark] #v-grow{--vc0:#3987e5;--vc1:#d95926;--vc2:#199e70;--vc3:#c98500;--vf-cost:#3987e5;--vf-fee:#d95926;--vf-oth:#9085e9;--vf-pro:#199e70;--vf-up:#4ade80;--vf-down:#f87171;--vf-ink:#2a2f55} :root[data-theme=dark] #v-grow .vf-price b,:root[data-theme=dark] #v-grow .vf-sec legend i{color:#a99fff} @media (max-width:980px){#v-grow .vf-grid{grid-template-columns:1fr}#v-grow .vf-out{position:static}} @media (max-width:560px){#v-grow .vf-hero{padding:22px 18px 18px;border-radius:14px}#v-grow .vf-hero h1{font-size:25px}#v-grow .vf-form{padding:4px 16px}#v-grow .vf-out{padding:18px 16px}#v-grow .vf-row,#v-grow .vf-legend,#v-grow .vf-price{grid-template-columns:1fr}#v-grow .vf-big{font-size:30px}#v-grow table.vf-tab td,#v-grow table.vf-tab th{padding-left:10px;padding-right:10px}} /* nút công cụ "Tính phí sàn" trên thanh trên cùng */ .vt-fee-top{display:inline-flex;align-items:center;gap:6px;margin-left:8px;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 11px;font:inherit;font-size:13px;font-weight:650;color:var(--fg);background:var(--panel);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s} .vt-fee-top svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .vt-fee-top:hover{border-color:#6d5dfc;color:#6d5dfc} .vt-fee-top.on{border-color:#6d5dfc;color:#6d5dfc;background:rgba(109,93,252,.08)} @media (max-width:760px){.vt-fee-top span{display:none}.vt-fee-top{padding:6px 9px;margin-left:6px}} /* ===== So sánh ===== */ #v-grow .vc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 18px} #v-grow .vc-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--dx-strip)} #v-grow .vc-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:8px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--dx-muted);cursor:pointer;transition:background .15s,color .15s} #v-grow .vc-tabs button b{font-size:11px;font-weight:700;min-width:18px;padding:1px 6px;border-radius:999px;background:var(--dx-border);color:var(--dx-muted);text-align:center} #v-grow .vc-tabs button.on{background:var(--dx-card);color:var(--dx-text);box-shadow:0 1px 3px rgba(16,24,40,.12)} #v-grow .vc-tabs button.on b{background:#6d5dfc;color:#fff} #v-grow .vc-add{display:inline-flex;align-items:center;height:38px;border:1px dashed var(--dx-border);border-radius:10px;padding-left:12px;background:var(--dx-card);max-width:100%} #v-grow .vc-add span{color:#6d5dfc;font-weight:700;font-size:16px} #v-grow .vc-add select{border:0;outline:0;background:transparent;color:var(--dx-text);font:inherit;font-size:13px;padding:0 10px;height:100%;cursor:pointer;max-width:280px} #v-grow .vc-add:focus-within{border-color:#6d5dfc;border-style:solid} #v-grow .vc-tip{margin-left:auto;font-size:12px;color:var(--dx-muted)} #v-grow .vc-empty{text-align:center;padding:42px 20px} #v-grow .vc-empty-ic{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;display:grid;place-items:center;background:rgba(109,93,252,.1);color:#6d5dfc} #v-grow .vc-empty-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} #v-grow .vc-empty h2{margin:0 0 6px;font-size:17px;color:var(--dx-text)} #v-grow .vc-empty p{margin:0 auto;max-width:440px;color:var(--dx-muted);font-size:13.5px;line-height:1.6} #v-grow .vc-go{display:inline-flex;padding:0 18px;margin-top:18px} #v-grow .vc-card{position:relative;background:var(--dx-card);border:1px solid var(--dx-border);border-radius:12px;padding:16px 14px 12px;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-width:0;height:100%;box-sizing:border-box;text-align:left;font-weight:400;white-space:normal} #v-grow .vc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--c)} #v-grow .vc-x{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:8px;border:0;background:transparent;color:var(--dx-muted);font-size:18px;line-height:1;cursor:pointer} #v-grow .vc-x:hover{background:var(--dx-strip);color:var(--dx-text)} #v-grow .vc-ch{display:flex;gap:12px;align-items:flex-start;padding-right:22px} #v-grow .vc-ch img,#v-grow .vc-ph{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;background:var(--dx-strip);border:1px solid var(--dx-border)} #v-grow .vc-ph{display:grid;place-items:center;font-weight:700;color:var(--dx-muted)} #v-grow .vc-ch a{font-weight:650;font-size:14px;line-height:1.4;color:var(--dx-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #v-grow .vc-ch a:hover{color:#6d5dfc} #v-grow .vc-cf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;flex-wrap:wrap} #v-grow .vc-score{font-size:12px;color:var(--dx-muted)} #v-grow .vc-score b{color:var(--dx-text)} #v-grow .vc-crown{font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6d5dfc,#4f7dff);border-radius:999px;padding:3px 9px} #v-grow .vc-tablecard{padding:0;overflow:hidden} #v-grow table.vc-table{width:100%;min-width:calc(200px + var(--n) * 170px);border-collapse:collapse;table-layout:fixed;font-size:13.5px} #v-grow table.vc-table col.vc-lab{width:200px} #v-grow table.vc-table thead th{text-align:left;vertical-align:stretch;padding:16px 10px 14px;border-bottom:1px solid var(--dx-border);background:var(--dx-strip);height:1px} #v-grow table.vc-table thead th.vc-corner{padding:16px;vertical-align:bottom;font-size:12px;font-weight:650;color:var(--dx-muted)} #v-grow .vc-corner small{display:block;font-weight:500;font-size:11px;margin-top:2px} #v-grow .vc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px} #v-grow table.vc-table tbody th{text-align:left;font-weight:600;color:var(--dx-text);padding:12px 16px;vertical-align:top} #v-grow table.vc-table tbody th small{display:block;font-size:11px;font-weight:500;color:var(--dx-muted);margin-top:2px} #v-grow table.vc-table td{padding:12px 16px;vertical-align:top;color:var(--dx-text);font-variant-numeric:tabular-nums;border-left:1px solid var(--dx-border)} #v-grow table.vc-table tbody tr+tr>*{border-top:1px solid var(--dx-border)} #v-grow table.vc-table tbody tr:hover>*{background:color-mix(in srgb,var(--dx-strip) 60%,transparent)} #v-grow .vc-val{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:20px} #v-grow td.win .vc-val{font-weight:750} #v-grow .vc-best{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:10.5px;font-weight:700;color:#15803d;background:rgba(21,128,61,.1);border-radius:999px;padding:2px 7px 2px 5px} #v-grow .vc-best svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} #v-grow .vc-meter{display:block;height:4px;border-radius:4px;background:var(--dx-strip);margin-top:8px;overflow:hidden} #v-grow .vc-meter i{display:block;height:100%;border-radius:4px;opacity:.85} #v-grow .vc-na{color:var(--dx-muted)} #v-grow .vc-chartcard{padding:20px 22px} #v-grow .vc-chead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;flex-wrap:wrap;margin-bottom:10px} #v-grow .vc-chead .dx-h{margin:0 0 3px} #v-grow .vc-chead .dx-muted{font-size:12px} #v-grow .vc-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--dx-text);max-width:60%} #v-grow .vc-legend span{display:inline-flex;align-items:center;gap:7px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vc-legend i{flex:none;width:14px;height:3px;border-radius:2px} #v-grow .vc-chart{position:relative;touch-action:pan-y} #v-grow .vc-chart .vg-chart{max-height:300px;display:block} #v-grow .vg-gl.base{stroke:var(--dx-muted);opacity:.5} #v-grow .vc-cross{stroke:var(--dx-muted);stroke-width:1;stroke-dasharray:3 3} #v-grow .vc-pt{stroke:var(--dx-card);stroke-width:2} #v-grow .vc-tt{position:absolute;top:8px;min-width:200px;max-width:260px;background:var(--dx-card);border:1px solid var(--dx-border);border-radius:10px;box-shadow:0 10px 28px -10px rgba(16,24,40,.35);padding:10px 12px;font-size:12.5px;pointer-events:none;z-index:3} #v-grow .vc-tt b{display:block;font-size:12px;color:var(--dx-muted);margin-bottom:6px} #v-grow .vc-tt div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding:2px 0;color:var(--dx-text)} #v-grow .vc-tt i{width:8px;height:8px;border-radius:50%} #v-grow .vc-tt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vc-tt strong{font-variant-numeric:tabular-nums} @media (max-width:980px){#v-grow .vc-tip{margin-left:0}#v-grow .vc-legend{max-width:none}} @media (max-width:560px){#v-grow .vc-bar{padding:12px}#v-grow .vc-tabs{width:100%}#v-grow .vc-tabs button{flex:1;justify-content:center;padding:7px 6px}#v-grow .vc-add,#v-grow .vc-add select{width:100%;max-width:none}#v-grow .vc-card{padding:14px 10px 10px}#v-grow .vc-ch{flex-direction:column;gap:8px;padding-right:18px}#v-grow .vc-ch img,#v-grow .vc-ph{width:36px;height:36px;border-radius:8px}#v-grow .vc-ch a{-webkit-line-clamp:3}#v-grow .vc-tabs button{white-space:nowrap;font-size:12.5px;gap:6px}#v-grow .vc-tabs button b{min-width:16px;padding:1px 5px}#v-grow .vc-cf{flex-direction:column;align-items:flex-start;gap:6px}#v-grow .vc-ch img,#v-grow .vc-ph{width:40px;height:40px}#v-grow .vc-ch a{font-size:13px} #v-grow table.vc-table{min-width:calc(130px + var(--n) * 140px)}#v-grow table.vc-table col.vc-lab{width:130px}#v-grow table.vc-table tbody th,#v-grow table.vc-table td,#v-grow table.vc-table thead th{padding:10px}#v-grow .vc-chartcard{padding:16px}} #v-grow table.vc-table tbody th,#v-grow table.vc-table thead th.vc-corner{position:sticky;left:0;z-index:2;background:var(--dx-card);box-shadow:1px 0 0 var(--dx-border)} #v-grow table.vc-table thead th.vc-corner{background:var(--dx-strip)} :root[data-theme=dark] #v-grow .vc-best{color:#4ade80;background:rgba(74,222,128,.12)} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) #v-grow .vc-best{color:#4ade80;background:rgba(74,222,128,.12)}} #v-grow .vc-wait{display:flex;gap:12px;align-items:center;margin:0 0 16px;padding:12px 16px;border-radius:12px;border:1px solid rgba(109,93,252,.3);background:rgba(109,93,252,.06);font-size:13px;color:var(--dx-text)} #v-grow .vc-wait div{display:flex;flex-direction:column;gap:2px} #v-grow .vc-wait span:not(.lx-spin){color:var(--dx-muted);font-size:12.5px} #v-grow .vc-wait .lx-spin{flex:none} @media (max-width:1500px){#v-grow table.vc-table.n4 .vc-ch{flex-direction:column;gap:8px;padding-right:18px}#v-grow table.vc-table.n4 .vc-ch img,#v-grow table.vc-table.n4 .vc-ph{width:40px;height:40px}#v-grow table.vc-table.n4 .vc-ch a{-webkit-line-clamp:3;font-size:13px}#v-grow table.vc-table.n4 .vc-cf{flex-direction:column;align-items:flex-start;gap:6px}} #v-grow .vf-catlink{color:var(--dx-primary);font-weight:600;text-decoration:none} #v-grow .vf-catlink:hover{text-decoration:underline} /* chọn mục đưa vào bảng so sánh (ẩn tạm không cần xoá) */ #v-grow .vc-picks{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;margin-top:4px;border-top:1px dashed var(--dx-border)} #v-grow .vc-picks-l{font-size:12.5px;color:var(--dx-muted);font-weight:600} #v-grow .vc-pick{display:inline-flex;align-items:stretch;border:1px solid var(--dx-border);border-radius:999px;overflow:hidden;background:var(--dx-card);max-width:100%} #v-grow .vc-pick button{border:0;background:none;color:var(--dx-muted);font:inherit;font-size:12.5px;cursor:pointer;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;min-width:0} #v-grow .vc-pick button:first-child{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} #v-grow .vc-pick i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;border:1.5px solid currentColor;font-style:normal;font-size:10px;line-height:1;margin-right:6px;vertical-align:-2px} #v-grow .vc-pick.on{border-color:var(--dx-primary);background:var(--dx-soft)} #v-grow .vc-pick.on button:first-child{color:var(--dx-text);font-weight:600} #v-grow .vc-pick.on i{background:var(--dx-primary);border-color:var(--dx-primary);color:#fff} #v-grow .vc-pick .vc-pick-x{border-left:1px solid var(--dx-border);padding:6px 9px;font-size:15px;line-height:1} #v-grow .vc-pick .vc-pick-x:hover{color:var(--dx-red,#e5484d)} /* khung So sánh nhanh ở góc phải */ .vg-qc{--vc0:#2a78d6;--vc1:#eb6834;--vc2:#1baf7a;--vc3:#eda100;position:fixed;right:20px;bottom:92px;z-index:70;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 140px);overflow:auto;background:var(--panel,#fff);color:var(--fg,#111);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:14px;box-shadow:0 14px 40px rgba(20,20,60,.22);font-size:13px} .vg-qc.min{width:auto;overflow:visible} .vg-qch{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line,rgba(0,0,0,.1));position:sticky;top:0;background:inherit;z-index:1} .vg-qc.min .vg-qch{border-bottom:0} .vg-qch b{font-size:14px} .vg-qcn{min-width:20px;padding:0 6px;border-radius:10px;background:#6052e6;color:#fff;font-weight:700;text-align:center} .vg-qcb{margin-left:auto;border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:6px} .vg-qcb:hover{background:rgba(127,127,127,.15)} .vg-qct{display:flex;gap:6px;padding:8px 12px 0} .vg-qct button{border:1px solid var(--line,rgba(0,0,0,.15));background:transparent;color:inherit;border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer} .vg-qct button.on{background:#6052e6;border-color:#6052e6;color:#fff} .vg-qci{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;padding:10px 12px} .vg-qcit{position:relative;border:1px solid var(--line,rgba(0,0,0,.12));border-top:3px solid var(--c);border-radius:10px;padding:8px 8px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0} .vg-qcit img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:rgba(127,127,127,.12)} .vg-qcit a{color:inherit;font-weight:600;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none} .vg-qcit a:hover{text-decoration:underline} .vg-qcx{position:absolute;top:2px;right:4px;border:0;background:transparent;color:var(--muted,#888);font-size:16px;line-height:1;cursor:pointer} .vg-qcx:hover{color:var(--fg,#111)} .vg-qcs{padding:0 12px} .vg-qctab{width:100%;border-collapse:collapse;table-layout:fixed} .vg-qctab th{text-align:left;font-weight:500;color:var(--muted,#777);padding:6px 4px 6px 0;width:34%;font-size:12px} .vg-qctab td{padding:6px 4px;text-align:center;font-weight:600;border-top:1px solid var(--line,rgba(0,0,0,.08));white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .vg-qctab th{border-top:1px solid var(--line,rgba(0,0,0,.08))} .vg-qctab td.win{color:#16a34a} .vg-qctab td.win::after{content:" ✓";font-size:11px} .vg-qce{padding:10px 12px;color:var(--muted,#666);line-height:1.5} .vg-qclink{border:0;background:transparent;color:#6052e6;font:inherit;font-weight:600;cursor:pointer;padding:0} .vg-qcf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid var(--line,rgba(0,0,0,.1));margin-top:6px} .vg-qcclr{border:0;background:transparent;color:var(--muted,#777);font:inherit;font-size:12px;cursor:pointer} .vg-qcgo{background:#6052e6;color:#fff;border-radius:9px;padding:8px 12px;font-weight:600;text-decoration:none;font-size:13px} .vg-qcgo:hover{filter:brightness(1.08)} @media (max-width:640px){.vg-qc{right:12px;bottom:84px}} /* thẻ trống khi bảng so sánh chỉ còn 1 mục */ .vc-addcard{height:100%;min-height:96px;border:2px dashed var(--line,rgba(127,127,127,.35));border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--muted,#888);font-weight:500;font-size:13px;line-height:1.45} /* so sánh: nhóm chỉ số, video, nhà sáng tạo */ #v-grow table.vc-table tr.vc-grp th{background:var(--dx-strip);color:var(--dx-text);font-size:13px;font-weight:700;padding:10px 16px;letter-spacing:.2px;position:static;box-shadow:none} #v-grow .vc-share{color:var(--dx-muted);font-weight:500;font-size:11.5px} #v-grow .vc-up{color:var(--vf-up)} #v-grow .vc-down{color:var(--vf-down)} #v-grow .vc-vids{display:flex;gap:6px;flex-wrap:wrap} #v-grow .vc-vid{position:relative;display:block;width:54px;height:72px;border-radius:6px;overflow:hidden;background:var(--dx-strip);flex:none} #v-grow .vc-vid img{width:100%;height:100%;object-fit:cover;display:block} #v-grow .vc-vid span{position:absolute;left:0;right:0;bottom:0;padding:8px 2px 2px;font-size:10px;font-weight:700;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.72));white-space:nowrap} #v-grow .vc-cres{display:flex;flex-direction:column;gap:6px} #v-grow .vc-cre{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-width:0} #v-grow .vc-cre img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--dx-strip);flex:none} #v-grow .vc-cre span{display:flex;flex-direction:column;min-width:0} #v-grow .vc-cre b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vc-cre small{font-size:11.5px;color:var(--dx-muted)} #v-grow .vc-cre:hover b{text-decoration:underline} #v-grow .vg-extlock-ic{font-size:30px;line-height:1;margin-bottom:8px}#v-grow .vg-extlock .vg-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap} /* gói Pro: Sản phẩm sắp nổ · Theo dõi đối thủ · AI phân tích video */ .vg-protag{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 8px;border-radius:99px;background:linear-gradient(135deg,#ff5f8f,#7d6ff2);color:#fff;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.04em;line-height:1.4} #v-grow .vg-rfree{padding:12px 18px;font-size:13.5px;line-height:1.6;border-left:4px solid #7d6ff2} #v-grow .vg-rlock{position:relative;margin-top:14px} #v-grow .vg-rghost{filter:blur(4px);opacity:.55;pointer-events:none;user-select:none} #v-grow .vg-ghimg{width:64px;height:64px;border-radius:10px;background:var(--dx-border);flex:none} #v-grow .vg-ghl{height:12px;border-radius:6px;background:var(--dx-border);margin:6px 0;width:85%}#v-grow .vg-ghl.s{width:50%} #v-grow .vg-rcta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92%);text-align:center;padding:20px;border-radius:14px;background:var(--dx-card);border:1px solid var(--dx-border);box-shadow:0 12px 36px rgba(20,24,40,.18)} #v-grow .vg-rcta p{margin:8px 0 14px;line-height:1.55;font-size:13px} #v-grow .vg-rivals{padding:16px 20px} #v-grow .vg-rivals .dx-h .vg-protag{font-size:10px} #v-grow .vg-rshop{margin-top:12px}#v-grow .vg-rsn{display:inline-block;margin-bottom:6px;text-decoration:none} .vg-vidan h4{margin:16px 0 6px;font-size:14px} .vg-vidan .vg-vsum{margin:0 0 6px;line-height:1.6} .vg-vidan ul,.vg-vidan ol{margin:0;padding-left:20px;line-height:1.6} .vg-vidan .vg-vscript{margin:8px 0;padding:10px 12px;border:1px solid var(--dx-border,#e3e6ee);border-radius:10px} .vg-vidan .vg-vscript>div{margin-top:4px} .vg-vidan .vg-vlist{font-size:12.5px}.vg-vidan .vg-vlist a{color:inherit} @media (max-width:640px){#v-grow .vg-rcta{position:static;transform:none;width:auto;margin-top:-120px}} /* ---- Thông báo: cả dòng bấm được + trang chi tiết ---- */ #v-grow .vg-notifs li{padding:0;display:block} #v-grow .vg-notifs li.unread{padding-left:0} #v-grow a.vg-nrow{display:flex;gap:12px;align-items:flex-start;padding:12px 10px;color:inherit;border-radius:10px;transition:background .15s} #v-grow a.vg-nrow:hover{background:var(--dx-strip)} #v-grow .vg-nmain{flex:1;min-width:0} #v-grow .vg-nmain .vg-small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vg-nside{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none} #v-grow .vg-nnew{font-size:11px;font-weight:800;color:#fff;background:#ef4444;border-radius:99px;padding:1px 8px} #v-grow .vg-ngo{font-size:12.5px;font-weight:700;color:var(--dx-accent,#5b4ff0)} #v-grow .vg-notifs li.unread .vg-nmain b{color:var(--dx-accent,#5b4ff0)} #v-grow .vg-nhero{position:relative;display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:18px;color:#fff;margin:0 0 16px;background:linear-gradient(135deg,#5b4ff0,#8b5cf6 55%,#ec4899);box-shadow:0 12px 32px -14px rgba(91,79,240,.55)} #v-grow .vg-nhero.t-rising{background:linear-gradient(135deg,#f97316,#ef4444 50%,#db2777)} #v-grow .vg-nhero.t-spike{background:linear-gradient(135deg,#059669,#10b981 55%,#0ea5e9)} #v-grow .vg-nhero.t-price{background:linear-gradient(135deg,#0ea5e9,#6366f1)} #v-grow .vg-nhero.t-comm{background:linear-gradient(135deg,#ca8a04,#f59e0b 55%,#f97316)} #v-grow .vg-nhero.t-rival{background:linear-gradient(135deg,#7c3aed,#db2777)} #v-grow .vg-nhero h2{margin:4px 0 6px;font-size:22px;line-height:1.3;color:#fff} #v-grow .vg-nhero p{margin:0 0 4px;opacity:.92;line-height:1.5} #v-grow .vg-nhero .vg-nhero-t{font-size:12.5px;opacity:.8} #v-grow .vg-nhero-ic{font-size:40px;line-height:1;background:rgba(255,255,255,.18);border-radius:16px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex:none} #v-grow .vg-nhero-k{font-size:12.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.9} #v-grow .vg-nhero .vg-protag{background:#fff;color:#db2777} #v-grow .vg-nback{display:inline-block;margin:0 0 10px 2px;color:var(--dx-accent,#5b4ff0);font-size:13.5px;font-weight:700;text-decoration:none} #v-grow .vg-nstats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px} #v-grow .vg-nstats div{background:rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px} #v-grow .vg-nstats b{font-size:20px;line-height:1.2} #v-grow .vg-nstats span{font-size:12px;opacity:.88} #v-grow .vg-nrank{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;margin-bottom:16px} #v-grow .vg-nrank-i{position:relative} #v-grow .vg-nrank-i>.vg-card{height:100%} #v-grow .vg-nrank-no{position:absolute;z-index:1;top:-8px;left:-6px;background:linear-gradient(135deg,#f97316,#db2777);color:#fff;font-weight:800;font-size:13px;border-radius:99px;padding:3px 10px;box-shadow:0 4px 10px -4px rgba(219,39,119,.6)} #v-grow .vg-nfoot{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap} #v-grow .vg-nfoot p{margin:4px 0 0} #v-grow .vg-ncard{display:flex;flex-direction:column;gap:14px} #v-grow .vg-ncard-top{display:flex;gap:16px;align-items:flex-start} #v-grow .vg-ncard-top img{width:96px;height:96px;border-radius:14px;object-fit:cover;background:var(--dx-strip);flex:none} #v-grow .vg-ncard .vg-name{font-size:17px;font-weight:800;display:block;margin:4px 0 2px} #v-grow .vg-nkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #v-grow .vg-nkpis div{background:var(--dx-strip);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0} #v-grow .vg-nkpis span{font-size:12px;color:var(--dx-muted)} #v-grow .vg-nkpis b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vg-nchart{background:var(--dx-strip);border-radius:12px;padding:10px 12px} #v-grow .vg-nchart svg{width:100%;height:auto;max-height:120px} #v-grow .vg-nsub{margin:18px 0 10px;font-size:16px} #v-grow .vg-nhist{list-style:none;margin:0;padding:0} #v-grow .vg-nhist a{display:flex;gap:10px;padding:10px 6px;border-bottom:1px solid var(--dx-border);color:inherit;text-decoration:none} #v-grow .vg-nhist a:hover{background:var(--dx-strip)} @media (max-width:900px){#v-grow .vg-nstats{grid-template-columns:repeat(3,minmax(0,1fr))}#v-grow .vg-nkpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){#v-grow .vg-nhero{flex-direction:column;padding:18px 16px}#v-grow .vg-nhero-ic{width:52px;height:52px;font-size:30px}#v-grow .vg-nhero h2{font-size:19px}#v-grow .vg-nstats{grid-template-columns:repeat(2,minmax(0,1fr))}#v-grow .vg-nrank{grid-template-columns:1fr}#v-grow .vg-ncard-top img{width:72px;height:72px}#v-grow .vg-nside .vg-ngo{display:none}} /* tools.css */ /* Công cụ miễn phí: nút + menu trên thanh trên cùng, Kiểm tra sản phẩm, Thu nhập affiliate, Từ cấm TikTok */ :root{--vt-acc:#6d5dfc;--vt-good:#16a34a;--vt-mid:#d97706;--vt-bad:#dc2626} @media (prefers-color-scheme:dark){:root:not([data-theme=light]){--vt-acc:#8b7dff;--vt-good:#4ade80;--vt-mid:#fbbf24;--vt-bad:#f87171}} :root[data-theme=dark]{--vt-acc:#8b7dff;--vt-good:#4ade80;--vt-mid:#fbbf24;--vt-bad:#f87171} /* ---- nút "Công cụ FREE" + menu ---- */ .vt-tools-top{display:inline-flex;align-items:center;gap:7px;margin-left:8px;border:1px solid var(--line,#e5e7eb);border-radius:999px;padding:5px 6px 5px 11px;font:inherit;font-size:13px;font-weight:650;color:var(--fg,#1d2433);background:var(--panel,#fff);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s} .vt-tools-top svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .vt-tools-top em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:999px;padding:3px 7px} .vt-tools-top:hover,.vt-tools-top[aria-expanded=true]{border-color:#6d5dfc;color:#6d5dfc} .vt-tools-top.on{border-color:#6d5dfc;color:#6d5dfc;background:rgba(109,93,252,.08)} @media (max-width:760px){.vt-tools-top span{display:none}.vt-tools-top{padding:5px 5px 5px 8px;margin-left:6px;gap:5px}.vt-tools-top em{font-size:9px;padding:2px 5px}} .vt-tmenu{position:fixed;z-index:80;background:var(--panel,#fff);color:var(--fg,#1d2433);border:1px solid var(--line,#e5e7eb);border-radius:16px;box-shadow:0 24px 60px -18px rgba(16,24,40,.35),0 2px 6px rgba(16,24,40,.06);padding:8px;opacity:0;transform:translateY(-6px);transition:opacity .16s,transform .16s} .vt-tmenu.show{opacity:1;transform:none} .vt-tmh{padding:8px 10px 10px;border-bottom:1px solid var(--line,#eee);margin-bottom:6px;display:flex;flex-direction:column;gap:2px} .vt-tmh b{font-size:13.5px;color:var(--fg,#1d2433)}.vt-tmh span{font-size:12px;color:var(--muted,#6b7585)} .vt-tmi{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;border-radius:11px;padding:9px 10px;cursor:pointer;text-align:left;font:inherit;color:var(--fg,#1d2433)} .vt-tmi:hover,.vt-tmi:focus-visible{background:rgba(109,93,252,.08);outline:0} .vt-tmi.on{background:rgba(109,93,252,.14)} .vt-tmic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,93,252,.18),rgba(109,93,252,.06));color:var(--vt-acc)} .vt-tmic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .vt-tmi b{display:block;font-size:13.5px;font-weight:650}.vt-tmi small{display:block;font-size:12px;color:var(--muted,#6b7585);margin-top:1px} /* ---- chung ---- */ #v-grow .vt-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none} #v-grow .vt-ic.s{width:13px;height:13px;fill:#f5a524;stroke:#f5a524} #v-grow .vt-h3{margin:0;font-size:15px;font-weight:700;color:var(--dx-text);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} #v-grow .vt-h3 small{font-size:12px;font-weight:500;color:var(--dx-muted)} #v-grow .vt-ch{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px} #v-grow .vt-fine{font-size:11.5px;color:var(--dx-muted);line-height:1.55;margin:12px 0 0} #v-grow .vt-pill{font-size:11.5px;font-weight:650;color:var(--vt-acc);background:rgba(109,93,252,.1);border-radius:999px;padding:4px 10px} #v-grow .vt-primary{background:var(--vt-acc)!important;border-color:var(--vt-acc)!important;color:#fff!important} #v-grow .vt-loading{display:flex;align-items:center;gap:10px;justify-content:center;padding:28px;color:var(--dx-muted);font-size:13.5px} #v-grow .vt-chartcard,#v-grow .vt-sugg,#v-grow .vt-dict{padding:20px 22px;margin:16px 0 0} #v-grow .vt-link{border:0;background:none;color:var(--vt-acc);font:inherit;font-size:12.5px;font-weight:650;cursor:pointer;padding:4px 6px;border-radius:6px} #v-grow .vt-link:hover{background:rgba(109,93,252,.08)} /* ô tìm trong hero */ #v-grow .vt-search{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:20px;max-width:760px;background:#fff;border-radius:14px;padding:6px 6px 6px 14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)} #v-grow .vt-sic{color:#8a90b4;display:grid} #v-grow .vt-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:#141834;height:42px} #v-grow .vt-search input::placeholder{color:#9aa0bd} #v-grow .vt-go{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s} #v-grow .vt-go:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(109,93,252,.9)} #v-grow .vt-go .vt-ic{stroke:#fff} #v-grow .vt-qchips b{color:#fff} #v-grow .vt-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px} #v-grow .vt-steps div{display:flex;align-items:center;gap:10px;background:var(--dx-card);border:1px solid var(--dx-border);border-radius:12px;padding:11px 14px;font-size:13px;color:var(--dx-text)} #v-grow .vt-steps i{font-style:normal;flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;background:rgba(109,93,252,.12);color:var(--vt-acc)} #v-grow .vt-hist{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;font-size:12.5px;color:var(--dx-muted)} #v-grow .vt-hist button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--dx-border);background:var(--dx-card);border-radius:999px;padding:4px 11px 4px 4px;font:inherit;font-size:12.5px;color:var(--dx-text);cursor:pointer;max-width:260px} #v-grow .vt-hist button:hover{border-color:var(--vt-acc)} #v-grow .vt-hist img{width:22px;height:22px;border-radius:50%;object-fit:cover} #v-grow .vt-err{padding:22px}#v-grow .vt-err b{font-size:15px}#v-grow .vt-err p{color:var(--dx-muted);margin:6px 0 14px;line-height:1.6} /* kết quả sản phẩm */ #v-grow .vt-prod{display:flex;gap:20px;padding:20px;margin:0 0 16px;align-items:flex-start} #v-grow .vt-prod>img{width:132px;height:132px;border-radius:14px;object-fit:cover;flex:none;background:var(--dx-strip)} #v-grow .vt-pmain{min-width:0;flex:1} #v-grow .vt-pcat{font-size:12px;font-weight:600;color:var(--dx-muted);text-transform:uppercase;letter-spacing:.04em} #v-grow .vt-prod h2{margin:6px 0 12px;font-size:19px;line-height:1.35;color:var(--dx-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #v-grow .vt-ptags{display:flex;flex-wrap:wrap;gap:8px;align-items:center} #v-grow .vt-price{font-size:20px;font-weight:800;color:var(--dx-text);font-variant-numeric:tabular-nums;margin-right:4px} #v-grow .vt-tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 11px;background:var(--dx-strip);color:var(--dx-text)} #v-grow .vt-tag.acc{background:rgba(22,163,74,.12);color:var(--vt-good)} #v-grow .vt-pact{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} #v-grow .vt-pact .dx-btn{display:inline-flex;align-items:center;gap:6px} #v-grow .vt-row2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px} #v-grow .vt-row2>.dx-card{margin:0;padding:20px 22px} #v-grow .vt-k4{grid-template-columns:repeat(4,1fr);padding:14px 0 0} #v-grow .vt-k4 b{font-size:17px} /* đồng hồ điểm */ #v-grow .vt-gauge{position:relative;width:220px;max-width:100%;margin:10px auto 4px;text-align:center} #v-grow .vt-gauge svg{width:100%;display:block} #v-grow .vt-gtrack{fill:none;stroke:var(--dx-strip);stroke-width:16;stroke-linecap:round} #v-grow .vt-gval{fill:none;stroke-width:16;stroke-linecap:round;stroke:var(--vt-acc);transition:stroke .2s} #v-grow .vt-gauge.good .vt-gval{stroke:var(--vt-good)}#v-grow .vt-gauge.mid .vt-gval{stroke:var(--vt-mid)}#v-grow .vt-gauge.bad .vt-gval{stroke:var(--vt-bad)} #v-grow .vt-gnum{position:absolute;left:0;right:0;top:48%;display:flex;justify-content:center;align-items:baseline;gap:2px} #v-grow .vt-gnum b{font-size:38px;font-weight:800;letter-spacing:-.03em;color:var(--dx-text);font-variant-numeric:tabular-nums} #v-grow .vt-gnum span{font-size:13px;color:var(--dx-muted);font-weight:600} #v-grow .vt-glbl{font-size:14px;font-weight:750;margin-top:4px} #v-grow .vt-gauge.good .vt-glbl{color:var(--vt-good)}#v-grow .vt-gauge.mid .vt-glbl{color:var(--vt-mid)}#v-grow .vt-gauge.bad .vt-glbl{color:var(--vt-bad)} #v-grow .vt-meters{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px} #v-grow .vt-mh{display:flex;justify-content:space-between;font-size:13px;color:var(--dx-text);margin-bottom:6px} #v-grow .vt-mh b{font-weight:700}#v-grow .vt-mh b.good{color:var(--vt-good)}#v-grow .vt-mh b.mid{color:var(--vt-mid)}#v-grow .vt-mh b.bad{color:var(--vt-bad)} #v-grow .vt-mbar{height:7px;border-radius:99px;background:var(--dx-strip);overflow:hidden} #v-grow .vt-mbar i{display:block;height:100%;border-radius:99px;transition:width .5s} #v-grow .vt-mbar i.good{background:var(--vt-good)}#v-grow .vt-mbar i.mid{background:var(--vt-mid)}#v-grow .vt-mbar i.bad{background:var(--vt-bad)} #v-grow .vt-meters small{display:block;font-size:11.5px;color:var(--dx-muted);margin-top:4px} /* biểu đồ */ #v-grow .vt-chart{position:relative} #v-grow .vt-chart,#v-grow .vt-bars{width:100%;min-width:0} #v-grow .vt-chart svg,#v-grow .vt-bars svg{display:block;overflow:visible} #v-grow .vt-grid{stroke:var(--dx-border);stroke-width:1;stroke-dasharray:3 4} #v-grow .vt-ax{fill:var(--dx-muted);font-size:11px;font-variant-numeric:tabular-nums} #v-grow .vt-ax.b{fill:var(--dx-text);font-weight:700} #v-grow .vt-line{fill:none;stroke:var(--vt-acc);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke} #v-grow .vt-dot{fill:var(--dx-card);stroke:var(--vt-acc);stroke-width:2} #v-grow .vt-cross{stroke:var(--vt-acc);stroke-width:1;stroke-dasharray:3 3;opacity:.7} #v-grow .vt-tip{position:absolute;top:-6px;transform:translateX(-50%);background:#151a2d;color:#fff;border-radius:9px;padding:7px 11px;font-size:12px;pointer-events:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;white-space:nowrap} #v-grow .vt-tip span{color:#b9bfdc;font-size:11px}#v-grow .vt-tip b{font-size:13.5px;font-variant-numeric:tabular-nums} #v-grow .vt-chart-empty{padding:30px;text-align:center;color:var(--dx-muted);font-size:13px;background:var(--dx-strip);border-radius:12px} #v-grow .vt-bar rect{fill:var(--dx-border);transition:fill .2s} #v-grow .vt-bar.ok rect{fill:color-mix(in srgb,var(--vt-good) 70%,transparent)} #v-grow .vt-bar.no rect{fill:color-mix(in srgb,var(--vt-acc) 32%,transparent)} #v-grow .vt-bar.hi rect{fill:var(--vt-acc)} #v-grow .vt-bar.hi.ok rect{fill:var(--vt-good)} #v-grow .vt-bar:hover rect{filter:brightness(1.08)} #v-grow .vt-bv{fill:var(--dx-text);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums} #v-grow .vt-goal{stroke:var(--vt-bad);stroke-width:1.6;stroke-dasharray:6 4} #v-grow .vt-goalt{fill:var(--vt-bad);font-size:11px;font-weight:700} #v-grow .vt-goalbg{fill:var(--dx-card);opacity:.92} #v-grow .vt-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dx-muted)} #v-grow .vt-legend i{width:10px;height:10px;border-radius:3px;margin-left:8px} #v-grow .vt-legend i.ok{background:var(--vt-good)}#v-grow .vt-legend i.no{background:color-mix(in srgb,var(--vt-acc) 32%,transparent)}#v-grow .vt-legend i.ln{height:0;border-top:2px dashed var(--vt-bad);border-radius:0} #v-grow .vt-s-net{background:var(--vt-good)}#v-grow .vt-s-tax{background:#3987e5}#v-grow .vt-s-ref{background:#d95926} /* khóa / nâng cấp */ #v-grow .vt-teaser{position:relative;overflow:hidden;margin:16px 0 0;padding:0;min-height:260px} #v-grow .vt-tblur{padding:22px;filter:blur(3px);opacity:.55;pointer-events:none;user-select:none} #v-grow .vt-trow{display:grid;grid-template-columns:44px 1fr 90px 90px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--dx-border);font-size:13.5px;color:var(--dx-text)} #v-grow .vt-trow i{width:44px;height:44px;border-radius:10px;background:var(--dx-strip)} #v-grow .vt-trow em{height:10px;border-radius:5px;background:var(--dx-strip)} #v-grow .vt-tover,#v-grow .vt-locked{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 22px} #v-grow .vt-tover{position:absolute;inset:0;justify-content:center;background:linear-gradient(180deg,color-mix(in srgb,var(--dx-card) 30%,transparent),var(--dx-card) 60%)} #v-grow .vt-lockic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);color:#fff;box-shadow:0 12px 26px -12px rgba(109,93,252,.9);margin-bottom:12px} #v-grow .vt-lockic .vt-ic{width:22px;height:22px;stroke:#fff} #v-grow .vt-tover h3,#v-grow .vt-locked h3{margin:0 0 6px;font-size:17px;color:var(--dx-text)} #v-grow .vt-tover p,#v-grow .vt-locked p{margin:0 0 16px;max-width:520px;color:var(--dx-muted);font-size:13.5px;line-height:1.6} #v-grow .vt-lockact{display:flex;gap:8px;flex-wrap:wrap;justify-content:center} #v-grow .vt-lockact .dx-btn{display:inline-flex;align-items:center;gap:6px} /* gợi ý sản phẩm (thu nhập) */ #v-grow .vt-more{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:650;color:var(--vt-acc);text-decoration:none} #v-grow .vt-sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #v-grow .vt-scard{display:flex;gap:12px;border:1px solid var(--dx-border);border-radius:14px;padding:12px;transition:border-color .15s,box-shadow .15s} #v-grow .vt-scard:hover{border-color:rgba(109,93,252,.5);box-shadow:0 10px 24px -16px rgba(109,93,252,.6)} #v-grow .vt-scard>img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none;background:var(--dx-strip)} #v-grow .vt-scard>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px} #v-grow .vt-sname{font-size:13px;font-weight:600;color:var(--dx-text);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #v-grow .vt-sname:hover{color:var(--vt-acc)} #v-grow .vt-smeta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--dx-muted)} #v-grow .vt-smeta .acc{color:var(--vt-good);font-weight:700} #v-grow .vt-suse{align-self:flex-start;border:1px solid rgba(109,93,252,.35);background:rgba(109,93,252,.06);color:var(--vt-acc);border-radius:8px;padding:5px 10px;font:inherit;font-size:12px;font-weight:650;cursor:pointer} #v-grow .vt-suse:hover{background:rgba(109,93,252,.14)} /* từ cấm */ /* tab nền tảng */ #v-grow .vt-ptabs{display:flex;gap:8px;margin:0 0 14px;padding:4px;border:1px solid var(--dx-border);background:var(--dx-card);border-radius:14px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none} #v-grow .vt-ptab{flex:none;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--dx-muted);border-radius:10px;padding:9px 16px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,color .15s} #v-grow .vt-ptab svg,#v-grow .vt-pother svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round} #v-grow .vt-ptab em{font-style:normal;font-size:11px;font-weight:700;background:var(--dx-strip);color:var(--dx-muted);border-radius:99px;padding:2px 7px;font-variant-numeric:tabular-nums} #v-grow .vt-ptab:hover{color:var(--dx-text);background:var(--dx-strip)} #v-grow .vt-ptab.on{color:#fff} #v-grow .vt-ptab.on em{background:rgba(255,255,255,.22);color:#fff} #v-grow .vt-ptab.on.vt-p-tiktok{background:#111} #v-grow .vt-ptab.on.vt-p-youtube{background:#e5302b} #v-grow .vt-ptab.on.vt-p-facebook{background:#1877f2} #v-grow .vt-pon{font-size:12px;color:var(--dx-muted);font-weight:600;margin-bottom:6px} #v-grow .vt-pon b{color:var(--dx-text)} #v-grow .vt-pothers{margin-top:16px;padding-top:14px;border-top:1px solid var(--dx-border);display:flex;flex-direction:column;gap:8px} #v-grow .vt-pother{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;border:1px solid var(--dx-border);background:var(--dx-card);color:var(--dx-text);border-radius:10px;padding:9px 12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-align:left} #v-grow .vt-pother:hover{border-color:var(--vt-acc)} #v-grow .vt-pother.vt-p-youtube svg{color:#e5302b}#v-grow .vt-pother.vt-p-facebook svg{color:#1877f2} #v-grow .vt-pother b{font-size:12px}#v-grow .vt-pother b.bad{color:var(--vt-bad)}#v-grow .vt-pother b.ok{color:var(--vt-good)} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) #v-grow .vt-ptab.on.vt-p-tiktok{background:#2b2b33}} :root[data-theme=dark] #v-grow .vt-ptab.on.vt-p-tiktok{background:#2b2b33} @media (max-width:640px){#v-grow .vt-ptabs{width:auto;display:grid;grid-template-columns:repeat(3,1fr)}#v-grow .vt-ptab{justify-content:center;padding:9px 6px;font-size:13px;gap:6px}#v-grow .vt-ptab em{display:none}} #v-grow .vt-wgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)} #v-grow .vt-wbox{padding:20px 22px} #v-grow .vt-wbtns{display:flex;gap:4px} #v-grow .vt-wbox textarea{width:100%;box-sizing:border-box;border:1px solid var(--dx-border);border-radius:12px;background:var(--dx-card);color:var(--dx-text);font:inherit;font-size:14.5px;line-height:1.65;padding:14px 16px;resize:vertical;min-height:190px;outline:0;transition:border-color .15s,box-shadow .15s} #v-grow .vt-wbox textarea:focus{border-color:#6d5dfc;box-shadow:0 0 0 3px rgba(109,93,252,.16)} #v-grow .vt-wfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--dx-muted)} #v-grow .vt-wfoot .dx-btn{display:inline-flex;align-items:center;gap:6px} #v-grow .vt-wfoot .dx-btn[disabled]{opacity:.45;cursor:not-allowed} #v-grow .vt-wprev{margin-top:16px;padding-top:16px;border-top:1px solid var(--dx-border)} #v-grow .vt-wtext{margin-top:8px;font-size:14.5px;line-height:1.9;color:var(--dx-text);white-space:pre-wrap;word-break:break-word} #v-grow mark.vt-m{border-radius:5px;padding:1px 4px;font-weight:650;color:inherit} #v-grow mark.vt-m.hi{background:rgba(220,38,38,.16);box-shadow:inset 0 -2px 0 var(--vt-bad)} #v-grow mark.vt-m.md{background:rgba(217,119,6,.16);box-shadow:inset 0 -2px 0 var(--vt-mid)} #v-grow mark.vt-m.lo{background:rgba(109,93,252,.12);box-shadow:inset 0 -2px 0 var(--vt-acc)} #v-grow .vt-sevs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0} #v-grow .vt-sevs div{border-radius:12px;padding:10px 12px;background:var(--dx-strip);display:flex;flex-direction:column;gap:2px} #v-grow .vt-sevs b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums} #v-grow .vt-sevs span{font-size:11.5px;color:var(--dx-muted);font-weight:600} #v-grow .vt-sevs .hi b{color:var(--vt-bad)}#v-grow .vt-sevs .md b{color:var(--vt-mid)}#v-grow .vt-sevs .lo b{color:var(--vt-acc)} #v-grow .vt-gbars{padding:14px 0;border-top:1px solid var(--dx-border);display:flex;flex-direction:column;gap:8px} #v-grow .vt-gb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 22px;gap:10px;align-items:center;font-size:12.5px;color:var(--dx-text)} #v-grow .vt-gb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #v-grow .vt-gb div{height:8px;border-radius:99px;background:var(--dx-strip);overflow:hidden} #v-grow .vt-gb i{display:block;height:100%;border-radius:99px} #v-grow .vt-gb b{text-align:right;font-variant-numeric:tabular-nums} #v-grow .vt-fixes{border-top:1px solid var(--dx-border);margin-top:16px;padding-top:14px} #v-grow .vt-fixtab{margin-top:8px;border:1px solid var(--dx-border);border-radius:12px;overflow:hidden} #v-grow .vt-fix{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1.3fr);gap:10px;align-items:center;padding:9px 12px;font-size:13px} #v-grow .vt-fix+.vt-fix{border-top:1px solid var(--dx-border)} #v-grow .vt-fix small{display:block;font-size:11px;color:var(--dx-muted);margin-top:3px} #v-grow .vt-fix em{justify-self:start} #v-grow .vt-falt{color:var(--vt-good);font-weight:600;font-size:12.5px;line-height:1.45} #v-grow .vt-sev{font-style:normal;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap} #v-grow .vt-sev.hi{color:var(--vt-bad);background:rgba(220,38,38,.1)}#v-grow .vt-sev.md{color:var(--vt-mid);background:rgba(217,119,6,.12)}#v-grow .vt-sev.lo{color:var(--vt-acc);background:rgba(109,93,252,.1)} #v-grow .vt-ok{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--dx-muted)} #v-grow .vt-wempty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px;color:var(--dx-muted)} #v-grow .vt-wempty b{color:var(--dx-text);font-size:15px;margin-bottom:6px}#v-grow .vt-wempty p{margin:0;font-size:13px;line-height:1.6;max-width:320px} #v-grow .vt-wempty.sm{padding:26px 16px} #v-grow .vt-wicon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(109,93,252,.1);color:var(--vt-acc);margin-bottom:12px} #v-grow .vt-wicon .vt-ic{width:22px;height:22px} #v-grow .vt-dsearch{display:flex;align-items:center;gap:8px;border:1px solid var(--dx-border);border-radius:12px;padding:0 14px;height:46px;background:var(--dx-card);transition:border-color .15s,box-shadow .15s} #v-grow .vt-dsearch:focus-within{border-color:#6d5dfc;box-shadow:0 0 0 3px rgba(109,93,252,.16)} #v-grow .vt-dsearch .vt-sic{color:var(--dx-muted)} #v-grow .vt-dsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;color:var(--dx-text);height:100%} #v-grow .vt-dchips{display:flex;gap:6px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:thin} #v-grow .vt-dchips button{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--dx-border);background:var(--dx-card);color:var(--dx-text);border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap} #v-grow .vt-dchips button i{width:8px;height:8px;border-radius:50%} #v-grow .vt-dchips button.on{background:var(--dx-text);border-color:var(--dx-text);color:var(--dx-card)} #v-grow .vt-dg{margin-top:18px} #v-grow .vt-dgh{display:flex;gap:12px;margin-bottom:10px;cursor:pointer;list-style:none;position:relative;padding-right:28px} #v-grow .vt-dgh::-webkit-details-marker{display:none} #v-grow .vt-dgh::after{content:"";position:absolute;right:8px;top:6px;width:8px;height:8px;border-right:2px solid var(--dx-muted);border-bottom:2px solid var(--dx-muted);transform:rotate(45deg);transition:transform .15s} #v-grow details[open]>.vt-dgh::after{transform:rotate(-135deg);top:10px} #v-grow .vt-dg:not([open]) .vt-dgh p{display:none} #v-grow .vt-dg{border-bottom:1px solid var(--dx-border);padding-bottom:14px} #v-grow .vt-dgh b span{font-size:12px;font-weight:600;color:var(--dx-muted);margin-left:6px} #v-grow .vt-dgh>i{flex:none;width:4px;border-radius:4px} #v-grow .vt-dgh b{font-size:14.5px;color:var(--dx-text)} #v-grow .vt-dgh p{margin:4px 0 0;font-size:12.5px;color:var(--dx-muted);line-height:1.55} #v-grow .vt-dgh .vt-dtip{color:var(--dx-text)} #v-grow .vt-dgh .vt-dtip::before{content:"Mẹo: ";font-weight:700;color:var(--vt-good)} #v-grow .vt-dtab{border:1px solid var(--dx-border);border-radius:12px;overflow:hidden} #v-grow .vt-dthead,#v-grow .vt-dtr{display:grid;grid-template-columns:minmax(0,1.2fr) 110px minmax(0,1.3fr);gap:12px;padding:10px 14px;align-items:center} #v-grow .vt-dthead{background:var(--dx-strip);font-size:11.5px;font-weight:650;color:var(--dx-muted);text-transform:uppercase;letter-spacing:.03em} #v-grow .vt-dtr{border-top:1px solid var(--dx-border);font-size:13px;color:var(--dx-text)} #v-grow .vt-dtr b{font-weight:650} #v-grow .vt-dtr small{display:block;font-size:11.5px;color:var(--dx-muted);margin-top:2px} @media (max-width:980px){#v-grow .vt-row2,#v-grow .vt-wgrid{grid-template-columns:1fr}#v-grow .vt-sgrid{grid-template-columns:1fr 1fr}} @media (max-width:640px){ #v-grow .vt-search{flex-wrap:wrap;padding:6px}#v-grow .vt-search .vt-sic{display:none}#v-grow .vt-search input{padding:0 8px;font-size:14.5px}#v-grow .vt-go{flex:1 0 100%;justify-content:center} #v-grow .vt-steps{grid-template-columns:1fr}#v-grow .vt-prod{flex-direction:column;align-items:stretch}#v-grow .vt-prod>img{width:100%;height:auto;aspect-ratio:1.6;max-height:220px} #v-grow .vt-k4{grid-template-columns:1fr 1fr}#v-grow .vt-sgrid{grid-template-columns:1fr}#v-grow .vt-chartcard,#v-grow .vt-sugg,#v-grow .vt-dict,#v-grow .vt-row2>.dx-card,#v-grow .vt-wbox{padding:16px} #v-grow .vt-dthead{display:none}#v-grow .vt-dtr{grid-template-columns:1fr auto;gap:4px 10px}#v-grow .vt-dtr>span:last-child{grid-column:1/-1;color:var(--dx-muted);font-size:12.5px}#v-grow .vt-fix{grid-template-columns:1fr auto}#v-grow .vt-falt{grid-column:1/-1} #v-grow .vt-trow{grid-template-columns:36px 1fr}#v-grow .vt-trow em{display:none} } #v-grow .vt-chan{margin-top:16px;padding-top:16px;border-top:1px solid var(--dx-border)} #v-grow .vt-chan .vt-ch{margin-bottom:4px} #v-grow .vt-cbar{height:16px} #v-grow .vt-clegend{grid-template-columns:1fr} #v-grow .vt-c-vd{background:var(--vt-acc)}#v-grow .vt-c-lv{background:#e5484d}#v-grow .vt-c-ot{background:#94a3b8} /* biểu đồ lãi / lỗ (Tính ROAS hòa vốn, Tính giá bán) */ #v-grow .vt-zero{stroke:var(--dx-text);stroke-width:1.2;opacity:.55} #v-grow .vt-bar.pos rect{fill:color-mix(in srgb,var(--vt-good) 62%,transparent)} #v-grow .vt-bar.neg rect{fill:color-mix(in srgb,var(--vt-bad) 55%,transparent)} #v-grow .vt-bar.pos.hi rect{fill:var(--vt-good)}#v-grow .vt-bar.neg.hi rect{fill:var(--vt-bad)} #v-grow .vt-bar.hi rect{stroke:var(--dx-text);stroke-width:1.5;stroke-opacity:.35} #v-grow .vt-bv.neg{fill:var(--vt-bad)} #v-grow .vt-ax.b{font-weight:750;fill:var(--dx-text)} #v-grow .vt-legend i.pos{background:var(--vt-good)}#v-grow .vt-legend i.neg{background:var(--vt-bad)} #v-grow .s-ads{background:#f59e0b} #v-grow .vf-kpis b.up{color:var(--vt-good)}#v-grow .vf-kpis b.down,#v-grow .vf-price b.down{color:var(--vt-bad)}#v-grow .vf-price b.up{color:var(--vt-good)} #v-grow [data-p-tgt]{display:contents} /* shell.css */ /* Khung ứng dụng : menu dọc bên trái (nhóm có mục con), thanh trên gọn. Nạp sau cùng. */ :root{--sb-w:224px;--sb-w-mini:64px;--sb-top:52px} body.aff-sb #mods{display:none} body.aff-sb .topnav{padding-left:12px} body.aff-sb .wrap{margin-left:var(--sb-w);transition:margin-left .18s ease} body.aff-sb.sb-mini .wrap{margin-left:var(--sb-w-mini)} .sb{position:fixed;left:0;top:var(--sb-top);bottom:0;width:var(--sb-w);z-index:45;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width .18s ease,transform .18s ease} .sb-scroll{flex:1;min-height:0;overflow:auto;padding:12px 10px 8px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin} .sb-item,.sb-group>summary{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;font-weight:500;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;list-style:none;white-space:nowrap;text-decoration:none} .sb-group>summary::-webkit-details-marker{display:none} .sb-item:hover,.sb-group>summary:hover{background:var(--panel-2)} .sb-item:focus-visible,.sb-group>summary:focus-visible{outline:2px solid var(--brand);outline-offset:-2px} .sb-ic{width:18px;height:18px;flex:none;color:var(--muted)} .sb-ic svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .sb-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis} .sb-chev{width:14px;height:14px;color:var(--muted);transition:transform .15s ease;flex:none} .sb-chev svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:2} .sb-group[open]>summary .sb-chev{transform:rotate(180deg)} .sb-sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 19px;padding-left:12px;border-left:1px solid var(--line)} .sb-sub .sb-item{font-size:13px;padding:7px 10px;color:var(--muted);font-weight:500} .sb-sub .sb-item:hover{color:var(--fg)} .sb-item.on{background:#efedff;color:#5b4ce0;font-weight:600} .sb-item.on .sb-ic{color:#5b4ce0} .sb-group.has-on>summary{color:var(--fg);font-weight:600} .sb-group.has-on>summary .sb-ic{color:#5b4ce0} .sb-sep{height:1px;background:var(--line);margin:8px 6px} .sb-foot{border-top:1px solid var(--line);padding:8px 10px;display:flex;align-items:center;gap:8px} .sb-foot .sb-note{flex:1;font-size:11.5px;color:var(--muted);line-height:1.35;white-space:normal} .sb-collapse{border:1px solid var(--line);background:var(--panel);color:var(--muted);width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;flex:none} .sb-collapse:hover{color:var(--brand);border-color:var(--brand)} .sb-collapse svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2} @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sb-item.on{background:#262145;color:#b7aefc}:root:not([data-theme=light]) .sb-item.on .sb-ic,:root:not([data-theme=light]) .sb-group.has-on>summary .sb-ic{color:#b7aefc}} :root[data-theme=dark] .sb-item.on{background:#262145;color:#b7aefc} :root[data-theme=dark] .sb-item.on .sb-ic,:root[data-theme=dark] .sb-group.has-on>summary .sb-ic{color:#b7aefc} /* thu gọn: chỉ còn biểu tượng */ body.sb-mini .sb{width:var(--sb-w-mini)} body.sb-mini .sb-label,body.sb-mini .sb-chev,body.sb-mini .sb-sub,body.sb-mini .sb-note,body.sb-mini .sb-sep{display:none} body.sb-mini .sb-item,body.sb-mini .sb-group>summary{justify-content:center;padding:10px 0} body.sb-mini .sb-foot{justify-content:center} body.sb-mini .sb-collapse svg{transform:rotate(180deg)} /* nút mở menu trên màn hình hẹp */ .sb-burger{display:none;border:1px solid var(--line);background:var(--panel);color:var(--fg);width:34px;height:34px;border-radius:8px;place-items:center;cursor:pointer;flex:none} .sb-burger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2} .sb-veil{display:none} @media (max-width:900px){ body.aff-sb .wrap,body.aff-sb.sb-mini .wrap{margin-left:0} .sb,body.sb-mini .sb{width:min(280px,82vw);transform:translateX(-100%);box-shadow:none} body.sb-mini .sb-label,body.sb-mini .sb-chev,body.sb-mini .sb-note,body.sb-mini .sb-sep{display:revert} body.sb-mini .sb-sub{display:flex} body.sb-mini .sb-item,body.sb-mini .sb-group>summary{justify-content:flex-start;padding:9px 10px} body.sb-open .sb{transform:none;box-shadow:8px 0 24px rgba(0,0,0,.18)} body.sb-open .sb-veil{display:block;position:fixed;inset:var(--sb-top) 0 0 0;background:rgba(15,23,42,.35);z-index:44} .sb-burger{display:grid} .sb-collapse{display:none} } @media (prefers-reduced-motion:reduce){.sb,body.aff-sb .wrap{transition:none}} @media (max-width:900px){.sb{top:0;z-index:70}body.sb-open .sb-veil{inset:0;z-index:69}} /* khung ngày vượt quá gói */ .vt-lock{opacity:1;background:color-mix(in srgb,var(--muted,#8a90a0) 12%,transparent)!important;color:var(--muted,#8a90a0)!important;border-color:transparent!important;filter:saturate(0);cursor:pointer} .vt-lock::after{content:' 🔒';font-size:.85em} .vt-histmsg{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;max-width:min(560px,calc(100vw - 32px));background:#1f2430;color:#fff;border-radius:12px;padding:12px 16px;font-size:13.5px;line-height:1.5;box-shadow:0 12px 32px rgba(0,0,0,.25)} .vt-histmsg a{color:#b9b0ff;font-weight:600} /* hộp mời nâng cấp Pro khi bấm khung 180 / 365 ngày */ .vt-progate{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:rgba(15,18,30,.55);opacity:0;transition:opacity .18s} .vt-progate.show{opacity:1} .vt-pg-box{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel,#fff);color:var(--fg,#1d2433);border-radius:18px;padding:22px 22px 18px;box-shadow:0 24px 60px rgba(0,0,0,.3)} .vt-pg-x{position:absolute;right:10px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:22px;color:var(--muted,#6b7585);cursor:pointer} .vt-pg-tag{display:inline-block;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,#ff5f8f,#7d6ff2);color:#fff;font-size:11px;font-weight:800;letter-spacing:.8px} .vt-pg-box h3{margin:8px 0 12px;font-size:19px} .vt-pg-prev{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:12px;background:var(--panel-2,#f4f6fb);overflow:hidden} .vt-pg-prev svg{grid-column:1/-1;width:100%;height:80px;filter:blur(3px)}.vt-pg-prev polyline{fill:none;stroke:#7d6ff2;stroke-width:3;stroke-linejoin:round} .vt-pg-k{filter:blur(4px)}.vt-pg-k b{display:block;font-size:18px}.vt-pg-k span{font-size:12px;color:var(--muted,#6b7585)} .vt-pg-lock{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:14px;color:#4b3fd6;background:rgba(255,255,255,.25)} .vt-pg-box ul{margin:14px 0;padding-left:18px;font-size:13.5px;line-height:1.55}.vt-pg-box li{margin-bottom:6px} .vt-pg-act{display:flex;gap:8px;flex-wrap:wrap}.vt-pg-go{flex:1;text-align:center;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#ff5f8f,#7d6ff2);color:#fff!important;font-weight:800;text-decoration:none} .vt-pg-later{padding:10px 14px;border-radius:10px;border:1px solid var(--line,#e2e5ee);background:transparent;color:inherit;cursor:pointer} .vt-pg-fine{margin:10px 0 0;font-size:12px;color:var(--muted,#6b7585)} .sb-pro{margin-left:auto;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:99px;background:linear-gradient(135deg,#ff5f8f,#7d6ff2);color:#fff;line-height:1.3} body.sb-mini .sb-pro{display:none}