:root{--ink:#102a43;--muted:#627d98;--paper:#f4f7fa;--line:#d9e2ec;--blue:#1f4e78;--teal:#087f8c;--green:#16856b;--red:#c23b4a;--gold:#f5a623;--white:#fff;--shadow:0 16px 42px rgba(16,42,67,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","Noto Sans CJK SC","PingFang SC",system-ui,sans-serif;line-height:1.55}.topbar{height:70px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#102a43;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 6px 24px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#24a6b2,#087f8c);font-size:13px}.topbar nav{display:flex;gap:4px}.topbar nav a{color:#d9e2ec;text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}.topbar nav a:hover,.topbar nav a.active{background:rgba(255,255,255,.12);color:#fff}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}main{max-width:1440px;margin:auto;padding:32px 24px 72px}.hero{background:linear-gradient(120deg,#173f63,#102a43 58%,#0b5963);color:#fff;padding:48px;border-radius:24px;display:flex;justify-content:space-between;gap:32px;align-items:flex-end;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-95px;top:-170px;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.hero>div{position:relative;z-index:1}.eyebrow{display:block;font-size:12px;letter-spacing:.16em;font-weight:800;color:#72d5dc;margin-bottom:9px}.hero h1{font-size:clamp(30px,4.2vw,58px);line-height:1.08;margin:0 0 16px;letter-spacing:-.035em}.hero p{max-width:760px;margin:0;color:#d9eaf0;font-size:17px}.asof{min-width:215px;padding:19px 22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:15px;backdrop-filter:blur(8px)}.asof span,.asof small{display:block;color:#c9e4e8}.asof strong{display:block;font-size:25px;margin:3px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metrics.compact{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(16,42,67,.05)}.metric span,.metric small{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:23px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section{background:#fff;border:1px solid var(--line);border-radius:20px;margin-top:24px;padding:24px;box-shadow:0 10px 32px rgba(16,42,67,.045)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{font-size:24px;margin:0}.section-heading p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:24px;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;transition:.2s;background:linear-gradient(180deg,#fff,#f8fbfd)}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9fb3c8}.feature>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d7f1f3;color:#087f8c;font-weight:800}.feature h3{margin:18px 0 8px}.feature p{margin:0;color:var(--muted);font-size:14px}.notice{margin-top:24px;padding:20px 24px;border-radius:16px;background:#fff7df;border:1px solid #f4d58d;display:flex;gap:18px}.notice p{margin:0}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.subnav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:var(--blue);text-decoration:none;font-size:13px}.table-tools{display:flex;justify-content:flex-end;margin-bottom:10px}.table-tools label{font-size:13px;color:var(--muted)}.table-tools input{margin-left:8px;border:1px solid #bcccdc;border-radius:9px;padding:8px 11px;min-width:230px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.data-table th{background:#1f4e78;color:#fff;padding:11px 10px;text-align:right;position:sticky;top:0;cursor:pointer}.data-table th:nth-child(2),.data-table th:nth-child(3){text-align:left}.data-table td{padding:9px 10px;border-bottom:1px solid #e8eef3;text-align:right}.data-table td:nth-child(2),.data-table td:nth-child(3),.data-table td:nth-child(4){text-align:left}.data-table tbody tr:nth-child(even){background:#f7fafc}.data-table tbody tr:hover{background:#e9f5f7}.symbol{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;color:#334e68}.pos{color:var(--red);font-weight:700}.neg{color:var(--green);font-weight:700}.score{font-weight:700}.score-high{background:#d7f2df}.score-mid{background:#fff0bd}.score-low{background:#ffe0e3}.rank{font-weight:800;color:#0b6470}.prose{max-width:900px;margin:24px auto 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:var(--shadow)}.prose h2{margin-top:30px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#486581}.formula{font:700 19px ui-monospace,Consolas,monospace;padding:18px;background:#eaf5f6;border-left:4px solid var(--teal);border-radius:8px}footer{max-width:1440px;margin:auto;padding:0 24px 36px;color:var(--muted);display:flex;justify-content:space-between;gap:18px;font-size:12px}
@media(max-width:980px){.metrics,.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:34px}.topbar nav{display:none;position:absolute;top:64px;left:16px;right:16px;background:#102a43;border-radius:12px;padding:10px;box-shadow:var(--shadow)}.topbar nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.nav-toggle{display:block}.hero{align-items:flex-start;flex-direction:column}.asof{width:100%}}
@media(max-width:600px){main{padding:18px 12px 50px}.topbar{height:62px;padding:0 16px}.hero{padding:25px 21px;border-radius:17px}.hero p{font-size:14px}.metrics,.metrics.compact,.feature-grid{grid-template-columns:1fr}.section{padding:16px;border-radius:16px}.section-heading{align-items:flex-start;flex-direction:column}.table-tools{justify-content:stretch}.table-tools label,.table-tools input{width:100%;margin:4px 0 0}.notice,footer{flex-direction:column}.prose{padding:24px 19px}.metric strong{font-size:20px}}

/* Five-band orange momentum heatmap. */
.data-table td.score,.data-table td.rank{font-weight:700;color:#222}
.data-table td.rank{font-weight:800}
.table-tools{align-items:flex-end;gap:12px;flex-wrap:wrap}
.momentum-legend{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin-right:auto;color:var(--muted);font-size:12px}
.momentum-legend span{display:inline-flex;align-items:center;gap:5px}
.momentum-legend i{display:inline-block;width:16px;height:12px;border:1px solid rgba(16,42,67,.12);border-radius:3px}
.momentum-legend .legend-very-high{background:#FF6500}.momentum-legend .legend-high{background:#FF8A3D}.momentum-legend .legend-mid{background:#FFB070}.momentum-legend .legend-below-pass{background:#FFD0AA}.momentum-legend .legend-low{background:#FFF0E2}
.relative-value.negative{color:#C00000;font-weight:700}
.relative-value.deep-negative{color:#780000}
.relative-legend{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin:0 0 10px;color:var(--muted);font-size:11px}
.relative-legend b{color:var(--ink);font-size:12px}.relative-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.relative-legend i{display:inline-block;width:14px;height:11px;border:1px solid rgba(16,42,67,.12);border-radius:2px}
.relative-legend .rel-red-5{background:#DE5E56}.relative-legend .rel-red-4{background:#E66F66}.relative-legend .rel-red-3{background:#F1A19A}.relative-legend .rel-red-2{background:#F8CBC7}.relative-legend .rel-red-1{background:#FDE9E7}.relative-legend .rel-neutral{background:#FFFFFF}.relative-legend .rel-green-1{background:#E8F5EC}.relative-legend .rel-green-2{background:#CDEBD7}.relative-legend .rel-green-3{background:#A5DCB7}.relative-legend .rel-green-4{background:#72C58F}.relative-legend .rel-green-5{background:#3AAE6D}
@media(max-width:600px){.momentum-legend{width:100%}}
