/* 视觉系统：墨蓝 / 银白 / 青绿；开放分区，不使用卡片容器。 */
:root{color-scheme:dark;--bg:oklch(17% .022 240);--surface:oklch(21% .025 240);--fg:oklch(94% .006 230);--muted:oklch(71% .018 235);--border:oklch(32% .018 235);--accent:oklch(81% .115 220);--nav:oklch(15% .023 240);--teal:var(--accent);--risk:oklch(83% .09 80);--positive:oklch(81% .115 220);--font-display:'Songti SC','Noto Serif CJK SC','STSong',serif;--font-body:'PingFang SC','Hiragino Sans GB',-apple-system,system-ui,sans-serif;--font-mono:'Avenir Next','SF Pro Display',-apple-system,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.7 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,.btn{min-height:44px;padding:10px 18px;border:1px solid var(--border);background:transparent;border-radius:2px;color:var(--fg);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500}button:hover,.btn:hover{background:var(--surface);border-color:var(--muted)}button:active,.btn:active{background:color-mix(in oklch,var(--surface),var(--accent) 9%)}button:disabled{cursor:not-allowed;opacity:.5}.primary,a.btn.primary{background:var(--accent);color:var(--nav);border-color:var(--accent)}.primary:hover,a.btn.primary:hover{background:oklch(88% .08 220);border-color:oklch(88% .08 220)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg.ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4;flex-shrink:0}.skip{position:fixed;top:-60px;z-index:99;background:var(--surface);padding:12px}.skip:focus{top:0}
/* 桌面：安静的目录式侧栏；信息区独立建立节奏。 */
.sidebar{position:fixed;inset:0 auto 0 0;width:198px;background:var(--nav);color:var(--muted);padding:40px 24px;display:flex;flex-direction:column;border-right:1px solid var(--border);z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-size:16px;letter-spacing:-.5px;font-weight:650}.mark{width:40px;height:40px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.mark svg{display:block;width:40px;height:40px}.brand>span{line-height:1.25;flex-shrink:0;white-space:nowrap}.brand small{display:block;font-size:14px;line-height:1.3;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:2px;white-space:nowrap}.sidebar nav{margin-top:74px;display:grid;gap:12px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:15px;padding:13px 8px;min-height:48px;border-radius:0;font-size:14px;letter-spacing:1.5px}.sidebar nav a:hover{color:var(--fg)}.sidebar nav a.active{color:var(--fg);background:transparent}.sidebar nav a.active svg{color:var(--accent)}.account{margin-top:auto;display:flex;gap:10px;align-items:center;border-top:0;padding:24px 0 0;font-size:14px}.avatar{width:34px;height:34px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--fg);background:transparent}.account small{display:block;font-size:14px;color:var(--muted)}.account>.ico{width:14px;margin-left:auto}.main{margin-left:198px;padding:46px clamp(28px,4.4vw,84px) 32px;max-width:1920px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px}.eyebrow{font-size:14px;letter-spacing:3px;color:var(--muted);margin:0 0 15px}h1{font:400 clamp(30px,2.9vw,44px)/1.25 var(--font-body);letter-spacing:1px;margin:0}h2{font:500 17px/1.5 var(--font-body);letter-spacing:1px;margin:0}h3{font:500 14px/1.5 var(--font-body);margin:0}p{margin:6px 0}.sub{font-size:14px;color:var(--muted);margin-top:12px;letter-spacing:.4px}.update{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.dot{width:5px;height:5px;background:var(--risk);border-radius:50%}.icon-btn{padding:10px;min-width:44px}.update .icon-btn,.update>.btn{border:0;color:var(--muted)}.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:36px;border-radius:0;font-size:14px;color:var(--muted);background:transparent}.notice strong{color:var(--risk);font-weight:400}.text-link{color:var(--accent);font-weight:400;white-space:nowrap;font-size:14px}.text-link:hover{color:var(--fg)}button.text-link{border:0;padding:8px 0;background:none}.muted{color:var(--muted)}
/* 总览：大数字与长幅趋势并置，不再用独立卡片包裹。 */
.overview{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.65fr);background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:0;padding:0 0 38px}.asset{padding:12px 32px 0 0;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.label{color:var(--muted);font-size:14px;letter-spacing:.6px}.big{font:400 clamp(64px,7vw,108px)/1.1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-4px;margin:24px 0 16px;color:var(--fg)}.currency{font:14px var(--font-body);letter-spacing:2px;color:var(--muted);margin-left:10px}.asset-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:24px;margin-top:34px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.2px}.metric{font-size:23px;line-height:1.5;margin-top:9px}.chart{padding:10px 0 0 34px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.periods{display:flex;gap:4px}.periods button{padding:6px 10px;border:0;background:none;font-size:14px;min-height:44px;border-radius:0;color:var(--muted)}.periods button.selected{color:var(--fg);border-bottom:1px solid var(--accent);background:transparent}.plot{height:242px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 59px,color-mix(in oklch,var(--border),transparent 55%) 59px,color-mix(in oklch,var(--border),transparent 55%) 60px);display:grid;place-items:center;border-bottom:1px solid var(--border)}.empty{text-align:center;color:var(--muted);padding:28px 12px}.empty strong{display:block;color:var(--fg);font-family:var(--font-display);font-size:21px;font-weight:400;margin:10px 0}.empty .ico{display:none}.empty p{font-size:14px;margin-bottom:12px}.chart-footer{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:var(--muted);margin-top:16px}.legend{display:flex;justify-content:center;gap:24px;margin-top:16px;font-size:14px;color:var(--muted)}.legend i{display:inline-block;width:16px;border-top:1px solid var(--fg);vertical-align:middle;margin-right:7px}.legend i.cyan{border-color:var(--accent);border-top-style:dashed}
/* 开放分区：仅共享边界，不使用浮动、阴影、圆角背景。 */
.duo{display:grid;grid-template-columns:1fr 1.12fr;gap:0;margin-bottom:0}.panel{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:30px 0;min-width:0}.duo>.panel{border-top:0;border-bottom:1px solid var(--border);padding:32px 0}.duo>.panel:first-child{padding-right:34px}.duo>.panel+ .panel{border-left:1px solid var(--border);padding-left:34px}.badge{font-size:14px;letter-spacing:.5px;color:var(--risk);border:1px solid color-mix(in oklch,var(--risk),transparent 65%);background:transparent;padding:3px 8px;border-radius:0;white-space:nowrap}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--border)}.tabs button,.tabs .btn{padding:8px 0;border:0;background:none;font-size:14px;min-height:44px;border-radius:0;color:var(--muted)}.tabs button.selected{border-bottom:1px solid var(--accent);color:var(--fg)}.temperature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin:24px 0}.gauge{position:relative;width:172px;max-width:100%;margin:auto;text-align:center}.gauge svg{width:100%;height:auto;display:block}.gauge svg path{stroke:var(--border);stroke-width:3;stroke-linecap:butt}.gauge svg path+path{stroke:var(--muted);stroke-dasharray:2 4;opacity:.55}.gauge-value{position:absolute;inset:48px 0 auto;font:400 44px var(--font-mono)}.gauge-value small{display:block;font:14px var(--font-body);color:var(--muted);margin-top:6px}.ranges{font-size:14px;line-height:2.15;color:var(--muted)}.ranges span{display:inline-block;width:64px;font-family:var(--font-mono);color:var(--fg)}.footnote{font-size:14px;color:var(--muted);line-height:1.8}.investment{display:flex;align-items:center;gap:18px;margin:20px 0 18px}.invest-icon{display:none}.investment h3{font-size:14px;color:var(--muted);font-weight:400;letter-spacing:.6px}.invest-value{font:400 clamp(38px,4.4vw,64px)/1.3 var(--font-mono);letter-spacing:-2px;color:var(--fg);margin:8px 0}.history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 28px}.history>div:not(:first-child){border-left:1px solid var(--border);padding-left:16px}.history strong{font-size:14px;font-weight:400;display:block;margin:7px 0}.history small{font-size:14px;color:var(--muted)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.actions .primary{flex:1}.allocation{margin-bottom:0;border-top:0;padding-top:32px}.alloc-row{display:grid;grid-template-columns:72px 1fr 210px;gap:24px;align-items:center;margin-top:18px;font-size:14px}.bar{height:4px;display:flex;overflow:hidden;border-radius:0;background:var(--border)}.bar i{height:100%;background:var(--accent)}.bar i:nth-child(2){background:oklch(68% .055 235)}.bar i:nth-child(3){background:oklch(46% .025 240)}.bar.unset{background:repeating-linear-gradient(120deg,var(--border) 0,var(--border) 5px,transparent 5px,transparent 8px)}.live-weights{display:flex;gap:8px}.live-weights meter{width:33.33%;height:6px;accent-color:var(--accent)}meter::-webkit-meter-bar{background:var(--border);border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:var(--accent)}.holdings{border-top:1px solid var(--border);margin-top:30px;padding-top:18px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:right;font-weight:400;color:var(--muted);padding:16px 10px;border-bottom:1px solid var(--border);font-size:14px;letter-spacing:1px}td{text-align:right;padding:22px 10px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left;padding-left:0}tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in oklch,var(--surface),transparent 60%)}.ticker{font-weight:500;color:var(--fg);font-size:15px;letter-spacing:.5px}.ticker small{display:block;font:14px/1.7 var(--font-body);color:var(--muted);margin-top:5px;letter-spacing:0}.bottom-nav{display:none}.footer{font-size:14px;color:var(--muted);display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:20px;border-top:1px solid var(--border)}.footer .text-link{font-size:14px}.mobile-links{display:none}
/* 表单 / 弹层 / 状态；保留原有录入和校验行为。 */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:14px;color:var(--muted)}input,select{width:100%;height:48px;border:1px solid var(--border);background:var(--surface);border-radius:2px;padding:10px 12px;margin-top:8px;color:var(--fg)}input::placeholder{color:var(--muted)}input:focus,select:focus{border-color:var(--accent)}input[readonly]{background:transparent;color:var(--muted)}.field-wide{grid-column:1/-1}.form-actions{margin-top:28px;display:flex;gap:12px;justify-content:flex-end}.error{color:oklch(82% .1 25);font-size:14px;min-height:20px;overflow-wrap:anywhere}.filter{display:flex;gap:12px;align-items:center;margin-bottom:20px}.filter input{margin:0;flex:1;min-width:0}.filter select{margin:0;width:150px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:24px;border-block:1px solid var(--border)}.stat-row .panel{padding:26px 28px;border:0}.stat-row .panel:first-child{padding-left:0}.stat-row .panel+.panel{border-left:1px solid var(--border)}.stat-row strong{font:400 38px var(--font-mono);display:block;margin-top:14px}.narrow{max-width:880px}.setting-row{padding:22px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row p{font-size:14px;color:var(--muted);margin-top:8px}.setting-row:last-child{border-bottom:0}.progress{height:3px;background:var(--border);border-radius:0;margin:24px 0;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}dialog{border:1px solid var(--border);border-radius:2px;padding:32px;width:min(640px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--fg);background:var(--bg)}dialog::backdrop{background:oklch(10% .025 240 / .85);backdrop-filter:blur(5px)}dialog .section-head{margin-bottom:26px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);color:var(--fg);padding:14px 24px;border-radius:2px;z-index:100;max-width:calc(100% - 32px);font-size:14px;display:none}.toast.show{display:block}.symbol-note{margin:16px 0;color:var(--muted);font-size:14px}.source-records{display:none}.file-zone{padding:24px;border:1px dashed var(--border);text-align:center;margin:20px 0;border-radius:0}.file-zone input{border:0;max-width:350px;height:auto;font-size:14px}.description{max-width:640px;color:var(--muted);font-size:14px}
/* 平板：缩减侧栏，同时保留目录与开放式两栏。 */
@media(min-width:1600px){.plot{height:284px}.main{padding-top:56px}.overview{grid-template-columns:1fr 2fr}}
@media(max-width:1180px){.sidebar{width:174px;padding:32px 18px}.main{margin-left:174px;padding:34px 28px}.brand{font-size:14px}.overview{grid-template-columns:minmax(210px,.9fr) minmax(0,1.3fr)}.asset{padding-right:24px}.chart{padding-left:24px}.section-head{flex-wrap:wrap}.duo>.panel:first-child{padding-right:24px}.duo>.panel+.panel{padding-left:24px}.alloc-row{grid-template-columns:68px 1fr 175px;gap:16px}.history{gap:10px}.history>div:not(:first-child){padding-left:10px}.history strong{font-size:14px}.temperature{gap:12px}.gauge{width:154px}.gauge-value{inset:42px 0 auto}}
@media(max-width:900px){.sidebar{width:76px;padding:30px 16px}.brand>span,.sidebar nav a span,.account>div:not(.avatar),.account>.ico{display:none}.brand{justify-content:center}.sidebar nav a{justify-content:center;padding:12px 0}.account{justify-content:center}.main{margin-left:76px;padding:30px}.overview{grid-template-columns:1fr}.asset{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;border-right:0;padding:6px 0 28px}.asset-bottom{display:block;border-left:1px solid var(--border);padding:0 0 0 28px;margin:0}.asset-bottom>div+div{margin-top:20px}.big{font-size:76px}.chart{padding:24px 0 0;border-top:1px solid var(--border)}.temperature{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr 1fr}.history{grid-template-columns:1fr}.history>div:not(:first-child){padding:10px 0 0;border-left:0;border-top:1px solid var(--border)}.history strong{display:inline;margin-left:10px}.history small{display:block;margin-top:4px}.alloc-row{grid-template-columns:68px 1fr}.alloc-row>span:last-child{grid-column:2;margin-top:-8px}.stat-row .panel{padding:22px 16px}}
/* 手机：重新组织资产摘要、纵向区段与底部真实产品导航。 */
@media(max-width:650px){body{font-size:14px}.sidebar{display:none}.main{margin-left:0;padding:28px 22px calc(112px + env(safe-area-inset-bottom))}.top{align-items:flex-start;gap:12px;margin-bottom:28px}h1{font-size:29px;letter-spacing:0}.eyebrow{font-size:14px;margin-bottom:12px;letter-spacing:2px}.sub{font-size:14px;max-width:220px;margin-top:10px}.update{font-size:14px;gap:6px;flex-wrap:nowrap;justify-content:flex-end;max-width:none;flex-shrink:0;white-space:nowrap;margin-top:4px}.update .icon-btn,.update>.btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;padding:10px}.notice{padding:12px 0;font-size:14px;margin-bottom:26px;align-items:flex-start}.notice .text-link{font-size:14px;white-space:normal;min-width:62px}.overview{padding:0 0 26px}.asset{grid-template-columns:1fr 1fr;gap:12px;padding:0 0 26px}.big{font-size:64px;margin:18px 0 10px}.asset-bottom{padding-left:18px}.asset-bottom>div+div{margin-top:18px}.metric{font-size:20px}.label{font-size:14px}.currency{font-size:14px;margin-left:6px}.asset .footnote{font-size:14px}.chart{padding:24px 0 0;background:transparent;border-radius:0}.section-head{margin-bottom:18px}h2{font-size:16px;letter-spacing:.5px}.chart .section-head{display:block}.periods{justify-content:flex-end;margin-top:12px;gap:8px}.periods button{font-size:14px;padding:6px 10px}.plot{height:204px}.empty strong{font-size:18px}.chart-footer{font-size:14px;gap:8px}.legend{font-size:14px;gap:16px}.duo{grid-template-columns:1fr}.panel{padding:26px 0}.duo>.panel,.duo>.panel:first-child,.duo>.panel+.panel{padding:26px 0;border-left:0}.temperature{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.gauge{width:154px}.ranges{font-size:14px}.ranges span{width:58px}.gauge-value{inset:42px 0 auto;font-size:40px}.investment{margin:18px 0}.invest-value{font-size:53px;letter-spacing:-2px}.history{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 24px}.history>div:not(:first-child){border-top:0;border-left:1px solid var(--border);padding:0 0 0 12px}.history strong{display:block;margin:7px 0;font-size:14px}.history small{font-size:14px}.actions{gap:10px}.actions .primary{font-size:14px}.allocation{padding-top:26px}.alloc-row{grid-template-columns:60px 1fr;gap:14px;margin-top:18px}.alloc-row>span:last-child{font-size:14px}.holdings{margin-top:26px;padding-top:6px}.holdings table thead{display:none}.holdings table,.holdings table tbody{display:block}.holdings table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);padding:20px 0;gap:10px 20px}.holdings table td{display:block;border:0;padding:0;font-size:14px}.holdings table td:first-child{grid-column:1/-1;text-align:left;padding-bottom:8px;font-size:17px}.holdings table td:not(:first-child){text-align:left}.holdings table td:not(:first-child):before{content:attr(data-label);display:block;color:var(--muted);font:14px var(--font-body);margin-bottom:5px}.mobile-links{display:flex;gap:24px;margin-top:22px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--nav);border-top:1px solid var(--border);padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:20}.bottom-nav a{flex:1;min-height:48px;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center;color:var(--muted);font-size:14px}.bottom-nav a.active{color:var(--accent)}.footer{flex-direction:column;font-size:14px;margin-top:26px}.form-grid{gap:18px 14px}.form-grid input,.form-grid select{font-size:16px}.filter{flex-wrap:wrap}.filter input{font-size:16px;flex-basis:100%}.filter select{flex:1;font-size:16px}.stat-row{grid-template-columns:1fr}.stat-row .panel,.stat-row .panel:first-child{padding:18px 0;display:flex;align-items:center;justify-content:space-between}.stat-row .panel+.panel{border-left:0;border-top:1px solid var(--border)}.stat-row strong{font-size:25px;margin:0}.toast{bottom:calc(94px + env(safe-area-inset-bottom))}.setting-row{align-items:flex-start}.setting-row .btn{white-space:nowrap}.transaction-table table{min-width:570px}.top>.actions{flex-direction:column;align-items:flex-end}.top>.actions .btn{font-size:14px;padding:8px 12px}.narrow{max-width:none}.section-head .text-link{font-size:14px}dialog{padding:22px}.footnote,.description{overflow-wrap:anywhere}}
@media(max-width:380px){.main{padding-left:16px;padding-right:16px}h1{font-size:27px}.gauge{width:138px}.gauge-value{inset:36px 0 auto}.history{gap:8px}.history>div:not(:first-child){padding-left:8px}.history strong{font-size:14px}.currency{margin-left:4px}}
@media(prefers-reduced-motion:no-preference){button,a,input,select{transition:background .18s,color .18s,border-color .18s}}


