/* ============================================================
   灵串 DIY · 主题增强层 v2（在 style.css 之后加载，页面内联样式仍优先）
   目标：提升精致度、统一描边与多层阴影、细化玻璃质感
   ============================================================ */
:root{
  --ink:#1E1730;
  --ink2:#514A69;
  --ink3:#918AA6;
  --bg:#F6F3FB;
  --pur:#6F52B8;
  --pur-d:#4A3282;
  --pur-m:#B8A3E0;
  --pur-l:#F2EDFC;
  --pink:#D98CAE;
  --pink-l:#FDEEF5;
  --line:#EBE5F6;
  --sd:0 16px 36px rgba(72,46,124,.11), 0 3px 8px rgba(72,46,124,.05);
  --sd2:0 5px 16px rgba(72,46,124,.07), 0 1px 2px rgba(72,46,124,.04);
  --sd3:0 20px 44px rgba(52,30,98,.20);
  --hair:rgba(111,82,184,.075);
}

/* 底色：极淡双光源，避免大面积平铺死色 */
body{
  background:
    radial-gradient(680px 320px at 50% -8%, #F1E9FF 0%, rgba(241,233,255,0) 62%),
    radial-gradient(460px 280px at 102% 104%, #FBEDF4 0%, rgba(251,237,244,0) 66%),
    var(--bg);
}

/* 字体层次 */
.navbar .nav-title{font-family:var(--serif);letter-spacing:1.1px;}
.sec-head h3{font-family:var(--serif);font-size:15.5px;letter-spacing:.6px;}
.price{font-variant-numeric:tabular-nums;letter-spacing:-.2px;}

/* 卡片：细描边 + 双层阴影 */
.card{border:1px solid var(--hair);box-shadow:var(--sd2);}
.divider{background:linear-gradient(180deg,#F1EBFB,#F6F3FB);}

/* 按钮质感 */
.btn{letter-spacing:.3px;}
.btn-primary{
  background:linear-gradient(135deg,#8A6BCE 0%,#5B3F9E 100%);
  box-shadow:0 8px 20px rgba(96,64,168,.30), inset 0 1px 0 rgba(255,255,255,.22);
}
.btn-ghost{border-color:#DCD0F4;box-shadow:0 2px 8px rgba(72,46,124,.05);}

/* Chips */
.chip{border-radius:16px;border-color:#EDE7F8;box-shadow:0 1px 3px rgba(72,46,124,.04);}
.chip.active{
  background:linear-gradient(135deg,#8A6BCE,#5B3F9E);
  box-shadow:0 6px 16px rgba(96,64,168,.26), inset 0 1px 0 rgba(255,255,255,.2);
}

/* 图片占位：叠加细斜纹高光，避免纯色块 */
.ph::after{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.82), transparent 54%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.15) 0 1.5px, transparent 1.5px 8px);
}

/* 搜索框 */
.searchbar{height:38px;border-radius:19px;box-shadow:0 2px 10px rgba(72,46,124,.05);}

/* 列表行 */
.list-row .li-ic{background:linear-gradient(140deg,#F4EEFE,#E6DAFA);}
.list-row + .list-row{border-top:1px solid #F5F2FB;}

/* 弹窗：抓手条 + 柔投影 */
.sheet{position:relative;border-radius:26px 26px 0 0;padding-top:23px;
  box-shadow:0 -14px 44px rgba(40,22,70,.20);}
.sheet::before{content:"";position:absolute;left:50%;top:9px;width:38px;height:4px;
  border-radius:3px;background:#EDE7F7;transform:translateX(-50%);}
.sheet h4{font-family:var(--serif);letter-spacing:.4px;}

/* Toast */
.toast{border-radius:15px;box-shadow:0 12px 30px rgba(24,14,46,.28);}

/* Tabbar：玻璃 + 激活指示条 */
.tabbar{
  height:62px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(22px) saturate(1.35);
  border-top:1px solid rgba(111,82,184,.09);
  box-shadow:0 -8px 24px rgba(72,46,124,.07);
  padding-bottom:env(safe-area-inset-bottom);
}
.tabbar a{position:relative;font-size:9.5px;}
.tabbar a.active::after{
  content:"";position:absolute;top:4px;width:16px;height:2.4px;border-radius:2px;
  background:linear-gradient(90deg,#9A79E0,#D98CAE);
}
.tabbar a.active svg{filter:drop-shadow(0 2px 5px rgba(111,82,184,.35));}

/* 状态栏 */
.statusbar{font-size:12.5px;letter-spacing:.3px;}

/* 标签 */
.tag{border-radius:7px;}

/* 底部操作栏：加安全区与描边 */
.actionbar{border-top:1px solid rgba(111,82,184,.09);box-shadow:0 -8px 24px rgba(72,46,124,.06);}