@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,PingFang SC,sans-serif;color:#17191d;background:#f4f5f7;font-synthesis:none;--accent:#f2552c;--accent-dark:#df3f1c;--accent-soft:#fff1eb;--ink:#17191d;--muted:#7b8089;--line:#e5e7ea;--surface:#fff;--rail:#202227}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.rank-app{min-height:100vh;display:grid;grid-template-columns:184px minmax(0,1fr);background:#f5f6f8}.rail{position:sticky;top:0;height:100vh;background:var(--rail);color:#fff;padding:21px 14px;display:flex;flex-direction:column}.rank-brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px;border-bottom:1px solid #ffffff18}.rank-brand>span{width:37px;height:37px;border-radius:10px;background:var(--accent);display:grid;place-items:center}.rank-brand b{font-size:14px;line-height:1.3;letter-spacing:.5px}.rail nav{display:grid;gap:6px;padding-top:22px}.rail button{border:0;color:#aeb1b8;background:transparent;height:42px;border-radius:8px;display:flex;align-items:center;gap:11px;padding:0 12px;font-size:12px;text-align:left}.rail nav button.active{background:#ffffff12;color:#fff;box-shadow:inset 3px 0 var(--accent)}.rail button:hover{color:#fff;background:#ffffff0c}.rail-help{margin-top:auto;color:#92969e;display:flex;align-items:center;gap:10px;padding:12px;font-size:12px;border-top:1px solid #ffffff16}main{min-width:0;padding:0 26px 30px;max-width:1720px;width:100%;margin:0 auto}.app-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-header h1{font-size:24px;letter-spacing:-.5px;margin:0 0 5px}.app-header p{margin:0;color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:9px}.header-actions button{height:36px;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.ghost{background:#fff;border:1px solid var(--line);color:#4a4f57}.sync{background:var(--accent);border:1px solid var(--accent);color:#fff}.sync:hover{background:var(--accent-dark)}.sync:disabled{opacity:.65}.updated{font-size:11px;color:#737982;margin-right:8px;display:flex;align-items:center}.updated i{width:7px;height:7px;border-radius:50%;background:#23a268;margin-right:7px;box-shadow:0 0 0 4px #23a26816}.tabs{display:flex;align-items:end;gap:25px;height:60px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{position:relative;height:60px;border:0;background:transparent;color:#737880;padding:4px 1px 0;white-space:nowrap;font-size:13px;font-weight:500;display:flex;align-items:center;gap:5px}.tabs button.active{color:var(--ink);font-weight:700}.tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--accent);border-radius:3px 3px 0 0}.tabs small{font-size:9px;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:2px 4px}.overview{margin:18px 0;min-height:104px;background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1.25fr repeat(4,.8fr) 1.15fr;align-items:center}.overview>div{min-width:0;padding:0 22px;height:54px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.overview>div:last-child{border-right:0}.overview p{font-size:10px;color:#8a8f97;margin:0 0 8px}.overview strong{font:600 24px IBM Plex Mono,monospace}.overview strong small{font:500 11px Noto Sans SC;color:#92969d}.overview-title{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:13px}.overview-title .accent-line{height:37px;width:4px;border-radius:5px;background:var(--accent)}.overview-title h2{font-size:18px;margin:0}.overview-title p{margin:0 0 3px}.heat-value{color:var(--accent);font-size:21px!important}.progress-stat>div{height:5px;background:#eceef0;border-radius:4px;overflow:hidden}.progress-stat>div i{display:block;height:100%;background:var(--accent)}.progress-stat small{font-size:9px;color:#8a8f97;margin-top:6px}.workspace{display:grid;grid-template-columns:minmax(710px,1fr) 238px;gap:18px;align-items:start}.list-panel,.insights{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toolbar{height:64px;display:flex;align-items:center;padding:0 16px;gap:9px;border-bottom:1px solid var(--line)}.searchbox{height:36px;width:min(310px,35%);border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#fafbfc;color:#92979e}.searchbox input{border:0;outline:0;width:100%;background:transparent;font-size:11px}.searchbox button{border:0;background:transparent;padding:1px;color:#8c9199}.filter-label{font-size:11px;color:#686e76;display:flex;gap:5px;margin-left:5px}.toolbar select{height:34px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#555b63;padding:0 25px 0 9px;font-size:10px}.rows-count{margin-left:auto;font-size:10px;color:#959aa2}.column-head{height:36px;background:#fafbfc;color:#90959d;font-size:9px;display:grid;grid-template-columns:minmax(350px,1fr) repeat(5,66px) 48px 30px;align-items:center;border-bottom:1px solid var(--line);padding:0 15px}.column-head span:not(:first-child){text-align:center}.drama-row{min-height:108px;display:grid;grid-template-columns:42px 62px minmax(220px,1fr) repeat(5,66px) 48px 30px;align-items:center;padding:10px 15px;border-bottom:1px solid #eceef0;transition:background .15s}.drama-row:hover{background:#fffaf8}.rank-number{font:600 14px IBM Plex Mono;color:#8a8f96}.rank-1{color:#ef4d25;font-size:18px}.rank-2{color:#ec7b35}.rank-3{color:#358bd3}.poster{width:52px;height:78px;display:block;border-radius:6px;object-fit:cover;background:#d8dadd;box-shadow:0 3px 9px #17191d18}.poster-slot{background-image:url(/evidence/hongguo-rank-page.png);background-size:520px 1156px;background-repeat:no-repeat}.slot-1{background-position:-20px -306px}.slot-2{background-position:-20px -457px}.slot-3{background-position:-20px -607px}.slot-4{background-position:-20px -760px}.slot-5{background-position:-20px -902px}.slot-6{background-position:-20px -1047px}.drama-main{padding:0 12px;min-width:0}.title-line{display:flex;align-items:center;gap:7px}.drama-main h3{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drama-main p{font-size:10px;color:#858a92;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata{display:flex;gap:6px;overflow:hidden}.metadata span,.new-label{font-size:9px;color:#6f747c;background:#f1f2f4;border-radius:4px;padding:2px 5px;white-space:nowrap}.new-label{color:#07916f;background:#e9f8f2}.metric{text-align:center;min-width:0}.metric b{display:block;font:600 11px IBM Plex Mono;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric:first-of-type b{color:var(--accent)}.metric span{font-size:8px;color:#9da1a8}.trend{justify-self:center;font:500 10px IBM Plex Mono;display:flex;align-items:center}.trend.up{color:#e24a27}.trend.down{color:#1e9b72}.trend.flat{color:#a2a6ad}.row-action{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#a1a5ac;padding:0;display:grid;place-items:center}.row-action:hover{color:var(--accent);background:var(--accent-soft)}.skeleton,.empty-board{height:420px;display:grid;place-content:center;text-align:center;color:#90959d;font-size:12px}.empty-board svg{margin:auto;color:#c0c3c8}.empty-board h3{color:#474c53;font-size:15px;margin:13px 0 5px}.empty-board p{margin:0}.rows.loading{opacity:.7}.pagination{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:#8a8f97}.pagination>div{display:flex;align-items:center;gap:4px}.pagination button{width:29px;height:29px;border:1px solid var(--line);background:#fff;border-radius:6px;color:#686e76;font-size:10px}.pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination button:disabled{opacity:.35}.insights{padding:16px}.insight-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.insight-head h3{font-size:13px;margin:0}.insight-head svg{color:#999ea5}.board-progress{display:grid;gap:2px}.board-progress button{border:0;background:transparent;padding:8px 6px;border-radius:6px;display:grid;grid-template-columns:1fr auto;text-align:left}.board-progress button:hover,.board-progress button.active{background:#faf4f1}.board-progress span{font-size:10px;color:#555b63}.board-progress b{font:500 9px IBM Plex Mono;color:#8e939a}.board-progress i{grid-column:1/-1;height:3px;background:#eceef0;margin-top:6px;border-radius:3px;overflow:hidden}.board-progress em{display:block;height:100%;background:var(--accent);border-radius:3px}.today-box{display:flex;align-items:center;gap:9px;background:var(--accent-soft);border-radius:8px;padding:12px;margin:18px 0}.today-box>svg{color:var(--accent)}.today-box div{min-width:0;flex:1}.today-box p{font-size:9px;color:#8e6d63;margin:0}.today-box strong{font-size:11px}.today-box button{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:600}.source-state{border-top:1px solid var(--line);padding-top:15px}.source-state h4{font-size:11px;margin:0 0 12px}.source-state p{font-size:9px;color:#747a82;display:flex;align-items:center;gap:7px}.source-state p span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center}.source-state .ok{background:#e8f7f1;color:#14875f}.source-state .warn{background:#fff2e4;color:#d76d13}.source-state code{display:block;margin-top:11px;padding:8px;background:#f4f5f6;border-radius:6px;font:8px IBM Plex Mono;overflow:hidden}.notice{position:fixed;right:24px;bottom:24px;max-width:520px;background:#24272c;color:#fff;border-radius:8px;box-shadow:0 12px 35px #0003;padding:12px 13px 12px 16px;display:flex;align-items:center;gap:14px;font-size:11px;z-index:9}.notice button{border:0;background:transparent;color:#fff;padding:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.rank-app{grid-template-columns:64px minmax(0,1fr)}.rail{padding:18px 9px}.rank-brand{padding:0 4px 20px}.rank-brand b,.rail button span,.rail-help span{display:none}.rail nav button{justify-content:center;padding:0}.rail-help{justify-content:center}.overview{grid-template-columns:1.1fr repeat(4,.75fr)}.progress-stat{display:none!important}.workspace{grid-template-columns:1fr}.insights{display:none}.column-head,.drama-row{grid-template-columns:38px 58px minmax(220px,1fr) repeat(2,68px) 42px 26px}.column-head span:nth-child(4),.column-head span:nth-child(5),.column-head span:nth-child(6),.drama-row .metric:nth-of-type(3),.drama-row .metric:nth-of-type(4),.drama-row .metric:nth-of-type(5){display:none}}@media(max-width:760px){.comment-drawer{width:100vw}.comment-header{min-height:100px;padding:14px}.comment-list{padding:0 14px}.comment-title .poster{width:42px;height:63px}.comment-title h2{font-size:15px}.comment-title p{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-item{grid-template-columns:34px minmax(0,1fr)}.comment-avatar{width:32px;height:32px}.comment-pagination{padding:0 14px}.comment-meta strong{max-width:140px}.rank-app{display:block}.rail{position:fixed;inset:auto 0 0;height:62px;z-index:5;flex-direction:row;padding:6px;background:#202227}.rank-brand,.rail-help{display:none}.rail nav{display:flex;flex:1;padding:0}.rail nav button{flex:1;height:50px;flex-direction:column;gap:3px}.rail nav button span{display:block;font-size:8px}main{padding:0 12px 78px}.app-header{height:76px}.app-header p,.updated,.ghost{display:none!important}.app-header h1{font-size:20px}.tabs{gap:20px}.overview{grid-template-columns:1fr 1fr;margin:12px 0}.overview>div{height:58px;border-bottom:1px solid var(--line)}.overview-title{grid-column:1/-1}.overview>div:nth-child(4),.overview>div:nth-child(5),.overview>div:nth-child(6){display:none}.toolbar{height:auto;flex-wrap:wrap;padding:10px}.searchbox{width:100%;max-width:none}.filter-label,.rows-count,.column-head{display:none}.drama-row{grid-template-columns:30px 58px 1fr 55px;padding:10px;min-height:104px}.drama-row .metric,.trend{display:none}.row-action{display:grid}.drama-main p{max-width:180px}.pagination{align-items:flex-start;height:auto;flex-direction:column;gap:10px;padding:12px}.pagination>div{max-width:100%;overflow:auto}}.comment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#17191d66;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-in .18s ease-out}.comment-drawer{width:min(620px,92vw);height:100vh;background:#fff;box-shadow:-18px 0 55px #17191d2b;display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:drawer-in .22s ease-out}.comment-header{min-height:112px;padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.comment-title{min-width:0;flex:1;display:flex;align-items:center;gap:14px}.comment-title .poster{width:48px;height:72px;flex:none}.comment-title>div{min-width:0}.comment-title span{display:block;color:var(--accent);font-size:10px;font-weight:700;margin-bottom:4px}.comment-title h2{font-size:18px;line-height:1.35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-title p{font-size:10px;color:var(--muted);margin:6px 0 0}.comment-close{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#6f747c;display:grid;place-items:center;flex:none}.comment-close:hover{color:var(--accent);background:var(--accent-soft);border-color:#f3d6cc}.comment-list{min-height:0;overflow-y:auto;padding:0 20px}.comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:17px 0;border-bottom:1px solid #eceef0}.comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#f1f2f4;display:grid;place-items:center;color:#777d85;font-size:12px;font-weight:700}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-body{min-width:0}.comment-meta{display:flex;align-items:center;gap:8px}.comment-meta strong{font-size:11px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-meta time{font-size:9px;color:#a0a4aa}.comment-meta em{margin-left:auto;font:500 9px IBM Plex Mono;color:#b0b4ba;font-style:normal}.comment-body>p{font-size:12px;line-height:1.75;color:#363a40;margin:8px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-stats{display:flex;align-items:center;gap:18px;color:#8a8f97}.comment-stats span{display:flex;align-items:center;gap:5px;font:500 9px IBM Plex Mono}.comment-state{height:100%;min-height:320px;display:grid;place-content:center;justify-items:center;text-align:center;color:#9a9fa6}.comment-state h3{font-size:14px;color:#4d5259;margin:12px 0 3px}.comment-state p{font-size:10px;margin:7px 0}.comment-pagination{height:66px;border-top:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:#8c9198;font-size:10px;background:#fafbfc}.comment-pagination>div{display:flex;gap:8px}.comment-pagination button{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#5d626a;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:10px}.comment-pagination button:hover:not(:disabled){border-color:#efb5a4;color:var(--accent)}.comment-pagination button:disabled{opacity:.4;cursor:default}@keyframes overlay-in{0%{opacity:0}}@keyframes drawer-in{0%{transform:translate(35px);opacity:.75}}@media(max-width:760px){.comment-drawer{width:100vw}}