/* =========================================================
   主题样式 · theme.css
   全站颜色系统：默认 + 5 套品牌 VI 主题 + 流动极光背景
   首页与产品中心共用，切换 data-theme 即时换肤
   ========================================================= */

:root{
  --bg:#FAF7F2;          /* 暖纸白：高级、克制 */
  --bg-soft:#F1EAE1;     /* 略深米色，用于区块划分 */
  --surface:#FFFFFF;     /* 纯白卡片，与暖底形成层次 */
  --ink:#211A13;         /* 深咖墨：强对比、显贵（非纯黑） */
  --muted:#6E6459;       /* 正文暖灰，统一暖色系 */
  --accent:#9A6A3C;      /* 精炼木色：干邑木棕，品牌主色 */
  --leaf:#B0894E;        /* 黄铜金：极克制的奢华点缀 */
  --line:rgba(33,26,19,.14);
  --shadow:0 12px 44px rgba(33,26,19,.07);  /* 暖调柔投影（非纯黑） */
  --r:16px;
  --ease:cubic-bezier(.22,1,.36,1);
  --font-serif:"Noto Serif SC",Georgia,"Times New Roman",serif;
  --font-sans:"PingFang SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --header-bg:rgba(250,247,242,.82);
  --nav-bg:rgba(250,247,242,.9);
  --nav-bg-hover:#FFFFFF;
  --placeholder:#EAE3D8;
  --tag-warm:#9A5A2A;  --tag-warm-bg:rgba(154,90,42,.13);
  --tag-clean:#6E7E5A; --tag-clean-bg:rgba(110,126,90,.14);
  --tag-safe:#4A6360;  --tag-safe-bg:rgba(74,99,96,.12);
  --tag-dry:#5A6B58;   --tag-dry-bg:rgba(90,107,88,.13);
  --tag-calm:#6E6450;  --tag-calm-bg:rgba(110,100,80,.13);
  --tag-eco:#6E7A4A;   --tag-eco-bg:rgba(110,122,74,.14);
  --tag-sun:#A8821F;   --tag-sun-bg:rgba(176,137,78,.15);
  --tag-soft:#A06A52;  --tag-soft-bg:rgba(160,106,82,.13);
  --tag-cozy:#9A5A5A;  --tag-cozy-bg:rgba(154,90,90,.13);
  --trust-hover:rgba(154,106,60,.45);
  --scene-copy:#7a6f62;
}

/* ===== 配色方案 · 5 套品牌 VI 主题 ===== */

/* 轻奢金：象牙暖白 + 精炼金，高端克制 */
[data-theme="gold"]{
  --bg:#FBF7EF; --bg-soft:#F4ECDD; --surface:#FFFFFF;
  --ink:#2A2113; --muted:#7A6E58;
  --accent:#B8893B; --leaf:#D9B65A; --line:rgba(184,137,59,.18);
  --shadow:0 12px 44px rgba(74,55,20,.08);
  --header-bg:rgba(251,247,239,.82); --nav-bg:rgba(251,247,239,.9); --nav-bg-hover:#FFFFFF;
  --placeholder:#EFE7D8;
  --tag-warm:#9A6A1F;  --tag-warm-bg:rgba(184,137,59,.14);
  --tag-clean:#6E7E5A; --tag-clean-bg:rgba(110,126,90,.13);
  --tag-safe:#4A6360;  --tag-safe-bg:rgba(74,99,96,.12);
  --tag-dry:#5A6B58;   --tag-dry-bg:rgba(90,107,88,.13);
  --tag-calm:#6E6450;  --tag-calm-bg:rgba(110,100,80,.13);
  --tag-eco:#6E7A4A;   --tag-eco-bg:rgba(110,122,74,.14);
  --tag-sun:#B8893B;   --tag-sun-bg:rgba(184,137,59,.16);
  --tag-soft:#A06A52;  --tag-soft-bg:rgba(160,106,82,.13);
  --tag-cozy:#9A5A2A;  --tag-cozy-bg:rgba(154,90,42,.14);
  --trust-hover:rgba(184,137,59,.45);
  --scene-copy:#7a6f5c;
}