/* 设计稿示例数据：仅展示，不进入账本。 */
.sample-chart{display:block;width:100%;height:100%;overflow:visible;font:14px var(--font-mono)}.sample-temperatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.sample-temperature{text-align:center;min-width:0}.sample-temperature strong{display:block;font:400 42px var(--font-mono);margin:16px 0 8px;color:var(--accent)}.sample-temperature small{display:block;color:var(--muted);font-size:14px;margin-top:6px}.sample-arc{height:3px;background:var(--border);margin-top:16px}.sample-arc i{display:block;height:100%;background:var(--accent)}.sample-label{color:var(--accent)}@media(max-width:650px){.sample-temperatures{gap:12px}.sample-temperature strong{font-size:34px}.sample-chart{font-size:14px}.big{font-size:clamp(38px,10.8vw,64px);letter-spacing:-2px}.metric{font-size:clamp(15px,4.1vw,20px)}.asset{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.chart .plot{height:204px}}

/* 总览：去除重复说明，资产摘要使用固定间距。 */
.top{margin-bottom:26px}
.asset{justify-content:flex-start;gap:20px}
.big{margin:14px 0 0}
.asset-bottom{margin-top:0;padding-top:0}
@media(max-width:960px){.asset{gap:20px}.asset-bottom{margin-top:0;padding-top:0}}
@media(max-width:650px){.top{margin-bottom:22px}.asset{gap:12px}.big{margin:12px 0 0}}

/* 紧凑品牌锁定：名称与标语保持单行。 */
.brand{gap:8px;font-size:14px;letter-spacing:-.3px}
.brand>span{display:flex;flex-direction:column;gap:2px;white-space:nowrap;line-height:1.15}
.brand small{font-size:14px;line-height:1.2;margin-top:0;white-space:nowrap;letter-spacing:0}
@media(min-width:651px) and (max-width:960px){.brand>span{display:none}}

/* 市场温度：细环仪表，进度与语义色共同表达热度。 */
/* 市场温度：设计稿的开放分段环，游标对应 0–100 温度。 */
.market-thermometers{--cool:oklch(76% .10 220);--normal:oklch(80% .07 190);--warm:oklch(81% .12 80);--hot:oklch(75% .14 45);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0 12px}
.thermal-row{display:flex;flex-direction:column;align-items:center;min-width:0;--tone:var(--warm)}.thermal-row[data-zone="normal"]{--tone:var(--normal)}
.thermal-name{display:flex;flex-direction:column;align-items:center;order:-1;gap:5px;margin-bottom:14px}.thermal-name b{font-size:15px;letter-spacing:1px}.thermal-name small{font-size:14px}
.thermal-dial{position:relative;width:100%;max-width:172px;aspect-ratio:1;margin-bottom:0}.thermal-dial svg{display:block;width:100%;height:100%;fill:none;transform:rotate(135deg);overflow:visible}
.thermal-track{fill:none;stroke:color-mix(in oklch,var(--fg),transparent 91%);stroke-width:7;stroke-dasharray:74 100;stroke-linecap:butt}
.thermal-segment{fill:none;stroke-width:7;stroke-dasharray:17.75 100;stroke-dashoffset:var(--offset);stroke-linecap:butt}
.thermal-segment-0{stroke:var(--cool)}.thermal-segment-1{stroke:var(--normal)}.thermal-segment-2{stroke:var(--warm)}.thermal-segment-3{stroke:var(--hot)}
.thermal-inner{fill:none;stroke:color-mix(in oklch,var(--fg),transparent 88%);stroke-width:.5;stroke-dasharray:75 100}
.thermal-marker{transform:rotate(calc(var(--reading)*2.7deg));transform-origin:60px 60px}.thermal-marker .thermal-pointer{fill:none;stroke:var(--fg);stroke-width:1.8;stroke-linecap:round;opacity:.96}
.thermal-reading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--fg);gap:0}.thermal-reading strong{font:400 clamp(34px,3.2vw,48px)/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-1px;transform:translateY(-2px)}.thermal-reading span{position:absolute;bottom:9%;font-size:14px;letter-spacing:.5px;color:var(--tone)}
.thermal-legend{display:none}
@media(max-width:1180px){.market-thermometers{gap:12px}.thermal-dial{max-width:152px}}
@media(max-width:650px){.market-thermometers{gap:14px;margin:22px 0 14px}.thermal-dial{max-width:144px}.thermal-name{margin-bottom:12px}.thermal-reading strong{font-size:clamp(30px,8vw,40px)}.thermal-name b{font-size:14px}}

