:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#070a10;color:#e8eef8}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 12% 16%,rgba(255,111,0,.12),transparent 28%),radial-gradient(circle at 86% 12%,rgba(0,195,255,.13),transparent 26%),#070a10;background-size:42px 42px,42px 42px,auto,auto,auto}button,input,textarea{font:inherit}.app-shell{position:relative;width:min(1440px,calc(100vw - 64px));min-height:100vh;margin:0 auto;padding:44px 0 36px}.app-shell:before{position:fixed;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 50%,transparent 50%);background-size:100% 6px;opacity:.12}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-bottom:38px}.eyebrow{margin:0 0 12px;color:#62e7ff;font-size:12px;font-weight:700;letter-spacing:0}h1{margin:0;font-size:42px;line-height:1.1;letter-spacing:0}.brand-title{display:flex;align-items:center;gap:14px}.hot-title-icon{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;transform:translateY(1px);filter:drop-shadow(0 0 16px rgba(255,106,26,.32))}.hot-title-icon svg{display:block;width:100%;height:100%;overflow:visible}.hot-icon-glow{fill:#ff6a1a33;filter:blur(5px)}.hot-icon-shell{fill:#ff6a1a1c;stroke:#ff9139c2;stroke-width:1.8}.hot-icon-flame{fill:#ff7a1a;stroke:#ffd18bb8;stroke-width:1.2;stroke-linejoin:round}.hot-icon-core{fill:#fff1c7;opacity:.92}.subtitle{margin:12px 0 0;color:#9ba9bc;font-size:17px;font-weight:600}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:14px;white-space:nowrap}.update-panel{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#8f9db4;font-size:18px;font-weight:650;line-height:1;text-align:right;white-space:nowrap}.refresh-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 15px;border:1px solid rgba(103,232,249,.5);border-radius:8px;color:#dffbff;background:linear-gradient(180deg,#67e8f929,#67e8f90f),#051722b8;box-shadow:0 0 0 1px #67e8f914 inset,0 0 20px #67e8f921;cursor:pointer;font-size:16px;font-weight:850;letter-spacing:0;transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.refresh-button:hover:not(:disabled){transform:translateY(-1px);color:#fff;border-color:#67e8f9db;background:linear-gradient(180deg,#67e8f93d,#67e8f91a),#061e2be6;box-shadow:0 0 0 1px #67e8f92e inset,0 0 32px #67e8f947}.refresh-button:disabled{cursor:not-allowed;opacity:.58}.refresh-icon{width:19px;height:19px;flex:0 0 auto}.refresh-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.refresh-icon.is-spinning{animation:spin .9s linear infinite}.update-label{color:#8f9db4}.update-time{display:inline-flex;align-items:baseline;gap:8px;color:#c9d4e5;font-style:normal}.update-time strong{color:#67e8f9;font-size:20px;font-weight:750;text-shadow:0 0 12px rgba(103,232,249,.24)}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.platform-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0b111cd1;box-shadow:0 20px 60px #00000052}.platform-card:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%);opacity:.55}.card-topline{height:3px}.platform-weibo{--rank-accent: #ff7a1a;--rank-accent-rgb: 255, 122, 26;border-color:#ff6f007a}.platform-baidu{--rank-accent: #3b86ff;--rank-accent-rgb: 59, 134, 255;border-color:#2a7dff85}.platform-zhihu{--rank-accent: #16d0be;--rank-accent-rgb: 22, 208, 190;border-color:#00cfb980}.platform-bilibili{--rank-accent: #fb7299;--rank-accent-rgb: 251, 114, 153;border-color:#fb72997a}.platform-toutiao{--rank-accent: #f04438;--rank-accent-rgb: 240, 68, 56;border-color:#f044387a}.platform-ithome{--rank-accent: #8b5cf6;--rank-accent-rgb: 139, 92, 246;border-color:#8b5cf67a}.platform-weibo .card-topline{background:linear-gradient(90deg,#ff6b00,transparent)}.platform-baidu .card-topline{background:linear-gradient(90deg,#2d7dff,transparent)}.platform-zhihu .card-topline{background:linear-gradient(90deg,#00c7b5,transparent)}.platform-bilibili .card-topline{background:linear-gradient(90deg,#fb7299,transparent)}.platform-toutiao .card-topline{background:linear-gradient(90deg,#f04438,transparent)}.platform-ithome .card-topline{background:linear-gradient(90deg,#8b5cf6,transparent)}.platform-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:108px;padding:26px 28px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.platform-code{margin:0 0 8px;color:#718197;font-size:11px;font-weight:800;letter-spacing:0}.platform-header h2{margin:0;font-size:26px;line-height:1.15;letter-spacing:0}.platform-weibo h2{color:#ff7a1a}.platform-baidu h2{color:#3b86ff}.platform-zhihu h2{color:#16d0be}.platform-bilibili h2{color:#fb7299}.platform-toutiao h2{color:#f04438}.platform-ithome h2{color:#a78bfa}.status-badge{flex:0 0 auto;min-width:64px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#c9d5e7;background:#ffffff0f;font-size:11px;font-weight:800;text-align:center;letter-spacing:0}.status-mock{color:#ffd18b;border-color:#ffa94180}.status-live{color:#87f8c3;border-color:#66ffb27a}.status-stale{color:#ffd18b;border-color:#ffa94180}.status-error{color:#ff9797;border-color:#ff666685}.status-empty,.status-loading{color:#aeb9cb}.hot-list{position:relative;z-index:1;display:grid;margin:0;padding:0;list-style:none}.hot-row{display:grid;grid-template-columns:44px minmax(0,1fr) 92px;align-items:center;gap:14px;min-height:66px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.06)}.hot-row:last-child{border-bottom:0}.hot-row:hover{background:#ffffff0b}.rank{position:relative;display:grid;width:34px;height:34px;place-items:center;border-radius:6px;color:#9aa8ba;background:#ffffff0f;font-weight:800;line-height:1;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.hot-row:nth-child(1) .rank,.hot-row:nth-child(2) .rank,.hot-row:nth-child(3) .rank{isolation:isolate;width:38px;height:38px;border:1px solid rgba(var(--rank-accent-rgb),.78);border-radius:0;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 30%),radial-gradient(circle at 50% 50%,rgba(var(--rank-accent-rgb),.72),rgba(var(--rank-accent-rgb),.28) 60%,#080c14eb);clip-path:polygon(27% 0,73% 0,100% 27%,100% 73%,73% 100%,27% 100%,0 73%,0 27%);box-shadow:0 0 13px rgba(var(--rank-accent-rgb),.34),inset 0 0 10px #ffffff1a;text-shadow:0 0 10px rgba(255,255,255,.36)}.hot-row:nth-child(1) .rank:before,.hot-row:nth-child(2) .rank:before,.hot-row:nth-child(3) .rank:before{position:absolute;inset:3px;content:"";border:1px solid rgba(255,255,255,.18);clip-path:inherit;pointer-events:none}.hot-row:nth-child(1) .rank:after,.hot-row:nth-child(2) .rank:after,.hot-row:nth-child(3) .rank:after{position:absolute;inset:-8px;z-index:-1;content:"";background:rgba(var(--rank-accent-rgb),.16);clip-path:inherit;filter:blur(8px);pointer-events:none}.hot-row:nth-child(-n+3){border-bottom-color:rgba(var(--rank-accent-rgb),.14)}.title{display:block;overflow:hidden;min-width:0;color:#e6edf8;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.title-link{text-decoration:none;transition:color .16s ease,text-shadow .16s ease}.title-link:hover{color:#fff;text-shadow:0 0 12px rgba(var(--rank-accent-rgb),.24)}.title-link:focus-visible{outline:2px solid rgba(103,232,249,.72);outline-offset:4px}.heat{overflow:hidden;color:#8f9bad;font-size:14px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.data-note{margin:24px 0 0;color:#68778c;font-size:13px;text-align:center}.loading-panel,.global-error,.empty-state,.error-state,.loading-state,.stale-state{border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#b8c4d5;background:#0b111ccc}.loading-panel{display:flex;align-items:center;justify-content:center;gap:12px;min-height:360px}.loader{width:18px;height:18px;border:2px solid rgba(98,231,255,.22);border-top-color:#62e7ff;border-radius:50%;animation:spin .8s linear infinite}.global-error{padding:28px;color:#ffabab}.empty-state,.error-state,.loading-state,.stale-state{position:relative;z-index:1;margin:28px;padding:24px}.stale-state{margin-bottom:0;border-color:#ffa94147;color:#ffd18b;background:#2a1f0e85}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1199px){.app-shell{width:min(1000px,calc(100vw - 48px));padding:36px 0 32px}.app-header{flex-wrap:wrap;gap:24px;padding-bottom:32px}.header-actions{margin-left:auto;padding-top:0}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.platform-header{min-height:96px;padding:22px 24px 20px}.hot-row{grid-template-columns:40px minmax(0,1fr) 96px;gap:12px;padding:0 24px}.title{font-size:17px}}@media(max-width:767px){.app-shell{width:calc(100vw - 28px);padding:28px 0}.app-header{flex-direction:column;gap:20px;padding-bottom:28px}h1{font-size:34px}.brand-title{gap:12px}.hot-title-icon{width:38px;height:38px;flex-basis:38px}.subtitle{font-size:15px;line-height:1.5}.header-actions{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.refresh-button{min-height:38px;padding:7px 13px;font-size:15px}.update-panel{font-size:16px}.update-time strong{font-size:18px}.platform-grid{grid-template-columns:1fr;gap:18px}.platform-header{min-height:auto;padding:20px 20px 18px}.platform-header h2{font-size:24px}.status-badge{min-width:58px;padding:5px 8px}.hot-row{grid-template-columns:36px minmax(0,1fr) 84px;gap:10px;min-height:60px;padding:0 20px}.rank{width:30px;height:30px}.hot-row:nth-child(1) .rank,.hot-row:nth-child(2) .rank,.hot-row:nth-child(3) .rank{width:34px;height:34px}.title{font-size:16px}.heat{font-size:12px}.data-note{padding:0 6px;line-height:1.5}.empty-state,.error-state,.loading-state,.stale-state{margin:20px;padding:20px}}@media(max-width:420px){.app-shell{width:calc(100vw - 20px)}h1{font-size:32px}.platform-header{padding:18px 16px 16px}.hot-row{grid-template-columns:34px minmax(0,1fr) 82px;gap:8px;padding:0 16px}.title{font-size:15px}}