/* 活力浅绿：清透青绿白 + 鲜活草绿，有生命力 */
[data-theme="green"]{
  --bg:#F1F8F2; --bg-soft:#E6F2E8; --surface:#FFFFFF;
  --ink:#163A24; --muted:#5C7565;
  --accent:#2FA866; --leaf:#74C98A; --line:rgba(22,58,36,.12);
  --shadow:0 12px 44px rgba(22,58,36,.07);
  --header-bg:rgba(241,248,242,.82); --nav-bg:rgba(241,248,242,.9); --nav-bg-hover:#FFFFFF;
  --placeholder:#E2EEDF;
  --tag-warm:#6E7E3A;  --tag-warm-bg:rgba(110,126,58,.14);
  --tag-clean:#2FA866; --tag-clean-bg:rgba(47,168,102,.14);
  --tag-safe:#3E7E74;  --tag-safe-bg:rgba(62,126,116,.13);
  --tag-dry:#5A8A6E;   --tag-dry-bg:rgba(90,138,110,.13);
  --tag-calm:#4E7E6E;  --tag-calm-bg:rgba(78,126,110,.13);
  --tag-eco:#3C9A5E;   --tag-eco-bg:rgba(60,154,94,.14);
  --tag-sun:#B8902E;   --tag-sun-bg:rgba(184,144,46,.15);
  --tag-soft:#5E9A7A;  --tag-soft-bg:rgba(94,154,122,.13);
  --tag-cozy:#7A9A4E;  --tag-cozy-bg:rgba(122,154,78,.14);
  --trust-hover:rgba(47,168,102,.45);
  --scene-copy:#577063;
}

/* 海军蓝 · 灰底：高级灰底 + 海军蓝 / 品牌蓝，沉稳、专业、金融级信任感 */
[data-theme="blue"]{
  --navy:#0B2A4A; --navy-2:#123E7A; --brand:#1565E6; --brand-dark:#0E4DB8;
  --bg:#EDF1F7; --bg-soft:#E3E9F2; --surface:#FFFFFF;
  --ink:#0E1B2C; --muted:#6B7689;
  --accent:#1565E6; --leaf:#3F86FF; --line:#E6EBF2;
  --shadow:0 8px 24px rgba(11,42,74,.08);
  --header-bg:rgba(237,241,247,.86); --nav-bg:rgba(237,241,247,.92); --nav-bg-hover:#FFFFFF;
  --placeholder:#DDE4EE;
  --tag-warm:#B5701A;  --tag-warm-bg:rgba(181,112,26,.12);
  --tag-clean:#1565E6; --tag-clean-bg:rgba(21,101,230,.12);
  --tag-safe:#1E7AB0;  --tag-safe-bg:rgba(30,122,176,.12);
  --tag-dry:#3E8AB0;   --tag-dry-bg:rgba(62,138,176,.12);
  --tag-calm:#4A6E99;  --tag-calm-bg:rgba(74,110,153,.12);
  --tag-eco:#1E9E7A;   --tag-eco-bg:rgba(30,158,122,.12);
  --tag-sun:#B8842E;   --tag-sun-bg:rgba(184,132,46,.15);
  --tag-soft:#7A5A99;  --tag-soft-bg:rgba(122,90,153,.12);
  --tag-cozy:#B0466E;  --tag-cozy-bg:rgba(176,70,110,.12);
  --trust-hover:rgba(21,101,230,.45);
  --scene-copy:#6B7689;
}