/* 资产与曲线紧凑排版：日期仅在横轴显示，范围仅在顶部显示。 */
.chart-footer{display:none}
.chart .section-head{margin-bottom:14px}
.sample-chart{overflow:hidden}
.chart .legend{margin-top:12px}
@media(min-width:901px){.chart .plot{height:clamp(170px,13vw,210px)}.overview{padding-bottom:24px}.asset{gap:18px}}
@media(max-width:650px){.chart .legend{gap:16px;flex-wrap:wrap}}

/* 配置占比：统一刻度，实心为当前，竖线为目标 */
.allocation-comparison{margin-top:24px}.allocation-key{display:flex;justify-content:flex-end;gap:18px;font-size:14px;color:var(--muted);margin-bottom:18px}.allocation-key span{display:flex;align-items:center;gap:7px}.allocation-key i{display:inline-block;width:14px;height:3px;background:var(--accent)}.allocation-key .target-key{width:1px;height:12px;background:var(--fg)}.allocation-item{display:grid;grid-template-columns:72px minmax(0,1fr) 120px;gap:24px;align-items:center;padding:15px 0}.allocation-symbol{font:500 14px var(--font-mono)}.allocation-track{height:6px;position:relative;background:color-mix(in oklch,var(--fg),transparent 92%)}.allocation-fill{display:block;height:100%;width:0;background:var(--accent)}.allocation-target{position:absolute;left:var(--target);top:-4px;width:1px;height:14px;background:var(--fg);transform:translateX(-50%)}.allocation-numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:right;font:14px var(--font-mono)}.allocation-numbers .allocation-goal{color:var(--muted)}.allocation-scale{display:flex;justify-content:space-between;margin:10px 144px 0 96px;font:14px var(--font-mono);color:var(--muted)}
@media(max-width:650px){.allocation-item{grid-template-columns:54px minmax(0,1fr) 96px;gap:12px;padding:16px 0}.allocation-numbers{gap:10px;font-size:14px}.allocation-symbol{font-size:14px}.allocation-scale{margin-left:66px;margin-right:108px}.allocation-key{gap:14px}}

