:root{color:#0b1f3a;font-synthesis:none;--navy:#0b1f3a;--muted:#64748b;--line:#d7e0ea;--line-strong:#9fb2c7;--gain:#e63b3b;--loss:#287864;--amber:#cc8511;--amber-soft:#fff7e5;--surface:#f7f9fc;background:#fff;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#fff;min-height:100%;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #0f76b838}.app-shell{background:#fff;min-height:100vh}.topbar{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.brand-block,.top-actions,.clock,.countdown,.refresh-button{align-items:center;display:flex}.brand-block{gap:14px;min-width:0}.brand-mark{border-left:3px solid var(--navy);border-right:3px solid var(--amber);width:12px;height:34px;position:relative}.brand-mark span{background:var(--loss);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:0}h1{letter-spacing:.01em;margin:0 0 5px;font-size:25px;line-height:1.1}.brand-block p{color:var(--muted);margin:0;font-size:13px}.brand-block p i,footer>i{background:var(--line-strong);width:1px;height:12px;margin:0 9px -2px;display:inline-block}.top-actions{gap:18px}.clock{border-right:1px solid var(--line-strong);gap:10px;padding-right:18px}.clock span,.countdown span{color:var(--muted);font-size:12px}.clock strong{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:500}.countdown{color:var(--navy);cursor:pointer;background:0 0;border:0;gap:10px}.countdown strong{color:#0867ca;min-width:58px;font-size:21px}.refresh-button{border:1px solid var(--amber);color:#9b5b00;cursor:pointer;background:#fff;border-radius:4px;gap:7px;height:40px;padding:0 15px;font-weight:700}.refresh-button:hover{background:var(--amber-soft)}.refresh-button:disabled{opacity:.55;cursor:wait}.demo-label{background:var(--amber-soft);color:#8c5900;border:1px solid #e7c37b;border-radius:3px;padding:4px 7px;font-size:11px}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.market-rail{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(5,1fr);height:80px;display:grid}.market-item{border-right:1px solid var(--line);min-width:0;padding:13px 26px}.market-item:last-child{border-right:0}.market-item>span{color:#344a66;margin-bottom:8px;font-size:13px;display:block}.market-item>div{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.market-item strong{font-variant-numeric:tabular-nums;font-size:20px}.change{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.up{color:var(--gain)!important}.down{color:var(--loss)!important}.flat{color:var(--muted)!important}.desktop-workspace{grid-template-columns:minmax(860px,1fr) 460px;min-height:calc(100vh - 198px);display:grid}.primary-column{border-right:1px solid var(--line-strong);min-width:0;padding:14px 24px 18px}.section-title-row{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:center;height:34px;display:flex}h2{letter-spacing:.02em;margin:0;font-size:18px}.section-title-row>span{color:var(--muted);font-size:11px}.stock-table{min-width:820px}.stock-head,.stock-row{grid-template-columns:1.28fr 1.05fr .68fr .58fr .7fr 1.48fr .74fr .78fr .62fr;align-items:center;column-gap:10px;display:grid}.stock-head{color:#41546c;border-bottom:1px solid var(--line);min-height:36px;font-size:11px}.stock-head span:not(:first-child){text-align:center}.stock-row{border-bottom:1px solid var(--line);min-height:66px;font-size:13px}.stock-row:hover{background:#fbfcfe}.stock-name{grid-template-columns:auto 1fr;align-items:baseline;gap:0 7px;display:grid}.stock-name strong{font-size:16px}.stock-name b{color:#c4253a;font-size:15px}.stock-name small{color:#8291a4;grid-column:1/3;margin-top:2px;font-size:9px}.role{color:#344a66;font-size:12px}.price{text-align:right;font-variant-numeric:tabular-nums;font-size:16px}.stock-row>.change,.relative,.readiness{text-align:center}.relative{font-size:15px;font-weight:700}.readiness{color:var(--amber);font-size:20px}.spark{width:100%;height:42px;overflow:visible}.spark-line{fill:none;stroke:var(--gain);stroke-width:2px;vector-effect:non-scaling-stroke}.spark-area{fill:#e63b3b12}.spark.negative .spark-line{stroke:var(--loss)}.spark.negative .spark-area{fill:#28786414}.spark-baseline{stroke:#c6d1dd;stroke-width:1px;stroke-dasharray:3 3}.spark-empty{text-align:center;color:#9aa8b8;font-size:10px}.volume-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.volume-cell small{color:#4d6076;font-size:10px}.volume-bars{align-items:end;gap:3px;height:22px;display:flex}.volume-bars span{background:#d9e0e9;border-radius:3px;width:5px;height:18px}.volume-bars span:first-child{height:9px}.volume-bars span:nth-child(2){height:12px}.volume-bars span:nth-child(3){height:15px}.volume-bars span:nth-child(4){height:18px}.volume-bars span:nth-child(5){height:21px}.volume-bars span.active{background:var(--loss)}.volume-bars span.active:nth-child(n+4){background:var(--gain)}.chain-flow{border-bottom:1px solid var(--navy);grid-template-columns:120px repeat(4,minmax(95px,1fr) 24px) minmax(95px,1fr);align-items:center;min-height:60px;display:grid}.chain-flow>strong{font-size:14px}.chain-flow>b{text-align:center;color:#54718f;font-size:18px;font-weight:400}.chain-node{text-align:center;color:#233a55;font-size:11px}.chain-node i{background:#cbd5e1;border-radius:50%;width:10px;height:10px;margin:6px auto 0;display:block}.chain-node i.confirmed{background:#37a35c}.matrix-section{margin-top:10px}.matrix-wrap{border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);overflow:hidden}.matrix-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.matrix-table th,.matrix-table td{border-top:1px solid var(--line);border-right:1px solid var(--line-strong);text-align:center;font-variant-numeric:tabular-nums;height:34px}.matrix-table thead th{color:#304760;background:#fbfcfe;height:36px;font-size:10px;font-weight:600}.matrix-table thead th:first-child{width:190px}.matrix-table tbody th{text-align:left;padding-left:14px;font-size:12px}.matrix-table small{color:var(--muted);font-size:8px}.heat-high{background:#f4b7ac}.heat-mid{background:#fff0c4}.heat-low{background:#d9eee4}.matrix-total{color:var(--amber);background:#fff;font-size:16px;font-weight:800}.intelligence{min-width:0}.intelligence>section{border-bottom:1px solid var(--line);padding:18px 28px}.score-panel{min-height:255px}.score-content{grid-template-columns:158px 1fr;align-items:center;gap:24px;margin-top:18px;display:grid}.gauge{--score:0deg;background:conic-gradient(var(--amber) var(--score), #e5e7eb 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.gauge:before{content:"";border-radius:inherit;background:#fff;position:absolute;inset:10px}.gauge>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.gauge strong{color:var(--amber);font-size:45px;line-height:1}.gauge span{margin-top:8px;font-size:14px}.component-bars{gap:15px;display:grid}.component-bars>div{grid-template-columns:90px 1fr 48px;align-items:center;gap:8px;font-size:11px;display:grid}.component-bars>div>div{background:#e5e7eb;border-radius:4px;height:6px;overflow:hidden}.component-bars i{background:var(--amber);border-radius:inherit;height:100%;display:block}.component-bars b{font-variant-numeric:tabular-nums;font-size:12px}.component-bars small{color:var(--muted);margin-left:2px;font-weight:400}.risk-panel{min-height:120px}.risk-scale{margin-top:24px;position:relative}.risk-colors{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.risk-colors i{height:6px;display:block}.risk-colors i:first-child{background:#4a9b75}.risk-colors i:nth-child(2){background:#78b786}.risk-colors i:nth-child(3){background:#e4b234}.risk-colors i:nth-child(4){background:#ee7a36}.risk-colors i:nth-child(5){background:#df3434}.risk-pointer{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:13px solid var(--navy);width:0;height:0;position:absolute;top:13px;transform:translate(-50%)}.risk-labels{color:#4f6278;justify-content:space-between;margin-top:24px;font-size:10px;display:flex}.alerts-panel{min-height:170px}.alert-list{border:1px solid var(--line);margin-top:12px}.alert-list>div{border-bottom:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:9px;min-height:40px;padding:0 10px;font-size:12px;display:grid}.alert-list>div:last-child{border-bottom:0}.alert-list i{background:var(--amber);border-radius:50%;width:8px;height:8px}.alert-list i.good{background:#37a35c}.alert-list time{color:#8a98aa;font-size:10px}.events-panel{padding-top:14px!important;padding-bottom:12px!important}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.event{border-top:1px solid #edf1f5;grid-template-columns:48px 1fr 8px;align-items:center;min-height:32px;font-size:11px;display:grid}.event time{color:var(--amber);font-weight:800}.event i{background:var(--navy);border-radius:50%;width:7px;height:7px}.event i.amber{background:var(--amber)}.advice-note{border:1px solid var(--amber);color:#94600f;justify-content:center;align-items:center;gap:8px;min-height:42px;margin:12px 28px;font-size:12px;display:flex}.health-detail{margin:0 28px;position:relative}.health-detail>button{width:100%;color:var(--navy);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:7px;padding:5px 0;font-size:11px;display:flex}.health-detail button i{border-radius:50%;width:9px;height:9px}.health-detail button i.good{background:#36a35c}.health-detail button i.warn{background:var(--amber)}.health-detail.open>div{z-index:5;border:1px solid var(--line-strong);background:#fff;width:260px;padding:10px 12px;position:absolute;bottom:32px;right:0;box-shadow:0 8px 30px #0c1f381f}.health-detail p{color:#50647b;align-items:center;gap:7px;margin:7px 0;font-size:10px;display:flex}footer{border-top:1px solid var(--line-strong);color:#4e6178;align-items:center;height:42px;padding:0 26px;font-size:10px;display:flex}footer .health-detail{min-width:250px;margin-left:auto}.error-banner{z-index:10;color:#79510d;background:#fffaf0;border:1px solid #d89b27;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex;position:fixed;top:82px;right:16px;box-shadow:0 5px 20px #00000014}.loading-screen{min-height:100vh;color:var(--navy);place-content:center;justify-items:center;gap:10px;display:grid}.loading-screen svg{width:40px;height:40px;color:var(--amber)}.loading-screen strong{font-size:18px}.loading-screen span{color:var(--muted);font-size:12px}.loading-screen button{border:1px solid var(--navy);cursor:pointer;background:#fff;margin-top:8px;padding:8px 14px}.mobile-only{display:none}@media (width<=1240px){.desktop-workspace{grid-template-columns:minmax(760px,1fr) 370px}.primary-column{padding-left:14px;padding-right:14px}.stock-head,.stock-row{grid-template-columns:1.18fr .9fr .64fr .55fr .66fr 1.2fr .67fr .7fr .55fr;gap:6px}.intelligence>section{padding-left:20px;padding-right:20px}.score-content{grid-template-columns:130px 1fr;gap:14px}.gauge{width:125px;height:125px}.gauge strong{font-size:38px}}@media (width<=820px){.desktop-workspace,footer{display:none}.mobile-only{display:block}.app-shell{min-height:100svh;padding-bottom:20px}.topbar{align-items:flex-start;height:auto;min-height:104px;padding:14px 16px 12px}.brand-mark{height:28px}.brand-mark span{top:11px}h1{font-size:19px;line-height:1.2}.brand-block p{font-size:10px}.clock,.demo-label{display:none}.top-actions{align-self:flex-end;gap:6px}.countdown{gap:5px;padding:0;position:absolute;top:69px;left:45px}.countdown span{font-size:9px}.countdown strong{min-width:40px;font-size:12px}.refresh-button{justify-content:center;width:38px;height:34px;padding:0;font-size:0}.refresh-button svg{width:16px}.market-rail{scroll-snap-type:x mandatory;height:67px;display:flex;overflow-x:auto}.market-item{scroll-snap-align:start;flex:0 0 42%;padding:9px 13px}.market-item>span{margin-bottom:5px;font-size:10px}.market-item strong{font-size:15px}.market-item .change{font-size:9px}.market-item>div{flex-wrap:wrap;gap:5px}.mobile-leader{color:#53667d;margin:9px 12px 0;font-size:10px}.mobile-leader strong{color:var(--gain)}.mobile-workspace{border:1px solid var(--line);margin:8px 12px 0}.mobile-score{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;min-height:62px;display:grid}.mobile-score>div{border-right:1px solid var(--line);padding:9px 13px}.mobile-score>div:last-child{border-right:0}.mobile-score span{color:var(--muted);font-size:9px;display:block}.mobile-score strong{color:var(--amber);font-size:26px}.mobile-score small{color:var(--muted);font-size:9px}.mobile-score b{margin-top:7px;font-size:16px;display:block}.mobile-tabs{border-bottom:1px solid var(--line);background:#f6f8fb;grid-template-columns:1fr 1fr;height:36px;display:grid}.mobile-tabs button{color:var(--muted);background:0 0;border:0;font-size:11px;font-weight:700}.mobile-tabs button.active{color:var(--navy);border-bottom:2px solid var(--amber)}.mobile-stock{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,1.1fr) 92px 72px 28px;align-items:center;gap:6px;min-height:68px;padding:7px 9px;display:grid}.mobile-stock:last-child{border-bottom:0}.mobile-stock>div:first-child strong{color:#c4253a;font-size:13px;display:block}.mobile-stock>div:first-child span{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:8px;display:block}.mobile-stock>div:nth-child(3){text-align:right}.mobile-stock>div:nth-child(3) strong{font-size:15px;display:block}.mobile-stock .change{font-size:9px}.mobile-stock>b{color:var(--amber);text-align:center;font-size:15px}.mobile-stock .spark{height:32px}.mobile-alerts>div{border-bottom:1px solid var(--line);grid-template-columns:20px 1fr auto;align-items:center;min-height:45px;padding:0 12px;font-size:11px;display:grid}.mobile-alerts time{color:var(--muted);font-size:9px}.error-banner{top:108px;left:12px;right:12px}}@media (width<=390px){h1{font-size:17px}.brand-block{gap:9px}.mobile-stock{grid-template-columns:minmax(96px,1fr) 75px 66px 24px;gap:4px}.mobile-stock>div:first-child span{text-overflow:ellipsis;max-width:100px;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}