/* =====================================================================
   翡翠玻璃高级版 · 独立模板套 (Premium Jade-Glass Template)
   作用域：仅 [data-template="premium"] 内生效，不污染经典版。
   设计语言源自站点「新人弹窗」：玻璃拟态遮罩、翡翠渐变、DM Mono 渐变裁字、
   呼吸光环图标、流光 CTA、弹簧入场。全站统一视觉。
   加载顺序在 app.css 之后，故以下规则优先级更高。
   ===================================================================== */

/* ---------- 1. 设计令牌（亮色 / 暗色） ---------- */
:root[data-template="premium"]{
  color-scheme:light;
  --bg:#e7f4ea;
  --panel:rgba(255,255,255,.72);
  --panel2:rgba(255,255,255,.55);
  --card:rgba(255,255,255,.88);
  --line:rgba(16,77,50,.14);
  --line2:rgba(16,77,50,.08);
  --text:#0e2a1d;
  --body:#274c39;
  --muted:#557a66;
  --dim:#7c9c8b;
  --brand:#0f8a5f;
  --brand-d:#0a5e42;
  --brand-soft:rgba(15,138,95,.12);
  --brand-line:rgba(15,138,95,.32);
  --brand-lite:#34d39a;
  --green:#0f8a5f;
  --green-lite:#34d39a;
  --green-bg:rgba(15,138,95,.12);
  --yellow:#b07a16;
  --yellow-lite:#e4ba58;
  --yellow-bg:rgba(176,122,22,.12);
  --red:#b04141;
  --red-lite:#f17878;
  --red-bg:rgba(176,65,65,.10);
  --gold:#b8892f;
  --input:rgba(255,255,255,.78);
  --watermark:rgba(16,70,46,.05);
  --dark:#0a1712;
  --dark-2:#07110d;
  --dark-text:#f2faf6;
  --info:#2b6fb0;
  --info-bg:rgba(43,111,176,.10);
  --violet:#6a4fb0;
  --violet-bg:rgba(106,79,176,.10);
  --cyan:#1f7d8c;
  --cyan-bg:rgba(31,125,140,.10);
  --sh-card:0 22px 50px -28px rgba(10,60,40,.42);
  --sh-nav:0 10px 34px -22px rgba(10,60,40,.5);
  --sh-pop:0 40px 100px -34px rgba(6,30,18,.6);
}
[data-template="premium"][data-theme="dark"]{
  color-scheme:dark;
  --bg:#0c1512;
  --panel:rgba(20,32,26,.66);
  --panel2:rgba(16,26,21,.72);
  --card:rgba(18,30,24,.72);
  --line:rgba(120,220,180,.16);
  --line2:rgba(120,220,180,.09);
  --text:#eaf6f0;
  --body:#c2d6cb;
  --muted:#9bbcab;
  --dim:#82a18f;
  --brand:#28c08a;
  --brand-d:#56e6ad;
  --brand-soft:rgba(40,192,138,.14);
  --brand-line:rgba(40,192,138,.4);
  --brand-lite:#46e9b0;
  --green:#46e9b0;
  --green-lite:#46e9b0;
  --green-bg:rgba(70,233,176,.12);
  --yellow:#e4ba58;
  --yellow-bg:rgba(228,186,88,.12);
  --red-lite:#ff9a9a;
  --red-bg:rgba(241,120,120,.12);
  --gold:#e0b45c;
  --input:rgba(255,255,255,.07);
  --watermark:rgba(255,255,255,.035);
  --dark:#07110d;
  --dark-2:#050c09;
  --dark-text:#f2faf6;
  --info:#9cc4ff;
  --info-bg:rgba(43,111,176,.16);
  --violet:#b6a0ff;
  --violet-bg:rgba(106,79,176,.18);
  --cyan:#88e4ef;
  --cyan-bg:rgba(31,125,140,.18);
  --sh-card:0 26px 58px -28px rgba(0,0,0,.62);
  --sh-nav:0 12px 36px -22px rgba(0,0,0,.62);
  --sh-pop:0 44px 110px -36px rgba(0,0,0,.72);
}

/* ---------- 2. 页面背景：翡翠极光 ---------- */
:root[data-template="premium"] body{
  background-color:#e7f4ea!important;
  background-image:
    radial-gradient(900px 520px at 8% -6%,rgba(52,211,154,.34),transparent 60%),
    radial-gradient(820px 480px at 92% 2%,rgba(15,138,95,.22),transparent 58%),
    radial-gradient(1100px 720px at 50% 112%,rgba(20,90,64,.16),transparent 62%)!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  color:var(--body)!important;
}
:root[data-template="premium"][data-theme="dark"] body{
  background-color:#0a1712!important;
  background-image:
    radial-gradient(900px 520px at 8% -6%,rgba(40,192,138,.20),transparent 60%),
    radial-gradient(820px 480px at 92% 2%,rgba(20,120,90,.18),transparent 58%),
    radial-gradient(1100px 720px at 50% 112%,rgba(8,34,25,.70),transparent 62%)!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}

/* ---------- 3. 玻璃表面通用强化 ---------- */
[data-template="premium"] .card,
[data-template="premium"] .panel,
[data-template="premium"] .card-solid{
  background:var(--card);
  border-color:var(--line);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.55);
  position:relative;
}
[data-template="premium"][data-theme="dark"] .card,
[data-template="premium"][data-theme="dark"] .panel,
[data-template="premium"][data-theme="dark"] .card-solid{
  box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.08);
}
[data-template="premium"] a.card:hover,
[data-template="premium"] .card:hover{
  transform:translateY(-3px);
  border-color:var(--brand-line);
  box-shadow:0 32px 64px -30px rgba(10,60,40,.5), inset 0 1px 0 rgba(255,255,255,.6);
}
[data-template="premium"][data-theme="dark"] a.card:hover,
[data-template="premium"][data-theme="dark"] .card:hover{
  box-shadow:0 34px 70px -30px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.1);
}

/* 卡片入场弹簧动画 */
[data-template="premium"] .card,
[data-template="premium"] .pcard,
[data-template="premium"] .stat,
[data-template="premium"] .cat,
[data-template="premium"] .zone-card,
[data-template="premium"] .profile-card{
  animation:ppRise .55s cubic-bezier(.16,1,.3,1) both;
}

