/* Wutong surface polish: additive, profile-scoped, no framework or remote assets. */
body[data-wt-surface="home"], body[data-wt-surface="admin"], body[data-wt-surface="tool"], body[data-wt-surface="chat"], body[data-wt-surface="game"], body[data-wt-surface="utility"] {
  --wt-bg: #0b1112; --wt-surface: #111b1b; --wt-surface-2: #162323; --wt-line: rgba(184, 211, 201, .16);
  --wt-text: #e7efe9; --wt-muted: #9aaea5; --wt-jade: #7ec9a7; --wt-jade-strong: #9be2bd;
  --wt-warm: #e2b77b; --wt-radius: 14px; --wt-shadow: 0 18px 48px rgba(0,0,0,.28);
  --wt-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --wt-mono: "SFMono-Regular", Consolas, "Cascadia Code", monospace;
  color-scheme: dark;
}
body[data-wt-surface="home"], body[data-wt-surface="admin"], body[data-wt-surface="tool"], body[data-wt-surface="chat"], body[data-wt-surface="game"], body[data-wt-surface="utility"] {
  font-family: var(--wt-font); color: var(--wt-text); background: var(--wt-bg);
}
body[data-wt-surface="home"] *, body[data-wt-surface="admin"] *, body[data-wt-surface="tool"] *, body[data-wt-surface="chat"] *, body[data-wt-surface="game"] *, body[data-wt-surface="utility"] * { box-sizing: border-box; }
body[data-wt-surface="home"] a, body[data-wt-surface="admin"] a, body[data-wt-surface="tool"] a, body[data-wt-surface="chat"] a, body[data-wt-surface="game"] a, body[data-wt-surface="utility"] a { color: inherit; }
body[data-wt-surface="home"] :focus-visible, body[data-wt-surface="admin"] :focus-visible, body[data-wt-surface="tool"] :focus-visible, body[data-wt-surface="chat"] :focus-visible, body[data-wt-surface="game"] :focus-visible, body[data-wt-surface="utility"] :focus-visible { outline: 2px solid var(--wt-jade-strong); outline-offset: 3px; }
body[data-wt-surface="home"] button, body[data-wt-surface="admin"] button, body[data-wt-surface="tool"] button, body[data-wt-surface="chat"] button, body[data-wt-surface="game"] button, body[data-wt-surface="utility"] button { font-family: inherit; }

