/* ============================================================
   HKshop 模板 · 磨砂质感亮色主题（覆盖层）
   依赖 default 模板结构，body 带 .tpl-hkshop 标记
   ============================================================ */

body.tpl-hkshop {
  --c1: #5B8CFF;
  --c2: #9B6CFF;
  --c-price: #FF5E7A;
  --text-1: #1E2A44;
  --text-2: #5A6B8C;
  --muted: #8A97B5;
  --line: rgba(120, 150, 210, .18);
  --line-2: rgba(120, 150, 210, .14);
  background:
    radial-gradient(1200px 600px at 12% -8%, rgba(91, 140, 255, .16), transparent 60%),
    radial-gradient(1000px 520px at 88% -4%, rgba(155, 108, 255, .15), transparent 60%),
    radial-gradient(900px 500px at 50% 110%, rgba(80, 200, 190, .12), transparent 55%),
    linear-gradient(165deg, #F7FAFF 0%, #EFF4FF 45%, #F9F4FF 100%);
  background-attachment: fixed;
  color: var(--text-1);
}

/* ---------- 头部：毛玻璃吸顶 ---------- */
body.tpl-hkshop .header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  backdrop-filter: blur(20px) saturate(1.6);
  border-bottom: 1px solid rgba(255, 255, 255, .65);
  box-shadow: 0 6px 24px rgba(70, 110, 200, .08);
}
body.tpl-hkshop .header-in { padding-top: 12px; padding-bottom: 12px; }
body.tpl-hkshop .logo { font-weight: 700; color: var(--text-1); }

/* ---------- 导航 ---------- */
body.tpl-hkshop .nav a {
  color: var(--text-2);
  border-radius: 10px;
  padding: 6px 14px;
  transition: all .2s ease;
}
body.tpl-hkshop .nav a:hover { color: var(--c1); background: rgba(91, 140, 255, .08); }
body.tpl-hkshop .nav a.on {
  color: #fff;
  background: linear-gradient(135deg, var(--c1), var(--c2));
  box-shadow: 0 6px 16px rgba(91, 140, 255, .35);
}

/* ---------- 搜索框 ---------- */
body.tpl-hkshop .search {
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(120, 150, 210, .22);
  border-radius: 12px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, .8), 0 4px 14px rgba(70, 110, 200, .06);
}
body.tpl-hkshop .search input { background: transparent; }
body.tpl-hkshop .search button { color: var(--c1); }

/* ---------- 卡片：磨砂玻璃 ---------- */
body.tpl-hkshop .card {
  background: rgba(255, 255, 255, .66);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 18px;
  box-shadow: 0 10px 36px rgba(70, 110, 200, .10);
}
body.tpl-hkshop .card-hd {
  padding: 14px 18px;
  border-bottom: 1px solid var(--line-2);
}
body.tpl-hkshop .card-hd h2 { font-size: 16px; color: var(--text-1); }