/* 辅助文字可读性：品牌标语保持单行，侧栏为字号留出空间。 */
.brand small{font-size:12px;line-height:1.3}.footer,.footer .text-link{font-size:12px}.bottom-nav a{font-size:12px}
@media(min-width:961px){.sidebar{width:208px;padding-left:16px;padding-right:16px}.sidebar nav a{justify-content:center;padding-left:0;padding-right:16px}.main{margin-left:208px}}
/* 账户入口仅保留头像与名称。 */
.sidebar .account{gap:12px;border:0;padding-top:24px}
@media(min-width:901px){.sidebar .account{justify-content:center;padding-left:0;padding-right:16px}}.sidebar .account .avatar{width:42px;height:42px;flex:0 0 42px;font-size:16px}.sidebar .account small,.sidebar .account>.ico{display:none}

/* 曲线横向铺满，文字独立排版，避免随 SVG 拉伸。 */
.plot{display:block}
.sample-chart{width:100%;height:calc(100% - 30px);overflow:hidden}
.chart-axis{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:14px var(--font-mono);white-space:nowrap}
.chart-end-values{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:14px var(--font-mono);line-height:1.2}
.chart-end-values span+span{color:var(--accent)}
@media(max-width:650px){.chart-axis{font-size:14px}.chart-axis span:nth-child(2),.chart-axis span:nth-child(4){display:none}}

