/* 方向 B · 俱乐部：干净的灰白底、柿子橙主色、大圆角卡片、彩色应用图标。 */
:root[data-look="b"] {
  --bg: #f3f3f0; --paper: #ffffff; --paper2: #f1f0ec;
  --ink: #16171b; --ink2: #4e5159; --ink3: #80838c; --line: #e4e3de;
  --accent: #d4441f; --accent-ink: #ffffff; --accent-soft: #fde9e2;
  --warm: #2f55d4; --warm-soft: #e4eafc; --on-warm: #fff;
  --hl1: rgba(255, 204, 41, .34); --hl2: rgba(255, 204, 41, .54); --hl3: rgba(255, 204, 41, .80); --hl-me: #d4441f;
  --sel-bg: #16171b; --sel-ink: #ffffff;
  --av-s: 62%; --av-l: 86%; --av-d: 32%;
  --ic1: #e4572e; --ic2: #2f55d4; --ic3: #17936a; --ic4: #f0a30a;
  --tile-bg: var(--paper); --tile-line: transparent;
  --tile-shadow: 0 4px 14px rgba(20, 20, 30, .10);
  --mark-ink: var(--ink); --mark-accent: var(--accent); --mark-on: #fff;
  --desk-bg: radial-gradient(100% 40% at 50% 0%, #ffffff, transparent 70%);
  --shadow: 0 1px 2px rgba(20, 20, 30, .04), 0 8px 24px rgba(20, 20, 30, .06);
  --shadow-sm: 0 1px 2px rgba(20, 20, 30, .04), 0 4px 12px rgba(20, 20, 30, .04);
  --card-border: 1px solid transparent;
  --r-card: 20px; --r-btn: 14px; --r-tile: 20px; --r-floor: 18px;
  --font-head: "Outfit", var(--sans); --font-read: "Noto Serif SC", var(--serif);
  --font-en: "Outfit", var(--sans); --head-weight: 700;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root[data-look="b"]:not([data-theme="light"]) {
    --bg: #0f1012; --paper: #1a1b1f; --paper2: #24262b;
    --ink: #f2f2ef; --ink2: #b4b6bd; --ink3: #7f828b; --line: #2c2e34;
    --accent: #ff7a52; --accent-ink: #1a0d08; --accent-soft: #3a2119;
    --warm: #7d9bff; --warm-soft: #1f2846; --on-warm: #0f1012;
    --hl1: rgba(255, 204, 41, .20); --hl2: rgba(255, 204, 41, .32); --hl3: rgba(255, 204, 41, .48); --hl-me: #ff7a52;
    --sel-bg: #f2f2ef; --sel-ink: #16171b;
    --av-s: 42%; --av-l: 30%; --av-d: 85%;
    --ic1: #ff6a3d; --ic2: #5b7cff; --ic3: #22b07f; --ic4: #f5b324;
    --tile-shadow: none;
    --desk-bg: radial-gradient(100% 40% at 50% 0%, #1d1e23, transparent 70%);
    --shadow: none; --shadow-sm: none; --card-border: 1px solid #24262b;
    color-scheme: dark;
  }
}
:root[data-look="b"][data-theme="dark"] {
  --bg: #0f1012; --paper: #1a1b1f; --paper2: #24262b;
  --ink: #f2f2ef; --ink2: #b4b6bd; --ink3: #7f828b; --line: #2c2e34;
  --accent: #ff7a52; --accent-ink: #1a0d08; --accent-soft: #3a2119;
  --warm: #7d9bff; --warm-soft: #1f2846; --on-warm: #0f1012;
  --hl1: rgba(255, 204, 41, .20); --hl2: rgba(255, 204, 41, .32); --hl3: rgba(255, 204, 41, .48); --hl-me: #ff7a52;
  --sel-bg: #f2f2ef; --sel-ink: #16171b;
  --av-s: 42%; --av-l: 30%; --av-d: 85%;
  --ic1: #ff6a3d; --ic2: #5b7cff; --ic3: #22b07f; --ic4: #f5b324;
  --tile-shadow: none;
  --desk-bg: radial-gradient(100% 40% at 50% 0%, #1d1e23, transparent 70%);
  --shadow: none; --shadow-sm: none; --card-border: 1px solid #24262b;
  color-scheme: dark;
}

/* 结构差异：实色图标块、药丸标签、强调色选项卡 */
[data-look="b"] .ico .tile { color: #fff; }
[data-look="b"] .ico.c1 .tile { background: var(--ic1); color: #fff; }
[data-look="b"] .ico.c2 .tile { background: var(--ic2); color: #fff; }
[data-look="b"] .ico.c3 .tile { background: var(--ic3); color: #fff; }
[data-look="b"] .ico.c4 .tile { background: var(--ic4); color: #fff; }
[data-look="b"] .ico .tile svg { width: 30px; height: 30px; stroke-width: 2.2; }
[data-look="b"] .ico { font-weight: 600; }
[data-look="b"] .desk-date { font-size: 36px; letter-spacing: 0; }
[data-look="b"] .wall-num b { font-family: "Outfit", var(--sans); }
[data-look="b"] .wall-bar { height: 8px; border-radius: 4px; }
[data-look="b"] .now { background: var(--ink); color: var(--bg); }
[data-look="b"] .now .k, [data-look="b"] .now .p { color: color-mix(in srgb, var(--bg) 70%, transparent); }
[data-look="b"] .now .go { background: var(--accent); color: var(--accent-ink); padding: 8px 12px; border-radius: 999px; font-size: 13px; }
[data-look="b"] .tabs { border-bottom: 0; }
[data-look="b"] .tabs button { border-color: transparent; background: var(--paper); }
[data-look="b"] .tabs button.on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
[data-look="b"] .fx { border-radius: 12px; }
[data-look="b"] .floor.ck { box-shadow: inset 0 3px 0 var(--accent), var(--shadow-sm); }
[data-look="b"] .replies { border-radius: 12px; }
[data-look="b"] .rx { background: var(--paper2); border-color: transparent; }
[data-look="b"] .rx.me { border-color: transparent; background: var(--accent-soft); }
[data-look="b"] .brand-zh { letter-spacing: .12em; margin-right: -.12em; font-family: var(--sans); font-weight: 800; }
[data-look="b"] .brand-en { font-weight: 600; letter-spacing: .04em; color: var(--ink2); }
[data-look="b"] .reader .ch-k { font-weight: 600; letter-spacing: .2em; }
[data-look="b"] .reader h2 { font-family: var(--font-read); }