/* youshen 游神·风水 — per-theme form layer (形态层).

   值集（颜色/圆角/线宽）在 config/tokens.py THEMES["youshen"]，经 var(--cl-*) 级联
   自动换（暖宣纸/玄墨/灯笼朱红、更方正圆角、稍粗墨线）。本文件覆盖 clarity 里未
   token 化的壳面色——sidebar.css / nav-rail.css / scroll-rail.css 硬编码的灰白
   rgba(238,238,238) / #000 / #fff——并补风水形态（暖色磨砂、灯笼朱红选中态与登录钮）。

   body 挂 light clarity youshen，本作用域更具体（body.youshen > body.clarity 同特异性
   时靠加载顺序在后取胜），级联覆盖生效。装饰元素（灯笼/祥云 SVG）留待 HTML 注入点确定后补。
*/

/* ── 壳：header —— 回纹底边（形态 token：--cl-pattern-meander，repeat-x 横带，替代纯暖线） ── */
body.youshen .hdr{border-bottom:0;position:relative}
body.youshen .hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background-image:var(--cl-pattern-meander);background-repeat:repeat-x;background-size:auto 5px;
  pointer-events:none;opacity:.55}

/* ── 壳：侧边栏 rail（桌面磨砂胶囊，sidebar.css 硬编码 rgba(238,238,238)/#000） ── */
@media(min-width:769px){
  body.youshen .cl-sidebar-rail::before{
    background:rgba(247,241,227,.84);
    box-shadow:inset 0 0 0 .5px rgba(255,255,255,.6),0 0 0 .5px rgba(138,106,69,.24),0 4px 16px rgba(32,26,18,.06)
  }
  body.youshen .cl-sidebar-btn,
  body.youshen .cl-sidebar-ico,
  body.youshen .cl-sidebar-label{color:var(--cl-ink,#201a12)}
  body.youshen .is-single>.cl-sidebar-btn:hover,
  body.youshen .cl-sidebar-item:hover>button.cl-sidebar-btn{background:rgba(138,106,69,.08)}
  /* 选中态：灯笼朱红浅底 + 朱红墨 */
  body.youshen .cl-sidebar-btn.active{background:var(--cl-brand-soft,#f7e2dd)}
  body.youshen .cl-sidebar-btn.active .cl-sidebar-ico,
  body.youshen .cl-sidebar-btn.active .cl-sidebar-label{color:var(--cl-brand,#c3272b)}
  body.youshen .cl-sidebar-card{
    background:rgba(247,241,227,.9);
    box-shadow:inset 0 0 0 .5px rgba(255,255,255,.6),0 0 0 .5px rgba(138,106,69,.24),0 4px 16px rgba(32,26,18,.06)
  }
  /* 祥云角花（形态 token：--cl-ornament-auspicious_cloud，浮层卡右上角，克制点缀） */
  body.youshen .cl-sidebar-panel::after{content:"";position:absolute;top:6px;right:6px;width:24px;height:24px;
    background:var(--cl-ornament-auspicious_cloud) center/contain no-repeat;opacity:.45;pointer-events:none}
  body.youshen .cl-sidebar-link{color:var(--cl-ink,#201a12)}
  body.youshen .cl-sidebar-link:hover{background:rgba(138,106,69,.08)}
  body.youshen .cl-sidebar-link.active,
  body.youshen .cl-sidebar-link.active:hover{background:var(--cl-brand-soft,#f7e2dd);color:var(--cl-brand,#c3272b);border-color:rgba(195,39,43,.18)}
  body.youshen .cl-sidebar-foot::before{background:rgba(138,106,69,.14)}
  /* 登录圆钮变灯笼朱红（替代 clarity 的纯黑） */
  body.youshen .cl-sidebar-login{background:var(--cl-brand,#c3272b);color:#fff}
  body.youshen .cl-sidebar-login:hover{background:var(--cl-brand-hover,#9e1f24)}
  body.youshen .cl-sidebar-login:focus-visible{background:var(--cl-brand,#c3272b);color:#fff}
}
/* 移动端全屏菜单 */
@media(max-width:768px){
  body.youshen .cl-sidebar-rail{background:var(--cl-surface,#f7f1e3)}
  body.youshen .cl-sidebar-btn,
  body.youshen .cl-sidebar-link,
  body.youshen .cl-sidebar-option{color:var(--cl-ink,#201a12)}
  body.youshen .cl-sidebar-link{background:var(--cl-fill,#ede4d0)}
  body.youshen .cl-sidebar-btn.active,
  body.youshen .cl-sidebar-link.active{color:var(--cl-brand,#c3272b)}
  body.youshen .cl-sidebar-option.active{background:rgba(138,106,69,.1)}
}

/* ── 壳：页内导航 nav-rail（nav-rail.css 硬编码 #fff/#696e77） ── */
body.youshen .nav-rail-wrap:has(.page-nav-market){background:var(--cl-surface,#f7f1e3)}
body.youshen .nav-rail-btn{background:var(--cl-surface,#f7f1e3);color:var(--cl-muted,#6e6a5e)}
body.youshen .nav-rail-btn:hover{color:var(--cl-ink,#201a12)}
body.youshen .nav-rail-fade-left{background:linear-gradient(90deg,var(--cl-surface,#f7f1e3),rgba(247,241,227,0))}
body.youshen .nav-rail-fade-right{background:linear-gradient(270deg,var(--cl-surface,#f7f1e3),rgba(247,241,227,0))}

/* ── 壳：横滑卡 rail（scroll-rail.css 硬编码 #fff/#dbdde1） ── */
body.youshen .scroll-rail-btn{background:var(--cl-surface,#f7f1e3);border-color:var(--cl-line,#d8c9a8);color:var(--cl-muted,#6e6a5e)}
body.youshen .scroll-rail-btn:hover{background:var(--cl-fill,#ede4d0);color:var(--cl-ink,#201a12)}
body.youshen .scroll-rail-fade-left{background:linear-gradient(90deg,var(--cl-surface,#f7f1e3),rgba(247,241,227,0))}
body.youshen .scroll-rail-fade-right{background:linear-gradient(270deg,var(--cl-surface,#f7f1e3),rgba(247,241,227,0))}

/* ── 品牌 logo：灯笼朱红换色（clarity 用 content:url 换 SVG，youshen 同机制，靠后源序覆盖） ── */
body.youshen.light .hdr .logo-light{content:url("../assets/cibo-wordmark-youshen.svg?v=1")}
body.youshen.light .ft-logo .logo-light{content:url("../assets/cibo-symbol-youshen.svg?v=1")}
body.youshen.light .nf-logo .logo-light{content:url("../assets/cibo-symbol-youshen.svg?v=1")}
body.youshen .pd-symbol{content:url("../assets/cibo-symbol-youshen.svg?v=1")}