:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#24262a;background:#f4f5f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #24262a;--muted: #70747b;--line: #dde0e3;--panel: #ffffff;--soft: #f4f5f6;--header: #202226;--accent: #df3348;--accent-dark: #b92538;--gold: #d39a27;--green: #14825f;--blue: #236a9f}*{box-sizing:border-box}html{min-width:320px;background:var(--soft)}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:58px;padding:0 28px;display:flex;align-items:center;gap:28px;color:#fff;background:var(--header);border-bottom:1px solid #303338;position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;min-width:190px;text-decoration:none}.brand__mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent);border-radius:5px}.brand>span:last-child{display:flex;align-items:baseline;gap:8px}.brand strong{font-size:17px}.brand small{color:#9da1a8;font-size:9px}.main-nav{align-self:stretch;display:flex;align-items:stretch;gap:2px}.main-nav a{padding:0 15px;display:flex;align-items:center;gap:7px;color:#c8cbd0;font-size:13px;text-decoration:none;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:#fff;background:#282b30;border-bottom-color:var(--accent)}.live-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:#b9bdc3;font-size:12px}.live-status span,.freshness:before{width:7px;height:7px;border-radius:50%;background:#34b27e;box-shadow:0 0 0 3px #34b27e24}.nav-toggle{display:none!important}.icon-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border:1px solid #d4d7db;border-radius:5px;background:transparent;cursor:pointer}.icon-button:hover{background:#eceef0}.icon-button:disabled{opacity:.5;cursor:wait}.app-header .icon-button{color:#fff;border-color:#44474d}.app-header .icon-button:hover{background:#303338}.control-band{background:#fff;border-bottom:1px solid var(--line)}.control-band__inner{max-width:1480px;min-height:150px;margin:0 auto;padding:27px 32px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.page-heading{min-width:300px}.page-heading>span,.standard-page__header>span{display:block;margin-bottom:6px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.page-heading h1{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:0}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}.filter-row{display:grid;grid-template-columns:repeat(4,minmax(128px,168px));gap:10px}.filter-row label{display:grid;gap:6px}.filter-row label>span{color:var(--muted);font-size:10px;font-weight:700}.filter-row select{width:100%;height:38px;padding:0 32px 0 11px;color:var(--ink);background:#f7f8f9;border:1px solid #d7dade;border-radius:5px;outline:none}.filter-row select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #df33481a}.data-strip{min-height:43px;padding:7px max(32px,calc((100vw - 1416px)/2));display:flex;align-items:center;gap:16px;color:#6a6e74;background:#f8f9fa;border-bottom:1px solid var(--line);font-size:11px}.data-strip>span:first-child{min-width:0;margin-right:auto;display:flex;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-strip strong{color:var(--ink)}.data-strip .icon-button{flex:0 0 auto;width:29px;height:29px}.freshness{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.freshness:before{content:"";display:block}.freshness.is-stale:before{background:#d69621;box-shadow:0 0 0 3px #d6962124}.freshness.is-pending:before{background:#8d9299;box-shadow:0 0 0 3px #8d929924}.ranking-workspace{width:100%;max-width:1480px;margin:0 auto;padding:22px 32px 38px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.ranking-pane,.detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:7px}.ranking-pane{min-width:0;overflow:hidden}.ranking-toolbar{height:64px;padding:0 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.ranking-toolbar>div{display:flex;align-items:baseline;gap:8px}.ranking-toolbar strong{font-size:17px}.ranking-toolbar>div span{color:var(--muted);font-size:11px}.search-field{width:min(270px,45%);height:35px;margin-left:auto;padding:0 10px;display:flex;align-items:center;gap:8px;color:#8c9096;background:#f5f6f7;border:1px solid transparent;border-radius:5px}.search-field:focus-within{background:#fff;border-color:#bfc3c8}.search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent}.search-field button{width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.podium{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;border-bottom:1px solid var(--line)}.podium-card{min-width:0;height:132px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:11px;position:relative;text-align:left;background:#f6f7f8;border:1px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden}.podium-card:hover,.podium-card.is-selected{background:#fff;border-color:#cfd2d6;box-shadow:0 4px 16px #24262a14}.podium-card.rank-1{background:#fff8e9}.podium-card__rank{position:absolute;top:7px;right:9px;color:#c5c8cc;font-size:32px;font-weight:800;line-height:1}.rank-1 .podium-card__rank{color:var(--gold)}.podium-card__copy{min-width:0;padding-bottom:4px;display:grid;gap:5px}.podium-card__copy strong{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.podium-card__copy small{color:var(--muted);font-size:10px}.poster{width:66px;aspect-ratio:2 / 3;display:inline-grid;place-items:center;flex:0 0 auto;background:#e4e6e8;border-radius:4px;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster--compact{width:35px;border-radius:3px}.poster__fallback{width:100%;height:100%;display:grid;place-items:center;color:#8c9198;background:#e7e9eb}.trend{min-width:28px;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#74787e;font-size:11px;font-weight:700}.trend--up{color:var(--green)}.trend--down{color:var(--accent)}.trend--new{min-width:24px;padding:3px 5px;color:#fff;background:var(--blue);border-radius:3px}.trend--none{color:#a5a8ad}.ranking-table__head,.ranking-row{display:grid;grid-template-columns:62px minmax(240px,1fr) minmax(110px,150px) 54px;align-items:center}.ranking-table__head{height:35px;padding:0 15px;color:#8a8e94;background:#fafafa;border-bottom:1px solid var(--line);font-size:9px;font-weight:700}.ranking-row{width:100%;min-height:68px;padding:7px 15px;text-align:left;background:#fff;border:0;border-bottom:1px solid #eceef0;cursor:pointer}.ranking-row:hover{background:#fafbfb}.ranking-row.is-selected{background:#fff7f8;box-shadow:inset 3px 0 var(--accent)}.ranking-row__rank{color:#767a80;font-size:16px;font-weight:800}.ranking-row:nth-child(-n+4) .ranking-row__rank{color:var(--accent)}.ranking-row__title{min-width:0;display:flex;align-items:center;gap:11px}.ranking-row__title>span:last-child{min-width:0;display:grid;gap:4px}.ranking-row__title strong,.ranking-row__title small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ranking-row__title strong{font-size:13px}.ranking-row__title small{color:var(--muted);font-size:10px}.ranking-row__metric{color:#4f5358;font-size:11px;font-weight:700}.detail-panel{min-height:430px}.detail-panel__sticky{padding:20px;position:sticky;top:16px}.detail-panel--empty{min-height:300px;display:grid;place-content:center;justify-items:center;gap:10px;color:#95999f}.detail-identity{display:flex;gap:15px;align-items:flex-start}.detail-identity>span:last-child{min-width:0}.detail-identity small{color:var(--accent);font-size:10px;font-weight:800}.detail-identity h2{margin:5px 0 6px;font-size:20px;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}.detail-identity p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.detail-metrics{margin:18px 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:5px}.detail-metrics>span{min-height:63px;padding:11px 12px;display:grid;align-content:center;gap:5px}.detail-metrics>span+span{border-left:1px solid var(--line)}.detail-metrics small{color:var(--muted);font-size:9px}.detail-metrics strong{font-size:13px}.detail-metrics .trend{justify-content:flex-start}.detail-section{padding:16px 0;border-top:1px solid var(--line)}.section-title{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.section-title span{font-size:12px;font-weight:800}.section-title small{color:var(--muted);font-size:9px}.detail-section p{margin:0;color:#656970;font-size:11px;line-height:1.7}.chart-placeholder{height:108px;display:grid;place-content:center;justify-items:center;gap:8px;color:#93979d;background:#f7f8f9;font-size:10px}.source-line{padding:12px 0;display:flex;justify-content:space-between;color:#656970;border-top:1px solid var(--line);font-size:10px}.source-line span{font-weight:800;color:var(--ink)}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.button{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;text-decoration:none;border-radius:5px;cursor:pointer}.button--primary{color:#fff;background:var(--accent);border:1px solid var(--accent)}.button--primary:hover{background:var(--accent-dark)}.button--secondary{color:var(--ink);background:#fff;border:1px solid #cfd2d6}.button--secondary:hover{background:#f2f3f4}.loading-list{padding:18px;display:grid;gap:10px}.loading-list>span{height:55px;display:grid;grid-template-columns:48px 1fr 100px;align-items:center;gap:15px}.loading-list i{height:12px;display:block;background:#e9ebed;border-radius:2px;animation:pulse 1.4s ease-in-out infinite}.loading-list i:first-child{height:42px}.empty-state{min-height:320px;padding:30px;display:grid;place-content:center;justify-items:center;gap:10px;color:#8a8e94;text-align:center}.empty-state strong{color:var(--ink)}.empty-state span{max-width:420px;font-size:12px;line-height:1.6}.page-loading{max-width:1000px;width:100%;margin:70px auto;background:#fff}.spin{animation:spin .8s linear infinite}@keyframes pulse{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}.standard-page{width:100%;max-width:1240px;min-height:calc(100vh - 108px);margin:0 auto;padding:48px 32px 70px}.standard-page__header{margin-bottom:34px}.standard-page__header h1{margin:0;font-size:32px;letter-spacing:0}.standard-page__header p{max-width:650px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.source-table{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.source-table__head,.source-row{display:grid;grid-template-columns:minmax(280px,1fr) 130px 90px 100px 35px;align-items:center;gap:14px}.source-table__head{height:38px;padding:0 18px;color:var(--muted);background:#f8f9fa;border-bottom:1px solid var(--line);font-size:9px;font-weight:800}.source-row{min-height:76px;padding:11px 18px;border-bottom:1px solid #e9ebed;font-size:11px}.source-row:last-child{border-bottom:0}.source-name{min-width:0;display:flex;align-items:center;gap:12px}.source-name>span{min-width:0;display:grid;gap:4px}.source-name strong{font-size:13px}.source-name small{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.source-status{display:inline-flex;align-items:center;gap:5px;font-weight:700}.status-healthy{color:var(--green)}.status-disabled{color:#74787e}.status-planned{color:var(--gold)}.status-degraded{color:var(--accent)}.source-row>a{color:var(--muted)}.source-row>a:hover{color:var(--accent)}.principles{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.principles section{min-height:155px;padding:25px;display:flex;gap:20px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principles section>span{color:var(--accent);font-size:11px;font-weight:800}.principles h2,.method-band h2{margin:0 0 10px;font-size:16px;letter-spacing:0}.principles p,.method-band p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.method-band{padding:25px 0;display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--line)}.back-link{margin-bottom:25px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;text-decoration:none}.back-link:hover{color:var(--accent)}.title-hero{display:grid;grid-template-columns:150px minmax(0,700px);gap:28px;align-items:start}.title-poster{width:150px;aspect-ratio:2 / 3;display:grid;place-items:center;color:#8c9198;background:#e2e4e6;border-radius:6px;overflow:hidden}.title-poster img{width:100%;height:100%;object-fit:cover}.title-hero>div>span{color:var(--accent);font-size:11px;font-weight:800}.title-hero h1{margin:8px 0 15px;font-size:34px;letter-spacing:0}.title-hero p{color:var(--muted);font-size:13px;line-height:1.8}.title-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.title-tags span{padding:5px 8px;color:#5e6268;background:#e9ebed;border-radius:4px;font-size:10px}.title-ranks{margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}.title-ranks h2{font-size:17px}.title-ranks>a{max-width:700px;padding:13px 0;display:flex;justify-content:space-between;text-decoration:none;border-bottom:1px solid var(--line)}.title-ranks>a span{color:var(--accent);font-size:12px}.app-footer{min-height:50px;margin-top:auto;padding:14px 32px;display:flex;justify-content:center;gap:16px;color:#8a8e94;background:#edeff1;border-top:1px solid #d8dbde;font-size:10px}.app-footer a{color:#565a60}@media(max-width:1100px){.control-band__inner{align-items:flex-start;flex-direction:column;gap:24px}.filter-row{width:100%;grid-template-columns:repeat(4,1fr)}.ranking-workspace{grid-template-columns:minmax(0,1fr) 330px}.podium{grid-template-columns:1fr}.podium-card{height:104px}}@media(max-width:820px){.app-header{padding:0 16px}.brand{min-width:0;margin-right:auto}.main-nav{display:none;position:absolute;top:58px;left:0;right:0;height:auto;padding:8px;flex-direction:column;color:#fff;background:var(--header);border-top:1px solid #383b40}.main-nav.is-open{display:flex}.main-nav a{min-height:42px;border:0;border-radius:4px}.live-status{display:none}.nav-toggle{display:inline-grid!important}.control-band__inner{padding:24px 18px}.filter-row{grid-template-columns:1fr 1fr}.data-strip{padding:8px 18px;flex-wrap:wrap}.data-strip>span:first-child{width:100%;order:3}.ranking-workspace{padding:16px 18px 30px;grid-template-columns:1fr}.detail-panel{min-height:0}.detail-panel__sticky{position:static}.ranking-table__head,.ranking-row{grid-template-columns:48px minmax(0,1fr) 48px}.ranking-table__head span:nth-child(3),.ranking-row__metric{display:none}.source-table__head{display:none}.source-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.source-row>span:nth-child(2),.source-row>span:nth-child(3){display:none}.source-row>a{display:none}.principles,.method-band{grid-template-columns:1fr}.title-hero{grid-template-columns:100px 1fr;gap:18px}.title-poster{width:100px}.title-hero h1{font-size:25px}}@media(max-width:500px){.brand small{display:none}.filter-row{grid-template-columns:1fr}.ranking-toolbar{height:auto;padding:13px;align-items:stretch;flex-direction:column}.search-field{width:100%;margin:0}.podium{padding:11px}.ranking-row{min-height:62px;padding:6px 10px}.poster--compact{width:31px}.detail-actions{grid-template-columns:1fr}.standard-page{padding:34px 18px 55px}.standard-page__header h1{font-size:26px}.title-hero{grid-template-columns:1fr}.title-poster{width:120px}.app-footer{padding:14px 18px;text-align:center}.app-footer a{display:none}}