/* ============================================================
   子页面主题配色（iframe 功能页共用）
   ------------------------------------------------------------
   由 assets/page-theme.js 读取 localStorage.user_theme 后，给 <html> 加
   data-page-theme="主题名"。本文件只覆盖“颜色类”内容：
   页面底色、卡片底色、主色、文字色、边框色。
   布局、圆角、阴影、毛玻璃、动画、字体一律不动（用户明确要求：只影响配色）。

   使用独立属性 data-page-theme，不复用首页的 data-theme，
   避免和页面自身的主题逻辑（about.html / market.html / forum-profile.html）打架。

   各页面用的变量名不统一，所以同一份颜色会同时写给多个别名：
     底色：--page-bg --bg --bg-main --bg-color --paper
     卡片：--card-bg --card --surface --surface-soft --sheet-bg
     主色：--primary --accent --brand --blue --accent-blue
     浅主色：--primary-light --primary-bg --accent-soft --blue-light --blue-soft --accent-blue-light
     主文字：--text-main --text --ink --text-primary
     次文字：--text-sub --sub --muted --text-secondary --text-muted --text-tertiary
     边框：--border --border-soft --border-color --line --divider

   没有在这里登记的主题，子页面保持原样。新增主题时补一个同名块即可。
   ============================================================ */

/* ---------- 一期基础主题：首页只换主色，子页面保持一致 ---------- */
html[data-page-theme="pink"] {
    --primary: #FF91A4;
    --primary-light: rgba(255, 145, 164, 0.10);
    --primary-bg: rgba(255, 145, 164, 0.10);
    --accent: #FF91A4;
    --accent-soft: rgba(255, 145, 164, 0.10);
    --accent-blue: #FF91A4;
    --accent-blue-light: rgba(255, 145, 164, 0.10);
    --brand: #FF91A4;
    --blue: #FF91A4;
    --blue-light: rgba(255, 145, 164, 0.10);
    --blue-soft: rgba(255, 145, 164, 0.10);
}
html[data-page-theme="green"] {
    --primary: #34C759;
    --primary-light: rgba(52, 199, 89, 0.10);
    --primary-bg: rgba(52, 199, 89, 0.10);
    --accent: #34C759;
    --accent-soft: rgba(52, 199, 89, 0.10);
    --accent-blue: #34C759;
    --accent-blue-light: rgba(52, 199, 89, 0.10);
    --brand: #34C759;
    --blue: #34C759;
    --blue-light: rgba(52, 199, 89, 0.10);
    --blue-soft: rgba(52, 199, 89, 0.10);
}
html[data-page-theme="orange"] {
    --primary: #E8A838;
    --primary-light: rgba(232, 168, 56, 0.10);
    --primary-bg: rgba(232, 168, 56, 0.10);
    --accent: #E8A838;
    --accent-soft: rgba(232, 168, 56, 0.10);
    --accent-blue: #E8A838;
    --accent-blue-light: rgba(232, 168, 56, 0.10);
    --brand: #E8A838;
    --blue: #E8A838;
    --blue-light: rgba(232, 168, 56, 0.10);
    --blue-soft: rgba(232, 168, 56, 0.10);
}
html[data-page-theme="purple"] {
    --primary: #9B59B6;
    --primary-light: rgba(155, 89, 182, 0.10);
    --primary-bg: rgba(155, 89, 182, 0.10);
    --accent: #9B59B6;
    --accent-soft: rgba(155, 89, 182, 0.10);
    --accent-blue: #9B59B6;
    --accent-blue-light: rgba(155, 89, 182, 0.10);
    --brand: #9B59B6;
    --blue: #9B59B6;
    --blue-light: rgba(155, 89, 182, 0.10);
    --blue-soft: rgba(155, 89, 182, 0.10);
}
html[data-page-theme="cyan"] {
    --primary: #6CB4EE;
    --primary-light: rgba(108, 180, 238, 0.10);
    --primary-bg: rgba(108, 180, 238, 0.10);
    --accent: #6CB4EE;
    --accent-soft: rgba(108, 180, 238, 0.10);
    --accent-blue: #6CB4EE;
    --accent-blue-light: rgba(108, 180, 238, 0.10);
    --brand: #6CB4EE;
    --blue: #6CB4EE;
    --blue-light: rgba(108, 180, 238, 0.10);
    --blue-soft: rgba(108, 180, 238, 0.10);
}

