/* 考拉雷达界面色板：全站唯一的颜色来源。
 *
 * 结构：一种“界面风格”一组 html[data-style=...]，内部再分浅色与暗黑。
 * 新增风格的步骤：
 *   1. 复制下方 blue 或 orange 的两段，改 data-style 名称和色值；
 *   2. 在后台「网站设置 → 界面风格」选择后全站生效；
 *   3. 组件样式只引用 var(--token)，不要回到 qingyu.css 里写色值。
 *
 * 未声明 data-style 时按青屿绿渲染；风格块里没写的 token 会继承绿色默认值，
 * 因此“只换主色”的风格可以只覆盖 --accent / --accent-ink / --soft / --line。
 * 页脚是独立的暖色配色，可以整组覆盖，也可以只覆盖文字与强调色。
 */

/* ---------- 跨风格共用：品牌色、状态色、几何 ---------- */
:root{
  --radius:16px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --annual:#8a651d;
  --annual-mark:#d9a441;
  /* 关系语义色，跨风格共用：赞赏/赞助=暖金，合作=靛紫。
     页头快捷入口、关系标识、首页社区卡片与交叉入口只引用这两个 token。 */
  --support-ink:#8a651d;
  --support-strong:#75561a;
  --coop-ink:#5b4ac9;
  /* 关系按钮的实色底：比 10% 混色更饱和，避免在白色页头里发灰。 */
  --support-fill:#f8e3bb;
  --coop-fill:#e7e1ff;
  --sheen:#ffffff2e;
  --shadow-soft:0 16px 35px #3445680b;
  --shadow-logo:0 8px 18px #1d365908;
  --brand-gpt:#26735d;--brand-gpt-soft:#e7f3ed;
  --brand-claude:#bc7855;--brand-claude-soft:#f9ede5;
  --brand-gemini:#6a7bcc;--brand-gemini-soft:#edf0ff;
  --brand-grok:#34383f;--brand-grok-soft:#f0f0f2;
  --brand-x:#0f1419;--brand-x-soft:#eef0f2;
  --brand-cursor:#14120b;--brand-cursor-soft:#f1efe8;
  /* 品牌 Logo 的明暗变体；具体风格在下方各块覆盖。 */
  --brand-mark-face:#f8fafc;
  --brand-mark-ink:#0f172a;
  --brand-mark-core:#0f172a;
  --brand-mark-edge:#8addb0;
  --brand-mark-accent:#8addb0;
}
html[data-theme=dark]{
  --support-ink:#f0c97a;
  --support-strong:#ffd99a;
  --coop-ink:#b9adff;
  --support-fill:#3b2c13;
  --coop-fill:#2a2550;
  --brand-gpt:#8fd9b7;--brand-gpt-soft:#1e3a2f;
  --brand-claude:#e6a582;--brand-claude-soft:#3a2a22;
  --brand-gemini:#a9b6ea;--brand-gemini-soft:#2a2f45;
  --brand-grok:#d7dbe1;--brand-grok-soft:#2c3136;
  --brand-x:#e7e9ea;--brand-x-soft:#1c2024;
  --brand-cursor:#edecec;--brand-cursor-soft:#24221b;
}

