.wb-shell{--wb-bg: #faf9f6;--wb-surface: #ffffff;--wb-ink: #202a30;--wb-ink-2: #303c42;--wb-ink-3: #59656b;--wb-ink-4: #657176;--wb-line: #dfe4e1;--wb-line-soft: #e9ede9;--wb-accent: #176b75;--wb-accent-soft: rgba(23,107,117,.08);--wb-hot: #b3402a;--wb-hot-soft: rgba(179,64,42,.08);--wb-warm: #c26a1b;--wb-warm-soft: rgba(194,106,27,.1);--wb-fresh: #3d7a4d;--wb-fresh-soft: rgba(61,122,77,.1);--wb-shadow-card: 0 1px 2px rgba(32,42,48,.025);--wb-shadow-card-hover: 0 3px 12px rgba(32,42,48,.055);min-height:100vh;background:var(--wb-bg);color:var(--wb-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}html.dark .wb-shell{--wb-bg: #13191c;--wb-surface: #1a2226;--wb-ink: #e7eceb;--wb-ink-2: #d2dada;--wb-ink-3: #a5b0b3;--wb-ink-4: #89979d;--wb-line: rgba(255,255,255,.08);--wb-line-soft: rgba(255,255,255,.06);--wb-accent: #12ccd8;--wb-accent-soft: rgba(18,204,216,.12);--wb-hot: #d86a52;--wb-hot-soft: rgba(216,106,82,.12);--wb-warm: #e0974a;--wb-warm-soft: rgba(224,151,74,.12);--wb-fresh: #7fbf8d;--wb-fresh-soft: rgba(127,191,141,.12);--wb-shadow-card: none;--wb-shadow-card-hover: none}.wb-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 28px 14px;border-bottom:1px solid var(--wb-line-soft);background:var(--wb-bg);position:sticky;top:0;z-index:70}.wb-topbar-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.wb-topbar-actions{display:inline-flex;gap:14px;align-items:center;flex-shrink:0}.wb-sync{color:var(--wb-ink-4);font-size:12px}.wb-quiet-btn{cursor:pointer;border:1px solid var(--wb-line);border-radius:8px;background:transparent;color:var(--wb-ink-3);font-size:12px;padding:4px 10px}.wb-quiet-btn:hover{color:var(--wb-accent);border-color:var(--wb-accent)}.wb-icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;cursor:pointer;border:0;border-radius:8px;background:transparent;color:var(--wb-ink-3)}.wb-icon-btn:hover{color:var(--wb-accent);background:var(--wb-accent-soft)}html.dark .wb-icon-btn .theme-moon{display:none}html:not(.dark) .wb-icon-btn .theme-sun{display:none}.wb-back{color:var(--wb-ink-3);font-size:13px;text-decoration:none;padding:5px 2px}.wb-back:hover{color:var(--wb-accent)}.wb-main{max-width:760px;margin:0 auto;padding:20px 28px 80px}.wb-status{margin:4px 0 14px;color:var(--wb-ink-4);font-size:12.5px}.wb-pinned[hidden]{display:none}.wb-pinned{display:flex;align-items:center;gap:10px;padding:13px 16px;margin:0 0 12px;background:var(--wb-surface);border:1px solid var(--wb-line);border-left:3px solid var(--wb-accent);border-radius:12px;box-shadow:var(--wb-shadow-card);text-decoration:none;color:inherit}.wb-pinned:hover{box-shadow:var(--wb-shadow-card-hover)}.wb-pinned .wb-pinned-tag{flex-shrink:0;display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;color:var(--wb-accent);background:var(--wb-accent-soft);font-size:11px;font-weight:600}.wb-pinned .wb-pinned-title{font-size:14.5px;font-weight:600;color:var(--wb-ink)}.wb-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:wb}.wb-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:12px;box-shadow:var(--wb-shadow-card);text-decoration:none;color:inherit}.wb-item:hover{box-shadow:var(--wb-shadow-card-hover)}.wb-rank{flex-shrink:0;width:26px;text-align:center;color:var(--wb-ink-4);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.wb-rank--top{color:var(--wb-hot);font-size:15px}.wb-item-main{flex:1;min-width:0}.wb-item-title{font-size:14.5px;font-weight:600;line-height:1.5;color:var(--wb-ink);overflow-wrap:anywhere}.wb-item:hover .wb-item-title{color:var(--wb-accent)}.wb-label{flex-shrink:0;display:inline-flex;align-items:center;height:19px;padding:0 6px;border-radius:5px;font-size:11px;font-weight:700}.wb-label--burst{color:var(--wb-hot);background:var(--wb-hot-soft)}.wb-label--hot{color:var(--wb-warm);background:var(--wb-warm-soft)}.wb-label--new{color:var(--wb-fresh);background:var(--wb-fresh-soft)}.wb-label--promoted{color:var(--wb-ink-4);background:var(--wb-accent-soft)}.wb-heat{flex-shrink:0;color:var(--wb-ink-4);font-size:12px;font-variant-numeric:tabular-nums}.wb-footer{margin-top:18px;color:var(--wb-ink-4);font-size:11.5px;text-align:center}@media (max-width: 880px){.wb-topbar{padding:12px 16px 10px}.wb-topbar-actions{gap:10px}.wb-main{padding:14px 16px 60px}.wb-item{padding:11px 12px;gap:10px}.wb-heat{display:none}}