/* ============================================================
   设计 Token（庄子文化 · 东方水墨 · 鎏金 · 朱砂）
   ============================================================ */
:root {
  --zz-ink: #1a1713;        /* 墨黑 */
  --zz-ink-2: #2a2620;      /* 深墨 */
  --zz-paper: #f4efe6;      /* 宣纸米白 */
  --zz-paper-2: #fdfbf6;    /* 亮宣纸 */
  --zz-cinnabar: #a02f26;   /* 朱砂 */
  --zz-cinnabar-2: #b03a2e; /* 亮朱砂 */
  --zz-gold: #c8a45d;       /* 鎏金 */
  --zz-gold-2: #d4af6a;     /* 亮鎏金 */
  --zz-gold-soft: #e6d3b0;  /* 浅鎏金 */
  --zz-serif: "Noto Serif SC","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;
  --zz-kai: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","DFKai-SB","楷体","华文楷体",serif;
}

/* 全局字体基线：正文宋体，数字/价格衬线对齐 */
body, #app {
  font-family: var(--zz-serif);
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ============================================================
   庄子文化 · 御逍遥游 —— 全站高级感主题
   喝庄子酒，御逍遥游
   东方水墨 × 鎏金 × 朱砂 · 逍遥自在的东方哲思美学
   ============================================================ */

/* ---------- 1. 全局基础 ---------- */
html, body {
  background: #f4efe6 !important;
  color: #2a2620 !important;
}
body, #app {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif !important;
}

