/* ============================================================
   AVV · 「金尘 GILDED DUST」  ·  visual system
   ------------------------------------------------------------
   创作方向：轻盈 · 奢华 · 克制
     轻盈 = 粒子极小极疏、上浮极慢
     奢华 = 金箔色、长缓动曲线、细腻光泽
     克制 = 每次联动只做一件事，绝不堆叠

   设计取舍（对照被否掉的 v3）：
     · 粒子数   170 → 40      · 尺寸  2.4px → 1.5px
     · 柔光强度 .22 → .07     · 影响半径 290 → 150
     · 连线距离 152 → 78      · 推开力 3.2 → 0.9
     · 3D 倾斜  7°  → 取消    · 点击爆发 22 颗粒 → 1 圈涟漪

   命名空间 .aura-*  ·  已替换掉旧的 .cursor / .particle 系统
   ============================================================ */

:root,
html[data-aura-palette="night"]{
  --aura-dust:201,169,110;
  --aura-dust-hi:235,220,180;
  --aura-glow-a:.07;
  --aura-link:78;
  --aura-influence:150;
  --aura-density:1;
  --aura-thread-a:.15;
  --aura-link-a:.42;
  --aura-card-line:rgba(201,169,110,.42);
  --aura-sheen:245,235,210;
  --aura-lift:5;                 /* 卡片抬升 px，仅位移不做 3D */
  /* —— 光标三色：芯色 / 芯不透明度 / 外描边色 —— */
  --aura-cur:242,230,200;        /* 高亮香槟金：深底上醒目 */
  --aura-cur-a:.92;
  --aura-cur-out:6,6,6;          /* 深色外描边：金色元素上把它托出来 */
}
html[data-aura-palette="champagne"]{
  --aura-dust:230,212,172;--aura-dust-hi:250,242,220;
  --aura-glow-a:.085;--aura-link:84;--aura-influence:160;--aura-density:1.1;
  --aura-thread-a:.16;--aura-link-a:.44;
  --aura-card-line:rgba(230,212,172,.46);--aura-sheen:255,250,238;--aura-lift:6;
  --aura-cur:252,246,230;--aura-cur-a:.95;--aura-cur-out:6,6,6;
}
html[data-aura-palette="day"]{
  --aura-dust:158,128,72;--aura-dust-hi:196,164,100;
  --aura-glow-a:.055;--aura-link:74;--aura-influence:142;--aura-density:.9;
  --aura-thread-a:.14;--aura-link-a:.38;
  --aura-card-line:rgba(158,128,72,.42);--aura-sheen:255,248,232;--aura-lift:4;
  /* 浅底 → 光标必须反过来：深金芯 + 浅色外描边 */
  --aura-cur:124,94,40;--aura-cur-a:.95;--aura-cur-out:255,255,255;
}

/* ------------------------------------------------------------
   1. 金尘层  ——  注意 z-index:1
   必须高于 .hero 的不透明背景（position:relative / z-index:auto），
   又必须低于 .hero-content（z-index:2）。
   ------------------------------------------------------------ */
.aura-canvas{
  position:fixed;
  inset:0;
  width:100%;height:100%;
  display:block;
  z-index:1;
  pointer-events:none;
  opacity:0;
  transition:opacity 1.6s cubic-bezier(.16,1,.3,1);
  contain:strict;
}
html[data-aura-ready] .aura-canvas{opacity:1}

/* ------------------------------------------------------------
   2. 柔晕 —— 光标的"体温"，不是探照灯
   ------------------------------------------------------------ */
.aura-glow{
  position:fixed;top:0;left:0;
  width:620px;height:620px;
  margin:-310px 0 0 -310px;
  border-radius:50%;
  pointer-events:none;
  z-index:9997;
  opacity:0;
  background:radial-gradient(circle,
    rgba(var(--aura-dust),var(--aura-glow-a)) 0%,
    rgba(var(--aura-dust),calc(var(--aura-glow-a) * .45)) 38%,
    transparent 70%);
  transition:opacity .8s ease, width .9s cubic-bezier(.16,1,.3,1), height .9s cubic-bezier(.16,1,.3,1);
  will-change:transform;
  contain:strict;
}
html[data-aura-ready] .aura-glow{opacity:1}
body.aura-hot .aura-glow{width:520px;height:520px}

/* ------------------------------------------------------------
   3. 光标 —— 双色描边，保证在「任何底色」上都看得见
   ------------------------------------------------------------
   旧版问题：1px 金环 + 55% 透明度
             → 深黑底上太淡，金色元素上直接融没了
   本版三层叠加：
     · 主描边 = 高亮香槟金（近乎不透明）—— 深色底上的主要可见层
     · 外描边 = 发丝级对比色       —— 落在金色/浅色元素上时把它"托"出来
     · 金色柔光                    —— 深色底上的发光，增强存在感
   ------------------------------------------------------------ */
.aura-cursor{
  position:fixed;top:0;left:0;
  width:0;height:0;
  pointer-events:none;
  z-index:10001;
}
.aura-cursor__ring{
  position:absolute;
  width:34px;height:34px;
  margin:-17px 0 0 -17px;
  border-radius:50%;
  border:1.5px solid rgba(var(--aura-cur),var(--aura-cur-a));
  box-shadow:
    0 0 0 1px rgba(var(--aura-cur-out),.65),
    0 0 20px rgba(var(--aura-dust),.55),
    inset 0 0 12px rgba(var(--aura-dust),.22);
  opacity:0;
  transition:opacity .5s ease,
             width .7s cubic-bezier(.16,1,.3,1),
             height .7s cubic-bezier(.16,1,.3,1),
             margin .7s cubic-bezier(.16,1,.3,1),
             border-color .5s ease,
             box-shadow .5s ease;
  will-change:transform;
}
.aura-cursor__dot{
  position:absolute;
  width:4.5px;height:4.5px;
  margin:-2.25px 0 0 -2.25px;
  border-radius:50%;
  background:rgba(var(--aura-cur),.98);
  box-shadow:
    0 0 0 1px rgba(var(--aura-cur-out),.75),
    0 0 12px rgba(var(--aura-dust),.95);
  opacity:0;
  transition:opacity .5s ease, width .5s ease, height .5s ease;
  will-change:transform;
}
html[data-aura-ready] .aura-cursor__ring,
html[data-aura-ready] .aura-cursor__dot{opacity:1}

/* 悬停可交互元素：环张开、描边更实（唯一变化，不叠加其它效果） */
body.aura-hot .aura-cursor__ring{
  width:58px;height:58px;margin:-29px 0 0 -29px;
  border-color:rgba(var(--aura-cur),1);
  box-shadow:
    0 0 0 1.5px rgba(var(--aura-cur-out),.72),
    0 0 28px rgba(var(--aura-dust),.68),
    inset 0 0 16px rgba(var(--aura-dust),.28);
}
/* 按下：环收紧，像一次呼吸 */
body.aura-down .aura-cursor__ring{
  width:24px;height:24px;margin:-12px 0 0 -12px;
  border-color:rgba(var(--aura-cur),1);
  box-shadow:
    0 0 0 2px rgba(var(--aura-cur-out),.8),
    0 0 32px rgba(var(--aura-dust),.9);
}

/* 高对比兜底模式：给「整片纯金」或「整片浅色」的页面用
   启用方式：<html class="aura-contrast"> 或运行时
   document.documentElement.classList.add('aura-contrast')  */
html.aura-contrast .aura-cursor__ring{
  border-color:#FFFFFF;
  box-shadow:0 0 0 2px rgba(0,0,0,.92), 0 0 22px rgba(0,0,0,.75);
}
html.aura-contrast .aura-cursor__dot{
  background:#FFFFFF;
  box-shadow:0 0 0 1.5px rgba(0,0,0,.95);
}

/* 安全防护：只在「鼠标真的动过一次」之后才隐藏原生光标。
   若脚本初始化失败、或鼠标事件没接上，用户仍有原生光标。 */
@media (hover:hover) and (pointer:fine){
  html[data-aura-cursor],
  html[data-aura-cursor] a,
  html[data-aura-cursor] button,
  html[data-aura-cursor] .collection-card,
  html[data-aura-cursor] .premium-card{cursor:none}
}

/* ------------------------------------------------------------
   4. 点击涟漪 —— 一圈，只一圈
   ------------------------------------------------------------ */
.aura-ripple{
  position:fixed;
  width:14px;height:14px;
  margin:-7px 0 0 -7px;
  border-radius:50%;
  border:1px solid rgba(var(--aura-dust-hi),.7);
  pointer-events:none;
  z-index:9996;
  will-change:transform,opacity;
}

/* ------------------------------------------------------------
   5. 卡片 —— 只做抬升 + 一道斜光，不做 3D 倾斜
   ------------------------------------------------------------ */
.aura-mag{
  transform:translate3d(0,var(--aura-ty,0px),0);
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),
             border-color .7s ease,
             box-shadow .9s ease,
             opacity .7s ease,
             filter .7s ease;
  will-change:transform;
}
.aura-mag.aura-live{
  transition:transform .16s linear, border-color .7s ease,
             box-shadow .9s ease, opacity .7s ease, filter .7s ease;
}
.aura-mag.aura-hot{
  box-shadow:0 22px 54px -26px rgba(0,0,0,.9),
             0 0 0 1px rgba(var(--aura-dust),.30);
  z-index:4;
}