/* 兰蔻红：浅玫白 + 玫红，温柔而高级，女性喜爱 */
[data-theme="rose"]{
  --bg:#FBF2F4; --bg-soft:#F6E6EA; --surface:#FFFFFF;
  --ink:#3A1A28; --muted:#8A6A78;
  --accent:#C2185B; --leaf:#E89AB0; --line:rgba(194,24,91,.16);
  --shadow:0 12px 44px rgba(58,26,40,.07);
  --header-bg:rgba(251,242,244,.82); --nav-bg:rgba(251,242,244,.9); --nav-bg-hover:#FFFFFF;
  --placeholder:#F1E0E5;
  --tag-warm:#B5566E;  --tag-warm-bg:rgba(181,86,110,.14);
  --tag-clean:#7E9A6E; --tag-clean-bg:rgba(126,154,110,.13);
  --tag-safe:#5E8A8A;  --tag-safe-bg:rgba(94,138,138,.13);
  --tag-dry:#8A7E9A;   --tag-dry-bg:rgba(138,126,154,.13);
  --tag-calm:#9A6E8A;  --tag-calm-bg:rgba(154,110,138,.13);
  --tag-eco:#7EAA6E;   --tag-eco-bg:rgba(126,170,110,.13);
  --tag-sun:#C99A2E;   --tag-sun-bg:rgba(201,154,46,.15);
  --tag-soft:#D18BA8;  --tag-soft-bg:rgba(209,139,168,.14);
  --tag-cozy:#C2185B;  --tag-cozy-bg:rgba(194,24,91,.14);
  --trust-hover:rgba(194,24,91,.45);
  --scene-copy:#876A78;
}

/* 建筑土：夯土暖白 + 赤陶赭，稳定、耐磨、有质感 */
[data-theme="earth"]{
  --bg:#F4EDE3; --bg-soft:#EBE0D1; --surface:#FFFFFF;
  --ink:#2B221A; --muted:#7A6A58;
  --accent:#B5651D; --leaf:#CE8A4E; --line:rgba(43,34,26,.14);
  --shadow:0 12px 44px rgba(43,34,26,.08);
  --header-bg:rgba(244,237,227,.82); --nav-bg:rgba(244,237,227,.9); --nav-bg-hover:#FFFFFF;
  --placeholder:#E8DECF;
  --tag-warm:#A05A2A;  --tag-warm-bg:rgba(160,90,42,.14);
  --tag-clean:#6E8A5A; --tag-clean-bg:rgba(110,138,90,.13);
  --tag-safe:#4E7A6E;  --tag-safe-bg:rgba(78,122,110,.13);
  --tag-dry:#8A7A5A;   --tag-dry-bg:rgba(138,122,90,.13);
  --tag-calm:#7A6E58;  --tag-calm-bg:rgba(122,110,88,.13);
  --tag-eco:#7E8A4E;   --tag-eco-bg:rgba(126,138,78,.14);
  --tag-sun:#B8842E;   --tag-sun-bg:rgba(184,132,46,.15);
  --tag-soft:#B07A52;  --tag-soft-bg:rgba(176,122,82,.13);
  --tag-cozy:#9A4A2A;  --tag-cozy-bg:rgba(154,74,42,.13);
  --trust-hover:rgba(181,101,29,.45);
  --scene-copy:#796a58;
}

/* 流动极光背景（深浅主题通用，跟随主色） */
.bg-aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-aurora .blob{position:absolute;border-radius:50%;filter:blur(64px);will-change:transform}
.bg-aurora .b1{width:44vw;height:44vw;left:-10vw;top:-12vw;opacity:.34;
  background:radial-gradient(circle at 32% 32%,var(--accent),transparent 70%);
  animation:aurora1 22s ease-in-out infinite alternate}
.bg-aurora .b2{width:40vw;height:40vw;right:-8vw;top:16vh;opacity:.28;
  background:radial-gradient(circle at 50% 50%,var(--leaf),transparent 70%);
  animation:aurora2 27s ease-in-out infinite alternate}
.bg-aurora .b3{width:48vw;height:48vw;left:16vw;bottom:-20vw;opacity:.22;
  background:radial-gradient(circle at 50% 50%,var(--accent),transparent 72%);
  animation:aurora3 32s ease-in-out infinite alternate}
@keyframes aurora1{from{transform:translate(0,0) scale(1)}to{transform:translate(9vw,7vh) scale(1.18)}}
@keyframes aurora2{from{transform:translate(0,0) scale(1)}to{transform:translate(-8vw,11vh) scale(1.22)}}
@keyframes aurora3{from{transform:translate(0,0) scale(1)}to{transform:translate(7vw,-9vh) scale(1.12)}}