/* 标题：宋体衬线（文学古典感） */
h1, h2, h3, h4 {
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", "宋体", serif !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}

/* 品牌标语：楷体（书法气韵） */
.zz-slogan, .zz-brand, .zz-hero-sub, .zz-seal-text {
  font-family: "Ma Shan Zheng","STKaiti", "KaiTi", "Kaiti SC", "DFKai-SB", "楷体", "华文楷体", serif !important;
}

/* ---------- 2. 主色重映射（桃粉 → 朱砂/鎏金） ---------- */
.primary, .footnav .router-link-active { color: #b03a2e !important; }
a { color: #a02f26 !important; }

/* ---------- 3. 顶栏 headnav ---------- */
.headnav, .title { background: transparent !important; }
.headnav .title { color: #2a2620 !important; }

/* ---------- 4. 底部导航 footnav ---------- */
.footnav {
  background: #1a1713 !important;
  color: #d8cdb8 !important;
  box-shadow: 0 -2px 16px rgba(0,0,0,.25) !important;
  /* iPhone 刘海 / Home indicator 安全区 */
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.footnav .foot_item { color: #8a8376 !important; }
.footnav .router-link-active { color: #d4af6a !important; }

/* ---------- 5. 按钮 ---------- */
button, .login_sign, .btn_bind, .primary_ {
  font-family: "Noto Serif SC", "STSong", "SimSun", serif !important;
  letter-spacing: .12em !important;
}
.login_sign {
  background: linear-gradient(135deg, #a02f26 0%, #c14b3a 100%) !important;
  color: #f9f3e6 !important;
  border: 1px solid #8e2820 !important;
  box-shadow: 0 6px 20px rgba(160,47,38,.32) !important;
}
.btn_bind, .primary_, .btn {
  background: linear-gradient(135deg, #c8a45d 0%, #d9b878 100%) !important;
  border: 1px solid #b8924f !important;
  color: #241c0e !important;
}

/* ---------- 6. 卡片 / 容器 ---------- */
.list { background: #f4efe6 !important; }
/* 修复：产品列表原负 margin -4.26667rem 上拉，导致与上方栏目 grid 重叠 */
.list { margin-top: 0 !important; }
.van-cell, .van-card { background: #fffdf8 !important; }
.van-button--primary { background: linear-gradient(135deg, #a02f26, #c14b3a) !important; border: none !important; }
.van-button--warning, .van-button--danger { background: #b03a2e !important; border: none !important; }

/* ---------- 7. 登录页 ---------- */
/* 原生桃粉背景 → 透明（露出注入的水墨场景） */
.login[data-v-d391dfd6] {
  background: none !important;
  position: relative;
  z-index: 3;
  color: #2a2620 !important;
}
/* 隐藏原生 logo（改用注入的品牌徽标） */
.login > img.logo { display: none !important; }

/* 登录卡片：宣纸质感 */
.login .container[data-v-d391dfd6] {
  background: #fffdf8 !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.38) !important;
  border: 1px solid rgba(212,175,106,.3) !important;
  margin-top: .5rem !important;
}
.login .container .content h2 { color: #8a7a5c !important; }
.login .container .content input { color: #2a2620 !important; }
.login .container .phone .phones ul li { color: #a02f26 !important; }
.login .container .remember h3 { color: #8a7a5c !important; }
/* 忘记密码（卡片内） */
.login .container h1 { color: #8a7a5c !important; }
/* 还没有账号（浅色背景上） */
.login[data-v-d391dfd6] > h1 { color: #8a6a3a !important; }

/* ---------- 8. 注入的水墨场景 + 品牌块 ---------- */
.zz-hero { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
.zz-hero .zz-scene { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.zz-brand { position: relative; z-index: 3; text-align: center; padding: 1.1rem .4rem .1rem; }
.zz-brand-logo { height: 1.15rem; width: auto; display: block; margin: 0 auto .34rem; filter: drop-shadow(0 3px 10px rgba(160,47,38,.16)); }
.zz-slogan {
  font-size: .72rem;
  letter-spacing: .06em;
  color: #1a1713;
  text-shadow: none;
}
.zz-hero-sub {
  font-family: "Noto Serif SC", "STSong", "SimSun", serif !important;
  font-size: .34rem;
  letter-spacing: .16em;
  color: #8a6a3a;
  margin-top: .3rem;
  opacity: .92;
}

/* ---------- 9. 首页（mrhome）去桃粉 ---------- */
.backgroud, .top { background: none !important; }
/* 去桃粉后 .backgroud 是空容器（原桃粉推荐横幅已无内容），改造成鎏金分隔带，避免出现突兀空白 */
.backgroud {
  height: 1.9rem !important;
  padding-top: 0 !important;
  background:
    linear-gradient(180deg, rgba(200,164,93,.16) 0%, rgba(200,164,93,.03) 48%, rgba(200,164,93,.16) 100%) !important;
  border-top: 1px solid rgba(200,164,93,.28) !important;
  border-bottom: 1px solid rgba(200,164,93,.28) !important;
}
.list .goods {
  background: #fffdf8 !important;
  border: 1px solid #ece0c8 !important;
  border-radius: 10px !important;
}
.nav .nav_item span { color: #2a2620 !important; }

/* ---------- 10. 分隔线 ---------- */
hr, .border, .qsrzfmm_bt { border-color: #e2d6bd !important; }

/* ---------- 11. 主页面品牌水印（逍遥印章 + 标语） ---------- */
#zz-brand-watermark {
  position: fixed;
  right: .28rem;
  bottom: 1.7rem;
  text-align: center;
  pointer-events: none;
  z-index: 4;
  opacity: .6;
}
.zz-wm-seal {
  width: .72rem;
  height: .72rem;
  display: block;
  margin: 0 auto .12rem;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.18));
}
.zz-wm-slogan {
  font-family: "Ma Shan Zheng","STKaiti", "KaiTi", "Kaiti SC", "楷体", serif !important;
  font-size: .26rem;
  letter-spacing: .14em;
  color: #b03a2e;
}

/* ---------- 12. 商品详情页庄文化尾标 ---------- */
.zz-detail-quote {
  text-align: center;
  padding: .6rem .4rem .9rem;
  background: #f4efe6;
}
.zz-dq-line {
  width: 1.6rem;
  height: 1px;
  margin: 0 auto .5rem;
  background: linear-gradient(90deg, transparent, #c8a45d, transparent);
}
.zz-dq-seal {
  width: .72rem;
  height: .72rem;
  display: block;
  margin: 0 auto .24rem;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.15));
}
.zz-dq-slogan {
  font-family: "Ma Shan Zheng","STKaiti", "KaiTi", "Kaiti SC", "楷体", serif !important;
  font-size: .42rem;
  letter-spacing: .08em;
  color: #a02f26;
}
.zz-dq-quote {
  font-family: "Noto Serif SC", "STSong", "SimSun", serif !important;
  font-size: .32rem;
  letter-spacing: .08em;
  color: #2a2620;
  margin-top: .28rem;
}
.zz-dq-src {
  font-size: .24rem;
  letter-spacing: .1em;
  color: #8a7a5c;
  margin-top: .16rem;
}

/* ---------- 13. 快捷入口图标（已改为金色 PNG，不再用 CSS filter，避免移动端点击穿透问题） ---------- */
.nav_item span {
  color: #3a2f22 !important;
}

/* ============================================================
   14. 内容页（文章详情 / 文章列表）东方超级美学排版
   ============================================================ */

/* ---- 文章标题（详情 & 列表共用 .granone）---- */
.usergran .granone {
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体","BiauKai",serif !important;
  font-size: .48rem !important;
  font-weight: 700 !important;
  color: #1a1713 !important;
  letter-spacing: .06em !important;
  line-height: 1.5 !important;
}

/* ---- 详情页副题 / 卷首语 ---- */
.usergran .rserty {
  text-align: center !important;
  padding: .2rem .3rem .34rem !important;
  margin: .1rem 0 .2rem !important;
}
.usergran .rserty > div:first-child {
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体",serif !important;
  font-size: .32rem !important;
  letter-spacing: .08em !important;
  color: #a02f26 !important;
  line-height: 1.8 !important;
}
.usergran .rserty > div:last-child {
  font-family: "Noto Serif SC","Songti SC","STSong","Noto Serif CJK SC",serif !important;
  font-size: .24rem !important;
  letter-spacing: .14em !important;
  color: #a08f6a !important;
  margin-top: .16rem !important;
}

/* ---- 详情页正文容器 ---- */
.usergran .domety {
  padding: .1rem .4rem .5rem !important;
}
.usergran .domety p {
  max-width: 100% !important;
}

/* ---- 文章列表页卡片 ---- */
.usergran {
  background: #fffdf8 !important;
  border: 1px solid #ece0c8 !important;
  border-radius: 14px !important;
  padding: .5rem .45rem .4rem !important;
  margin-bottom: .42rem !important;
  box-shadow: 0 6px 22px rgba(26,23,19,.07) !important;
  position: relative;
  overflow: hidden;
}
/* 卡片左上角鎏金印章点缀 */
.usergran::before {
  content: "";
  position: absolute;
  left: 0; top: 0;
  width: 0; height: 0;
  border-top: .6rem solid #c8a45d;
  border-right: .6rem solid transparent;
  opacity: .5;
}
/* 列表标题 */
.usergran .granone {
  padding-left: .2rem !important;
  position: relative;
  margin-bottom: .3rem !important;
}
.usergran .granone::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 3px; height: .4rem;
  background: linear-gradient(180deg, #c8a45d, #a02f26) !important;
  border-radius: 2px;
}
/* 列表正文摘要 */
.usergran .grantwo {
  font-family: "Noto Serif SC","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif !important;
  font-size: .32rem !important;
  color: #3a2f22 !important;
  line-height: 1.95 !important;
  max-height: 5.4rem !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent) !important;
  mask-image: linear-gradient(180deg, #000 60%, transparent) !important;
}
/* 列表底部（日期 + 查看详情） */
.usergran .granthree {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: .3rem !important;
  padding-top: .26rem !important;
  border-top: 1px dashed #e2d6bd !important;
  color: #a08f6a !important;
  font-size: .24rem !important;
  letter-spacing: .06em !important;
}
.usergran .granthree .tiem {
  color: #a02f26 !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  letter-spacing: .12em !important;
}

/* ---- 详情页标题区整体 ---- */
.usergran .granone + .rserty {
  border-bottom: 1px solid #ece0c8 !important;
}

/* ============================================================
   15. 商品详情页内容排版（东方美学）
   ============================================================ */
.shop_detail .content, .detail .content, .detail_content, .goods_content {
  font-family: "Noto Serif SC","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif !important;
  color: #3a2f22 !important;
  line-height: 2 !important;
}

/* ============================================================
   16. 首页 banner 竖排标语（卷轴式）
   ============================================================ */
.banner { position: relative !important; }
.banner::after {
  content: "喝庄子酒 · 御逍遥游";
  position: absolute;
  right: .24rem;
  top: 50%;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体",serif !important;
  font-size: .44rem;
  letter-spacing: .28em;
  color: #f9f3e6 !important;
  padding: .4rem .18rem;
  background: linear-gradient(180deg, rgba(160,47,38,.94) 0%, rgba(122,38,30,.86) 50%, rgba(26,23,19,.85) 100%);
  border: 1px solid rgba(212,175,106,.65);
  border-radius: .12rem;
  box-shadow: 0 6px 20px rgba(0,0,0,.32);
  pointer-events: none;
  z-index: 6;
}

/* ============================================================
   17. 快捷入口 · 东方印章式图标（圆形朱砂印）
   ============================================================ */
.nav_item img[data-v-db16f48e] {
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(160,47,38,.28) !important;
}
.nav_item span[data-v-db16f48e] {
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体",serif !important;
  color: #3a2f22 !important;
  letter-spacing: .04em !important;
}

/* ============================================================
   18. 会员等级祝贺弹窗 · 东方美学（遮罩改墨黑 + 楷书文案）
   ============================================================ */
mask[data-v-db16f48e] {
  background: rgba(18, 15, 10, 0.86) !important;
  transition: opacity .45s ease !important;
}
.level .primary_ {
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体",serif !important;
  letter-spacing: .12em !important;
  color: #d4af6a !important;
}
.level .fff {
  font-family: "Noto Serif SC","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif !important;
  letter-spacing: .14em !important;
  color: #f4efe6 !important;
}

/* ============================================================
   19. 其余页面 · 东方美学统一排版
       （全部商品 / 我的 / 代理申请 / 团队 / 购物券 / 资金明细）
   ============================================================ */

/* —— 页面头部导航（统一）—— */
.headnav {
  background: linear-gradient(180deg, #f8f3e9 0%, #f1e8d6 100%) !important;
  color: #1a1713 !important;
  border-bottom: 1px solid rgba(212, 175, 106, .5) !important;
  box-shadow: 0 2px 12px rgba(26, 23, 19, .07) !important;
}
.headnav .title {
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体",serif !important;
  font-size: .42rem !important;
  letter-spacing: .16em !important;
  color: #1a1713 !important;
}
/* 标题两侧鎏金小饰点 */
.headnav .title::before,
.headnav .title::after {
  content: "❖";
  color: #c8a45d;
  font-size: .24rem;
  margin: 0 .14rem;
  vertical-align: .02rem;
}

/* —— 我的页 顶部（水墨渐变头图）—— */
.top[data-v-1e288a0a] {
  background: linear-gradient(163deg, #131009 0%, #201a11 42%, #322515 72%, #432d18 100%) !important;
}

/* —— 通用区块标题（我的订单 / 常用功能 等）—— */
.mruser h5, .mruser h5 {
  font-family: "Ma Shan Zheng","STKaiti","Kaiti SC","KaiTi","楷体",serif !important;
  font-size: .38rem !important;
  color: #1a1713 !important;
  letter-spacing: .1em !important;
  position: relative !important;
  padding-left: .26rem !important;
}
.mruser h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .12rem;
  height: .34rem;
  background: linear-gradient(180deg, #c8a45d, #a02f26);
  border-radius: .03rem;
}

/* —— 卡片容器（订单 / 常用功能 / 团队 / 资金明细）—— */
.mruser .orders, .mruser .list, .mruser .block,
.assetDetails .box, .invite .box, .invite .list {
  background: #fdfbf6 !important;
  border: 1px solid rgba(212, 175, 106, .35) !important;
  border-radius: .18rem !important;
  box-shadow: 0 6px 20px rgba(26, 23, 19, .06) !important;
  overflow: hidden !important;
}

/* —— 全部商品列表卡片 —— */
.listy ul li {
  background: #fdfbf6 !important;
  border: 1px solid rgba(212, 175, 106, .28) !important;
  border-radius: .14rem !important;
  overflow: hidden !important;
  box-shadow: 0 5px 16px rgba(26, 23, 19, .05) !important;
}
.listy ul li img {
  border-bottom: 1px solid rgba(212, 175, 106, .2) !important;
}
.listy .chrt {
  font-family: "Noto Serif SC","Songti SC","STSong","Noto Serif CJK SC","SimSun",serif !important;
  color: #2a2620 !important;
  letter-spacing: .02em !important;
}
.listy .seven {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #a02f26 !important;
  font-weight: 700 !important;
}

/* —— 代理申请页 —— */
.mragent .banner, [class*="mragent"] .banner,
.container .banner {
  border: 1px solid rgba(212, 175, 106, .4) !important;
  border-radius: .14rem !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(26, 23, 19, .08) !important;
}
.container .list .item {
  background: #fdfbf6 !important;
  border: 1px solid rgba(212, 175, 106, .3) !important;
  border-radius: .14rem !important;
  margin-bottom: .16rem !important;
  padding: .2rem .24rem !important;
}
.van-radio__label {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .06em !important;
}

/* —— 团队 / 资金明细 列表项 —— */
.invite .item, .assetDetails .item {
  border-bottom: 1px solid rgba(212, 175, 106, .25) !important;
}

/* ============================================================
   20. 东方动效 · 滚动浮现 + 鎏金流光 + 印章浮现
   ============================================================ */

/* 滚动浮现（由 zhuangzi-patch.js 的 IntersectionObserver 添加 .zz-in） */
.zz-reveal {
  opacity: 0;
  transform: translateY(.32rem);
  transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.zz-reveal.zz-in {
  opacity: 1;
  transform: translateY(0);
}

/* 鎏金流光：金色高光从左到右扫过 */
@keyframes zzShimmer {
  0% { transform: translateX(-120%) skewX(-18deg); }
  60%, 100% { transform: translateX(220%) skewX(-18deg); }
}
.zz-shimmer {
  position: relative;
  overflow: hidden;
}
.zz-shimmer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(212, 175, 106, .42), transparent);
  animation: zzShimmer 3.2s ease-in-out infinite;
  pointer-events: none;
}

/* 印章/卷首元素 浮现（缩放 + 淡入） */
@keyframes zzSealIn {
  0% { opacity: 0; transform: scale(.7) rotate(-8deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
.zz-seal-anim {
  animation: zzSealIn .9s cubic-bezier(.22,.61,.36,1) both;
}

/* 标题鎏金描边呼吸 */
@keyframes zzGoldBreath {
  0%, 100% { text-shadow: 0 0 0 rgba(212, 175, 106, 0); }
  50% { text-shadow: 0 0 14px rgba(212, 175, 106, .55); }
}
.headnav .title {
  animation: zzGoldBreath 3.6s ease-in-out infinite;
}

/* ============================================================
   21. 底部导航 · 东方鎏金（R2）
   ============================================================ */
.footnav {
  background: linear-gradient(180deg, #211b13 0%, #17130d 100%) !important;
  border-top: 1px solid rgba(212, 175, 106, .5) !important;
  box-shadow: 0 -6px 24px rgba(0, 0, 0, .38) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.footnav .foot_item {
  color: #8a8376 !important;
  font-family: var(--zz-kai) !important;
  letter-spacing: .08em !important;
  position: relative !important;
  transition: color .25s ease !important;
}
.footnav .foot_item .foot_icon {
  transition: transform .28s cubic-bezier(.34,1.56,.64,1) !important;
}
.footnav .foot_item:active { opacity: .72; }
.footnav .router-link-active {
  color: #d4af6a !important;
  text-shadow: 0 0 12px rgba(212, 175, 106, .45) !important;
}
.footnav .router-link-active .foot_icon {
  transform: translateY(-3px) scale(1.08) !important;
}
.footnav .router-link-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, #d4af6a, transparent);
}

/* ============================================================
   22. 加载动画 · 水墨鎏金（R3）
   ============================================================ */
@keyframes zzSpin { to { transform: rotate(360deg); } }
.mint-indicator {
  background: rgba(244, 239, 230, .9) !important;
}
.mint-indicator-wrapper {
  background: transparent !important;
}
.mint-spinner-snake {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
.mint-indicator-spin::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 14px;
  border: 3px solid rgba(212, 175, 106, .22);
  border-top-color: #a02f26;
  border-right-color: #d4af6a;
  border-radius: 50%;
  animation: zzSpin .9s linear infinite;
}
.mint-indicator-text {
  color: #a02f26 !important;
  font-family: var(--zz-kai) !important;
  letter-spacing: .2em !important;
}

/* ============================================================
   23. 空状态 · 庄子化（R4）
   ============================================================ */
.nodata {
  background: transparent !important;
  padding: 60px 20px !important;
}
.nodata::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  background: url(/static/img/zhuangzi_seal.png) center/contain no-repeat;
  opacity: .55;
  filter: grayscale(.3);
}
.nodata, .nodata * {
  color: #8a7a66 !important;
  font-family: var(--zz-kai) !important;
  letter-spacing: .08em !important;
}

/* ============================================================
   24. 商品卡片 · 极致化（R6）
   ============================================================ */
.listy ul li {
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.listy ul li:active {
  transform: scale(.98);
  box-shadow: 0 10px 26px rgba(160, 47, 38, .14) !important;
}
.listy ul li > div {
  position: relative !important;
  overflow: hidden !important;
}
.listy ul li > div::after {
  content: "庄";
  position: absolute;
  top: .18rem;
  right: .18rem;
  width: .52rem;
  height: .52rem;
  line-height: .52rem;
  text-align: center;
  font-family: var(--zz-kai);
  font-size: .3rem;
  color: #f9f3e6;
  background: linear-gradient(135deg, #b03a2e, #a02f26);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(160, 47, 38, .4);
}
.listy .seven {
  transition: color .2s !important;
}
.listy ul li:active .seven { color: #b03a2e !important; }

/* ============================================================
   25. Banner 竖排标语动画（R7）
   ============================================================ */
@keyframes zzFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
.banner::after {
  animation: zzFloat 3.8s ease-in-out infinite !important;
}

/* ============================================================
   26. 页面过渡 · 淡入 + 鎏金进度线（R8）
   ============================================================ */
@keyframes zzPageIn {
  0% { opacity: 0; transform: translateY(.18rem); }
  100% { opacity: 1; transform: translateY(0); }
}
.zz-page { animation: zzPageIn .45s cubic-bezier(.22,.61,.36,1) both; }
/* 顶部鎏金进度线 */
#zz-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  z-index: 9999;
  background: linear-gradient(90deg, #a02f26, #d4af6a);
  box-shadow: 0 0 8px rgba(212, 175, 106, .6);
  transition: width .25s ease, opacity .4s ease;
  pointer-events: none;
}

/* ============================================================
   27. 移动端适配 · 触摸反馈（R9）
   ============================================================ */
html { -webkit-text-size-adjust: 100%; }
img { -webkit-touch-callout: none; }
.van-button:active, .btn:active, button:active,
.nav_item:active, .order_item:active, .item:active,
.order_:active { opacity: .78; }
/* 双击缩放禁用 */
#app { touch-action: manipulation; }

/* 品牌标题 · 毛笔体强化 */
.zz-brand .zz-slogan {
  font-family: var(--zz-kai) !important;
  letter-spacing: .2em !important;
}

/* ============================================================
   28. 首页 banner 庄子金句轮换（R2）
   ============================================================ */
.zz-banner-quote {
  position: absolute;
  left: 50%;
  bottom: 1.1rem;
  transform: translateX(-50%);
  font-family: var(--zz-kai);
  font-size: .34rem;
  color: #f6efdd;
  letter-spacing: .06em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
  z-index: 5;
  pointer-events: none;
  white-space: nowrap;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ============================================================
   29. 水墨晕染动效背景（R3）
   ============================================================ */
@keyframes zzInkWash {
  0%   { transform: translate(0, 0) scale(1); opacity: .5; }
  50%  { transform: translate(6%, -4%) scale(1.25); opacity: .85; }
  100% { transform: translate(-4%, 5%) scale(1.05); opacity: .6; }
}
.zz-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 28% 36%, rgba(212, 175, 106, .10), transparent 42%),
    radial-gradient(circle at 72% 62%, rgba(160, 47, 38, .08), transparent 46%),
    radial-gradient(circle at 50% 20%, rgba(233, 213, 168, .07), transparent 40%);
  animation: zzInkWash 14s ease-in-out infinite alternate;
  pointer-events: none;
}

/* ============================================================
   30. 商品详情 · 卷轴装饰（R5）
   ============================================================ */
.domety, .content {
  position: relative !important;
}
.domety::before, .content::before {
  content: "";
  display: block;
  height: .18rem;
  margin: 0 0 .3rem;
  background: linear-gradient(90deg,
    transparent, rgba(212,175,106,.7), #c8a45d, rgba(212,175,106,.7), transparent);
  border-radius: 1rem;
}
.domety::after, .content::after {
  content: "❖";
  display: block;
  text-align: center;
  color: #c8a45d;
  font-size: .3rem;
  margin-top: .4rem;
}

/* ============================================================
   31. 代理选级 · 卷轴式卡片（R6）
   ============================================================ */
.container .list .item {
  position: relative !important;
  transition: border-color .25s, box-shadow .25s, transform .2s !important;
}
.container .list .item:active { transform: scale(.99); }
.container .list .item::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d4af6a, transparent);
}
.van-radio__icon--checked .van-icon {
  background-color: #a02f26 !important;
  border-color: #a02f26 !important;
}

/* ============================================================
   32. 我的团队 · 水墨族谱（R7）
   ============================================================ */
.invite .bg {
  background: linear-gradient(163deg, #131009 0%, #201a11 45%, #322515 80%) !important;
}
.invite .info .username, .invite .name {
  font-family: var(--zz-kai) !important;
  letter-spacing: .06em !important;
}
.invite .box {
  background: #fdfbf6 !important;
  border: 1px solid rgba(212, 175, 106, .35) !important;
  border-radius: .16rem !important;
}
.invite .item {
  border-bottom: 1px dashed rgba(212, 175, 106, .4) !important;
  transition: background .2s !important;
}
.invite .item:active { background: rgba(212, 175, 106, .08) !important; }

/* ============================================================
   33. 输入框 / 搜索框 · 宣纸东方化（R8）
   ============================================================ */
input, textarea, .van-field__control, .van-search__content {
  background: #fdfbf6 !important;
  border: 1px solid rgba(212, 175, 106, .4) !important;
  border-radius: .1rem !important;
  font-family: var(--zz-serif) !important;
  color: #2a2620 !important;
  caret-color: #a02f26 !important;
}
input:focus, textarea:focus, .van-field__control:focus {
  border-color: #a02f26 !important;
  box-shadow: 0 0 0 3px rgba(160, 47, 38, .08) !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder {
  color: #b3a184 !important;
  font-family: var(--zz-kai) !important;
}

/* ============================================================
   34. toast / 提示框 · 东方化（R9）
   ============================================================ */
.van-toast {
  background: rgba(26, 23, 19, .94) !important;
  color: #f6efdd !important;
  border: 1px solid rgba(212, 175, 106, .45) !important;
  border-radius: .12rem !important;
  font-family: var(--zz-kai) !important;
  letter-spacing: .06em !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35) !important;
}
.van-toast--text {
  min-width: 2rem !important;
}

/* ============================================================
   35. 品牌启动屏（R1）
   ============================================================ */
#zz-splash {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: linear-gradient(163deg, #131009 0%, #201a11 45%, #322515 78%, #432d18 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity .6s ease;
}
#zz-splash .zz-splash-zi {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif;
  font-size: 1.8rem;
  line-height: 1;
  color: #d4af6a;
  text-shadow: 0 4px 24px rgba(212, 175, 106, .35);
  animation: zzSplashZi 1.1s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes zzSplashZi {
  0% { opacity: 0; transform: scale(.7) rotate(-6deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}
#zz-splash .zz-splash-slogan {
  margin-top: .5rem;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif;
  font-size: .34rem;
  letter-spacing: .24em;
  color: #f6efdd;
  animation: zzSplashFade 1s ease .35s both;
}
#zz-splash .zz-splash-sub {
  margin-top: .28rem;
  font-size: .22rem;
  letter-spacing: .2em;
  color: #c8a45d;
  animation: zzSplashFade 1s ease .6s both;
}
@keyframes zzSplashFade {
  0% { opacity: 0; transform: translateY(.18rem); }
  100% { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   36. 第三轮 · 庄周梦蝶 · 鲲鹏 · 水墨波纹 · 卷轴落款 · 三章 · 昼夜
   ============================================================ */

/* R1 庄周梦蝶：金色蝴蝶粒子（非交互，pointer-events:none） */
#zz-butterflies { position: fixed; inset: 0; pointer-events: none; z-index: 9989; overflow: hidden; }
.zz-butterfly {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
  animation: zzButterflyFly var(--zz-fly-dur, 20s) linear var(--zz-fly-delay, 0s) infinite;
}
@keyframes zzButterflyFly {
  0% { opacity: 0; transform: translate(0, 0) rotate(-10deg); }
  8% { opacity: .55; }
  50% { opacity: .35; transform: translate(calc(var(--zz-fly-x, 70px) * .5), calc(var(--zz-fly-y, -60px) * .6)) rotate(5deg); }
  92% { opacity: .55; }
  100% { opacity: 0; transform: translate(var(--zz-fly-x, 70px), var(--zz-fly-y, -60px)) rotate(14deg); }
}

/* R2 鲲鹏遨游（登录页水墨场景上空） */
.zz-kunpeng {
  position: absolute;
  top: 19%;
  left: 0;
  width: 3rem;
  opacity: 0;
  will-change: transform;
  animation: zzKunpengFly 22s ease-in-out 1.5s infinite;
}
@keyframes zzKunpengFly {
  0% { opacity: 0; transform: translateX(-4rem) translateY(0); }
  10% { opacity: .8; }
  50% { opacity: .65; transform: translateX(42vw) translateY(-34px); }
  90% { opacity: .8; }
  100% { opacity: 0; transform: translateX(100vw) translateY(-8px); }
}

/* R3 水墨点击波纹 */
.zz-ink-ripple {
  position: fixed;
  pointer-events: none;
  border-radius: 50%;
  width: 0; height: 0;
  background: radial-gradient(circle, rgba(160,47,38,.24) 0%, rgba(200,164,93,.12) 50%, transparent 70%);
  transform: translate(-50%, -50%);
  animation: zzInkRipple .8s ease-out forwards;
  z-index: 99999;
}
@keyframes zzInkRipple {
  0% { width: 0; height: 0; opacity: .85; }
  100% { width: 120px; height: 120px; opacity: 0; }
}

/* R4 卷轴落款：朱砂印章 + 竖排「御逍遥游」 */
.zz-signoff {
  margin-top: .5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: .34rem;
}
.zz-sign-col {
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
  gap: .2rem;
}
.zz-sign-name {
  font-family: var(--zz-kai);
  font-size: .44rem;
  color: #2a2620;
  letter-spacing: .16em;
}
.zz-sign-slogan {
  font-family: var(--zz-kai);
  font-size: .32rem;
  color: #a02f26;
  letter-spacing: .22em;
}
.zz-sign-seal {
  width: .96rem;
  height: .96rem;
  animation: zzSealIn .7s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes zzSealIn {
  0% { opacity: 0; transform: scale(1.7) rotate(-9deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

/* R5 逍遥游三章徽章（空状态） */
.zz-chapters {
  margin-top: .36rem;
  display: flex;
  justify-content: center;
  gap: .2rem;
}
.zz-chapter {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .2rem .28rem;
  border: 1px solid rgba(200,164,93,.5);
  border-radius: .12rem;
  background: rgba(244,239,230,.72);
}
.zz-chapter b {
  font-family: var(--zz-kai);
  font-size: .3rem;
  color: #a02f26;
  font-weight: 400;
  letter-spacing: .08em;
}
.zz-chapter i {
  font-style: normal;
  font-size: .2rem;
  color: #c8a45d;
  letter-spacing: .1em;
  margin-top: .06rem;
}

/* R6 竖排书法金句 */
.zz-vquote { margin-top: .42rem; display: flex; justify-content: center; }
.zz-vq-inner {
  writing-mode: vertical-rl;
  font-family: var(--zz-kai);
  font-size: .4rem;
  color: #2a2620;
  letter-spacing: .2em;
  padding: .3rem .22rem;
  border-left: 1px solid rgba(200,164,93,.42);
  border-right: 1px solid rgba(200,164,93,.42);
}
.zz-vq-inner span { display: inline; }

/* R7 昼·夜墨色主题切换 */
.zz-theme-toggle {
  position: fixed;
  right: .26rem;
  bottom: calc(1.5rem + env(safe-area-inset-bottom));
  width: .84rem;
  height: .84rem;
  border-radius: 50%;
  background: linear-gradient(150deg, #2a2620, #16120c);
  border: 1px solid rgba(200,164,93,.65);
  box-shadow: 0 4px 16px rgba(0,0,0,.38);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9995;
  cursor: pointer;
  transition: transform .2s ease, background .35s ease;
}
.zz-theme-toggle:active { transform: scale(.88); }
.zz-theme-toggle .zz-tg-sun { display: none; }
html[data-zz-theme="night"] .zz-theme-toggle { background: linear-gradient(150deg, #e6d3b0, #c8a45d); }
html[data-zz-theme="night"] .zz-theme-toggle .zz-tg-moon { display: none; }
html[data-zz-theme="night"] .zz-theme-toggle .zz-tg-sun { display: block; }

/* 夜间墨色：墨黑外框 + 宣纸内容卡片（安全可逆） */
html[data-zz-theme="night"] { background: #15120d !important; }
html[data-zz-theme="night"] body { background: #15120d !important; color: #e9e2d2 !important; }
html[data-zz-theme="night"] #app { background: #15120d !important; }
html[data-zz-theme="night"] .headnav { background: #1d1812 !important; }
html[data-zz-theme="night"] .zz-wm-slogan { color: #d8cba8 !important; }

@media (prefers-reduced-motion: reduce) {
  .zz-butterfly, .zz-kunpeng { animation: none !important; opacity: .3; }
}

/* ============================================================
   37. 第四轮 · 品牌故事 · 流光 CTA · 磁吸倾斜 · 蝴蝶过渡 · 酒樽
   ============================================================ */

/* R3 金色流光 CTA（主按钮移动高光，不改底色） */
.van-button--primary, .primary-btn, .pay-btn {
  position: relative !important;
  overflow: hidden !important;
}
.van-button--primary::after, .primary-btn::after, .pay-btn::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 42%;
  left: -60%;
  background: linear-gradient(100deg, transparent, rgba(255,244,214,.55), transparent);
  transform: skewX(-20deg);
  animation: zzCtaShimmer 3.2s ease-in-out infinite;
  pointer-events: none;
}
@keyframes zzCtaShimmer {
  0% { left: -60%; }
  55%, 100% { left: 135%; }
}

/* R4 3D 磁吸倾斜商品卡（桌面） */
.goods_item.zz-tilt, .goodsdru.zz-tilt {
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease;
  transform-style: preserve-3d;
  will-change: transform;
  backface-visibility: hidden;
}
.goods_item.zz-card-press:active, .goodsdru.zz-card-press:active {
  transform: translateY(-2px) scale(.985);
}

/* R5 蝴蝶路由过渡 */
.zz-route-bfly {
  position: fixed;
  top: 38%;
  left: -8%;
  z-index: 99990;
  pointer-events: none;
  opacity: 0;
  animation: zzRouteBfly 1.6s ease-in-out forwards;
}
.zz-route-bfly svg { width: 44px; height: 38px; }
@keyframes zzRouteBfly {
  0% { opacity: 0; transform: translateX(0) rotate(-10deg) scale(.7); }
  15% { opacity: .9; transform: scale(1.5); }
  85% { opacity: .8; }
  100% { opacity: 0; transform: translateX(118vw) translateY(-64px) rotate(16deg) scale(1.3); }
}

/* R6 酒樽品牌符号（空状态） */
.zz-vessel {
  display: flex;
  justify-content: center;
  margin-bottom: .2rem;
  animation: zzVesselFloat 3.2s ease-in-out infinite;
}
@keyframes zzVesselFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* R2 品牌故事浮动入口（左下角） */
.zz-story-entry {
  position: fixed;
  left: .24rem;
  bottom: calc(1.55rem + env(safe-area-inset-bottom));
  z-index: 9994;
  display: flex;
  align-items: center;
  gap: .12rem;
  padding: .3rem .44rem;
  border-radius: 10rem;
  background: linear-gradient(150deg, rgba(160,47,38,.93), rgba(122,36,28,.93));
  border: 1px solid rgba(200,164,93,.72);
  box-shadow: 0 6px 18px rgba(160,47,38,.42);
  cursor: pointer;
  transition: transform .2s ease;
}
.zz-story-entry:active { transform: scale(.92); }
.zz-se-zi { font-family: var(--zz-kai); font-size: .42rem; color: #f6edda; line-height: 1; }
.zz-se-txt { font-size: .24rem; color: #e6d3b0; letter-spacing: .08em; }

/* 57. 移动端：隐藏「品牌故事」悬浮按钮 —— 它会盖住商品列表/立即购买，导致点击被挡；
       移动端品牌故事入口由首页「读庄子酒的故事」+ 底部「庄周故里」区块承载 */
@media (max-width: 767px) {
  .zz-story-entry { display: none !important; }
}

/* R7 触觉/磁吸按压反馈 */
.zz-pressed {
  transform: scale(.955) !important;
  transition: transform .1s ease;
}

@media (prefers-reduced-motion: reduce) {
  .van-button--primary::after, .zz-route-bfly, .zz-vessel { animation: none !important; }
}

/* ============================================================
   38. 第五轮 · 逍遥帖分享 · 金句朗读 · 研墨加载 · 下拉刷新
   ============================================================ */

/* 逍遥帖分享海报弹层 */
.zz-poster-modal {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(18,15,10,.9);
  display: flex; align-items: center; justify-content: center;
  padding: .4rem;
}
.zz-poster-box {
  display: flex; flex-direction: column; align-items: center; gap: .3rem;
}
.zz-poster-box canvas {
  width: min(82vw, 340px); height: auto;
  border-radius: .14rem;
  box-shadow: 0 22px 60px rgba(0,0,0,.55);
}
.zz-poster-actions { display: flex; gap: .22rem; }
.zz-poster-save, .zz-poster-close {
  padding: .3rem .62rem; border-radius: 10rem;
  font-family: var(--zz-kai); font-size: .3rem; letter-spacing: .06em;
  border: none; cursor: pointer;
}
.zz-poster-save { background: linear-gradient(120deg, #c8a45d, #e6d3b0); color: #1a1713; box-shadow: 0 6px 18px rgba(200,164,93,.4); }
.zz-poster-close { background: rgba(255,255,255,.1); color: #e6d3b0; border: 1px solid rgba(200,164,93,.4); }

/* 详情页「生成逍遥帖」按钮 */
.zz-share-btn {
  margin-top: .44rem;
  padding: .26rem .62rem; border-radius: 10rem;
  background: linear-gradient(120deg, #a02f26, #b03a2e);
  color: #f6edda; font-family: var(--zz-kai); font-size: .3rem;
  letter-spacing: .08em; border: 1px solid rgba(200,164,93,.55);
  box-shadow: 0 6px 16px rgba(160,47,38,.35); cursor: pointer;
}
.zz-share-btn:active { transform: scale(.96); }

/* 详情页「聆听」金句朗读按钮 */
.zz-tts-btn {
  margin-top: .3rem;
  display: inline-flex; align-items: center; gap: .1rem;
  padding: .16rem .46rem; border-radius: 10rem;
  border: 1px solid rgba(200,164,93,.55); color: #a02f26;
  font-family: var(--zz-kai); font-size: .26rem; letter-spacing: .06em;
  cursor: pointer; background: rgba(244,239,230,.6);
}
.zz-tts-btn:active { transform: scale(.95); }

/* 研墨加载：墨晕脉冲 + 鎏金旋转环 */
.mint-indicator-spin { position: relative !important; }
.mint-indicator-spin::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 42px; height: 42px;
  margin: -21px 0 0 -21px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(160,47,38,.14), rgba(200,164,93,.08) 55%, transparent 70%);
  animation: zzInkPulse 1.9s ease-out infinite;
}
@keyframes zzInkPulse {
  0% { transform: scale(.6); opacity: .85; }
  100% { transform: scale(1.7); opacity: 0; }
}

/* 下拉刷新东方化 */
.mint-loadmore-text, .van-pull-refresh__text, .mint-loadmore .mint-loadmore-text {
  color: #a02f26 !important;
  font-family: var(--zz-kai) !important;
  letter-spacing: .16em !important;
}

@media (prefers-reduced-motion: reduce) {
  .mint-indicator-spin::after { animation: none !important; }
}

/* ============================================================
   39. 第六轮 · 御风回顶 · 古琴曲 · banner 故事入口
   ============================================================ */

/* 御风 · 返回顶部 */
.zz-top-btn {
  position: fixed;
  right: .26rem;
  bottom: calc(3.6rem + env(safe-area-inset-bottom));
  width: .84rem; height: .84rem;
  border-radius: 50%;
  background: linear-gradient(150deg, #1a1713, #2a2620);
  border: 1px solid rgba(200,164,93,.65);
  box-shadow: 0 4px 16px rgba(0,0,0,.38);
  display: flex; align-items: center; justify-content: center;
  z-index: 9994; cursor: pointer;
  opacity: 0; transform: translateY(16px); pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
}
.zz-top-btn.zz-show { opacity: 1; transform: none; pointer-events: auto; }
.zz-top-zi { font-family: var(--zz-kai); font-size: .46rem; color: #e6d3b0; line-height: 1; }
.zz-top-btn:active { transform: scale(.88); }

/* 古琴曲开关 */
.zz-music-btn {
  position: fixed;
  right: .26rem;
  bottom: calc(2.52rem + env(safe-area-inset-bottom));
  width: .84rem; height: .84rem;
  border-radius: 50%;
  background: linear-gradient(150deg, #2a2620, #16120c);
  border: 1px solid rgba(200,164,93,.65);
  box-shadow: 0 4px 16px rgba(0,0,0,.38);
  display: flex; align-items: center; justify-content: center;
  z-index: 9994; cursor: pointer;
  transition: transform .2s ease, background .3s ease;
}
.zz-music-btn .zz-mu-off { display: none; }
.zz-music-btn.zz-playing {
  background: linear-gradient(150deg, #a02f26, #7a241c);
  animation: zzMuPulse 2.2s ease-in-out infinite;
}
.zz-music-btn.zz-playing .zz-mu-off { display: block; }
.zz-music-btn.zz-playing svg:first-child { display: none; }
.zz-music-btn:active { transform: scale(.88); }
@keyframes zzMuPulse {
  0%, 100% { box-shadow: 0 4px 16px rgba(160,47,38,.5); }
  50% { box-shadow: 0 4px 28px rgba(200,164,93,.72); }
}

/* banner 品牌故事入口 */
.zz-banner-story {
  position: absolute;
  bottom: .24rem; right: .22rem;
  z-index: 5;
  display: flex; align-items: center; gap: .1rem;
  padding: .2rem .4rem;
  border-radius: 10rem;
  background: rgba(26,23,19,.84);
  border: 1px solid rgba(200,164,93,.72);
  color: #e6d3b0;
  font-size: .22rem; letter-spacing: .04em;
  cursor: pointer;
}
.zz-bs-zi { font-family: var(--zz-kai); font-size: .32rem; color: #d4af6a; }
.zz-banner-story:active { transform: scale(.94); }

@media (prefers-reduced-motion: reduce) {
  .zz-music-btn.zz-playing { animation: none !important; }
}

/* ============================================================
   40. 第七轮 · 购买按钮沉浸 · 无障碍焦点 · 收尾
   ============================================================ */

/* 购买/结算主按钮沉浸强化（朱砂→鎏金渐变） */
.van-submit-bar .van-button--primary,
.goods_bottom .van-button--primary,
.pay-btn, .buy-btn {
  background: linear-gradient(120deg, #a02f26 0%, #b03a2e 45%, #c8a45d 100%) !important;
  letter-spacing: .1em !important;
  font-weight: 600 !important;
}

/* 无障碍：键盘焦点可见（鎏金描边） */
a:focus-visible, button:focus-visible,
.foot_item:focus-visible, .nav_item:focus-visible,
.van-button:focus-visible {
  outline: 2px solid #c8a45d !important;
  outline-offset: 2px !important;
  border-radius: .12rem;
}

/* ============================================================
   41. 【栏目体系重构】庄周 · 逍遥金石册 —— 世界级东方美学
   ============================================================ */

/* ---------- 41.1 首页 8 快捷入口 → 金石册页格 ---------- */
.nav {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
  gap: .4rem .3rem !important;
  padding: .36rem .34rem .14rem !important;
}
.nav_item {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .36rem !important;
  width: auto !important;
  height: auto !important;
  margin-top: 0 !important;
  padding: .52rem .14rem .42rem !important;
  background:
    linear-gradient(165deg, rgba(200,164,93,.14), rgba(200,164,93,0) 42%),
    linear-gradient(180deg, #fdfaf2 0%, #faf5e9 100%) !important;
  border: 1px solid rgba(200,164,93,.5) !important;
  border-radius: .22rem !important;
  box-shadow:
    0 3px 10px rgba(26,23,19,.07),
    inset 0 0 0 3px rgba(253,250,242,.65) !important;
  overflow: hidden;
  transition: transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease;
}
/* 对角鎏金回纹角花 */
.nav_item::before,
.nav_item::after {
  content: "";
  position: absolute;
  width: .34rem;
  height: .34rem;
  border: 2px solid #c8a45d;
  opacity: .85;
  pointer-events: none;
  z-index: 1;
}
.nav_item::before {
  top: .1rem; left: .1rem;
  border-right: 0; border-bottom: 0;
  border-top-left-radius: .16rem;
}
.nav_item::after {
  bottom: .1rem; right: .1rem;
  border-left: 0; border-top: 0;
  border-bottom-right-radius: .16rem;
}
/* 水墨晕染微光（顶角高光） */
.nav_item .black {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #3a2f22 !important;
  letter-spacing: .07em !important;
  font-weight: 400;
  font-size: .26rem !important;
  line-height: 1.15 !important;
  height: auto !important;
  min-height: 0 !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* 印章图标：鎏金双环 + 朱砂投影 */
.nav_item img {
  width: 1.16rem !important;
  height: 1.16rem !important;
  flex: none !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 3px #fdfaf2,
    0 0 0 4.5px rgba(200,164,93,.72),
    0 7px 16px rgba(160,47,38,.30) !important;
  transition: transform .3s cubic-bezier(.22,.61,.36,1);
}
.nav_item:active {
  transform: translateY(2px);
  box-shadow:
    0 2px 6px rgba(26,23,19,.08),
    inset 0 0 0 3px rgba(253,250,242,.65),
    inset 0 0 26px rgba(200,164,93,.22) !important;
}
.nav_item:active img { transform: scale(.88); }

/* ---------- 41.2 商品卡 → 山水册页 ---------- */
.list .goods {
  background:
    linear-gradient(180deg, #fffdf7 0%, #faf5e9 100%) !important;
  border: 1px solid rgba(200,164,93,.42) !important;
  border-radius: .26rem !important;
  box-shadow: 0 5px 16px rgba(26,23,19,.06) !important;
  overflow: hidden;
  position: relative;
  transition: transform .24s ease, box-shadow .3s ease;
}
.list .goods::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: .09rem; height: 100%;
  background: linear-gradient(180deg, #c8a45d, rgba(200,164,93,.15));
  z-index: 2;
}
.list .goods:active {
  transform: translateY(-2px);
  box-shadow: 0 9px 22px rgba(26,23,19,.10) !important;
}
/* 商品图右下角「庄」印章水印 */
.goods_cover::after {
  content: "庄";
  position: absolute;
  right: .14rem; bottom: .14rem;
  width: .6rem; height: .6rem;
  background: linear-gradient(135deg, #a02f26, #b03a2e);
  color: #fdfaf2;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif;
  font-size: .4rem;
  line-height: .6rem;
  text-align: center;
  border-radius: .12rem;
  box-shadow: 0 3px 8px rgba(160,47,38,.36);
  z-index: 2;
}
.goods_cover img {
  border-radius: .14rem !important;
}
/* 商品标题 → 楷体 */
.goods_info .block {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .03em !important;
}
/* 价格 → 朱砂 */
.goods_info .now_price {
  color: #a02f26 !important;
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  font-weight: 600 !important;
}
.goods_info .unit {
  color: #a02f26 !important;
}
/* 立即购买按钮 → 鎏金描边朱砂字 */
.list .goods .btn {
  background: linear-gradient(120deg, #a02f26, #b03a2e) !important;
  color: #fdfaf2 !important;
  border-radius: .34rem !important;
  letter-spacing: .06em !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  box-shadow: 0 3px 8px rgba(160,47,38,.32) !important;
  border: none !important;
}

/* ---------- 41.3 栏目标题 → 竖排书法 · 祥云回纹 ---------- */
.headnav {
  background: linear-gradient(180deg, #fdfaf2, #faf5e9) !important;
  border-bottom: 1px solid rgba(200,164,93,.4) !important;
}
.headnav .title {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .08em !important;
}
.headnav .title::before,
.headnav .title::after {
  background: linear-gradient(90deg, rgba(200,164,93,0), #c8a45d, rgba(200,164,93,0)) !important;
}

/* ---------- 41.4 商品列表页（.goods_list）→ 卷轴卡 ---------- */
.goods_list .goods_item {
  background: linear-gradient(180deg, #fffdf7, #faf5e9) !important;
  border: 1px solid rgba(200,164,93,.45) !important;
  border-radius: .22rem !important;
  box-shadow: 0 4px 12px rgba(26,23,19,.06) !important;
  overflow: hidden;
}
.goods_list .goods_item .goods_info {
  background: transparent !important;
}
.goods_list .goods_item .goods_title {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
}
.goods_list .goods_item .goods_price {
  color: #a02f26 !important;
  font-weight: 600 !important;
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
}

/* ============================================================
   42. 【栏目体系重构 · 二】商城/我的/代理 栏目统一东方美学
   ============================================================ */

/* ---------- 42.1 栏目标题（各页 headnav + 区块标题）---------- */
.headnav {
  background: linear-gradient(180deg, #fdfaf2 0%, #f8f2e4 100%) !important;
  color: #2a2620 !important;
  border-bottom: 1px solid rgba(200,164,93,.45) !important;
}
.headnav .title {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .1em !important;
}

/* 区块标题（JS 注入 .zz-section-title） */
.zz-section-title {
  display: flex;
  align-items: center;
  gap: .3rem;
  padding: .46rem .4rem .22rem;
  position: relative;
}
.zz-section-title .zz-st-zi {
  writing-mode: vertical-rl;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif;
  font-size: .56rem;
  color: #a02f26;
  letter-spacing: .12em;
  line-height: 1;
}
.zz-section-title .zz-st-main {
  flex: 1;
}
.zz-section-title .zz-st-cn {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif;
  font-size: .4rem;
  color: #2a2620;
  letter-spacing: .06em;
}
.zz-section-title .zz-st-en {
  font-size: .2rem;
  color: #b0925a;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-top: .04rem;
}
.zz-section-title .zz-st-line {
  height: 1px;
  background: linear-gradient(90deg, #c8a45d, rgba(200,164,93,.15));
  flex: 1;
  margin-left: .2rem;
}
.zz-section-title .zz-st-seal {
  width: .56rem; height: .56rem;
  border-radius: .1rem;
  background: linear-gradient(135deg, #a02f26, #b03a2e);
  color: #fdfaf2;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif;
  font-size: .34rem;
  line-height: .56rem;
  text-align: center;
  box-shadow: 0 2px 6px rgba(160,47,38,.35);
}

/* ---------- 42.2 商城商品卡（.listy li）→ 山水册页 ---------- */
.listy ul { padding: 0 .3rem .4rem; }
.listy li {
  background:
    linear-gradient(180deg, #fffdf7 0%, #faf5e9 100%) !important;
  border: 1px solid rgba(200,164,93,.42) !important;
  border-radius: .24rem !important;
  box-shadow: 0 4px 14px rgba(26,23,19,.06) !important;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .3s ease;
}
.listy li img {
  border-radius: .18rem .18rem 0 0 !important;
}
.listy .chrt {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .03em !important;
}
.listy .seven {
  color: #a02f26 !important;
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  font-weight: 700 !important;
}
.listy li:active {
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(26,23,19,.10) !important;
}

/* ---------- 42.3 我的页功能列表（.list_ .item）→ 金石册页 ---------- */
.list_ .item, .list .item {
  position: relative;
  background:
    linear-gradient(165deg, rgba(200,164,93,.10), rgba(200,164,93,0) 40%),
    linear-gradient(180deg, #fdfaf2, #faf5e9) !important;
  border: 1px solid rgba(200,164,93,.4) !important;
  border-radius: .2rem !important;
  box-shadow: 0 3px 10px rgba(26,23,19,.06) !important;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .3s ease;
}
.list_ .item::before, .list .item::before {
  content: "";
  position: absolute;
  top: .08rem; left: .08rem;
  width: .26rem; height: .26rem;
  border: 2px solid #c8a45d;
  border-right: 0; border-bottom: 0;
  border-top-left-radius: .12rem;
  opacity: .8;
  pointer-events: none;
}
.list_ .item:active, .list .item:active {
  transform: translateY(2px);
  box-shadow: 0 2px 6px rgba(26,23,19,.08), inset 0 0 20px rgba(200,164,93,.18) !important;
}
.list_ .item img, .list .item img {
  filter: none;
}
.list_ .item span, .list .item span {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #3a2f22 !important;
  letter-spacing: .05em !important;
}

/* ---------- 42.4 代理页等级卡（.item / .icon / .cell_）---------- */
.mragent .list .item, .mragent .item {
  background:
    linear-gradient(180deg, #fffdf7, #faf5e9) !important;
  border: 1px solid rgba(200,164,93,.45) !important;
  border-radius: .24rem !important;
  box-shadow: 0 4px 14px rgba(26,23,19,.06) !important;
  overflow: hidden;
}
.mragent .icon span, .icon span {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .06em !important;
}
.van-radio__label {
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  color: #3a2f22 !important;
}
.van-radio__icon--checked .van-icon {
  background-color: #a02f26 !important;
  border-color: #a02f26 !important;
}

/* ============================================================
   43. 【栏目体系重构 · 三】宣纸纹理 · 祥云底纹 · 图标暖色
   ============================================================ */

/* 全站宣纸纹理底（细腻颗粒 + 暖纸色） */
body, .content {
  background-color: #f7f1e6 !important;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(200,164,93,.06), transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(160,47,38,.05), transparent 40%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.028'/%3E%3C/svg%3E") !important;
}

/* 图标暖色化（古籍朱砂印泥色） */
.list_ .item img,
.list .item img,
.icon img,
.icon_ img {
  filter: sepia(.35) saturate(1.7) hue-rotate(-8deg) brightness(.92) !important;
}

/* 商品列表卡首图圆角 + 鎏金内描边 */
.listy li > div {
  border-radius: .22rem !important;
}

/* 底部导航上沿鎏金饰线 */
.footnav::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(200,164,93,0), #c8a45d, rgba(200,164,93,0));
}

/* ============================================================
   44. 【栏目体系重构 · 四】真实山水纹样 · 团队成员卡 · 收尾
   ============================================================ */

/* 真实山水纹样带（层峦叠嶂 · 飞鸟 · 落日） */
.zz-landscape {
  width: 100%;
  line-height: 0;
  pointer-events: none;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.zz-landscape svg {
  width: 100%;
  height: auto;
  display: block;
}

/* 团队成员卡 → 山水册页 */
li.item[data-v-2df55a62] {
  background:
    linear-gradient(165deg, rgba(200,164,93,.10), rgba(200,164,93,0) 42%),
    linear-gradient(180deg, #fdfaf2, #faf5e9) !important;
  border: 1px solid rgba(200,164,93,.42) !important;
  border-radius: .24rem !important;
  box-shadow: 0 4px 14px rgba(26,23,19,.06) !important;
  overflow: hidden;
  margin-bottom: .2rem !important;
  transition: transform .22s ease, box-shadow .3s ease;
}
li.item[data-v-2df55a62]:active {
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(26,23,19,.10) !important;
}
li.item[data-v-2df55a62] .avatar img {
  border-radius: 50% !important;
  box-shadow:
    0 0 0 2.5px #fdfaf2,
    0 0 0 4px rgba(200,164,93,.72),
    0 4px 12px rgba(160,47,38,.26) !important;
}
li.item[data-v-2df55a62] .name {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .05em !important;
}
li.item[data-v-2df55a62] .info {
  color: #5a4f3d !important;
}
li.item[data-v-2df55a62] .box {
  border-top: 1px dashed rgba(200,164,93,.5) !important;
  color: #7a6a4f !important;
}

/* 团队统计卡（区域/总代/门店）→ 金石册页 */
.box_[data-v-2df55a62] {
  background: linear-gradient(180deg, #fdfaf2, #faf5e9) !important;
  border: 1px solid rgba(200,164,93,.45) !important;
  border-radius: .22rem !important;
  box-shadow: 0 4px 12px rgba(26,23,19,.05) !important;
}
.box_[data-v-2df55a62] .f28 {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
}
.box_[data-v-2df55a62] .f24 {
  color: #a02f26 !important;
  font-weight: 700 !important;
}

/* 资金明细 / 购物券 列表项 → 山水册页 */
.assetDetails .item,
.assetDetails .box {
  background: linear-gradient(180deg, #fdfaf2, #faf5e9) !important;
  border: 1px solid rgba(200,164,93,.38) !important;
  border-radius: .18rem !important;
  box-shadow: 0 3px 10px rgba(26,23,19,.05) !important;
}

/* ============================================================
   45. 【极致细腻 · 全站统一】输入框 / 表单 / 卡片 / 弹窗 / 细节
   ============================================================ */

/* ---------- 45.1 细腻设计 tokens（追加）---------- */
:root {
  --zz-card-grad: linear-gradient(180deg, #f8f3e9 0%, #f4efe6 100%);
  --zz-card-grad-2: linear-gradient(165deg, rgba(200,164,93,.10), rgba(200,164,93,0) 42%), linear-gradient(180deg, #f8f3e9 0%, #f4efe6 100%);
  --zz-card-border: rgba(200,164,93,.38);
  --zz-card-shadow: 0 3px 12px rgba(26,23,19,.05);
  --zz-card-radius: .22rem;
  --zz-input-grad: linear-gradient(180deg, #fefcf7 0%, #fbf7ec 100%);
  --zz-input-border: rgba(200,164,93,.45);
}

/* ---------- 45.2 输入框 · 极致细腻 ---------- */
input, textarea, .van-field__control, .van-search__content {
  background: var(--zz-input-grad) !important;
  border: 1px solid var(--zz-input-border) !important;
  border-radius: .12rem !important;
  padding: .16rem .24rem !important;
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  color: #2a2620 !important;
  caret-color: #a02f26 !important;
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}
input:hover, textarea:hover, .van-search__content:hover {
  border-color: rgba(200,164,93,.68) !important;
}
input:focus, textarea:focus, .van-field__control:focus {
  border-color: #a02f26 !important;
  background: linear-gradient(180deg, #fffdfa 0%, #fcf8ef 100%) !important;
  box-shadow: 0 0 0 3px rgba(160,47,38,.09), inset 0 1px 0 rgba(255,255,255,.7) !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder {
  color: #c3b289 !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  letter-spacing: .04em !important;
  opacity: 1 !important;
}
input:disabled, textarea:disabled {
  background: #f3eee2 !important;
  color: #a99c82 !important;
  border-color: rgba(200,164,93,.2) !important;
}
/* 文本选中 */
::selection {
  background: rgba(160,47,38,.16) !important;
  color: #2a2620 !important;
}

/* ---------- 45.3 表单组件 · 统一 ---------- */
.van-field, .van-cell {
  background: var(--zz-card-grad) !important;
}
.van-cell::after, .van-field::after {
  border-color: rgba(200,164,93,.22) !important;
}
.van-cell-group, .van-field {
  background: transparent !important;
}
.van-cell__title, .van-field__label {
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  color: #3a2f22 !important;
}
.van-radio__icon--checked .van-icon,
.van-checkbox__icon--checked .van-icon {
  background: #a02f26 !important;
  border-color: #a02f26 !important;
}
.van-switch--on { background: #a02f26 !important; }
.van-tab--active, .van-tabs .van-tab--active .van-tab__text {
  color: #a02f26 !important;
  font-weight: 600 !important;
}
.van-tabs__line { background: #a02f26 !important; }
.van-tabs__nav { background: var(--zz-card-grad) !important; }
.van-stepper__minus, .van-stepper__plus { background: #f8f3e9 !important; }
.van-stepper__input {
  background: var(--zz-input-grad) !important;
  border-color: rgba(200,164,93,.4) !important;
}

/* ---------- 45.4 卡片背景 · 全站统一 ---------- */
.nav_item, .list .goods, .listy li, .list_ .item, .list .item,
.mragent .item, li.item[data-v-2df55a62], .box_[data-v-2df55a62],
.assetDetails .item, .assetDetails .box {
  background: var(--zz-card-grad-2) !important;
  border-color: var(--zz-card-border) !important;
  box-shadow: var(--zz-card-shadow) !important;
  border-radius: var(--zz-card-radius) !important;
}

/* ---------- 45.5 按钮 · 统一（鎏金扫光）---------- */
.van-button--primary {
  background: linear-gradient(120deg, #a02f26 0%, #b03a2e 50%, #c8a45d 120%) !important;
  border: none !important;
  border-radius: 10rem !important;
  letter-spacing: .07em !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  box-shadow: 0 3px 10px rgba(160,47,38,.26) !important;
  position: relative;
  overflow: hidden;
}
.van-button--default {
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200,164,93,.5) !important;
  color: #2a2620 !important;
  border-radius: 10rem !important;
}
.van-button--default:active {
  background: rgba(200,164,93,.12) !important;
}

/* ---------- 45.6 弹窗 / 对话框 / 选择器 ---------- */
.van-popup, .van-dialog, .van-action-sheet, .van-share-sheet {
  background: var(--zz-card-grad) !important;
}
.van-popup--bottom { border-radius: .3rem .3rem 0 0 !important; }
.van-dialog {
  border-radius: .28rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(200,164,93,.4) !important;
}
.van-dialog__header {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
  letter-spacing: .06em !important;
}
.van-dialog__message { color: #5a4f3d !important; }
.van-picker__toolbar, .van-picker {
  background: var(--zz-card-grad) !important;
}
.van-picker__confirm, .van-dialog__confirm {
  color: #a02f26 !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
}
.van-picker-column__item--selected {
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  color: #2a2620 !important;
}

/* ---------- 45.7 滚动条 / 分隔线 / 阴影微调 ---------- */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c8a45d, #b8924e) !important;
  border-radius: 3px;
}
::-webkit-scrollbar-track { background: transparent; }
.van-hairline--bottom::after, .van-divider {
  border-color: rgba(200,164,93,.25) !important;
}
.van-divider { color: #b0925a !important; }

/* ---------- 45.8 过渡统一（细腻微动效）---------- */
.van-button, .van-cell, input, textarea, .nav_item, .list .goods,
.listy li, .list_ .item, li.item[data-v-2df55a62] {
  transition: all .24s cubic-bezier(.22,.61,.36,1) !important;
}

/* ============================================================
   46. 【极致统一】注册/忘记页 残留粉色背景 + 按钮 东方化
   ============================================================ */

/* 移除注册/忘记页粉色 login_bg 背景 */
.regist[data-v-066478ee], .forget[data-v-166e9a7f] {
  background: none !important;
  color: #2a2620 !important;
}
/* 宣纸内容卡（替代粉色 regist_content.png） */
.regist .container[data-v-066478ee], .forget .container[data-v-166e9a7f] {
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200,164,93,.4) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px rgba(26,23,19,.14), 0 3px 12px rgba(26,23,19,.06) !important;
  padding: .9rem .85rem 1.6rem !important;
  flex: 0 0 auto !important;
  height: auto !important;
}
/* 标题鎏金 */
.regist h1, .forget h1 {
  color: #2a2620 !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  letter-spacing: .1em !important;
}
/* 返回链接 */
.regist .return, .forget .return {
  color: #8a7a5a !important;
}
/* 注册/忘记按钮 → 朱砂鎏金渐变 */
.next, .forgetbtn, .next[data-v-066478ee], .next[data-v-54fb02ba], .forgetbtn[data-v-166e9a7f] {
  background: linear-gradient(135deg, #a02f26 0%, #c14b3a 55%, #c8a45d 130%) !important;
  color: #f9f3e6 !important;
  border: 1px solid #8e2820 !important;
  box-shadow: 0 6px 20px rgba(160,47,38,.32) !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  letter-spacing: .1em !important;
}
.next:active, .forgetbtn:active {
  opacity: .9;
  transform: scale(.98);
}

/* 详情页遗留蓝色按钮 → 朱砂 */
.detail .btn[data-v-5e1d627e] {
  background: linear-gradient(135deg, #a02f26, #c14b3a) !important;
  color: #f9f3e6 !important;
  border: none !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  letter-spacing: .08em !important;
}


/* ===================== 庄周故里 · 品牌信任区块（企业背书） ===================== */
.zz-heritage {
  margin: 1.5rem 0.6rem 1rem;
  padding: 1.1rem 0.9rem 1.2rem;
  border: 1px solid #e2d3ae;
  border-radius: 12px;
  background:
    radial-gradient(circle at 88% 6%, rgba(200,164,93,.12), transparent 42%),
    linear-gradient(168deg, #fffdf8 0%, #f7f0e2 100%);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(26,23,19,.10);
}
.zz-heritage:before {
  content: "";
  position: absolute; inset: 0;
  background: url("https://zz.bxghlm.com/zhuangzi/scene/scene_gate.jpg") center/cover no-repeat;
  opacity: 0.045;
  pointer-events: none;
}
.zz-heritage-head {
  display: flex; align-items: center; gap: .6rem; margin-bottom: .8rem;
}
.zz-heritage-zi {
  font-family: var(--zz-kai, "KaiTi", serif);
  font-size: 1.7rem; color: #a02f26; line-height: 1;
  writing-mode: vertical-rl;
  letter-spacing: .1em;
}
.zz-heritage-title {
  font-family: var(--zz-serif, "Songti SC", serif);
  font-size: 1.02rem; font-weight: 600; color: #2a2620; letter-spacing: .12em;
}
.zz-heritage-en {
  font-size: .56rem; letter-spacing: .28em; color: #c8a45d; margin-top: .2rem;
}
.zz-heritage-seal {
  margin-left: auto;
  width: 1.9rem; height: 1.9rem; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--zz-kai, "KaiTi", serif); font-size: .95rem; color: #fffdf8;
  background: linear-gradient(140deg, #b03a2e, #8f2820); border-radius: 4px;
  box-shadow: 0 2px 6px rgba(160,47,38,.35);
}
.zz-heritage-intro {
  font-family: var(--zz-serif, "Songti SC", serif);
  font-size: .78rem; line-height: 1.9; color: #5a5040; letter-spacing: .03em;
  text-align: justify;
}
.zz-heritage-intro b { color: #a02f26; font-weight: 600; }
.zz-heritage-badges {
  display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .8rem;
}
.zz-heritage-badges span {
  font-size: .64rem; letter-spacing: .06em; color: #8a6a2a;
  padding: .3rem .6rem; border: 1px solid #dcc48c; border-radius: 20px;
  background: linear-gradient(120deg, #fbf4e2, #f3e6c6);
}
.zz-heritage-scenes { margin-top: .9rem; overflow: hidden; }
.zz-scene-track {
  display: flex; gap: .6rem; overflow-x: auto; padding: .2rem .1rem .5rem;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
}
.zz-scene-track::-webkit-scrollbar { display: none; }
.zz-scene {
  flex: 0 0 auto; width: 7.4rem; scroll-snap-align: start;
}
.zz-scene img {
  width: 100%; height: 4.8rem; object-fit: cover; border-radius: 8px;
  border: 1px solid #e4d6b4; display: block;
}
.zz-scene figcaption {
  margin-top: .35rem; text-align: center; font-size: .6rem;
  letter-spacing: .14em; color: #7a6a48;
}
.zz-heritage-cta {
  display: flex; align-items: center; justify-content: center; gap: .4rem;
  margin-top: .9rem; padding: .58rem 0;
  font-family: var(--zz-kai, "KaiTi", serif); font-size: .68rem; letter-spacing: .2em;
  color: #fffdf8 !important; text-decoration: none; text-align: center;
  background: linear-gradient(120deg, #b03a2e, #8f2820);
  border: 1px solid rgba(200,164,93,.55);
  border-radius: 22px; box-shadow: 0 6px 16px rgba(160,47,38,.28), inset 0 1px 0 rgba(255,255,255,.18);
}
.zz-heritage-cta:active { transform: scale(.97); }
.zz-heritage-cta i { font-style: normal; letter-spacing: 0; }

/* ============================================================
   47. 【终极精修 · 全站统一】字体收敛 · 输入框细腻 · 卡片统一 · 移动端顶级
   —— 喝庄子酒，御逍遥游 · 东方水墨 × 鎏金 × 朱砂 顶级高级感
   ============================================================ */

/* ============================================================
   47.1 字体系统收敛（修复正文无衬线 vs 标题衬线的割裂）
   ============================================================ */
/* 正文统一宋体衬线：与标题/价格形成「卷轴书籍」整体感 */
body, #app,
.van-cell, .van-field, .van-cell__value,
.list .goods, .listy li, .list_ .item, .mragent .item {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", "宋体", serif !important;
  letter-spacing: .015em;
}
/* 数字/价格/金额：衬线老式数字对齐（表格感、账本感） */
.now_price, .seven, .goods_price, .f24, .f28, .price, .money,
.van-cell__value span, .assetDetails .f24 {
  font-family: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}
/* 品牌性文字（标语/标题/印章/栏目标题）保持楷书毛笔 */
.zz-slogan, .zz-brand, .zz-seal-text, .headnav .title,
.zz-section-title .zz-st-zi, .zz-section-title .zz-st-cn {
  font-family: "Ma Shan Zheng", "STKaiti", "KaiTi", "Kaiti SC", "楷体", "华文楷体", serif !important;
}

/* ============================================================
   47.2 色彩 / 阴影 / 圆角 Token 收敛（消除散落近似色值）
   ============================================================ */
:root {
  /* 鎏金收敛 */
  --zz-gold-1: #c8a45d;   /* 主金 */
  --zz-gold-2: #d4af6a;   /* 亮金 */
  --zz-gold-3: #e6d3b0;   /* 浅金 */
  --zz-gold-bd: rgba(200,164,93,.42);  /* 金描边 */
  /* 朱砂收敛 */
  --zz-red-1: #a02f26;    /* 主朱砂 */
  --zz-red-2: #b03a2e;    /* 亮朱砂 */
  --zz-red-3: #8e2820;    /* 深朱砂 */
  /* 墨色收敛 */
  --zz-m-1: #1a1713;      /* 墨黑 */
  --zz-m-2: #2a2620;      /* 深墨 */
  --zz-m-3: #3a2f22;      /* 正文暖墨 */
  --zz-m-4: #8a7a5c;      /* 次要暖棕（避免中性灰） */
  /* 宣纸收敛 */
  --zz-paper-card-top: #f8f3e9;
  --zz-paper-card-bot: #f4efe6;
  --zz-card-grad: linear-gradient(180deg, #f8f3e9 0%, #f4efe6 100%);
  --zz-card-grad-2: linear-gradient(165deg, rgba(200,164,93,.09), rgba(200,164,93,0) 42%), linear-gradient(180deg, #f8f3e9 0%, #f4efe6 100%);
  /* 阴影层级 */
  --zz-shadow-xs: 0 1px 3px rgba(26,23,19,.05);
  --zz-shadow-sm: 0 3px 10px rgba(26,23,19,.06);
  --zz-shadow-md: 0 6px 18px rgba(26,23,19,.08);
  --zz-shadow-lg: 0 14px 40px rgba(26,23,19,.13);
  /* 圆角层级 */
  --zz-radius-sm: .12rem;
  --zz-radius-md: .22rem;
  --zz-radius-lg: .3rem;
  /* 过渡曲线 */
  --zz-ease: cubic-bezier(.22,.61,.36,1);
}

/* ============================================================
   47.3 输入框 · 顶级细腻（焦点光晕 / 描边过渡 / 清除钮 / 验证码 / 搜索）
   ============================================================ */
input, textarea, .van-field__control, .van-search__content {
  background: linear-gradient(180deg, #fefcf7 0%, #fbf7ec 100%) !important;
  border: 1px solid rgba(200,164,93,.42) !important;
  border-radius: .14rem !important;
  color: #2a2620 !important;
  caret-color: #a02f26 !important;
  font-family: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif !important;
  letter-spacing: .02em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(26,23,19,.03) !important;
  transition: border-color .28s var(--zz-ease), box-shadow .28s var(--zz-ease), background .28s var(--zz-ease) !important;
}
/* 悬停：金边加深 */
input:hover, textarea:hover, .van-search__content:hover {
  border-color: rgba(200,164,93,.72) !important;
}
/* 聚焦：朱砂描边 + 柔和鎏金光晕 + 内高光 */
input:focus, textarea:focus, .van-field__control:focus {
  border-color: #a02f26 !important;
  background: linear-gradient(180deg, #fffefa 0%, #fcf8ef 100%) !important;
  box-shadow:
    0 0 0 3px rgba(160,47,38,.10),
    0 0 0 6px rgba(200,164,93,.08),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
  outline: none !important;
}
/* placeholder：楷体淡金，气质统一 */
input::placeholder, textarea::placeholder {
  color: #c3b289 !important;
  font-family: "Ma Shan Zheng", "STKaiti", "KaiTi", "楷体", serif !important;
  letter-spacing: .05em !important;
  opacity: 1 !important;
}
input:disabled, textarea:disabled {
  background: #f3eee2 !important;
  color: #a99c82 !important;
  border-color: rgba(200,164,93,.18) !important;
}
/* 搜索框：胶囊化 + 鎏金放大镜 */
.van-search {
  background: transparent !important;
}
.van-search__content {
  border-radius: 10rem !important;
  background: linear-gradient(180deg, #fefcf7, #fbf7ec) !important;
  border: 1px solid rgba(200,164,93,.45) !important;
  padding-left: .3rem !important;
}
.van-search__content--round {
  border-radius: 10rem !important;
}
/* 输入框内部小图标（眼睛/清除）暖金 */
.van-field__right-icon, .van-field__clear, .van-icon-clear {
  color: #c8a45d !important;
}
/* 验证码 / 数量 stepper 细腻化 */
.van-stepper__minus, .van-stepper__plus {
  background: #f8f3e9 !important;
  border: 1px solid rgba(200,164,93,.4) !important;
  color: #a02f26 !important;
}
.van-stepper__input {
  background: linear-gradient(180deg, #fefcf7, #fbf7ec) !important;
  border-color: rgba(200,164,93,.4) !important;
  border-radius: 0 !important;
}

/* ============================================================
   47.4 卡片背景 · 全站绝对统一 + 细腻 hover/active 抬升
   ============================================================ */
.nav_item, .list .goods, .listy li, .list_ .item, .list .item,
.mragent .item, .mragent .list .item, li.item[data-v-2df55a62],
.box_[data-v-2df55a62], .assetDetails .item, .assetDetails .box,
.container .list .item, .usergran {
  background: var(--zz-card-grad-2) !important;
  border: 1px solid rgba(200,164,93,.4) !important;
  box-shadow: var(--zz-shadow-sm) !important;
  border-radius: var(--zz-radius-md) !important;
  transition: transform .24s var(--zz-ease), box-shadow .3s var(--zz-ease), border-color .3s var(--zz-ease) !important;
}
/* hover（桌面）：轻微抬升 + 金边提亮 + 阴影加深 */
@media (hover: hover) {
  .nav_item:hover, .list .goods:hover, .listy li:hover,
  .list_ .item:hover, .list .item:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(200,164,93,.72) !important;
    box-shadow: var(--zz-shadow-md) !important;
  }
}
/* active（移动按压）：下沉 + 内金晕 */
.nav_item:active, .list .goods:active, .listy li:active,
.list_ .item:active, .list .item:active {
  transform: translateY(1px) scale(.985) !important;
  box-shadow: var(--zz-shadow-xs), inset 0 0 22px rgba(200,164,93,.16) !important;
}

/* ============================================================
   47.5 按钮系统 · 统一（主按钮朱砂鎏金 + 流光；次按钮描边）
   ============================================================ */
/* 主按钮：朱砂→鎏金横向渐变，圆角胶囊，鎏金流光扫过 */
.van-button--primary, .login_sign, .next, .forgetbtn,
.primary_, .btn_bind, .list .goods .btn {
  background: linear-gradient(120deg, #a02f26 0%, #b03a2e 46%, #c8a45d 118%) !important;
  color: #fdfaf2 !important;
  border: 1px solid rgba(200,164,93,.55) !important;
  border-radius: 10rem !important;
  font-family: "Ma Shan Zheng", "STKaiti", "KaiTi", "楷体", serif !important;
  letter-spacing: .08em !important;
  box-shadow: 0 4px 14px rgba(160,47,38,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
  position: relative;
  overflow: hidden;
  transition: transform .18s var(--zz-ease), box-shadow .25s var(--zz-ease), filter .25s var(--zz-ease) !important;
}
.van-button--primary:active, .login_sign:active, .next:active, .forgetbtn:active {
  transform: translateY(1px) scale(.985) !important;
  box-shadow: 0 2px 8px rgba(160,47,38,.32) !important;
  filter: brightness(1.04);
}
/* 次按钮：宣纸底 + 金描边 */
.van-button--default, .van-button--plain, .van-button--info {
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200,164,93,.55) !important;
  color: #3a2f22 !important;
  border-radius: 10rem !important;
  font-family: "Noto Serif SC", "Songti SC", "SimSun", serif !important;
  letter-spacing: .04em !important;
}
.van-button--default:active, .van-button--plain:active {
  background: rgba(200,164,93,.14) !important;
}

/* ============================================================
   47.6 表单 / 列表 / 弹窗 · 细节统一
   ============================================================ */
.van-cell, .van-field {
  background: var(--zz-card-grad) !important;
}
.van-cell::after, .van-field::after, .van-cell-group::after {
  border-color: rgba(200,164,93,.22) !important;
}
.van-cell-group { background: transparent !important; border-radius: var(--zz-radius-md) !important; overflow: hidden; }
.van-cell__title, .van-field__label {
  font-family: "Noto Serif SC", "Songti SC", "SimSun", serif !important;
  color: #3a2f22 !important;
  letter-spacing: .03em !important;
}
.van-radio__icon--checked .van-icon,
.van-checkbox__icon--checked .van-icon {
  background: #a02f26 !important;
  border-color: #a02f26 !important;
}
.van-switch--on { background: #a02f26 !important; }
.van-tab--active, .van-tabs .van-tab--active .van-tab__text { color: #a02f26 !important; font-weight: 600 !important; }
.van-tabs__line { background: linear-gradient(90deg, #a02f26, #c8a45d) !important; height: 2px !important; }
.van-tabs__nav { background: var(--zz-card-grad) !important; }
/* 弹窗 */
.van-popup, .van-dialog, .van-action-sheet, .van-share-sheet { background: var(--zz-card-grad) !important; }
.van-popup--bottom { border-radius: var(--zz-radius-lg) var(--zz-radius-lg) 0 0 !important; }
.van-dialog { border-radius: .28rem !important; border: 1px solid rgba(200,164,93,.45) !important; box-shadow: var(--zz-shadow-lg) !important; overflow: hidden; }
.van-dialog__header { font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important; color: #2a2620 !important; letter-spacing: .06em !important; }
.van-dialog__message { color: #5a5040 !important; font-family: "Noto Serif SC","Songti SC","SimSun",serif !important; line-height: 1.7 !important; }
.van-dialog__confirm { color: #a02f26 !important; font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important; }
.van-dialog__cancel { color: #8a7a5c !important; }
/* 分隔线 / 分割 */
.van-divider, .van-hairline--bottom::after { border-color: rgba(200,164,93,.25) !important; }
.van-divider { color: #b0925a !important; font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important; }
/* 列表项点击反馈 */
.van-cell:active { background: rgba(200,164,93,.08) !important; }

/* ============================================================
   47.7 移动端顶级适配 · safe-area / 触控 / 小屏 / 横屏
   ============================================================ */
/* 底部导航：全面 safe-area + 触控高度保障 */
.footnav {
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.footnav .foot_item {
  min-height: 1.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
}
/* 触控优化：消除点击高亮 + 长按菜单 */
a, button, .nav_item, .foot_item, .list .goods, .listy li,
.list_ .item, .list .item, .van-cell {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
img { -webkit-touch-callout: none; user-select: none; }
/* 触控目标最小尺寸保障（移动端 ≥44px 易点） */
.nav_item, .foot_item { min-height: 1.1rem; }

/* 小屏（≤375px）字号/间距收紧，保持精致不拥挤 */
@media (max-width: 375px) {
  .headnav .title { font-size: .38rem !important; letter-spacing: .08em !important; }
  .nav { gap: .3rem .22rem !important; padding: .3rem .26rem .1rem !important; }
  .nav_item { padding: .44rem .1rem .36rem !important; }
  .nav_item .black { font-size: .26rem !important; }
  .zz-section-title { padding: .4rem .3rem .18rem !important; }
  .zz-section-title .zz-st-zi { font-size: .48rem !important; }
  .zz-section-title .zz-st-cn { font-size: .36rem !important; }
  .listy ul { padding: 0 .22rem .3rem !important; }
  input, textarea, .van-field__control { padding: .14rem .2rem !important; }
}

/* 大屏（平板/桌面）居中容器，避免拉伸过宽 */
@media (min-width: 768px) {
  #app { max-width: 520px; margin: 0 auto; box-shadow: var(--zz-shadow-lg); }
}

/* 横屏：提示竖屏体验更佳（可选轻微缩放） */
@media (orientation: landscape) and (max-height: 500px) {
  .zz-hero, .zz-brand { padding-top: .4rem; }
}

/* 文本选中/输入聚焦平滑 */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ============================================================
   48. 【终极重设计】登录/注册/忘记页 · 干净宣纸 · 布局整齐 · 顶级细腻统一
   —— 修复 100vw 溢出 / 去除灰色山峦遮挡 / 输入框·卡片·按钮精修
   ============================================================ */

/* 48.1 修复 .login 100vw 溢出（桌面排版乱的根因）+ 弹性居中 */
.login[data-v-d391dfd6] {
  width: 100% !important;
  min-height: 100vh;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 .6rem !important;
}

/* 48.2 品牌区：居中、克制留白、logo 放大、字距统一 */
.zz-brand {
  width: 100%;
  max-width: 7.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem .4rem .95rem !important;
  text-align: center;
}
.zz-brand-logo {
  height: 1.42rem !important;
  margin: 0 0 .5rem !important;
  filter: drop-shadow(0 2px 10px rgba(160,47,38,.13)) !important;
}
.zz-brand .zz-slogan {
  font-size: .64rem !important;
  letter-spacing: .12em !important;
  white-space: nowrap;
  color: #1a1713 !important;
}
.zz-brand .zz-hero-sub {
  font-size: .32rem !important;
  letter-spacing: .1em !important;
  white-space: nowrap;
  color: #8a6a3a !important;
  margin-top: .42rem !important;
  opacity: .95;
}

/* 48.3 登录卡片：宣纸质感 + 金描边 + 分层阴影 + 顶部鎏金饰线 */
.login .container[data-v-d391dfd6] {
  width: 7.44rem !important;
  max-width: calc(100vw - .72rem) !important;
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200,164,93,.42) !important;
  border-radius: .3rem !important;
  box-shadow:
    0 20px 50px rgba(26,23,19,.12),
    0 3px 12px rgba(26,23,19,.05) !important;
  margin: 0 auto !important;
  padding: .92rem .8rem 1.15rem !important;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto !important;
  height: auto !important;
}
.login .container[data-v-d391dfd6]::before {
  content: "";
  position: absolute;
  top: 0; left: 16%; right: 16%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d4af6a, transparent);
}
.login .container[data-v-d391dfd6]::after {
  content: "❖";
  position: absolute;
  top: .16rem; right: .4rem;
  font-size: .34rem;
  color: rgba(200,164,93,.5);
}

/* 48.4 字段标题（手机号/密码） */
.login .container .content h2 {
  font-size: .34rem !important;
  color: #8a7a5c !important;
  letter-spacing: .1em !important;
  margin: 0 0 .22rem .08rem !important;
  font-weight: 600 !important;
}
.login .container .content { margin-bottom: .4rem !important; }

/* 48.5 输入框：细腻纸纹 + 金描边 + 朱砂聚焦 */
.login .container .content input {
  width: 100% !important;
  height: 1.04rem !important;
  line-height: 1.04rem !important;
  padding: 0 .36rem !important;
  background: linear-gradient(180deg, #fefcf7 0%, #fbf7ec 100%) !important;
  border: 1px solid rgba(200,164,93,.45) !important;
  border-radius: .14rem !important;
  font-family: "Noto Serif SC","Songti SC","STSong","SimSun",serif !important;
  font-size: .42rem !important;
  color: #2a2620 !important;
  caret-color: #a02f26 !important;
  letter-spacing: .02em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(26,23,19,.03) !important;
  transition: border-color .28s var(--zz-ease), box-shadow .28s var(--zz-ease), background .28s var(--zz-ease) !important;
}
.login .container .content input:focus {
  border-color: #a02f26 !important;
  background: linear-gradient(180deg, #fffefa 0%, #fcf8ef 100%) !important;
  box-shadow:
    0 0 0 3px rgba(160,47,38,.10),
    0 0 0 6px rgba(200,164,93,.08),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
  outline: none !important;
}
.login .container .content input::placeholder {
  color: #c3b289 !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  letter-spacing: .05em !important;
  opacity: 1 !important;
}

/* 48.6 +86 区号选择器：前置标签 + 细分隔线 */
.login .container .phones { position: relative !important; }
.login .container .phones ul {
  position: absolute !important;
  left: .18rem; top: 50%;
  transform: translateY(-50%);
  display: flex; align-items: center;
  padding: 0 .22rem 0 0;
  height: .6rem;
  border-right: 1px solid rgba(200,164,93,.42);
  z-index: 2;
  margin: 0;
}
.login .container .phones ul li {
  list-style: none !important;
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  font-size: .4rem !important;
  color: #a02f26 !important;
  line-height: 1;
}
.login .container .phones input { padding-left: 1.6rem !important; }

/* 48.7 记住密码 行 */
.login .container .remember {
  display: flex !important;
  align-items: center;
  margin: .1rem .04rem .46rem !important;
}
.login .container .remember img {
  width: .38rem !important;
  height: .38rem !important;
  margin-right: .14rem !important;
  filter: sepia(.6) saturate(2.4) hue-rotate(-18deg);
}
.login .container .remember h3 {
  font-size: .31rem !important;
  color: #8a7a5c !important;
  letter-spacing: .05em !important;
  margin: 0 !important;
}

/* 48.8 登录按钮：朱砂→鎏金 + 顶部高光 */
.login .container .login_sign {
  width: 100% !important;
  height: 1.08rem !important;
  line-height: 1.08rem !important;
  border-radius: 10rem !important;
  background: linear-gradient(120deg, #a02f26 0%, #b03a2e 46%, #c8a45d 118%) !important;
  color: #fdfaf2 !important;
  border: 1px solid rgba(200,164,93,.55) !important;
  font-family: "Ma Shan Zheng","STKaiti","KaiTi","楷体",serif !important;
  font-size: .46rem !important;
  letter-spacing: .3em !important;
  text-indent: .3em;
  box-shadow: 0 6px 18px rgba(160,47,38,.3), inset 0 1px 0 rgba(255,255,255,.22) !important;
  position: relative;
  overflow: hidden;
  transition: transform .18s var(--zz-ease), box-shadow .25s var(--zz-ease), filter .25s var(--zz-ease) !important;
}
.login .container .login_sign:active {
  transform: translateY(1px) scale(.985) !important;
  box-shadow: 0 2px 8px rgba(160,47,38,.32) !important;
  filter: brightness(1.04);
}

/* 48.9 忘记密码（卡片内） */
.login .container h1 {
  font-size: .32rem !important;
  color: #8a7a5c !important;
  letter-spacing: .06em !important;
  margin: .46rem 0 0 !important;
  text-align: center;
  line-height: 1 !important;
}

/* 48.10 还没有账号（卡片外） */
.login[data-v-d391dfd6] > h1 {
  font-size: .34rem !important;
  color: #8a6a3a !important;
  letter-spacing: .08em !important;
  margin: .5rem 0 0 !important;
  text-align: center;
}

/* 48.11 庄周故里区块：桌面约束到主列（520px），移动端保持近全宽 */
.zz-heritage {
  max-width: 520px;
}
@media (min-width: 768px) {
  .zz-heritage {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 48.12 注册/忘记页卡片约束居中 */
.regist .container[data-v-066478ee],
.forget .container[data-v-166e9a7f] {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 7.44rem !important;
  max-width: calc(100vw - .72rem) !important;
}

/* ============================================================
   49. 【登录后全站】100vw 包裹器 → 100% · 固定底栏居中 · 栏目对齐可点
   —— 修复桌面溢出导致「栏目大小不对称 + 点不到/无反馈」
   ============================================================ */

/* 49.1 内容包裹器 100vw → 100%（移动端无影响，桌面收进 520px 主列）
   注：原样式中用的是 data-v-<hash> 属性，属性名含 hash，[data-v] 匹配不到，
   故直接用类名覆盖（100% 在移动端与 100vw 等价，桌面则收进主列） */
.content,
.backgroud,
.list,
.top,
.title {
  width: 100% !important;
  max-width: 100% !important;
}

/* 49.2 固定顶栏/底栏居中到 520px 主列（桌面） */
@media (min-width: 768px) {
  .footnav, .headnav {
    max-width: 520px !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 49.3 注入快捷入口（积分中心/新手学堂）对齐原生项：竖排 + 统一印章尺寸 */
#zz-integral-item, #zz-newbie-item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .24rem;
}
.nav_item img {
  width: 1.2rem !important;
  height: 1.2rem !important;
  object-fit: contain;
}

/* 49.4 栏目可点击反馈（桌面悬停 + 手型光标） */
.nav_item {
  cursor: pointer;
}
@media (min-width: 768px) {
  .nav_item:hover {
    transform: translateY(-2px);
    box-shadow:
      0 8px 18px rgba(26,23,19,.12),
      inset 0 0 0 3px rgba(253,250,242,.65),
      inset 0 0 26px rgba(200,164,93,.28) !important;
  }
}

/* ============================================================
   50. 【登录后全站】页面根组件 100vw → 100% · 我的订单栏目精修 · 酒厂全景画廊
   ============================================================ */

/* 50.1 所有页面根组件（.mruser/.content/.login/.listy 等）100vw → 100%
   注：原编译样式每个页面根组件都写死了 width:100vw（如 .mruser[data-v-1e288a0a]），
   桌面端把整页撑到 1280px 溢出 520px 主列，导致订单卡片/品牌块整体右移、底栏错位。
   这里统一把 #app 的直接子级（各页面根组件）上限钳制到 100%，移动端 100vw == 100% 无影响。 */
#app > div {
  max-width: 100% !important;
}

/* 50.2 我的订单：栏目标签配色（原 #868686 灰 → 墨金暖色，与全站统一） */
.orders .order_item span {
  color: #6b5a3a !important;
  letter-spacing: .05em;
}
.orders .order_item img {
  filter: sepia(.28) saturate(.95) hue-rotate(-6deg) !important;
}

/* 50.3 我的订单卡片：圆角细腻化 + 顶部标题与下方栏目的分隔线 */
.mruser .orders {
  border-radius: .22rem !important;
}
.orders h5 {
  border-bottom: 1px dashed rgba(200, 164, 93, .35) !important;
}

/* 50.4 酒厂全景画廊：图题统一（原 scoped 冲突已由 .zz-hero .zz-scene 修复，这里补图题与卡片质感） */
.zz-scene {
  scroll-snap-align: start;
}
.zz-scene figcaption {
  color: #7a6a48 !important;
  letter-spacing: .12em;
}
.zz-scene img {
  box-shadow: 0 4px 14px rgba(26, 23, 19, .10) !important;
}

/* ============================================================
   51. 【全站兜底 · 残留灰统一】登录分隔线 / 商学院卡片 / 商品描述 / 代理申请表单 / 全部商品卡片
   盘点发现各页面专属 scoped 样式仍残留「默认灰」元素，未纳入前 50 节的通用选择器：
   · 登录页输入行分隔线 #ebebeb
   · 商学院课程卡 .card 透明底 + 黑灰影 rgba(0,0,0,.1) + 近黑标题 #1f1f1f + 深灰简介 #404040
   · 首页商品描述 .goods_info .intro 字面 grey
   · 代理申请输入单元格 .item .cell 灰底 #f3f3f3、列表分隔线 #ededed、正文 #454545
   · 全部商品卡 .listy ul li 重灰影 rgba(0,0,0,.35)、标题 #1e1e1e、底部导航灰影
   统一为「宣纸底 + 金描边 + 暖墨影 + 墨金文字」。
   ============================================================ */

/* 51.1 登录页 · 输入行分隔线（原 #ebebeb 灰实线 → 鎏金虚线，消除粗糙灰线） */
.login .container .content {
  border-bottom: 1px dashed rgba(200, 164, 93, .30) !important;
}

/* 51.2 商学院课程卡 · 宣纸底 + 金描边 + 暖墨影 */
.card {
  background: var(--zz-card-grad-2) !important;
  border: 1px solid rgba(200, 164, 93, .40) !important;
  box-shadow: var(--zz-shadow-sm) !important;
  border-radius: var(--zz-radius-md) !important;
}
.card .content .title,
.card .title {
  color: #2a2620 !important;
}
.card .content .intro,
.card .intro {
  color: #6b5a3a !important;
}

/* 51.3 商品描述 · 原字面 grey → 暖墨金 */
.goods_info .intro,
.list .goods .goods_info .intro {
  color: #7a6a48 !important;
}

/* 51.4 代理申请 · 输入单元格（原 #f3f3f3 灰底 → 宣纸输入框，与全站 input 统一） */
.item .cell {
  background: linear-gradient(180deg, #fefcf7 0%, #fbf7ec 100%) !important;
  border: 1px solid rgba(200, 164, 93, .42) !important;
  border-radius: .14rem !important;
  color: #2a2620 !important;
  caret-color: #a02f26 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 2px rgba(26, 23, 19, .03) !important;
}

/* 51.5 代理申请 · 列表分隔线（原 #ededed 灰实线 → 鎏金虚线；仅改色，不额外加边框） */
.list .item {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
}

/* 51.6 代理申请 · 正文（原 #454545 灰 → 暖墨） */
.mragent .content p,
.content p[data-v-2daeb906] {
  color: #6b5a3a !important;
}

/* 51.7 全部商品 · 卡片重影（原 rgba(0,0,0,.35) 重灰 → 暖影，金描边兜底） */
.listy ul li {
  box-shadow: var(--zz-shadow-sm) !important;
  border: 1px solid rgba(200, 164, 93, .40) !important;
}

/* 51.8 全部商品 · 标题（原 #1e1e1e → 墨） */
.listy ul li .chrt {
  color: #2a2620 !important;
}

/* 51.9 底部导航条 · 原灰影(0,0,0,.1) → 暖金描边 + 暖影 */
.nav_footer {
  box-shadow: 0 -1px 0 rgba(200, 164, 93, .20), 0 -6px 20px rgba(26, 23, 19, .06) !important;
}

/* ============================================================
   52. 【代理申请 · 协议弹窗精修】原纯白 #fff 卡片/按钮 → 宣纸 + 金描边
   代理申请页进入时的「代理协议」弹窗，原编译样式为纯白底 + 白按钮，
   与全站东方美学割裂。此处统一为宣纸底 + 金描边 + 朱砂主按钮。
   ============================================================ */

/* 52.1 协议弹窗卡片（原 background:#fff → 宣纸渐变 + 金描边 + 暖影） */
.box[data-v-07835e68] {
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200, 164, 93, .40) !important;
  border-radius: .18rem !important;
  box-shadow: var(--zz-shadow-md) !important;
}

/* 52.2 协议弹窗按钮（取消：原白底 → 宣纸底 + 金描边；同意：朱砂保留 + 流光） */
.btn_box span {
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200, 164, 93, .45) !important;
  color: #3a2f22 !important;
  font-family: "Noto Serif SC", "Songti SC", "SimSun", serif !important;
  letter-spacing: .04em !important;
}
.btn_box .agree {
  background: linear-gradient(120deg, #b03a2e, #8f2820) !important;
  border: 1px solid rgba(200, 164, 93, .55) !important;
  color: #fffdf8 !important;
  box-shadow: 0 4px 12px rgba(160, 47, 38, .28), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

/* ============================================================
   53. 【二级页兜底 · 资金/转账/充值/提现/记录/团队/证书/优惠券等】
   原编译样式白底白字、斑马灰、灰边灰字、艳红按钮、蓝灰底，均统一为
   东方美学：暖墨字 + 金描边 + 宣纸底 + 朱砂主按钮。
   ============================================================ */

/* 53.1 二级页顶栏标题（原 color:#f5f5f5 白字在白底/宣纸底不可见 → 暖墨） */
.title h1 {
  color: #2a2620 !important;
  letter-spacing: .12em !important;
  font-weight: 600 !important;
}

/* 53.2 返回箭头暖色化（原白箭头 → 暖墨，sepia 统一） */
.title .left span img,
.title .left img {
  filter: sepia(.4) saturate(1.6) hue-rotate(-8deg) brightness(.5) !important;
}

/* 53.3 记录表格斑马纹去灰（资金明细/充值记录/提现记录/USDT 记录等） */
.list_thred {
  background: rgba(200, 164, 93, .16) !important;
  color: #2a2620 !important;
}
.list_thred p {
  color: #3a2f22 !important;
}
.list_cont li:nth-child(odd),
.list_cont li:nth-child(2n) {
  background: transparent !important;
}
.list_cont li:nth-child(2n) {
  background: rgba(200, 164, 93, .06) !important;
}
.list_cont li,
.list_cont li p,
.list_cont li .lh1,
.list_cont li .lh0 {
  color: #2a2620 !important;
}

/* 53.4 记录列表（rechargedetail/records 等 .list li）去白/去灰、白字改墨 */
.list li:nth-child(odd) {
  background-color: transparent !important;
}
.list li:nth-child(2n) {
  background: rgba(200, 164, 93, .06) !important;
  color: #2a2620 !important;
}
.list li {
  border-bottom-color: rgba(200, 164, 93, .25) !important;
}
.list li span {
  color: #2a2620 !important;
}

/* 53.5 底部弹层（提现/充值方式选择）去白 + 灰边暖化 + 金额红改朱砂 */
.fshir,
.waylist,
.select_box,
.addition {
  background: var(--zz-card-grad) !important;
}
.waylist,
.select_box,
.addition {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
  color: #2a2620 !important;
}
.waylist {
  color: #a02f26 !important;
}
.shows .fshir .waylist,
.shows .fshir .select_box,
.shows .fshir .addition {
  background: var(--zz-card-grad) !important;
  color: #3a2f22 !important;
}
.shows .fshir .waylist {
  color: #a02f26 !important;
}

/* 53.6 提现/转账提交按钮去艳红 #eb0a1b → 朱砂渐变 */
.content .btn {
  background: linear-gradient(120deg, #b03a2e, #8f2820) !important;
  color: #fffdf8 !important;
  border: 1px solid rgba(200, 164, 93, .55) !important;
  box-shadow: 0 4px 12px rgba(160, 47, 38, .28), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  letter-spacing: .08em !important;
}

/* 53.7 蓝灰底（countdetail 资产详情）→ 宣纸 */
.countdetail,
.countdetail .content .countinp input {
  background-color: #f7f1e6 !important;
  color: #2a2620 !important;
}
.countdetail .content .countinp {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
}
.countdetail .content .countinp span,
.countdetail .content .countinp input {
  color: #2a2620 !important;
}

/* 53.8 灰字暖化（无数据提示/次要文字/占位符） */
.nodata span {
  color: #7a6a48 !important;
}
.color_b {
  color: #3a2f22 !important;
}
.content .balance .plese input::-webkit-input-placeholder,
.countdetail .content .countinp input::-webkit-input-placeholder {
  color: #a8936a !important;
}

/* 53.9 记录卡片（USDT 记录 .vrtcore）去重灰影、暖影 */
.content .recorst .vrtcore {
  background: var(--zz-card-grad) !important;
  border: 1px solid rgba(200, 164, 93, .35) !important;
  box-shadow: var(--zz-shadow-sm) !important;
  border-radius: .16rem !important;
}
.content .recorst .vrtcore .goumai .trecone,
.content .recorst .vrtcore .terimr {
  color: #2a2620 !important;
}

/* ============================================================
   54. 【电商链路兜底 · 商品详情/下单确认/订单详情/发布商品】
   原白底白卡、艳红价、亮黄倒计时、蓝底头、灰表单，统一为东方美学。
   ============================================================ */

/* 54.1 商品详情页白底 → 宣纸 */
.detail {
  background-color: #f7f1e6 !important;
}

/* 54.2 倒计时条（原深灰 #2f2f2f + 亮黄 #ffe500 → 墨 + 金） */
.detail .stance {
  background-color: #1a1713 !important;
  color: #d9c89a !important;
}
.detail .stance .timer span {
  color: #c8a45d !important;
}

/* 54.3 商品价格（原艳红 #ff1901 → 朱砂） */
.detail .marnt .etder {
  color: #a02f26 !important;
}

/* 54.4 标题/标签/分隔（原 #454545/#393939/#fbfbfb → 暖墨 + 金边） */
.detail .tabs {
  background: transparent !important;
  color: #2a2620 !important;
  border-bottom-color: rgba(200, 164, 93, .25) !important;
}
.detail .marnt .fsckr {
  color: #3a2f22 !important;
}
.detail .marnt .madam {
  border-bottom-color: rgba(200, 164, 93, .20) !important;
}

/* 54.5 评论区斑马纹（原 #fff/#f5f5f5 → 暖交替） */
.detail .decomt .tab_item_comment .fault:nth-child(odd) {
  background-color: transparent !important;
  border-bottom-color: rgba(200, 164, 93, .12) !important;
}
.detail .decomt .tab_item_comment .fault:nth-child(2n) {
  background-color: rgba(200, 164, 93, .06) !important;
  border-bottom-color: rgba(200, 164, 93, .12) !important;
}

/* 54.6 购买数量步进器（原 #ddd 灰 → 金描边） */
.buynum {
  background-color: transparent !important;
  color: #2a2620 !important;
  border-bottom-color: rgba(200, 164, 93, .25) !important;
}
.buynum .goods_step span {
  background-color: transparent !important;
  border: 1px solid rgba(200, 164, 93, .40) !important;
  color: #2a2620 !important;
}
.buynum .goods_step input {
  border-color: rgba(200, 164, 93, .40) !important;
  color: #2a2620 !important;
}

/* ============================================================
   55. 【商品详情页 · 顶级细腻重塑】
   白底方图 · 朱砂价 · 灰步进器 · 灰正文缩进 · 白底购买栏，
   统一为宣纸/鎏金/朱砂的东方美学，并兜底渲染主图与正文。
   ============================================================ */

/* 55.1 顶部导航返回箭头 → 朱砂（图标为 fill SVG） */
.detail .headnav .icon_ svg path {
  fill: #a02f26 !important;
}

/* 55.2 轮播主图：宣纸底 + 4:3 呼吸留白 + 金边 */
.detail .luckyi .swpo {
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  background: #f4efe6 !important;
  border-bottom: 1px solid rgba(200,164,93,.30) !important;
}

/* 55.3 价格块：宣纸卡片 + 朱砂价 + 楷体标题 */
.detail .marnt {
  background: var(--zz-card-grad) !important;
  border-bottom: 1px solid rgba(200,164,93,.22) !important;
}
.detail .marnt .etder {
  display: flex !important;
  align-items: baseline !important;
  gap: .26rem !important;
  padding: .42rem .46rem .06rem !important;
}
.detail .marnt .etder .price {
  font-family: var(--zz-kai) !important;
  font-size: .64rem !important;
  color: #a02f26 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  line-height: 1.1 !important;
}
.detail .marnt .etder .origin {
  color: #b0a48a !important;
  font-size: .3rem !important;
  text-decoration: line-through !important;
  letter-spacing: .02em !important;
}
.detail .marnt .madam {
  font-family: var(--zz-kai) !important;
  font-size: .46rem !important;
  color: #1a1713 !important;
  letter-spacing: .05em !important;
  line-height: 1.55 !important;
  padding: .12rem .46rem .5rem !important;
  border-bottom: none !important;
}

/* 55.4 购买数量行：宣纸卡片 + 鎏金描边步进器 */
.detail .buynum {
  background: var(--zz-card-grad) !important;
  border-bottom: 1px solid rgba(200,164,93,.22) !important;
  padding: .3rem .46rem !important;
  color: #2a2620 !important;
}
.detail .buynum .goods_step {
  height: auto !important;
}
.detail .buynum .van-stepper {
  border: 1px solid rgba(200,164,93,.5) !important;
  border-radius: .18rem !important;
  overflow: hidden !important;
  background: #f4efe6 !important;
}
.detail .buynum .van-stepper__minus,
.detail .buynum .van-stepper__plus {
  background: #efe6d3 !important;
  color: #a02f26 !important;
  width: .72rem !important;
}
.detail .buynum .van-stepper__minus--disabled,
.detail .buynum .van-stepper__plus--disabled {
  background: #f4efe6 !important;
  color: #cbbd9e !important;
  opacity: 1 !important;
}
.detail .buynum .van-stepper__input {
  background: #fdfbf6 !important;
  color: #2a2620 !important;
  border-color: rgba(200,164,93,.32) !important;
  font-family: var(--zz-serif) !important;
  font-size: .34rem !important;
}

/* 55.5 商品介绍标签：楷体 + 字距 + 金线 */
.detail .tabs {
  font-family: var(--zz-kai) !important;
  font-size: .36rem !important;
  letter-spacing: .16em !important;
  color: #2a2620 !important;
  padding: .34rem .46rem !important;
  background: var(--zz-card-grad) !important;
  border-bottom: 1px solid rgba(200,164,93,.28) !important;
}

/* 55.6 正文：取消 2em 缩进（正文自带居中排版），印章图还原尺寸 */
.detail .decomt {
  padding: .28rem .38rem !important;
  background: #f7f1e6 !important;
}
.detail .decomt .tab_item_detail div,
.detail .decomt .tab_item_detail p {
  text-indent: 0 !important;
}
.detail .decomt .tab_item_detail img[src*="zhuangzi_seal"][src] {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  margin: 0 auto !important;
}
.detail .decomt .tab_item_detail img:not([src*="zhuangzi_seal"]) {
  border-radius: 12px !important;
}

/* 55.7 立即购买：朱砂→鎏金渐变沉浸按钮 */
.detail .brn_ha {
  background: linear-gradient(120deg, #9a2d24 0%, #b03a2e 44%, #c8a45d 100%) !important;
  color: #fdf6e8 !important;
  font-family: var(--zz-kai) !important;
  letter-spacing: .18em !important;
  font-size: .4rem !important;
  font-weight: 600 !important;
  height: 1.28rem !important;
  line-height: 1.28rem !important;
  box-sizing: border-box !important;
  box-shadow: 0 -6px 26px rgba(160,47,38,.30) !important;
  border-top: 1px solid rgba(200,164,93,.55) !important;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

/* 55.8 桌面端：立即购买栏与 520px 内容列对齐（原 fixed 撑满整屏） */
@media (min-width: 768px) {
  .detail .brn_ha {
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 520px !important;
  }
}

/* 54.7 下单确认·蓝头 #3275f7 → 朱砂（scoped 到 confirmorder） */
.header[data-v-3c280d3d] {
  background-color: #a02f26 !important;
}

/* 54.8 下单确认·金额块/支付方式行白底 → 宣纸，金额红 → 朱砂 */
.derirm .monert {
  background: var(--zz-card-grad) !important;
  border-bottom-color: rgba(200, 164, 93, .25) !important;
}
.derirm .monert .tuets {
  color: #a02f26 !important;
}
.derirm .yuerw,
.derirm .wei_xin,
.derirm .zhi_baor,
.derirm .yin_yag {
  background: var(--zz-card-grad) !important;
}
.derirm .yuerw .integral,
.derirm .wei_xin .integral,
.derirm .zhi_baor .integral,
.derirm .yin_yag .integral {
  color: #3a2f22 !important;
}

/* 54.9 下单确认·单选按钮（原 #999 灰 / #3275f7 蓝 → 金描边 / 朱砂选中） */
.derirm input[type=radio]:after {
  border-color: rgba(200, 164, 93, .50) !important;
  background-color: var(--zz-card-grad) !important;
}
.derirm input[type=radio]:checked:after {
  border-color: #a02f26 !important;
  background-color: #a02f26 !important;
  color: #fffdf8 !important;
}

/* 54.10 下单确认·「确认支付」按钮（原宣纸底深字 → 朱砂白字主按钮） */
.derirm .btn {
  background: linear-gradient(120deg, #b03a2e, #8f2820) !important;
  color: #fffdf8 !important;
  border: 1px solid rgba(200, 164, 93, .55) !important;
  box-shadow: 0 4px 12px rgba(160, 47, 38, .28) !important;
}

/* 54.11 订单详情·白底/灰边/灰字 → 宣纸/金边/暖墨 */
.orderdetail,
.user_info,
.order_info,
.common,
.order_detail {
  background-color: #f7f1e6 !important;
}
.order_info {
  border-top-color: rgba(200, 164, 93, .20) !important;
  border-bottom-color: rgba(200, 164, 93, .20) !important;
}
.order_detail {
  border-bottom-color: rgba(200, 164, 93, .25) !important;
}
.order_info .goods_num,
.order_info .goods_type,
.order_info .bottom_order .gray,
.content_detail span {
  color: #7a6a48 !important;
}

/* 54.12 订单详情·取消/删除按钮（原 #999 灰描边 → 暖墨金边） */
.btn_group .cancelorder,
.del_order {
  background-color: transparent !important;
}
.cancel {
  color: #7a6a48 !important;
  border-color: rgba(200, 164, 93, .50) !important;
  background-color: transparent !important;
}

/* 54.13 发布商品/商品管理·白底 → 宣纸 */
.publish,
.goodsmanager {
  background-color: #f7f1e6 !important;
}

/* ============================================================
   55. 【支付密码键盘浅色化 + 提现/充值残留灰边】
   原深黑 #12151c 数字键盘、白字、灰边，统一为宣纸浅色 + 金描边 + 暖墨字。
   覆盖：提现/充值/添加收款 的支付密码弹层。
   ============================================================ */

/* 55.1 键盘容器（原深黑 #12151c → 宣纸渐变 + 金描边 + 暖影） */
.srzfmm_box {
  background: linear-gradient(180deg, #fefcf7 0%, #f7f1e6 100%) !important;
  border: 1px solid rgba(200, 164, 93, .50) !important;
  box-shadow: 0 10px 30px rgba(26, 23, 19, .22) !important;
}

/* 55.2 键盘标题/金额（原白字 → 暖墨） */
.zfmmxx_shop,
.zfmmxx_shop .mz,
.zfmmxx_shop .zhifu_price {
  color: #2a2620 !important;
}

/* 55.3 密码圆点容器 + 圆点格（原深黑格 → 宣纸格 + 金描边） */
.mm_box {
  border-color: rgba(200, 164, 93, .40) !important;
  background: transparent !important;
}
.mm_box li {
  background: rgba(200, 164, 93, .08) !important;
  border-right-color: rgba(200, 164, 93, .25) !important;
}
.mm_box li.mmdd {
  background-color: rgba(200, 164, 93, .22) !important;
}

/* 55.4 数字键盘（原白字/灰边 → 暖墨字/金边） */
.nub_ggg {
  border-color: rgba(200, 164, 93, .30) !important;
}
.nub_ggg li {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
}
.nub_ggg li a {
  color: #2a2620 !important;
  font-family: "Noto Serif SC", "Songti SC", "SimSun", serif !important;
  font-weight: 600 !important;
}
.nub_ggg li a:active {
  background: rgba(200, 164, 93, .18) !important;
}
.nub_ggg li a.zj_x {
  border-left-color: rgba(200, 164, 93, .30) !important;
  border-right-color: rgba(200, 164, 93, .30) !important;
}
.nub_ggg li span {
  background: rgba(200, 164, 93, .22) !important;
  color: rgba(200, 164, 93, .22) !important;
}
.nub_ggg li span.del img {
  filter: sepia(.4) saturate(1.4) hue-rotate(-8deg) brightness(.5) !important;
}

/* 55.5 提现/充值/添加收款 残留灰边 → 金边 */
.border_b {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
}
.border_top {
  border-top-color: rgba(200, 164, 93, .30) !important;
}
.balance .plese {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
}
.caluse .tixaj {
  border-bottom-color: rgba(200, 164, 93, .30) !important;
}

/* ============================================================
   56. 右侧悬浮按钮精修 + 品牌水印重排（避免重叠遮挡）
   原：三枚深黑圆钮质感单一，且右下角品牌水印（逍遥印+标语）
       与悬浮按钮堆叠在同一角落，互相「屏蔽」遮挡。
   改：统一「鎏金墨玉玺」质感 + 金晕悬停；水印桌面移至底部居中、
       移动端隐藏，把右下角还给三枚功能按钮。
   ============================================================ */

/* 56.1 三枚悬浮按钮统一「鎏金墨玉玺」质感（暖墨 + 鎏金双环 + 柔影） */
.zz-theme-toggle,
.zz-music-btn,
.zz-top-btn {
  background:
    radial-gradient(120% 120% at 32% 26%, #3b332a 0%, #251f18 52%, #17130e 100%) !important;
  border: 1px solid rgba(200, 164, 93, .78) !important;
  box-shadow:
    0 6px 18px rgba(26, 23, 19, .34),
    inset 0 0 0 1px rgba(200, 164, 93, .20),
    inset 0 1px 0 rgba(255, 244, 214, .10) !important;
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease, background .35s ease !important;
}

/* 56.2 桌面端悬停：轻微抬升 + 鎏金光晕 */
@media (hover: hover) and (min-width: 768px) {
  .zz-theme-toggle:hover,
  .zz-music-btn:hover,
  .zz-top-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow:
      0 10px 24px rgba(26, 23, 19, .40),
      0 0 0 5px rgba(200, 164, 93, .12),
      inset 0 0 0 1px rgba(200, 164, 93, .30),
      inset 0 1px 0 rgba(255, 244, 214, .14) !important;
  }
}

/* 56.3 音乐播放态：朱砂呼吸（保留，色值更统一） */
.zz-music-btn.zz-playing {
  background:
    radial-gradient(120% 120% at 32% 26%, #c04536 0%, #a02f26 60%, #7a241c 100%) !important;
}

/* 56.4 夜间模式下主题切换钮还原为鎏金浅色（可逆） */
html[data-zz-theme="night"] .zz-theme-toggle {
  background: linear-gradient(150deg, #e6d3b0, #c8a45d) !important;
  border: 1px solid rgba(122, 90, 31, .55) !important;
}

/* 56.5 「御」字回顶按钮文字精修 */
.zz-top-zi {
  color: #e6d3b0 !important;
  font-size: .44rem !important;
  line-height: 1 !important;
}

/* 56.6 品牌水印：桌面端移至底部居中、降低不透明度；移动端隐藏 */
#zz-brand-watermark {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important;
  opacity: .5 !important;
}
@media (max-width: 767px) {
  #zz-brand-watermark {
    display: none !important;
  }
}

/* ============================================================
   58. 资金/财务页（资金明细·充值·提现）灰底·100vw 溢出·输入框·卡片精修
   —— 修复：排版错位（100vw 溢出）、灰底 #f5f5f5/#f1f4f8、白卡片、输入框过宽
   ============================================================ */

/* 58.1 资金明细 .asset_bg：100vw 溢出 → 列宽；深灰字 #1e1e1e → 墨色 */
.asset_bg {
  width: 100% !important;
  max-width: 100% !important;
  color: #2a2620 !important;
}
.asset_bg .title { color: #1a1713 !important; }
.asset_bg .p { color: #6b6150 !important; }

/* 58.2 充值页容器 .invite：灰底 #f5f5f5 → 宣纸；100vw → 100% */
.invite {
  width: 100% !important;
  max-width: 100% !important;
  background: #f4efe6 !important;
}

/* 58.3 提现页容器 .takemoney：灰底 #f1f4f8 → 宣纸；100vw → 100% */
.takemoney {
  width: 100% !important;
  max-width: 100% !important;
  background: #f4efe6 !important;
}

/* 58.4 表单卡片（充值方式/凭证/单号/提现表单）：纯白 → 宣纸金线卡 */
.takemoney .form,
.takemoney .wrap,
.invite .select_,
.invite .info,
.invite .trade_no {
  background: #fdfbf6 !important;
  border: 1px solid rgba(200, 164, 93, .28) !important;
}

/* 58.5 表单分隔线：灰线 → 金线 */
.takemoney .form .item_b,
.takemoney .form .item span,
.takemoney .money {
  border-color: rgba(200, 164, 93, .22) !important;
}

/* 58.6 输入框文字：深灰 #1e1e1e → 墨色 */
.takemoney .form .item input,
.form .item input,
.money input {
  color: #1a1713 !important;
}

/* 58.7 数字键盘容器 .numb_box：灰/深 → 宣纸 + 金描边 */
.numb_box {
  background: linear-gradient(180deg, #fefcf7 0%, #f7f1e6 100%) !important;
  border-top: 1px solid rgba(200, 164, 93, .50) !important;
}

/* 58.8 充值金额卡 .card：覆盖 51.2 全局 .card（渐变+阴影+大圆角），与 58.4 卡片统一为宣纸卡 */
.invite .card {
  background: #fdfbf6 !important;
  border: 1px solid rgba(200, 164, 93, .28) !important;
  box-shadow: none !important;
  border-radius: .13333rem !important;
}

/* 58.9 充值页卡片内分隔线（金额输入行/补充行）：灰 #dcdcdc → 鎏金细线 */
.invite .card .item,
.invite .trade_no .item {
  border-color: rgba(200, 164, 93, .22) !important;
}

/* 58.10 转账凭证上传框：Vant 默认灰 #f7f8fa → 宣纸 + 金虚线框 + 金图标 */
.invite .info .upload {
  border-top-color: rgba(200, 164, 93, .22) !important;
}
.invite .info .van-uploader__upload {
  background: #fdfbf6 !important;
  border: 1px dashed rgba(200, 164, 93, .45) !important;
  border-radius: .13333rem !important;
}
.invite .info .van-uploader__upload .van-icon {
  color: #c8a45d !important;
}

/* ============================================================
   59. 【移动端全方位精雕细琢 · 顶级自适应升级】
   —— 首页品牌头 · 底部导航安全区 · banner沉浸 · 快捷入口密度 · 正文基线 · safe-area 兜底
   ============================================================ */

/* 59.1 首页品牌头 logo：旧黑字细条 → 金标 zhuangzi_logo，高度 0.52rem（约 19.5px）可见 + 宽高比锁 */
.title .logo img {
  height: .52rem !important;
  width: auto !important;
  max-width: 3.4rem !important;
  object-fit: contain !important;
  display: block !important;
}
.title .logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

/* 59.2 底部导航：safe-area 兜底 + 高度提到 1.36rem（约 51px）+ 触控 ≥44px
   59.2b z-index 提升到 20：登录后「等级祝贺」全屏 mask(z=10) 遮罩曾盖住底部导航，
   导致弹窗显示期间底部栏目点击命中遮罩无反应 —— 抬到遮罩之上，始终可点 */
.footnav {
  height: calc(1.36rem + env(safe-area-inset-bottom)) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  box-sizing: border-box !important;
  z-index: 20 !important;
}
.footnav .foot_item {
  height: 100% !important;
  min-height: 1.2rem !important;
  padding: .08rem 0 .06rem !important;
  box-sizing: border-box !important;
}
.footnav .foot_item .foot_icon {
  height: .56rem !important;
  width: auto !important;
  margin-bottom: .1rem !important;
}

/* 59.3 banner：高度升至约 150px 沉浸，图满铺不露白边（不碰 item 宽度，避免破坏轮播） */
.banner .van-swipe {
  height: 4rem !important;
}
.banner .van-swipe__track,
.banner .van-swipe-item,
.banner .list_item {
  height: 4rem !important;
}
.banner .van-swipe-item img,
.banner .list_item img {
  height: 4rem !important;
  object-fit: cover !important;
}

/* 59.4 快捷入口宫格：17 项更透气（gap 收窄 + padding 精修） */
.nav {
  gap: .32rem .26rem !important;
  padding: .3rem .3rem .1rem !important;
}
.nav_item {
  padding: .42rem .1rem .34rem !important;
  gap: .3rem !important;
}
.nav_item img {
  width: 1.06rem !important;
  height: 1.06rem !important;
}

/* 59.5 正文可读性基线：移动端 body 提到 13.5px（rem 体系不变，仅段落更易读） */
@media (max-width: 767px) {
  body, #app { font-size: 13.5px !important; }
  /* 顶栏 logo 在窄屏再收紧 */
  .title .logo img { height: .48rem !important; max-width: 3rem !important; }
}

/* 59.6 全站 fixed 元素 safe-area 统一兜底（headnav 顶、各浮层、toast/mask） */
.headnav, .top[data-v-db16f48e], .title[data-v-db16f48e] {
  padding-top: env(safe-area-inset-top) !important;
}
.zz-story-entry, .zz-route-bfly {
  pointer-events: none;
}

/* 59.7 触控目标最小 44px 兜底（Vant 按钮/返回箭头） */
.van-button, .headnav .icon_, .title .left {
  min-height: .88rem !important;
}

/* 59.8 大屏（平板/桌面）居中容器加呼吸内边距，避免顶边贴死 */
@media (min-width: 768px) {
  #app { max-width: 520px; margin: 0 auto; box-shadow: 0 0 40px rgba(26,23,19,.10); }
}

/* 59.9 底部导航/首页主结构兜底：强制不受滚动浮现(.zz-reveal)影响，
      杜绝异步渲染错过 3 秒兜底后永久卡在 opacity:0 的透明态 */
.footnav.zz-reveal,
.backgroud.zz-reveal,
.content > .list.zz-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ============================================================
   60. 登录页增强：协议勾选 · 密码可见 · 滑块验证 · 提交态
   ============================================================ */
/* 60.1 密码可见切换（小眼睛） */
.login .container .content.password { position: relative !important; }
.login .container .content.password > input { padding-right: .95rem !important; }
.login .container .zz-eye {
  position: absolute;
  right: .2rem;
  bottom: .21rem;
  width: .62rem; height: .62rem;
  border: 0; background: transparent;
  padding: 0; margin: 0;
  color: #a99a78;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s var(--zz-ease);
}
.login .container .zz-eye svg { width: .44rem; height: .44rem; }
.login .container .zz-eye:active { color: #a02f26; }
.login .container .zz-eye.zz-eye-on { color: #a02f26; }

/* 60.2 协议勾选 */
.login .container .zz-agree {
  display: flex; align-items: flex-start;
  margin: .12rem .06rem .28rem;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.login .container .zz-agree .zz-agree-check {
  flex: 0 0 auto;
  width: .42rem; height: .42rem;
  margin: .02rem .18rem 0 0;
  border: 1px solid rgba(200,164,93,.7);
  border-radius: .1rem;
  background: linear-gradient(180deg, #fefcf7, #fbf7ec);
  display: flex; align-items: center; justify-content: center;
  transition: background .2s var(--zz-ease), border-color .2s var(--zz-ease);
}
.login .container .zz-agree .zz-agree-check svg {
  width: .3rem; height: .3rem;
  opacity: 0; transform: scale(.5);
  transition: opacity .18s var(--zz-ease), transform .18s var(--zz-ease);
}
.login .container .zz-agree.zz-agreed .zz-agree-check {
  background: linear-gradient(135deg, #a02f26, #c8a45d);
  border-color: rgba(160,47,38,.6);
}
.login .container .zz-agree.zz-agreed .zz-agree-check svg { opacity: 1; transform: scale(1); }
.login .container .zz-agree .zz-agree-txt {
  font-size: .3rem;
  color: #8a7a5c;
  line-height: .48rem;
  letter-spacing: .02em;
}
.login .container .zz-agree .zz-agree-txt a {
  color: #a02f26;
  text-decoration: none;
  font-weight: 600;
}

/* 60.3 滑块验证 */
.login .container .zz-slider {
  position: relative;
  height: 1.02rem;
  margin: .1rem 0 .32rem;
  border-radius: 10rem;
  background: linear-gradient(180deg, #fbf7ec, #f4efe6);
  border: 1px solid rgba(200,164,93,.5);
  box-shadow: inset 0 1px 2px rgba(26,23,19,.05);
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.login .container .zz-slider .zz-slider-track { position: absolute; inset: 0; }
.login .container .zz-slider .zz-slider-fill {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 0;
  background: linear-gradient(120deg, rgba(200,164,93,.32), rgba(200,164,93,.16));
  border-radius: 10rem 0 0 10rem;
}
.login .container .zz-slider .zz-slider-txt {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: .3rem; color: #a99a78; letter-spacing: .06em;
  pointer-events: none;
}
.login .container .zz-slider .zz-slider-knob {
  position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  width: .92rem; height: .92rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #fffefb, #f6efdf);
  border: 1px solid rgba(200,164,93,.6);
  box-shadow: 0 2px 8px rgba(26,23,19,.14);
  display: flex; align-items: center; justify-content: center;
  color: #c8a45d;
  cursor: grab;
  z-index: 2;
  touch-action: none;
}
.login .container .zz-slider .zz-slider-knob svg { width: .42rem; height: .42rem; }
.login .container .zz-slider .zz-slider-knob:active { cursor: grabbing; }
.login .container .zz-slider.zz-slider-ok { border-color: rgba(160,47,38,.45); }
.login .container .zz-slider.zz-slider-ok .zz-slider-knob { color: #a02f26; border-color: rgba(160,47,38,.5); }
.login .container .zz-slider.zz-slider-ok .zz-slider-txt { color: #a02f26; }
.login .container .zz-slider.zz-slider-ok .zz-slider-fill { background: linear-gradient(120deg, rgba(160,47,38,.26), rgba(200,164,93,.2)); }

/* 60.4 提交态 */
.login .container .login_sign.zz-submitting {
  opacity: .78;
  pointer-events: none;
  filter: saturate(.9);
}

/* 60.5 轻提示 toast */
#zz-toast {
  position: fixed; left: 50%; bottom: 3.4rem;
  transform: translateX(-50%) translateY(.3rem);
  max-width: 86vw;
  padding: .28rem .5rem;
  background: rgba(26,23,19,.88);
  color: #fdfaf2;
  font-size: .31rem;
  letter-spacing: .04em;
  border-radius: 10rem;
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s var(--zz-ease), transform .25s var(--zz-ease);
  font-family: "Noto Serif SC","Songti SC","SimSun",serif;
}
#zz-toast.zz-show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* 60.6 登录模式切换（密码登录 / 短信登录） */
.login .container .zz-login-tabs {
  display: flex;
  gap: .6rem;
  margin: .08rem 0 .52rem;
}
.login .container .zz-login-tabs .zz-tab {
  flex: 1;
  text-align: center;
  font-size: .34rem;
  color: #8a7a5c;
  letter-spacing: .08em;
  padding: .22rem 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s var(--zz-ease), border-color .2s var(--zz-ease);
}
.login .container .zz-login-tabs .zz-tab-on {
  color: #a02f26;
  border-bottom-color: #c8a45d;
  font-weight: 600;
}

/* 60.7 短信验证码字段 */
.login .container .zz-sms-field {
  display: none;
  margin-bottom: .4rem;
}
.login .container .zz-sms-field h2 {
  font-size: .34rem !important;
  color: #8a7a5c !important;
  letter-spacing: .1em !important;
  margin: 0 0 .22rem .08rem !important;
  font-weight: 600 !important;
}
.login .container .zz-sms-field .zz-sms-row {
  display: flex;
  align-items: center;
  gap: .24rem;
}
.login .container .zz-sms-field input {
  flex: 1;
  width: 0;
  height: 1.04rem !important;
  line-height: 1.04rem !important;
  padding: 0 .36rem !important;
  background: linear-gradient(180deg, #fefcf7 0%, #fbf7ec 100%) !important;
  border: 1px solid rgba(200,164,93,.45) !important;
  border-radius: .14rem !important;
  font-family: "Noto Serif SC","Songti SC","STSong","SimSun",serif !important;
  font-size: .42rem !important;
  color: #2a2620 !important;
  caret-color: #a02f26 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 1px 2px rgba(26,23,19,.03) !important;
}
.login .container .zz-sms-field input:focus {
  border-color: #a02f26 !important;
  box-shadow: 0 0 0 3px rgba(160,47,38,.10), 0 0 0 6px rgba(200,164,93,.08) !important;
}
.login .container .zz-sms-field .zz-sms-btn {
  flex: 0 0 auto;
  height: 1.04rem;
  padding: 0 .4rem;
  border: 1px solid rgba(200,164,93,.55);
  border-radius: .14rem;
  background: linear-gradient(135deg, #fdfaf2, #f6efdf);
  color: #a02f26;
  font-size: .32rem;
  letter-spacing: .02em;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .2s var(--zz-ease);
}
.login .container .zz-sms-field .zz-sms-btn:active { opacity: .85; }
.login .container .zz-sms-field .zz-sms-btn.zz-sms-btn-off { opacity: .5; cursor: default; }

/* 60.8 短信登录模式下隐藏密码/记住密码（模式 class 挂在 body，Vue 重渲染不影响） */
.zz-login-sms-mode .login .content.password { display: none !important; }
.zz-login-sms-mode .login .remember { display: none !important; }
.zz-login-sms-mode .login .zz-sms-field { display: block; }

/* 60.9 找回密码页增强（/forget：密码可见 + 滑块验证 + 提交态） */
.forget .container .content { position: relative; }
.forget .container .zz-eye {
  position: absolute;
  right: .2rem;
  bottom: .21rem;
  width: .62rem; height: .62rem;
  border: 0; background: transparent;
  padding: 0; margin: 0;
  color: #a99a78;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s var(--zz-ease);
}
.forget .container .zz-eye svg { width: .44rem; height: .44rem; }
.forget .container .zz-eye:active { color: #a02f26; }
.forget .container .zz-eye.zz-eye-on { color: #a02f26; }

.forget .container .zz-slider {
  position: relative;
  height: 1.02rem;
  margin: .1rem 0 .32rem;
  border-radius: 10rem;
  background: linear-gradient(180deg, #fbf7ec, #f4efe6);
  border: 1px solid rgba(200,164,93,.5);
  box-shadow: inset 0 1px 2px rgba(26,23,19,.05);
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.forget .container .zz-slider .zz-slider-track { position: absolute; inset: 0; }
.forget .container .zz-slider .zz-slider-fill {
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 0;
  background: linear-gradient(120deg, rgba(200,164,93,.32), rgba(200,164,93,.16));
  border-radius: 10rem 0 0 10rem;
}
.forget .container .zz-slider .zz-slider-txt {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: .3rem; color: #a99a78; letter-spacing: .06em;
  pointer-events: none;
}
.forget .container .zz-slider .zz-slider-knob {
  position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  width: .92rem; height: .92rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #fffefb, #f6efdf);
  border: 1px solid rgba(200,164,93,.6);
  box-shadow: 0 2px 8px rgba(26,23,19,.14);
  display: flex; align-items: center; justify-content: center;
  color: #c8a45d;
  cursor: grab;
  z-index: 2;
  touch-action: none;
}
.forget .container .zz-slider .zz-slider-knob svg { width: .42rem; height: .42rem; }
.forget .container .zz-slider .zz-slider-knob:active { cursor: grabbing; }
.forget .container .zz-slider.zz-slider-ok { border-color: rgba(160,47,38,.45); }
.forget .container .zz-slider.zz-slider-ok .zz-slider-knob { color: #a02f26; border-color: rgba(160,47,38,.5); }
.forget .container .zz-slider.zz-slider-ok .zz-slider-txt { color: #a02f26; }
.forget .container .zz-slider.zz-slider-ok .zz-slider-fill { background: linear-gradient(120deg, rgba(160,47,38,.26), rgba(200,164,93,.2)); }

.forget .container .forgetbtn.zz-submitting {
  opacity: .78;
  pointer-events: none;
  filter: saturate(.9);
}

/* ============================================================
   46. 商业街 / 兑换 / 抽奖 / 红包 / 服务费 / 仓库 / 发布商品
   —— 模板子页微调补齐（仅改色，不改布局）
   ============================================================ */

/* 46.1 上传/选择文件组件 → 鎏金描边 + 宣纸底 */
.upload, .upbtn, .upimg, .uploadtips,
.dopublish, .upimgtitle {
  background: linear-gradient(180deg, #fffdf8 0%, #f8f2e4 100%) !important;
  border: 1px dashed rgba(200,164,93,.5) !important;
  border-radius: .16rem !important;
  color: #8a7a5c !important;
}
.upload:active, .upbtn:active, .dopublish:active {
  border-color: #a02f26 !important;
  color: #a02f26 !important;
}
/* 发布/保存主按钮 → 朱砂鎏金渐变（与全站主按钮一致） */
.dopublish, .btnsave {
  background: linear-gradient(135deg, #a02f26 0%, #c14b3a 100%) !important;
  border: 1px solid #8e2820 !important;
  color: #f9f3e6 !important;
  box-shadow: 0 6px 20px rgba(160,47,38,.28) !important;
  letter-spacing: .12em !important;
}

/* 46.2 抽奖转盘文字 → 深墨（模板默认偏灰/浅） */
.lottery, .lottery-box, .lottery-item, .lottery-start,
.Rotary_top, .Rotary_title, .Rotary_user {
  color: #2a2620 !important;
}
.Rotary_title, .lottery-start {
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  letter-spacing: .08em !important;
}

/* 46.3 列表容器 / 记录卡片 → 宣纸质感（商业街/兑换/仓库/收益/红包/服务费） */
.content-list, .income, .record, .warehouse,
.hongcount, .servicefee, .mystroe, .rightgo {
  background: transparent !important;
  color: #2a2620 !important;
}
.content-list .list_item, .income .item, .record .item,
.warehouse .item, .hongcount .item, .servicefee .item,
.mystroe .item, .rightgo {
  background: #fffdf8 !important;
  border: 1px solid rgba(200,164,93,.28) !important;
  border-radius: .16rem !important;
  color: #2a2620 !important;
}

/* 46.4 金额/价格 → 鎏金加粗 + 深色描边（保持质感，兼顾宣纸上的可读性） */
.amount, .goodsprice, .balance {
  font-family: "Noto Serif SC","Songti SC","SimSun",serif !important;
  color: #c9a54f !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-shadow: 0 0 1px rgba(80,62,26,.55), 0 1px 2px rgba(26,23,19,.18);
}
.rule, .goodsname, .inp-tips, .uploadtips {
  color: #2a2620 !important;
}
.rule { line-height: 1.7; }

/* 46.5 字阶规范：辅助文字统一 13px、暖金棕（不动全站 rem 基准，避免错位） */
.inp-tips, .uploadtips, .time, .nortext, .nortext1 { color: #8a7a5c !important; }