/* Portfolio design V1. Presentation only; original data and event handlers stay intact. */
:root{--bg:#f5f5f1;--card:#fff;--surface:#f0f2ee;--text:#203541;--ink-rgb:32,53,65;--line:#e0e6e4;--line-row:#e9edeb;--dim:#637581;--dim2:#4c626f;--accent:#b99b61;--accent-100:#f5f0e5;--accent-200:#eee4d0;--accent-600:#a88a4f;--accent-700:#786033;--accent-soft:#f8f5ee;--on-solid:#172b3a;--r-pnl:14px;--r-ctl:9px;--shadow:0 6px 24px rgba(32,53,65,.025);--up:#b23440;--down:#167663;--font-body:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;--font-head:var(--font-body)}
body{line-height:1.65}button{border-radius:9px;font-weight:600;transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #477ea5;outline-offset:3px}button.ghost{background:var(--card)}button:hover{color:var(--on-solid)}button.ghost:hover{color:var(--text)}.pnl{border-radius:14px;box-shadow:var(--shadow);border-color:var(--line)}.bp::before{display:none}.card-head{font-size:16px;padding:21px 24px;line-height:1.5;border-bottom:1px solid var(--line-row)}.card-head .sub{font-weight:400;font-size:11px;color:var(--dim);line-height:1.6}.card-head .hd-acts{gap:8px}.card-head button{font-size:12px;min-height:36px}main{max-width:1536px;margin:0 auto;padding:30px 34px 42px}header{background:var(--card);border-bottom:1px solid var(--line);padding:20px 34px;height:auto;min-height:88px}.hd-l{flex-direction:column;align-items:flex-start;gap:5px}header .hd-title{font-size:23px;letter-spacing:-.025em}.hd-when{font-size:11px;color:var(--dim)}header .hd-r{gap:10px}header .hd-r button{border-radius:9px}.hd-refresh{border:1px solid var(--line);background:var(--card)}.hd-sep{display:none}.pos-name{font-weight:600;line-height:1.55}.pos-code{color:var(--dim);font-size:11px;letter-spacing:.035em;margin-top:5px}.pos-tb th{background:var(--surface);font-size:11px;color:var(--dim);font-weight:500;padding:13px 17px;letter-spacing:0}.pos-tb td{font-size:13px;padding:19px 17px;vertical-align:middle;border-color:var(--line-row)}.pos-tb th:first-child,.pos-tb td:first-child{padding-left:24px}.pos-tb th:last-child,.pos-tb td:last-child{padding-right:24px}.pos-tb .x{font-size:11px;margin-top:5px}.pos-tb .tag{font-size:10px;border-radius:5px;padding:2px 5px}.pos-tb tbody tr:hover{background:var(--accent-soft)}.pos-total{padding:15px 24px;background:var(--surface);font-size:12px;border-radius:0 0 14px 14px}.pos-total .big{font-size:16px}.seg-ctl,.segbar .seg{background:var(--surface);border:0;border-radius:8px;padding:3px;gap:3px}.seg-ctl button,.segbar .seg button{border:0!important;border-radius:6px;font-size:12px}.seg-ctl button.on,.segbar .seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 5px #20354112}.field input,.field select,.field textarea{border-radius:9px;background:var(--bg);border-color:var(--line)}.gate-box{border-radius:17px;box-shadow:0 16px 60px #172b3a14}.gate-title{letter-spacing:-.03em}.gate-box button{color:var(--on-solid)}dialog{border-radius:16px;box-shadow:0 22px 70px #172b3a30}.dlg-head{font-size:19px}.empty{color:var(--dim);padding:36px 20px;font-size:13px}.total-pnl{padding:28px}.total-value{font-size:46px;letter-spacing:-.035em;line-height:1.3}.total-value .frac{font-size:30px;color:inherit}.total-row b{font-size:26px;line-height:1.45;margin-top:8px}.total-row .cap{font-size:12px}.total-row .x{font-size:11px}.struct{height:7px;border-radius:9px;overflow:hidden;margin-top:25px}.struct .s1,.struct-lg .s1{background:#4e718a}.struct .s2,.struct-lg .s2{background:#c5b286}.struct-lg{margin-top:15px;font-size:12px}.viz{--s1:#b99b61;--s2:#567994}.ftabs{border:0;background:var(--surface);border-radius:10px;padding:5px;margin-bottom:22px;gap:4px}.ftabs button,.ftabs button:first-child{font-size:12px;padding:9px 17px;border:0;border-radius:7px;min-height:37px}.ftabs button.on{background:var(--card);color:var(--text);box-shadow:0 2px 8px #2035410a}.ftabs button:hover{background:var(--card)}.fund-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.fund-overview .eyebrow{color:var(--accent-700);font-size:10px;font-weight:600;letter-spacing:.18em}.fund-overview h1{font-size:28px;line-height:1.35;margin:5px 0 7px;letter-spacing:-.035em}.fund-overview p{font-size:12px;color:var(--dim);margin:0}.fund-overview .overview-note{font-size:11px;color:var(--dim);border:1px solid var(--line);background:var(--card);border-radius:24px;padding:7px 13px;white-space:nowrap}
#page-fund>.pnl:has(>#fund-metrics){background:transparent;border:0;box-shadow:none}#fund-metrics.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr .85fr;gap:14px;padding:0;border:0}#fund-metrics.metrics>div{padding:21px 23px;background:var(--card);border:1px solid var(--line);border-radius:13px;min-width:0;box-shadow:var(--shadow)}#fund-metrics.metrics>div:first-child{border-top:3px solid var(--accent);padding-top:19px}#fund-metrics.metrics .cap{font-size:12px;color:var(--dim)}#fund-metrics.metrics b{display:block;font-size:27px;line-height:1.3;letter-spacing:-.025em;margin-top:11px}#fund-metrics.metrics .x{display:block;font-size:11px;margin:7px 0 0}#fund-list .pos-name{font-size:14px}#fund-list th:first-child{width:29%}#fund-list .pos-code{display:block}.fund-row3,.fund-row3:has(>[hidden]){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;margin-bottom:22px}#fund-curve-card{grid-column:1/-1}#fund-curve-card .chart-wrap{max-height:280px}#fund-sec-plan,#fund-sec-cal{align-self:stretch}.plan-item{padding:17px 23px;border-color:var(--line-row)}.plan-top .n{font-size:13px;line-height:1.6}.plan-top .a{font-size:20px}.plan-sub{font-size:11px;line-height:1.7;gap:8px}.plan-item button.danger{font-size:11px}.plan-item .tag{font-size:10px;border-radius:5px}.btn-row{gap:9px}#fund-sec-plan>.btn-row{padding:17px 23px;margin:0}.cal .d{border-radius:7px}.cal .w{font-size:11px}#fund-cal{padding:14px 22px 22px!important}#fund-det:not([hidden]),#stock-det{border-radius:14px;overflow:hidden}#fund-det>.det-head,#stock-det>.det-head{background:var(--accent-soft);padding:25px}.det-tabs button{font-size:12px}.det-grid{gap:16px}.note-bp{border-radius:9px;background:var(--accent-100);font-size:12px}.acct .acct-nm{color:#e3d4b8}.brand small{font-size:11px;color:#adc0ca}
@media(min-width:900px){aside{width:218px;background:#192f3c}aside .brand{padding:27px 20px 22px}aside .brand #brand-name{font-size:18px;line-height:1.5}aside nav{padding-top:10px}aside nav button{font-size:13px;margin:3px 14px;padding:11px 13px;border-radius:9px;min-height:43px;gap:12px;color:#bed0d9}aside nav button.on{background:var(--accent);color:var(--on-solid)}aside nav button.on .cnt{color:var(--on-solid)}aside nav button:hover{background:#ffffff0c;color:#f0f4f6}aside nav button.on:hover{background:var(--accent)}aside nav .navg{margin:13px 20px 0;padding-top:13px;font-size:10px}aside nav .ic,aside nav .ic svg{width:18px;height:18px}.side-foot,.who{font-size:10px}}
@media(min-width:900px) and (max-width:1200px){#fund-metrics.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-overview .overview-note{display:none}main{padding:26px}header{padding:18px 26px}.total-value{font-size:37px}.total-row{gap:0 18px}.total-row b{font-size:22px}}
@media(max-width:899px){header{padding:18px 18px 15px;min-height:0}header .hd-title{font-size:23px}.hd-l{display:flex;gap:5px}.hd-when{font-size:10px}header .hd-r{gap:8px;flex-wrap:wrap}header .hd-r button{font-size:11px;height:36px;padding:0 12px}.mtabs{background:var(--card)}main{padding:22px 16px 30px}.fund-overview{margin:0 0 20px}.fund-overview h1{font-size:24px}.fund-overview p{font-size:11px}.fund-overview .overview-note{display:none}.fund-overview .eyebrow{font-size:9px}#fund-tabs{margin-bottom:17px;padding:4px}.ftabs button,.ftabs button:first-child{font-size:11px;padding:8px 12px;min-height:36px}#fund-metrics.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fund-metrics.metrics>div{padding:16px;border:1px solid var(--line)}#fund-metrics.metrics>div:first-child{grid-column:1/-1;border-top:3px solid var(--accent);padding:17px 18px}#fund-metrics.metrics b{font-size:23px;margin-top:8px}#fund-metrics.metrics>div:first-child b{font-size:32px}#fund-metrics.metrics>div:last-child{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding:12px 16px}#fund-metrics.metrics>div:last-child b{font-size:18px;margin:0}#fund-metrics.metrics>div:last-child .x{margin:0;font-size:10px}#fund-metrics.metrics .cap{font-size:11px}.card-head{padding:17px 16px;font-size:15px;gap:8px;flex-wrap:wrap}.card-head .sub{font-size:10px}.card-head .hd-acts{gap:7px}.card-head button{font-size:11px;min-height:34px;padding:7px 12px}.pos-tb th{padding:11px 10px;font-size:10px}.pos-tb td{padding:15px 10px;font-size:12px}.pos-tb th:first-child,.pos-tb td:first-child{padding-left:16px}.pos-tb th:last-child,.pos-tb td:last-child{padding-right:16px}#fund-list .pos-name{font-size:12px;line-height:1.65}#fund-list .pos-code{display:none}#fund-list .msub{font-size:10px;line-height:1.8}#fund-list td:first-child{width:49%}#fund-list th:first-child{width:49%}#fund-list td .tag{font-size:9px;padding:1px 4px}#fund-list .x{font-size:10px}.pos-total{padding:13px 16px;font-size:11px}.fund-row3,.fund-row3:has(>[hidden]){grid-template-columns:minmax(0,1fr);gap:17px}.plan-item{padding:16px}.plan-top .n{font-size:12px}.plan-top .a{font-size:19px}.plan-sub{font-size:10px}#fund-sec-plan>.btn-row{padding:16px}#fund-cal{padding:10px 16px 20px!important}.total-pnl{padding:21px}.total-value{font-size:38px}.total-row b{font-size:22px}.struct-lg{font-size:11px}.struct{height:6px}aside nav button{border-radius:8px}aside nav button.mon{background:var(--accent-100);color:var(--text)}.field input,.field select{font-size:16px}dialog{max-height:88dvh;overflow:auto}.pos-tb td .mmv{font-size:10px}}
@media(prefers-color-scheme:dark){:root{--bg:#111c24;--card:#1b2a34;--surface:#23333e;--text:#e4ebee;--ink-rgb:228,235,238;--line:#34444e;--line-row:#2c3c47;--dim:#a3b3bf;--dim2:#c0cdd5;--accent:#d3b77d;--accent-100:#352f23;--accent-200:#443a27;--accent-600:#c5a66a;--accent-700:#dfc58f;--accent-soft:#272a29;--on-solid:#172b3a;--up:#fa8a91;--down:#71d3b0}.viz{--s1:#d3b77d;--s2:#87aeca}.struct .s1,.struct-lg .s1{background:#759db9}.struct .s2,.struct-lg .s2{background:#cfb986}}
header .hd-r button[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){button{transition:none}}