/* ---------- 4. 按钮：翡翠流光 CTA（含全部变体） ---------- */
[data-template="premium"] .btn{
  position:relative;overflow:hidden;
  border:1px solid transparent;
  background:linear-gradient(135deg,var(--brand-lite),var(--brand) 55%,var(--brand-d));
  color:#fff;
  box-shadow:0 14px 30px -14px rgba(12,120,85,.85), inset 0 1px 0 rgba(255,255,255,.24);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
[data-template="premium"] .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 44px -14px rgba(12,140,95,1), inset 0 1px 0 rgba(255,255,255,.3);
  filter:none;color:#fff;
}
[data-template="premium"] .btn:active{transform:translateY(0)}
[data-template="premium"] .btn::after{
  content:"";position:absolute;top:-20%;left:-70%;width:45%;height:140%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);animation:ppShine 4.6s ease-in-out infinite;pointer-events:none;
}
[data-template="premium"] .btn-ghost,
[data-template="premium"] .btn.secondary{
  background:var(--panel);border:1px solid var(--line);color:var(--text);
  box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.5);font-weight:500;
}
[data-template="premium"] .btn-ghost:hover,
[data-template="premium"] .btn.secondary:hover{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}
[data-template="premium"] .btn-ghost::after,
[data-template="premium"] .btn.secondary::after{display:none}
[data-template="premium"] .btn-dark{background:var(--dark);border-color:var(--dark);color:#fff}
[data-template="premium"] .btn-dark:hover{background:#0b1710;border-color:#0b1710}
[data-template="premium"] .btn-usdt{background:linear-gradient(135deg,var(--brand-lite),var(--green) 60%,var(--brand));border-color:transparent;color:#04130d}
[data-template="premium"] .btn-danger{background:transparent;border-color:rgba(176,65,65,.45);color:var(--red)}
[data-template="premium"] .btn-danger:hover{background:rgba(176,65,65,.1);filter:none}
[data-template="premium"] .btn[disabled],
[data-template="premium"] .btn.disabled{opacity:.45;pointer-events:none;filter:none}

/* ---------- 5. 徽章 / 胶囊 ---------- */
[data-template="premium"] .badge{
  background:var(--brand-soft);
  border:1px solid var(--brand-line);
  color:var(--brand-d);
  border-radius:999px;
  padding:5px 11px;
  letter-spacing:.04em;
}
[data-template="premium"] .navdot,
[data-template="premium"] .order-badge{
  background:linear-gradient(135deg,var(--brand-lite),var(--brand-d));
  color:#fff;border:0;box-shadow:0 6px 14px -6px rgba(12,120,85,.8);
}

/* ---------- 6. Hero 与标题：渐变裁字 ---------- */
[data-template="premium"] .hero{
  background:transparent;
  border-bottom:1px solid var(--line);
}
[data-template="premium"] .hero h1{
  background:linear-gradient(120deg,var(--brand-d),var(--brand-lite) 60%,var(--brand));
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:ppRise .6s cubic-bezier(.16,1,.3,1) both;
}
[data-template="premium"] .hero h1 span{color:transparent;-webkit-text-fill-color:transparent}
[data-template="premium"] .hero p.lead{color:var(--muted)}
[data-template="premium"] .hero-actions .btn{animation:ppRise .6s .08s cubic-bezier(.16,1,.3,1) both}
[data-template="premium"] .hero:before{
  background:radial-gradient(circle,rgba(15,138,95,.18),transparent 66%);
  width:640px;height:640px;left:-160px;top:-120px;
}

/* ---------- 7. 图标：玻璃 + 呼吸光环 ---------- */
[data-template="premium"] .ic{
  background:var(--panel);
  border:1px solid var(--line);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 8px 18px -10px rgba(10,60,40,.4);
}
[data-template="premium"][data-theme="dark"] .ic{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px -10px rgba(0,0,0,.5)}
[data-template="premium"] .ic-lg{position:relative}
[data-template="premium"] .ic-lg::after{
  content:"";position:absolute;inset:-10px;border-radius:inherit;
  border:1px solid var(--brand-line);animation:ppRing 3.4s ease-out infinite;pointer-events:none;
}

/* ---------- 8. 前台导航：玻璃顶栏 + 流光描边 ---------- */
[data-template="premium"] nav.site{
  background:rgba(232,243,229,.66);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line);
  box-shadow:var(--sh-nav);
  position:relative;
}
[data-template="premium"][data-theme="dark"] nav.site{background:rgba(14,23,20,.7)}
[data-template="premium"] nav.site::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--brand-line),transparent);opacity:.7;
}
[data-template="premium"] .catnav{
  background:rgba(238,248,235,.74);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--line);
}
[data-template="premium"][data-theme="dark"] .catnav{background:rgba(14,23,20,.78)}
[data-template="premium"] .cat:hover{
  background:var(--panel);border-color:var(--brand-line);
  box-shadow:0 14px 28px rgba(31,57,38,.12);
}

/* ---------- 9. 表格 / 分页 / 选项卡 / 提示 / 表单 ---------- */
[data-template="premium"] .tbl tbody tr:hover{background:var(--brand-soft)}
[data-template="premium"] .tbl th{color:var(--muted);border-bottom-color:var(--line)}
[data-template="premium"] .tbl td{border-bottom-color:var(--line2)}
[data-template="premium"] .pager a,.pager span{
  background:var(--panel);border-color:var(--line);color:var(--body);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
[data-template="premium"] .pager a:hover{border-color:var(--brand);color:var(--brand)}
[data-template="premium"] .pager .on{background:linear-gradient(135deg,var(--brand-lite),var(--brand-d));border-color:transparent;color:#fff}
[data-template="premium"] .tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}
[data-template="premium"] .note{
  background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-d);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
[data-template="premium"] .note-ok,.note-info{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-d)}
[data-template="premium"] .note-warn{background:rgba(228,186,88,.14);border-color:rgba(228,186,88,.34);color:#7a5308}
[data-template="premium"] .note-bad{background:rgba(241,120,120,.12);border-color:rgba(241,120,120,.32);color:#a23a3a}
[data-template="premium"] .note b{color:var(--text)}
[data-template="premium"] .input,.select,.ta{
  background:var(--input);border-color:var(--line);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
[data-template="premium"] .input:focus,.select:focus,.ta:focus{
  border-color:var(--brand);background:var(--panel);
  box-shadow:0 0 0 3px var(--brand-soft);
}
[data-template="premium"][data-theme="dark"] .input:focus,
[data-template="premium"][data-theme="dark"] .select:focus,
[data-template="premium"][data-theme="dark"] .ta:focus{background:rgba(255,255,255,.1)}
[data-template="premium"] .pick{background:var(--panel);border-color:var(--line)}
[data-template="premium"] .pick.on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-soft)}
[data-template="premium"] .qty{background:var(--panel);border-color:var(--line)}

/* ---------- 10. 商品卡 / 统计 / 分区卡 / 名片 ---------- */
[data-template="premium"] .pcard{
  background:var(--card);border-color:var(--line);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.5);
}
[data-template="premium"][data-theme="dark"] .pcard{box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.08)}
[data-template="premium"] .pcard:hover{transform:translateY(-4px);border-color:var(--brand-line);background:var(--panel);box-shadow:0 30px 56px -28px rgba(10,60,40,.5), inset 0 1px 0 rgba(255,255,255,.6)}
[data-template="premium"] .stat{background:var(--card);border-color:var(--line);box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.5)}
[data-template="premium"][data-theme="dark"] .stat{box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.08)}
[data-template="premium"] .stat .sv{color:var(--brand-d)}
[data-template="premium"] .zone-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border-color:var(--line);box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.5)}
[data-template="premium"][data-theme="dark"] .zone-card{background:linear-gradient(145deg,rgba(30,46,38,.92),rgba(14,23,20,.85));border-color:var(--line);box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.08)}
[data-template="premium"] .zone-card.dark{background:linear-gradient(150deg,#16221b,#0b100d 70%);color:var(--dark-text)}
[data-template="premium"] .profile-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border-color:var(--line);box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.5)}
[data-template="premium"][data-theme="dark"] .profile-card{background:linear-gradient(145deg,rgba(30,46,38,.9),rgba(14,23,20,.85));border-color:var(--line);box-shadow:var(--sh-card), inset 0 1px 0 rgba(255,255,255,.08)}
[data-template="premium"] .profile-avatar{background:var(--panel);border-color:var(--line);box-shadow:0 8px 22px rgba(41,82,50,.16)}
[data-template="premium"] .profile-box{background:var(--panel);border-color:var(--line);box-shadow:var(--sh-card)}
[data-template="premium"] .profile-box:hover{border-color:var(--brand-line);background:var(--card)}
[data-template="premium"] .profile-stats b{color:var(--brand-d)}