/* 月/年/全部：原生单选切换曲线，适用于无脚本的可刷新预览。 */
.period-switch{display:flex;gap:4px;align-items:center;flex-shrink:0}.period-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.period-switch label{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 10px;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:1px solid transparent}.period-switch input:checked+label{color:var(--fg);border-color:var(--accent)}.period-switch input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.period-view{display:none;height:100%;position:relative}.chart:has(#chart-month:checked) [data-chart-period="month"],.chart:has(#chart-year:checked) [data-chart-period="year"],.chart:has(#chart-all:checked) [data-chart-period="all"]{display:block}
@media(max-width:650px){.chart .section-head{display:flex;flex-wrap:wrap;align-items:center}.period-switch{margin-left:auto}.chart-axis span{font-size:12px}}

/* 手机资产摘要：总资产独占整行，辅助指标并排 */
@media(max-width:650px){
.overview .asset{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px}
.overview .asset>div{min-width:0}
.overview .asset .big{font-size:clamp(52px,14vw,72px);line-height:1.1;margin:12px 0 0;white-space:nowrap}
.overview .asset-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-left:0;padding:0;margin:0}
.overview .asset-bottom>div+div{margin-top:0}
.overview .asset-bottom .metric{font-size:clamp(17px,4.6vw,20px);margin-top:8px}
}