/* ---------- 风格：青屿绿（默认） ---------- */
html[data-theme=light]{
  color-scheme:light;
  --bg:#f2f7f3;--surface:#fff;--soft:#e6f2e9;--text:#223e33;--muted:#526b5e;--line:#dfebe2;
  --accent:#17735b;--accent-ink:#fff;--hero:#e1eee4;--nav:#e5eee7;--ring:#bfd6c5;
  --market-border:#f5fbf6;--intro:#f5f9f5;--identity:#e8f2eb;
  --danger:#b13c36;--pending:#8f5f00;--pending-bg:#fff3d6;--pending-line:#f0d69a;
  --shadow:0 6px 22px #1a583504;--market-shadow:0 15px 40px #24513b10;--shadow-float:0 22px 55px #13251b24;
  --accent-deep:#082a1f;--spark:#67a78e;
  --brand-mark-core:#f4eddf;--brand-mark-edge:#0f172a;--brand-mark-accent:#17735b;
  /* 页脚暖沙配色 */
  --footer-water:#ece2d2;
  --footer-surface:#f8f1e5;
  --footer-deep:#e3d7c5;
  --footer-fish:#b4692c;
  --footer-fish-deep:#7f4315;
  --footer-fish-light:#e9b462;
  --footer-ripple:rgba(27,100,73,.44);
  --footer-drop:rgba(27,100,73,.42);
  --footer-eye:#31200e;
  --footer-ink:#243a2e;
  --footer-heading:#22362b;
  --footer-copy:#4c5d51;
  --footer-link:#3d5144;
  --footer-subtle:#4e5f55;
  --footer-accent:#1b6449;
  --footer-icon-ink:#f7f2e8;
  --footer-icon-shadow:0 0 0 1px rgba(27,100,73,.16),0 6px 18px rgba(87,68,40,.14);
  --footer-warm:#8f4e1c;
  --footer-hairline:rgba(40,58,47,.18);
  --footer-glow:rgba(255,255,255,.34);
}
html[data-theme=dark]{
  color-scheme:dark;
  --bg:#101b17;--surface:#192923;--soft:#203a30;--text:#e7f2eb;--muted:#a8bdb0;--line:#3b5447;
  --accent:#75d3a4;--accent-ink:#10291d;--hero:#20392d;--nav:#20362b;--ring:#3c5d49;
  --market-border:#385243;--intro:#1e3027;--identity:#233e30;
  --danger:#ffaaa0;--pending:#ffd27a;--pending-bg:#3a2e13;--pending-line:#6d5624;
  --shadow:0 6px 22px #0002;--market-shadow:0 15px 40px #24513b10;--shadow-float:0 22px 55px #13251b24;
  --accent-deep:#082a1f;--spark:#67a78e;
  --brand-mark-core:#0f172a;--brand-mark-edge:#8addb0;--brand-mark-accent:#8addb0;
  --footer-water:#2a2119;
  --footer-surface:#3b2e22;
  --footer-deep:#17110c;
  --footer-fish:#e8bd7b;
  --footer-fish-deep:#a97435;
  --footer-fish-light:#ffe0ad;
  --footer-ripple:rgba(244,225,198,.42);
  --footer-drop:rgba(255,242,222,.8);
  --footer-eye:#33210e;
  --footer-ink:#f8efe2;
  --footer-heading:#f6ecdd;
  --footer-copy:#d3c2ae;
  --footer-link:#ecdfcd;
  --footer-subtle:#bba992;
  --footer-accent:#e4bd83;
  --footer-icon-ink:#2a1c0d;
  --footer-icon-shadow:0 0 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.28);
  --footer-warm:#d9a56a;
  --footer-hairline:rgba(238,220,198,.15);
  --footer-glow:rgba(219,170,112,.10);
}

/* ---------- 风格：蓝白 ---------- */
html[data-style=blue][data-theme=light]{
  color-scheme:light;
  --bg:#f5f7fc;--surface:#fff;--soft:#edf2ff;--text:#202b40;--muted:#5b6982;--line:#e5eaf2;
  --accent:#3a60d0;--accent-ink:#fff;--hero:#e9f0fe;--nav:#eef2fd;--ring:#cbdcf7;
  --market-border:#f7faff;--intro:#f7faff;--identity:#edf2fe;
  --danger:#b42318;--pending:#8f5f00;--pending-bg:#fff4d6;--pending-line:#f0d69a;
  --shadow:0 6px 22px #1e4b9c0a;--market-shadow:0 15px 40px #1e4b9c10;--shadow-float:0 22px 55px #173a7820;
  --accent-deep:#23478f;--spark:#6f8fe8;
  --brand-mark-core:#f4eddf;--brand-mark-edge:#0f172a;--brand-mark-accent:#3a60d0;
  --footer-water:#dde7f5;
  --footer-surface:#f6f9fd;
  --footer-deep:#cfdbeb;
  --footer-ripple:rgba(58,96,208,.32);
  --footer-drop:rgba(58,96,208,.30);
  --footer-ink:#1c2c46;
  --footer-heading:#1a2a44;
  --footer-copy:#4a5c76;
  --footer-link:#374b68;
  --footer-subtle:#53647d;
  --footer-accent:#3a60d0;
  --footer-icon-ink:#fff;
  --footer-icon-shadow:0 0 0 1px rgba(58,96,208,.18),0 6px 18px rgba(30,60,120,.14);
  --footer-hairline:rgba(30,60,110,.16);
  --footer-glow:rgba(255,255,255,.40);
}
html[data-style=blue][data-theme=dark]{
  color-scheme:dark;
  --bg:#0b1220;--surface:#131c2e;--soft:#1c2940;--text:#e8eefb;--muted:#a7b6d0;--line:#2a3a56;
  --accent:#7cb0ff;--accent-ink:#08152b;--hero:#16233a;--nav:#17243b;--ring:#33496b;
  --market-border:#2c3f5e;--intro:#152033;--identity:#1a2840;
  --danger:#ffb4ab;--pending:#ffd27a;--pending-bg:#3a2e13;--pending-line:#6d5624;
  --shadow:0 6px 22px #0002;--market-shadow:0 15px 40px #0006;--shadow-float:0 22px 55px #0008;
  --accent-deep:#040d1f;--spark:#8db8ff;
  --brand-mark-core:#0f172a;--brand-mark-edge:#7cb0ff;--brand-mark-accent:#7cb0ff;
  --footer-water:#16202f;
  --footer-surface:#1d2938;
  --footer-deep:#0c121c;
  --footer-ripple:rgba(156,195,255,.38);
  --footer-drop:rgba(220,235,255,.80);
  --footer-ink:#eaf0fa;
  --footer-heading:#eef3fb;
  --footer-copy:#c3cfe0;
  --footer-link:#dce5f2;
  --footer-subtle:#a9b6c9;
  --footer-accent:#9cc3ff;
  --footer-icon-ink:#0a1526;
  --footer-icon-shadow:0 0 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.28);
  --footer-hairline:rgba(210,225,245,.15);
  --footer-glow:rgba(156,195,255,.10);
}