/* ---------- 分类导航 ---------- */
body.tpl-hkshop .cate-nav {
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 16px;
  padding: 10px 14px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
body.tpl-hkshop .cate-nav a {
  color: var(--text-2);
  border-radius: 10px;
  padding: 7px 14px;
  transition: all .2s ease;
}
body.tpl-hkshop .cate-nav a:hover { color: var(--c1); background: rgba(91, 140, 255, .09); }
body.tpl-hkshop .cate-nav a.on {
  color: #fff;
  background: linear-gradient(135deg, var(--c1), var(--c2));
  box-shadow: 0 6px 14px rgba(91, 140, 255, .3);
}

/* ---------- 商品卡 ---------- */
body.tpl-hkshop .goods-item {
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 26px rgba(70, 110, 200, .08);
  transition: transform .22s ease, box-shadow .22s ease;
}
body.tpl-hkshop .goods-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(70, 110, 200, .16);
}
body.tpl-hkshop .goods-item .nm {
  color: var(--text-1);
  font-weight: 600;
}
body.tpl-hkshop .goods-item .price { color: var(--c-price); font-weight: 700; }
body.tpl-hkshop .goods-item .pic {
  background: linear-gradient(150deg, #F1F6FF, #F8F3FF);
}
body.tpl-hkshop .badge {
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 11px;
}
body.tpl-hkshop .badge.hot {
  background: linear-gradient(135deg, #FF8A5C, #FF5E7A);
  color: #fff;
  box-shadow: 0 4px 10px rgba(255, 94, 122, .35);
}

/* ---------- 按钮 ---------- */
body.tpl-hkshop .btn {
  border-radius: 12px;
  border: 1px solid rgba(120, 150, 210, .25);
  background: rgba(255, 255, 255, .8);
  color: var(--text-1);
  transition: all .2s ease;
}
body.tpl-hkshop .btn.buy {
  background: linear-gradient(135deg, var(--c1), var(--c2));
  color: #fff;
  border: none;
  box-shadow: 0 8px 20px rgba(91, 140, 255, .35);
}
body.tpl-hkshop .btn.buy:hover { box-shadow: 0 12px 26px rgba(91, 140, 255, .45); transform: translateY(-1px); }
body.tpl-hkshop .btn.ghost { background: rgba(255, 255, 255, .7); }

/* ---------- 表单 ---------- */
body.tpl-hkshop .input {
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(120, 150, 210, .22);
  border-radius: 10px;
  color: var(--text-1);
}
body.tpl-hkshop .input:focus {
  border-color: var(--c1);
  box-shadow: 0 0 0 3px rgba(91, 140, 255, .14);
  outline: none;
}

/* ---------- 支付方式 / 规格选择 ---------- */
body.tpl-hkshop .pay-item,
body.tpl-hkshop .sku-item {
  border-radius: 10px;
  border: 1px solid rgba(120, 150, 210, .22);
  background: rgba(255, 255, 255, .7);
  transition: all .2s ease;
}
body.tpl-hkshop .pay-item.on,
body.tpl-hkshop .sku-item.on {
  border-color: var(--c1);
  color: var(--c1);
  background: rgba(91, 140, 255, .10);
  box-shadow: 0 0 0 3px rgba(91, 140, 255, .12);
}

/* ---------- 底部 ---------- */
body.tpl-hkshop .footer {
  background: rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(255, 255, 255, .7);
  color: var(--text-2);
}

/* ---------- 移动端底栏：毛玻璃 ---------- */
body.tpl-hkshop .tabbar {
  background: rgba(255, 255, 255, .78);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  backdrop-filter: blur(20px) saturate(1.6);
  border-top: 1px solid rgba(255, 255, 255, .7);
}
body.tpl-hkshop .tabbar a { color: var(--text-2); }
body.tpl-hkshop .tabbar a.on { color: var(--c1); }

/* ---------- 详情页 ---------- */
body.tpl-hkshop .goods-detail { gap: 22px; }
body.tpl-hkshop .gd-price { color: var(--c-price); font-weight: 700; }
body.tpl-hkshop .notice-bar {
  background: rgba(255, 244, 214, .65);
  border: 1px solid rgba(255, 200, 100, .35);
  border-radius: 12px;
}
body.tpl-hkshop .detail-tabs a {
  border-radius: 10px;
  padding: 7px 16px;
  color: var(--text-2);
}
body.tpl-hkshop .detail-tabs a.on {
  color: #fff;
  background: linear-gradient(135deg, var(--c1), var(--c2));
  box-shadow: 0 6px 14px rgba(91, 140, 255, .3);
}
body.tpl-hkshop .detail-body {
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 0 0 18px 18px;
  padding: 18px;
}

/* ---------- 滚动条 ---------- */
body.tpl-hkshop ::-webkit-scrollbar { width: 8px; height: 8px; }
body.tpl-hkshop ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(91,140,255,.4), rgba(155,108,255,.4));
  border-radius: 8px;
}

/* ---------- 其他杂项 ---------- */
body.tpl-hkshop .wrap { max-width: 1200px; }
body.tpl-hkshop .btn-user,
body.tpl-hkshop .av { border-radius: 50%; }
body.tpl-hkshop .cart-empty,
body.tpl-hkshop .order-hd,
body.tpl-hkshop .card-box {
  background: rgba(255, 255, 255, .66);
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 14px;
}