::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-black-900)}::-webkit-scrollbar-thumb{border:2px solid var(--color-black-900);background:var(--color-neutral-500);background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400);background-clip:padding-box}::-webkit-scrollbar-corner{background:var(--color-black-900)}:root{--color-black-950:#020202;--color-black-900:#0b0b0b;--color-black-850:#101010;--color-black-800:#111;--color-black-750:#030303;--color-neutral-950:#121212;--color-neutral-900:#171717;--color-neutral-850:#1f1f1f;--color-neutral-800:#242424;--color-neutral-750:#292929;--color-neutral-700:#2b2b2b;--color-neutral-650:#303030;--color-neutral-600:#333;--color-neutral-500:#474747;--color-neutral-400:#666;--color-neutral-300:#8f8f8f;--color-neutral-200:#b8b8b8;--color-neutral-100:#d6d6d6;--color-neutral-050:#ededed;--color-white-soft:#f9f9f9;--color-white:#fff;--color-ink:#050505;--theme-primary-hue:207deg;--theme-primary-saturation:46%;--theme-primary-lightness:45%;--color-primary-500:hsl(var(--theme-primary-hue) var(--theme-primary-saturation) calc(var(--theme-primary-lightness) + 5%));--color-primary-600:hsl(var(--theme-primary-hue) var(--theme-primary-saturation) var(--theme-primary-lightness));--color-primary-700:hsl(var(--theme-primary-hue) var(--theme-primary-saturation) calc(var(--theme-primary-lightness) - 6%));--color-green-300:#75d7a9;--color-green-500:#47c289;--color-red-300:#ff8a8f;--app-outer-bg:var(--color-neutral-950);--app-inner-bg:var(--color-black-950);--bg:var(--app-inner-bg);--bg-elevated:var(--color-neutral-900);--bg-surface:var(--color-neutral-850);--border:var(--color-neutral-700);--border-hover:var(--color-neutral-500);--text:var(--color-neutral-050);--text-secondary:var(--color-neutral-200);--text-muted:var(--color-neutral-300);--accent:var(--color-primary-600);--accent-bright:var(--color-primary-500);--accent-dim:color-mix(in srgb, var(--accent) 16%, transparent);--accent-glow:color-mix(in srgb, var(--accent) 42%, transparent);--green:var(--color-green-300);--green-bg:color-mix(in srgb, var(--color-green-500) 14%, transparent);--red:var(--color-red-300);--red-bg:color-mix(in srgb, var(--color-red-300) 14%, transparent);--blue:var(--color-primary-500);--pink:#e09ab0;--orange:#d5ad73;--purple:#a99bd3;--cyan:#79c8c4;--radius:8px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:MiSans,DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.app-wrapper{min-height:100vh}.app-wrapper,.main-content{flex-direction:column;display:flex}.main-content{flex:1}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.navbar{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0}.navbar-inner{justify-content:space-between;max-width:1200px;height:56px;margin:0 auto;padding:0 40px}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{letter-spacing:.01em;color:var(--text-secondary);gap:10px;font-size:14px;font-weight:600}.navbar-brand .brand-icon{-o-object-fit:contain;object-fit:contain;flex:none;width:24px;height:24px}.navbar-links{gap:2px;margin-left:auto;display:flex}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-muted);padding:6px 14px;font-size:13px;font-weight:500;transition:color .2s}.navbar-links a:hover{color:var(--text-secondary)}.navbar-links a.active{color:var(--text);background:var(--accent-dim)}.platform-switch{border-left:1px solid var(--border);align-items:center;gap:2px;margin-left:14px;padding-left:14px;display:flex}.platform-switch a{border-radius:var(--radius-sm);place-items:center;width:30px;height:30px;transition:background-color .2s;display:grid}.platform-switch a.active,.platform-switch a:hover{background:var(--accent-dim)}.platform-switch a:first-child{--bilibili-icon-size:24px;color:var(--accent-bright)}.platform-bilibili-icon{transform:scale(1.3)}.hero{padding:40px 0 36px}.hero-main{align-items:center;gap:16px;min-height:72px;display:flex}.hero-platform-icon{--platform-logo-size:56px;--bilibili-icon-size:var(--platform-logo-size);--douyin-icon-size:var(--platform-logo-size);width:var(--platform-logo-size);height:var(--platform-logo-size);flex:0 0 var(--platform-logo-size);color:var(--accent-bright);filter:drop-shadow(0 0 7px var(--accent-glow));display:block}.hero-platform-icon--bilibili,.hero-platform-icon--douyin{transform-origin:50%}.hero-platform-icon--bilibili{transform:scale(1.38)}.hero-platform-icon--douyin{transform:scale(.82)}.hero-copy{min-width:0}.author-title{min-width:0;margin:0}.author-title>span{overflow-wrap:anywhere;min-width:0;display:block}.hero-meta-separator{background:var(--border-hover);border-radius:50%;flex:0 0 3px;width:3px;height:3px}.hero h1{letter-spacing:0;color:var(--text);margin-bottom:0;font-size:38px;font-weight:700;line-height:1.1}.hero .subtitle{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;font-size:13px;font-weight:400;display:flex}.stats-grid{background:0 0;border:none;border-radius:0;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:40px;display:grid;overflow:visible}.stat-card{background:var(--bg-elevated);border-radius:var(--radius);padding:22px 24px;transition:background .2s}.stat-card:hover{background:var(--bg-surface)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:500}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat-delta{letter-spacing:0;border-radius:4px;align-items:center;gap:3px;margin-top:6px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-flex}.stat-delta.positive{color:var(--green);background:var(--green-bg)}.stat-delta.negative{color:var(--red);background:var(--red-bg)}.stat-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.chart-card,.module-card{background:var(--bg-elevated);border-radius:var(--radius);border:none;margin-bottom:24px;overflow:hidden}.chart-card{padding:24px}.chart-card .chart-title{color:var(--text-secondary);margin-bottom:20px;font-size:14px;font-weight:600}.module-toolbar,.table-toolbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;min-height:56px;padding:16px 20px;display:flex}.chart-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.search-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.data-table{border-collapse:collapse;background:var(--bg-elevated);width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:var(--bg-surface);padding:12px 14px;font-size:12px;font-weight:600;transition:color .15s}.data-table th:hover{color:var(--text-secondary)}.data-table th.sortable{cursor:pointer}.data-table th .sort-icon{opacity:.35;margin-left:2px;font-size:10px;transition:opacity .15s;display:inline-block}.data-table th:hover .sort-icon{opacity:.7}.data-table td.num,.data-table th.num{text-align:left}.data-table td{border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-secondary);padding:10px 14px;font-size:13px}.metric-cell{white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:max-content;line-height:1.25;display:flex}.metric-cell>span:first-child{white-space:nowrap;flex:none;display:block}.data-table tbody tr{transition:background .12s}.data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--bg-surface) 18%,var(--bg-elevated))}.data-table tbody tr:hover{background:var(--bg-surface)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .title-cell{text-overflow:ellipsis;max-width:280px;color:var(--text);font-weight:500;overflow:hidden}.data-table .title-cell:hover{color:var(--accent)}.delta-badge{letter-spacing:0;white-space:nowrap;border-radius:3px;align-items:center;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.metric-cell .delta-badge{flex:none;margin-left:0}.delta-badge.up{color:var(--green);background:var(--green-bg)}.delta-badge.down{color:var(--red);background:var(--red-bg)}.loading{min-height:240px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.loading .spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;margin-right:10px;animation:.7s linear infinite spin}.footer{text-align:center;width:100%;color:var(--text-muted);border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--app-inner-bg) 50%,transparent));flex-shrink:0;padding:32px 0;font-size:12px}.footer-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.footer-copy{color:var(--text-muted);letter-spacing:.02em}.footer-copy-link{color:var(--accent);font-weight:500;transition:color .2s}.footer-copy-link:hover{color:var(--text)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out both fadeIn}.fade-in-up{animation:.6s cubic-bezier(.22,1,.36,1) both fadeInUp}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.fade-in-delay-5{animation-delay:.5s}.skeleton{background:var(--bg-surface);background:linear-gradient(90deg,var(--bg-surface) 25%,var(--border) 50%,var(--bg-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.navbar-inner{justify-content:flex-start;height:52px;padding:0 16px}.navbar-brand{gap:0}.navbar-brand>span{display:none}.navbar-links{margin-left:12px}.navbar-links a{padding:6px 10px}.platform-switch{margin-left:8px;padding-left:8px}.footer-inner,.page-container{padding-left:20px;padding-right:20px}.hero{padding:32px 0 28px}.hero-main{gap:12px;min-height:56px}.hero-platform-icon{--platform-logo-size:44px}.hero h1{font-size:28px}.hero .subtitle{margin-top:6px;font-size:12px}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:20px}}svg[data-v-50ff6305]{width:var(--bilibili-icon-size,18px);height:var(--bilibili-icon-size,18px);min-width:var(--bilibili-icon-size,18px);min-height:var(--bilibili-icon-size,18px);display:block}svg[data-v-6223a243]{width:var(--douyin-icon-size,18px);height:var(--douyin-icon-size,18px);display:block}