/* =========================================================
   阿呱 · 主题 A
   轻新中式：月白 / 墨 / 朱砂 / 青玉
   默认加载；?theme=classic 可回看旧皮肤。
   ========================================================= */

:root[data-theme="a"] {
  --paper: #f7f3ea;
  --paper-soft: #fcf9f3;
  --paper-deep: #ece5d7;
  --ink: #1f1c18;
  --ink-soft: #514a40;
  --ink-mute: #7a7164;
  --red: #c64b3b;
  --red-deep: #a6382c;
  --gold: #4e7567;
  --gold-soft: #b4cdc0;
  --line: rgba(31, 28, 24, 0.12);
  --line-soft: rgba(31, 28, 24, 0.065);
  --dark: #161816;
  --dark-2: #1b1e1b;
  --dark-line: rgba(181, 211, 196, 0.14);
  --paper-on-dark: #f1ece2;
  --mute-on-dark: #abad9f;
  --gold-on-dark: #a9c6b7;
  --jade: #4e7567;
  --jade-soft: #b4cdc0;
  --mist: #7897a4;
  --shadow-panel: 0 24px 64px rgba(37, 32, 24, 0.09), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
}

[data-theme="a"] body {
  background:
    radial-gradient(1100px 640px at 12% -4%, #fcfaf5 0%, rgba(252, 250, 245, 0) 64%),
    linear-gradient(180deg, #f8f4ec 0%, #f2ecdf 100%);
}

[data-theme="a"] .paper-noise { opacity: 0.11; }
[data-theme="a"] ::selection { background: rgba(198, 75, 59, 0.9); color: #fff9f1; }
[data-theme="a"] ::-webkit-scrollbar-track { background: rgba(31, 28, 24, 0.035); }
[data-theme="a"] ::-webkit-scrollbar-thumb { background: rgba(111, 151, 136, 0.36); border-color: var(--paper); }

/* Header */
[data-theme="a"] .site-header {
  background: rgba(250, 247, 241, 0.76);
  border-bottom: 1px solid transparent;
}
[data-theme="a"] .site-header.is-scrolled {
  background: rgba(250, 247, 241, 0.93);
  border-bottom-color: rgba(31, 28, 24, 0.07);
  box-shadow: 0 1px 0 rgba(44, 37, 27, 0.04);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
[data-theme="a"] .site-header.is-on-dark,
[data-theme="a"] .site-header.is-on-dark.is-scrolled {
  background: rgba(20, 23, 21, 0.94);
  border-bottom-color: rgba(181, 211, 196, 0.1);
}
[data-theme="a"] .brand-seal {
  border-radius: 10px;
  transform: none;
  background: var(--red);
  box-shadow: inset 0 0 0 1px rgba(255, 246, 233, 0.34), 0 5px 14px rgba(166, 56, 44, 0.2);
}
[data-theme="a"] .brand-type strong { font-size: 22px; letter-spacing: 0.08em; }
[data-theme="a"] .brand-type small { color: var(--jade); letter-spacing: 0.24em; }
[data-theme="a"] .site-nav a,
[data-theme="a"] .nav-history { color: var(--ink-soft); letter-spacing: 0.2em; }
[data-theme="a"] .nav-history:hover,
[data-theme="a"] .site-nav a:hover { color: var(--red); }

/* Hero */
[data-theme="a"] .blob-a { background: radial-gradient(circle at 46% 46%, rgba(111, 151, 136, 0.24), rgba(111, 151, 136, 0) 66%); }
[data-theme="a"] .blob-b { background: radial-gradient(circle at 50% 50%, rgba(120, 151, 164, 0.17), rgba(120, 151, 164, 0) 70%); }
[data-theme="a"] .blob-c { background: radial-gradient(circle at 50% 50%, rgba(198, 75, 59, 0.1), rgba(198, 75, 59, 0) 72%); }
[data-theme="a"] .hero-char { color: rgba(31, 28, 24, 0.032); }
[data-theme="a"] .hero-hairline { background: linear-gradient(180deg, transparent, rgba(31, 28, 24, 0.1), transparent); }
[data-theme="a"] .dust { background: var(--jade); box-shadow: 0 0 14px rgba(111, 151, 136, 0.45); }
[data-theme="a"] .hero-lead {
  max-width: 560px;
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.01em;
  color: var(--ink-soft);
}
[data-theme="a"] .hero-signature { font-family: var(--sans); font-size: 11px; letter-spacing: 0.06em; }
[data-theme="a"] .hero-meta { border-top-color: var(--line); }
[data-theme="a"] .hero-meta-item i { color: var(--jade); }
[data-theme="a"] .hero-meta-item b { color: var(--ink-soft); }
[data-theme="a"] .eyebrow { color: var(--ink-mute); }
[data-theme="a"] .eyebrow-rule { background: var(--red); }
[data-theme="a"] .hero-title em::after { opacity: 0.2; }
[data-theme="a"] .art-seal { color: var(--red); border-color: rgba(198, 75, 59, 0.45); }
[data-theme="a"] .art-caption b { letter-spacing: 0.12em; }
[data-theme="a"] .bagua-item.is-accent .bg-name,
[data-theme="a"] .bagua-item.is-accent .bg-bar span { color: var(--red); background-color: var(--red); }
[data-theme="a"] .bg-bar span { background: rgba(31, 28, 24, 0.58); }
[data-theme="a"] .art-caption span { color: var(--ink-mute); }

/* Cast panel */
[data-theme="a"] .cast-panel {
  border: 1px solid rgba(31, 28, 24, 0.085);
  border-radius: 20px;
  background: rgba(255, 252, 246, 0.78);
  box-shadow: 0 22px 58px rgba(42, 34, 24, 0.09), 0 1px 0 rgba(255, 255, 255, 0.72) inset;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
[data-theme="a"] .cast-panel::before,
[data-theme="a"] .corner { display: none; }
[data-theme="a"] .panel-head { border-bottom-color: var(--line); }
[data-theme="a"] .live-clock-time { color: var(--ink); }
[data-theme="a"] .live-clock small { color: var(--ink-mute); }
[data-theme="a"] #questionInput { border-bottom-color: var(--line); }
[data-theme="a"] #questionInput:focus { border-color: var(--red); }
[data-theme="a"] .field-label { color: var(--ink-soft); }
[data-theme="a"] .field-label span { color: var(--ink-mute); }
[data-theme="a"] .quick-label { color: var(--ink-mute); }
[data-theme="a"] .quick-examples button { color: var(--ink-soft); }
[data-theme="a"] .quick-examples button:hover { color: var(--red); }
[data-theme="a"] .category-chip {
  border: 1px solid rgba(31, 28, 24, 0.13);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.42);
  color: var(--ink-soft);
  min-height: 36px;
}
[data-theme="a"] .category-chip:hover { border-color: rgba(198, 75, 59, 0.45); color: var(--red); }
[data-theme="a"] .category-chip.is-active {
  background: var(--red);
  border-color: var(--red);
  color: #fff8ef;
  box-shadow: 0 7px 16px rgba(166, 56, 44, 0.2);
}
[data-theme="a"] .category-chip.is-active .chip-seal { color: #fffaf2; border-color: rgba(255, 250, 242, 0.42); }
[data-theme="a"] .category-note { color: var(--ink-mute); }
[data-theme="a"] .panel-foot { border-top-color: var(--line); color: var(--ink-mute); }
[data-theme="a"] .cast-alts { color: var(--ink-mute); }
[data-theme="a"] .text-btn:hover, [data-theme="a"] .text-link:hover { color: var(--red); border-color: var(--red); }

/* Primary actions: young vermilion, not black */
[data-theme="a"] .primary-btn {
  border-radius: 12px;
  background: linear-gradient(135deg, #d05645, #b63d31);
  color: #fff9f2;
  box-shadow: 0 12px 28px rgba(166, 56, 44, 0.22);
}
[data-theme="a"] .primary-btn::after { background: linear-gradient(110deg, transparent 30%, rgba(255, 236, 220, 0.24), transparent 70%); }
[data-theme="a"] .primary-btn:hover { box-shadow: 0 18px 38px rgba(166, 56, 44, 0.27); }
[data-theme="a"] .primary-btn:focus-visible { outline-color: var(--jade); }
[data-theme="a"] .coin-icon svg { stroke: #f8e9db; }
[data-theme="a"] .coin-icon rect { fill: rgba(255, 248, 238, 0.14); }
[data-theme="a"] .result .primary-btn {
  background: linear-gradient(135deg, #d45a49, #b84134);
  color: #fff8ef;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}
[data-theme="a"] .result .primary-btn .coin-icon svg { stroke: #f8e9db; }
[data-theme="a"] .result .primary-btn .coin-icon rect { fill: rgba(255, 248, 238, 0.14); }
[data-theme="a"] .ghost-btn { border-radius: 10px; border-color: rgba(181, 211, 196, 0.22); }
[data-theme="a"] .ghost-btn:hover { border-color: rgba(169, 198, 183, 0.62); background: rgba(111, 151, 136, 0.08); }

/* Result canvas: ink + jade + vermilion; keep the dark reading mode */
[data-theme="a"] .result {
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(52, 75, 66, 0.36), transparent 64%),
    var(--dark);
}
[data-theme="a"] .result-glow { background: radial-gradient(circle, rgba(111, 151, 136, 0.15), transparent 62%); }
[data-theme="a"] .result::after { color: rgba(181, 211, 196, 0.035); }
[data-theme="a"] .result-grain { opacity: 0.12; }
[data-theme="a"] .result-kicker { color: var(--jade-soft); }
[data-theme="a"] .result-kicker span { background: rgba(169, 198, 183, 0.45); }
[data-theme="a"] .gua-number b { color: var(--jade-soft); }
[data-theme="a"] .gua-sub i { background: rgba(169, 198, 183, 0.55); }
[data-theme="a"] .score-label { color: var(--jade-soft); }
[data-theme="a"] .score-ring { background: conic-gradient(var(--jade-soft) calc(var(--p) * 1%), rgba(236, 227, 210, 0.08) 0); }
[data-theme="a"] .score-ring::before { background: #191d1a; border-color: rgba(181, 211, 196, 0.08); }
[data-theme="a"] .score-ring::after { border-color: rgba(111, 151, 136, 0.18); border-top-color: rgba(169, 198, 183, 0.6); }
[data-theme="a"] .score-question { font-family: var(--sans); font-size: 15px; letter-spacing: 0; }
[data-theme="a"] .score-question::before, [data-theme="a"] .score-question::after { color: rgba(169, 198, 183, 0.72); }
[data-theme="a"] .score-date { border-top-color: rgba(181, 211, 196, 0.12); }
[data-theme="a"] .verdict-card {
  background:
    radial-gradient(circle at 92% 6%, rgba(111, 151, 136, 0.16), transparent 40%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012));
}
[data-theme="a"] .verdict-card .panel-kicker,
[data-theme="a"] .block-title .panel-kicker,
[data-theme="a"] .target-block .panel-kicker,
[data-theme="a"] .read-head .panel-kicker { color: var(--jade-soft); }
[data-theme="a"] .verdict-card > p { font-size: 13px; line-height: 1.95; letter-spacing: 0.01em; }
[data-theme="a"] .result-tag { border-radius: 999px; border-color: rgba(181, 211, 196, 0.16); font-size: 10.5px; }
[data-theme="a"] .result-tag.good { color: var(--jade-soft); border-color: rgba(169, 198, 183, 0.3); }
[data-theme="a"] .result-tag.bad { color: #e3a18f; border-color: rgba(227, 161, 143, 0.28); }
[data-theme="a"] .target-card.is-primary { border-color: rgba(169, 198, 183, 0.34); }
[data-theme="a"] .target-card.is-risk { border-color: rgba(227, 161, 143, 0.3); }
[data-theme="a"] .target-card.is-risk .target-rel { color: #e3a18f; }
[data-theme="a"] .target-card.is-risk .strength-pill { color: #e3a18f; border-color: rgba(227, 161, 143, 0.3); }
[data-theme="a"] .target-card.is-risk .strength-bar i { background: linear-gradient(90deg, rgba(227, 161, 143, 0.28), #e3a18f); }
[data-theme="a"] .strength-bar i { background: linear-gradient(90deg, rgba(169, 198, 183, 0.32), var(--jade-soft)); }
[data-theme="a"] .strength-pill { color: var(--jade-soft); border-color: rgba(169, 198, 183, 0.3); }
[data-theme="a"] .factor-chip { border-color: rgba(181, 211, 196, 0.16); }
[data-theme="a"] .read-body p { font-size: 14px; line-height: 2.02; letter-spacing: 0.005em; }
[data-theme="a"] .block-title p { font-size: 10.5px; }
[data-theme="a"] .days-note, [data-theme="a"] .timing-text { font-size: 11.5px; }
[data-theme="a"] .day-cell.is-best { background: rgba(111, 151, 136, 0.1); border-color: rgba(169, 198, 183, 0.3); }
[data-theme="a"] .day-hint { color: var(--jade-soft); }
[data-theme="a"] .timing-date { border-color: rgba(181, 211, 196, 0.17); }
[data-theme="a"] .action-board .priority-block p { letter-spacing: 0.02em; }
[data-theme="a"] .advice-col h4 { color: var(--jade-soft); }
[data-theme="a"] .advice-col.dont h4 { color: #e3a18f; }

/* Rounded, softer reading surfaces */
[data-theme="a"] .score-card,
[data-theme="a"] .verdict-card,
[data-theme="a"] .hex-card,
[data-theme="a"] .chart-block,
[data-theme="a"] .target-block,
[data-theme="a"] .read-card,
[data-theme="a"] .side-panel,
[data-theme="a"] .action-board,
[data-theme="a"] .target-card,
[data-theme="a"] .ai-card,
[data-theme="a"] .modal-panel,
[data-theme="a"] .drawer-panel { border-radius: 16px; }
[data-theme="a"] .chart-block { overflow: hidden; }
[data-theme="a"] .hex-card { border-radius: 16px; }
[data-theme="a"] .result-action-btns .ghost-btn { border-radius: 10px; }

/* AI is jade/mist, not a warm-gold second accent */
[data-theme="a"] .ai-card {
  border-color: rgba(169, 198, 183, 0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(111, 151, 136, 0.16), transparent 40%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012));
}
[data-theme="a"] .ai-card::before { background: linear-gradient(180deg, rgba(169, 198, 183, 0.8), rgba(169, 198, 183, 0.1), transparent); }
[data-theme="a"] .ai-card.is-done { border-color: rgba(169, 198, 183, 0.3); }
[data-theme="a"] .ai-seal {
  border-color: rgba(169, 198, 183, 0.45);
  color: var(--jade-soft);
  background: rgba(111, 151, 136, 0.09);
}
[data-theme="a"] .ai-heading .panel-kicker { color: var(--jade-soft); }
[data-theme="a"] .ai-mode { border-color: rgba(169, 198, 183, 0.2); color: var(--jade-soft); background: rgba(111, 151, 136, 0.055); }
[data-theme="a"] .ai-status { color: var(--jade-soft); border-color: rgba(169, 198, 183, 0.3); }
[data-theme="a"] .ai-status[data-ai-state="done"] { color: var(--jade-soft); border-color: rgba(169, 198, 183, 0.38); }
[data-theme="a"] .ai-status[data-ai-state="error"] { color: #e3a18f; border-color: rgba(227, 161, 143, 0.3); }
[data-theme="a"] .ai-copy h4 { color: var(--jade-soft); border-bottom-color: rgba(169, 198, 183, 0.16); }
[data-theme="a"] .ai-copy p { font-size: 14px; line-height: 2.03; }
[data-theme="a"] .ai-chat-head span { color: var(--jade-soft); }
[data-theme="a"] .ai-chat-msg > span { border-color: rgba(181, 211, 196, 0.16); }
[data-theme="a"] .ai-chat-msg.user > span { border-color: rgba(169, 198, 183, 0.38); color: var(--jade-soft); }
[data-theme="a"] .ai-chat-msg.assistant > span { color: var(--jade-soft); }
[data-theme="a"] .ai-chat-suggestions button { border-radius: 999px; border-color: rgba(169, 198, 183, 0.18); }
[data-theme="a"] .ai-chat-suggestions button:hover { border-color: rgba(169, 198, 183, 0.48); color: var(--jade-soft); }
[data-theme="a"] .ai-chat-form { border-radius: 12px; }
[data-theme="a"] .ai-chat-form input { border-radius: 10px; border-color: rgba(181, 211, 196, 0.18); }
[data-theme="a"] .ai-chat-form input:focus { border-color: rgba(169, 198, 183, 0.52); }
[data-theme="a"] .ai-chat-form button { border-radius: 10px; border-color: rgba(169, 198, 183, 0.42); color: var(--jade-soft); }
[data-theme="a"] .ai-retry-btn, [data-theme="a"] .ai-start-btn { border-radius: 8px; }
[data-theme="a"] .ai-entry { border-color: rgba(169, 198, 183, 0.28); }
[data-theme="a"] .ai-entry-btn { border-color: rgba(169, 198, 183, 0.32); color: var(--jade-soft); background: rgba(111, 151, 136, 0.07); }

/* H5 result rail / dock / sheet */
[data-theme="a"] .result-subnav { background: rgba(20, 23, 21, 0.94); border-color: rgba(181, 211, 196, 0.11); }
[data-theme="a"] .result-subnav button.is-active,
[data-theme="a"] .result-subnav button[data-result-ai] {
  color: var(--jade-soft);
  border-color: rgba(169, 198, 183, 0.5);
  background: rgba(111, 151, 136, 0.09);
}
[data-theme="a"] .result-nav-scroll button { border-radius: 999px; }
[data-theme="a"] .result-hud em { color: var(--jade-soft); }
[data-theme="a"] .result-hud { border-right-color: rgba(181, 211, 196, 0.14); }
[data-theme="a"] .result-dock .dock-ai { color: var(--jade-soft); border-color: rgba(169, 198, 183, 0.4); background: rgba(111, 151, 136, 0.08); }
[data-theme="a"] .result-dock .dock-again { background: var(--red); border-color: var(--red); color: #fff8ef; }
[data-theme="a"] .result-dock .dock-again:active { filter: brightness(0.92); }
[data-theme="a"] .ai-sheet-bar { border-bottom-color: rgba(181, 211, 196, 0.1); }
[data-theme="a"] .ai-sheet-panel { background: #161a17; border-color: rgba(181, 211, 196, 0.12); }
[data-theme="a"] .ai-sheet-close { color: var(--jade-soft); }
[data-theme="a"] .to-top { background: var(--red); color: #fff8ef; }

/* H5 sizing pass for the lighter, more readable direction */
@media (max-width: 720px) {
  [data-theme="a"] .hero-lead { font-size: 13px; line-height: 1.85; }
  [data-theme="a"] .category-chip { min-height: 40px; }
  [data-theme="a"] .cast-panel { border-radius: 18px; }
  [data-theme="a"] .result-title h2 { font-size: 36px; letter-spacing: 0.04em; }
  [data-theme="a"] .verdict-card > p { font-size: 12px; line-height: 1.9; }
  [data-theme="a"] .score-question { font-size: 13.5px; }
  [data-theme="a"] .read-body p { font-size: 13.5px; line-height: 2.05; }
  [data-theme="a"] .ai-copy p { font-size: 13.5px; line-height: 2.03; }
  [data-theme="a"] .block-title p { font-size: 9.5px; }
  [data-theme="a"] .days-note, [data-theme="a"] .timing-text { font-size: 10.5px; }
  [data-theme="a"] .result-tag { font-size: 9px; }
  [data-theme="a"] .result-subnav { background: rgba(20, 23, 21, 0.96); }
  [data-theme="a"] .score-card { border-radius: 14px; }
  [data-theme="a"] .verdict-card, [data-theme="a"] .hex-card, [data-theme="a"] .chart-block,
  [data-theme="a"] .target-block, [data-theme="a"] .read-card, [data-theme="a"] .side-panel,
  [data-theme="a"] .action-board, [data-theme="a"] .ai-card { border-radius: 14px; }
  [data-theme="a"] .ai-sheet-panel { border-radius: 20px 20px 0 0; }
}

/* Final A polish */
[data-theme="a"] .panel-kicker { color: var(--jade); }
[data-theme="a"] .result .panel-kicker,
[data-theme="a"] .result .panel-kicker span { color: var(--jade-soft); }
[data-theme="a"] .to-top {
  background: rgba(23, 26, 23, 0.92);
  color: var(--jade-soft);
  border: 1px solid rgba(169, 198, 183, 0.28);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}
[data-theme="a"] .to-top:hover { background: rgba(38, 48, 42, 0.96); border-color: rgba(169, 198, 183, 0.5); }
[data-theme="a"] .manual-option {
  border-radius: 10px;
  border-color: rgba(31, 28, 24, 0.12);
  background: rgba(255, 252, 246, 0.6);
}
[data-theme="a"] .manual-option.is-selected {
  border-color: var(--red);
  background: rgba(198, 75, 59, 0.07);
  box-shadow: inset 0 0 0 1px rgba(198, 75, 59, 0.3);
}
[data-theme="a"] .history-card,
[data-theme="a"] .history-entry { border-radius: 12px; }
[data-theme="a"] .history-card:hover,
[data-theme="a"] .history-item:hover { border-color: rgba(198, 75, 59, 0.35); }
[data-theme="a"] .site-footer { background: #141714; }
[data-theme="a"] .footer-brand .brand-seal { border-radius: 9px; }
[data-theme="a"] .footer-bottom { border-top-color: rgba(181, 211, 196, 0.12); }
[data-theme="a"] .footer-links a:hover,
[data-theme="a"] .footer-links button:hover { color: var(--jade-soft); }
[data-theme="a"] .manual-actions .primary-btn,
[data-theme="a"] .modal-actions .primary-btn { border-radius: 10px; }
[data-theme="a"] .ai-sheet-panel { background: #151917; }
[data-theme="a"] .ai-sheet-body .ai-card { background: transparent; }

@media (max-width: 720px) {
  [data-theme="a"] .modal-panel,
  [data-theme="a"] .drawer-panel {
    border-radius: 18px 18px 0 0;
  }
}

[data-theme="a"] .panel-kicker { font-size: 9px; }
[data-theme="a"] .frog-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.015em;
  color: var(--ink-mute);
}
[data-theme="a"] .frog-note-avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--jade);
  box-shadow: 0 4px 12px rgba(72, 108, 94, 0.18);
}
[data-theme="a"] .frog-note-avatar svg { width: 20px; height: 20px; }
[data-theme="a"] .manual-option.is-selected .mo-name { color: var(--red); }
[data-theme="a"] .manual-option.is-selected .mo-bar span { background: var(--red); }
[data-theme="a"] .manual-option.is-selected .mo-bar.yang span { background: var(--red); }

@media (max-width: 720px) and (max-height: 720px) {
  [data-theme="a"] .frog-note { display: none; }
}