:root{color-scheme:light;--bg:#f5f5f5;--surface:#fff;--text:#1a1a1a;--text-muted:#888;--border:#e8e8e8;--accent:#18a058;--rank-1:#ea444d;--rank-2:#ed702d;--rank-3:#eead3f;--shadow:0 8px 24px rgba(0,0,0,.06);--nav-height:56px;--sidebar-width:200px;--content-max-width:1200px;--tool-panel-gap:16px;--radius:12px;--font-mono:ui-monospace,"Cascadia Code","Source Code Pro",Consolas,monospace;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg:#101014;--surface:#18181c;--text:#fff;--text-muted:#a0a0a0;--border:#2d2d32;--shadow:0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box}#root,body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);transition:background-color .3s,color .3s}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-shell main{padding:28px 24px 0;max-width:var(--content-max-width);margin:0 auto;min-height:calc(100vh - var(--nav-height) - 120px)}.app-shell main.main-full{max-width:none;padding:0}.page-fade{animation:pageFade .25s ease}@keyframes pageFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer;transition:background-color .2s,border-color .2s}.btn:hover{border-color:var(--text-muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.grid-home{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.news-card{opacity:0;transform:translateY(20px);animation:cardShow .35s ease forwards}@keyframes cardShow{to{opacity:1;transform:translateY(0)}}.rank-badge{width:24px;height:24px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;background:var(--border)}.rank-badge.one{background:var(--rank-1);color:#fff}.rank-badge.two{background:var(--rank-2);color:#fff}.rank-badge.three{background:var(--rank-3);color:#fff}.skeleton{background:linear-gradient(90deg,var(--border),transparent,var(--border));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.app-shell main{padding-left:16px;padding-right:16px}.app-shell main.main-full{padding:0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}