/* 移动端品牌标识 */
.mobile-logo{display:none}
@media(max-width:650px){.top h1{display:flex;align-items:center;gap:9px}.mobile-logo{display:block;width:28px;height:28px;flex:0 0 28px}.mobile-logo svg{display:block;width:100%;height:100%}}

/* 手机顶部：品牌单行，页面标题独立于品牌下方 */
.mobile-brandline{display:none}
@media(max-width:650px){
.top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:20px}
.mobile-brandline{display:flex;grid-column:1/-1;align-items:center;gap:10px;min-width:0}
.mobile-brandline .mobile-logo{width:48px;height:48px;flex:0 0 48px}
.mobile-brandcopy{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-brandcopy strong{font:600 17px/1.2 var(--font-body);color:var(--fg);white-space:nowrap;letter-spacing:-.2px}.mobile-brandcopy small{font:400 12px/1.3 var(--font-body);color:var(--muted);white-space:nowrap;letter-spacing:.2px}
.top .update{margin-top:0}
}

/* 曲线及时间范围容器始终占满绘图区。 */
.chart .plot{display:block;width:100%;min-width:0;place-items:normal}
.chart .period-view{width:100%;min-width:0;max-width:none;margin:0;position:relative}
.chart .plot .sample-chart{position:absolute;inset:0 0 30px;width:100%;height:calc(100% - 30px);max-width:none;display:block;margin:0}

