/* ============================================================
   页面主题
   主题 A（默认 · 经典青绿）：无需覆盖，使用 card-recycle.css 默认变量
   主题 B（深空科技蓝）：通过 body[data-theme="b"] 整站切换配色与风格
   后台“站点设置 → 页面主题”可随时切换
   ============================================================ */

body[data-theme="b"] {
    --teal: #4f46e5;
    --teal-soft: #eef2ff;
    --blue: #3b82f6;
    --blue-soft: #eaf1ff;
    --purple: #7c3aed;
    --purple-soft: #f1edff;
    --orange: #ea6c2f;
    --orange-soft: #fff0e8;
    --ink: #10162a;
    --canvas: #eef1f7;
    --line: #dce2ec;
    --paper: #ffffff;
}

/* ---------- 顶栏：深空风格 ---------- */
body[data-theme="b"] .app-header {
    background: linear-gradient(180deg, #0b1020, #111a33);
    border-bottom: 1px solid #1e2a4a;
}
body[data-theme="b"] .brand-mark {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    box-shadow: 0 4px 12px rgba(99, 102, 241, .35);
}
body[data-theme="b"] .brand-copy strong { color: #fff; }
body[data-theme="b"] .brand-copy small { color: #93a2c4; }
body[data-theme="b"] .main-nav a { color: #a7b4d4; }
body[data-theme="b"] .main-nav a:hover { color: #fff; }
body[data-theme="b"] .main-nav a.active { color: #c7d2fe; }
body[data-theme="b"] .main-nav a.active::after {
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #6366f1, #a855f7);
}
body[data-theme="b"] .icon-button,
body[data-theme="b"] .account-button {
    color: #c6d0e6;
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .18);
}
body[data-theme="b"] .icon-button:hover,
body[data-theme="b"] .account-button:hover { color: #fff; border-color: #818cf8; }

/* ---------- 首屏：渐变横幅（与主题 A 不同的版面节奏） ---------- */
body[data-theme="b"] .intro-row {
    position: relative;
    overflow: hidden;
    margin-top: 22px;
    padding: 36px 30px;
    color: #fff;
    background: linear-gradient(120deg, #131c3d 0%, #242a63 55%, #4f46e5 100%);
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(30, 41, 99, .22);
}
body[data-theme="b"] .intro-row::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(168, 85, 247, .35), transparent 70%);
    pointer-events: none;
}
body[data-theme="b"] .eyebrow { color: #c7d2fe; }
body[data-theme="b"] h1 { color: #fff; }
body[data-theme="b"] .intro-copy { color: #c3cdf1; }
body[data-theme="b"] .trust-list { color: #d3dbf6; }
body[data-theme="b"] .trust-list i { color: #a5b4fc; }

/* ---------- 内容区细节：更柔和的圆角与悬浮 ---------- */
body[data-theme="b"] .category-panel,
body[data-theme="b"] .quote-panel,
body[data-theme="b"] .records-panel,
body[data-theme="b"] .rules-panel { border-radius: 13px; border-color: #d9e0ee; }
body[data-theme="b"] .category-button.active { background: #eef2ff; border-color: #c7d2fe; }
body[data-theme="b"] .category-icon.teal,
body[data-theme="b"] .record-dot.teal { color: #4f46e5; background: #eef2ff; }
body[data-theme="b"] .category-button.active .arrow { color: #4f46e5; }
body[data-theme="b"] .product-card { border-radius: 9px; }
body[data-theme="b"] .product-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(79, 70, 229, .12);
}
body[data-theme="b"] .product-card.selected {
    border-color: #4f46e5;
    background: #f4f6ff;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .12);
}
body[data-theme="b"] .primary-action {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    box-shadow: 0 6px 14px rgba(79, 70, 229, .25);
}
body[data-theme="b"] .primary-action:hover { filter: brightness(1.07); }
body[data-theme="b"] .secondary-action {
    color: #4f46e5;
    border-color: #b8bff5;
}
body[data-theme="b"] .secondary-action:hover { background: #eef2ff; }
body[data-theme="b"] .success-mark { color: #4f46e5; background: #eef2ff; }
body[data-theme="b"] .section-heading a { color: #4f46e5; }
body[data-theme="b"] .support-link { color: #4f46e5; }
body[data-theme="b"] .number-input:focus-within,
body[data-theme="b"] .text-input:focus-within { border-color: #a5b4fc; box-shadow: 0 0 0 3px rgba(99, 102, 241, .1); }

/* ---------- 页脚：深色 ---------- */
body[data-theme="b"] .app-footer { border-top-color: #1f2a48; }
body[data-theme="b"] .app-footer,
body[data-theme="b"] .app-footer .footer-icp a { color: #8ea0c4; }
body[data-theme="b"] .app-footer span:first-child { color: #c3ceea; }
body[data-theme="b"] .app-footer .footer-icp a:hover { color: #a5b4fc; }

/* ---------- 站底协议链接（主题 B） ---------- */
body[data-theme="b"] .site-footer { border-top-color: #1f2a48; }
body[data-theme="b"] .footer-links,
body[data-theme="b"] .footer-links a { color: #8ea0c4; }
body[data-theme="b"] .footer-links a:hover { color: #a5b4fc; }
body[data-theme="b"] .footer-links i { color: #46537c; }