/* home: editorial portfolio, with a quieter field and stronger reading order */
body[data-wt-surface="home"] { --wt-bg: #0a1110; --wt-surface: #111b19; --wt-surface-2: #172421; }
body[data-wt-surface="home"] .orbs-bg, body[data-wt-surface="home"] .bg-glow { opacity: .18; filter: saturate(.55); }
body[data-wt-surface="home"] .orbs-bg .orb { animation: none; transform: translate3d(0,0,0); }
body[data-wt-surface="home"] .orbs-bg .grid-overlay { opacity: .22; background-size: 72px 72px; }
body[data-wt-surface="home"] .nav { height: 72px; padding-inline: clamp(20px, 5vw, 76px); background: rgba(10,17,16,.78); border-bottom: 1px solid var(--wt-line); backdrop-filter: blur(18px); }
body[data-wt-surface="home"] .logo { color: var(--wt-jade-strong); letter-spacing: .08em; }
body[data-wt-surface="home"] .nav-links { gap: clamp(14px, 2.5vw, 30px); }
body[data-wt-surface="home"] .nav-links a { color: var(--wt-muted); font-size: 13px; }
body[data-wt-surface="home"] .nav-links a::after { background: var(--wt-jade); height: 1px; }
body[data-wt-surface="home"] .hero { min-height: min(780px, 92vh); padding-top: 92px; }
body[data-wt-surface="home"] .hero-grid { gap: clamp(32px, 6vw, 88px); }
body[data-wt-surface="home"] .hero h1 { font-size: clamp(42px, 6vw, 72px); letter-spacing: -.04em; line-height: 1.08; }
body[data-wt-surface="home"] .hero h1 .name, body[data-wt-surface="home"] .section-title .accent { background: linear-gradient(110deg, var(--wt-jade-strong), var(--wt-warm)); -webkit-background-clip: text; background-clip: text; filter: none; }
body[data-wt-surface="home"] .hero-badge { color: var(--wt-jade-strong); border-color: rgba(126,201,167,.3); background: rgba(126,201,167,.08); }
body[data-wt-surface="home"] .hero-desc, body[data-wt-surface="home"] .about-text p, body[data-wt-surface="home"] .project-desc { color: var(--wt-muted); max-width: 58ch; }
body[data-wt-surface="home"] .btn { min-height: 44px; border-radius: 9px; }
body[data-wt-surface="home"] .btn-primary { background: var(--wt-jade); color: #0b1712; box-shadow: 0 8px 24px rgba(126,201,167,.16); }
body[data-wt-surface="home"] .btn-primary:hover { background: var(--wt-jade-strong); box-shadow: 0 12px 28px rgba(126,201,167,.25); }
body[data-wt-surface="home"] .btn-ghost { border-color: var(--wt-line); color: var(--wt-text); }
body[data-wt-surface="home"] .btn-ghost:hover { border-color: var(--wt-jade); color: var(--wt-jade-strong); background: rgba(126,201,167,.07); }
body[data-wt-surface="home"] .terminal { background: rgba(15,26,24,.9); border-color: var(--wt-line); border-radius: var(--wt-radius); box-shadow: var(--wt-shadow); }
body[data-wt-surface="home"] .term-bar { background: rgba(21,35,32,.92); border-bottom-color: var(--wt-line); }
body[data-wt-surface="home"] .term-body { color: #c4d7cc; }
body[data-wt-surface="home"] .term-body .cmd, body[data-wt-surface="home"] .section-tag { color: var(--wt-jade-strong); }
body[data-wt-surface="home"] section { padding-block: clamp(72px, 10vw, 128px); }
body[data-wt-surface="home"] .section-head { margin-bottom: 40px; }
body[data-wt-surface="home"] .section-title { font-size: clamp(28px, 4vw, 40px); letter-spacing: -.025em; }
body[data-wt-surface="home"] .section-line { height: 2px; background: var(--wt-jade); width: 44px; }
body[data-wt-surface="home"] .skill-card, body[data-wt-surface="home"] .project-card { background: linear-gradient(145deg, rgba(22,36,33,.92), rgba(14,24,22,.92)); border-color: var(--wt-line); box-shadow: 0 12px 30px rgba(0,0,0,.2); }
body[data-wt-surface="home"] .skill-card:hover, body[data-wt-surface="home"] .project-card:hover { transform: translateY(-4px); border-color: rgba(126,201,167,.42); box-shadow: 0 18px 40px rgba(0,0,0,.3); }
body[data-wt-surface="home"] .skill-card::before { background: var(--wt-jade); }
body[data-wt-surface="home"] .project-card::after { opacity: .15; }
body[data-wt-surface="home"] .about-img { border-color: rgba(126,201,167,.34); box-shadow: 0 0 0 1px rgba(126,201,167,.16), var(--wt-shadow); }
body[data-wt-surface="home"] .timeline::before { background: linear-gradient(var(--wt-jade), rgba(226,183,123,.4)); }
body[data-wt-surface="home"] .contact-item, body[data-wt-surface="home"] .contact-form { border-color: var(--wt-line); }

  body[data-wt-surface="home"]:has(#musicBar:not(.hidden)) .atelier-preview-page {
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }
body[data-wt-surface="home"] .music-bar { background: rgba(17,29,27,.94); border-color: var(--wt-line); box-shadow: var(--wt-shadow); }

/* admin: operational density, clear navigation and calm status color */
body[data-wt-surface="admin"] { --wt-bg: #0b1010; --wt-surface: #121b1a; --wt-surface-2: #182423; }
body[data-wt-surface="admin"]::before { opacity: .25; }
body[data-wt-surface="admin"] .top-nav { min-height: 56px; padding-inline: 22px; background: rgba(11,16,16,.92); border-bottom-color: var(--wt-line); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
body[data-wt-surface="admin"] .top-nav .logo { color: var(--wt-jade-strong); background: none; -webkit-text-fill-color: currentColor; }
body[data-wt-surface="admin"] .sidebar { top: 56px; width: 236px; background: rgba(18,28,27,.92); border-right-color: var(--wt-line); padding: 18px 12px; }
body[data-wt-surface="admin"] .nav-group-title { color: #82998e; letter-spacing: .08em; }
body[data-wt-surface="admin"] .nav-item { min-height: 40px; padding: 9px 11px; color: #a6b7af; border-radius: 9px; }
body[data-wt-surface="admin"] .nav-item:hover { background: rgba(126,201,167,.08); border-color: rgba(126,201,167,.2); transform: none; }
body[data-wt-surface="admin"] .nav-item.active { color: var(--wt-jade-strong); background: rgba(126,201,167,.12); border-color: rgba(126,201,167,.25); box-shadow: none; }
body[data-wt-surface="admin"] .nav-item.active::before { background: var(--wt-jade); box-shadow: none; }
body[data-wt-surface="admin"] .main-content { max-width: 1280px; margin-left: 236px; padding: clamp(18px, 3vw, 32px); }
body[data-wt-surface="admin"] .welcome-banner { background: linear-gradient(120deg, rgba(126,201,167,.13), rgba(226,183,123,.06)); border-color: rgba(126,201,167,.22); border-radius: 12px; }
body[data-wt-surface="admin"] .stat-card, body[data-wt-surface="admin"] .panel { background: rgba(18,29,28,.88); border-color: var(--wt-line); border-radius: 12px; box-shadow: 0 8px 22px rgba(0,0,0,.14); }
body[data-wt-surface="admin"] .stat-card { padding: 18px; }
body[data-wt-surface="admin"] .stat-card::before { background: var(--wt-jade); }
body[data-wt-surface="admin"] .stat-card .n, body[data-wt-surface="admin"] .stat-card .stat-value { background: none; -webkit-text-fill-color: currentColor; color: var(--wt-jade-strong); }
body[data-wt-surface="admin"] .stat-card:hover, body[data-wt-surface="admin"] .panel:hover { transform: none; border-color: rgba(126,201,167,.3); box-shadow: 0 12px 28px rgba(0,0,0,.2); }
body[data-wt-surface="admin"] .panel h2, body[data-wt-surface="admin"] .panel h3 { color: var(--wt-text); }
body[data-wt-surface="admin"] .data-table { font-size: 13px; }
body[data-wt-surface="admin"] .data-table th { background: rgba(126,201,167,.07); color: #a8bbb1; border-bottom-color: var(--wt-line); }
body[data-wt-surface="admin"] .data-table td { border-bottom-color: rgba(184,211,201,.1); }
body[data-wt-surface="admin"] .data-table tr:hover td { background: rgba(126,201,167,.045); }
body[data-wt-surface="admin"] .btn-primary { background: var(--wt-jade); color: #0a1510; }
body[data-wt-surface="admin"] .btn-primary:hover { background: var(--wt-jade-strong); box-shadow: 0 8px 22px rgba(126,201,167,.2); }
body[data-wt-surface="admin"] .btn-secondary { background: rgba(255,255,255,.055); border-color: var(--wt-line); }
body[data-wt-surface="admin"] .login-card { background: rgba(18,29,28,.96); border-color: var(--wt-line); box-shadow: var(--wt-shadow); }
body[data-wt-surface="admin"] .login-card input[type="password"], body[data-wt-surface="admin"] .login-card input[type="text"], body[data-wt-surface="admin"] .login-card input[type="number"], body[data-wt-surface="admin"] .login-card input[type="tel"] { background: rgba(6,13,12,.5); border-color: var(--wt-line); }

/* tool: shared utility grammar for parsers, toolbox, private disk and forms */
body[data-wt-surface="tool"] { --wt-bg: #0b1112; --wt-surface: #13201f; --wt-surface-2: #192927; }
body[data-wt-surface="tool"] .container, body[data-wt-surface="tool"] .page, body[data-wt-surface="tool"] .wrap { max-width: 1080px; padding: clamp(22px, 4vw, 46px) clamp(16px, 3vw, 28px) 64px; }
body[data-wt-surface="tool"] .header { margin-bottom: 30px; }
body[data-wt-surface="tool"] .header h1 { color: var(--wt-text); background: none; -webkit-text-fill-color: currentColor; letter-spacing: -.02em; }
body[data-wt-surface="tool"] .header p, body[data-wt-surface="tool"] .tool-desc, body[data-wt-surface="tool"] .header .tag { color: var(--wt-muted); }
body[data-wt-surface="tool"] .header .tag, body[data-wt-surface="tool"] .platform-tag { background: rgba(126,201,167,.09); border-color: rgba(126,201,167,.25); color: var(--wt-jade-strong); }
body[data-wt-surface="tool"] .tools-grid { gap: 14px; }
body[data-wt-surface="tool"] .tool-card, body[data-wt-surface="tool"] .input-card, body[data-wt-surface="tool"] .result-card, body[data-wt-surface="tool"] .card, body[data-wt-surface="tool"] .file-item { background: rgba(19,32,31,.9); border-color: var(--wt-line); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.15); }
body[data-wt-surface="tool"] .tool-card { min-height: 164px; padding: 20px 16px; }
body[data-wt-surface="tool"] .tool-card:hover, body[data-wt-surface="tool"] .file-item:hover { transform: translateY(-3px); border-color: rgba(126,201,167,.4); box-shadow: 0 14px 30px rgba(0,0,0,.24); }
body[data-wt-surface="tool"] .tool-card::before { background: var(--wt-jade); }
body[data-wt-surface="tool"] .tool-btn, body[data-wt-surface="tool"] .generate-btn, body[data-wt-surface="tool"] .btn-primary, body[data-wt-surface="tool"] .download-btn { background: var(--wt-jade); color: #0a1510; border-color: transparent; }
body[data-wt-surface="tool"] .tool-btn:hover, body[data-wt-surface="tool"] .generate-btn:hover, body[data-wt-surface="tool"] .btn-primary:hover { background: var(--wt-jade-strong); box-shadow: 0 8px 20px rgba(126,201,167,.2); }
body[data-wt-surface="tool"] .btn, body[data-wt-surface="tool"] .tool-btn, body[data-wt-surface="tool"] .generate-btn { min-height: 44px; }
body[data-wt-surface="tool"] .input-row input, body[data-wt-surface="tool"] .input-row select, body[data-wt-surface="tool"] input, body[data-wt-surface="tool"] textarea, body[data-wt-surface="tool"] select { background: rgba(5,12,11,.55); border-color: var(--wt-line); color: var(--wt-text); }
body[data-wt-surface="tool"] .input-row input:focus, body[data-wt-surface="tool"] .input-row select:focus, body[data-wt-surface="tool"] input:focus, body[data-wt-surface="tool"] textarea:focus, body[data-wt-surface="tool"] select:focus { border-color: var(--wt-jade); box-shadow: 0 0 0 3px rgba(126,201,167,.13); }
body[data-wt-surface="tool"] .result-box, body[data-wt-surface="tool"] .pattern-container { background: rgba(5,12,11,.52); border-color: var(--wt-line); }
body[data-wt-surface="tool"] .back-btn { min-height: 44px; border-color: var(--wt-line); background: rgba(255,255,255,.05); }
body[data-wt-surface="tool"] .back-btn:hover { border-color: var(--wt-jade); color: var(--wt-jade-strong); }

/* chat: reading-first conversation, preserving original stream and composer */
body[data-wt-surface="chat"] { --wt-bg: #0a1111; --wt-surface: #111c1b; --wt-surface-2: #172624; }
body[data-wt-surface="chat"] .bg-gradient { opacity: .22; background: radial-gradient(ellipse at 12% 0%, rgba(126,201,167,.14), transparent 46%), radial-gradient(ellipse at 88% 100%, rgba(226,183,123,.07), transparent 48%); }
body[data-wt-surface="chat"] header, body[data-wt-surface="chat"] .inputArea { background: rgba(13,24,23,.93); border-color: var(--wt-line); backdrop-filter: blur(16px); }
body[data-wt-surface="chat"] #chatWrap { scrollbar-color: rgba(126,201,167,.35) transparent; }
body[data-wt-surface="chat"] header h1 { color: var(--wt-text); }
body[data-wt-surface="chat"] .header-avatar { background: var(--wt-jade); color: #0a1510; box-shadow: none; }
body[data-wt-surface="chat"] .status-dot { background: var(--wt-jade); }
body[data-wt-surface="chat"] .msg.user { background: var(--wt-jade); color: #0b1712; box-shadow: 0 4px 14px rgba(126,201,167,.18); }
body[data-wt-surface="chat"] .msg.bot { background: rgba(23,38,36,.92); border-color: var(--wt-line); }
body[data-wt-surface="chat"] .bub { border-color: var(--wt-line); }
body[data-wt-surface="chat"] textarea { background: rgba(6,13,12,.7); border-color: var(--wt-line); font-size: 16px; }
body[data-wt-surface="chat"] textarea:focus { border-color: var(--wt-jade); box-shadow: 0 0 0 3px rgba(126,201,167,.16); }
body[data-wt-surface="chat"] .send-btn { background: var(--wt-jade); color: #0a1510; box-shadow: 0 4px 14px rgba(126,201,167,.2); }
body[data-wt-surface="chat"] .quick-action { background: rgba(255,255,255,.06); border-color: var(--wt-line); }
body[data-wt-surface="chat"] .quick-action:active { background: var(--wt-jade); color: #0a1510; }
body[data-wt-surface="chat"] .welcome-card { background: rgba(126,201,167,.08); border-color: rgba(126,201,167,.22); }

/* game: retain themed cards while aligning controls with the common surface language */
body[data-wt-surface="game"] { --wt-bg: #11100d; --wt-surface: #211d14; --wt-surface-2: #2b2418; --wt-jade: #d0a957; --wt-jade-strong: #f0ca73; }
body[data-wt-surface="game"] .container, body[data-wt-surface="game"] .page, body[data-wt-surface="game"] .wrap { max-width: 1120px; }
body[data-wt-surface="game"] .card, body[data-wt-surface="game"] .panel, body[data-wt-surface="game"] .result-card, body[data-wt-surface="game"] .tool-card { border-color: rgba(240,202,115,.2); background: rgba(38,31,19,.9); }
body[data-wt-surface="game"] .btn-primary, body[data-wt-surface="game"] .generate-btn { background: var(--wt-jade); color: #1a1308; }
body[data-wt-surface="game"] .btn-primary:hover, body[data-wt-surface="game"] .generate-btn:hover { background: var(--wt-jade-strong); }
body[data-wt-surface="game"] .back-btn { min-height: 44px; border-color: rgba(240,202,115,.24); }
body[data-wt-surface="game"] .back-btn:hover { color: var(--wt-jade-strong); border-color: var(--wt-jade); }

/* utility: quiet documents, download pages and standalone notices */
body[data-wt-surface="utility"] { --wt-bg: #0c1111; --wt-surface: #14201f; --wt-surface-2: #192725; }
body[data-wt-surface="utility"] .wrap, body[data-wt-surface="utility"] .container { max-width: 900px; }
body[data-wt-surface="utility"] .card, body[data-wt-surface="utility"] .panel, body[data-wt-surface="utility"] .download-card, body[data-wt-surface="utility"] .error-card { background: rgba(20,32,31,.92); border-color: var(--wt-line); border-radius: 14px; box-shadow: 0 14px 34px rgba(0,0,0,.2); }
body[data-wt-surface="utility"] .header h1, body[data-wt-surface="utility"] h1 { color: var(--wt-text); background: none; -webkit-text-fill-color: currentColor; }
body[data-wt-surface="utility"] .header p, body[data-wt-surface="utility"] .sub, body[data-wt-surface="utility"] .foot { color: var(--wt-muted); }
body[data-wt-surface="utility"] a { color: var(--wt-jade-strong); }
body[data-wt-surface="utility"] .btn-primary, body[data-wt-surface="utility"] .download-btn { background: var(--wt-jade); color: #0a1510; }
body[data-wt-surface="utility"] .btn-primary:hover, body[data-wt-surface="utility"] .download-btn:hover { background: var(--wt-jade-strong); }
body[data-wt-surface="utility"] .security-note { border-color: rgba(226,183,123,.28); background: rgba(226,183,123,.07); }

/* Responsive contracts: no fixed children, no global body scroll lock. */
@media (max-width: 900px) {
  body[data-wt-surface="home"] .hero-grid, body[data-wt-surface="home"] .about-grid, body[data-wt-surface="home"] .contact-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="home"] .hero { min-height: auto; padding-block: 130px 72px; }
  body[data-wt-surface="home"] .hero h1 { font-size: clamp(40px, 10vw, 60px); }
  body[data-wt-surface="admin"] .sidebar { width: min(280px, 86vw); }
  body[data-wt-surface="admin"] .main-content { margin-left: 0; padding: 18px 16px; }
  body[data-wt-surface="admin"] .two-col { grid-template-columns: 1fr; }
  body[data-wt-surface="tool"] .tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  body[data-wt-surface="home"] .nav { padding-inline: 16px; }
  body[data-wt-surface="home"] .nav-links { gap: 16px; }
  body[data-wt-surface="home"] .projects-grid, body[data-wt-surface="home"] .skills-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="admin"] .stats, body[data-wt-surface="admin"] .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-wt-surface="admin"] .panel { padding: 16px; }
  body[data-wt-surface="tool"] .container, body[data-wt-surface="tool"] .page, body[data-wt-surface="tool"] .wrap { padding-inline: 16px; }
  body[data-wt-surface="tool"] .tools-grid { gap: 10px; }
  body[data-wt-surface="chat"] .msg { max-width: 86%; }
}
@media (max-width: 480px) {
  body[data-wt-surface="home"] section { padding-block: 72px; }
  body[data-wt-surface="home"] .hero-btns { align-items: stretch; }
  body[data-wt-surface="home"] .hero-btns .btn { flex: 1 1 100%; }
  body[data-wt-surface="admin"] .stats, body[data-wt-surface="admin"] .stats-grid { gap: 8px; }
  body[data-wt-surface="tool"] .tools-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="tool"] input, body[data-wt-surface="tool"] textarea, body[data-wt-surface="tool"] select, body[data-wt-surface="chat"] textarea { font-size: 16px; }
  body[data-wt-surface="chat"] .inputArea { padding-inline: 10px; }
}

/* ==========================================================================
   Brand themes selected from admin settings
   ========================================================================== */
body[data-wt-theme="cinnabar"] {
  --bg: #171514;
  --bg2: #211d1a;
  --surface: #211d1a;
  --surface2: #2a2521;
  --border: rgba(246, 239, 229, .16);
  --text: #f6efe5;
  --muted: #b7a99b;
  --cyan: #c85b43;
  --violet: #a67659;
  --grad: linear-gradient(135deg, #c85b43, #e5a184);
  --glow-c: rgba(200, 91, 67, .34);
  --glow-v: rgba(166, 118, 89, .28);
}
body[data-wt-theme="champagne"] {
  --bg: #0f1012;
  --bg2: #191b1f;
  --surface: #191b1f;
  --surface2: #24272d;
  --border: rgba(244, 234, 216, .15);
  --text: #f4ead8;
  --muted: #aaa69d;
  --cyan: #c8a873;
  --violet: #987f5a;
  --grad: linear-gradient(135deg, #c8a873, #f0d39c);
  --glow-c: rgba(200, 168, 115, .30);
  --glow-v: rgba(152, 127, 90, .24);
}
body[data-wt-surface="home"][data-wt-theme="cinnabar"],
body[data-wt-surface="admin"][data-wt-theme="cinnabar"] {
  --wt-bg: #171514;
  --wt-surface: #211d1a;
  --wt-surface-2: #2a2521;
  --wt-text: #f6efe5;
  --wt-muted: #b7a99b;
  --wt-jade: #c85b43;
  --wt-jade-strong: #e5a184;
  --wt-warm: #f6c7ad;
  background: var(--wt-bg);
}
body[data-wt-surface="home"][data-wt-theme="champagne"],
body[data-wt-surface="admin"][data-wt-theme="champagne"] {
  --wt-bg: #0f1012;
  --wt-surface: #191b1f;
  --wt-surface-2: #24272d;
  --wt-text: #f4ead8;
  --wt-muted: #aaa69d;
  --wt-jade: #c8a873;
  --wt-jade-strong: #f0d39c;
  --wt-warm: #f5e4c4;
  background: var(--wt-bg);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] {
  background: #0f1012;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .nav.scrolled {
  background: rgba(15,16,18,.88);
  border-color: rgba(244,234,216,.15);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .nav-links a.nav-aurevon,
body[data-wt-surface="home"][data-wt-theme="champagne"] .nav-links a.nav-apple,
body[data-wt-surface="home"][data-wt-theme="champagne"] .weather-widget .w-temp,
body[data-wt-surface="home"][data-wt-theme="champagne"] .hero h1 .name,
body[data-wt-surface="home"][data-wt-theme="champagne"] .section-title .accent,
body[data-wt-surface="home"][data-wt-theme="champagne"] .skill-icon svg,
body[data-wt-surface="home"][data-wt-theme="champagne"] .atelier-label,
body[data-wt-surface="home"][data-wt-theme="champagne"] .atelier-detail-label {
  color: #c8a873;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .hero h1 .name,
body[data-wt-surface="home"][data-wt-theme="champagne"] .section-title .accent {
  background: linear-gradient(110deg,#c8a873,#f0d39c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .btn-primary {
  background: #c8a873;
  color: #17130e;
  box-shadow: 0 8px 24px rgba(200,168,115,.18);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .btn-primary:hover {
  background: #f0d39c;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .terminal {
  background: rgba(25,27,31,.94);
  border-color: rgba(244,234,216,.15);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .orbs-bg .orb {
  opacity: .07;
  filter: saturate(.15) brightness(.72);
  animation-duration: 32s;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .bg-glow {
  opacity: .045;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] #meteor-canvas {
  opacity: .10;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .logo,
body[data-wt-surface="home"][data-wt-theme="champagne"] .nav-links a.active,
body[data-wt-surface="home"][data-wt-theme="champagne"] .nav-links a:hover {
  color: #f0d39c;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .hero-badge {
  color: #c8a873;
  border-color: rgba(200,168,115,.34);
  background: rgba(200,168,115,.07);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .weather-widget {
  background: rgba(200,168,115,.07);
  border-color: rgba(200,168,115,.26);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .skill-card,
body[data-wt-surface="home"][data-wt-theme="champagne"] .project-card,
body[data-wt-surface="home"][data-wt-theme="champagne"] .timeline-item,
body[data-wt-surface="home"][data-wt-theme="champagne"] .about-img,
body[data-wt-surface="home"][data-wt-theme="champagne"] .atelier-now-card,
body[data-wt-surface="home"][data-wt-theme="champagne"] .atelier-experiment,
body[data-wt-surface="home"][data-wt-theme="champagne"] .atelier-work {
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  border-color: rgba(244,234,216,.15);
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .section-line,
body[data-wt-surface="home"][data-wt-theme="champagne"] .timeline::before {
  background: #c8a873;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .hero-saying,
body[data-wt-surface="home"][data-wt-theme="champagne"] .about-text p,
body[data-wt-surface="home"][data-wt-theme="champagne"] .project-desc {
  color: #aaa69d;
}
body[data-wt-surface="home"][data-wt-theme="champagne"] .term-body .cmd:hover,
body[data-wt-surface="home"][data-wt-theme="champagne"] .term-body .key:hover {
  color: #f0d39c;
  text-shadow: 0 0 8px rgba(200,168,115,.4);
}
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .btn-primary {
  background: #c85b43;
  color: #fff8ef;
}
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .btn-primary:hover {
  background: #e5a184;
  color: #171514;
}
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .hero h1 .name,
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .section-title .accent {
  background: linear-gradient(110deg,#c85b43,#e5a184);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body[data-wt-surface="admin"] .atelier-admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
body[data-wt-surface="admin"] .atelier-admin-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--label-primary);
  font-size: 13px;
}
body[data-wt-surface="admin"] .atelier-admin-grid small {
  color: var(--label-secondary);
  font-size: 11px;
  line-height: 1.5;
}
body[data-wt-surface="admin"] .atelier-admin-grid textarea {
  width: 100%;
  min-height: 130px;
  resize: vertical;
  background: var(--bg-input);
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--label-primary);
  padding: 10px 12px;
  font: 12px/1.7 var(--font-mono, ui-monospace, monospace);
}
@media (max-width: 760px) {
  body[data-wt-surface="admin"] .atelier-admin-grid { grid-template-columns: 1fr; }
}

/* Digital Atelier content modules */
body[data-wt-surface="home"] .atelier-section {
  padding: 86px 0 18px;
  position: relative;
}
body[data-wt-surface="home"] .atelier-archive { --atelier-module-gap: 16px; }
body[data-wt-surface="home"] .atelier-experiments { --atelier-module-gap: 16px; }
body[data-wt-surface="home"] .atelier-section .section-head { margin-bottom: 28px; }
body[data-wt-surface="home"] .atelier-now-grid,
body[data-wt-surface="home"] .atelier-experiment-grid,
body[data-wt-surface="home"] .atelier-work-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
body[data-wt-surface="home"] .atelier-now-card,
body[data-wt-surface="home"] .atelier-experiment,
body[data-wt-surface="home"] .atelier-work,
body[data-wt-surface="home"] .atelier-method-item {
  border: 1px solid var(--wt-line);
  background: rgba(255,255,255,.035);
  border-radius: 14px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}
body[data-wt-surface="home"] .atelier-now-card::before,
body[data-wt-surface="home"] .atelier-experiment::before,
body[data-wt-surface="home"] .atelier-work::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 1px;
  background: var(--wt-jade);
}
body[data-wt-surface="home"] .atelier-label,
body[data-wt-surface="home"] .atelier-detail-label {
  color: var(--wt-jade-strong);
  font: 10px/1.4 var(--wt-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
body[data-wt-surface="home"] .atelier-now-card h3,
body[data-wt-surface="home"] .atelier-experiment h3 {
  margin: 38px 0 10px;
  font: 400 clamp(23px,3vw,37px)/1 var(--wt-serif, Georgia, serif);
  letter-spacing: -.06em;
}
body[data-wt-surface="home"] .atelier-now-card p,
body[data-wt-surface="home"] .atelier-experiment p,
body[data-wt-surface="home"] .atelier-work p {
  color: var(--wt-muted);
  line-height: 1.8;
  font-size: 13px;
}
body[data-wt-surface="home"] .atelier-meta,
body[data-wt-surface="home"] .atelier-work-status {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  color: var(--wt-jade-strong);
  font: 11px var(--wt-mono);
}
body[data-wt-surface="home"] .atelier-method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--wt-line);
  border-bottom: 1px solid var(--wt-line);
}
body[data-wt-surface="home"] .atelier-method-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  border: 0;
  border-right: 1px solid var(--wt-line);
  border-radius: 0;
  background: transparent;
}
body[data-wt-surface="home"] .atelier-method-item:last-child { border-right: 0; }
body[data-wt-surface="home"] .atelier-method-step {
  color: var(--wt-jade);
  font: 12px var(--wt-mono);
  padding-top: 4px;
}
body[data-wt-surface="home"] .atelier-method-item h3 {
  margin: 0 0 8px;
  font-size: 17px;
  letter-spacing: -.04em;
}
body[data-wt-surface="home"] .atelier-method-item p {
  margin: 0;
  color: var(--wt-muted);
  font-size: 12px;
  line-height: 1.75;
}
body[data-wt-surface="home"] .atelier-work-grid { grid-template-columns: 1.25fr .75fr; }
body[data-wt-surface="home"] .atelier-work.is-primary { grid-row: span 2; padding: 30px; }
body[data-wt-surface="home"] .atelier-work.is-primary h3 {
  margin: 78px 0 14px;
  font: 400 clamp(30px,4vw,56px)/.95 var(--wt-serif, Georgia, serif);
  letter-spacing: -.08em;
}
body[data-wt-surface="home"] .atelier-work:not(.is-primary) h3 {
  margin: 42px 0 10px;
  font: 400 26px/1 var(--wt-serif, Georgia, serif);
  letter-spacing: -.06em;
}
body[data-wt-surface="home"] .atelier-work-detail {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--wt-line);
}
body[data-wt-surface="home"] .atelier-work-detail p,
body[data-wt-surface="home"] .atelier-work-detail ul {
  margin: 6px 0 0;
  padding-left: 18px;
  color: var(--wt-muted);
  font-size: 12px;
  line-height: 1.7;
}
body[data-wt-surface="home"] .atelier-stack {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 20px;
}
body[data-wt-surface="home"] .atelier-stack-tag {
  border: 1px solid var(--wt-line);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--wt-muted);
  font: 10px var(--wt-mono);
}
body[data-wt-theme="champagne"] .atelier-now-card,
body[data-wt-theme="champagne"] .atelier-experiment,
body[data-wt-theme="champagne"] .atelier-work {
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.01));
}
body[data-wt-theme="cinnabar"] .atelier-now-card,
body[data-wt-theme="cinnabar"] .atelier-experiment,
body[data-wt-theme="cinnabar"] .atelier-work {
  background: linear-gradient(145deg, rgba(200,91,67,.08), rgba(255,255,255,.02));
}
@media (max-width: 900px) {
  body[data-wt-surface="home"] .atelier-work-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="home"] .atelier-work.is-primary { grid-row: auto; }
  body[data-wt-surface="home"] .atelier-method-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="home"] .atelier-method-item { border-right: 0; border-bottom: 1px solid var(--wt-line); }
  body[data-wt-surface="home"] .atelier-method-item:last-child { border-bottom: 0; }
}
@media (max-width: 560px) {
  body[data-wt-surface="home"] .atelier-now-grid,
  body[data-wt-surface="home"] .atelier-experiment-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="home"] .atelier-section { padding-top: 66px; }
}
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .orbs-bg .orb:nth-child(1) { background: radial-gradient(circle, #c85b43 0, transparent 70%); }
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .orbs-bg .orb:nth-child(2) { background: radial-gradient(circle, #a67659 0, transparent 70%); }
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .orbs-bg .orb:nth-child(3),
body[data-wt-surface="home"][data-wt-theme="cinnabar"] .orbs-bg .orb:nth-child(4) { opacity: .14; }
body[data-wt-surface="home"][data-wt-theme="champagne"] .orbs-bg .orb:nth-child(1) { background: radial-gradient(circle, #c8a873 0, transparent 70%); }
body[data-wt-surface="home"][data-wt-theme="champagne"] .orbs-bg .orb:nth-child(2) { background: radial-gradient(circle, #987f5a 0, transparent 70%); }
body[data-wt-surface="home"][data-wt-theme="champagne"] .orbs-bg .orb:nth-child(3),
body[data-wt-surface="home"][data-wt-theme="champagne"] .orbs-bg .orb:nth-child(4) { opacity: .10; }
body[data-wt-surface="admin"][data-wt-theme="cinnabar"] {
  --bg-primary: #171514; --bg-secondary: #211d1a; --bg-tertiary: #2a2521;
  --bg-card: rgba(33, 29, 26, .92); --bg-card-hover: rgba(50, 41, 35, .96);
  --bg-input: rgba(42, 37, 33, .82); --cyan: #c85b43; --purple: #a67659;
  --blue: #c85b43; --teal: #c85b43; --indigo: #a67659;
  --grad: linear-gradient(135deg, #c85b43, #e5a184);
  --grad-soft: linear-gradient(135deg, rgba(200, 91, 67, .16), rgba(166, 118, 89, .12));
  --label-primary: #f6efe5; --label-secondary: rgba(246, 239, 229, .68); --label-tertiary: rgba(246, 239, 229, .40);
}
body[data-wt-surface="admin"][data-wt-theme="champagne"] {
  --bg-primary: #0f1012; --bg-secondary: #191b1f; --bg-tertiary: #24272d;
  --bg-card: rgba(25, 27, 31, .92); --bg-card-hover: rgba(38, 41, 47, .96);
  --bg-input: rgba(36, 39, 45, .82); --cyan: #c8a873; --purple: #987f5a;
  --blue: #c8a873; --teal: #c8a873; --indigo: #987f5a;
  --grad: linear-gradient(135deg, #c8a873, #f0d39c);
  --grad-soft: linear-gradient(135deg, rgba(200, 168, 115, .16), rgba(152, 127, 90, .12));
  --label-primary: #f4ead8; --label-secondary: rgba(244, 234, 216, .68); --label-tertiary: rgba(244, 234, 216, .40);
}
@media (prefers-reduced-motion: reduce) {
  body[data-wt-surface="home"] *, body[data-wt-surface="admin"] *, body[data-wt-surface="tool"] *, body[data-wt-surface="chat"] *, body[data-wt-surface="game"] *, body[data-wt-surface="utility"] * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* ==========================================================================
   DIGITAL ATELIER V2 · 黑曜香槟主视觉
   2026-10-31: Hero / navigation / preloader are rebuilt, not merely recolored.
   ========================================================================== */
body[data-wt-surface="home"] {
  --atelier-ink: #0f1012;
  --atelier-ink-deep: #0a0b0d;
  --atelier-paper: #f4ead8;
  --atelier-muted: #aaa69d;
  --atelier-gold: #c8a873;
  --atelier-gold-hi: #f0d39c;
  --atelier-line: rgba(244,234,216,.15);
  --atelier-panel: rgba(25,27,31,.92);
  --atelier-red: #c85b43;
  background: var(--atelier-ink);
}
body[data-wt-surface="home"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .34;
  background:
    linear-gradient(90deg, transparent 0 49.9%, rgba(244,234,216,.035) 50%, transparent 50.1%),
    linear-gradient(0deg, transparent 0 49.9%, rgba(244,234,216,.025) 50%, transparent 50.1%);
  background-size: 92px 92px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 72%);
}
body[data-wt-surface="home"][data-wt-theme="cinnabar"] {
  --atelier-gold: #c85b43;
  --atelier-gold-hi: #e5a184;
  --atelier-line: rgba(255,236,224,.16);
  --atelier-panel: rgba(33,27,25,.92);
  --atelier-muted: #b3a39a;
}
body[data-wt-surface="home"] .orbs-bg,
body[data-wt-surface="home"] .bg-glow,
body[data-wt-surface="home"] #meteor-canvas { opacity: 0 !important; visibility: hidden; }
body[data-wt-surface="home"] .grid-overlay { opacity: .08 !important; }
body[data-wt-surface="home"] .atelier-nav { height: 78px; padding-inline: clamp(18px, 5.2vw, 84px); background: rgba(15,16,18,.72); border-bottom: 1px solid var(--atelier-line); backdrop-filter: blur(20px); }
body[data-wt-surface="home"] .atelier-nav.scrolled { background: rgba(15,16,18,.92); }
body[data-wt-surface="home"] .atelier-logo { display: inline-flex; align-items: center; gap: 11px; color: var(--atelier-paper); letter-spacing: .04em; }
body[data-wt-surface="home"] .atelier-logo-mark { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--atelier-gold); color: var(--atelier-gold-hi); font: 600 13px/1 var(--mono); letter-spacing: .12em; }
body[data-wt-surface="home"] .atelier-logo-copy { display: inline-flex; flex-direction: column; gap: 1px; line-height: 1; }
body[data-wt-surface="home"] .atelier-logo-copy strong { font: 700 14px/1 var(--mono); letter-spacing: .16em; }
body[data-wt-surface="home"] .atelier-logo-copy small { color: var(--atelier-muted); font: 9px/1.1 var(--mono); letter-spacing: .2em; }
body[data-wt-surface="home"] .atelier-nav .nav-links { gap: clamp(13px, 2.4vw, 28px); }
body[data-wt-surface="home"] .atelier-nav .nav-links a { font: 12px/1.2 var(--mono); letter-spacing: .08em; color: var(--atelier-muted); text-transform: uppercase; }
body[data-wt-surface="home"] .atelier-nav .nav-links a::after { height: 1px; background: var(--atelier-gold); }
body[data-wt-surface="home"] .atelier-nav .nav-links a:hover,
body[data-wt-surface="home"] .atelier-nav .nav-links a.active { color: var(--atelier-gold-hi); }
body[data-wt-surface="home"] .atelier-nav-tool { border: 1px solid var(--atelier-line); background: rgba(244,234,216,.035); color: var(--atelier-paper); border-radius: 2px; font: 11px/1 var(--mono); letter-spacing: .08em; padding: 10px 13px; }
body[data-wt-surface="home"] .atelier-nav-tool:hover { border-color: var(--atelier-gold); color: var(--atelier-gold-hi); background: rgba(200,168,115,.08); }
body[data-wt-surface="home"] .atelier-hero { min-height: min(860px, 100vh); padding: 150px 0 66px; overflow: hidden; }
body[data-wt-surface="home"] .atelier-hero-backdrop { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
body[data-wt-surface="home"] .atelier-hero-backdrop::before { content: ""; position: absolute; width: 58vw; height: 58vw; min-width: 520px; min-height: 520px; top: -30%; right: -18%; border: 1px solid rgba(200,168,115,.13); border-radius: 50%; box-shadow: 0 0 0 36px rgba(200,168,115,.022), 0 0 0 84px rgba(200,168,115,.016); }
body[data-wt-surface="home"] .atelier-hero-backdrop span { position: absolute; display: block; border-left: 1px solid rgba(244,234,216,.1); height: 55vh; top: 15%; }
body[data-wt-surface="home"] .atelier-hero-backdrop span:nth-child(1) { left: 12%; }
body[data-wt-surface="home"] .atelier-hero-backdrop span:nth-child(2) { right: 18%; opacity: .45; }
body[data-wt-surface="home"] .atelier-hero-backdrop span:nth-child(3) { right: 38%; opacity: .22; }
body[data-wt-surface="home"] .atelier-hero-grid { grid-template-columns: minmax(0, 1.04fr) minmax(380px, .96fr); gap: clamp(36px, 7vw, 112px); align-items: center; }
body[data-wt-surface="home"] .atelier-hero-copy { max-width: 690px; position: relative; z-index: 2; }
body[data-wt-surface="home"] .atelier-kicker { display: flex; align-items: center; gap: 11px; margin-bottom: 24px; color: var(--atelier-muted); font: 10px/1 var(--mono); letter-spacing: .22em; }
body[data-wt-surface="home"] .atelier-kicker-rule { display: inline-block; width: 42px; height: 1px; background: var(--atelier-gold); }
body[data-wt-surface="home"] .atelier-kicker-year { color: var(--atelier-gold); }
body[data-wt-surface="home"] .atelier-hero .hero-badge { border-radius: 2px; padding: 8px 12px; border-color: var(--atelier-line); background: rgba(244,234,216,.035); color: var(--atelier-gold-hi); font: 11px/1 var(--mono); letter-spacing: .08em; }
body[data-wt-surface="home"] .atelier-hero .hero-badge .dot { width: 6px; height: 6px; background: var(--atelier-gold); box-shadow: 0 0 12px rgba(200,168,115,.55); }
body[data-wt-surface="home"] .atelier-hero h1 { margin: 24px 0 14px; font: 600 clamp(50px, 6.4vw, 88px)/1.02 "Songti SC","STSong","Noto Serif CJK SC","Microsoft YaHei",serif; letter-spacing: -.065em; }
body[data-wt-surface="home"] .atelier-hero h1 .name { background: linear-gradient(115deg, var(--atelier-paper) 12%, var(--atelier-gold-hi) 72%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: none; }
body[data-wt-surface="home"] .atelier-signature { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; color: var(--atelier-muted); font: 10px/1 var(--mono); letter-spacing: .15em; }
body[data-wt-surface="home"] .atelier-signature i { width: 28px; height: 1px; background: var(--atelier-line); }
body[data-wt-surface="home"] .atelier-hero .type-wrap { height: 30px; margin-bottom: 18px; color: var(--atelier-gold); font-size: 16px; letter-spacing: .05em; }
body[data-wt-surface="home"] .atelier-hero .type-wrap .cursor { background: var(--atelier-gold); box-shadow: 0 0 8px rgba(200,168,115,.4); }
body[data-wt-surface="home"] .atelier-hero .hero-desc { max-width: 51ch; margin-bottom: 22px; color: var(--atelier-muted); font-size: 15px; line-height: 1.9; }
body[data-wt-surface="home"] .atelier-hero .hero-saying { max-width: 560px; margin-bottom: 30px; color: var(--atelier-muted); }
body[data-wt-surface="home"] .atelier-hero .saying-mark { background: none; color: var(--atelier-gold); opacity: .68; }
body[data-wt-surface="home"] .atelier-hero-actions { gap: 11px; }
body[data-wt-surface="home"] .atelier-hero-actions .btn { border-radius: 2px; padding: 12px 18px; font: 12px/1 var(--mono); letter-spacing: .06em; }
body[data-wt-surface="home"] .atelier-hero-actions .btn-primary { background: var(--atelier-gold); color: #17130e; box-shadow: 0 14px 34px rgba(200,168,115,.15); }
body[data-wt-surface="home"] .atelier-hero-actions .btn-primary:hover { background: var(--atelier-gold-hi); box-shadow: 0 18px 38px rgba(200,168,115,.25); }
body[data-wt-surface="home"] .atelier-hero-actions .btn-ghost { border-color: var(--atelier-line); color: var(--atelier-paper); }
body[data-wt-surface="home"] .atelier-hero-actions .btn-ghost:hover { border-color: var(--atelier-gold); color: var(--atelier-gold-hi); background: rgba(200,168,115,.07); }
body[data-wt-surface="home"] .atelier-hero-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 660px; margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--atelier-line); }
body[data-wt-surface="home"] .atelier-hero-meta > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body[data-wt-surface="home"] .atelier-meta-label { color: var(--atelier-muted); font: 9px/1 var(--mono); letter-spacing: .16em; }
body[data-wt-surface="home"] .atelier-hero-meta strong { color: var(--atelier-paper); font: 11px/1.35 var(--mono); letter-spacing: .02em; font-weight: 500; }
body[data-wt-surface="home"] .atelier-hero-meta .is-live { color: var(--atelier-gold-hi); }
body[data-wt-surface="home"] .atelier-hero-meta .is-live i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--atelier-gold); box-shadow: 0 0 8px rgba(200,168,115,.6); }
body[data-wt-surface="home"] .atelier-hero-visual { position: relative; min-height: 520px; padding-top: 30px; }
body[data-wt-surface="home"] .atelier-visual-index { position: absolute; top: 0; right: 0; display: flex; gap: 12px; align-items: center; color: var(--atelier-muted); font: 9px/1 var(--mono); letter-spacing: .18em; }
body[data-wt-surface="home"] .atelier-visual-index span { color: var(--atelier-gold); }
body[data-wt-surface="home"] .atelier-visual-shell { position: relative; margin-left: auto; max-width: 560px; padding: 24px; border: 1px solid var(--atelier-line); background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); box-shadow: 0 28px 80px rgba(0,0,0,.36); }
body[data-wt-surface="home"] .atelier-visual-shell::before, body[data-wt-surface="home"] .atelier-visual-shell::after { content: ""; position: absolute; width: 34px; height: 34px; border-color: var(--atelier-gold); opacity: .8; pointer-events: none; }
body[data-wt-surface="home"] .atelier-visual-shell::before { top: -1px; left: -1px; border-top: 1px solid; border-left: 1px solid; }
body[data-wt-surface="home"] .atelier-visual-shell::after { right: -1px; bottom: -1px; border-right: 1px solid; border-bottom: 1px solid; }
body[data-wt-surface="home"] .atelier-visual-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 0 0 18px; border-bottom: 1px solid var(--atelier-line); }
body[data-wt-surface="home"] .atelier-visual-head > div { display: flex; flex-direction: column; gap: 7px; }
body[data-wt-surface="home"] .atelier-visual-kicker { color: var(--atelier-muted); font: 9px/1 var(--mono); letter-spacing: .16em; }
body[data-wt-surface="home"] .atelier-visual-head strong { color: var(--atelier-paper); font: 500 17px/1.2 "Songti SC","STSong","Noto Serif CJK SC",serif; }
body[data-wt-surface="home"] .atelier-visual-status { color: var(--atelier-gold-hi); font: 9px/1 var(--mono); letter-spacing: .15em; white-space: nowrap; }
body[data-wt-surface="home"] .atelier-visual-status i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; background: var(--atelier-gold); border-radius: 50%; }
body[data-wt-surface="home"] .atelier-terminal { margin-top: 20px; border-radius: 0; box-shadow: none; background: rgba(7,8,10,.74); border-color: var(--atelier-line); }
body[data-wt-surface="home"] .atelier-terminal .term-bar { background: rgba(255,255,255,.03); border-bottom-color: var(--atelier-line); padding: 11px 13px; }
body[data-wt-surface="home"] .atelier-terminal .term-title { color: var(--atelier-gold-hi); font-size: 11px; }
body[data-wt-surface="home"] .atelier-terminal .term-meta { margin-left: auto; color: var(--atelier-muted); font: 9px/1 var(--mono); letter-spacing: .1em; }
body[data-wt-surface="home"] .atelier-terminal .term-body { min-height: 210px; padding: 20px; color: #d7d0c4; font-size: 12px; }
body[data-wt-surface="home"] .atelier-signal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 18px; background: var(--atelier-line); border-top: 1px solid var(--atelier-line); }
body[data-wt-surface="home"] .atelier-signal { display: flex; flex-direction: column; gap: 6px; padding: 14px 12px 4px; background: rgba(15,16,18,.72); }
body[data-wt-surface="home"] .atelier-signal span { color: var(--atelier-gold); font: 10px/1 var(--mono); }
body[data-wt-surface="home"] .atelier-signal strong { color: var(--atelier-paper); font: 500 14px/1.2 "Songti SC","STSong","Noto Serif CJK SC",serif; }
body[data-wt-surface="home"] .atelier-signal small { color: var(--atelier-muted); font: 10px/1.2 var(--mono); }
body[data-wt-surface="home"] .atelier-visual-note { display: flex; align-items: center; gap: 12px; margin-top: 20px; color: var(--atelier-muted); font: 10px/1.5 var(--mono); letter-spacing: .04em; }
body[data-wt-surface="home"] .atelier-visual-note span:first-child { color: var(--atelier-gold); }
body[data-wt-surface="home"] .atelier-hero-index { display: flex; align-items: center; gap: 12px; margin-top: 55px; color: var(--atelier-muted); font: 9px/1 var(--mono); letter-spacing: .18em; }
body[data-wt-surface="home"] .atelier-hero-index i { width: 86px; height: 1px; background: var(--atelier-line); }
body[data-wt-surface="home"] .atelier-hero .scroll-hint { display: none; }

body[data-wt-surface="home"] #preloader { background: var(--atelier-ink-deep) !important; color: var(--atelier-paper); opacity: 1; transition: opacity .5s ease, visibility .5s ease; }
body[data-wt-surface="home"] #preloader::before { content: ""; position: absolute; inset: 22px; border: 1px solid var(--atelier-line); opacity: .72; }
body[data-wt-surface="home"] #preloader::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0 49.8%, rgba(244,234,216,.04) 50%, transparent 50.2%), linear-gradient(0deg, transparent 0 49.8%, rgba(244,234,216,.03) 50%, transparent 50.2%); background-size: 72px 72px; opacity: .44; mask-image: radial-gradient(circle at center, black 0 32%, transparent 78%); }
body[data-wt-surface="home"] #preloader.hide { opacity: 0; visibility: hidden; pointer-events: none; }
body[data-wt-surface="home"] .atelier-preloader-grid { position: absolute; inset: 46px; border: 1px solid rgba(244,234,216,.08); }
body[data-wt-surface="home"] .atelier-preloader-grid::before, body[data-wt-surface="home"] .atelier-preloader-grid::after { content: ""; position: absolute; background: var(--atelier-gold); opacity: .8; }
body[data-wt-surface="home"] .atelier-preloader-grid::before { top: -1px; left: 18%; width: 110px; height: 1px; }
body[data-wt-surface="home"] .atelier-preloader-grid::after { right: 18%; bottom: -1px; width: 110px; height: 1px; }
body[data-wt-surface="home"] .atelier-preloader-shell { position: relative; z-index: 2; width: min(560px, calc(100vw - 58px)); padding: 26px 0 22px; }
body[data-wt-surface="home"] .atelier-preloader-top { display: flex; justify-content: space-between; gap: 18px; color: var(--atelier-muted); font: 9px/1 var(--mono); letter-spacing: .18em; }
body[data-wt-surface="home"] .atelier-preloader-mark { display: flex; align-items: center; gap: 20px; margin: 40px 0 22px; color: var(--atelier-gold-hi); }
body[data-wt-surface="home"] .atelier-preloader-mark .atelier-mark-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--atelier-gold)); opacity: .8; transform: scaleX(0); animation: atelierLineIn .6s .12s cubic-bezier(.2,.8,.2,1) forwards; }
body[data-wt-surface="home"] .atelier-preloader-mark .atelier-mark-line-right { background: linear-gradient(90deg, var(--atelier-gold), transparent); animation-delay: .22s; }
body[data-wt-surface="home"] .atelier-mark-word { opacity: 0; transform: translateY(8px); font: 500 clamp(54px, 12vw, 96px)/.95 "Songti SC","STSong","Noto Serif CJK SC",serif; letter-spacing: .08em; animation: atelierMarkIn .8s .18s cubic-bezier(.2,.8,.2,1) forwards; }
body[data-wt-surface="home"] .atelier-preloader-caption { text-align: center; color: var(--atelier-muted); font: 10px/1 var(--mono); letter-spacing: .28em; opacity: 0; animation: atelierFadeIn .6s .55s ease forwards; }
body[data-wt-surface="home"] .atelier-preloader-status { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 32px; color: var(--atelier-gold-hi); font: 10px/1 var(--mono); letter-spacing: .15em; opacity: 0; animation: atelierFadeIn .6s .7s ease forwards; }
body[data-wt-surface="home"] .atelier-status-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--atelier-gold); box-shadow: 0 0 12px rgba(200,168,115,.6); animation: atelierPulse 1.2s ease-in-out infinite; }
body[data-wt-surface="home"] .atelier-preloader-progress { width: 100%; height: 1px; margin-top: 18px; background: rgba(244,234,216,.12); overflow: hidden; }
body[data-wt-surface="home"] .atelier-preloader-progress span { display: block; width: 0; height: 100%; background: var(--atelier-gold); transition: width .35s ease; }
@keyframes atelierLineIn { to { transform: scaleX(1); } }
@keyframes atelierMarkIn { to { opacity: 1; transform: translateY(0); } }
@keyframes atelierFadeIn { to { opacity: 1; } }
@keyframes atelierPulse { 50% { opacity: .35; transform: scale(.72); } }

@media (max-width: 1000px) {
  body[data-wt-surface="home"] .atelier-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(340px, .84fr); gap: 36px; }
  body[data-wt-surface="home"] .atelier-hero h1 { font-size: clamp(48px, 7vw, 72px); }
}
@media (max-width: 900px) {
  body[data-wt-surface="home"] .atelier-hero { padding-top: 130px; }
  body[data-wt-surface="home"] .atelier-hero-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="home"] .atelier-hero-visual { min-height: auto; padding-top: 20px; }
  body[data-wt-surface="home"] .atelier-visual-shell { margin-inline: 0; max-width: none; }
  body[data-wt-surface="home"] .atelier-hero-meta { margin-top: 36px; }
}
@media (max-width: 600px) {
  body[data-wt-surface="home"] .atelier-nav { height: 68px; }
  body[data-wt-surface="home"] .atelier-logo-copy small { display: none; }
  body[data-wt-surface="home"] .atelier-nav-tool { display: none; }
  body[data-wt-surface="home"] .atelier-hero { padding: 112px 0 50px; }
  body[data-wt-surface="home"] .atelier-kicker { gap: 8px; font-size: 8px; letter-spacing: .13em; }
  body[data-wt-surface="home"] .atelier-hero h1 { font-size: clamp(42px, 12vw, 62px); }
  body[data-wt-surface="home"] .atelier-signature { font-size: 8px; letter-spacing: .09em; }
  body[data-wt-surface="home"] .atelier-hero .hero-desc { font-size: 14px; }
  body[data-wt-surface="home"] .atelier-hero-meta { grid-template-columns: 1fr; gap: 12px; margin-top: 32px; }
  body[data-wt-surface="home"] .atelier-visual-shell { padding: 16px; }
  body[data-wt-surface="home"] .atelier-visual-head strong { font-size: 16px; }
  body[data-wt-surface="home"] .atelier-terminal .term-body { min-height: 180px; padding: 16px; }
  body[data-wt-surface="home"] .atelier-signal-grid { grid-template-columns: 1fr; }
  body[data-wt-surface="home"] .atelier-signal { padding: 12px; }
  body[data-wt-surface="home"] .atelier-hero-index { margin-top: 34px; }
  body[data-wt-surface="home"] .atelier-hero-index i { width: 42px; }
  body[data-wt-surface="home"] .atelier-preloader-shell { width: calc(100vw - 42px); }
  body[data-wt-surface="home"] .atelier-preloader-top { font-size: 8px; }
  body[data-wt-surface="home"] .atelier-preloader-mark { gap: 10px; }
  body[data-wt-surface="home"] .atelier-mark-word { font-size: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-wt-surface="home"] .atelier-preloader-mark .atelier-mark-line,
  body[data-wt-surface="home"] .atelier-mark-word,
  body[data-wt-surface="home"] .atelier-preloader-caption,
  body[data-wt-surface="home"] .atelier-preloader-status,
  body[data-wt-surface="home"] .atelier-status-dot { animation: none !important; }
  body[data-wt-surface="home"] .atelier-preloader-mark .atelier-mark-line { transform: scaleX(1); }
  body[data-wt-surface="home"] .atelier-mark-word,
  body[data-wt-surface="home"] .atelier-preloader-caption,
  body[data-wt-surface="home"] .atelier-preloader-status { opacity: 1; }
}

/* ==========================================================================
   CONTROL ROOM V2 · 后台控制室视觉
   2026-10-31: 以黑曜香槟为默认，砚墨朱砂为备用；保留原业务结构。
   ========================================================================== */
body[data-wt-surface="admin"] {
  --admin-ink: #0f1012;
  --admin-deep: #0a0b0d;
  --admin-panel: rgba(24,26,30,.92);
  --admin-panel-2: rgba(30,32,37,.94);
  --admin-paper: #f4ead8;
  --admin-muted: #aaa69d;
  --admin-gold: #c8a873;
  --admin-gold-hi: #f0d39c;
  --admin-line: rgba(244,234,216,.15);
  --bg-primary: var(--admin-ink);
  --bg-secondary: #15171a;
  --bg-tertiary: #1b1d21;
  --bg-card: var(--admin-panel);
  --bg-card-hover: var(--admin-panel-2);
  --bg-input: rgba(8,9,11,.68);
  --label-primary: var(--admin-paper);
  --label-secondary: var(--admin-muted);
  --label-tertiary: #7d7b76;
  --label-quaternary: #5a5854;
  --cyan: var(--admin-gold);
  --purple: var(--admin-gold-hi);
  --blue: var(--admin-gold);
  --indigo: var(--admin-gold-hi);
  --teal: var(--admin-gold);
  --grad: linear-gradient(115deg, var(--admin-gold), var(--admin-gold-hi));
  --grad-soft: linear-gradient(135deg, rgba(200,168,115,.13), rgba(240,211,156,.045));
  --border: var(--admin-line);
  --border-hover: rgba(200,168,115,.38);
  --separator: rgba(244,234,216,.16);
  --separator-light: rgba(244,234,216,.09);
  --font-system: "PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
  background: var(--admin-ink);
  color: var(--admin-paper);
}
body[data-wt-surface="admin"][data-wt-theme="cinnabar"] {
  --admin-gold: #c85b43;
  --admin-gold-hi: #e5a184;
  --admin-line: rgba(255,236,224,.16);
  --admin-panel: rgba(32,27,25,.93);
  --admin-panel-2: rgba(40,32,29,.95);
  --admin-muted: #b3a39a;
  --grad: linear-gradient(115deg, #c85b43, #e5a184);
  --grad-soft: linear-gradient(135deg, rgba(200,91,67,.15), rgba(229,161,132,.05));
}
body[data-wt-surface="admin"]::before {
  opacity: .52;
  background:
    linear-gradient(90deg, transparent 0 49.85%, rgba(244,234,216,.035) 50%, transparent 50.15%),
    linear-gradient(0deg, transparent 0 49.85%, rgba(244,234,216,.025) 50%, transparent 50.15%);
  background-size: 88px 88px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 74%);
}
body[data-wt-surface="admin"] .top-nav {
  min-height: 64px;
  height: 64px;
  padding-inline: clamp(16px, 3vw, 30px);
  background: rgba(15,16,18,.88);
  border-bottom: 1px solid var(--admin-line);
  box-shadow: 0 14px 34px rgba(0,0,0,.24);
}
body[data-wt-surface="admin"] .top-nav .logo {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  color: var(--admin-paper);
  background: none;
  -webkit-text-fill-color: currentColor;
  letter-spacing: .13em;
}
body[data-wt-surface="admin"] .top-nav .logo strong { font: 700 15px/1 var(--font-mono); letter-spacing: .16em; }
body[data-wt-surface="admin"] .top-nav .logo small { color: var(--admin-gold-hi); font: 10px/1 var(--font-mono); letter-spacing: .18em; }
body[data-wt-surface="admin"] .top-nav .nav-right { gap: 12px; }
body[data-wt-surface="admin"] .cr-session-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid var(--admin-line);
  color: var(--admin-muted);
  background: rgba(244,234,216,.035);
  font: 9px/1 var(--font-mono);
  letter-spacing: .14em;
}
body[data-wt-surface="admin"] .cr-session-chip i,
body[data-wt-surface="admin"] .control-room-rail strong::before {
  content: "";
  display: inline-block;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--admin-gold);
  box-shadow: 0 0 10px rgba(200,168,115,.55);
}
body[data-wt-surface="admin"] .logout-btn {
  border-radius: 2px;
  border-color: var(--admin-line);
  background: transparent;
  color: var(--admin-muted);
  font: 11px/1 var(--font-mono);
  letter-spacing: .08em;
}
body[data-wt-surface="admin"] .logout-btn:hover { border-color: rgba(200,91,67,.55); color: #e5a184; background: rgba(200,91,67,.08); }
body[data-wt-surface="admin"] .sidebar {
  top: 64px;
  width: 250px;
  padding: 18px 14px 30px;
  background: rgba(17,18,21,.94);
  border-right-color: var(--admin-line);
  backdrop-filter: blur(22px);
}
body[data-wt-surface="admin"] .sidebar .topbar .title { color: var(--admin-paper); font: 500 16px/1.3 "Songti SC","STSong","Microsoft YaHei",serif; letter-spacing: .03em; }
body[data-wt-surface="admin"] .sidebar .topbar .title span { color: var(--admin-gold-hi); }
body[data-wt-surface="admin"] .sidebar .topbar .meta { color: var(--admin-muted); font: 10px/1.7 var(--font-mono); letter-spacing: .02em; }
body[data-wt-surface="admin"] .nav-group { margin-bottom: 22px; }
body[data-wt-surface="admin"] .nav-group-title { color: #7e7d78; font: 10px/1 var(--font-mono); letter-spacing: .16em; }
body[data-wt-surface="admin"] .nav-item {
  min-height: 40px;
  padding: 9px 11px;
  border-radius: 2px;
  color: #aaa69d;
  font: 12px/1.25 var(--font-system);
  letter-spacing: .02em;
}
body[data-wt-surface="admin"] .nav-item .icon { width: 21px; font-size: 16px; opacity: .88; }
body[data-wt-surface="admin"] .nav-item:hover { background: rgba(200,168,115,.08); border-color: rgba(200,168,115,.18); color: var(--admin-paper); transform: none; }
body[data-wt-surface="admin"] .nav-item.active { color: var(--admin-gold-hi); background: rgba(200,168,115,.12); border-color: rgba(200,168,115,.28); box-shadow: inset 2px 0 0 var(--admin-gold); }
body[data-wt-surface="admin"] .nav-item.active::before { display: none; }
body[data-wt-surface="admin"] .main-content {
  max-width: none;
  margin-left: 250px;
  padding: clamp(20px, 3vw, 36px) clamp(18px, 3vw, 42px) 70px;
}
body[data-wt-surface="admin"] .main-content::before {
  content: "CONTROL ROOM / WUTONG";
  display: block;
  margin-bottom: 14px;
  color: var(--admin-muted);
  font: 9px/1 var(--font-mono);
  letter-spacing: .22em;
}
body[data-wt-surface="admin"] .welcome-banner {
  background: linear-gradient(115deg, rgba(200,168,115,.13), rgba(244,234,216,.025));
  border: 1px solid rgba(200,168,115,.24);
  border-radius: 2px;
  padding: 22px 24px;
  box-shadow: 0 20px 50px rgba(0,0,0,.22);
}
body[data-wt-surface="admin"] .welcome-banner::before { width: 420px; height: 220px; top: -60%; right: -4%; background: radial-gradient(circle, rgba(200,168,115,.11), transparent 72%); }
body[data-wt-surface="admin"] .welcome-avatar { width: 54px; height: 54px; border-radius: 2px; border: 1px solid var(--admin-line); background: rgba(244,234,216,.04); font-size: 24px; }
body[data-wt-surface="admin"] .welcome-title { color: var(--admin-paper); font: 500 21px/1.2 "Songti SC","STSong","Microsoft YaHei",serif; letter-spacing: .02em; }
body[data-wt-surface="admin"] .welcome-sub { color: var(--admin-muted); font: 11px/1.6 var(--font-mono); }
body[data-wt-surface="admin"] .ws-num { background: var(--grad); -webkit-background-clip: text; background-clip: text; }
body[data-wt-surface="admin"] .welcome-divider { background: var(--admin-line); }
body[data-wt-surface="admin"] .control-room-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1px;
  margin: -1px 0 20px;
  background: var(--admin-line);
  border: 1px solid var(--admin-line);
}
body[data-wt-surface="admin"] .cr-rail-item { padding: 14px 16px; background: rgba(19,20,23,.82); }
body[data-wt-surface="admin"] .cr-rail-item > span { display:block; margin-bottom: 7px; color: var(--admin-muted); font: 9px/1 var(--font-mono); letter-spacing: .17em; }
body[data-wt-surface="admin"] .cr-rail-item strong { display:flex; align-items:center; gap:6px; color: var(--admin-paper); font: 500 12px/1.35 var(--font-system); }
body[data-wt-surface="admin"] .cr-rail-item strong::before { flex: 0 0 auto; }
body[data-wt-surface="admin"] .cr-rail-item small { display:block; margin-top:5px; color:#77756f; font: 10px/1.45 var(--font-mono); }
body[data-wt-surface="admin"] .stats, body[data-wt-surface="admin"] .stats-grid { gap: 10px; margin-bottom: 18px; }
body[data-wt-surface="admin"] .stat-card,
body[data-wt-surface="admin"] .panel,
body[data-wt-surface="admin"] .quick-actions {
  background: rgba(22,23,27,.88);
  border-color: var(--admin-line);
  border-radius: 2px;
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
}
body[data-wt-surface="admin"] .stat-card { padding: 17px; }
body[data-wt-surface="admin"] .stat-card::before { background: var(--admin-gold); opacity: .8; height: 1px; }
body[data-wt-surface="admin"] .stat-card:hover,
body[data-wt-surface="admin"] .panel:hover,
body[data-wt-surface="admin"] .quick-actions:hover { transform: none; border-color: rgba(200,168,115,.3); box-shadow: 0 16px 38px rgba(0,0,0,.25); }
body[data-wt-surface="admin"] .stat-card .stat-icon { border-radius: 2px; background: rgba(200,168,115,.09) !important; border: 1px solid rgba(200,168,115,.16); }
body[data-wt-surface="admin"] .stat-card .n,
body[data-wt-surface="admin"] .stat-card .stat-value,
body[data-wt-surface="admin"] .ring-percent { background: var(--grad); -webkit-background-clip: text; background-clip: text; }
body[data-wt-surface="admin"] .stat-card .l,
body[data-wt-surface="admin"] .stat-card .stat-label,
body[data-wt-surface="admin"] .sys-label,
body[data-wt-surface="admin"] .si-name { color: var(--admin-muted); }
body[data-wt-surface="admin"] .panel h2,
body[data-wt-surface="admin"] .panel h3,
body[data-wt-surface="admin"] .qa-title { color: var(--admin-paper); font-family: "Songti SC","STSong","Microsoft YaHei",serif; }
body[data-wt-surface="admin"] .qa-btn { border-radius: 2px; background: rgba(244,234,216,.025); border-color: var(--admin-line); }
body[data-wt-surface="admin"] .qa-btn:hover { background: rgba(200,168,115,.09); border-color: rgba(200,168,115,.36); }
body[data-wt-surface="admin"] .qa-text { color: var(--admin-muted); }
body[data-wt-surface="admin"] .qa-btn:hover .qa-text { color: var(--admin-gold-hi); }
body[data-wt-surface="admin"] .data-table th { background: rgba(200,168,115,.08); color: var(--admin-muted); border-bottom-color: var(--admin-line); }
body[data-wt-surface="admin"] .data-table td { border-bottom-color: rgba(244,234,216,.08); }
body[data-wt-surface="admin"] .data-table tr:hover td { background: rgba(200,168,115,.045); }
body[data-wt-surface="admin"] .btn-primary { background: var(--admin-gold); color: #17130e; box-shadow: 0 8px 22px rgba(200,168,115,.12); }
body[data-wt-surface="admin"] .btn-primary:hover { background: var(--admin-gold-hi); box-shadow: 0 12px 28px rgba(200,168,115,.22); }
body[data-wt-surface="admin"] .btn-secondary,
body[data-wt-surface="admin"] .btn-ghost { border-color: var(--admin-line); background: rgba(244,234,216,.035); color: var(--admin-paper); }
body[data-wt-surface="admin"] .btn-secondary:hover,
body[data-wt-surface="admin"] .btn-ghost:hover { border-color: var(--admin-gold); color: var(--admin-gold-hi); background: rgba(200,168,115,.08); }
body[data-wt-surface="admin"] input,
body[data-wt-surface="admin"] textarea,
body[data-wt-surface="admin"] select,
body[data-wt-surface="admin"] .form-group input,
body[data-wt-surface="admin"] .form-group textarea,
body[data-wt-surface="admin"] .form-group select {
  background: rgba(7,8,10,.66) !important;
  border-color: var(--admin-line) !important;
  color: var(--admin-paper) !important;
  border-radius: 2px !important;
}
body[data-wt-surface="admin"] input:focus,
body[data-wt-surface="admin"] textarea:focus,
body[data-wt-surface="admin"] select:focus { border-color: var(--admin-gold) !important; box-shadow: 0 0 0 3px rgba(200,168,115,.13) !important; outline: none; }
body[data-wt-surface="admin"] .flash { border-radius: 2px; background: rgba(200,168,115,.09); border-color: rgba(200,168,115,.3); color: var(--admin-paper); }
body[data-wt-surface="admin"] .flash.err { background: rgba(200,91,67,.1); border-color: rgba(200,91,67,.34); color: #e5a184; }
body[data-wt-surface="admin"] .login-page { background: var(--admin-ink); }
body[data-wt-surface="admin"] .login-page::before { opacity: .42; }
body[data-wt-surface="admin"] .login-card {
  background: rgba(21,22,25,.96);
  border: 1px solid var(--admin-line);
  border-radius: 2px;
  box-shadow: 0 24px 70px rgba(0,0,0,.42);
}
body[data-wt-surface="admin"] .login-card h1 { color: var(--admin-paper); font-family: "Songti SC","STSong","Microsoft YaHei",serif; }
body[data-wt-surface="admin"] .login-card .sub { color: var(--admin-muted); }
body[data-wt-surface="admin"] .login-card input[type="password"],
body[data-wt-surface="admin"] .login-card input[type="text"] { background: rgba(7,8,10,.72); border-color: var(--admin-line); }
body[data-wt-surface="admin"] .loader-ring { border-color: rgba(244,234,216,.12); border-top-color: var(--admin-gold); border-right-color: var(--admin-gold-hi); }
@media (max-width: 900px) {
  body[data-wt-surface="admin"] .main-content { margin-left: 0; padding: 18px 16px 54px; }
  body[data-wt-surface="admin"] .control-room-rail { grid-template-columns: 1fr; }
  body[data-wt-surface="admin"] .cr-rail-item { padding: 12px 14px; }
  body[data-wt-surface="admin"] .cr-session-chip { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-wt-surface="admin"] * { transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

/* ==========================================================================
   MODULE SURFACES V2 · 游戏房间与工具台
   ========================================================================== */
body[data-wt-surface="game"] {
  --wt-bg: #0f1012;
  --wt-surface: #15171a;
  --wt-surface-2: #1b1d21;
  --wt-line: rgba(244,234,216,.15);
  --wt-text: #f4ead8;
  --wt-muted: #aaa69d;
  --wt-jade: #c8a873;
  --wt-jade-strong: #f0d39c;
  --wt-warm: #d89a6b;
  background: var(--wt-bg) !important;
}
body[data-wt-surface="game"]::before {
  opacity: .18 !important;
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(244,234,216,.03) 50%, transparent 50.2%),
    linear-gradient(0deg, transparent 0 49.8%, rgba(244,234,216,.02) 50%, transparent 50.2%) !important;
  background-size: 84px 84px !important;
  animation: none !important;
}
body[data-wt-surface="game"] .nav-bar,
body[data-wt-surface="game"] header {
  border-bottom-color: var(--wt-line) !important;
  background: rgba(15,16,18,.86) !important;
}
body[data-wt-surface="game"] .nav-title,
body[data-wt-surface="game"] h1,
body[data-wt-surface="game"] h2 {
  background: linear-gradient(110deg,var(--wt-text),var(--wt-jade-strong)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
body[data-wt-surface="game"] .glass-card,
body[data-wt-surface="game"] .room-card,
body[data-wt-surface="game"] .panel,
body[data-wt-surface="game"] .card {
  background: rgba(21,23,26,.88) !important;
  border-color: var(--wt-line) !important;
  border-radius: 2px !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.22) !important;
}
body[data-wt-surface="game"] .btn-primary,
body[data-wt-surface="game"] .create-btn,
body[data-wt-surface="game"] .join-btn,
body[data-wt-surface="game"] button.primary {
  background: var(--wt-jade) !important;
  color: #17130e !important;
}
body[data-wt-surface="game"] .btn-primary:hover,
body[data-wt-surface="game"] .create-btn:hover,
body[data-wt-surface="game"] .join-btn:hover,
body[data-wt-surface="game"] button.primary:hover {
  background: var(--wt-jade-strong) !important;
}
body[data-wt-surface="game"] input,
body[data-wt-surface="game"] textarea,
body[data-wt-surface="game"] select {
  background: rgba(7,8,10,.64) !important;
  border-color: var(--wt-line) !important;
  color: var(--wt-text) !important;
}
body[data-wt-surface="game"] input:focus,
body[data-wt-surface="game"] textarea:focus,
body[data-wt-surface="game"] select:focus {
  border-color: var(--wt-jade) !important;
  box-shadow: 0 0 0 3px rgba(200,168,115,.13) !important;
}

/* ==========================================================================
   ATELIER PREVIEW PARITY · 2026-10-31
   Source of truth: outputs/atelier-preview-v2.html
   Re-align production typography and composition with the approved preview.
   ========================================================================== */
body[data-wt-surface="home"] {
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --atelier-serif: Georgia, "Songti SC", "Noto Serif SC", serif;
}
body[data-wt-surface="home"] .atelier-nav {
  position: absolute;
  top: 0;
  background: transparent;
  border-bottom: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body[data-wt-surface="home"] .atelier-nav.scrolled {
  position: fixed;
  background: rgba(11,12,14,.92);
  border-bottom: 1px solid var(--atelier-line);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
body[data-wt-surface="home"] .atelier-preview-parity {
  min-height: auto;
  padding: 0;
  overflow: visible;
}
body[data-wt-surface="home"] .atelier-preview-page {
  max-width: 1480px;
  margin: 0 auto;
  padding: 30px clamp(18px,4.5vw,76px) 80px;
}
body[data-wt-surface="home"] .atelier-hero-grid {
  grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr);
  min-height: 720px;
  align-items: center;
  gap: clamp(40px,8vw,130px);
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-copy {
  max-width: none;
  padding: 60px 0;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-kicker {
  display: block;
  margin: 0;
  color: var(--atelier-gold);
  font: 11px/1 var(--mono);
  letter-spacing: .25em;
  text-transform: uppercase;
}
body[data-wt-surface="home"] .atelier-preview-parity h1 {
  max-width: 850px;
  margin: 26px 0 35px;
  color: var(--atelier-paper);
  font: 400 clamp(58px,9.6vw,148px)/.83 var(--atelier-serif);
  letter-spacing: -.095em;
}
body[data-wt-surface="home"] .atelier-preview-parity h1 em {
  color: var(--atelier-gold-hi);
  font-style: italic;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-typed-keeper {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
body[data-wt-surface="home"] .atelier-preview-parity .hero-desc {
  max-width: 475px;
  margin: 0;
  color: var(--atelier-muted);
  line-height: 1.9;
  font-size: 14px;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn {
  min-height: 0;
  padding: 12px 18px;
  border-radius: 2px;
  font: 600 12px/1 var(--font);
  letter-spacing: .04em;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn-primary {
  background: var(--atelier-gold);
  border: 1px solid var(--atelier-gold);
  color: #18130d;
  box-shadow: none;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn-ghost {
  background: transparent;
  border: 1px solid var(--atelier-line);
  color: var(--atelier-paper);
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn-primary:hover,
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn-ghost:hover {
  transform: translateY(-2px);
}
body[data-wt-surface="home"] .atelier-hero-data {
  display: flex;
  gap: 28px;
  max-width: 540px;
  margin-top: 52px;
  padding-top: 16px;
  border-top: 1px solid var(--atelier-line);
}
body[data-wt-surface="home"] .atelier-hero-data strong {
  display: block;
  color: var(--atelier-gold-hi);
  font: 400 29px/1 var(--atelier-serif);
}
body[data-wt-surface="home"] .atelier-hero-data span {
  color: var(--atelier-muted);
  font: 10px/1.2 var(--font);
  letter-spacing: .08em;
}
body[data-wt-surface="home"] .atelier-art-object {
  position: relative;
  min-height: 530px;
  border: 1px solid var(--atelier-line);
  background: linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.008));
  overflow: hidden;
}
body[data-wt-surface="home"] .atelier-art-object::before {
  content: "";
  position: absolute;
  inset: 34px;
  border: 1px solid rgba(200,168,115,.32);
}
body[data-wt-surface="home"] .atelier-art-object::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -80px;
  bottom: -110px;
  border-radius: 50%;
  border: 1px solid rgba(200,168,115,.46);
  box-shadow: 0 0 0 22px rgba(200,168,115,.035), 0 0 0 48px rgba(200,168,115,.025);
}
body[data-wt-surface="home"] .atelier-object-label {
  position: absolute;
  top: 55px;
  left: 54px;
  z-index: 1;
  color: var(--atelier-gold);
  font: 10px/1 var(--mono);
  letter-spacing: .22em;
}
body[data-wt-surface="home"] .atelier-object-index {
  position: absolute;
  right: 55px;
  top: 55px;
  z-index: 1;
  color: var(--atelier-muted);
  font: 10px/1 var(--mono);
  writing-mode: vertical-rl;
  letter-spacing: .2em;
}
body[data-wt-surface="home"] .atelier-object-title {
  position: absolute;
  left: 54px;
  bottom: 60px;
  z-index: 1;
  max-width: 280px;
  color: var(--atelier-paper);
  font: 400 clamp(30px,4vw,58px)/.95 var(--atelier-serif);
  letter-spacing: -.08em;
}
body[data-wt-surface="home"] .atelier-object-title span {
  color: var(--atelier-gold-hi);
  font-style: italic;
}
body[data-wt-surface="home"] .atelier-legacy-runtime {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 900px) {
  body[data-wt-surface="home"] .atelier-preview-page { padding-top: 30px; }
  body[data-wt-surface="home"] .atelier-hero-grid { grid-template-columns: 1fr; min-height: 0; gap: 40px; }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-copy { padding: 72px 0 35px; }
  body[data-wt-surface="home"] .atelier-art-object { min-height: 420px; }
}
@media (max-width: 560px) {
  body[data-wt-surface="home"] .atelier-preview-page { padding-inline: 14px; }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-copy { padding-top: 55px; }
  body[data-wt-surface="home"] .atelier-hero-data { gap: 15px; }
  body[data-wt-surface="home"] .atelier-hero-data strong { font-size: 23px; }
  body[data-wt-surface="home"] .atelier-object-label { left: 38px; }
  body[data-wt-surface="home"] .atelier-object-title { left: 38px; }
  body[data-wt-surface="home"] .atelier-object-index { right: 38px; }
}

/* Preview parity fix: the legacy .hero flex wrapper must not shrink the preview page. */
body[data-wt-surface="home"] .atelier-preview-parity {
  display: block !important;
  width: 100% !important;
}
body[data-wt-surface="home"] .atelier-preview-page {
  width: 100% !important;
}
body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-grid {
  display: grid !important;
}

body[data-wt-surface="home"] .single-lyrics:not(.playing) {
  opacity: 0 !important;
  pointer-events: none;
}

/* PRELOADER STRUCTURAL FIX · keep the entrance animation out of document flow. */
body[data-wt-surface="home"] #preloader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: auto;
}
body[data-wt-surface="home"] #preloader.hide {
  display: flex !important;
  pointer-events: none !important;
}

/* ATELIER DEDICATED LAYOUTS 20261034 */
/* Mobile cover, editorial sections, and real page frames. Not a recolor. */

body[data-wt-surface] {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body[data-wt-surface] input,
body[data-wt-surface] textarea,
body[data-wt-surface] select {
  font-size: 16px;
}

body[data-wt-surface="home"] #about,
body[data-wt-surface="home"] #skills,
body[data-wt-surface="home"] #projects,
body[data-wt-surface="home"] #timeline,
body[data-wt-surface="home"] #contact,
body[data-wt-surface="home"] .atelier-section {
  background: transparent !important;
}
body[data-wt-surface="home"] #about .container,
body[data-wt-surface="home"] #skills .container,
body[data-wt-surface="home"] #projects .container,
body[data-wt-surface="home"] #timeline .container,
body[data-wt-surface="home"] #contact .container {
  max-width: 1180px;
}
body[data-wt-surface="home"] .section-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 28px !important;
  padding-top: 8px;
  border-top: 1px solid rgba(244,234,216,.14);
}
body[data-wt-surface="home"] .section-tag {
  color: #c8a873 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .22em !important;
  text-transform: uppercase;
}
body[data-wt-surface="home"] .section-title {
  margin: 0 !important;
  color: #f4ead8 !important;
  background: none !important;
  -webkit-text-fill-color: #f4ead8 !important;
  font: 400 clamp(34px, 5vw, 62px)/.95 Georgia, "Songti SC", "Noto Serif SC", serif !important;
  letter-spacing: -.04em !important;
}
body[data-wt-surface="home"] .section-title .accent,
body[data-wt-surface="home"] .highlight,
body[data-wt-surface="home"] .name {
  background: none !important;
  -webkit-text-fill-color: #f0d39c !important;
  color: #f0d39c !important;
  filter: none !important;
}
body[data-wt-surface="home"] .section-line { display: none !important; }
body[data-wt-surface="home"] .about-img,
body[data-wt-surface="home"] .skill-card,
body[data-wt-surface="home"] .project-card,
body[data-wt-surface="home"] .timeline-item,
body[data-wt-surface="home"] .contact-form,
body[data-wt-surface="home"] .info-card {
  background: rgba(244,234,216,.03) !important;
  border: 1px solid rgba(244,234,216,.12) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body[data-wt-surface="home"] .about-img { aspect-ratio: 1; overflow: hidden; }
body[data-wt-surface="home"] .skill-card h3,
body[data-wt-surface="home"] .project-card h3,
body[data-wt-surface="home"] .info-card h3 {
  color: #f4ead8 !important;
  font: 400 22px/1.2 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="home"] .skill-icon {
  color: #c8a873 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body[data-wt-surface="home"] .about-tags .tag {
  border-radius: 2px !important;
  background: transparent !important;
  border: 1px solid rgba(244,234,216,.16) !important;
  color: #aaa69d !important;
}
body[data-wt-surface="home"] .contact-form button,
body[data-wt-surface="home"] #contact .btn-primary {
  background: #c8a873 !important;
  color: #18130d !important;
  border: 1px solid #c8a873 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body[data-wt-surface="home"] footer,
body[data-wt-surface="home"] .footer {
  border-top: 1px solid rgba(244,234,216,.12) !important;
  background: transparent !important;
  color: #aaa69d !important;
}

@media (max-width: 760px) {
  body[data-wt-surface="home"] { overflow-x: hidden; }
  body[data-wt-surface="home"] .atelier-nav {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: 140;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    height: calc(56px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 14px 0 !important;
    background: rgba(11,12,14,.86) !important;
    border-bottom: 1px solid rgba(244,234,216,.1) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  body[data-wt-surface="home"] .atelier-logo-copy small { display: none; }
  body[data-wt-surface="home"] .atelier-nav > .weather-widget {
    position: fixed;
    top: calc(64px + env(safe-area-inset-top));
    right: 16px;
    left: auto;
    z-index: 30;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  body[data-wt-surface="home"]:has(.nav-links.open) .weather-widget {
    opacity: 0;
    pointer-events: none;
  }
  body[data-wt-surface="home"] .burger {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(244,234,216,.18) !important;
    border-radius: 2px !important;
    background: transparent !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity {
    min-height: 100dvh;
    min-height: 100svh;
  }
  body[data-wt-surface="home"] .atelier-preview-page {
    min-height: 100dvh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: calc(72px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom)) !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-grid {
    flex: 1;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px !important;
    min-height: 0;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-copy {
    padding: 0 !important;
    max-width: none !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-kicker {
    max-width: 62%;
    letter-spacing: .14em !important;
    line-height: 1.45 !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity h1 {
    max-width: 8.2em !important;
    margin: 12px 0 12px !important;
    font-size: clamp(40px, 11.4vw, 54px) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .hero-desc {
    max-width: 34em !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions {
    display: grid !important;
    grid-template-columns: 1.35fr .85fr;
    gap: 8px;
    margin-top: 16px !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn {
    flex: none !important;
    width: 100%;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px !important;
    text-align: center;
  }
  body[data-wt-surface="home"] .atelier-hero-data {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px !important;
    max-width: none !important;
    margin-top: 16px !important;
    padding-top: 12px !important;
  }
  body[data-wt-surface="home"] .atelier-hero-data strong { font-size: 22px !important; }
  body[data-wt-surface="home"] .atelier-hero-data span {
    display: block;
    margin-top: 5px;
    font-size: 9px !important;
    letter-spacing: .06em !important;
    line-height: 1.25 !important;
  }
  body[data-wt-surface="home"] .atelier-art-object {
    flex: 0 0 168px;
    height: 168px;
    min-height: 168px !important;
    max-height: 168px;
  }
  body[data-wt-surface="home"] .atelier-art-object::before { inset: 12px; }
  body[data-wt-surface="home"] .atelier-art-object::after {
    width: 150px;
    height: 150px;
    right: -36px;
    bottom: -48px;
  }
  body[data-wt-surface="home"] .atelier-object-index { display: none; }
  body[data-wt-surface="home"] .atelier-object-label { top: 22px; left: 20px; }
  body[data-wt-surface="home"] .atelier-object-title {
    left: 20px;
    bottom: 18px;
    max-width: 70%;
    font-size: 28px !important;
    line-height: .95 !important;
  }
  body[data-wt-surface="home"] .music-bar {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    border-radius: 2px !important;
    background: rgba(15,16,18,.92) !important;
    border: 1px solid rgba(200,168,115,.38) !important;
    box-shadow: none !important;
  }
  body[data-wt-surface="home"] .music-bar .mb-btn {
    background: transparent !important;
    color: #f4ead8 !important;
    box-shadow: none !important;
  }
  body[data-wt-surface="home"] .music-bar .mb-play {
    background: #c8a873 !important;
    color: #18130d !important;
  }
  body[data-wt-surface="home"] #about,
  body[data-wt-surface="home"] #skills,
  body[data-wt-surface="home"] #projects,
  body[data-wt-surface="home"] #timeline,
  body[data-wt-surface="home"] #contact {
    padding-block: 42px !important;
  }
  body[data-wt-surface="home"] .skills-grid,
  body[data-wt-surface="home"] .projects-grid,
  body[data-wt-surface="home"] .about-grid,
  body[data-wt-surface="home"] .contact-grid {
    grid-template-columns: 1fr !important;
  }
  body[data-wt-surface="home"] .atelier-preloader-shell {
    width: min(100% - 32px, 420px) !important;
  }
}

body[data-wt-surface="tool"] {
  background: #0f1012 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="tool"]::before,
body[data-wt-surface="tool"] .bg-grid,
body[data-wt-surface="tool"] .bg-glow,
body[data-wt-surface="tool"] .orb { display: none !important; }
body[data-wt-surface="tool"] .page,
body[data-wt-surface="tool"] .container,
body[data-wt-surface="tool"] .wrap {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 12px 16px 88px !important;
}
body[data-wt-surface="tool"] .top-bar,
body[data-wt-surface="tool"] .nav-bar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 -16px 22px !important;
  padding: calc(10px + env(safe-area-inset-top)) 16px 10px !important;
  background: rgba(15,16,18,.92) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
  border-radius: 0 !important;
  backdrop-filter: blur(16px);
}
body[data-wt-surface="tool"] .back-btn,
body[data-wt-surface="tool"] .nav-back {
  display: inline-flex !important;
  align-items: center;
  min-height: 36px;
  padding: 0 12px !important;
  border-radius: 2px !important;
  background: transparent !important;
  border: 1px solid rgba(244,234,216,.18) !important;
  color: #f4ead8 !important;
  font-size: 12px !important;
  letter-spacing: .04em;
  text-decoration: none !important;
}
body[data-wt-surface="tool"] .top-title,
body[data-wt-surface="tool"] .nav-title {
  color: #c8a873 !important;
  font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}
body[data-wt-surface="tool"] .header,
body[data-wt-surface="tool"] .hero {
  text-align: left !important;
  margin: 0 0 22px !important;
  padding: 6px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body[data-wt-surface="tool"] .header .tag,
body[data-wt-surface="tool"] .hero .tag {
  display: block !important;
  width: max-content;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #c8a873 !important;
  font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .22em !important;
}
body[data-wt-surface="tool"] .header h1,
body[data-wt-surface="tool"] .hero h1 {
  margin: 0 0 10px !important;
  background: none !important;
  -webkit-text-fill-color: #f4ead8 !important;
  color: #f4ead8 !important;
  font: 400 clamp(36px, 8vw, 64px)/.95 Georgia, "Songti SC", "Noto Serif SC", serif !important;
  letter-spacing: -.045em !important;
}
body[data-wt-surface="tool"] .header p,
body[data-wt-surface="tool"] .hero p {
  max-width: 38em;
  color: #aaa69d !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
body[data-wt-surface="tool"] .tools-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
@media (min-width: 860px) {
  body[data-wt-surface="tool"] .tools-grid { grid-template-columns: 1fr 1fr !important; }
}
body[data-wt-surface="tool"] .tool-card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  min-height: 0;
  padding: 18px 16px 16px !important;
  text-align: left !important;
  border-radius: 2px !important;
  background: rgba(244,234,216,.03) !important;
  border: 1px solid rgba(244,234,216,.12) !important;
  box-shadow: none !important;
  transform: none !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="tool"] .tool-card::before { content: none !important; display: none !important; }
body[data-wt-surface="tool"] .service-status {
  position: absolute !important;
  top: 12px;
  right: 12px;
  margin: 0 !important;
}
body[data-wt-surface="tool"] .tool-icon { margin: 0 0 10px !important; }
body[data-wt-surface="tool"] .tool-title,
body[data-wt-surface="tool"] .tool-card h3 {
  color: #f4ead8 !important;
  font: 400 20px/1.25 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="tool"] .tool-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 6px 0 0 !important;
  color: #aaa69d !important;
}
body[data-wt-surface="tool"] .tool-btn {
  margin-top: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #c8a873 !important;
  border: 0 !important;
}
body[data-wt-surface="tool"] .tool-card:hover {
  transform: none !important;
  border-color: rgba(200,168,115,.55) !important;
  box-shadow: none !important;
}
body[data-wt-surface="tool"] input,
body[data-wt-surface="tool"] textarea,
body[data-wt-surface="tool"] select {
  background: rgba(7,8,10,.72) !important;
  border: 1px solid rgba(244,234,216,.16) !important;
  border-radius: 2px !important;
  color: #f4ead8 !important;
  box-shadow: none !important;
}
body[data-wt-surface="tool"] button.primary,
body[data-wt-surface="tool"] .submit-btn {
  border-radius: 2px !important;
  background: #c8a873 !important;
  color: #18130d !important;
  border: 1px solid #c8a873 !important;
  box-shadow: none !important;
}

body[data-wt-surface="utility"] {
  background: #0f1012 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="utility"] canvas#particleCanvas { opacity: .16 !important; }
body[data-wt-surface="utility"] .nav-bar,
body[data-wt-surface="utility"] .top-bar,
body[data-wt-surface="utility"] .header-bar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: calc(8px + env(safe-area-inset-top)) 16px 8px !important;
  background: rgba(15,16,18,.92) !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
  backdrop-filter: blur(16px);
}
body[data-wt-surface="utility"] .nav-title,
body[data-wt-surface="utility"] .top-title {
  color: #f4ead8 !important;
  font: 400 18px/1 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="utility"] .container,
body[data-wt-surface="utility"] .page,
body[data-wt-surface="utility"] .wrap {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(72px + env(safe-area-inset-bottom));
}
body[data-wt-surface="utility"] h1 {
  color: #f4ead8 !important;
  background: none !important;
  -webkit-text-fill-color: #f4ead8 !important;
  font-family: Georgia, "Songti SC", "Noto Serif SC", serif !important;
  font-weight: 400 !important;
}
body[data-wt-surface="utility"] .card,
body[data-wt-surface="utility"] .panel,
body[data-wt-surface="utility"] .box {
  background: rgba(244,234,216,.03) !important;
  border: 1px solid rgba(244,234,216,.12) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

body[data-wt-surface="chat"] {
  background: #0f1012 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="chat"] .bg-grid,
body[data-wt-surface="chat"] .bg-glow { display: none !important; }
body[data-wt-surface="chat"] header,
body[data-wt-surface="chat"] .topbar,
body[data-wt-surface="chat"] .chat-header {
  background: rgba(15,16,18,.92) !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
}
body[data-wt-surface="chat"] .msg,
body[data-wt-surface="chat"] .message,
body[data-wt-surface="chat"] .bubble {
  border-radius: 2px !important;
  box-shadow: none !important;
}
body[data-wt-surface="chat"] .inputArea,
body[data-wt-surface="chat"] .composer {
  background: rgba(15,16,18,.94) !important;
  border-top: 1px solid rgba(244,234,216,.12) !important;
  padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
}

body[data-wt-surface="admin"] {
  background: #0f1012 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="admin"] .top-nav {
  height: calc(56px + env(safe-area-inset-top)) !important;
  padding: env(safe-area-inset-top) 12px 0 !important;
  background: rgba(15,16,18,.94) !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
  box-shadow: none !important;
}
body[data-wt-surface="admin"] .top-nav .logo {
  background: none !important;
  -webkit-text-fill-color: #f4ead8 !important;
  color: #f4ead8 !important;
  font: 400 16px/1.1 Georgia, "Songti SC", "Noto Serif SC", serif !important;
  letter-spacing: .08em !important;
}
body[data-wt-surface="admin"] .menu-btn,
body[data-wt-surface="admin"] .logout-btn {
  border-radius: 2px !important;
  border: 1px solid rgba(244,234,216,.16) !important;
  background: transparent !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="admin"] .sidebar {
  background: #121316 !important;
  border-right: 1px solid rgba(244,234,216,.12) !important;
}
body[data-wt-surface="admin"] .sidebar a.active,
body[data-wt-surface="admin"] .nav-item.active {
  background: rgba(200,168,115,.12) !important;
  color: #f0d39c !important;
}
body[data-wt-surface="admin"] .card,
body[data-wt-surface="admin"] .panel,
body[data-wt-surface="admin"] .stat,
body[data-wt-surface="admin"] .stat-card,
body[data-wt-surface="admin"] .login-card,
body[data-wt-surface="admin"] .login-box {
  background: rgba(244,234,216,.03) !important;
  border: 1px solid rgba(244,234,216,.12) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body[data-wt-surface="admin"] .login-page {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(72px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));
}
body[data-wt-surface="admin"] .login-card,
body[data-wt-surface="admin"] .login-2fa {
  width: min(100%, 420px) !important;
}
body[data-wt-surface="admin"] h1,
body[data-wt-surface="admin"] h2 {
  font-family: Georgia, "Songti SC", "Noto Serif SC", serif;
  font-weight: 400;
}
@media (max-width: 768px) {
  body[data-wt-surface="admin"] .table-wrap,
  body[data-wt-surface="admin"] .table-responsive,
  body[data-wt-surface="admin"] table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 900px) {
  body[data-wt-surface="admin"] .cr-session-chip { display: none !important; }
}
@media (max-width: 768px) {
  body[data-wt-surface="admin"] .sidebar {
    top: 0 !important;
    width: min(86vw, 320px) !important;
    padding-top: calc(68px + env(safe-area-inset-top)) !important;
  }
  body[data-wt-surface="admin"] .main-content,
  body[data-wt-surface="admin"] .page-content {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 16px !important;
  }
  body[data-wt-surface="admin"] .stats,
  body[data-wt-surface="admin"] .stats-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
}

body[data-wt-surface="game"] {
  background: #0f1012 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="game"] .nav,
body[data-wt-surface="game"] header {
  background: rgba(15,16,18,.92) !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
}
body[data-wt-surface="game"] button,
body[data-wt-surface="game"] .btn { border-radius: 2px !important; }

/* 20261035 mobile cover correction: art object must keep full width; no dead void. */
@media (max-width: 760px) {
  body[data-wt-surface="home"] .atelier-preview-parity,
  body[data-wt-surface="home"] .atelier-preview-page {
    min-height: 0 !important;
    height: auto !important;
  }
  body[data-wt-surface="home"] .atelier-preview-page {
    display: block !important;
    padding: calc(64px + env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom)) !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 0 !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-copy,
  body[data-wt-surface="home"] .atelier-hero-data {
    width: 100% !important;
  }
  body[data-wt-surface="home"] .atelier-nav > .weather-widget {
    position: absolute !important;
    top: calc(60px + env(safe-area-inset-top)) !important;
    left: 16px !important;
    right: auto !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-kicker {
    max-width: none !important;
    margin-top: 26px !important;
  }
  body[data-wt-surface="home"] .atelier-art-object {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    flex: 0 0 auto !important;
    height: 196px !important;
    min-height: 196px !important;
    max-height: 196px !important;
    margin-top: 6px !important;
    box-sizing: border-box !important;
  }
}
body[data-wt-surface="admin"] .login-card button,
body[data-wt-surface="admin"] .login-box button,
body[data-wt-surface="admin"] .login-card input[type="submit"] {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 2px !important;
}

/* 20261036 page-specific layouts, menu, toolbox entry, scroll cost */

@media (max-width: 760px) {
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .atelier-toolbox-entry {
    grid-column: 1 / -1;
  }
}
body[data-wt-surface="home"] .atelier-nav,
body[data-wt-surface="home"] .atelier-nav.scrolled {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(11,12,14,.96) !important;
}
body[data-wt-surface="home"] .burger { position: relative; z-index: 220; }
body[data-wt-surface="home"] .nav-links {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(56px + env(safe-area-inset-top)) !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #0e0f12 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transform: translate3d(100%, 0, 0);
  transition: transform .28s ease !important;
  z-index: 160;
  padding: 28px 28px calc(28px + env(safe-area-inset-bottom)) !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: auto;
  pointer-events: none;
}
body[data-wt-surface="home"] .nav-links.open {
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto;
}
body[data-wt-surface="home"] .nav-links::before {
  content: "目录" !important;
  position: static !important;
  display: block;
  margin: 0 0 18px;
  background: none !important;
  -webkit-text-fill-color: #c8a873 !important;
  color: #c8a873 !important;
  font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .24em !important;
}
body[data-wt-surface="home"] .nav-links::after { display: none !important; }
body[data-wt-surface="home"] .nav-links li,
body[data-wt-surface="home"] .nav-links.open li {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  width: 100%;
}
body[data-wt-surface="home"] .nav-links a {
  font-family: Georgia, "Songti SC", "Noto Serif SC", serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #f4ead8 !important;
  border-bottom: 1px solid rgba(244,234,216,.12);
  padding: 16px 0 !important;
  letter-spacing: -.03em;
}
body[data-wt-surface="home"] .nav-links a::before {
  color: #c8a873 !important;
  font-size: 12px !important;
  min-width: 28px;
}
body[data-wt-surface="home"] .nav-links a::after,
body[data-wt-surface="home"] .nav-links a.nav-aurevon,
body[data-wt-surface="home"] .nav-links a.nav-apple { text-shadow: none !important; }
body[data-wt-surface="home"] .menu-overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(0,0,0,.35) !important;
}
@media (min-width: 901px) {
  body[data-wt-surface="home"] .nav-links {
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    pointer-events: auto;
    overflow: visible;
    display: flex !important;
    flex-direction: row !important;
    gap: 22px !important;
  }
  body[data-wt-surface="home"] .nav-links::before,
  body[data-wt-surface="home"] .nav-links a::before { display: none !important; content: none !important; }
  body[data-wt-surface="home"] .nav-links a {
    font-family: inherit !important;
    font-size: 14px !important;
    border: 0 !important;
    padding: 4px 0 !important;
    color: #aaa69d !important;
  }
}

@media (max-width: 900px) {
  body[data-wt-surface="home"] #meteor-canvas,
  body[data-wt-surface="home"] .bg-glow,
  body[data-wt-surface="home"] .orb,
  body[data-wt-surface="home"] .grid-overlay,
  body[data-wt-page="fortune"] #particleCanvas,
  body[data-wt-page="multi-parser"] .bg-glow,
  body[data-wt-page="douyin-parser"] .bg-glow,
  body[data-wt-page="doubao-parser"] .bg-glow,
  body[data-wt-page="multi-parser"] .bg-container,
  body[data-wt-page="douyin-parser"] .bg-container,
  body[data-wt-page="doubao-parser"] .bg-container {
    display: none !important;
  }
  body[data-wt-surface="home"] .nav.nav-hidden { transform: none !important; }
  body[data-wt-surface="home"] #about,
  body[data-wt-surface="home"] #skills,
  body[data-wt-surface="home"] #projects,
  body[data-wt-surface="home"] #timeline,
  body[data-wt-surface="home"] #contact {
    content-visibility: auto;
    contain-intrinsic-size: auto 680px;
  }
}
body.is-scrolling #meteor-canvas,
body.is-scrolling .bg-glow,
body.is-scrolling .orb { visibility: hidden !important; }
body[data-wt-surface] .music-bar,
body[data-wt-surface] .nav,
body[data-wt-surface] .tool-card,
body[data-wt-surface] .skill-card,
body[data-wt-surface] .project-card {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Toolbox index: a numbered ledger, not icon cards. */
body[data-wt-page="tools"] .page { max-width: 760px !important; }
body[data-wt-page="tools"] .tools-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  counter-reset: ledger;
  border-top: 1px solid rgba(244,234,216,.16);
}
body[data-wt-page="tools"] .tool-card {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) auto;
  column-gap: 12px;
  align-items: center;
  min-height: 84px;
  padding: 16px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-wt-page="tools"] .tool-card::before {
  content: counter(ledger, decimal-leading-zero) !important;
  counter-increment: ledger;
  display: block !important;
  color: #c8a873;
  font: 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  grid-column: 1;
  grid-row: 1 / span 2;
}
body[data-wt-page="tools"] .tool-icon,
body[data-wt-page="tools"] .tool-btn { display: none !important; }
body[data-wt-page="tools"] .tool-title { grid-column: 2; grid-row: 1; margin: 0 !important; }
body[data-wt-page="tools"] .tool-desc {
  grid-column: 2;
  grid-row: 2;
  margin: 4px 0 0 !important;
  -webkit-line-clamp: 1;
}
body[data-wt-page="tools"] .service-status {
  grid-column: 3;
  grid-row: 1 / span 2;
  position: static !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8d867c !important;
  font: 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .14em;
}
body[data-wt-page="tools"] .tool-card.tool-disabled { opacity: .45; }

/* Fourteen-tool workbench: search, category rail, compact names. */
body[data-wt-page="toolbox"] { background: #101114 !important; }
body[data-wt-page="toolbox"] #root { max-width: 980px; margin: 0 auto; padding: 0 16px 48px; }
body[data-wt-page="toolbox"] .nav-bar { position: sticky; top: 0; z-index: 5; background: #101114; border-bottom: 1px solid rgba(244,234,216,.12); }
body[data-wt-page="toolbox"] .search-section { margin: 18px 0 10px; }
body[data-wt-page="toolbox"] .search-input,
body[data-wt-page="toolbox"] input { border-radius: 2px !important; background: #17191d !important; border: 1px solid rgba(244,234,216,.16) !important; color: #f4ead8 !important; }
body[data-wt-page="toolbox"] .category-scroll { display: flex; gap: 8px; overflow: auto; padding-bottom: 12px; }
body[data-wt-page="toolbox"] .category-pill { border-radius: 2px !important; background: transparent !important; border: 1px solid rgba(244,234,216,.16) !important; color: #f4ead8 !important; }
body[data-wt-page="toolbox"] .tools-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; }
@media (min-width: 800px) {
  body[data-wt-page="toolbox"] .tools-grid { grid-template-columns: 1fr 1fr !important; }
}
body[data-wt-page="toolbox"] .tool-card {
  display: grid !important;
  grid-template-columns: 1fr;
  min-height: 72px;
  padding: 14px 12px !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(244,234,216,.1) !important;
  background: transparent !important;
  text-align: left !important;
}
body[data-wt-page="toolbox"] .tool-icon { display: none !important; }
body[data-wt-page="toolbox"] .tool-name { font: 400 18px/1.3 Georgia, "Songti SC", serif !important; color: #f4ead8 !important; }
body[data-wt-page="toolbox"] .tool-detail { border: 1px solid rgba(244,234,216,.14); border-radius: 2px; padding: 16px; background: #14161a; }

/* Conversation studio. */
body[data-wt-page="ai-chat-v2"] { background: #0e0f12 !important; }
body[data-wt-page="ai-chat-v2"] .bg-gradient { display: none !important; }
body[data-wt-page="ai-chat-v2"] .app-container { max-width: 820px; margin: 0 auto; min-height: 100dvh; display: flex; flex-direction: column; }
body[data-wt-page="ai-chat-v2"] header { position: sticky; top: 0; background: #0e0f12 !important; border-bottom: 1px solid rgba(244,234,216,.12) !important; }
body[data-wt-page="ai-chat-v2"] .inputArea { margin-top: auto; background: #121418 !important; border-top: 1px solid rgba(200,168,115,.35) !important; border-radius: 0 !important; }
body[data-wt-page="ai-chat-v2"] .send-btn { border-radius: 2px !important; background: #c8a873 !important; color: #18130d !important; }

/* Reading desk. */
body[data-wt-page="fortune"] { background: #141210 !important; }
body[data-wt-page="fortune"] #particleCanvas { display: none !important; }
body[data-wt-page="fortune"] .container { max-width: 560px !important; }
body[data-wt-page="fortune"] .hero { text-align: left !important; padding-top: 12px; }
body[data-wt-page="fortune"] .hero-icon { display: none !important; }
body[data-wt-page="fortune"] .glass-card { background: transparent !important; border: 0 !important; border-top: 1px solid rgba(244,234,216,.16) !important; border-radius: 0 !important; box-shadow: none !important; }
body[data-wt-page="fortune"] .gender-selector,
body[data-wt-page="fortune"] .focus-grid { display: flex; flex-wrap: wrap; gap: 8px; }
body[data-wt-page="fortune"] .submit-btn { width: 100%; border-radius: 2px !important; background: #c8a873 !important; color: #18130d !important; }

/* Dispatch slip. */
body[data-wt-page="sms"] { background: #101114 !important; }
body[data-wt-page="sms"] .content { max-width: 640px; margin: 0 auto; }
body[data-wt-page="sms"] .form-card,
body[data-wt-page="sms"] .log-card { background: transparent !important; border: 0 !important; border-left: 2px solid #c8a873 !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 16px !important; }
body[data-wt-page="sms"] .send-btn { width: 100%; border-radius: 2px !important; }

/* Extraction benches. Shared bones, different result stages. */
body[data-wt-page="multi-parser"] .container,
body[data-wt-page="douyin-parser"] .container,
body[data-wt-page="doubao-parser"] .container { max-width: 720px; }
body[data-wt-page="multi-parser"] .platform-tags { display: flex; flex-wrap: wrap; gap: 6px; }
body[data-wt-page="multi-parser"] .platform-tag { border-radius: 2px !important; background: transparent !important; border: 1px solid rgba(244,234,216,.16) !important; }
body[data-wt-page="douyin-parser"] .video-card { display: grid !important; grid-template-columns: 120px 1fr; gap: 12px; border-radius: 2px !important; }
body[data-wt-page="doubao-parser"] .result-card,
body[data-wt-page="multi-parser"] .result-card { border-radius: 2px !important; border: 1px solid rgba(244,234,216,.14) !important; background: #14161a !important; }
body[data-wt-page="multi-parser"] .btn-primary,
body[data-wt-page="douyin-parser"] .btn-primary,
body[data-wt-page="doubao-parser"] .btn-primary { background: #c8a873 !important; color: #18130d !important; border-radius: 2px !important; }

/* Terminal bench. */
body[data-wt-page="http-tester"] { background: #0c0d10 !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
body[data-wt-page="http-tester"] .container { max-width: 860px; }
body[data-wt-page="http-tester"] .method-row { display: flex; gap: 0; border: 1px solid rgba(244,234,216,.16); }
body[data-wt-page="http-tester"] .method-btn { flex: 1; border-radius: 0 !important; background: transparent !important; color: #f4ead8 !important; border: 0 !important; }
body[data-wt-page="http-tester"] .method-btn.active { background: #c8a873 !important; color: #18130d !important; }
body[data-wt-page="http-tester"] .result-area,
body[data-wt-page="http-tester"] .result-content { background: #07080a !important; color: #d7ccb6 !important; border-radius: 0 !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }

/* Specimen sheet. */
body[data-wt-page="character-generator"] .container { max-width: 980px; }
body[data-wt-page="character-generator"] .options-card,
body[data-wt-page="character-generator"] .character-card { border-radius: 2px !important; background: #14161a !important; border: 1px solid rgba(244,234,216,.14) !important; }
@media (min-width: 860px) {
  body[data-wt-page="character-generator"] .header + .options-card,
  body[data-wt-page="character-generator"] .char-section { }
}
body[data-wt-page="character-generator"] .generate-btn { width: 100%; border-radius: 2px !important; background: #c8a873 !important; color: #18130d !important; }

/* Install procedure. */
body[data-wt-page="trollstore"] .hero-card { border-radius: 2px !important; background: transparent !important; border: 1px solid rgba(244,234,216,.16) !important; text-align: left !important; }
body[data-wt-page="trollstore"] .hero-icon { display: none !important; }
body[data-wt-page="trollstore"] .card { border-radius: 2px !important; border-left: 2px solid #c8a873 !important; background: transparent !important; }
body[data-wt-page="trollstore"] .btn-primary { width: 100%; border-radius: 2px !important; }

/* Mark studio: preview dominates. */
body[data-wt-page="apple-watermark"] .page { max-width: 880px; }
body[data-wt-page="apple-watermark"] .preview-area { min-height: 220px; border: 1px solid rgba(200,168,115,.4) !important; border-radius: 2px !important; background: #101114 !important; }
body[data-wt-page="apple-watermark"] .upload-area { border-radius: 2px !important; border-style: solid !important; }
body[data-wt-page="apple-watermark"] .device-grid { display: flex !important; gap: 8px; overflow: auto; }
body[data-wt-page="apple-watermark"] .device-item { flex: 0 0 auto; border-radius: 2px !important; }

/* Packing table. */
body[data-wt-page="palletizer"] .container { max-width: 1040px; }
body[data-wt-page="palletizer"] .input-grid,
body[data-wt-page="palletizer"] .solutions-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 10px; }
@media (min-width: 800px) {
  body[data-wt-page="palletizer"] .input-grid { grid-template-columns: 1fr 1fr !important; }
  body[data-wt-page="palletizer"] .solutions-grid { grid-template-columns: 1fr 1fr 1fr !important; }
}
body[data-wt-page="palletizer"] .generate-btn { width: 100%; border-radius: 2px !important; }

/* Inbox. */
body[data-wt-page="temp-mail"] .container { max-width: 720px; }
body[data-wt-page="temp-mail"] .email-card { border-radius: 2px !important; background: #14161a !important; border: 1px solid rgba(200,168,115,.35) !important; }
body[data-wt-page="temp-mail"] .email-text { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 16px !important; }
body[data-wt-page="temp-mail"] .mail-list { border-top: 1px solid rgba(244,234,216,.14); }

/* Code board. */
body[data-wt-page="temp-sms"] .container { max-width: 860px; }
body[data-wt-page="temp-sms"] .stats { display: flex !important; gap: 16px; border-bottom: 1px solid rgba(244,234,216,.14); }
body[data-wt-page="temp-sms"] .stat-card { background: transparent !important; border: 0 !important; box-shadow: none !important; }
body[data-wt-page="temp-sms"] .numbers-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 8px; }
@media (min-width: 800px) {
  body[data-wt-page="temp-sms"] .numbers-grid { grid-template-columns: 1fr 1fr !important; }
}

/* Vault. */
body[data-wt-page="private-disk"] .container { max-width: 760px; }
body[data-wt-page="private-disk"] .login-card { max-width: 420px; margin: 28px auto; border-radius: 2px !important; background: #14161a !important; border: 1px solid rgba(244,234,216,.16) !important; }
body[data-wt-page="private-disk"] .login-btn,
body[data-wt-page="private-disk"] .btn { border-radius: 2px !important; }
body[data-wt-page="private-disk"] .upload-area { border-radius: 2px !important; border-style: solid !important; }

/* Match sheet. Functional controls stay. */
body[data-wt-page="wzry"] .container { max-width: 720px; }
body[data-wt-page="wzry"] .hero-icon { display: none !important; }
body[data-wt-page="wzry"] .glass-card { background: transparent !important; border: 1px solid rgba(244,234,216,.12) !important; border-radius: 2px !important; box-shadow: none !important; }
body[data-wt-page="wzry"] .quick-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; }
body[data-wt-page="wzry"] .quick-btn { border-radius: 2px !important; text-align: left !important; background: #14161a !important; }


/* 20261038 restore the two-button cover; toolbox stays a quiet header link */
@media (max-width: 760px) {
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions {
    grid-template-columns: 1.35fr .85fr !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-hero-actions .btn {
    grid-column: auto;
    width: 100% !important;
  }
  body[data-wt-surface="home"] .atelier-nav-tool {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin: 0 8px 0 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #c8a873 !important;
    font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    letter-spacing: .16em;
    text-decoration: none !important;
  }
}

/* 20261039 loosen the homepage headline. The two Chinese lines were colliding. */
@media (max-width: 760px) {
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-kicker {
    margin: 0 0 6px !important;
    letter-spacing: .12em !important;
    line-height: 1.7 !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity h1 {
    max-width: 9em !important;
    margin: 20px 0 22px !important;
    font-size: clamp(36px, 10.2vw, 48px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.02em !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .hero-desc {
    margin-top: 0 !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    letter-spacing: .01em;
  }
}

/* 20261040 air under the nav, before the homepage text. */
@media (max-width: 760px) {
  body[data-wt-surface="home"] .atelier-preview-page {
    padding-top: calc(108px + env(safe-area-inset-top)) !important;
  }
  body[data-wt-surface="home"] .atelier-preview-parity .atelier-kicker {
    margin-top: 0 !important;
    max-width: none !important;
  }
  body[data-wt-surface="home"] .atelier-nav > .weather-widget {
    top: calc(64px + env(safe-area-inset-top)) !important;
    left: auto !important;
    right: 18px !important;
  }
}


/* 20261042 restore the original lyric size and position. Keep it out of the scrolling document flow. */
body[data-wt-surface="home"] .single-lyrics {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 82px !important;
  width: auto !important;
  max-width: 80vw !important;
  transform: translateX(-50%) !important;
  z-index: 9989 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .5px !important;
  line-height: 1.55 !important;
  text-align: center;
  pointer-events: none;
}
body[data-wt-surface="home"] .single-lyrics:not(.playing) {
  opacity: 0 !important;
}
body[data-wt-surface="home"] {
  padding-bottom: calc(108px + env(safe-area-inset-bottom));
}


/* 20261042 section reset: skills, projects, timeline, contact, admin work surfaces. */
body[data-wt-surface="home"] #skills,
body[data-wt-surface="home"] #projects,
body[data-wt-surface="home"] #timeline,
body[data-wt-surface="home"] #contact {
  padding: 72px 0 28px !important;
}
body[data-wt-surface="home"] #skills .section-title,
body[data-wt-surface="home"] #projects .section-title,
body[data-wt-surface="home"] #timeline .section-title,
body[data-wt-surface="home"] #contact .section-title {
  font: 400 clamp(34px, 6vw, 58px)/1 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="home"] #skills .skills-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  counter-reset: skill;
}
@media (min-width: 860px) {
  body[data-wt-surface="home"] #skills .skills-grid { grid-template-columns: 1fr 1fr !important; }
}
body[data-wt-surface="home"] #skills .skill-card {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px 14px;
  align-items: start;
  margin: 0 !important;
  padding: 22px 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(244,234,216,.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body[data-wt-surface="home"] #skills .skill-icon {
  grid-row: 1 / span 2;
  width: 28px !important;
  height: 28px !important;
  color: #c8a873 !important;
  background: transparent !important;
  border: 0 !important;
}
body[data-wt-surface="home"] #skills .skill-card h3 {
  margin: 0 !important;
  font: 400 26px/1.2 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="home"] #skills .skill-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: #aaa69d !important;
}
body[data-wt-surface="home"] #skills .skill-list li { padding: 2px 0 !important; }
body[data-wt-surface="home"] #projects .projects-swiper { display: none !important; }
body[data-wt-surface="home"] #projects .projects-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 36px !important;
}
body[data-wt-surface="home"] #projects .project-card {
  display: grid !important;
  grid-template-columns: 1fr;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}
body[data-wt-surface="home"] #projects .project-thumb {
  aspect-ratio: 16/9;
  border: 1px solid rgba(244,234,216,.16) !important;
  border-radius: 2px !important;
  overflow: hidden;
  background: #14161a !important;
}
body[data-wt-surface="home"] #projects .project-thumb img { filter: saturate(.8); }
body[data-wt-surface="home"] #projects .thumb-ph {
  display: flex;
  align-items: flex-end;
  padding: 16px !important;
  color: #c8a873 !important;
  font: 12px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .16em;
}
body[data-wt-surface="home"] #projects .thumb-ph span { font-size: 0; }
body[data-wt-surface="home"] #projects .thumb-ph span::after { content: "未公开"; font-size: 12px; }
body[data-wt-surface="home"] #projects .project-card h3 {
  margin: 14px 0 8px !important;
  font: 400 28px/1.25 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="home"] #projects .project-card h3 a { color: #f4ead8 !important; text-decoration: none; }
body[data-wt-surface="home"] #projects .project-tech span {
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(200,168,115,.45);
  color: #c8a873 !important;
  padding: 0 0 2px !important;
  margin-right: 10px;
  font-size: 11px !important;
  letter-spacing: .06em;
}
body[data-wt-surface="home"] #timeline .timeline { position: relative; margin-left: 0 !important; padding-left: 0 !important; }
body[data-wt-surface="home"] #timeline .timeline::before { display: none !important; }
body[data-wt-surface="home"] #timeline .tl-item {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(244,234,216,.14) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-wt-surface="home"] #timeline .tl-item::before,
body[data-wt-surface="home"] #timeline .tl-item::after { display: none !important; }
body[data-wt-surface="home"] #timeline .tl-date {
  color: #c8a873 !important;
  font: 400 22px/1 Georgia, "Songti SC", "Noto Serif SC", serif !important;
  background: transparent !important;
  border: 0 !important;
  padding: 4px 0 0 !important;
}
body[data-wt-surface="home"] #timeline .tl-item h3 {
  margin: 0 0 6px !important;
  font: 400 22px/1.3 Georgia, "Songti SC", "Noto Serif SC", serif !important;
}
body[data-wt-surface="home"] #timeline .tl-item p { margin: 0 !important; color: #aaa69d !important; line-height: 1.7 !important; }
body[data-wt-surface="home"] #contact .contact-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 28px !important;
}
@media (min-width: 860px) {
  body[data-wt-surface="home"] #contact .contact-grid { grid-template-columns: .8fr 1.2fr !important; }
}
body[data-wt-surface="home"] #contact .contact-ic { display: none !important; }
body[data-wt-surface="home"] #contact .contact-item {
  display: block !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(244,234,216,.14) !important;
  background: transparent !important;
}
body[data-wt-surface="home"] #contact .lbl {
  color: #c8a873 !important;
  font: 11px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .16em;
}
body[data-wt-surface="home"] #contact .val,
body[data-wt-surface="home"] #contact .val a { color: #f4ead8 !important; font-size: 18px !important; text-decoration: none; }
body[data-wt-surface="home"] #contact .contact-form {
  background: transparent !important;
  border: 1px solid rgba(244,234,216,.14) !important;
  border-radius: 2px !important;
  padding: 18px !important;
  box-shadow: none !important;
}
body[data-wt-surface="home"] #contact input,
body[data-wt-surface="home"] #contact textarea {
  width: 100%;
  background: #101114 !important;
  border: 1px solid rgba(244,234,216,.16) !important;
  border-radius: 2px !important;
  color: #f4ead8 !important;
  box-shadow: none !important;
}
body[data-wt-surface="home"] #contact button[type="submit"] { width: 100%; }

/* Admin work surfaces. Denser than the public catalog, same material. */
body[data-wt-surface="admin"] {
  background: #0e0f12 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="admin"] .wrap,
body[data-wt-surface="admin"] .container,
body[data-wt-surface="admin"] .page {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
body[data-wt-surface="admin"] .card,
body[data-wt-surface="admin"] .panel,
body[data-wt-surface="admin"] .box,
body[data-wt-surface="admin"] .stat-card {
  background: rgba(244,234,216,.03) !important;
  border: 1px solid rgba(244,234,216,.12) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
body[data-wt-surface="admin"] h1,
body[data-wt-surface="admin"] h2 {
  font-family: Georgia, "Songti SC", "Noto Serif SC", serif !important;
  font-weight: 400 !important;
  letter-spacing: -.03em;
}
body[data-wt-surface="admin"] .btn,
body[data-wt-surface="admin"] button.primary,
body[data-wt-surface="admin"] .btn-primary {
  border-radius: 2px !important;
}
body[data-wt-surface="admin"] table {
  width: 100%;
  border-collapse: collapse;
}
body[data-wt-surface="admin"] th,
body[data-wt-surface="admin"] td {
  border-bottom: 1px solid rgba(244,234,216,.1);
}
@media (max-width: 800px) {
  body[data-wt-surface="admin"] .main-content,
  body[data-wt-surface="admin"] .page-content,
  body[data-wt-surface="admin"] .wrap,
  body[data-wt-surface="admin"] .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* 20261043 timeline text stays in the right column; weather leaves once you scroll. */
body[data-wt-surface="home"] #timeline .tl-item h3,
body[data-wt-surface="home"] #timeline .tl-item p {
  grid-column: 2 !important;
  min-width: 0;
}
body[data-wt-surface="home"] #skills .skill-list li {
  list-style: none !important;
  border: 0 !important;
  background-image: none !important;
}
body[data-wt-surface="home"] #skills .skill-list li::before,
body[data-wt-surface="home"] #skills .skill-list li::after {
  content: none !important;
  display: none !important;
}
body[data-wt-surface="home"] .nav.scrolled .weather-widget {
  opacity: 0 !important;
  pointer-events: none !important;
}


/* 20261045 admin pages: each work surface, not one shared card skin. */
body[data-wt-page="admin_tools"] .container { max-width: 720px; }
body[data-wt-page="admin_tools"] .tool-list { display: flex; flex-direction: column; gap: 0; }
body[data-wt-page="admin_tools"] .tool-item {
  padding: 14px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(244,234,216,.14) !important;
}
body[data-wt-page="admin_tools"] .tool-name { font: 400 20px/1.3 Georgia, "Songti SC", "Noto Serif SC", serif !important; }
body[data-wt-page="admin_kami"] .wrap { max-width: 880px; }
body[data-wt-page="admin_kami"] .stats,
body[data-wt-page="admin_kami"] .top { display: flex; flex-wrap: wrap; gap: 12px; }
body[data-wt-page="admin_kami"] .stat,
body[data-wt-page="admin_kami"] .card {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(244,234,216,.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body[data-wt-page="admin_file_manager"] .container { max-width: 1100px; }
body[data-wt-page="admin_file_manager"] .file-table { width: 100%; font-size: 13px; }
body[data-wt-page="admin_file_manager"] .stat-card {
  background: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(244,234,216,.14) !important;
}
body[data-wt-page="admin_private_disk"] .wrap { max-width: 860px; }
body[data-wt-page="admin_private_disk"] .panel,
body[data-wt-page="admin_private_disk"] .stat {
  background: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(244,234,216,.12) !important;
}
body[data-wt-page="vpn_admin"] .container { max-width: 920px; }
body[data-wt-page="vpn_admin"] .node-item,
body[data-wt-page="vpn_admin"] .card {
  background: transparent !important;
  border-radius: 2px !important;
  border: 1px solid rgba(244,234,216,.12) !important;
  box-shadow: none !important;
}
body[data-wt-page="admin_llm"] .bar {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #0e0f12 !important;
  border-bottom: 1px solid rgba(244,234,216,.12);
}
body[data-wt-page="admin_llm"] .ttl { font: 400 18px/1.2 Georgia, "Songti SC", "Noto Serif SC", serif !important; }


/* FULL SITE CONSISTENCY 20261102 */
body[data-wt-surface] {
  min-height: 100vh;
  overflow-x: hidden;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body[data-wt-surface] :where(.card,.panel,.tool-card,.result-card,.stat-card,.login-card,.login-box,.url-card,.confirm-card,.download-card) {
  border: 1px solid var(--wt-line, rgba(184,211,201,.16));
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}
body[data-wt-surface] :where(input,select,textarea) {
  min-height: 42px;
  border-color: var(--wt-line, rgba(184,211,201,.16));
  color: var(--wt-text, #e7efe9);
  background: color-mix(in srgb, var(--wt-surface, #111b1b) 88%, transparent);
}
body[data-wt-surface] :where(input,select,textarea)::placeholder { color: var(--wt-muted, #9aaea5); }
body[data-wt-surface] :where(button,.btn,[role="button"]) { min-height: 42px; }
body[data-wt-surface] :where(table) { width: 100%; border-collapse: collapse; }
body[data-wt-surface] :where(th,td) { border-bottom: 1px solid var(--wt-line, rgba(184,211,201,.16)); padding: 10px 12px; text-align: left; vertical-align: top; }
body[data-wt-surface] :where(th) { color: var(--wt-muted, #9aaea5); font-size: .78rem; font-weight: 600; letter-spacing: .04em; }
body[data-wt-surface] :where(.table-wrap,.table-responsive) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
body[data-wt-surface="admin"] :where(.top-nav,.topbar,.sidebar,.admin-header) { border-color: rgba(240,202,115,.18); }
body[data-wt-surface="admin"] :where(.btn-primary,.primary,.save-btn) { background: #d0a957; color: #1a1308; }
body[data-wt-surface="admin"] :where(.btn-primary,.primary,.save-btn):hover { background: #f0ca73; }
body[data-wt-surface="tool"] :where(.tool-card,.card,.panel) { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
body[data-wt-surface="tool"] :where(.tool-card,.card,.panel):hover { transform: translateY(-2px); border-color: rgba(126,201,167,.34); }
body[data-wt-surface="chat"] :where(.chat-shell,.chat-container,.message-list,.composer) { max-width: 1120px; margin-inline: auto; }
@media (max-width: 760px) {
  body[data-wt-surface] :where(.container,.wrap,.page,.app-container,.main-content) { width: 100%; max-width: none; padding-inline: 16px; }
  body[data-wt-surface] :where(.top-nav,.nav,.header,.app-header) { min-height: 56px; gap: 10px; }
  body[data-wt-surface] :where(.grid,.cards,.stats-row,.form-row) { grid-template-columns: 1fr !important; }
  body[data-wt-surface] :where(.actions,.toolbar,.url-actions) { flex-wrap: wrap; }
  body[data-wt-surface] :where(button,.btn,[role="button"]) { min-height: 44px; }
  body[data-wt-surface] :where(h1) { font-size: clamp(1.55rem, 7vw, 2.25rem); }
  body[data-wt-surface] :where(h2) { font-size: clamp(1.2rem, 5vw, 1.6rem); }
}
@media (prefers-reduced-motion: reduce) {
  body[data-wt-surface] *, body[data-wt-surface] *::before, body[data-wt-surface] *::after { animation: none !important; transition: none !important; }
}


/* DIGITAL ATELIER MATERIAL STUDIES 20261102 */
body[data-wt-surface] {
  --wt-paper: #f4ead8;
  --wt-red: #b85c45;
  --wt-glass: rgba(244,234,216,.045);
  background-image:
    radial-gradient(circle at 8% 0%, rgba(126,201,167,.08), transparent 30rem),
    radial-gradient(circle at 92% 100%, rgba(226,183,123,.07), transparent 28rem);
}
body[data-wt-surface]::selection { background: rgba(226,183,123,.35); color: #fff; }
body[data-wt-surface] :where(.card,.panel,.tool-card,.result-card,.stat-card,.login-card,.url-card) {
  position: relative;
  isolation: isolate;
}
body[data-wt-surface] :where(.card,.panel,.tool-card,.result-card,.stat-card,.login-card,.url-card)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.045), transparent 34%);
  opacity: .45;
  z-index: -1;
}
body[data-wt-surface] :where(.btn,.button,button,[role="button"]) {
  letter-spacing: .01em;
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
}
body[data-wt-surface] :where(.btn,.button,button,[role="button"]):active { transform: translateY(1px); }
body[data-wt-surface] :where(.btn-primary,.primary,.save-btn,.generate-btn):focus-visible {
  box-shadow: 0 0 0 3px rgba(226,183,123,.18), 0 10px 24px rgba(0,0,0,.18);
}
body[data-wt-surface="home"] {
  --wt-bg: #090e0d;
  --wt-surface: #111916;
  --wt-line: rgba(244,234,216,.17);
}
body[data-wt-surface="home"] .section-tag,
body[data-wt-surface="home"] .hero-badge,
body[data-wt-surface="home"] .atelier-label {
  font-family: var(--wt-mono);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
}
body[data-wt-surface="home"] .atelier-section,
body[data-wt-surface="home"] #about,
body[data-wt-surface="home"] #skills,
body[data-wt-surface="home"] #projects,
body[data-wt-surface="home"] #timeline,
body[data-wt-surface="home"] #contact { position: relative; }
body[data-wt-surface="home"] .atelier-section::before,
body[data-wt-surface="home"] #about::before,
body[data-wt-surface="home"] #skills::before,
body[data-wt-surface="home"] #projects::before,
body[data-wt-surface="home"] #timeline::before,
body[data-wt-surface="home"] #contact::before {
  content: "";
  position: absolute;
  left: clamp(16px, 5vw, 76px);
  right: clamp(16px, 5vw, 76px);
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,234,216,.17), transparent);
}
body[data-wt-surface="home"] .atelier-now-card,
body[data-wt-surface="home"] .atelier-method-item,
body[data-wt-surface="home"] .atelier-experiment-card,
body[data-wt-surface="home"] .atelier-work-card {
  background: linear-gradient(145deg, rgba(244,234,216,.05), rgba(244,234,216,.015)) !important;
  border-color: rgba(244,234,216,.16) !important;
  border-radius: 2px !important;
}
body[data-wt-surface="admin"] {
  --wt-bg: #0c0d0f;
  --wt-surface: #14171a;
  --wt-line: rgba(240,202,115,.18);
  background-image: radial-gradient(circle at 100% 0%, rgba(184,92,69,.08), transparent 26rem);
}
body[data-wt-surface="admin"] .top-nav,
body[data-wt-surface="admin"] .sidebar,
body[data-wt-surface="admin"] .bar {
  backdrop-filter: blur(18px) saturate(120%);
}
body[data-wt-surface="admin"] :where(.panel,.card,.stat-card) h2::before,
body[data-wt-surface="admin"] :where(.panel,.card,.stat-card) h3::before {
  content: "//";
  color: #d0a957;
  font: 11px var(--wt-mono);
  margin-right: 8px;
  opacity: .72;
}
body[data-wt-surface="admin"] :where(.notice,.alert,.flash,.message) { border-left: 2px solid #d0a957; border-radius: 0 8px 8px 0; }
body[data-wt-surface="tool"] {
  --wt-bg: #0b1010;
  --wt-surface: #121d1c;
  --wt-line: rgba(126,201,167,.18);
}
body[data-wt-surface="tool"] .tool-card,
body[data-wt-surface="tool"] .card,
body[data-wt-surface="tool"] .panel {
  border-radius: 4px !important;
}
body[data-wt-surface="tool"] .tool-card .tool-icon,
body[data-wt-surface="tool"] .tool-card .icon,
body[data-wt-surface="tool"] .tool-card svg { filter: saturate(.65); }
body[data-wt-surface="game"] {
  --wt-bg: #11100d;
  --wt-line: rgba(240,202,115,.2);
  background-image: radial-gradient(circle at 12% 0%, rgba(240,202,115,.09), transparent 24rem), radial-gradient(circle at 90% 90%, rgba(184,92,69,.08), transparent 24rem);
}
body[data-wt-surface="game"] .nav-bar,
body[data-wt-surface="game"] header { border-bottom-color: rgba(240,202,115,.2); }
body[data-wt-surface="game"] :where(.glass-card,.room-card,.card,.panel) { border-radius: 10px !important; }
body[data-wt-surface="utility"] {
  --wt-bg: #0c1111;
  --wt-surface: #14201f;
  --wt-line: rgba(226,183,123,.18);
}
body[data-wt-surface="utility"] :where(.empty-state,.empty,.no-data) { color: var(--wt-muted); padding-block: 40px; text-align: center; }
body[data-wt-surface] :where(.loading,.is-loading,[aria-busy="true"]) { cursor: progress; }
body[data-wt-surface] :where(.error,.alert-error,.status-error) { border-color: rgba(184,92,69,.44) !important; background: rgba(184,92,69,.08) !important; }
body[data-wt-surface] :where(.success,.alert-success,.status-success) { border-color: rgba(126,201,167,.38) !important; background: rgba(126,201,167,.08) !important; }
@media (max-width: 560px) {
  body[data-wt-surface="home"] .atelier-section::before,
  body[data-wt-surface="home"] #about::before,
  body[data-wt-surface="home"] #skills::before,
  body[data-wt-surface="home"] #projects::before,
  body[data-wt-surface="home"] #timeline::before,
  body[data-wt-surface="home"] #contact::before { left: 16px; right: 16px; }
  body[data-wt-surface="admin"] :where(.panel,.card,.stat-card) h2::before,
  body[data-wt-surface="admin"] :where(.panel,.card,.stat-card) h3::before { margin-right: 5px; }
}


/* TOOLBOX ARTIFACT RECONSTRUCTION 20261102 */
/* 覆盖 tools/index.html 构建产物的浅色主题，让工具箱内部也进入统一的黑曜工作台。 */
body[data-wt-surface="tool"] {
  --clr-bg: #0a1010 !important;
  --clr-surface: #121d1c !important;
  --clr-border: rgba(224, 196, 137, .18) !important;
  --clr-brand: #d6b875 !important;
  --clr-brand-dark: #f0cf7d !important;
  --clr-brand-lt: rgba(214,184,117,.12) !important;
  --clr-accent: #9bcfb0 !important;
  --clr-text-1: #f4ead8 !important;
  --clr-text-2: #a9b8b0 !important;
  --clr-text-3: #74857c !important;
  background: #0a1010 !important;
  color: #f4ead8 !important;
}
body[data-wt-surface="tool"] #root { background: #0a1010 !important; }
body[data-wt-surface="tool"] :where(.site-header,.header-inner,.mobile-menu) {
  background: rgba(10,16,16,.92) !important;
  border-color: rgba(214,184,117,.18) !important;
  color: #f4ead8 !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.22) !important;
}
body[data-wt-surface="tool"] :where(.logo,.logo-text,.nav-link,.mobile-link,.mobile-tool-link) { color: #f4ead8 !important; }
body[data-wt-surface="tool"] :where(.logo-text strong,.nav-link:hover,.nav-link.active,.mobile-link:hover,.mobile-link.active) { color: #f0cf7d !important; }
body[data-wt-surface="tool"] :where(.hero-section,.tool-page,.privacy-wrap,.contact-page,.blog-page) { background: transparent !important; }
body[data-wt-surface="tool"] :where(.hero-badge,.badge-brand) { background: rgba(214,184,117,.12) !important; border-color: rgba(214,184,117,.36) !important; color: #f0cf7d !important; }
body[data-wt-surface="tool"] :where(.hero-title,.gradient-text,.section-title,.blog-header h1,.contact-header h1) { color: #f4ead8 !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
body[data-wt-surface="tool"] :where(.hero-sub,.tool-page-desc,.section-sub,.why-card p,.post-excerpt,.privacy-wrap p,.contact-subtitle,.form-desc) { color: #a9b8b0 !important; }
body[data-wt-surface="tool"] :where(.stats-row,.tool-grid-card,.why-card,.popular-card,.faq-item,.info-card,.contact-form,.post-card,.card,.tool-feature-item,.related-tool-box) {
  background: rgba(18,29,28,.94) !important;
  border-color: rgba(214,184,117,.18) !important;
  color: #f4ead8 !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}
body[data-wt-surface="tool"] :where(.stat-item) { border-color: rgba(214,184,117,.14) !important; }
body[data-wt-surface="tool"] :where(.stat-value,.popular-name,.why-card h3,.post-card h2,.info-card h3,.contact-form h2,.tool-page-title) { color: #f4ead8 !important; }
body[data-wt-surface="tool"] :where(.stat-label,.popular-arrow,.post-meta,.footer-tagline,.footer-col-title,.footer-bottom,.privacy-wrap .updated) { color: #74857c !important; }
body[data-wt-surface="tool"] :where(.tool-card,.popular-card,.why-card,.post-card,.info-card,.contact-form) { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important; }
body[data-wt-surface="tool"] :where(.tool-card,.popular-card,.why-card,.post-card,.info-card,.contact-form):hover { transform: translateY(-3px) !important; border-color: rgba(240,207,125,.48) !important; box-shadow: 0 24px 48px rgba(0,0,0,.3) !important; }
body[data-wt-surface="tool"] :where(.search-input,.form-input,.form-select,.form-textarea,input,textarea,select) {
  background: rgba(6,12,12,.76) !important; color: #f4ead8 !important; border-color: rgba(214,184,117,.22) !important;
}
body[data-wt-surface="tool"] :where(.search-input,.form-input,.form-select,.form-textarea,input,textarea,select):focus { border-color: #d6b875 !important; box-shadow: 0 0 0 3px rgba(214,184,117,.14) !important; }
body[data-wt-surface="tool"] :where(.pill-tab,.btn-outline,.btn-ghost) { background: rgba(255,255,255,.04) !important; color: #c9d5ce !important; border-color: rgba(214,184,117,.2) !important; }
body[data-wt-surface="tool"] :where(.pill-tab.active,.btn-primary,.submit-btn,.use-tool-btn) { background: #d6b875 !important; color: #171208 !important; border-color: transparent !important; box-shadow: 0 10px 24px rgba(214,184,117,.16) !important; }
body[data-wt-surface="tool"] :where(.pill-tab:hover,.btn-outline:hover,.btn-ghost:hover) { color: #f0cf7d !important; border-color: #d6b875 !important; background: rgba(214,184,117,.1) !important; }
body[data-wt-surface="tool"] :where(.site-footer) { background: #080d0d !important; border-top: 1px solid rgba(214,184,117,.18) !important; }
body[data-wt-surface="tool"] :where(.footer-brand .logo-text,.footer-col a,.footer-bottom-links a) { color: #c9d5ce !important; }
body[data-wt-surface="tool"] :where(.tool-icon,.tool-header-icon,.tool-page-icon,.popular-icon,.why-icon) { filter: saturate(.8) sepia(.15); }
@media (max-width: 640px) {
  body[data-wt-surface="tool"] :where(.hero-section) { padding: 42px 0 30px !important; }
  body[data-wt-surface="tool"] :where(.hero-title) { font-size: 2rem !important; }
  body[data-wt-surface="tool"] :where(.stats-row) { border-radius: 14px !important; }
  body[data-wt-surface="tool"] :where(.tool-card,.why-card,.popular-card,.post-card,.info-card,.contact-form) { border-radius: 14px !important; }
}


/* CONTROL ROOM V3 · BACKOFFICE ART DIRECTION 20261102 */
body[data-wt-surface="admin"] {
  --admin-bg: #0b1010;
  --admin-panel: #121a19;
  --admin-panel-2: #172320;
  --admin-line: rgba(235, 214, 168, .17);
  --admin-ink: #f4ead8;
  --admin-muted: #9ea89e;
  --admin-accent: #d8b36a;
  --admin-accent-strong: #f0cd7d;
  --admin-danger: #de8a7b;
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 0%, rgba(216,179,106,.08), transparent 30rem),
    radial-gradient(circle at 100% 90%, rgba(180,73,48,.08), transparent 34rem),
    var(--admin-bg);
  color: var(--admin-ink);
}
body[data-wt-surface="admin"] :where(.top-nav,.topbar,.top,.bar,.top-bar,.header,.app-header) {
  background: rgba(11,16,16,.88) !important;
  border-color: var(--admin-line) !important;
  box-shadow: 0 1px 0 rgba(244,234,216,.05), 0 18px 50px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(18px);
}
body[data-wt-surface="admin"] :where(.sidebar,.side-nav,.nav-sidebar) {
  background: rgba(14,20,19,.96) !important;
  border-color: var(--admin-line) !important;
  box-shadow: 12px 0 40px rgba(0,0,0,.12) !important;
}
body[data-wt-surface="admin"] :where(.card,.panel,.stat,.stat-card,.tool-item,.node-item,.login-card,.login-box,.table-wrap,.content-card,.module-card) {
  background: linear-gradient(145deg, rgba(25,35,32,.96), rgba(16,23,22,.96)) !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body[data-wt-surface="admin"] :where(h1,h2,h3,.title,.page-title,.ttl,.logo) {
  color: var(--admin-ink) !important;
  font-family: Georgia, "Songti SC", "Noto Serif SC", serif !important;
  font-weight: 500 !important;
  letter-spacing: -.015em;
}
body[data-wt-surface="admin"] :where(.eyebrow,.kicker,.muted,.hint,.sub,.description,.meta,.text-muted) {
  color: var(--admin-muted) !important;
}
body[data-wt-surface="admin"] :where(input,select,textarea) {
  color: var(--admin-ink) !important;
  background: rgba(5,10,10,.45) !important;
  border: 1px solid rgba(235,214,168,.2) !important;
  border-radius: 7px !important;
  min-height: 42px;
}
body[data-wt-surface="admin"] :where(input,select,textarea):focus {
  border-color: var(--admin-accent) !important;
  box-shadow: 0 0 0 3px rgba(216,179,106,.12) !important;
  outline: none !important;
}
body[data-wt-surface="admin"] :where(button,.btn,[role="button"]) {
  border-radius: 7px !important;
  min-height: 40px;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
body[data-wt-surface="admin"] :where(button:hover,.btn:hover,[role="button"]:hover) {
  transform: translateY(-1px);
}
body[data-wt-surface="admin"] :where(.btn-primary,.primary,.save-btn,.submit-btn,.action-primary) {
  background: linear-gradient(135deg, var(--admin-accent), var(--admin-accent-strong)) !important;
  border-color: var(--admin-accent) !important;
  color: #1a1308 !important;
  box-shadow: 0 8px 22px rgba(216,179,106,.16) !important;
}
body[data-wt-surface="admin"] :where(.btn-danger,.danger,.delete-btn) {
  color: var(--admin-danger) !important;
  border-color: rgba(222,138,123,.36) !important;
  background: rgba(222,138,123,.07) !important;
}
body[data-wt-surface="admin"] :where(table) { border-color: var(--admin-line); }
body[data-wt-surface="admin"] :where(th) {
  color: var(--admin-muted) !important;
  background: rgba(216,179,106,.06) !important;
  border-color: var(--admin-line) !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
}
body[data-wt-surface="admin"] :where(td) {
  color: var(--admin-ink) !important;
  border-color: rgba(235,214,168,.1) !important;
}
body[data-wt-surface="admin"] :where(tr:hover td) { background: rgba(216,179,106,.045) !important; }
body[data-wt-surface="admin"] :where(.alert,.notice,.message,.success,.error) {
  border-radius: 8px !important;
  border-color: var(--admin-line) !important;
  background: rgba(216,179,106,.08) !important;
  color: var(--admin-ink) !important;
}
body[data-wt-surface="admin"] :where(.error,.alert-error) {
  border-color: rgba(222,138,123,.35) !important;
  background: rgba(222,138,123,.09) !important;
}
body[data-wt-surface="admin"] :where(.badge,.status,.tag) {
  border-radius: 999px !important;
  border: 1px solid rgba(216,179,106,.22) !important;
  background: rgba(216,179,106,.08) !important;
  color: var(--admin-accent-strong) !important;
}
body[data-wt-surface="admin"] :where(.login-page,.login-screen) {
  background:
    linear-gradient(rgba(11,16,16,.78),rgba(11,16,16,.94)),
    radial-gradient(circle at 50% 0%, rgba(216,179,106,.14), transparent 36rem) !important;
}
body[data-wt-surface="admin"] :where(.login-card,.login-box) { max-width: 460px; padding: clamp(26px,5vw,52px) !important; }
body[data-wt-surface="admin"] :where(.login-card)::before,
body[data-wt-surface="admin"] :where(.login-box)::before {
  content: "CONTROL ROOM / AUTHORIZED ACCESS";
  display: block;
  color: var(--admin-accent);
  font: 10px/1.3 ui-monospace, Consolas, monospace;
  letter-spacing: .16em;
  margin-bottom: 20px;
}
body[data-wt-surface="admin"] :where(.empty,.empty-state,.no-data) {
  padding: 64px 20px !important;
  color: var(--admin-muted) !important;
  border: 1px dashed rgba(235,214,168,.2) !important;
  background: rgba(216,179,106,.025) !important;
  border-radius: 10px !important;
  text-align: center;
}
body[data-wt-surface="admin"] :where(.modal,.dialog,.drawer) { color: var(--admin-ink); }
@media (max-width: 760px) {
  body[data-wt-surface="admin"] :where(.workspace,.container,.wrap,.main-content) { padding-inline: 16px !important; }
  body[data-wt-surface="admin"] :where(.grid,.cards,.stats-row,.form-row) { grid-template-columns: 1fr !important; }
  body[data-wt-surface="admin"] :where(.toolbar,.actions,.header-actions) { gap: 8px; flex-wrap: wrap; }
  body[data-wt-surface="admin"] :where(.table-wrap) { overflow-x: auto; }
}


/* ALL PAGES ARTIFACT SURFACES 20261102 */
/* 非首页页面也使用同一套“展厅工作台”材质，避免工具/聊天/网盘/错误页各自为政。 */
body[data-wt-surface="chat"] {
  --wt-bg: #0b1010; --wt-surface: #14201f; --wt-surface-2: #1a2926;
  background-image: radial-gradient(circle at 12% 0%, rgba(126,201,167,.10), transparent 26rem), radial-gradient(circle at 90% 100%, rgba(226,183,123,.08), transparent 24rem);
}
body[data-wt-surface="chat"] :where(.chat-container,.chat-shell,.fortune-box,.email-card,.sms-item,.sms-modal,.form-card,.card) {
  background: linear-gradient(145deg, rgba(244,234,216,.065), rgba(244,234,216,.018)) !important;
  border: 1px solid rgba(244,234,216,.15) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.24) !important;
}
body[data-wt-surface="chat"] :where(.chat-nav,.nav-bar,.top-bar,.header) {
  background: rgba(9,14,13,.84) !important;
  border-bottom: 1px solid rgba(244,234,216,.16) !important;
  backdrop-filter: blur(18px) saturate(120%);
}
body[data-wt-surface="chat"] :where(.chat-title,.nav-title,.top-title,h1,h2) { color: #f4ead8 !important; letter-spacing: .015em; }
body[data-wt-surface="chat"] :where(.chat-bubble,.message,.mail-item,.sms-item) { border-left: 2px solid rgba(126,201,167,.42); }
body[data-wt-surface="chat"] :where(.send-btn,.chat-send-btn,.primary,.btn-primary) { background: #d6b875 !important; color: #171208 !important; }
body[data-wt-surface="chat"] :where(.send-btn,.chat-send-btn,.primary,.btn-primary):hover { background: #f0cf7d !important; }
body[data-wt-surface="chat"] :where(.loading-container,.loading,.empty-state,.error-message) { min-height: 120px; display: grid; place-items: center; color: #9caf9f; }
body[data-wt-surface="utility"] {
  --wt-bg: #0c1111; --wt-surface: #14201f; --wt-surface-2: #192725;
  background-image: radial-gradient(circle at 8% 0%, rgba(226,183,123,.09), transparent 28rem), radial-gradient(circle at 92% 92%, rgba(126,201,167,.06), transparent 24rem);
}
body[data-wt-surface="utility"] :where(.app-container,.app-main,.container,.wrap,.download-card,.error-card,.confirm-card,.login-card,.card) { position: relative; }
body[data-wt-surface="utility"] :where(.app-header,.header,.toolbar,.top-bar) {
  border-bottom: 1px solid rgba(226,183,123,.17) !important;
  background: rgba(12,17,17,.84) !important;
  backdrop-filter: blur(18px) saturate(120%);
}
body[data-wt-surface="utility"] :where(.app-header h1,.header h1,.top-title,.error-title,.download-card h1) { color: #f4ead8 !important; letter-spacing: .02em; }
body[data-wt-surface="utility"] :where(.file-item,.url-card,.download-card,.error-card,.confirm-card,.login-card,.card) {
  background: linear-gradient(145deg, rgba(244,234,216,.055), rgba(244,234,216,.016)) !important;
  border-color: rgba(226,183,123,.17) !important;
}
body[data-wt-surface="utility"] :where(.file-btn,.btn-primary,.download-btn,.login-btn) { background: #d6b875 !important; color: #171208 !important; }
body[data-wt-surface="utility"] :where(.file-btn,.btn-primary,.download-btn,.login-btn):hover { background: #f0cf7d !important; }
body[data-wt-surface="utility"] :where(.empty-state,.empty,.error-card) { min-height: 140px; }
body[data-wt-surface="utility"] .security-note { border-left: 2px solid #b85c45 !important; border-radius: 0 10px 10px 0 !important; }
body[data-wt-surface="utility"] .error-code { color: #d6b875 !important; text-shadow: 0 0 28px rgba(214,184,117,.18); }
body[data-wt-surface="game"] :where(.container,.nav-bar,.glass-card,.room-card,.countdown-card,.qr-card,.room-info) { border-color: rgba(240,202,115,.22) !important; }
body[data-wt-surface="game"] :where(.room-card,.glass-card,.countdown-card,.qr-card) { box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035) !important; }
body[data-wt-surface="game"] :where(.hero h1,.nav-title,.stat-number,.countdown-time) { color: #f0cf7d !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
body[data-wt-surface="game"] :where(.btn-primary,.create-btn,.join-btn) { background: #d6b875 !important; color: #171208 !important; }
body[data-wt-surface="game"] :where(.btn-primary,.create-btn,.join-btn):hover { background: #f0cf7d !important; }
@media (max-width: 640px) {
  body[data-wt-surface="chat"] :where(.chat-container,.chat-shell,.fortune-box,.email-card,.sms-item,.form-card),
  body[data-wt-surface="utility"] :where(.app-main,.container,.wrap,.download-card,.error-card,.confirm-card,.login-card) { border-radius: 12px !important; }
  body[data-wt-surface="chat"] :where(.chat-input-area,.chat-input-row,.form-row),
  body[data-wt-surface="utility"] :where(.action-bar,.toolbar-actions,.file-actions,.url-actions) { gap: 8px; flex-wrap: wrap; }
}


/* HOMEPAGE MUSIC DOCK RECONSTRUCTION 20261102 */
/* 播放栏与歌词独立成一个固定 dock，滚动正文时不再被 section/卡片盖住。 */
body[data-wt-surface="home"] {
  --wt-music-dock-gap: 10px;
  padding-bottom: calc(132px + env(safe-area-inset-bottom)) !important;
}
body[data-wt-surface="home"] .music-bar {
  left: 50% !important;
  right: auto !important;
  bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  width: min(640px, calc(100vw - 40px)) !important;
  min-height: 58px !important;
  max-width: calc(100vw - 20px) !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: 30px 34px 34px minmax(0, 1fr) auto 34px !important;
  align-items: center !important;
  gap: var(--wt-music-dock-gap) !important;
  padding: 9px 12px !important;
  z-index: 10060 !important;
  isolation: isolate;
  box-sizing: border-box !important;
}
body[data-wt-surface="home"] .music-bar.hidden { transform: translate(-50%, 20px) !important; }
body[data-wt-surface="home"] .music-bar .mb-info { min-width: 0 !important; max-width: none !important; width: auto !important; }
body[data-wt-surface="home"] .music-bar .mb-title { min-width: 0 !important; max-width: 100% !important; }
body[data-wt-surface="home"] .music-bar .mb-time { font-size: 10px !important; white-space: nowrap !important; }
body[data-wt-surface="home"] .music-bar .mb-list { width: 34px !important; height: 34px !important; }
body[data-wt-surface="home"] .single-lyrics {
  left: 50% !important;
  right: auto !important;
  bottom: calc(84px + env(safe-area-inset-bottom)) !important;
  width: min(720px, calc(100vw - 40px)) !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 22px !important;
  z-index: 10055 !important;
  padding: 4px 14px !important;
  border: 1px solid rgba(214,184,117,.22) !important;
  border-radius: 999px !important;
  background: rgba(10,16,16,.78) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.24) !important;
  pointer-events: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transform: translateX(-50%) !important;
  isolation: isolate;
}
body[data-wt-surface="home"] .single-lyrics.playing { opacity: 1 !important; }
body[data-wt-surface="home"] .music-list {
  bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  z-index: 10070 !important;
}
@media (max-width: 560px) {
  body[data-wt-surface="home"] { padding-bottom: calc(122px + env(safe-area-inset-bottom)) !important; }
  body[data-wt-surface="home"] .music-bar {
    width: calc(100vw - 20px) !important;
    min-height: 56px !important;
    grid-template-columns: 20px 30px 30px minmax(0, 1fr) 30px !important;
    gap: 5px !important;
    padding: 8px 9px !important;
    border-radius: 16px !important;
  }
  body[data-wt-surface="home"] .music-bar .mb-visual { width: 20px !important; height: 20px !important; }
  body[data-wt-surface="home"] .music-bar .mb-btn { width: 30px !important; height: 30px !important; }
  body[data-wt-surface="home"] .music-bar .mb-btn.mb-play { width: 34px !important; height: 34px !important; }
  body[data-wt-surface="home"] .music-bar .mb-list { width: 30px !important; height: 30px !important; }
  body[data-wt-surface="home"] .music-bar .mb-time { display: none !important; }
  body[data-wt-surface="home"] .single-lyrics {
    bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    font-size: 12px !important;
    padding: 3px 10px !important;
  }
  body[data-wt-surface="home"] .music-list {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(74px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    z-index: 10070 !important;
  }
}


/* HOMEPAGE MUSIC DOCK COMPACT WIDTH 20261102 */
/* Keep the dock a compact control, not a full-width banner. */
body[data-wt-surface="home"] .music-bar {
  width: min(460px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}
@media (max-width: 560px) {
  body[data-wt-surface="home"] .music-bar {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }
}