/* 本次金额作为三栏中的主焦点，避免重复呈现 */
.history{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);align-items:center}
.history .current-investment{display:block;margin:0}
.history>div:not(.current-investment) strong{font-size:20px;font-weight:500;color:var(--muted)}
.current-investment>.label{color:var(--accent);font-weight:600}
.current-investment .invest-value{font-size:clamp(44px,4.2vw,64px);font-weight:500;line-height:1.08;letter-spacing:-2px;margin:10px 0 12px;color:var(--fg);white-space:nowrap}
.current-investment h3{font-size:14px;line-height:1.5;margin:0 0 4px}
.current-investment .footnote{display:block;line-height:1.5}
@media(max-width:600px){.history{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr)}.history .current-investment{padding-left:8px}.history>div:not(.current-investment) strong{font-size:18px}.current-investment .invest-value{font-size:clamp(34px,9vw,44px);letter-spacing:-1.5px}}

/* 分割线随两侧内容高度变化，底部与日期对齐。 */
.history{--investment-divider-height:calc(63px + 24px + 30px)}
.history>div:not(:first-child){position:relative;border-left:0}
.history>div:not(:first-child)::before{content:"";position:absolute;left:0;bottom:0;top:auto;transform:none;width:1px;height:var(--investment-divider-height);background:var(--border);pointer-events:none}
@media(max-width:600px){.history{--investment-divider-height:calc(63px + 21.6px + 30px)}}
/* Align the two module actions along the same bottom baseline. */
.duo > .panel{display:flex;flex-direction:column}
.duo > .panel > .actions{margin-top:auto;margin-bottom:0;padding-top:16px;min-height:60px;align-items:flex-end}
.duo > .panel:first-child > .section-head:last-child{margin-top:auto!important;margin-bottom:0;padding-top:16px;min-height:60px;align-items:flex-end}
.duo > .panel:first-child > .section-head:last-child .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 0;line-height:22px}
.duo > .panel > .actions > .primary{min-height:44px;line-height:22px;margin-bottom:0}

/* 三栏统一按产品、金额、日期排列；本次金额保留主层级。 */
.history .investment-product{display:block;font-size:14px;font-weight:500;line-height:21px;margin:10px 0 0;color:var(--fg);white-space:nowrap}
.history>div:not(.current-investment) strong{display:block;margin:8px 0;line-height:1.2;white-space:nowrap}
.history .current-investment .invest-value{margin:2px 0}
.history small{display:block;margin:0;line-height:21px;white-space:nowrap}

/* 三栏等高，以底部日期对齐；保留本次金额层级。 */
.history{align-items:stretch}
.history>div,.history .current-investment{display:flex;flex-direction:column}
.history>div>small{margin-top:auto;padding-top:0}
/* 本次水平居中；两侧内容紧贴日期，行间保留适度呼吸。 */
.history .current-investment{align-items:center;text-align:center;padding:0 8px}
.history>div:not(.current-investment){justify-content:flex-end}
.history>div:not(.current-investment)>small{margin-top:0}
.history>div:not(.current-investment) .investment-product{margin-top:10px}
.history>div:not(.current-investment) strong{margin:10px 0}
.history>div:not(.current-investment)>.label{line-height:21px}
.history .current-investment{justify-content:flex-end}
.history .current-investment .investment-product{margin:2px 0 0}
.history .current-investment>small{margin-top:0}

