:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--bg-page: #f6f8fb;--bg-card: #ffffff;--bg-muted: #f1f5f9;--bg-hover: #f8fafc;--bg-subtle: rgba(248, 250, 252, .7);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-hover: #334155;--border-color: #e2e8f0;--border-light: #f1f5f9;--header-bg: rgba(255, 255, 255, .92);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-tab: 0 1px 2px rgba(15, 23, 42, .08);--sort-tab-bg: #f1f5f9;--sort-tab-active-bg: #ffffff;--icon-btn-bg: #f1f5f9;--icon-btn-hover-bg: #e2e8f0;--tag-bg: #f8fafc;--tag-active-bg: #eff6ff;--chip-bg: #ffffff;--rank-bg: #f1f5f9;--rank-top-bg: #fef3c7;--rank-top-color: #d97706;--track-bg: #f1f5f9;--hero-gradient: linear-gradient(135deg, #eef4ff 0%, #e0ecff 50%, #f0f4ff 100%);--hero-border: rgba(191, 219, 254, .6);--hero-btn-secondary-bg: #ffffff;--hero-btn-secondary-hover: #f8fafc;--hero-arrow-bg: rgba(255, 255, 255, .8);--cta-gradient: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);--cta-border: #bfdbfe;--footer-bg: #ffffff;--notify-dot-border: #ffffff}html.dark-theme{color-scheme:dark;--bg-page: #000000;--bg-card: #141414;--bg-muted: #1f1f1f;--bg-hover: #1f1f1f;--bg-subtle: rgba(20, 20, 20, .9);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--text-hover: #d4d4d4;--border-color: #2a2a2a;--border-light: #262626;--header-bg: rgba(0, 0, 0, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-tab: 0 1px 2px rgba(0, 0, 0, .6);--sort-tab-bg: #1a1a1a;--sort-tab-active-bg: #2a2a2a;--icon-btn-bg: #1f1f1f;--icon-btn-hover-bg: #2a2a2a;--tag-bg: #1f1f1f;--tag-active-bg: rgba(37, 99, 235, .18);--chip-bg: #141414;--rank-bg: #1f1f1f;--rank-top-bg: rgba(217, 119, 6, .15);--rank-top-color: #fbbf24;--track-bg: #1f1f1f;--hero-gradient: linear-gradient(135deg, #0a0a0a 0%, #141414 50%, #0a0a0a 100%);--hero-border: #262626;--hero-btn-secondary-bg: #1f1f1f;--hero-btn-secondary-hover: #2a2a2a;--hero-arrow-bg: rgba(20, 20, 20, .9);--cta-gradient: linear-gradient(135deg, #141414 0%, #0a0a0a 100%);--cta-border: #262626;--footer-bg: #0a0a0a;--notify-dot-border: #141414}.layout-inner,.page-container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width: 1024px){.layout-inner,.page-container{padding-left:32px;padding-right:32px}}.page-container{padding-top:24px;padding-bottom:64px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header-info .title-row{display:flex;align-items:center;gap:10px}.page-header-info .title-icon{color:#2563eb}.page-header-info h1{font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.page-header-info p{margin-top:6px;font-size:14px;color:var(--text-muted)}.page-sidebar-layout{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.page-sidebar-layout{grid-template-columns:1fr 300px}}.page-sidebar{display:flex;flex-direction:column;gap:20px}@media (min-width: 1024px){.page-sidebar{position:sticky;top:88px;align-self:start}}.page-hero-sidebar{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.page-hero-sidebar{grid-template-columns:2fr 1fr;align-items:stretch}}.page-two-columns{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.page-two-columns{grid-template-columns:1fr 1fr}}.section-gap{margin-top:24px}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}html,body,#app{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}.page-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:24px;color:var(--text-secondary)}.page-placeholder h2{font-size:20px;font-weight:700;color:var(--text-primary)}.page-placeholder p{font-size:14px;color:var(--text-muted)}.hash-tag.blue,.tag-item.blue{background:#f0f9ff;color:#2563eb;border-color:#2563eb40}.hash-tag.emerald,.tag-item.emerald{background:#ecfdf5;color:#059669;border-color:#10b98140}.hash-tag.amber,.tag-item.amber{background:#fffbeb;color:#b45309;border-color:#f59e0b40}.hash-tag.purple,.tag-item.purple{background:#faf5ff;color:#9333ea;border-color:#9333ea40}.hash-tag.indigo,.tag-item.indigo{background:#eef2ff;color:#4f46e5;border-color:#4f46e540}.hash-tag.rose,.tag-item.rose{background:#fff1f2;color:#e11d48;border-color:#e11d4840}.hash-tag.sky,.tag-item.sky{background:#f0f9ff;color:#0284c7;border-color:#0ea5e940}.hash-tag.red,.tag-item.red{background:#fef2f2;color:#dc2626;border-color:#dc262640}html.dark-theme .tag.blue,html.dark-theme .category-chip .tag.blue,html.dark-theme .hash-tag.blue,html.dark-theme .tag-item.blue{background:#2563eb26;color:#60a5fa}html.dark-theme .tag.emerald,html.dark-theme .hash-tag.emerald,html.dark-theme .tag-item.emerald{background:#10b98126;color:#34d399}html.dark-theme .tag.indigo,html.dark-theme .hash-tag.indigo,html.dark-theme .tag-item.indigo{background:#4f46e526;color:#818cf8}html.dark-theme .tag.amber,html.dark-theme .hash-tag.amber,html.dark-theme .tag-item.amber{background:#f59e0b26;color:#fbbf24}html.dark-theme .tag.purple,html.dark-theme .hash-tag.purple,html.dark-theme .tag-item.purple{background:#9333ea26;color:#c084fc}html.dark-theme .tag.rose,html.dark-theme .hash-tag.rose,html.dark-theme .tag-item.rose{background:#e11d4826;color:#fb7185}html.dark-theme .tag.sky,html.dark-theme .hash-tag.sky,html.dark-theme .tag-item.sky{background:#0ea5e926;color:#38bdf8}html.dark-theme .tag.red,html.dark-theme .hash-tag.red,html.dark-theme .tag-item.red{background:#dc262626;color:#f87171}html.dark-theme .discount-tag{background:#ef444426;color:#f87171}html.dark-theme .quick-icon.blue{background:#2563eb26;color:#60a5fa}html.dark-theme .quick-icon.emerald{background:#10b98126;color:#34d399}html.dark-theme .quick-icon.indigo{background:#4f46e526;color:#818cf8}html.dark-theme .quick-icon.amber{background:#f59e0b26;color:#fbbf24}html.dark-theme .quick-item:hover .quick-icon.blue{background:#2563eb40}html.dark-theme .quick-item:hover .quick-icon.emerald{background:#10b98140}html.dark-theme .quick-item:hover .quick-icon.indigo{background:#4f46e540}html.dark-theme .quick-item:hover .quick-icon.amber{background:#f59e0b40}html.dark-theme .source-icon.blue{background:#2563eb26;color:#60a5fa}html.dark-theme .source-icon.emerald{background:#10b98126;color:#34d399}html.dark-theme .source-icon.purple{background:#7c3aed26;color:#a78bfa}html.dark-theme .source-icon.amber{background:#f59e0b26;color:#fbbf24}html.dark-theme .source-icon.rose{background:#e11d4826;color:#fb7185}html.dark-theme .indicator{background:#404040}html.dark-theme .indicator.active{background:#60a5fa}html.dark-theme .indicator:hover:not(.active){background:#525252}html.dark-theme .deco-secondary .os-icon{background:#2563eb26;color:#60a5fa}