:root{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#171717;background:#f7f7f7;--orange:#ef642f;--line:#dedede;--muted:#6f706e;--dark:#111;--paper:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:10;height:76px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--orange);color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#aaa;font-size:12px}.top-actions{display:flex;align-items:center;gap:20px}.date-filter{display:flex;align-items:center;gap:8px;color:#aaa;font-size:13px}.date-filter select{padding:8px 28px 8px 10px;border:1px solid #444;background:#1c1c1c;color:#fff}.freshness{font-size:12px;color:#aaa}.text-button{padding:8px 0;border:0;background:none;color:#fff;cursor:pointer}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{position:sticky;top:76px;height:calc(100vh - 76px);padding:28px 18px;background:#fff;border-right:1px solid var(--line)}.sidebar a{display:block;margin:3px 0;padding:13px 16px;border-left:3px solid transparent;color:#555;text-decoration:none}.sidebar a:hover,.sidebar a.active{color:#111;background:#fafafa;border-left-color:var(--orange);font-weight:700}main{min-width:0;padding:44px clamp(24px,4vw,70px) 80px}.view{display:none;max-width:1440px;margin:auto}.view.active{display:block}.page-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #cfcfcf}.page-head h1{margin:0;font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}.page-head p{margin:12px 0 0;color:var(--muted);font-size:16px}.data-badge{padding:7px 10px;border:1px solid #bbb;color:#555;font-size:12px}.data-badge.pending{border-color:#d4a75e;color:#8b5b13}.data-badge.sampled{border-color:#7d8da5}.data-badge.confidential{border-color:#bd6b60;color:#9b3427}.metric-strip{display:grid;grid-template-columns:repeat(6,1fr);margin:34px 0 48px;border-top:3px solid #171717;border-bottom:1px solid var(--line);background:#fff}.metric-strip.compact{grid-template-columns:repeat(4,1fr)}.metric{min-height:126px;padding:24px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:17px;font-size:32px;letter-spacing:-.04em}.metric small{display:block;margin-top:7px;color:#888}.metric strong.unavailable{font-size:18px;color:#888}.split-section{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:46px;margin:0 0 54px}.split-section article{min-width:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{margin:0;font-size:22px}.section-head span{color:#888;font-size:12px}.table-section{margin:48px 0}.table-section.flush{margin-top:16px}.table-wrap{overflow:auto;background:#fff;border-top:2px solid #222}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:15px 14px;text-align:left;border-bottom:1px solid #e6e6e6;vertical-align:top}th{color:#666;font-size:12px;white-space:nowrap;background:#fafafa}td strong,td small{display:block}td small{margin-top:4px;color:#888}.empty-row{text-align:center;color:#888;padding:38px}.highlights{margin:0;padding:0;list-style:none;border-top:2px solid #222}.highlights li{padding:17px 0;border-bottom:1px solid var(--line);line-height:1.55}.highlights li::before{content:"→";margin-right:10px;color:var(--orange)}.trend-chart{min-height:250px;background:#fff;border-top:2px solid #222}.empty-state{display:grid;place-items:center;color:#999}.source-statuses{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 48px;border-top:2px solid #222;background:#fff}.source-statuses div{padding:22px;border-right:1px solid var(--line)}.source-statuses div:last-child{border:0}.source-statuses strong,.source-statuses span{display:block}.source-statuses span{margin-top:8px;color:#8b5b13;font-size:13px}.legend{display:flex;gap:25px;margin:0 0 30px;color:#666;font-size:13px}.legend i{display:inline-block;width:10px;height:10px;margin-right:7px}.legend .real{background:#ef642f}.legend .log{background:#64748b}.legend .sample{background:#a78bfa}.rank-list,.path-list{border-top:2px solid #222;background:#fff}.rank-list>div,.path-list>div{display:flex;justify-content:space-between;gap:20px;padding:16px;border-bottom:1px solid var(--line)}.filter-row{display:flex;gap:12px;margin:34px 0 0}.filter-row input,.filter-row select{padding:11px 13px;border:1px solid #ccc;background:#fff}.filter-row input{width:min(440px,60%)}.report-list{margin-top:34px;border-top:2px solid #222}.report-list button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.report-list button:hover{background:#fafafa}.report-list strong,.report-list small{display:block}.report-list small{margin-top:7px;color:#777}.report-list b{color:var(--orange)}.notice{max-width:1440px;margin:0 auto 20px;padding:14px 18px;background:#fff7ed;border-left:4px solid var(--orange);color:#854d0e}.login{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(17,17,17,.7)}.login[hidden]{display:none}.login-form{width:min(430px,100%);padding:38px;background:#fff;border-top:5px solid var(--orange)}.login-form p{margin:22px 0 5px;color:#777}.login-form h1{margin:0 0 28px;font-size:34px}.login-form label{display:grid;gap:8px;font-weight:700}.login-form input{padding:12px;border:1px solid #bbb}.login-form button{width:100%;margin-top:18px;padding:13px;border:0;background:#171717;color:#fff;font-weight:700}.form-message{display:block;min-height:22px;margin-top:8px;color:#a22}dialog{width:min(900px,92vw);max-height:90vh;padding:0;border:0}dialog::backdrop{background:rgba(0,0,0,.55)}.dialog-panel{position:relative;margin:0;padding:35px}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;cursor:pointer}
@media(max-width:1100px){.metric-strip{grid-template-columns:repeat(3,1fr)}.metric-strip.compact{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr}.source-statuses{grid-template-columns:1fr}.source-statuses div{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.topbar{height:auto;min-height:68px;padding:12px 5vw}.brand small,.freshness,.date-filter{display:none}.layout{display:block}.sidebar{position:sticky;top:68px;z-index:9;height:auto;display:flex;overflow:auto;padding:0;background:#fff;border-right:0;border-bottom:1px solid var(--line)}.sidebar a{flex:0 0 auto;padding:13px 15px;border-left:0;border-bottom:3px solid transparent}.sidebar a.active{border-bottom-color:var(--orange)}main{padding:30px 5vw 60px}.page-head{display:block}.data-badge{display:inline-block;margin-top:18px}.metric-strip,.metric-strip.compact{grid-template-columns:repeat(2,1fr)}.metric{padding:18px;min-height:110px}.metric strong{font-size:26px}.filter-row{display:grid}.filter-row input{width:100%}}