/* 用户主题：浅色沿用蓝色品牌，原有深色为默认。 */
:root[data-theme="light"],:root:has(#theme-toggle:checked){color-scheme:light;--bg:oklch(98% .004 240);--surface:oklch(100% 0 0);--fg:oklch(24% .025 240);--muted:oklch(48% .022 240);--border:oklch(86% .015 240);--nav:oklch(96% .009 240);--accent:oklch(51% .12 230);--positive:oklch(47% .11 170);--risk:oklch(49% .10 65)}
.theme-switch{position:relative;display:inline-flex;flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);border-radius:50%;color:var(--fg);background:transparent}
.theme-switch:hover{background:var(--surface);border-color:var(--muted)}
.theme-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.theme-switch:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.theme-switch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.theme-switch .theme-moon{display:none}
:root:has(#theme-toggle:checked) .theme-sun{display:none}
:root:has(#theme-toggle:checked) .theme-moon{display:block}
:root:has(#theme-toggle:checked) .primary{color:oklch(100% 0 0)}
:root:has(#theme-toggle:checked) .primary:hover{background:oklch(45% .12 230);border-color:oklch(45% .12 230)}
@media(max-width:650px){.top .update{gap:7px}.theme-switch{flex-basis:44px}}

/* 主题切换与个人中心相邻；移动端归入底部账户区。 */
.theme-state{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}
.sidebar-account{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding-top:24px}
.sidebar .sidebar-account .account{margin:0;padding:0;gap:10px}
.sidebar-account .theme-switch{width:36px;height:36px;flex-basis:36px;border:0}
.mobile-account{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}
.bottom-nav .mobile-account a{flex:0 1 auto;min-width:44px}
.mobile-account .theme-switch{width:36px;height:44px;flex-basis:36px;border:0}
@media(min-width:651px) and (max-width:960px){.sidebar-account{flex-direction:column;gap:12px}}

/* 个人中心与主题切换：独立点击区域，共用水平基线。 */
.sidebar-account{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:24px 0 0}
.sidebar .sidebar-account .account{flex:1;min-width:0;justify-content:flex-start;gap:10px;padding:0;margin:0}
.sidebar-account .account>div:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-account .theme-switch{width:44px;height:44px;flex:0 0 44px;border:0;color:var(--muted)}
.sidebar-account .theme-switch:hover,.mobile-account .theme-switch:hover{color:var(--fg);background:color-mix(in oklch,var(--fg),transparent 94%)}
.mobile-account{gap:8px;align-items:center;justify-content:center}
.bottom-nav .mobile-account a{flex:0 0 44px;min-height:48px}
.mobile-account .theme-switch{width:44px;height:48px;flex:0 0 44px;color:var(--muted)}
:root:has(#theme-toggle:focus-visible) .theme-switch{outline:2px solid var(--accent);outline-offset:2px}

/* 移动端主题入口位于顶部右侧；桌面端保留账户旁入口。 */
.mobile-top-theme{display:none}
@media(max-width:650px){
.top{position:relative}
.top .mobile-top-theme{display:inline-flex;position:absolute;right:0;top:0;width:44px;height:44px;border:0;color:var(--muted)}
.top .mobile-top-theme:hover{color:var(--fg);background:var(--surface)}
.top .mobile-brandline{padding-right:52px}
.top:not(:has(.mobile-brandline)){padding-top:52px}
}

@media(max-width:760px){.footer{display:none}}

/* iPad 窄侧栏：主题在上，个人中心在下，避免点击区域重叠。 */
@media(min-width:651px) and (max-width:960px){
.sidebar .sidebar-account{flex-direction:column;align-items:center;justify-content:flex-end;gap:16px}
.sidebar .sidebar-account .theme-switch{order:-1;flex:0 0 44px}
.sidebar .sidebar-account .account{flex:0 0 auto;width:100%;min-height:44px;justify-content:center}
}

/* 平板：完整宽度容纳三栏，清除旧竖排布局遗留的顶边与间距。 */
@media(min-width:651px) and (max-width:1180px){
.duo{grid-template-columns:minmax(0,1fr)}
.duo>.panel,.duo>.panel:first-child,.duo>.panel+.panel{min-width:0;padding:28px 0;border-left:0}
.duo .history{container-type:inline-size;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:16px;align-items:stretch}
.duo .history>div{min-width:0;border-top:0;padding-top:0}
.duo .history .current-investment{gap:0;padding:0 12px}
.duo .history .current-investment .invest-value{font-size:clamp(32px,8cqi,48px);font-weight:500;line-height:1.08;letter-spacing:-1.5px;margin:2px 0}
.duo .history>div:not(.current-investment){padding-left:0}
.duo .history>div:last-child{padding-left:16px}
.duo .history>div:not(.current-investment) strong{font-size:clamp(18px,3.8cqi,22px);margin:10px 0}
.duo .history small{font-size:14px;line-height:21px;margin-top:0}
}

.sidebar-account .account{min-width:0}.sidebar-account .avatar{flex-shrink:0}.account-username{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Historical market chart: use the existing theme and plot dimensions. */
.history-chart{display:block;width:100%;height:100%;font:12px var(--font-mono);color:var(--muted)}
.history-chart text{fill:var(--muted)}
.history-grid{stroke:var(--border);stroke-width:1;opacity:.5}
.history-market,.history-investment{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.history-market{stroke:var(--fg)}
.history-investment{stroke:var(--accent);stroke-dasharray:5 4}
.history-value{fill:var(--fg)}
.history-cost{fill:var(--accent)}
.history-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
.history-chart:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.chart [data-history-plot][data-input="pointer"] .history-chart:focus{outline:none}
.history-tooltip{position:absolute;top:2px;left:8px;right:8px;padding:6px 10px;background:var(--bg);color:var(--fg);border:1px solid var(--border);font:12px/1.5 var(--font-body);pointer-events:none;z-index:1}
.chart .chart-footer{display:flex;align-items:flex-start;flex-wrap:wrap;font-size:12px;margin-top:10px;overflow-wrap:anywhere}
.chart [data-history-plot]{background:none;touch-action:none}
.chart,.chart *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}