/* ---------- 三丽鸥磨砂主题：只取底色与主色，不加背景图、不加模糊 ---------- */
html[data-page-theme="cyan2"] {
    --page-bg: #DCEBFA;
    --bg: #DCEBFA;
    --bg-main: #DCEBFA;
    --bg-color: #DCEBFA;
    --paper: #DCEBFA;
    --card-bg: rgba(255, 255, 255, 0.72);
    --card: rgba(255, 255, 255, 0.72);
    --surface: rgba(255, 255, 255, 0.72);
    --surface-soft: rgba(255, 255, 255, 0.72);
    --sheet-bg: rgba(255, 255, 255, 0.72);
    --primary: #6CB4EE;
    --primary-light: rgba(108, 180, 238, 0.12);
    --primary-bg: rgba(108, 180, 238, 0.12);
    --accent: #6CB4EE;
    --accent-soft: rgba(108, 180, 238, 0.12);
    --accent-blue: #6CB4EE;
    --accent-blue-light: rgba(108, 180, 238, 0.12);
    --brand: #6CB4EE;
    --blue: #6CB4EE;
    --blue-light: rgba(108, 180, 238, 0.12);
    --blue-soft: rgba(108, 180, 238, 0.12);
}
html[data-page-theme="cyan2"] body { background-color: #DCEBFA; }
html[data-page-theme="pink2"] {
    --page-bg: #FBE3EA;
    --bg: #FBE3EA;
    --bg-main: #FBE3EA;
    --bg-color: #FBE3EA;
    --paper: #FBE3EA;
    --card-bg: rgba(255, 255, 255, 0.72);
    --card: rgba(255, 255, 255, 0.72);
    --surface: rgba(255, 255, 255, 0.72);
    --surface-soft: rgba(255, 255, 255, 0.72);
    --sheet-bg: rgba(255, 255, 255, 0.72);
    --primary: #FF91A4;
    --primary-light: rgba(255, 145, 164, 0.12);
    --primary-bg: rgba(255, 145, 164, 0.12);
    --accent: #FF91A4;
    --accent-soft: rgba(255, 145, 164, 0.12);
    --accent-blue: #FF91A4;
    --accent-blue-light: rgba(255, 145, 164, 0.12);
    --brand: #FF91A4;
    --blue: #FF91A4;
    --blue-light: rgba(255, 145, 164, 0.12);
    --blue-soft: rgba(255, 145, 164, 0.12);
}
html[data-page-theme="pink2"] body { background-color: #FBE3EA; }
html[data-page-theme="kitty"] {
    --page-bg: #FAF3EA;
    --bg: #FAF3EA;
    --bg-main: #FAF3EA;
    --bg-color: #FAF3EA;
    --paper: #FAF3EA;
    --card-bg: rgba(255, 255, 255, 0.72);
    --card: rgba(255, 255, 255, 0.72);
    --surface: rgba(255, 255, 255, 0.72);
    --surface-soft: rgba(255, 255, 255, 0.72);
    --sheet-bg: rgba(255, 255, 255, 0.72);
    --primary: #E8506E;
    --primary-light: rgba(232, 80, 110, 0.12);
    --primary-bg: rgba(232, 80, 110, 0.12);
    --accent: #E8506E;
    --accent-soft: rgba(232, 80, 110, 0.12);
    --accent-blue: #E8506E;
    --accent-blue-light: rgba(232, 80, 110, 0.12);
    --brand: #E8506E;
    --blue: #E8506E;
    --blue-light: rgba(232, 80, 110, 0.12);
    --blue-soft: rgba(232, 80, 110, 0.12);
}
html[data-page-theme="kitty"] body { background-color: #FAF3EA; }
html[data-page-theme="lulu"] {
    --page-bg: #FBF3E1;
    --bg: #FBF3E1;
    --bg-main: #FBF3E1;
    --bg-color: #FBF3E1;
    --paper: #FBF3E1;
    --card-bg: rgba(255, 255, 255, 0.72);
    --card: rgba(255, 255, 255, 0.72);
    --surface: rgba(255, 255, 255, 0.72);
    --surface-soft: rgba(255, 255, 255, 0.72);
    --sheet-bg: rgba(255, 255, 255, 0.72);
    --primary: #E8934A;
    --primary-light: rgba(232, 147, 74, 0.14);
    --primary-bg: rgba(232, 147, 74, 0.14);
    --accent: #E8934A;
    --accent-soft: rgba(232, 147, 74, 0.14);
    --accent-blue: #E8934A;
    --accent-blue-light: rgba(232, 147, 74, 0.14);
    --brand: #E8934A;
    --blue: #E8934A;
    --blue-light: rgba(232, 147, 74, 0.14);
    --blue-soft: rgba(232, 147, 74, 0.14);
}
html[data-page-theme="lulu"] body { background-color: #FBF3E1; }

/* 四款联动主题暂时使用实色卡片，保留首页主题文件中的磨砂实现。 */
html[data-page-theme="cyan2"],
html[data-page-theme="pink2"],
html[data-page-theme="kitty"],
html[data-page-theme="lulu"] {
    --card-bg: #FFFFFF;
    --card: #FFFFFF;
    --surface: #FFFFFF;
    --surface-soft: #FFFFFF;
    --sheet-bg: #FFFFFF;
}

html[data-page-theme="cyan2"] {
    --card-border: #A8D4F3;
    --card-shadow: rgba(90, 155, 213, 0.16);
}
html[data-page-theme="pink2"] {
    --card-border: #F5A9B9;
    --card-shadow: rgba(255, 107, 157, 0.15);
}
html[data-page-theme="kitty"] {
    --card-border: #EE9AA8;
    --card-shadow: rgba(217, 59, 85, 0.15);
}
html[data-page-theme="lulu"] {
    --card-border: #E9B274;
    --card-shadow: rgba(208, 118, 43, 0.16);
}
html[data-page-theme="cyan2"] .card,
html[data-page-theme="cyan2"] .glass,
html[data-page-theme="cyan2"] .sheet,
html[data-page-theme="cyan2"] .confirm-card,
html[data-page-theme="cyan2"] .about-hero-card,
html[data-page-theme="cyan2"] .about-license-dialog,
html[data-page-theme="pink2"] .card,
html[data-page-theme="pink2"] .glass,
html[data-page-theme="pink2"] .sheet,
html[data-page-theme="pink2"] .confirm-card,
html[data-page-theme="pink2"] .about-hero-card,
html[data-page-theme="pink2"] .about-license-dialog,
html[data-page-theme="kitty"] .card,
html[data-page-theme="kitty"] .glass,
html[data-page-theme="kitty"] .sheet,
html[data-page-theme="kitty"] .confirm-card,
html[data-page-theme="kitty"] .about-hero-card,
html[data-page-theme="kitty"] .about-license-dialog,
html[data-page-theme="lulu"] .card,
html[data-page-theme="lulu"] .glass,
html[data-page-theme="lulu"] .sheet,
html[data-page-theme="lulu"] .confirm-card,
html[data-page-theme="lulu"] .about-hero-card,
html[data-page-theme="lulu"] .about-license-dialog {
    border-color: var(--card-border) !important;
    box-shadow: 0 8px 24px var(--card-shadow) !important;
}

/* ---------- 完整配色主题：底色 + 卡片 + 主色 + 文字 + 边框 ---------- */
html[data-page-theme="neo"] {
    --page-bg: #FBF2E1;
    --bg: #FBF2E1;
    --bg-main: #FBF2E1;
    --bg-color: #FBF2E1;
    --paper: #FBF2E1;
    --card-bg: #FFFCF5;
    --card: #FFFCF5;
    --surface: #FFFCF5;
    --surface-soft: #FFFCF5;
    --sheet-bg: #FFFCF5;
    --primary: #E34A2A;
    --primary-light: #FBE4DC;
    --primary-bg: #FBE4DC;
    --accent: #E34A2A;
    --accent-soft: #FBE4DC;
    --accent-blue: #E34A2A;
    --accent-blue-light: #FBE4DC;
    --brand: #E34A2A;
    --blue: #E34A2A;
    --blue-light: #FBE4DC;
    --blue-soft: #FBE4DC;
    --text-main: #22252E;
    --text: #22252E;
    --ink: #22252E;
    --text-primary: #22252E;
    --text-sub: #6B675F;
    --sub: #6B675F;
    --muted: #6B675F;
    --text-secondary: #6B675F;
    --text-muted: #6B675F;
    --text-tertiary: #6B675F;
    --border-soft: rgba(34, 37, 46, 0.14);
    --border: rgba(34, 37, 46, 0.14);
    --border-color: rgba(34, 37, 46, 0.14);
    --line: rgba(34, 37, 46, 0.14);
    --divider: rgba(34, 37, 46, 0.14);
}
html[data-page-theme="neo"] body { background-color: #FBF2E1; }
html[data-page-theme="android"] {
    --page-bg: #F0F0F2;
    --bg: #F0F0F2;
    --bg-main: #F0F0F2;
    --bg-color: #F0F0F2;
    --paper: #F0F0F2;
    --card-bg: #E4E4E9;
    --card: #E4E4E9;
    --surface: #E4E4E9;
    --surface-soft: #E4E4E9;
    --sheet-bg: #E4E4E9;
    --primary: #283593;
    --primary-light: rgba(40, 53, 147, 0.08);
    --primary-bg: rgba(40, 53, 147, 0.08);
    --accent: #283593;
    --accent-soft: rgba(40, 53, 147, 0.08);
    --accent-blue: #283593;
    --accent-blue-light: rgba(40, 53, 147, 0.08);
    --brand: #283593;
    --blue: #283593;
    --blue-light: rgba(40, 53, 147, 0.08);
    --blue-soft: rgba(40, 53, 147, 0.08);
    --text-main: #2A2A33;
    --text: #2A2A33;
    --ink: #2A2A33;
    --text-primary: #2A2A33;
    --text-sub: #8A8A94;
    --sub: #8A8A94;
    --muted: #8A8A94;
    --text-secondary: #8A8A94;
    --text-muted: #8A8A94;
    --text-tertiary: #8A8A94;
    --border-soft: rgba(0, 0, 0, 0.06);
    --border: rgba(0, 0, 0, 0.06);
    --border-color: rgba(0, 0, 0, 0.06);
    --line: rgba(0, 0, 0, 0.06);
    --divider: rgba(0, 0, 0, 0.06);
}
html[data-page-theme="android"] body { background-color: #F0F0F2; }
html[data-page-theme="mobile-ocean"] {
    --page-bg: #EBF0F5;
    --bg: #EBF0F5;
    --bg-main: #EBF0F5;
    --bg-color: #EBF0F5;
    --paper: #EBF0F5;
    --card-bg: #F7F9FC;
    --card: #F7F9FC;
    --surface: #F7F9FC;
    --surface-soft: #F7F9FC;
    --sheet-bg: #F7F9FC;
    --primary: #4A709C;
    --primary-light: rgba(74, 112, 156, 0.10);
    --primary-bg: rgba(74, 112, 156, 0.10);
    --accent: #4A709C;
    --accent-soft: rgba(74, 112, 156, 0.10);
    --accent-blue: #4A709C;
    --accent-blue-light: rgba(74, 112, 156, 0.10);
    --brand: #4A709C;
    --blue: #4A709C;
    --blue-light: rgba(74, 112, 156, 0.10);
    --blue-soft: rgba(74, 112, 156, 0.10);
    --text-main: #0F172A;
    --text: #0F172A;
    --ink: #0F172A;
    --text-primary: #0F172A;
    --text-sub: #64748B;
    --sub: #64748B;
    --muted: #64748B;
    --text-secondary: #64748B;
    --text-muted: #64748B;
    --text-tertiary: #64748B;
    --border-soft: #E2E8F0;
    --border: #E2E8F0;
    --border-color: #E2E8F0;
    --line: #E2E8F0;
    --divider: #E2E8F0;
}
html[data-page-theme="mobile-ocean"] body { background-color: #EBF0F5; }
html[data-page-theme="xai"] {
    --page-bg: #F5F6F8;
    --bg: #F5F6F8;
    --bg-main: #F5F6F8;
    --bg-color: #F5F6F8;
    --paper: #F5F6F8;
    --card-bg: #FFFFFF;
    --card: #FFFFFF;
    --surface: #FFFFFF;
    --surface-soft: #FFFFFF;
    --sheet-bg: #FFFFFF;
    --primary: #16181D;
    --primary-light: #F0F2F4;
    --primary-bg: #F0F2F4;
    --accent: #16181D;
    --accent-soft: #F0F2F4;
    --accent-blue: #16181D;
    --accent-blue-light: #F0F2F4;
    --brand: #16181D;
    --blue: #16181D;
    --blue-light: #F0F2F4;
    --blue-soft: #F0F2F4;
    --text-main: #16181D;
    --text: #16181D;
    --ink: #16181D;
    --text-primary: #16181D;
    --text-sub: #69717C;
    --sub: #69717C;
    --muted: #69717C;
    --text-secondary: #69717C;
    --text-muted: #69717C;
    --text-tertiary: #69717C;
    --border-soft: #E2E5E9;
    --border: #E2E5E9;
    --border-color: #E2E5E9;
    --line: #E2E5E9;
    --divider: #E2E5E9;
}
html[data-page-theme="xai"] body { background-color: #F5F6F8; }
html[data-page-theme="codex"] {
    --page-bg: #EDE9FE;
    --bg: #EDE9FE;
    --bg-main: #EDE9FE;
    --bg-color: #EDE9FE;
    --paper: #EDE9FE;
    --card-bg: rgba(255, 255, 255, 0.86);
    --card: #FFFFFF;
    --surface: #FFFFFF;
    --surface-soft: rgba(255, 255, 255, 0.86);
    --sheet-bg: #FFFFFF;
    --primary: #6366F1;
    --primary-light: rgba(99, 102, 241, 0.10);
    --primary-bg: rgba(99, 102, 241, 0.10);
    --accent: #6366F1;
    --accent-soft: rgba(99, 102, 241, 0.10);
    --accent-blue: #6366F1;
    --accent-blue-light: rgba(99, 102, 241, 0.10);
    --brand: #6366F1;
    --blue: #6366F1;
    --blue-light: rgba(99, 102, 241, 0.10);
    --blue-soft: rgba(99, 102, 241, 0.10);
    --text-main: #1E1B4B;
    --text: #1E1B4B;
    --ink: #1E1B4B;
    --text-primary: #1E1B4B;
    --text-sub: #636680;
    --sub: #636680;
    --muted: #636680;
    --text-secondary: #636680;
    --text-muted: #636680;
    --text-tertiary: #636680;
    --border-soft: rgba(139, 92, 246, 0.16);
    --border: rgba(139, 92, 246, 0.16);
    --border-color: rgba(139, 92, 246, 0.16);
    --line: rgba(139, 92, 246, 0.16);
    --divider: rgba(139, 92, 246, 0.16);
}
html[data-page-theme="codex"] body { background-color: #EDE9FE; }
html[data-page-theme="claude"] {
    --page-bg: #F0EEE6;
    --bg: #F0EEE6;
    --bg-main: #F0EEE6;
    --bg-color: #F0EEE6;
    --paper: #F0EEE6;
    --card-bg: rgba(250, 249, 245, 0.94);
    --card: #FAF9F5;
    --surface: #FAF9F5;
    --surface-soft: rgba(250, 249, 245, 0.94);
    --sheet-bg: #FAF9F5;
    --primary: #D97757;
    --primary-light: rgba(217, 119, 87, 0.12);
    --primary-bg: rgba(217, 119, 87, 0.12);
    --accent: #D97757;
    --accent-soft: rgba(217, 119, 87, 0.12);
    --accent-blue: #D97757;
    --accent-blue-light: rgba(217, 119, 87, 0.12);
    --brand: #D97757;
    --blue: #D97757;
    --blue-light: rgba(217, 119, 87, 0.12);
    --blue-soft: rgba(217, 119, 87, 0.12);
    --text-main: #141413;
    --text: #141413;
    --ink: #141413;
    --text-primary: #141413;
    --text-sub: #73726C;
    --sub: #73726C;
    --muted: #73726C;
    --text-secondary: #73726C;
    --text-muted: #73726C;
    --text-tertiary: #73726C;
    --border-soft: rgba(20, 20, 19, 0.09);
    --border: rgba(20, 20, 19, 0.10);
    --border-color: rgba(20, 20, 19, 0.10);
    --line: rgba(20, 20, 19, 0.08);
    --divider: rgba(20, 20, 19, 0.08);
}
html[data-page-theme="claude"] body { background-color: #F0EEE6; }
html[data-page-theme="editorial"] {
    --page-bg: #FAF8F5;
    --bg: #FAF8F5;
    --bg-main: #FAF8F5;
    --bg-color: #FAF8F5;
    --paper: #FAF8F5;
    --card-bg: rgba(255, 255, 255, 0.92);
    --card: #FFFFFF;
    --surface: #FFFFFF;
    --surface-soft: rgba(255, 255, 255, 0.92);
    --sheet-bg: #FFFFFF;
    --primary: #B8956A;
    --primary-light: rgba(184, 149, 106, 0.08);
    --primary-bg: rgba(184, 149, 106, 0.08);
    --accent: #B8956A;
    --accent-soft: rgba(184, 149, 106, 0.08);
    --accent-blue: #B8956A;
    --accent-blue-light: rgba(184, 149, 106, 0.08);
    --brand: #B8956A;
    --blue: #B8956A;
    --blue-light: rgba(184, 149, 106, 0.08);
    --blue-soft: rgba(184, 149, 106, 0.08);
    --text-main: #1A1A1A;
    --text: #1A1A1A;
    --ink: #1A1A1A;
    --text-primary: #1A1A1A;
    --text-sub: #999999;
    --sub: #999999;
    --muted: #999999;
    --text-secondary: #999999;
    --text-muted: #999999;
    --text-tertiary: #999999;
    --border-soft: rgba(0, 0, 0, 0.06);
    --border: rgba(0, 0, 0, 0.06);
    --border-color: rgba(0, 0, 0, 0.06);
    --line: rgba(0, 0, 0, 0.06);
    --divider: rgba(0, 0, 0, 0.06);
}
html[data-page-theme="editorial"] body { background-color: #FAF8F5; }
html[data-page-theme="honor"] {
    --page-bg: #FFFDF7;
    --bg: #FFFDF7;
    --bg-main: #FFFDF7;
    --bg-color: #FFFDF7;
    --paper: #FFFDF7;
    --card-bg: rgba(255, 255, 255, 0.88);
    --card: #FFFFFF;
    --surface: #FFFFFF;
    --surface-soft: rgba(255, 255, 255, 0.88);
    --sheet-bg: #FFFFFF;
    --primary: #D97706;
    --primary-light: rgba(217, 119, 6, 0.08);
    --primary-bg: rgba(217, 119, 6, 0.08);
    --accent: #D97706;
    --accent-soft: rgba(217, 119, 6, 0.08);
    --accent-blue: #D97706;
    --accent-blue-light: rgba(217, 119, 6, 0.08);
    --brand: #D97706;
    --blue: #D97706;
    --blue-light: rgba(217, 119, 6, 0.08);
    --blue-soft: rgba(217, 119, 6, 0.08);
    --text-main: #422006;
    --text: #422006;
    --ink: #422006;
    --text-primary: #422006;
    --text-sub: #A18A6B;
    --sub: #A18A6B;
    --muted: #A18A6B;
    --text-secondary: #A18A6B;
    --text-muted: #A18A6B;
    --text-tertiary: #A18A6B;
    --border-soft: rgba(217, 119, 6, 0.10);
    --border: rgba(217, 119, 6, 0.10);
    --border-color: rgba(217, 119, 6, 0.10);
    --line: rgba(217, 119, 6, 0.10);
    --divider: rgba(217, 119, 6, 0.10);
}
html[data-page-theme="honor"] body { background-color: #FFFDF7; }