/* 一道斜向金箔反光横掠卡片 */
.aura-mag::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  z-index:3;
  transition:opacity .8s ease;
  background:linear-gradient(
    102deg,
    transparent 34%,
    rgba(var(--aura-sheen),.13) 46%,
    rgba(var(--aura-sheen),.19) 50%,
    rgba(var(--aura-sheen),.13) 54%,
    transparent 66%);
  background-size:260% 100%;
  background-position:var(--aura-shift,120%) 0;
}
.collection-card.aura-mag,
.premium-card.aura-mag{position:relative;overflow:hidden}
.collection-card.aura-mag.aura-hot::after,
.premium-card.aura-mag.aura-hot::after{opacity:1}

/* 多联动：兄弟卡片轻柔退后（不是消失） */
.aura-linkgrid.aura-linking .aura-mag{opacity:.55;filter:saturate(.7)}
.aura-linkgrid.aura-linking .aura-mag.aura-hot{opacity:1;filter:none}

.collection-card.aura-mag{border:1px solid transparent}
.collection-card.aura-mag.aura-hot{border-color:var(--aura-card-line)}

/* ------------------------------------------------------------
   6. 按钮金线 —— 细，从光标方向展开
   ------------------------------------------------------------ */
.aura-edge{position:relative;overflow:hidden}
.aura-edge::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  transform:scaleX(0);
  transform-origin:var(--aura-edge-o,center);
  background:linear-gradient(90deg,transparent,var(--gold-light,#D9BE8E),transparent);
  transition:transform .8s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
  z-index:2;
}
.aura-edge.aura-hot::before{transform:scaleX(1)}

/* ------------------------------------------------------------
   7. Hero 标题 —— 只加一层极淡的呼吸辉光，不做视差位移
   ------------------------------------------------------------ */
.hero-title{transition:text-shadow 1.4s ease}
body.aura-hot .hero-title{
  text-shadow:0 0 54px rgba(var(--aura-dust),.16);
}

/* ------------------------------------------------------------
   8. 页面进入 —— 首屏元素依次浮现（轻盈）
   ------------------------------------------------------------ */
@keyframes auraFadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
html[data-aura-ready] .hero-eyebrow,
html[data-aura-ready] .hero-title,
html[data-aura-ready] .hero-subtitle,
html[data-aura-ready] .hero-tagline,
html[data-aura-ready] .hero-cta{
  animation:auraFadeUp 1.5s cubic-bezier(.16,1,.3,1) both;
}
html[data-aura-ready] .hero-eyebrow  {animation-delay:.10s}
html[data-aura-ready] .hero-title    {animation-delay:.22s}
html[data-aura-ready] .hero-subtitle {animation-delay:.36s}
html[data-aura-ready] .hero-tagline  {animation-delay:.48s}
html[data-aura-ready] .hero-cta      {animation-delay:.60s}

/* ------------------------------------------------------------
   9. 守卫
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  .aura-canvas{opacity:.4}
  .aura-glow{display:none}
  .aura-cursor{display:none}
  .aura-mag{transform:none!important;box-shadow:none!important}
  .aura-mag::after{display:none}
  html[data-aura-ready] .hero-eyebrow,
  html[data-aura-ready] .hero-title,
  html[data-aura-ready] .hero-subtitle,
  html[data-aura-ready] .hero-tagline,
  html[data-aura-ready] .hero-cta{animation:none}
  @media (hover:hover) and (pointer:fine){
    html[data-aura-ready]{cursor:auto}
  }
}
html.aura-off .aura-canvas,
html.aura-off .aura-glow,
html.aura-off .aura-cursor{display:none}
html.aura-off .aura-mag{transform:none!important;box-shadow:none!important}
html.aura-off .aura-mag::after{display:none}
html.aura-off{cursor:auto!important}
html.aura-off a,html.aura-off button{cursor:pointer!important}

@media (hover:none),(max-width:768px){
  .aura-glow,.aura-cursor{display:none}
  .aura-mag{transform:none!important}
}

/* ============================================================
   TAU · 秩序 ORDNUNG
   Collection 01 / DAILY 职场 —— 极简版
   ------------------------------------------------------------
   删掉的（上一版"浮夸"的部分）：
     ✗ 防伪花环（54 椭圆 + 72 齿纹）
     ✗ 证书花边框 + 四角花
     ✗ 大理石肌理
     ✗ 标题黄铜渐变
     ✗ 商品卡四角标记
     ✗ 账簿 5 条横线

   只保留三个元素 —— 这就是「克制」的定义：
     ① 一根发丝线    页面上下各一道，瑞士网格的基准
     ② 一枚几何标记  雪绒花的最简归约（6 线 + 一点）
     ③ 一根光标导线  跟随鼠标的垂直发丝线（本页唯一的动态）

   其余交给留白。
   ============================================================ */

.tau-office{
  --tau-gold:#C9A86A;
  --tau-hair:rgba(201,168,106,.34);        /* 基准发丝线 */
  --tau-hair-soft:rgba(201,168,106,.16);
  --tau-hair-hot:rgba(216,184,120,.72);
  --tau-breathe:cubic-bezier(.45,.05,.55,.95);
  --tau-ease:cubic-bezier(.16,1,.3,1);
}

/* ============================================================
   0. 布局：放开裁切，把页头留给留白
   ============================================================ */
body.tau-office-page .product-header,
.product-header:has(.tau-office){position:relative}
.coll-fx-everyday.tau-office{
  height:auto;
  top:0;
  bottom:0;
  overflow:visible;
}
/* 极简版：页头加宽留白 */
body.tau-office-page .product-header{padding-top:132px;padding-bottom:68px}

/* ============================================================
   ① 一根发丝线  ——  上下各一道
   ============================================================ */
.tau-rule{
  position:absolute;
  left:50%;
  width:min(78vw,620px);
  height:1px;
  background:linear-gradient(90deg,
    transparent, var(--tau-hair) 8%, var(--tau-hair) 92%, transparent);
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  animation:tauRule 2.2s var(--tau-ease) forwards;
  pointer-events:none;
  z-index:1;
}
.tau-rule--top{top:44px;animation-delay:.15s}
.tau-rule--bot{bottom:34px;animation-delay:.45s}
/* 线上两个极细的定位标记 */
.tau-rule::before,
.tau-rule::after{
  content:"";
  position:absolute;
  top:-3px;
  width:1px;height:7px;
  background:var(--tau-hair-hot);
  opacity:0;
  animation:tauFadeIn .9s ease 1.5s forwards;
}
.tau-rule::before{left:0}
.tau-rule::after{right:0}

@keyframes tauRule{to{transform:translateX(-50%) scaleX(1)}}
@keyframes tauFadeIn{from{opacity:0}to{opacity:1}}

/* ============================================================
   ② 几何标记  ——  雪绒花的最简归约
   6 条主线 + 6 条短线 + 中心点。没有花瓣，没有齿轮。
   ============================================================ */
.tau-mark-min{
  position:absolute;
  top:50%;left:50%;
  width:34px;height:34px;
  margin:-17px 0 0 -17px;
  pointer-events:none;
  z-index:0;
  opacity:0;
  animation:tauFadeIn 1.8s var(--tau-ease) .8s forwards;
}
.tau-mark-min svg{
  width:100%;height:100%;
  overflow:visible;
  transition:transform 1.4s var(--tau-ease), opacity 1.4s ease;
  transform-origin:center;
  opacity:.5;
}
/* 光标靠近才轻微响应 —— 幅度刻意极小（1.04 倍，无位移） */
.tau-office.is-near .tau-sig svg{
  transform:scale(1.04);
  opacity:1;
}
.tau-office .tau-sig svg{
  transition:transform 1.6s var(--tau-ease), opacity 1.6s ease;
  opacity:.88;
}
.tau-mark-min .mm-line{stroke:var(--tau-gold);stroke-width:.85;stroke-linecap:round}
.tau-mark-min .mm-short{stroke:var(--tau-gold);stroke-width:.6;opacity:.55}
.tau-mark-min .mm-dot{fill:var(--tau-gold)}

/* ============================================================
   ③ 光标导线  ——  本页唯一的动态元素
   一根贯穿全高的垂直发丝线，跟随鼠标 X，缓慢缓动。
   ============================================================ */
.tau-guide{
  position:fixed;
  top:0;bottom:0;
  left:0;
  width:1px;
  pointer-events:none;
  z-index:9994;
  background:linear-gradient(180deg,
    transparent 0%,
    var(--tau-hair-soft) 14%,
    var(--tau-hair) 38%,
    var(--tau-hair-hot) 50%,
    var(--tau-hair) 62%,
    var(--tau-hair-soft) 86%,
    transparent 100%);
  opacity:0;
  transition:opacity 1.2s ease, width .8s var(--tau-ease);
  will-change:transform;
}
body.tau-guide-on .tau-guide{opacity:.55}
/* 悬停可交互元素时轻微加亮加粗（唯一变化） */
body.tau-guide-hot .tau-guide{opacity:.85;width:1.5px}

/* 导线顶端一个小点，像铅锤 */
.tau-guide::after{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:3px;height:3px;
  margin-left:-1.5px;
  border-radius:50%;
  background:var(--tau-hair-hot);
  opacity:.75;
}

/* ============================================================
   ④ 商品卡  ——  只留边框与极轻的抬升
   （删除上一版的光泽、角标、渐变）
   ============================================================ */
.tau-office-page .product-card{
  border:1px solid rgba(201,168,106,.09);
  transition:border-color 1.1s ease, transform 1.6s var(--tau-ease);
}
.tau-office-page .product-card:hover{
  border-color:rgba(201,168,106,.34);
  transform:translateY(-3px);
}
/* 图片：不加任何覆盖层，保持纯粹 */
.tau-office-page .product-card-img::after{display:none}
.tau-office-page .product-card::before,
.tau-office-page .product-card::after{display:none}
.tau-office-page .product-card-add{
  border-color:rgba(201,168,106,.34);
  transition:background .9s var(--tau-ease), color .9s ease, border-color .9s ease;
}
.tau-office-page .product-card-add:hover{
  background:var(--tau-gold);
  color:#0A0A0A;
  border-color:var(--tau-gold);
}

/* ============================================================
   ⑤ 无障碍 / 移动端 / 关闭
   ============================================================ */
@media (max-width:768px){
  body.tau-office-page .product-header{padding-top:110px;padding-bottom:56px}
  .tau-guide{display:none}                 /* 触屏没有光标，导线无意义 */
  .tau-mark-min{width:28px;height:28px;margin:-14px 0 0 -14px}
}
@media (prefers-reduced-motion: reduce){
  .tau-rule{animation:none;transform:translateX(-50%) scaleX(1)}
  .tau-rule::before,.tau-rule::after{animation:none;opacity:1}
  .tau-mark-min{animation:none;opacity:1}
  .tau-guide{display:none}
}
html.aura-off .tau-guide,
html.aura-off .tau-mark-min{display:none}

/* ============================================================
   ⑥ 固定元素  ——  参考你的老版，但去掉浮夸部分
   ------------------------------------------------------------
   保留你老版的骨架：
     5 条水平线（依次画入，画完即静止）
     1 枚菱形轮廓（对齐中心）
     2 枚端部刻度圆
     1 个中心点
   去掉的：
     ✗ 菱形自转（30s 无限旋转）
     ✗ 中心点脉动
     ✗ 35px 网格
     ✗ 竖轴
   它不跟随鼠标 —— 这就是"固定元素"。
   ============================================================ */
.tau-sig{
  position:absolute;
  top:26px;left:50%;
  transform:translateX(-50%);
  width:min(88vw,640px);
  height:70px;
  pointer-events:none;
  z-index:1;
}
.tau-sig svg{width:100%;height:100%;overflow:visible}

/* 五条水平线：从中心向两侧展开（比你老版的整体拉伸更含蓄） */
.tau-sig .sg-line{
  stroke:url(#tauSigGrad);
  stroke-dasharray:400;
  stroke-dashoffset:400;
  animation:tauDraw 2.2s var(--tau-ease) forwards;
}
.tau-sig .sg-l1{animation-delay:.15s}
.tau-sig .sg-l2{animation-delay:.30s}
.tau-sig .sg-l3{animation-delay:.45s}
.tau-sig .sg-l4{animation-delay:.60s}
.tau-sig .sg-l5{animation-delay:.75s}

/* 菱形轮廓：静止，无自转 */
.tau-sig .sg-dia{
  fill:none;
  stroke:var(--tau-gold);
  stroke-width:.8;
  opacity:0;
  animation:tauFadeIn 1.2s ease 1.05s forwards;
}
.tau-sig .sg-dia-in{
  fill:none;
  stroke:var(--tau-gold);
  stroke-width:.5;
  opacity:0;
  animation:tauFadeIn 1.2s ease 1.25s forwards;
}
/* 端部刻度圆 */
.tau-sig .sg-tick{
  fill:none;
  stroke:var(--tau-gold);
  stroke-width:.6;
  opacity:0;
  animation:tauFadeIn .9s ease both;
}
.tau-sig .sg-t1{animation-delay:1.45s}
.tau-sig .sg-t2{animation-delay:1.58s}
/* 中心点：静止，无脉动 */
.tau-sig .sg-dot{
  fill:var(--tau-gold);
  opacity:0;
  animation:tauFadeIn .8s ease 1.7s forwards;
}

@media (prefers-reduced-motion: reduce){
  .tau-sig .sg-line{animation:none;stroke-dashoffset:0}
  .tau-sig .sg-dia,.tau-sig .sg-dia-in,.tau-sig .sg-tick,.tau-sig .sg-dot{
    animation:none;opacity:1;
  }
}
html.aura-off .tau-sig{display:none}

/* ============================================================
   AVV · 昼夜系统  DAY / NIGHT   v2
   ------------------------------------------------------------
   白天：整站米白 + 香槟金（你的原版主色）· 圆点微尘
   夜晚：整站深黑 + 月光金           · 四角星特效

   图标：「地平线」—— 一个圆被水平线切开
         上半填充 = 白昼    下半填充 = 黑夜
         不是太阳/月亮，是抽象几何 → 克制、有职业感

   尺寸：可见图形 16px（原 30px），点击热区 26px
   ============================================================ */

/* ============================================================
   A. 切换按钮 —— 地平线图形
   ============================================================ */
.dn-switch{display:flex;align-items:center}

.dn-btn{
  width:28px;height:28px;                 /* 热区（可点）*/
  display:inline-flex;align-items:center;justify-content:center;
  background:none;
  border:1px solid rgba(201,169,110,.32); /* 可见描边 → 一眼看出是控件 */
  border-radius:50%;
  padding:0;margin:0;box-sizing:border-box;
  cursor:pointer;color:inherit;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .5s ease, background .5s ease;
}
.dn-btn:hover{
  border-color:rgba(201,169,110,.78);
  background:rgba(201,169,110,.10);
}
.dn-btn svg{
  width:16px;height:16px;display:block;   /* 可见图形（小）*/
  overflow:visible;
  transition:transform .8s cubic-bezier(.16,1,.3,1);
}
.dn-btn:hover svg{transform:scale(1.12)}
.dn-btn:active svg{transform:scale(.94)}

/* 圆环 */
.dn-btn .dn-rim{
  fill:none;
  stroke:currentColor;
  stroke-width:1.1;
  opacity:.62;
  transition:opacity .6s ease;
}
.dn-btn:hover .dn-rim{opacity:.95}

/* 地平线 */
.dn-btn .dn-horizon{
  stroke:currentColor;
  stroke-width:.9;
  opacity:.5;
  transition:opacity .6s ease;
}
.dn-btn:hover .dn-horizon{opacity:.8}

/* 填充块：靠位移决定填上半还是下半 */
.dn-btn .dn-fill{
  fill:currentColor;
  opacity:.9;
  transform:translateY(-8.4px);            /* 白天 = 填上半 */
  transition:transform 1s cubic-bezier(.16,1,.3,1), opacity .6s ease;
}
html[data-aura-mode="night"] .dn-btn .dn-fill{
  transform:translateY(8.4px);             /* 黑夜 = 填下半 */
}

/* 颜色：跟随站头文字色（站头是 mix-blend-mode:difference，自动适配底色）*/
html[data-aura-mode="day"] .dn-btn{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .dn-btn:hover{color:var(--gold,#C9A96E)}
html[data-aura-mode="night"] .dn-btn{color:var(--gold-light,#D9BE8E)}

/* ============================================================
   B. 粒子令牌：白天深金 / 夜晚月照金
   ============================================================ */
:root,
html[data-aura-mode="day"]{
  --aura-dust:166,138,80;       /* 深香槟金 —— 米白底上可辨 */
  --aura-dust-hi:201,169,110;
  --aura-mode-density:1;
  --aura-glow-a:.10;
  --aura-cur:124,94,40;         /* 光标芯：深金 */
  --aura-cur-out:255,255,255;   /* 光标外描边：白（浅底必需）*/
}
html[data-aura-mode="night"]{
  --aura-dust:222,214,192;      /* 月照金 */
  --aura-dust-hi:250,247,238;
  --aura-mode-density:1.45;
  --aura-glow-a:.055;
  --aura-link-a:.30;
  --aura-thread-a:.11;
  --aura-cur:242,230,200;
  --aura-cur-out:6,6,6;
}

/* ============================================================
   C. 白天：整站米白 + 香槟金
   ------------------------------------------------------------
   主题本来 body / .product-page 已是 var(--cream)，
   需要翻转的是几个「整幅深色区块」。
   ============================================================ */

/* --- 基底 --- */
html[data-aura-mode="day"] body{background:var(--cream,#F5F0E8);color:var(--black,#1A1A1A)}
body{transition:background-color 1.2s ease,color 1.2s ease}

/* --- Hero：从深黑径向 → 暖米白径向 --- */
html[data-aura-mode="day"] .hero{
  /* 只改变量 —— background-image 的结构保持不变，
     这样过渡才会发生在颜色上，而不是整条背景被替换 */
  --avv-warm:#EFE7D8;
}
html[data-aura-mode="day"] .hero-glow{
  background:radial-gradient(circle, rgba(201,169,110,.20) 0%, transparent 70%);
}
html[data-aura-mode="day"] .hero-title{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .hero-subtitle{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .hero-tagline{color:rgba(26,26,26,.52)}
html[data-aura-mode="day"] .hero-scroll{color:rgba(26,26,26,.42)}
html[data-aura-mode="day"] .hero-cta{color:var(--gold-dark,#A88B4E);border-color:var(--gold,#C9A96E)}
html[data-aura-mode="day"] .hero-cta:hover{background:var(--gold,#C9A96E);color:#fff}
html[data-aura-mode="day"] .hero-scroll-line{background:linear-gradient(180deg,var(--gold-dark,#A88B4E),transparent)}

/* --- 跑马灯：深黑底 → 香槟金浅底 --- */
html[data-aura-mode="day"] .marquee{
  background:linear-gradient(90deg,#EDE4D3,#F3ECDF 50%,#EDE4D3);
  color:var(--gold-dark,#A88B4E);
}

/* --- 品牌宣言：深黑径向 → 米白 --- */
html[data-aura-mode="day"] .avv-manifesto{
  --avv-warm:#EFE7D8;
  color:var(--black,#1A1A1A);
}

/* --- 场景卡（.avv-scene）--- */
html[data-aura-mode="day"] .avv-scene-title{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .avv-scene-desc{color:rgba(26,26,26,.58)}
html[data-aura-mode="day"] .avv-dot{border-color:rgba(168,139,78,.55)}

/* --- 系列卡：深黑 → 米白 --- */
html[data-aura-mode="day"] .collection-card{
  background:#FBF7F0;
  border:1px solid rgba(168,139,78,.18);
}
html[data-aura-mode="day"] .collection-card-title{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .collection-card-price{color:rgba(26,26,26,.55)}
html[data-aura-mode="day"] .collection-card-overlay{
  background:linear-gradient(180deg,transparent 30%,rgba(251,247,240,.94));
}
html[data-aura-mode="day"] .collection-card-btn{color:var(--gold-dark,#A88B4E);border-color:var(--gold,#C9A96E)}

/* --- 高级卡（Huld / Kleinod）--- */
html[data-aura-mode="day"] .premium-card{
  background:linear-gradient(160deg,rgba(201,169,110,.10),rgba(255,255,255,.5));
  border:1px solid rgba(168,139,78,.22);
}
html[data-aura-mode="day"] .premium-card-title{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .premium-card-desc{color:rgba(26,26,26,.6)}
html[data-aura-mode="day"] .premium-card-btn{color:var(--gold-dark,#A88B4E);border-color:var(--gold,#C9A96E)}

/* --- 轮播按钮 --- */
html[data-aura-mode="day"] .avv-carousel-btn{
  background:rgba(255,255,255,.72);
  border-color:rgba(168,139,78,.35);
  color:var(--gold-dark,#A88B4E);
}

/* --- 页脚：深黑 → 米白 --- */
html[data-aura-mode="day"] .footer{
  background:#F0E9DC;
  color:rgba(26,26,26,.62);
  border-top:1px solid rgba(168,139,78,.18);
}
html[data-aura-mode="day"] .footer-brand h3{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .footer-col h4{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .footer-col a{color:rgba(26,26,26,.68)}
html[data-aura-mode="day"] .footer-col a:hover{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .footer-bottom{border-top-color:rgba(168,139,78,.2)}

/* --- 搜索层 --- */
html[data-aura-mode="day"] .search-overlay{background:rgba(245,240,232,.97)}
html[data-aura-mode="day"] .search-input-wrap input{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .search-input-wrap{border-bottom-color:rgba(168,139,78,.3)}
html[data-aura-mode="day"] .search-close{color:var(--black,#1A1A1A)}

/* --- 系列页 / 内容页 --- */
html[data-aura-mode="day"] .product-page,
html[data-aura-mode="day"] .info-page{background:var(--cream,#F5F0E8);color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .product-header h1{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .price-range{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .product-header p{color:rgba(26,26,26,.6)}
html[data-aura-mode="day"] .back-link{color:rgba(26,26,26,.45)}
html[data-aura-mode="day"] .back-link:hover{color:var(--gold-dark,#A88B4E)}

/* --- 商品卡（本来就是 #fff，补一下边框与文字）--- */
html[data-aura-mode="day"] .product-card{
  background:#fff;
  border:1px solid rgba(168,139,78,.14);
}
html[data-aura-mode="day"] .product-card-name{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .product-card-desc{color:rgba(26,26,26,.45)}
html[data-aura-mode="day"] .product-card-price{color:var(--gold-dark,#A88B4E)}

/* --- 通用：浅底下文字色兜底 --- */
html[data-aura-mode="day"] .section-title{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .section-desc{color:rgba(26,26,26,.55)}

/* --- 画布：浅底上降低一点存在感 --- */
html[data-aura-mode="day"] .aura-canvas{opacity:.85}
html[data-aura-mode="day"] .aura-glow{
  background:radial-gradient(circle,
    rgba(201,169,110,.14) 0%,
    rgba(201,169,110,.06) 38%,
    transparent 70%);
}

/* ============================================================
   D. 移动端
   ============================================================ */
@media (max-width:768px){
  .dn-btn{width:28px;height:28px}
  .dn-btn svg{width:15px;height:15px}
}

/* ============================================================
   C2. 白天模式「文字可见性」补漏
   ------------------------------------------------------------
   审计发现 theme.liquid 里 41 条浅色文字规则，其中 8 条在白天模式下
   所在容器已翻成浅底 → 文字会消失。逐条补齐。
   （其余 33 条位于保持深色的容器上，无需改动：
     .nav* 走 mix-blend-mode:difference 自动适配；
     .product-card-add / .btn-addcart / .cart-checkout-btn 自身是深底按钮；
     .nam-* 账户下拉保持深底；.avv-cookie* 横幅保持深底）
   ============================================================ */

/* 品牌宣言区（该区块白天翻成米白底）—— 4 条主文案 */
html[data-aura-mode="day"] .avv-manifesto-question{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .avv-manifesto-reality{color:rgba(26,26,26,.62)}
html[data-aura-mode="day"] .avv-manifesto-redef{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .avv-manifesto-closing{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .avv-manifesto-label{color:var(--gold-dark,#A88B4E)}

/* 搜索层（白天翻成米白底）—— 4 条 */
html[data-aura-mode="day"] .search-input-wrap input::-moz-placeholder{color:rgba(26,26,26,.34)}
html[data-aura-mode="day"] .search-input-wrap input::placeholder{color:rgba(26,26,26,.34)}
html[data-aura-mode="day"] .search-result-name{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .search-hint{color:rgba(26,26,26,.38)}
html[data-aura-mode="day"] .search-no-results{color:rgba(26,26,26,.5)}

/* 兜底：宣言区与搜索层内任何仍为浅色的小字 */
html[data-aura-mode="day"] .avv-manifesto p,
html[data-aura-mode="day"] .avv-manifesto span:not(.avv-manifesto-label){color:inherit}
html[data-aura-mode="day"] .search-overlay p,
html[data-aura-mode="day"] .search-overlay span,
html[data-aura-mode="day"] .search-overlay div:not([class*="result"]){color:inherit}

/* 账户下拉在白天仍保持深底 → 白色文字无需改动，仅补边框对比 */
html[data-aura-mode="day"] .nam-head{border-bottom-color:rgba(201,169,110,.28)}

/* ============================================================
   C3. 昼夜模式修正 v2
   ============================================================ */

/* ------------------------------------------------------------
   ① 黑夜模式：全站翻深
   主题默认 body 是米白（var(--cream)），中段区块无自身背景 → 透出米白。
   黑夜模式必须把基底压深，整站才会跟着变。
   ------------------------------------------------------------ */
html[data-aura-mode="night"] body{
  background:#0A0A0A;
  color:var(--cream,#F5F0E8);
}
html[data-aura-mode="night"] .product-page,
html[data-aura-mode="night"] .info-page{
  background:#0A0A0A;
  color:var(--cream,#F5F0E8);
}

/* 中段区块：无背景的靠 body 透出，文字需随之翻亮 */
html[data-aura-mode="night"] .section-title,
html[data-aura-mode="night"] .info-page h1,
html[data-aura-mode="night"] .info-page h2{color:var(--cream,#F5F0E8)}
html[data-aura-mode="night"] .section-desc,
html[data-aura-mode="night"] .info-page p,
html[data-aura-mode="night"] .info-page li{color:rgba(245,240,232,.58)}
html[data-aura-mode="night"] .stat-label{color:rgba(245,240,232,.5)}
html[data-aura-mode="night"] .back-link{color:rgba(245,240,232,.45)}
html[data-aura-mode="night"] .back-link:hover{color:var(--gold,#C9A96E)}
html[data-aura-mode="night"] .price-range{color:var(--gold-light,#D9BE8E)}
html[data-aura-mode="night"] .product-header p{color:rgba(245,240,232,.55)}
html[data-aura-mode="night"] .stat-num{color:var(--gold,#C9A96E)}
html[data-aura-mode="night"] .avv-scene{background:#0d0d0d}
html[data-aura-mode="night"] .premium-card-img{background-color:#121110}

/* ------------------------------------------------------------
   ② 白天模式：补 3 处漏掉的纯黑块
   ------------------------------------------------------------ */

/* 2a. 宣言区的 3 个方块 —— 原来只改了文字，方块本体仍是 #0d0d0d */
html[data-aura-mode="day"] .avv-scene{
  background:#FBF7F0;
}
html[data-aura-mode="day"] .avv-scenes{
  background:rgba(168,139,78,.24);
  border-color:rgba(168,139,78,.24);
}
html[data-aura-mode="day"] .avv-scene-num{color:var(--gold-dark,#A88B4E)}

/* 2b. 系列 4/5 入口框 —— 黑色来自 .premium-card-overlay 的 rgba(0,0,0,.55) */
html[data-aura-mode="day"] .premium-card-overlay{
  background:rgba(245,240,232,.80);
}
html[data-aura-mode="day"] .premium-card-overlay:hover{
  background:rgba(245,240,232,.90);
}
html[data-aura-mode="day"] .premium-card-img{
  background-color:#EDE4D3;
}
html[data-aura-mode="day"] .premium-card-label{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .premium-card-title{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .premium-card-desc{color:rgba(26,26,26,.66)}
html[data-aura-mode="day"] .premium-card-btn{
  color:var(--gold-dark,#A88B4E);
  border-color:var(--gold,#C9A96E);
}

/* 2c. 轮播 / 空广告位 —— 这些是内联 style="background:#0A0A0A"，必须 !important */
html[data-aura-mode="day"] .avv-carousel{background:#EDE4D3}
html[data-aura-mode="day"] .avv-slide{background:#EDE4D3!important}
html[data-aura-mode="day"] .avv-single-ad{background:#EDE4D3!important}
html[data-aura-mode="day"] .avv-carousel-btn{
  background:rgba(255,255,255,.78);
  border-color:rgba(168,139,78,.38);
  color:var(--gold-dark,#A88B4E);
}
html[data-aura-mode="day"] .avv-carousel-btn:hover{
  background:var(--gold,#C9A96E);
  color:#fff;
}
html[data-aura-mode="day"] .avv-dot{border-color:rgba(168,139,78,.5)}
html[data-aura-mode="day"] .avv-dot.active{background:var(--gold-dark,#A88B4E)}

/* 2d. 跑马灯分隔条（深底金字 → 浅底深金字）*/
html[data-aura-mode="day"] .marquee-divider{
  background:linear-gradient(90deg,#EDE4D3,#F3ECDF 50%,#EDE4D3);
  color:var(--gold-dark,#A88B4E);
}

/* 2e. 商品卡在白天用纯白，与米白底区分开 */
html[data-aura-mode="day"] .product-card{
  background:#FFFFFF;
  border-color:rgba(168,139,78,.16);
}

/* ------------------------------------------------------------
   ③ 切换时的过渡（避免生硬跳变）
   ------------------------------------------------------------ */
body,.product-page,.info-page,.section-title,.section-desc,
.avv-scene,.premium-card-overlay,.marquee,.footer{
  transition:background-color 1.2s ease,color 1.2s ease,border-color 1.2s ease;
}
.avv-scene,.premium-card-overlay{transition:background 1.2s ease,background-color 1.2s ease}

@media (prefers-reduced-motion: reduce){
  body,.product-page,.info-page,.avv-scene,.premium-card-overlay{transition:none}
}

/* ============================================================
   C4. 系列内部页 + 内容页 昼夜联动
   ============================================================ */

/* ------------------------------------------------------------
   ① 商品卡：跟随昼夜翻转（不再固定白底）
   白天 → 白卡 + 深字 + 黑按钮
   黑夜 → 深卡 + 浅字 + 金边按钮（与整站深色协调）
   ------------------------------------------------------------ */
html[data-aura-mode="day"] .product-card{
  background:#FFFFFF;
  border-color:rgba(168,139,78,.16);
}
html[data-aura-mode="day"] .product-card-name{color:var(--black,#1A1A1A)}
html[data-aura-mode="day"] .product-card-desc{color:rgba(26,26,26,.45)}
html[data-aura-mode="day"] .product-card-price{color:var(--gold-dark,#A88B4E)}
html[data-aura-mode="day"] .product-card-price span{color:rgba(26,26,26,.5)}
html[data-aura-mode="day"] .product-card-add{
  background:var(--black,#1A1A1A);
  color:#FFFFFF;
  border:1px solid var(--black,#1A1A1A);
}
html[data-aura-mode="day"] .product-card-add:hover{
  background:var(--gold-dark,#A88B4E);
  border-color:var(--gold-dark,#A88B4E);
  color:#FFFFFF;
}

html[data-aura-mode="night"] .product-card{
  background:#121110;
  border-color:rgba(201,169,110,.16);
}
html[data-aura-mode="night"] .product-card-name{color:var(--cream,#F5F0E8)}
html[data-aura-mode="night"] .product-card-desc{color:rgba(245,240,232,.42)}
html[data-aura-mode="night"] .product-card-price{color:var(--gold-light,#D9BE8E)}
html[data-aura-mode="night"] .product-card-price span{color:rgba(245,240,232,.45)}
html[data-aura-mode="night"] .product-card-add{
  background:transparent;
  border:1px solid rgba(201,169,110,.55);
  color:var(--gold,#C9A96E);
}
html[data-aura-mode="night"] .product-card-add:hover{
  background:var(--gold,#C9A96E);
  border-color:var(--gold,#C9A96E);
  color:#0A0A0A;
}
/* 徽标 */
html[data-aura-mode="night"] .product-card-badge{
  background:rgba(201,169,110,.92);
  color:#0A0A0A;
}
html[data-aura-mode="night"] .product-card-badge.heavy{
  background:linear-gradient(135deg,var(--gold-dark,#A88B4E),var(--gold,#C9A96E));
  color:#FFFFFF;
}
/* 悬停阴影：深底上要更实 */
html[data-aura-mode="night"] .product-card:hover{
  box-shadow:0 24px 60px -30px rgba(0,0,0,.95);
}
/* 卡片图片底部与卡身衔接（深卡上加深色渐变，避免硬边）*/
html[data-aura-mode="night"] .product-card-img{background:#0E0D0C}

/* 商品详情页的主图底 */
html[data-aura-mode="night"] .product-detail-main-img{background:#0E0D0C}

/* ------------------------------------------------------------
   ② 系列页的 3 种背景装饰 —— 浅底上提高对比
   ------------------------------------------------------------ */
html[data-aura-mode="day"] .everyday-bg::before,
html[data-aura-mode="day"] .everyday-bg::after{
  border-color:rgba(168,139,78,.30);
}
html[data-aura-mode="day"] .statement-bg::before,
html[data-aura-mode="day"] .statement-bg::after{
  background:radial-gradient(circle,rgba(201,169,110,.24),transparent 60%);
}
html[data-aura-mode="day"] .atelier-bg{
  background-image:radial-gradient(circle at 1px 1px,rgba(168,139,78,.16) 1px,transparent 0);
}
html[data-aura-mode="day"] .atelier-bg::before,
html[data-aura-mode="day"] .atelier-bg::after{
  border-color:rgba(168,139,78,.30);
}

/* 系列页头部特效（金线 / 波浪 / 花纹）在浅底上加一点重量 */
html[data-aura-mode="day"] .coll-fx{filter:saturate(1.15) brightness(.88)}

/* ------------------------------------------------------------
   ③ Huld(couture) / Kleinod(art) —— 深色写在内联 style 上
   ------------------------------------------------------------ */

/* 页面本体：内联 background + color，必须 !important */
html[data-aura-mode="day"] .couture-page{
  background:linear-gradient(180deg,#F5F0E8 0%,#EFE7D8 100%)!important;
  color:var(--black,#1A1A1A)!important;
}
html[data-aura-mode="day"] .art-page{
  background:#F5F0E8!important;
  color:var(--black,#1A1A1A)!important;
}
/* 黑夜：保持原有的深色（内联值本身即深色，无需改动，仅补文字） */
html[data-aura-mode="night"] .couture-page,
html[data-aura-mode="night"] .art-page{color:var(--cream,#F5F0E8)!important}

/* 只压「内联浅色文字」，金色强调不动 —— 用属性选择器精准命中 */
html[data-aura-mode="day"] .couture-page [style*="color:var(--cream)"],
html[data-aura-mode="day"] .couture-page [style*="color:rgba(245,240,232"],
html[data-aura-mode="day"] .couture-page [style*="color:#fff"],
html[data-aura-mode="day"] .couture-page [style*="color:#FFF"],
html[data-aura-mode="day"] .art-page [style*="color:var(--cream)"],
html[data-aura-mode="day"] .art-page [style*="color:rgba(245,240,232"],
html[data-aura-mode="day"] .art-page [style*="color:#fff"],
html[data-aura-mode="day"] .art-page [style*="color:#FFF"]{
  color:var(--black,#1A1A1A)!important;
}

/* 这两个页面里的标题与正文（无内联色，靠继承）*/
html[data-aura-mode="day"] .couture-page h1,
html[data-aura-mode="day"] .couture-page h2,
html[data-aura-mode="day"] .couture-page h3,
html[data-aura-mode="day"] .art-page h1,
html[data-aura-mode="day"] .art-page h2,
html[data-aura-mode="day"] .art-page h3{
  color:var(--black,#1A1A1A);
}

/* 内联的深色装饰块 → 浅色 */
html[data-aura-mode="day"] .art-page [style*="background:var(--black)"],
html[data-aura-mode="day"] .couture-page [style*="background:linear-gradient(180deg,#0d0d0d"],
html[data-aura-mode="day"] .art-page [style*="background:#0d0d0d"],
html[data-aura-mode="day"] .couture-page [style*="background:#0d0d0d"]{
  background:#FBF7F0!important;
}
/* 半透明白面板在浅底上不可见 → 换成淡金 */
html[data-aura-mode="day"] .couture-page [style*="background:rgba(255,255,255,.03)"],
html[data-aura-mode="day"] .art-page [style*="background:rgba(255,255,255,.03)"]{
  background:rgba(201,169,110,.07)!important;
  border-color:rgba(168,139,78,.22)!important;
}

/* 金色按钮在浅底上加深一点，保证可读 */
html[data-aura-mode="day"] .art-page .btn-gold,
html[data-aura-mode="day"] .couture-page .btn-gold{
  color:var(--black,#1A1A1A);
}

/* 内容页 info-page 的表格与高亮块 */
html[data-aura-mode="day"] .info-page .info-highlight{
  background:linear-gradient(135deg,rgba(201,169,110,.12),rgba(201,169,110,.05));
  border-color:rgba(168,139,78,.26);
}
html[data-aura-mode="day"] .info-page td{border-bottom-color:rgba(0,0,0,.10)}
html[data-aura-mode="day"] .info-page th{background:var(--black,#1A1A1A);color:var(--cream,#F5F0E8)}
html[data-aura-mode="night"] .info-page th{background:rgba(201,169,110,.16);color:var(--cream,#F5F0E8)}

/* ------------------------------------------------------------
   ④ 过渡
   ------------------------------------------------------------ */
.product-card,.couture-page,.art-page,.info-page,.product-page{
  transition:background-color 1.2s ease,color 1.2s ease,border-color 1.2s ease;
}
@media (prefers-reduced-motion: reduce){
  .product-card,.couture-page,.art-page,.info-page,.product-page{transition:none}
}

/* ============================================================
   C5. 导航栏昼夜 —— 默认浅条 + 黑夜覆盖
   ------------------------------------------------------------
   关键改动：不再依赖 html[data-aura-mode="day"]
     原先所有规则挂在 day 属性上 —— 属性一旦缺失，day 规则全失效，
     退回主题默认 .nav.scrolled{background:rgba(26,26,26,.92)} → 黑条。
     现在：无属性时 = 浅条（与默认米白页面一致），黑夜才覆盖。
   用 !important 是因为主题那条 .nav.scrolled 与我的同权重，
   只能靠加载顺序取胜；加 !important 可以彻底排除顺序与缓存变量。
   ============================================================ */

/* ---- 默认（无属性 或 day 或 任何未知值）：米白浅条 + 深字 ---- */
.nav.scrolled{
  background:rgba(245,240,232,.93)!important;
  -webkit-backdrop-filter:saturate(1.4) blur(14px);
  backdrop-filter:saturate(1.4) blur(14px);
  mix-blend-mode:normal!important;
  box-shadow:0 1px 0 rgba(168,139,78,.22), 0 8px 26px -20px rgba(0,0,0,.5)!important;
}
.nav.scrolled .nav-links a,
.nav.scrolled .nav-cart,
.nav.scrolled .nav-account,
.nav.scrolled .nav-search-btn,
.nav.scrolled .lang-btn{
  color:var(--black,#1A1A1A)!important;
}
.nav.scrolled .nav-links a:hover{color:var(--gold-dark,#A88B4E)!important}
.nav.scrolled .nav-account,
.nav.scrolled .nav-search-btn{opacity:.82}
.nav.scrolled .nav-logo-img{filter:brightness(0) opacity(.88)!important}
.nav.scrolled .nav-hamburger span{background:var(--black,#1A1A1A)!important}
.nav.scrolled .nav-cart-count{
  background:var(--gold,#C9A96E)!important;
  color:var(--black,#1A1A1A)!important;
  box-shadow:0 0 0 1px rgba(26,26,26,.18);
}

/* ---- 顶部未滚动：透明 + difference 自适应 ---- */
.nav:not(.scrolled){background:transparent!important}

/* ---- 黑夜：深条 + 浅字 ---- */
html[data-aura-mode="night"] .nav.scrolled{
  background:rgba(10,10,10,.93)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:none!important;
}
html[data-aura-mode="night"] .nav.scrolled .nav-links a,
html[data-aura-mode="night"] .nav.scrolled .nav-cart,
html[data-aura-mode="night"] .nav.scrolled .nav-account,
html[data-aura-mode="night"] .nav.scrolled .nav-search-btn,
html[data-aura-mode="night"] .nav.scrolled .lang-btn{
  color:#fff!important;
}
html[data-aura-mode="night"] .nav.scrolled .nav-logo-img{filter:none!important}
html[data-aura-mode="night"] .nav.scrolled .nav-hamburger span{background:#fff!important}

/* ---- 抽屉打开时：无底、无混合 ---- */
.nav.menu-open{
  background:transparent!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-aura-mode="day"] .nav.menu-open .nav-logo-img,
html[data-aura-mode="day"] .nav.menu-open .nav-hamburger span{filter:none}
html[data-aura-mode="day"] .nav.menu-open .nav-logo-img{filter:brightness(0) opacity(.86)!important}
html[data-aura-mode="day"] .nav.menu-open .nav-hamburger span{background:var(--black,#1A1A1A)!important}

/* 滚动进度条 */
.scroll-progress{
  background:linear-gradient(90deg,var(--gold-dark,#A88B4E),var(--gold,#C9A96E))!important;
}
/* ============================================================
   C6. 审计修复
   ============================================================ */

/* ------------------------------------------------------------
   ① 手机端触摸热区（审计发现：.avv-dot 仅 8px，手指点不中）
   做法：视觉不变，用伪元素把可点区域撑到 ≥44px
   ------------------------------------------------------------ */
@media (max-width:900px){
  .avv-dot{position:relative}
  .avv-dot::after{content:'';position:absolute;top:50%;left:50%;
    width:44px;height:44px;transform:translate(-50%,-50%)}
  .avv-carousel-btn{width:44px;height:44px}
  .avv-carousel-prev{left:8px}
  .avv-carousel-next{right:8px}
  .nav-links .dn-btn{width:42px;height:42px}
  .nav-links .dn-btn svg{width:20px;height:20px}
  .search-close{width:44px;height:44px}
  .lang-btn{min-height:40px;padding:10px 18px}
  /* 可点链接撑满整行，避免"点不中" */
  .nav-links a{padding:10px 12px}
}
/* 桌面端：轮播按钮也略放大，鼠标更易命中 */
@media (min-width:901px){
  .avv-carousel-btn{width:44px;height:44px}
}

/* ------------------------------------------------------------
   ② 低端机：关掉装饰性无限循环动画
   JS 已按 CPU/内存/触屏/屏宽打分，写入 html[data-aura-tier]
   这些是运行时最贵的几个（大面积 blur / 旋转 / 呼吸）
   ------------------------------------------------------------ */
html[data-aura-tier="low"] .everyday-bg::before,
html[data-aura-tier="low"] .everyday-bg::after,
html[data-aura-tier="low"] .statement-bg::before,
html[data-aura-tier="low"] .statement-bg::after,
html[data-aura-tier="low"] .atelier-bg::before,
html[data-aura-tier="low"] .atelier-bg::after,
html[data-aura-tier="low"] .hero-glow,
html[data-aura-tier="low"] .aura-glow,
html[data-aura-tier="low"] .art-side-left,
html[data-aura-tier="low"] .art-side-right,
html[data-aura-tier="low"] .art-markers-rotate{
  animation:none!important;
}
/* 低端机：长过渡改短，减少主线程压力 */
html[data-aura-tier="low"] .product-card-img,
html[data-aura-tier="low"] .collection-card-img{
  transition-duration:.35s!important;
}
/* 省流/极低端：连画布都不建，装饰也全部静止 */
html[data-aura-tier="off"] .everyday-bg::before,
html[data-aura-tier="off"] .everyday-bg::after,
html[data-aura-tier="off"] .statement-bg::before,
html[data-aura-tier="off"] .statement-bg::after,
html[data-aura-tier="off"] .atelier-bg::before,
html[data-aura-tier="off"] .atelier-bg::after,
html[data-aura-tier="off"] .hero-glow,
html[data-aura-tier="off"] .aura-glow,
html[data-aura-tier="off"] .marquee-inner{
  animation:none!important;
  opacity:1;
}
/* 低端机：光晕层直接不渲染（大面积 blur 最贵）*/
html[data-aura-tier="low"] .aura-glow,
html[data-aura-tier="off"] .aura-glow{
  display:none!important;
}

/* ------------------------------------------------------------
   ③ 层级校正
   .page-loading(9999) 与 .search-overlay(9999) 同级 —— 搜索层
   应在加载层之下、菜单之上；显式排开避免随机覆盖
   ------------------------------------------------------------ */
.page-loading{z-index:10000}
.search-overlay{z-index:9999}
.nav.menu-open{z-index:9998}

/* ------------------------------------------------------------
   ④ 手机端横屏：菜单内容会更高，确保可滚
   ------------------------------------------------------------ */
@media (max-width:900px) and (orientation:landscape){
  .nav-links{
    padding-top:calc(64px + env(safe-area-inset-top,0px));
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));
  }
  .nav-links li{padding:10px 0}
  .nav-links a{font-size:14px;padding:6px 10px}
}

/* ------------------------------------------------------------
   ⑤ 触摸设备：去掉 hover 造成的"点一下变色"错觉
   ------------------------------------------------------------ */
@media (hover:none){
  .product-card-add:hover,
  .avv-carousel-btn:hover,
  .dn-btn:hover{background:inherit}
  .product-card:hover{transform:none}
}

/* ============================================================
   C7. 商品详情页 · 黑夜模式可读性
   ------------------------------------------------------------
   根因：.product-qty button{color:var(--black)}
         黑字压在深色页面上 → 数量 +/− 完全看不见
         （边框是浅色 var(--cream-dark)，所以只剩一个空框）
   ============================================================ */

/* ---- 数量选择器 ---- */
html[data-aura-mode="night"] .product-qty{
  border-color:rgba(201,169,110,.45)!important;
}
html[data-aura-mode="night"] .product-qty button{
  color:var(--cream,#F5F0E8)!important;
}
html[data-aura-mode="night"] .product-qty button:hover{
  background:var(--gold,#C9A96E)!important;
  color:#0A0A0A!important;
}
html[data-aura-mode="night"] .product-qty input{
  color:var(--cream,#F5F0E8)!important;
  -webkit-text-fill-color:var(--cream,#F5F0E8)!important;
  border-left-color:rgba(201,169,110,.45)!important;
  border-right-color:rgba(201,169,110,.45)!important;
}
html[data-aura-mode="night"] .product-qty input::-moz-placeholder{
  color:rgba(245,240,232,.4)!important;
}
html[data-aura-mode="night"] .product-qty input::placeholder{
  color:rgba(245,240,232,.4)!important;
}
/* 白天：边框加深一点，避免在米白上发飘 */
html[data-aura-mode="day"] .product-qty{
  border-color:rgba(168,139,78,.34)!important;
}
html[data-aura-mode="day"] .product-qty input{
  border-left-color:rgba(168,139,78,.34)!important;
  border-right-color:rgba(168,139,78,.34)!important;
  color:var(--black,#1A1A1A)!important;
}
html[data-aura-mode="day"] .product-qty button{color:var(--black,#1A1A1A)!important}

/* ---- 尺寸选项 ---- */
html[data-aura-mode="night"] .variant-option{
  border-color:rgba(201,169,110,.35)!important;
  color:rgba(245,240,232,.85)!important;
}
html[data-aura-mode="night"] .variant-option.selected{
  background:var(--gold,#C9A96E)!important;
  border-color:var(--gold,#C9A96E)!important;
  color:#0A0A0A!important;
}
html[data-aura-mode="night"] .variant-option:hover{
  border-color:var(--gold,#C9A96E)!important;
  color:var(--gold,#C9A96E)!important;
}
html[data-aura-mode="day"] .variant-option{
  border-color:rgba(168,139,78,.34)!important;
  color:var(--black,#1A1A1A)!important;
}
html[data-aura-mode="day"] .variant-option.selected{
  background:var(--black,#1A1A1A)!important;
  border-color:var(--black,#1A1A1A)!important;
  color:var(--gold,#C9A96E)!important;
}

/* ---- 同页其它低对比文字 ---- */
html[data-aura-mode="night"] .size-label{color:rgba(245,240,232,.52)!important}
html[data-aura-mode="night"] .series-label{color:var(--gold,#C9A96E)!important}
html[data-aura-mode="night"] .product-detail-desc{color:rgba(245,240,232,.68)!important}
html[data-aura-mode="night"] .product-features li{color:rgba(245,240,232,.74)!important}
html[data-aura-mode="night"] .product-detail-price{color:var(--gold-light,#D9BE8E)!important}
html[data-aura-mode="night"] .product-shipping{
  color:rgba(245,240,232,.80)!important;
  background:rgba(201,169,110,.14)!important;
  border-left-color:var(--gold,#C9A96E)!important;
}
html[data-aura-mode="day"] .product-shipping{color:#5C4A33!important}
html[data-aura-mode="day"] .size-label{color:rgba(26,26,26,.5)!important}

/* ---- 加购 / 立即购买：深底上加一道可见描边，避免按钮"消失" ---- */
html[data-aura-mode="night"] .btn-addcart,
html[data-aura-mode="night"] .btn-buynow{
  border:1px solid rgba(201,169,110,.34)!important;
}
html[data-aura-mode="night"] .btn-addcart:hover,
html[data-aura-mode="night"] .btn-buynow:hover{
  background:var(--gold,#C9A96E)!important;
  border-color:var(--gold,#C9A96E)!important;
  color:#0A0A0A!important;
}

/* ---- 主图容器在深底上的底色 ---- */
html[data-aura-mode="night"] .product-detail-main-img{background:#0E0D0C}

/* ============================================================
   C9. 手机端性能减负（桌面端完全不动）
   ------------------------------------------------------------
   手机发热主要来自「大面积元素 + 无限动画 + 每帧重新合成」
   下面这些在手机上静止或移除，视觉损失极小，收益很大。
   ============================================================ */
@media (max-width:900px){
  /* ① 装饰性无限动画：手机上一律静止
        —— 它们多是大尺寸元素的旋转/呼吸，每帧触发合成，是发热主因 */
  .everyday-bg::before,
  .everyday-bg::after,
  .statement-bg::before,
  .statement-bg::after,
  .atelier-bg::before,
  .atelier-bg::after,
  .hero-glow,
  .art-side-left,
  .art-side-right,
  .art-markers-rotate,
  .art-ring-1, .art-ring-2, .art-ring-3, .art-ring-4,
  .scroll-progress{
    animation:none!important;
  }
  /* 旋转的圆环本身看不出转动（纯圆），静止后视觉完全一致 */

  /* ② 大面积光晕层：手机不渲染（大 blur 最贵）*/
  .aura-glow{ display:none!important }

  /* ③ 毛玻璃：每帧都要重新采样背后内容，手机上全部关闭 */
  .search-overlay,
  .avv-carousel-btn,
  .nav-account-menu,
  .lang-dropdown,
  .avv-cookie,
  .product-card,
  .premium-card-overlay{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* ④ 减少 GPU 图层占用（will-change 会常驻显存）*/
  .product-card-img,
  .collection-card-img,
  .premium-card-img,
  .aura-canvas{
    will-change:auto!important;
  }

  /* ⑤ 长过渡缩短，减少持续合成时间 */
  .product-card-img{ transition-duration:.35s!important }
  .premium-card-img{ transition-duration:.5s!important }
  .collection-card-img{ transition-duration:.5s!important }

  /* ⑥ 滚动性能：长列表用便宜的合成方式 */
  .product-grid,
  .collection-grid,
  .premium-grid{
    contain:layout style;
  }
}

/* 桌面端：保持完整视觉效果（此处刻意不写任何规则）*/

/* ============================================================
   C10. 切换时长微调（只改时长，不改任何视觉）
   ------------------------------------------------------------
   ① .nav 原本 0.4s，是全站唯一明显偏快的 —— 拉到与其它一致的 1.2s
   ② 这几类容器原本「没有 transition」→ 切换时瞬间跳变，补上 1.2s
   注意：**刻意不用 .reveal 元素**，它们自带滚动显现动画，
        加 transition 会把显现动画覆盖掉。
   ============================================================ */

/* ① 导航栏：背景/文字/描边 统一 1.2s（保留原有的 padding 动画）*/
html[data-aura-mode="day"] .nav,
html[data-aura-mode="night"] .nav{
  transition: padding .4s var(--ease),
              background-color 1.2s ease,
              color 1.2s ease,
              border-color 1.2s ease,
              box-shadow 1.2s ease;
}
/* 导航内的文字与图标跟随同一条时长 */
html .nav .nav-links a,
html .nav .nav-cart,
html .nav .nav-account,
html .nav .nav-search-btn,
html .nav .lang-btn,
html .nav .dn-btn{
  transition: color 1.2s ease, background-color 1.2s ease,
              border-color 1.2s ease, opacity 1.2s ease;
}

/* ② 原本没有过渡的容器 */
.hero,
.marquee,
.avv-manifesto,
.footer,
.collection-card,
.premium-card,
.avv-single-ad,
.avv-carousel,
.product-detail,
.couture-page,
.art-page{
  transition: background-color 1.2s ease,
              color 1.2s ease,
              border-color 1.2s ease;
}

/* 这些容器内部的文字层同样跟随（不含 .reveal）*/
.hero h1, .hero p, .hero a, .hero span,
.marquee span,
.avv-manifesto p, .avv-manifesto h2, .avv-manifesto span,
.footer p, .footer h3, .footer a,
.collection-card-title, .collection-card-price,
.premium-card-title, .premium-card-desc, .premium-card-label,
.product-card-name, .product-card-desc, .product-card-price,
.back-link, .price-range, .product-header h1, .product-header p{
  transition: color 1.2s ease, background-color 1.2s ease, border-color 1.2s ease;
}

/* ③ .reveal 元素：只补颜色过渡，保留它们原有的位移动画 */
.reveal:not(.section-title):not(.section-desc){
  transition-property: opacity, transform, color, background-color, border-color;
  transition-duration: .8s, .8s, 1.2s, 1.2s, 1.2s;
  transition-timing-function: cubic-bezier(.16,1,.3,1), cubic-bezier(.16,1,.3,1), ease, ease, ease;
}

@media (prefers-reduced-motion: reduce){
  html[data-aura-mode="day"] .nav,
  html[data-aura-mode="night"] .nav,
  .hero, .marquee, .avv-manifesto, .footer,
  .collection-card, .premium-card{ transition-duration:.01ms !important }
}

/* ============================================================
   C11. hero / 宣言区：让渐变背景也能平滑过渡
   ------------------------------------------------------------
   原理：CSS 渐变本身不能过渡；把渐变里的颜色注册成
        @property <color> 类型后，浏览器就会对它们插值。
   范围：**仅这两个元素**，其余一律不动。
   ============================================================ */
@property --avv-base { syntax:'<color>'; inherits:true; initial-value:#0d0d0d }
@property --avv-warm { syntax:'<color>'; inherits:true; initial-value:#2a2318 }

html{
  --avv-base:#0d0d0d;
  --avv-warm:#2a2318;
  /* 两个方向的时长完全一致 —— 切白天与切黑夜一样顺 */
  transition: --avv-base 1.2s ease, --avv-warm 1.2s ease,
              background-color 1.2s ease, color 1.2s ease;
}
html[data-aura-mode="day"]{
  --avv-base:#F5F0E8;
  --avv-warm:#EFE7D8;
}

/* hero：结构与原渐变完全等价 */
.hero{
  background-color:var(--avv-base);
  background-image:radial-gradient(ellipse at 50% 100%, var(--avv-warm) 0%, transparent 70%);
  transition: --avv-warm 1.2s ease, background-color 1.2s ease, color 1.2s ease;
}
/* 宣言区：暖色位置与夜间色值不同，用元素级变量 */
.avv-manifesto{
  background-color:var(--avv-base);
  background-image:radial-gradient(ellipse at 50% 0%, var(--avv-warm) 0%, transparent 72%);
  transition: --avv-warm 1.2s ease, background-color 1.2s ease, color 1.2s ease;
}
html[data-aura-mode="night"] .avv-manifesto{
  --avv-warm:#1c1610;
}

/* 两处内部的文字同样跟随 */
.hero h1, .hero p, .hero a,
.avv-manifesto p, .avv-manifesto h2{
  transition: color 1.2s ease;
}

/* 浏览器不支持 @property 时：退回静态渐变（不会报错，只是没有过渡）*/
@supports not (background: paint(x)){
  html[data-aura-mode="day"] .hero{
    background:radial-gradient(ellipse at 50% 100%, #EFE7D8 0%, var(--cream,#F5F0E8) 70%);
  }
  html[data-aura-mode="day"] .avv-manifesto{
    background:radial-gradient(ellipse at 50% 0%, #EFE7D8 0%, var(--cream,#F5F0E8) 72%);
  }
}

@media (prefers-reduced-motion: reduce){
  html, .hero, .avv-manifesto{ transition-duration:.01ms !important }
}

/* ============================================================
   C12 · 白天模式「丢金」修复
   ------------------------------------------------------------
   问题：金色元素在黑底上对比成立，但白天背景被强制翻成米白后，
        同一个金色（#C9A96E）因为明度接近米白而消失。
   做法：白天统一改用「金箔暗部」#8A6B28，并按对比度反解不透明度。
        —— 加深颜色比提高不透明度更有效，且设计不会被改重。
   验证：每条修复后的对比度见注释，全部 ≥ 目标值。
   ============================================================ */
/* 区块外框 · 对比 1.50:1 */
html[data-aura-mode="day"] .art-section-frame::before{ border-color:rgba(138,107,40,0.32) !important }
/* 区块中线 · 对比 1.46:1 */
html[data-aura-mode="day"] .art-section-frame::after{ background:rgba(138,107,40,0.30) !important }
/* 宣言上分隔线 · 对比 1.46:1 */
html[data-aura-mode="day"] .art-manifesto::before{ background:rgba(138,107,40,0.30) !important }
/* 宣言下分隔线 · 对比 1.46:1 */
html[data-aura-mode="day"] .art-manifesto::after{ background:rgba(138,107,40,0.30) !important }
/* 标题下划线 · 对比 1.50:1 */
html[data-aura-mode="day"] .info-page h2{ border-bottom-color:rgba(138,107,40,0.32) !important }
/* 链接下划线 · 对比 1.60:1 */
html[data-aura-mode="day"] .info-page a{ border-bottom-color:rgba(138,107,40,0.37) !important }
/* 高亮框边框 · 对比 1.46:1 */
html[data-aura-mode="day"] .info-page .info-highlight{ border-color:rgba(138,107,40,0.30) !important }
/* 高亮框底 · 对比 1.21:1 */
html[data-aura-mode="day"] .info-page .info-highlight{ background:linear-gradient(135deg,rgba(138,107,40,0.16),rgba(138,107,40,0.07)) !important; border-color:rgba(138,107,40,0.30) !important }
/* 表格悬停 · 对比 1.16:1 */
html[data-aura-mode="day"] .info-page tr:hover td{ background:rgba(138,107,40,0.12) !important }
/* 尺码框 · 对比 1.56:1 */
html[data-aura-mode="day"] .info-page .size-box{ border-color:rgba(138,107,40,0.35) !important }
/* 页脚分隔线 · 对比 1.49:1 */
html[data-aura-mode="day"] .footer-bottom{ border-top-color:rgba(138,107,40,0.33) !important }
/* 语言下拉边框 · 对比 1.56:1 */
html[data-aura-mode="day"] .lang-dropdown{ border-color:rgba(138,107,40,0.33) !important }
/* 轮播按钮 · 对比 1.60:1 */
html[data-aura-mode="day"] .avv-carousel-btn{ border-color:rgba(138,107,40,0.39) !important }
/* 账户菜单头 · 对比 1.56:1 */
html[data-aura-mode="day"] .nav-account-menu .nam-head{ border-bottom-color:rgba(138,107,40,0.33) !important }
/* 账户菜单悬停 · 对比 1.21:1 */
html[data-aura-mode="day"] .nav-account-menu .nam-item:hover{ background:rgba(138,107,40,0.15) !important }

/* 渐变分隔线：把中间色也换成深金 */
html[data-aura-mode="day"] .art-section-frame::after{
  background:linear-gradient(90deg,transparent,rgba(138,107,40,0.30),transparent) !important }
html[data-aura-mode="day"] .art-manifesto::before,
html[data-aura-mode="day"] .art-manifesto::after{
  background:linear-gradient(90deg,transparent,rgba(138,107,40,0.30),transparent) !important }

/* info 表格线：白天也要看得见 */
html[data-aura-mode="day"] .info-page th{ background:rgba(138,107,40,0.37) !important; color:#F5F0E8 !important }
html[data-aura-mode="day"] .info-page td{ border-bottom-color:rgba(138,107,40,0.21) !important }
html[data-aura-mode="day"] .info-page table{ border-color:rgba(138,107,40,0.21) !important }

/* 白天：产品卡/集合卡的悬停金边 */
html[data-aura-mode="day"] .product-card:hover{ border-color:rgba(138,107,40,0.33) !important }
html[data-aura-mode="day"] .collection-card .collection-card-overlay{ background:linear-gradient(180deg,transparent,rgba(138,107,40,.30)) !important }

/* 白天：按钮描边统一加深 */
html[data-aura-mode="day"] .btn-gold,
html[data-aura-mode="day"] .btn-outline,
html[data-aura-mode="day"] .avv-carousel-btn,
html[data-aura-mode="day"] .lang-dropdown{
  border-color:rgba(138,107,40,0.35) !important }
html[data-aura-mode="day"] .btn-gold,
html[data-aura-mode="day"] .btn-outline{ color:#8A6B28 !important }

/* ============================================================
   C13 · 白天模式丢金修复（第二轮 · 补漏）
   ------------------------------------------------------------
   C12 用「容器类名」匹配，漏掉了选择器里不写容器的规则，
   例如 .art-ring-1 —— 它虽然在 .art-page 里面，但选择器本身
   不含 art-page，所以静态扫描抓不到。
   本块只包含 C12 未覆盖的部分，不重复声明。

   统一做法：白天改用「金箔暗部」#8A6B28，并按对比度反解 alpha。
   ============================================================ */

/* ---- Kleinod 四环：底环与弧线分开，保留原有层次 ---- */
html[data-aura-mode="day"] .art-ring-1{
  border-color:rgba(138,107,40,0.27) !important; border-width:0.5px !important }
html[data-aura-mode="day"] .art-ring-2{
  border-color:rgba(138,107,40,0.27) !important;
  border-top-color:rgba(138,107,40,0.47) !important;
  border-width:0.5px !important }
html[data-aura-mode="day"] .art-ring-3{
  border-color:rgba(138,107,40,0.27) !important; border-width:0.5px !important }
html[data-aura-mode="day"] .art-ring-4{
  border-color:rgba(138,107,40,0.27) !important;
  border-bottom-color:rgba(138,107,40,0.47) !important;
  border-width:0.5px !important }

/* ---- 环上的菱形标记（SVG）与两侧流动曲线 ---- */
html[data-aura-mode="day"] .art-ring-markers rect{ fill:#8A6B28 !important; opacity:0.60 !important }
html[data-aura-mode="day"] .art-side-curve path{ stroke:#8A6B28 !important; opacity:0.34 !important }

/* ---- 中央径向辉光：白天从金色换成深金 ---- */
html[data-aura-mode="day"] .art-hero [style*="radial-gradient"]{
  background:radial-gradient(ellipse at center,rgba(138,107,40,.16) 0%,transparent 60%) !important }

/* ---- 标题分隔线与菱形标记 ---- */
html[data-aura-mode="day"] .art-title-line{ background:rgba(138,107,40,0.3) !important }
html[data-aura-mode="day"] .art-divider-line{ background:rgba(138,107,40,0.27) !important }
html[data-aura-mode="day"] .art-divider-diamond{ background:#8A6B28 !important }

/* ---- Huld 页面（couture-page）里的浅色框 ---- */
html[data-aura-mode="day"] .couture-page [style*="background:rgba(255,255,255,.03)"]{
  background:rgba(138,107,40,0.14) !important;
  border-color:rgba(138,107,40,0.27) !important }
html[data-aura-mode="day"] .couture-page [style*="border:1px solid rgba(201,169,110"]{
  border-color:rgba(138,107,40,0.27) !important }

/* ---- 典藏页 CTA 的渐变描边 ---- */
html[data-aura-mode="day"] .art-cta::before{
  border-color:rgba(138,107,40,0.24) !important }

/* ---- 数值对照（写成注释，便于以后核对）----
   art-ring 底环  1.40:1      art-ring 弧线  1.85:1
   art-title-line 1.46:1      art-divider-line 1.40:1
   couture 浅框底 1.18:1      边框 1.40:1
   ------------------------------------------------ */