/* ---------- 风格：橙选 ---------- */
html[data-style=orange][data-theme=light]{
  color-scheme:light;
  --bg:#f8f7f4;--surface:#fff;--soft:#fff0e8;--text:#302c28;--muted:#6b625b;--line:#e8e2db;
  --accent:#b8420f;--accent-ink:#fff;--hero:#fceee3;--nav:#fdf3ea;--ring:#eed6c3;
  --market-border:#fdfaf7;--intro:#fbf9f6;--identity:#faefe6;
  --danger:#b42318;--pending:#8f5f00;--pending-bg:#fff3d6;--pending-line:#f0d69a;
  --shadow:0 6px 22px #8a4b1a08;--market-shadow:0 15px 40px #8a4b1a12;--shadow-float:0 22px 55px #6b3a1220;
  --accent-deep:#6b2a0b;--spark:#e07a4c;
  --brand-mark-core:#f4eddf;--brand-mark-edge:#0f172a;--brand-mark-accent:#b8420f;
  --footer-ink:#33251a;
  --footer-heading:#32241a;
  --footer-copy:#5c493a;
  --footer-link:#4a382a;
  --footer-subtle:#5f4c3e;
  --footer-accent:#b8420f;
  --footer-icon-shadow:0 0 0 1px rgba(184,66,15,.16),0 6px 18px rgba(90,55,25,.14);
  --footer-hairline:rgba(70,45,25,.18);
  --footer-glow:rgba(255,255,255,.34);
}
html[data-style=orange][data-theme=dark]{
  color-scheme:dark;
  --bg:#171009;--surface:#22180f;--soft:#322417;--text:#f5e9dc;--muted:#c3ad97;--line:#453325;
  --accent:#ffb27a;--accent-ink:#2a1405;--hero:#332317;--nav:#312216;--ring:#543c28;
  --market-border:#4a3524;--intro:#2a1d12;--identity:#32241a;
  --danger:#ffb4ab;--pending:#ffd27a;--pending-bg:#3a2e13;--pending-line:#6d5624;
  --shadow:0 6px 22px #0002;--market-shadow:0 15px 40px #0006;--shadow-float:0 22px 55px #0008;
  --accent-deep:#3a1704;--spark:#ffc59b;
  --brand-mark-core:#0f172a;--brand-mark-edge:#ffb27a;--brand-mark-accent:#ffb27a;
  --footer-accent:#ffc59b;
}

/* ---------- 设置页的风格预览色（仅用于后台风格卡片的小色块） ---------- */
html[data-theme=light] [data-style-preview=green]{--swatch-bg:#f2f7f3;--swatch-soft:#e6f2e9;--swatch-accent:#17735b;--swatch-surface:#ffffff}
html[data-theme=light] [data-style-preview=blue]{--swatch-bg:#f5f7fc;--swatch-soft:#edf2ff;--swatch-accent:#3a60d0;--swatch-surface:#ffffff}
html[data-theme=light] [data-style-preview=orange]{--swatch-bg:#f8f7f4;--swatch-soft:#fff0e8;--swatch-accent:#b8420f;--swatch-surface:#ffffff}
html[data-theme=dark] [data-style-preview=green]{--swatch-bg:#101b17;--swatch-soft:#203a30;--swatch-accent:#75d3a4;--swatch-surface:#192923}
html[data-theme=dark] [data-style-preview=blue]{--swatch-bg:#0b1220;--swatch-soft:#1c2940;--swatch-accent:#7cb0ff;--swatch-surface:#131c2e}
html[data-theme=dark] [data-style-preview=orange]{--swatch-bg:#171009;--swatch-soft:#322417;--swatch-accent:#ffb27a;--swatch-surface:#22180f}