/* LieTrade refined visual layer. Existing routes and data renderers are retained. */
:root{--bg-base:#f3f5f8;--bg-panel:#fff;--bg-panel-2:#f7f9fc;--bg-hover:#edf2f9;--border:#e5eaf1;--border-soft:#eef1f6;--border-strong:#d9e1ed;--text-1:#17263d;--text-2:#52627a;--text-3:#728099;--text-4:#8490a3;--accent:#315dc5;--accent-2:#315dc5;--accent-soft:#edf2fd;--radius:14px;--radius-sm:8px;--radius-lg:16px;--shadow:0 6px 24px #17263d09;--sidebar-w:232px;--topbar-h:68px;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--up:#168568;--up-soft:#eaf6f1;--down:#cf5363;--down-soft:#fff0f2;--down-bg:#fffafb}
body{font-size:13px;line-height:1.65;font-feature-settings:"cv11","ss01";background:var(--bg-base)}
::selection{background:#dbe6ff;color:#183878}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary,[tabindex]:focus-visible{outline-offset:4px}
:focus-visible{outline:2px solid #5276c8}
.sidebar{background:#fbfcfe;border-right:1px solid #e2e7ef;padding-bottom:0;scrollbar-width:thin;scrollbar-color:#dce2ec transparent}
.brand{padding:25px 20px 22px;gap:12px;border-bottom:0;min-height:100px}
.brand .logo{width:38px;height:38px;flex:0 0 38px;background:#203553;box-shadow:0 4px 10px #17263d14;border-radius:11px}
.brand .name{font-size:21px;letter-spacing:-.6px;color:#192c47;font-weight:750}
.brand .sub{font-size:10px;color:#8490a3;margin-top:3px;letter-spacing:.3px}
.nav-group{padding:0 13px;margin:5px 0 17px}
.nav-group>.group-title{font-size:10px;letter-spacing:1px;font-weight:600;color:#8290a5;padding:8px 11px}
.nav-item{padding:9px 11px;gap:11px;margin:3px 0;border-radius:8px;color:#607088;font-size:12px;min-height:38px;border-color:transparent}
.nav-item:hover{background:#eef2f8;color:#243f67}
.nav-item.active{background:#e9effb;border-color:transparent;color:#2e55a6;font-weight:650;box-shadow:inset 3px 0 #446dc6}
.nav-item .ico{opacity:.8;width:16px;height:16px}
.nav-item .hot{border:0;background:#edf1f6;color:#7d899a;font-size:9px;font-weight:500;padding:1px 6px;letter-spacing:.2px}
.nav-item.active .hot{background:#dfe8fa;color:#4665a1}
.sidebar-foot{position:sticky;bottom:0;background:#fbfcfef5;padding:17px;border-top:1px solid var(--border);font-size:12px;backdrop-filter:blur(12px)}
.notice-bar,.notice-bar.has-status{min-height:68px;background:#fffffff2;padding:12px 30px;gap:18px;border-bottom:1px solid var(--border);backdrop-filter:blur(16px);flex-wrap:wrap}
.lt-workspace-name{display:flex;align-items:center;gap:12px;color:#7b899f;font-size:11px;white-space:nowrap}
.lt-workspace-name strong{font-size:12px;color:#34455f;font-weight:600}
.lt-workspace-mark{font-size:20px;color:#6880a8}.lt-workspace-divider{color:#d2d9e3}
.lt-notice-detail{position:relative;margin-right:auto;font-size:11px;color:#7b899f}
.lt-notice-detail summary{cursor:pointer;list-style:none;border-left:1px solid #e5eaf1;padding-left:16px;white-space:nowrap}
.lt-notice-detail summary::after{content:' ⓘ';color:#96a3b6}
.lt-notice-detail>div{position:absolute;top:32px;left:0;width:300px;max-width:80vw;padding:18px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 36px #17263d1a;border-radius:12px;line-height:1.9;color:#52627a;z-index:30}
.lt-status-wrap{gap:7px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.lt-mini{border-radius:7px;padding:6px 10px;font-size:11px;border-color:#e3e8f0;background:#fff;line-height:1.5}
.lt-status{border-radius:6px;border:0;background:#f4f7fa;padding:6px 9px;font-size:10px;white-space:nowrap}
.content{padding:27px 30px 60px;max-width:1760px;margin:0 auto}
.crumbs{font-size:10px;gap:9px;margin-bottom:16px;color:#8b97aa}
.crumbs b{font-weight:500;color:#738199}
.page-head{margin-bottom:24px}
.page-head h1{font-size:28px;letter-spacing:-.7px;font-weight:700;color:#1b2b43;margin-bottom:8px;line-height:1.35}
.page-head .desc{font-size:12px;color:#77859a;line-height:1.9}
.lt-refined-hero{position:relative;background:#1d304c;border:1px solid #2b4262;border-radius:16px;padding:27px 30px 28px;overflow:hidden;margin-bottom:20px}
.lt-refined-hero::after{content:'';position:absolute;right:40px;top:-96px;width:310px;height:310px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff02;pointer-events:none}
.lt-hero-eyebrow{font-size:9px;color:#9eb2d2;letter-spacing:2.3px;margin-bottom:12px}
.lt-refined-hero h1{color:#fff;font-size:32px;font-weight:600;letter-spacing:-.6px}
.lt-refined-hero .desc{color:#b7c6da;max-width:70%}
.lt-hero-link{position:absolute;right:32px;bottom:32px;z-index:1;color:#d9e5f8;font-size:11px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #7c96bd66;padding-bottom:9px}
.lt-hero-link:hover{color:white;border-color:#d9e5f8}.lt-hero-link span{font-size:19px}
.grid{gap:18px}.grid>*{min-width:0}
.card,.tr-card,.blog-card{border-color:#e4e9f1;border-radius:14px;box-shadow:0 3px 12px #1b2d4903}
.card{padding:21px}.card-head{gap:10px;margin-bottom:20px;align-items:flex-start;flex-wrap:wrap}
.card-title{font-size:13px;letter-spacing:.1px;font-weight:650;gap:9px;flex-wrap:wrap}
.card-title .sub{font-size:10px;font-weight:400;color:#8b97a8}
.kpi{gap:5px}.kpi .label{font-size:11px;color:#7c899e}.kpi .value{font-family:var(--font);font-size:24px;letter-spacing:-.8px;font-weight:650;font-variant-numeric:tabular-nums}.kpi .delta{font-size:10px;font-weight:500}.kpi .mini{margin-top:7px;height:30px}
.table-wrap{border:1px solid #edf1f6;border-radius:9px;max-width:100%}
table.tbl{font-size:12px;font-variant-numeric:tabular-nums}
table.tbl th{background:#f7f9fc;font-size:10px;font-weight:500;color:#7a879b;padding:13px 12px;border-bottom:1px solid #e7ecf3}
table.tbl td{padding:13px 12px;border-bottom-color:#eff2f6}
table.tbl tbody tr:hover{background:#f4f7fc}.coin .nm{font-size:12px;font-weight:600}.coin .full{font-size:10px;color:#8b97a8}.coin .sym-ico{width:26px;height:26px;background:#edf2f8;color:#71829d;font-size:8px}
.tag{font-size:10px;font-weight:500;border-radius:5px;padding:2px 7px}.tag-blue{background:#edf2fc;color:#5470a8}.tag-amber{background:#faf2e5;color:#a88043}.tag-purple{background:#f1edfa;color:#7f6b9e}
.seg{background:#edf1f6;border-color:transparent;border-radius:8px;padding:3px}.seg button{font-size:11px;padding:6px 11px}.seg button.on{color:#29476f;box-shadow:0 2px 6px #1c304c0c}
.chip{border-radius:7px;font-size:11px;padding:5px 11px}.chip.on{background:#263e61;border-color:#263e61}
.tabs{gap:8px;border-color:#e3e9f2}.tabs button{font-size:12px;padding:12px 15px}
.pano-stat,.td-stat{border-radius:11px}.pano-stats{gap:12px}.pano-stat{background:#fff;padding:17px}.pano-banner{background:#edf2fb;color:#456087;border:1px solid #dfe7f5;border-radius:10px}
.heat{gap:5px}.heat .cell{border-radius:6px;font-size:10px}
.lt-toolbar{gap:8px;flex-wrap:wrap}.lt-toolbar>*{min-width:0}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-color:#dfe6ef;border-radius:7px;background-color:#fff;color:#40516b}
input::placeholder,textarea::placeholder{color:#99a4b6}
@media(min-width:881px) and (max-width:1250px){.notice-bar,.notice-bar.has-status{padding:12px 22px;gap:10px}.lt-workspace-name>span:last-child,.lt-workspace-divider{display:none}.content{padding:24px 22px}.card{padding:17px}.kpi .value{font-size:21px}}
@media(max-width:880px){.notice-bar,.notice-bar.has-status{padding:10px 14px;gap:10px;min-height:62px}.lt-workspace-name{gap:9px}.lt-notice-detail{margin-left:auto;margin-right:0}.lt-notice-detail>div{left:auto;right:0}.lt-workspace-name>span:last-child,.lt-workspace-divider{display:none}.lt-status-wrap{flex:1 1 100%;justify-content:flex-start;gap:7px}.content{padding:22px 16px 40px}.page-head h1{font-size:25px}.lt-refined-hero{padding:23px}.lt-refined-hero h1{font-size:28px}.lt-refined-hero .desc{max-width:100%;font-size:11px}.lt-hero-link{position:relative;bottom:auto;right:auto;width:max-content;margin-top:20px;gap:35px}.lt-refined-hero::after{right:-180px}.card{padding:18px}.grid{gap:14px}.brand{padding-top:25px}.sidebar{width:250px}.nav-item{padding:11px}.lt-mini{padding:6px 9px}.lt-status{font-size:10px}.card-title{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Dense market cards retain readable, non-overlapping financial figures. */
.card .kpi{min-width:0}.card .kpi .mini{overflow:hidden}.card .kpi .mini svg{filter:saturate(.7)}
.card .grid.cols-2{gap:12px}
.lt-tbar{flex-wrap:wrap;gap:7px;padding:8px 0 12px}.lt-tbar .lt-cnt{white-space:nowrap;font-size:10px}.lt-tbar input{min-width:75px;max-width:100%;flex:1 1 100px}.lt-tbar .lt-mini{white-space:nowrap}
@media(min-width:881px) and (max-width:1450px){.cols-4 .kpi .value{font-size:18px;letter-spacing:-.6px}.cols-4 .kpi .label{font-size:10px}}
@media(max-width:520px){.kpi .value{font-size:23px}.lt-tbar{gap:6px}.lt-status-wrap{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.lt-status-wrap>*{flex-shrink:0}.lt-workspace-name strong{font-size:12px}.lt-notice-detail{font-size:10px}.content>.grid{min-width:0}.table-wrap{max-width:100%}}
@media(max-width:520px){.lt-status-wrap{overflow:visible;flex-wrap:wrap}.lt-status-wrap .lt-status{flex:1 1 100%;background:transparent;padding:0 2px 3px}.lt-status-wrap .lt-mini{flex:1 1 auto;text-align:center}}