/* ---------- 11. 后台管理：玻璃侧栏 + 翡翠高亮 ---------- */
[data-template="premium"] .admin-body{background:var(--bg)}
[data-template="premium"] .admin-side{
  background:linear-gradient(180deg,rgba(20,34,27,.9),rgba(12,22,17,.92));
  border-right:1px solid rgba(120,220,180,.12);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  color:#cfe4da;
}
[data-template="premium"][data-theme="dark"] .admin-side{
  background:linear-gradient(180deg,rgba(16,28,22,.92),rgba(9,16,13,.96));
}
[data-template="premium"] .admin-side::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand-lite),var(--brand),var(--brand-d));
  opacity:.85;
}
[data-template="premium"] .as-logo{
  background:linear-gradient(150deg,var(--brand-lite),var(--brand) 55%,var(--brand-d));
  color:#fff;box-shadow:0 8px 18px -8px rgba(12,120,85,.9),inset 0 1px 0 rgba(255,255,255,.3);
}
[data-template="premium"] .as-name{color:#eaf6f0}
[data-template="premium"] .as-name em{color:#8fb6a4}
[data-template="premium"] .as-group{
  color:#6f9a89;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  padding:18px 22px 8px;font-family:var(--mono);
}
[data-template="premium"] .as-nav a{
  position:relative;color:#bcd6cb;margin:3px 12px;border-radius:12px;
  transition:background .18s,color .18s,transform .18s;
}
[data-template="premium"] .as-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
[data-template="premium"] .as-nav a.on{
  color:#fff;background:linear-gradient(135deg,var(--brand-lite),var(--brand) 60%,var(--brand-d));
  box-shadow:0 12px 26px -12px rgba(12,140,95,1),inset 0 1px 0 rgba(255,255,255,.22);
}
[data-template="premium"] .as-nav a.on::before{
  content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);
  width:4px;height:22px;border-radius:0 4px 4px 0;background:#fff;opacity:.9;
}
[data-template="premium"] .as-av{background:var(--brand-soft);color:var(--brand-d);border:1px solid var(--brand-line)}
[data-template="premium"] .as-mail{color:#eaf6f0}
[data-template="premium"] .as-role{color:#8fb6a4}
[data-template="premium"] .as-out{color:#9bbcab;border:1px solid rgba(120,220,180,.18);border-radius:10px;padding:7px 14px}
[data-template="premium"] .as-out:hover{background:rgba(255,255,255,.06);color:#fff;border-color:var(--brand-line)}
[data-template="premium"] .admin-top{
  background:rgba(232,243,229,.7);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line);box-shadow:var(--sh-nav);
}
[data-template="premium"][data-theme="dark"] .admin-top{background:rgba(14,23,20,.74)}
[data-template="premium"] .admin-content{background:transparent}
[data-template="premium"] .at-crumb a,.at-link{color:var(--brand)}
[data-template="premium"] .at-link{color:var(--muted)}
[data-template="premium"] .at-search input{
  background:var(--input);border:1px solid var(--line);border-radius:10px;color:var(--text);
}
[data-template="premium"] .at-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}

/* ---------- 12. 会员中心：玻璃侧栏 + 翡翠高亮 ---------- */
[data-template="premium"] .member-side{
  background:linear-gradient(180deg,rgba(20,34,27,.92),rgba(12,22,17,.94));
  border-right:1px solid rgba(120,220,180,.12);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
[data-template="premium"][data-theme="dark"] .member-side{background:linear-gradient(180deg,rgba(16,28,22,.94),rgba(9,16,13,.97))}
[data-template="premium"] .member-side::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand-lite),var(--brand),var(--brand-d));opacity:.85;
}
[data-template="premium"] .member-brand{
  color:#eaf6f0;font-weight:700;
}
[data-template="premium"] .member-brand small{display:block;color:#8fb6a4;font-weight:500;font-size:12px}
[data-template="premium"] .as-group{
  color:#6f9a89;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  padding:18px 22px 8px;font-family:var(--mono);
}
[data-template="premium"] .member-nav a{
  position:relative;color:#bcd6cb;margin:3px 12px;border-radius:12px;
  transition:background .18s,color .18s,transform .18s;
}
[data-template="premium"] .member-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
[data-template="premium"] .member-nav a.on{
  color:#fff;background:linear-gradient(135deg,var(--brand-lite),var(--brand) 60%,var(--brand-d));
  box-shadow:0 12px 26px -12px rgba(12,140,95,1),inset 0 1px 0 rgba(255,255,255,.22);
}
[data-template="premium"] .member-nav a.on::before{
  content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);
  width:4px;height:22px;border-radius:0 4px 4px 0;background:#fff;opacity:.9;
}
[data-template="premium"] .member-nav .navdot{
  background:linear-gradient(135deg,var(--brand-lite),var(--brand-d));color:#fff;
  box-shadow:0 6px 14px -6px rgba(12,120,85,.8);
}
[data-template="premium"] .as-av{background:var(--brand-soft);color:var(--brand-d);border:1px solid var(--brand-line)}
[data-template="premium"] .member-identity b{color:#eaf6f0}
[data-template="premium"] .member-identity small{color:#8fb6a4}
[data-template="premium"] .as-out{color:#9bbcab}
[data-template="premium"] .as-out:hover{color:#fff}
[data-template="premium"] .member-top{
  background:rgba(232,243,229,.7);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line);box-shadow:var(--sh-nav);
}
[data-template="premium"][data-theme="dark"] .member-top{background:rgba(14,23,20,.74)}
[data-template="premium"] .member-content{background:transparent}
[data-template="premium"] .portal-search input{
  background:var(--input);border:1px solid var(--line);border-radius:10px;color:var(--text);
}
[data-template="premium"] .portal-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}

/* ---------- 13. 关键帧 ---------- */
@keyframes ppRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ppShine{0%,58%{left:-70%}86%,100%{left:135%}}
@keyframes ppRing{0%{transform:scale(.94);opacity:.6}75%{transform:scale(1.16);opacity:0}100%{opacity:0}}

/* ---------- 14. 降级：尊重无障碍设置 ---------- */
@media (prefers-reduced-motion:reduce){
  [data-template="premium"] .card,
  [data-template="premium"] .pcard,
  [data-template="premium"] .stat,
  [data-template="premium"] .cat,
  [data-template="premium"] .zone-card,
  [data-template="premium"] .profile-card,
  [data-template="premium"] .hero h1,
  [data-template="premium"] .hero-actions .btn,
  [data-template="premium"] .btn::after,
  [data-template="premium"] .ic-lg::after{animation:none}
}

/* ---------- 15. 移动端微调 ---------- */
@media (max-width:768px){
  [data-template="premium"] .card,
  [data-template="premium"] .panel{padding:20px}
  [data-template="premium"] nav.site{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
}

/* =====================================================================
   16. 强制覆盖层：压制 base(nova-ui-v4.css) 的深藏蓝 / 紫色 !important
   base 里有 321 处 !important，把 body、.topbar、footer 钉成 #080c1c，
   把 .btn 钉成紫色渐变 #9c7cf3→#7552d8。以下规则只在 premium 作用域内反制，
   不影响经典版。
   ===================================================================== */

/* 16.1 顶栏 / 导航 / 页脚：深藏蓝 → 翡翠玻璃 */
:root[data-template="premium"] .topbar{
  background:rgba(255,255,255,.62)!important;
  border-color:var(--line)!important;
  color:var(--muted)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
}
:root[data-template="premium"] .topbar a{color:var(--muted)!important}
:root[data-template="premium"] .topbar a:hover{color:var(--brand)!important}
:root[data-template="premium"] .topbar .tb-r{color:var(--muted)!important}

:root[data-template="premium"] nav.site,
:root[data-template="premium"] body nav.site{
  background:rgba(255,255,255,.76)!important;
  border-color:var(--line)!important;
  color:var(--body)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  box-shadow:var(--sh-nav)!important;
}
:root[data-template="premium"] nav.site .menu a{color:var(--body)!important}
:root[data-template="premium"] nav.site .menu a:hover,
:root[data-template="premium"] nav.site .menu a.on{color:var(--brand)!important;border-bottom-color:var(--brand)!important}
:root[data-template="premium"] nav.site .logo-text{color:var(--text)!important}
:root[data-template="premium"] nav.site .logo-mark{
  background:linear-gradient(145deg,var(--brand-lite),var(--brand) 55%,var(--brand-d))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 6px 16px -6px rgba(12,120,85,.75)!important;
}
:root[data-template="premium"] nav.site .search{
  background:rgba(255,255,255,.78)!important;
  border-color:var(--line)!important;
}
:root[data-template="premium"] nav.site .search input{color:var(--text)!important}
:root[data-template="premium"] nav.site .mdrawer{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:var(--line)!important;
}
:root[data-template="premium"] nav.site .mdrawer a{color:var(--body)!important}
:root[data-template="premium"] nav.site .mdrawer a:hover{background:var(--brand-soft)!important;color:var(--brand)!important}
:root[data-template="premium"] nav.site .mdrawer .sep{background:var(--line)!important}

:root[data-template="premium"] footer.site,
:root[data-template="premium"] body :is(footer,.foot){
  background:rgba(255,255,255,.68)!important;
  border-color:var(--line)!important;
  color:var(--muted)!important;
}
:root[data-template="premium"] footer.site a{color:var(--muted)!important}
:root[data-template="premium"] footer.site a:hover{color:var(--brand)!important}
:root[data-template="premium"] footer.site h4{color:var(--text)!important}
:root[data-template="premium"] .foot-bl{border-color:var(--line)!important;color:var(--dim)!important}

/* 16.2 按钮：紫色渐变 → 翡翠流光（base 用 !important 钉死，必须同权重反制） */
:root[data-template="premium"] .btn,
:root[data-template="premium"] body.admin-body .btn,
:root[data-template="premium"] body.admin-login-body .btn{
  background:linear-gradient(115deg,var(--brand-lite),var(--brand) 52%,var(--brand-d))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 28px -12px rgba(12,120,85,.8), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
:root[data-template="premium"] .btn:hover{
  color:#fff!important;
  box-shadow:0 20px 40px -14px rgba(12,140,95,.95), inset 0 1px 0 rgba(255,255,255,.3)!important;
}
:root[data-template="premium"] .btn-ghost,
:root[data-template="premium"] .btn.secondary{
  background:rgba(255,255,255,.68)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  box-shadow:0 8px 20px -14px rgba(10,60,40,.5), inset 0 1px 0 rgba(255,255,255,.7)!important;
}
:root[data-template="premium"] .btn-ghost:hover,
:root[data-template="premium"] .btn.secondary:hover{
  background:var(--brand-soft)!important;
  border-color:var(--brand-line)!important;
  color:var(--brand-d)!important;
}
:root[data-template="premium"] .btn-dark{
  background:linear-gradient(135deg,#123a2b,#0a1712)!important;
  border-color:transparent!important;
  color:#eaf6f0!important;
}
:root[data-template="premium"] .btn-danger{
  background:transparent!important;
  border-color:rgba(176,65,65,.45)!important;
  color:var(--red)!important;
  box-shadow:none!important;
}

/* 16.3 输入框 / 聚焦环 / 选中态：紫色 → 翡翠 */
:root[data-template="premium"] :is(.input,.select,.ta){
  background:rgba(255,255,255,.82)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
:root[data-template="premium"] body :is(.input,.select,.ta):focus{
  border-color:var(--brand)!important;
  box-shadow:0 0 0 3px var(--brand-soft)!important;
}
:root[data-template="premium"] :is(.sku.on,.pick.on),
:root[data-template="premium"] body :is(.sku.on,.pick.on,.sku[aria-pressed="true"]){
  background:var(--brand-soft)!important;
  border-color:var(--brand)!important;
  color:var(--brand-d)!important;
  box-shadow:0 0 0 3px var(--brand-soft)!important;
}
:root[data-template="premium"] .cnav:hover{background:var(--brand-soft)!important;color:var(--brand)!important}
:root[data-template="premium"] .b-mint{background:var(--brand-soft)!important;color:var(--brand-d)!important;border-color:var(--brand-line)!important}
:root[data-template="premium"] .mint-glow-1{background:radial-gradient(circle,rgba(15,138,95,.14),rgba(15,138,95,0) 69%)!important}

/* 16.4 卡片：白玻璃 + 翡翠描边（压掉紫色 hover 光） */
:root[data-template="premium"] :is(.card,.pcard,.stat,.panel,.zone-card,.profile-card,.acard,.acard-h,.acard-f,.paybox){
  border-color:var(--line)!important;
}
:root[data-template="premium"] :is(.card,.pcard,.stat,.panel,.acard){
  background:var(--card)!important;
}
:root[data-template="premium"] :is(.card,.pcard):hover{
  border-color:var(--brand-line)!important;
  box-shadow:0 30px 60px -30px rgba(10,60,40,.5), inset 0 1px 0 rgba(255,255,255,.7)!important;
}

/* 16.5 Hero 装饰：紫色光轨 / 立方体 → 翡翠 */
:root[data-template="premium"] .nova-hero-art{
  background:radial-gradient(ellipse,rgba(24,160,110,.22),transparent 65%)!important;
}
:root[data-template="premium"] .nova-core{
  background:linear-gradient(140deg,rgba(52,211,154,.5),rgba(8,40,28,.92))!important;
  border-color:rgba(52,211,154,.45)!important;
  box-shadow:inset 0 0 44px rgba(15,138,95,.28),0 0 90px rgba(15,138,95,.3)!important;
}
:root[data-template="premium"] .nova-core span{
  color:#eafff5!important;
  text-shadow:0 0 35px rgba(52,211,154,.9)!important;
}
:root[data-template="premium"] .nova-orbit{border-color:rgba(24,160,110,.35)!important}
:root[data-template="premium"] .nova-orbit.o2{border-color:rgba(31,125,140,.30)!important}
:root[data-template="premium"] .nova-orbit.o3{border-color:rgba(24,160,110,.22)!important}

/* 16.6 钱包卡 / 门户大卡：紫色 → 墨翠 */
:root[data-template="premium"] .portal-wallet{
  background:linear-gradient(115deg,rgba(19,79,57,.96),rgba(8,34,25,.98))!important;
  border-color:var(--brand-line)!important;
}
:root[data-template="premium"] .portal-wallet:after{
  box-shadow:0 0 0 40px rgba(15,138,95,.06),0 0 0 80px rgba(15,138,95,.04)!important;
}

/* 16.7 会员中心 / 后台：深藏蓝侧栏 → 墨翠侧栏；顶栏 → 玻璃 */
:root[data-template="premium"] .member-side,
:root[data-template="premium"] .admin-side{
  background:linear-gradient(180deg,#133024,#0a1a14)!important;
  border-color:rgba(120,220,180,.14)!important;
  color:#cfe4da!important;
}
:root[data-template="premium"] .member-top,
:root[data-template="premium"] .admin-top{
  background:rgba(255,255,255,.78)!important;
  border-color:var(--line)!important;
  color:var(--body)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  backdrop-filter:blur(20px) saturate(150%);
  box-shadow:var(--sh-nav)!important;
}
:root[data-template="premium"] .admin-body{background:transparent!important;color:var(--body)!important}
:root[data-template="premium"] .admin-content,
:root[data-template="premium"] .member-content{background:transparent!important}

/* 16.8 表格 / 分页 / 提示：统一翡翠，去掉藏蓝底 */
:root[data-template="premium"] :is(.tbl,.atbl) th{
  background:var(--brand-soft)!important;
  color:var(--brand-d)!important;
  border-color:var(--line)!important;
}
:root[data-template="premium"] :is(.tbl,.atbl) td{border-color:var(--line2)!important}
:root[data-template="premium"] :is(.tbl,.atbl) tbody tr:hover{background:var(--brand-soft)!important}
:root[data-template="premium"] .pager :is(a,span){
  background:rgba(255,255,255,.8)!important;
  border-color:var(--line)!important;
  color:var(--body)!important;
}
:root[data-template="premium"] .pager a:hover{border-color:var(--brand)!important;color:var(--brand)!important}
:root[data-template="premium"] .pager .on{
  background:linear-gradient(135deg,var(--brand-lite),var(--brand-d))!important;
  border-color:transparent!important;color:#fff!important;
}
:root[data-template="premium"] .note{
  background:var(--brand-soft)!important;
  border-color:var(--brand-line)!important;
  color:var(--brand-d)!important;
}
:root[data-template="premium"] .note-warn{background:rgba(228,186,88,.14)!important;border-color:rgba(228,186,88,.34)!important;color:#7a5308!important}
:root[data-template="premium"] .note-bad{background:rgba(241,120,120,.12)!important;border-color:rgba(241,120,120,.32)!important;color:#a23a3a!important}

/* =====================================================================
   17. 首页 Hero（.nova-hero）残留紫色收尾
   ===================================================================== */

/* 17.1 小标题 / 装饰点 / 坐标文字 */
:root[data-template="premium"] .nova-kicker{color:var(--brand)!important}
:root[data-template="premium"] .nova-kicker span{background:var(--brand)!important;color:var(--brand)!important}
:root[data-template="premium"] .nova-coordinate{color:var(--dim)!important}

/* 17.2 主标题与第二行渐变字：紫 → 翡翠 */
:root[data-template="premium"] .nova-hero h1{
  background:linear-gradient(120deg,var(--brand-d),var(--brand) 55%,var(--brand-lite))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
:root[data-template="premium"] .nova-hero h1 em,
:root[data-template="premium"] .hero h1 em{
  background:linear-gradient(100deg,var(--brand-lite),var(--brand) 55%,var(--brand-d))!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
  font-style:normal!important;
}

/* 17.3 “探索全部服务”链接 */
:root[data-template="premium"] .nova-hero a[href*="products"]{color:var(--brand)!important}
:root[data-template="premium"] .nova-hero a[href*="products"]:hover{color:var(--brand-d)!important}
:root[data-template="premium"] .nova-hero a[href*="user"],
:root[data-template="premium"] .nova-hero a[href*="member"]{color:var(--body)!important}

/* 17.4 Hero 大搜索框：深藏蓝 → 白玻璃 */
:root[data-template="premium"] .nova-search{
  background:rgba(255,255,255,.86)!important;
  border:1px solid var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 44px -28px rgba(10,60,40,.55)!important;
}
:root[data-template="premium"] .nova-search:focus-within{
  border-color:var(--brand)!important;
  box-shadow:0 0 0 3px var(--brand-soft),0 20px 44px -28px rgba(10,60,40,.55)!important;
}
:root[data-template="premium"] .nova-search input{color:var(--text)!important}
:root[data-template="premium"] .nova-search input::placeholder{color:var(--dim)!important}

/* 17.5 实时成交条：藏蓝 → 墨翠 */
:root[data-template="premium"] .lfeed{
  background:linear-gradient(90deg,#0b2018,#071410)!important;
  border-color:rgba(120,220,180,.16)!important;
  color:#c9e6d8!important;
}
:root[data-template="premium"] .lfeed :is(a,.lfeed-item,.lfeed-view,.lfeed-track){color:#d7efe5!important}
:root[data-template="premium"] .lfeed :is(a,.lfeed-item):hover{color:var(--brand-lite)!important}
:root[data-template="premium"] .lfeed-label{color:var(--brand-lite)!important}
:root[data-template="premium"] .lfeed-dot{background:var(--brand-lite)!important}

/* 17.6 AI 品牌胶囊：藏蓝 → 墨翠玻璃；紫色图标 → 翡翠 */
:root[data-template="premium"] .nova-ai-brand{
  background:linear-gradient(135deg,rgba(16,46,35,.94),rgba(8,26,20,.94))!important;
  border-color:rgba(120,220,180,.22)!important;
  color:#d8f0e4!important;
  box-shadow:0 14px 30px -18px rgba(6,30,18,.6)!important;
}
:root[data-template="premium"] .nova-ai-brand:hover{
  border-color:var(--brand-line)!important;
  box-shadow:0 18px 36px -16px rgba(6,30,18,.7)!important;
}
:root[data-template="premium"] .ic-violet{
  color:var(--brand-lite)!important;
  background:rgba(52,211,154,.14)!important;
}

/* =====================================================================
   18. 订单查询页（order-query-v1.css）紫色收尾
   ===================================================================== */
:root[data-template="premium"] :is(.oq-panel,.oq-faq){
  background:var(--card)!important;
  border-color:var(--line)!important;
}
:root[data-template="premium"] .oq-guide{
  background:
    radial-gradient(ellipse at top right,rgba(15,138,95,.14),transparent 65%),
    var(--card)!important;
}
:root[data-template="premium"] .oq-eyebrow{color:var(--brand)!important}
:root[data-template="premium"] .oq-icon{
  border-color:var(--brand-line)!important;
  background:var(--brand-soft)!important;
  color:var(--brand)!important;
}
:root[data-template="premium"] .oq-tag{
  border-color:var(--brand-line)!important;
  color:var(--brand-d)!important;
  background:var(--brand-soft)!important;
}
:root[data-template="premium"] .oq-field-index{color:var(--brand)!important}
:root[data-template="premium"] .oq-private svg{color:var(--brand)!important}
:root[data-template="premium"] .oq-guide-number{
  border-color:var(--brand-line)!important;
  color:var(--brand-d)!important;
  background:var(--brand-soft)!important;
}
:root[data-template="premium"] .oq-help-heading>a{color:var(--brand)!important}
:root[data-template="premium"] .oq-faq summary:after{color:var(--brand)!important}
:root[data-template="premium"] .order-query-page :is(a,button,input,summary):focus-visible{
  outline-color:var(--brand)!important;
}

/* =====================================================================
   19. 资讯页（news-editorial-v1.css）紫/海军蓝 -> 翡翠玻璃
   ===================================================================== */
:root[data-template="premium"] .news-editorial{
  --nw-accent:#0f8a5f!important;
  --nw-line:#0f8a5f33!important;
}
:root[data-template="premium"] .news-editorial :is(a,button,input):focus-visible{
  outline:2px solid #0f8a5f!important;
}
:root[data-template="premium"] .nw-channel{
  background:radial-gradient(ellipse at 50% 100%,#0f8a5f22,transparent 65%)!important;
  border-bottom:1px solid #0f8a5f1a!important;
}
:root[data-template="premium"] .nw-eyebrow{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-channel h1,.nw-channel-title{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-channel nav{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-star{
  color:#0f8a5f55!important;
}
:root[data-template="premium"] .nw-list-heading h2{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-story-cover{
  background:radial-gradient(ellipse,#0f8a5f22,transparent 75%),#e7f4ea!important;
  border:1px solid #0f8a5f2b!important;
}
:root[data-template="premium"] .nw-cover-fallback{
  color:#0f8a5f!important;
  background:linear-gradient(145deg,#35274955,#e7f4ea)!important;
}
:root[data-template="premium"] .nw-cover-fallback small{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-meta{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-meta>span:before{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-story h2{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-story h2 a:hover{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .news-editorial .nw-read-more{
  border-color:#0f8a5f5c!important;
  color:#0f8a5f!important;
  background:#0f8a5f10!important;
}
:root[data-template="premium"] .nw-product-link{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-filter-summary{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-filter-summary>span{
  background:#0f8a5f15!important;
  border:1px solid #0f8a5f33!important;
}
:root[data-template="premium"] .nw-filter-summary>a{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-empty{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-empty>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-side-section h2{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-side-caption{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-search{
  border:1px solid #0f8a5f44!important;
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-search input{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-search input::placeholder{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-search button{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-search:focus-within{
  border-color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-recent-cover{
  border:1px solid #0f8a5f26!important;
  background:linear-gradient(145deg,#362747,#e7f4ea)!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-recent strong{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-recent:hover strong{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-recent time{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-category-list a{
  border:1px solid #0f8a5f2b!important;
  color:#0e3a2a!important;
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-category-list small{
  color:#0f8a5f!important;
  background:#0f8a5f15!important;
}
:root[data-template="premium"] .nw-category-list a.active,.nw-category-list a:hover{
  background:#0f8a5f1c!important;
  border-color:#0f8a5f5c!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-popular a>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-popular strong{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-side-cta{
  border:1px solid #0f8a5f40!important;
  background:radial-gradient(ellipse at right top,#0f8a5f28,transparent 75%),#e7f4ea!important;
}
:root[data-template="premium"] .nw-side-cta h2{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-article-cover{
  border:1px solid #0f8a5f36!important;
  background:radial-gradient(ellipse,#0f8a5f28,transparent 80%),#e7f4ea!important;
}
:root[data-template="premium"] .nw-article-header h1{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-article-category{
  color:#0f8a5f!important;
  border:1px solid #0f8a5f3d!important;
}
:root[data-template="premium"] .nw-byline{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-author-mark{
  border:1px solid #0f8a5f63!important;
  background:#0f8a5f21!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-byline button{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-article-summary{
  border-left:3px solid #0f8a5f!important;
  background:#0f8a5f0d!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-article-body{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-article-body :is(h1,h2,h3,h4){
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-article-body a{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-article-body blockquote{
  border:1px solid #0f8a5f3d!important;
  border-left:3px solid #0f8a5f!important;
  background:#0f8a5f0c!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-article-body pre{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-article-body code{
  background:#0f8a5f1a!important;
}
:root[data-template="premium"] .nw-article-body th{
  color:#0e3a2a!important;
  background:#0f8a5f14!important;
}
:root[data-template="premium"] .nw-related-product{
  border:1px solid #0f8a5f4a!important;
  background:#0f8a5f12!important;
}
:root[data-template="premium"] .nw-related-product>img{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-related-product h2{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-article-footer{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-article-navigation a{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-article-navigation a>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-article-navigation strong{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-related-grid>a{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-related-grid img{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .nw-related-grid time{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-related-grid h3{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .nw-related-grid a div>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .nw-toc a{
  color:#0f8a5f!important;
  border-left:2px solid #0f8a5f30!important;
}
:root[data-template="premium"] .nw-toc a[aria-current=location]{
  border-color:#0f8a5f!important;
  color:#0f8a5f!important;
  background:#0f8a5f0d!important;
}
:root[data-template="premium"] .nw-reading-progress span{
  background:linear-gradient(90deg,#ecfaf3,#ecfaf3)!important;
}

/* =====================================================================
   20. 合伙人页（partner-campaign-v1.css）紫/海军蓝 -> 翡翠玻璃
   ===================================================================== */
:root[data-template="premium"] .partner-campaign{
  --pj-accent:#0f8a5f!important;
  --pj-soft:#0f8a5f1a!important;
  --pj-line:#0f8a5f40!important;
}
:root[data-template="premium"] .partner-campaign :is(a,button,input,summary):focus-visible{
  outline:2px solid #0f8a5f!important;
}
:root[data-template="premium"] .pj-eyebrow{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-live-dot{
  background:#ecfaf3!important;
  box-shadow:0 0 18px #0f8a5f!important;
}
:root[data-template="premium"] .pj-hero{
  background:radial-gradient(ellipse at 78% 43%,#0f8a5f2b,transparent 48%),linear-gradient(120deg,#e7f4ea,#e7f4ea 65%,#e7f4ea)!important;
}
:root[data-template="premium"] .pj-hero:before{
  background-image:linear-gradient(#0f8a5f08 1px,transparent 1px),linear-gradient(90deg,#0f8a5f08 1px,transparent 1px)!important;
  mask-image:linear-gradient(90deg,transparent,#e7f4ea)!important;
}
:root[data-template="premium"] .pj-hero h1 span{
  background:linear-gradient(95deg,#34d39a,#34d39a 65%,#34d39a)!important;
}
:root[data-template="premium"] .pj-hero-lead{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-hero-desc{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .partner-campaign .pj-primary{
  background:linear-gradient(110deg,#ecfaf3,#ecfaf3)!important;
  border-color:#0f8a5f!important;
  box-shadow:0 10px 32px #0f8a5f2b!important;
}
:root[data-template="premium"] .pj-hero-notes{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-orbit{
  border:1px solid #0f8a5f40!important;
}
:root[data-template="premium"] .pj-orbit-two{
  border-color:#0f8a5f25!important;
}
:root[data-template="premium"] .pj-orbit-three{
  border-color:#0f8a5f33!important;
}
:root[data-template="premium"] .pj-orbit-one:after{
  background:#ecfaf3!important;
  box-shadow:0 0 20px #0f8a5f!important;
}
:root[data-template="premium"] .pj-brand-core{
  border:1px solid #0f8a5f95!important;
  background:linear-gradient(145deg,#0f8a5f70,#e7f4ea)!important;
  box-shadow:inset 0 0 45px #0f8a5f30,0 0 85px #0f8a5f24!important;
}
:root[data-template="premium"] .pj-brand-core>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-brand-core>small{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-node{
  background:linear-gradient(130deg,#e7f4eaf5,#e7f4eaf5)!important;
  border:1px solid #0f8a5f51!important;
  box-shadow:0 16px 40px #e7f4ea33!important;
}
:root[data-template="premium"] .pj-node i{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-node small{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-node strong{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-visual-label{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-facts b{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-facts em{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-facts span{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-owned{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-owned a{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-section-nav a{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-section-nav a:hover{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-section-head h2,.pj-store h2,.pj-faq-section h2,.pj-final h2{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-value-grid article{
  background:linear-gradient(145deg,#e7f4ea,#e7f4ea)!important;
}
:root[data-template="premium"] .pj-card-number{
  color:#0f8a5f33!important;
}
:root[data-template="premium"] .pj-line-icon{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-value-grid h3{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-value-grid a,.pj-text-link{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-store{
  background:radial-gradient(ellipse at 85% 50%,#0f8a5f20,transparent 60%),#e7f4ea!important;
}
:root[data-template="premium"] .pj-store h2 span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-store li{
  border-left:2px solid #0f8a5f77!important;
}
:root[data-template="premium"] .pj-store li b{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-store-demo{
  border:1px solid #0f8a5f52!important;
  background:#e7f4ea!important;
  box-shadow:0 24px 56px #e7f4ea44!important;
}
:root[data-template="premium"] .pj-demo-browser{
  border-bottom:1px solid #0f8a5f33!important;
  background:#e7f4ea!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-browser>span:first-child{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-sidebar{
  border-right:1px solid #0f8a5f24!important;
  color:#0f8a5f!important;
  background:#e7f4ea!important;
}
:root[data-template="premium"] .pj-demo-sidebar b{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-sidebar .on{
  border:1px solid #0f8a5f44!important;
  background:#0f8a5f1c!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-title strong{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-demo-title>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-tools>div{
  border:1px solid #0f8a5f33!important;
  background:#e7f4ea!important;
}
:root[data-template="premium"] .pj-demo-tools i{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-tools b{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-demo-tools span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-row{
  border-bottom:1px solid #0f8a5f20!important;
}
:root[data-template="premium"] .pj-demo-mark{
  background:#0f8a5f1c!important;
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-row b{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-demo-row div>span{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-demo-row em{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .partner-campaign .tier{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .partner-campaign .tier.hot{
  border-color:#0f8a5f9c!important;
  background:radial-gradient(ellipse at top right,#0f8a5f2b,transparent 65%),#e7f4ea!important;
  box-shadow:0 14px 46px #0f8a5f12!important;
}
:root[data-template="premium"] .partner-campaign .tier .tag{
  color:#0f8a5f!important;
  border:1px solid #0f8a5f56!important;
  background:#0f8a5f22!important;
}
:root[data-template="premium"] .partner-campaign .tname{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .partner-campaign .tprice .cur{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .partner-campaign .tprice .num{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .partner-campaign .chip{
  border:1px solid #0f8a5f4d!important;
  color:#0f8a5f!important;
  background:#0f8a5f12!important;
}
:root[data-template="premium"] .partner-campaign .tier li{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .partner-campaign .tier li svg{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .partner-campaign .tier .joinbtn{
  background:linear-gradient(110deg,#ecfaf3,#ecfaf3)!important;
  border-color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-calculator{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .pj-calc-label{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-calc-label output{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-calc-controls input[type=range]{
  background:linear-gradient(90deg,#ecfaf3 var(--range-fill,0%),#2b2f48 var(--range-fill,0%))!important;
}
:root[data-template="premium"] .pj-calc-controls input::-webkit-slider-thumb{
  background:#ecfaf3!important;
  border:4px solid #0f8a5f!important;
}
:root[data-template="premium"] .pj-calc-controls input::-moz-range-thumb{
  background:#ecfaf3!important;
  border:3px solid #0f8a5f!important;
}
:root[data-template="premium"] .pj-scale{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-calc-result{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .pj-calc-result.featured{
  background:linear-gradient(145deg,#302343,#e7f4ea)!important;
  border-color:#0f8a5f66!important;
}
:root[data-template="premium"] .pj-calc-result h3{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-calc-result>output{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-calc-result>div{
  border-top:1px solid #0f8a5f31!important;
}
:root[data-template="premium"] .pj-calc-result strong{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-steps{
  background:#e7f4ea!important;
}
:root[data-template="premium"] .pj-steps article>span{
  color:#0f8a5f66!important;
}
:root[data-template="premium"] .pj-steps h3{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-steps a{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-faq summary{
  color:#0e3a2a!important;
}
:root[data-template="premium"] .pj-faq summary:after{
  color:#0f8a5f!important;
}
:root[data-template="premium"] .pj-final{
  border:1px solid #0f8a5f55!important;
  background:radial-gradient(ellipse at right,#0f8a5f24,transparent 65%),linear-gradient(110deg,#e7f4ea,#e7f4ea)!important;
}
:root[data-template="premium"] .pj-final h2 span{
  color:#0f8a5f!important;
}

/* =====================================================================
   21. 首页/商品卡占位（nova-ui-v4.css 强制海军蓝 .pc-cover / 钢蓝 .nova-trust）
   ===================================================================== */
:root[data-template="premium"] .pc-cover{
  background:var(--card)!important;
  border-bottom-color:var(--line)!important;
}
:root[data-template="premium"] .nova-trust{color:var(--muted)!important}

/* =====================================================================
   22. 前台登录/注册页（front/login.php）紫/海军蓝 -> 翡翠玻璃
   左栏深翡翠面板 + 右栏浅玻璃卡；白色文字落在深翡翠面板，浅色正文落在浅玻璃。
   ===================================================================== */
:root[data-template="premium"] .authwrap{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  max-width:1000px;margin:0 auto!important;
  background:var(--card)!important;
  border:1px solid rgba(255,255,255,.6)!important;
  border-radius:var(--r-lg)!important;overflow:hidden!important;
  box-shadow:0 30px 70px rgba(16,70,46,.18)!important;
}
@media(max-width:760px){:root[data-template="premium"] .authwrap{grid-template-columns:1fr!important}}
:root[data-template="premium"] .authbrand{
  background:linear-gradient(155deg,#0a5e42 0%,#0f8a5f 55%,#1aa874 100%)!important;
  color:#fff!important;
}
:root[data-template="premium"] .authbrand h2{color:#fff!important}
:root[data-template="premium"] .authbrand [style*="color:#fff"]{color:#fff!important}
:root[data-template="premium"] .authbrand [style*="color:#94a3b8"]{color:rgba(255,255,255,.72)!important}
:root[data-template="premium"] .authbrand [style*="color:#ff8787"]{
  background:rgba(255,255,255,.16)!important;color:#bdf5dc!important;
}
/* 分段胶囊 Tab：翡翠玻璃 + 翡翠选中态 */
:root[data-template="premium"] .tabs{
  background:var(--brand-soft)!important;border:1px solid var(--brand-line)!important;
}
:root[data-template="premium"] .tabs button{color:var(--body)!important}
:root[data-template="premium"] .tabs button:hover{color:var(--brand-d)!important}
:root[data-template="premium"] .tabs button.on{
  background:linear-gradient(115deg,var(--brand-lite),var(--brand) 52%,var(--brand-d))!important;
  color:#fff!important;font-weight:600!important;
}
:root[data-template="premium"] img[src*="/captcha"]{border-color:var(--brand-line)!important}

/* =====================================================================
   23. 后台登录页（admin/login.php）紫色 logo / 海军蓝 -> 翡翠玻璃
   ===================================================================== */
:root[data-template="premium"] .admin-login-body{
  background:
    radial-gradient(circle at 12% 8%,var(--brand-soft),transparent 34%),
    radial-gradient(circle at 88% 90%,var(--brand-soft),transparent 42%),
    var(--bg)!important;
  color:var(--text)!important;
}
:root[data-template="premium"] .as-logo{
  background:linear-gradient(140deg,var(--brand),var(--brand-d))!important;
  border:1px solid var(--brand-line)!important;
  box-shadow:0 6px 18px var(--brand-soft)!important;
}
:root[data-template="premium"] .al-card{
  border:1px solid var(--brand-line)!important;
  box-shadow:0 24px 60px rgba(16,70,46,.16)!important;
}
:root[data-template="premium"] .al-sub{color:var(--brand)!important}
:root[data-template="premium"] .al-back:hover{color:var(--brand-d)!important}

/* ============================================================
   ui-fix-20261025 — 全站对比度/选项卡修复（本文件在前台与用户布局中最后加载）
   1) 首页 hero 副标题：旧紫主题遗留 #b1bedb，浅绿渐变底上几乎不可读 → 深绿
   2) .tabs 选项卡：通用 chip 规则 body .tabs a/button(!important) 把
      下划线式选项卡打成白底方块（商品详情页 button / 我的订单页 a）
      → 恢复下划线式；订单页激活项已改用 class="on"
   3) 钱包卡 .portal-wallet 被 premium 覆盖为深绿渐变底，但内部文字仍是
      浅色主题的深色变量 → 统一改浅色
   ============================================================ */

/* 1) hero 副标题 */
:root[data-template="premium"] .nova-hero p{color:#2f6a4e!important}

/* 2) .tabs 选项卡恢复下划线式 */
body .tabs button,body .tabs a,
:root[data-template="premium"] .tabs button,:root[data-template="premium"] .tabs a{
  background:transparent!important;color:var(--muted)!important;
  border:0!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;box-shadow:none!important;padding:14px 0!important;
  font-size:16.5px}
body .tabs button:hover,body .tabs a:hover,
:root[data-template="premium"] .tabs button:hover,:root[data-template="premium"] .tabs a:hover{
  color:var(--brand)!important;background:transparent!important}
body .tabs button.on,body .tabs a.on,body .tabs .on,
:root[data-template="premium"] .tabs button.on,:root[data-template="premium"] .tabs a.on{
  background:transparent!important;color:var(--brand)!important;
  border-bottom:2px solid var(--brand)!important;font-weight:500!important}

/* 3) 钱包卡（深绿渐变底）内文字改浅色 */
:root[data-template="premium"] .portal-wallet{color:rgba(255,255,255,.92)}
:root[data-template="premium"] .portal-wallet .portal-section-top span{color:#fff}
:root[data-template="premium"] .portal-wallet .portal-section-top a{color:rgba(255,255,255,.85)}
:root[data-template="premium"] .portal-wallet > small{color:rgba(255,255,255,.72)!important}
:root[data-template="premium"] .portal-wallet p{color:rgba(255,255,255,.72)!important}
:root[data-template="premium"] .portal-wallet .wallet-bottom span{color:rgba(255,255,255,.72)!important}
:root[data-template="premium"] .portal-wallet .wallet-totals small{color:rgba(255,255,255,.66)!important}
:root[data-template="premium"] .portal-wallet .wallet-totals b{color:#fff}
:root[data-template="premium"] .portal-wallet strong{color:#fff}

/* ui-fix-20261025b — 合伙人横幅/子站门等旧紫渐变遗留 → 绿色渐变+浅色字（与钱包卡一致） */
:root[data-template="premium"] .nova-partner{background:linear-gradient(115deg,rgba(19,79,57,.96),rgba(8,34,25,.98))!important;border-color:var(--brand-line)!important}
:root[data-template="premium"] .nova-partner h2{color:#fff!important}
:root[data-template="premium"] .nova-partner p{color:rgba(255,255,255,.75)!important}
:root[data-template="premium"] .nova-partner .nova-kicker{color:#5be0b0!important}
:root[data-template="premium"] .nova-partner .nova-kicker>span{background:#5be0b0!important;box-shadow:0 0 20px rgba(91,224,176,.55)!important}
:root[data-template="premium"] .nova-partner .btn-ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
:root[data-template="premium"] .portal-site-gate{background:linear-gradient(115deg,rgba(19,79,57,.96),rgba(8,34,25,.98))!important}
:root[data-template="premium"] .portal-site-gate p{color:rgba(255,255,255,.85)!important}
:root[data-template="premium"] .portal-site-gate h1,:root[data-template="premium"] .portal-site-gate h2,:root[data-template="premium"] .portal-site-gate h3{color:#fff!important}
:root[data-template="premium"] .uwelcome{background:linear-gradient(115deg,rgba(19,79,57,.96),rgba(8,34,25,.98))!important}
:root[data-template="premium"] .uwelcome h1,:root[data-template="premium"] .uwelcome h2,:root[data-template="premium"] .uwelcome h3{color:#fff!important}
:root[data-template="premium"] .uwelcome p,:root[data-template="premium"] .uwelcome .sec-s{color:rgba(255,255,255,.78)!important}

/* ui-fix-20261025c — /partner 页 hero：premium 已把底色改浅绿，但文字仍是深色设计遗留 */
:root[data-template="premium"] .pj-hero h1{color:#14251a!important}
:root[data-template="premium"] .pj-hero h1 span{background:linear-gradient(95deg,#0d8a5b,#187c57 65%,#10553b)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
:root[data-template="premium"] .partner-campaign .pj-primary{background:linear-gradient(115deg,var(--brand-lite),var(--brand) 52%,var(--brand-d))!important;color:#fff!important;border-color:transparent!important}