/* PG51 换皮 — 全站共享样式(token + 通用组件 + 底部 tab)
   引入:<link rel="stylesheet" href="/pgstyle.css"> */
@import url("https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css");
@import url("https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css");
@import url("https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/duotone/style.css");
:root{
  --bg:#07050F; --bg2:#0E0A1E; --panel:#141026; --panel2:#1F1740; --line:#2A2350;
  --pri:#7C3AED; --pri2:#A855F7;
  --grad:linear-gradient(135deg,#8B5CF6,#D946EF);
  --grad-soft:linear-gradient(135deg,rgba(139,92,246,.18),rgba(217,70,239,.14));
  --gold:#FFC53D; --gold2:#FF9F2E; --gold-grad:linear-gradient(135deg,#FFD666,#FF9F2E);
  --txt:#F3EFFB; --sub:#A79ECF; --dim:#6E6395;
  --red:#FF4D6D; --ok:#34D399; --info:#5EA7FF;
  --glow:0 0 20px rgba(139,92,246,.5),0 0 42px rgba(124,58,237,.16);
  --r-card:16px; --r-btn:12px; --r-pill:999px;
  --tabbar-h:64px;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg);color:var(--txt)}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  min-height:100dvh;font-size:14px;line-height:1.5;overflow-x:hidden;
  background:
    radial-gradient(80% 44% at 50% -8%,rgba(91,33,182,.18),transparent 70%),
    linear-gradient(180deg,#05040c 0%,var(--bg) 34%,#090616 100%)}
a{color:inherit;text-decoration:none}
.ph-duotone{
  --ico-line:currentColor;--ico-fill:currentColor;
  display:inline-block;color:var(--ico-line);
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--ico-line) 58%,transparent));
}
.ph-duotone::before{color:var(--ico-fill);opacity:.34!important}
.ph-duotone::after{color:var(--ico-line)}
.tnum{font-variant-numeric:tabular-nums}
.wrap{max-width:540px;margin:0 auto;padding:0 14px}
.pad-tab{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 16px)}

/* 顶栏(内页用) */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;
  min-height:56px;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top,0px));
  background:rgba(8,6,18,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(75,61,116,.42);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.nav .back{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#1f1938,#100c21);border:1px solid rgba(83,68,126,.45);display:flex;
  align-items:center;justify-content:center;flex:none;transition:transform .15s,background .2s}
.nav .back:active{transform:scale(.9)}
.nav .back svg{width:18px;height:18px;stroke:var(--txt);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nav .back>i{font-size:20px;color:var(--txt)}
.nav .t{flex:1;font-size:16px;font-weight:750;text-align:center;padding-right:44px;letter-spacing:.2px}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;color:var(--txt);background:var(--panel2);
  min-height:44px;border-radius:var(--r-btn);padding:11px 16px;transition:transform .15s,opacity .2s,filter .2s,box-shadow .2s}
.btn:active{transform:scale(.96)}
.btn.pri{background:linear-gradient(135deg,#6d28d9,#a329e6 62%,#d946ef);box-shadow:0 0 18px rgba(168,85,247,.36),inset 0 1px rgba(255,255,255,.2)}
.btn.gold{background:var(--gold-grad);color:#2A1800;box-shadow:0 0 18px rgba(255,197,61,.18),inset 0 1px rgba(255,255,255,.28)}
.btn.ghost{background:rgba(23,18,43,.7);border:1px solid rgba(85,69,130,.58);color:#cfc8df}
.btn.block{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}

/* 卡片 / pill */
.card{background:linear-gradient(145deg,rgba(25,19,48,.98),rgba(13,10,29,.98));border:1px solid rgba(92,75,143,.35);border-radius:var(--r-card);padding:16px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.18)}
.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-pill);
  min-height:38px;background:linear-gradient(145deg,#1f1938,#130f29);border:1px solid rgba(75,61,116,.42);color:var(--sub);font-size:13px;font-weight:600;transition:transform .18s,background .2s,color .2s}
.pill:active{transform:scale(.95)}
.pill.on{background:linear-gradient(135deg,#6d28d9,#a329e6);border-color:#b963f3;color:#fff;box-shadow:0 0 14px rgba(168,85,247,.32)}

/* 输入 */
.field{margin-bottom:14px}
.field label{display:block;color:var(--sub);font-size:12px;margin-bottom:6px}
.inp{width:100%;background:#0F0A22;border:1px solid var(--line);border-radius:var(--r-btn);
  min-height:48px;color:var(--txt);font-size:15px;font-family:inherit;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.inp:focus{border-color:var(--pri2);background:#120c29;box-shadow:0 0 0 3px rgba(168,85,247,.12),0 0 16px rgba(124,58,237,.13)}
.inp::placeholder{color:var(--dim)}

/* 区块标题 */
.sec{display:flex;align-items:center;gap:8px;margin:20px 4px 12px;font-size:15px;font-weight:750;letter-spacing:.15px}
.sec::before{content:"";width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,#ff4d8d,#8b5cf6);box-shadow:0 0 8px rgba(217,70,239,.42)}
.sec .more{margin-left:auto;font-size:12px;color:var(--sub);font-weight:500}

/* toast / mask / spinner */
.toast{position:fixed;left:50%;top:14%;transform:translateX(-50%);background:#000c;color:#fff;
  padding:11px 18px;border-radius:var(--r-pill);font-size:13px;opacity:0;transition:.25s;
  pointer-events:none;z-index:200;max-width:86%;text-align:center}
.toast.show{opacity:1}
.mask{position:fixed;inset:0;background:rgba(6,4,14,.72);display:none;align-items:center;justify-content:center;z-index:150}
.mask.show{display:flex}
.spin{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--pri2);border-radius:50%;animation:pgspin .8s linear infinite}
@keyframes pgspin{to{transform:rotate(360deg)}}
.empty{text-align:center;color:var(--dim);font-size:13px;padding:30px 12px;line-height:1.8}

/* 底部 tab bar(pgtab.js 注入) */
#pgTab{position:fixed;left:max(4px,env(safe-area-inset-left,0px));right:max(4px,env(safe-area-inset-right,0px));bottom:0;z-index:100;
  height:calc(70px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);display:flex;align-items:stretch;
  background:rgba(14,11,31,.94);backdrop-filter:blur(20px);border:1px solid rgba(92,75,143,.42);border-bottom:0;
  border-radius:32px 32px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.045)}
#pgTab .tb{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:52px;gap:3px;color:#77708f;font-size:11px;font-weight:600;cursor:pointer;transition:color .22s,transform .18s}
#pgTab .tb:active{transform:scale(.94)}
#pgTab .tb.on{color:var(--txt)}
#pgTab .tb>i{--ico-line:#9189a9;--ico-fill:#4c426c;font-size:26px;line-height:1;color:var(--ico-line);filter:drop-shadow(0 0 2px rgba(112,90,170,.28));transition:color .22s,filter .22s,transform .22s}
#pgTab .tb>i::before{opacity:.5!important}
#pgTab .tb.on>i{--ico-line:#ff72f1;--ico-fill:#7367ff;color:var(--ico-line);filter:drop-shadow(0 0 4px #d946ef) drop-shadow(0 0 9px rgba(124,58,237,.92));transform:translateY(-1px) scale(1.04)}
#pgTab .tb.on>i::before{opacity:.72!important}
#pgTab .tb .badge{position:absolute;top:6px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;
  border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;
  box-shadow:0 0 0 2px rgba(18,12,38,.95);transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
#pgTab .tb .badge.show{transform:scale(1)}
/* 中央凸起主按钮 */
#pgTab .tb.mid{flex:0 0 76px;color:#f7efff}
#pgTab .tb.mid .fab{position:absolute;top:-20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#aa5dff,#5b21b6 64%,#35106f);
  border:2px solid rgba(220,183,255,.95);box-shadow:0 0 0 7px rgba(95,36,178,.24),0 0 22px rgba(168,85,247,.95),0 8px 24px rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;transition:transform .18s}
#pgTab .tb.mid:active .fab{transform:scale(.92)}
#pgTab .tb.mid .fab i{--ico-line:#fff;--ico-fill:#d8b4fe;font-size:29px;color:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 9px rgba(217,70,239,.85))}
#pgTab .tb.mid .fab i::before{opacity:.62!important}
#pgTab .tb.mid .lb{margin-top:40px;color:#f0dfff}

@media (min-width:560px){#pgTab{left:50%;right:auto;width:584px;transform:translateX(-50%)}}
@media (hover:hover){.btn:hover{filter:brightness(1.08)}.card:hover{border-color:rgba(126,96,190,.52)}}

/* 登录后活动 / App 下载引导 */
.hauth:empty{display:none}
.web-app-strip{width:100%;min-height:46px;border:1px solid rgba(120,91,190,.58);border-radius:13px;padding:7px 10px;
  display:flex;align-items:center;gap:9px;color:#d8d1e8;background:linear-gradient(100deg,rgba(24,20,39,.98),rgba(19,15,37,.98));
  font:600 12px/1.25 inherit;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.2);cursor:pointer}
.web-app-strip>i{--ico-line:#ff7af1;--ico-fill:#6d5cff;color:var(--ico-line);font-size:27px;flex:none}
.web-app-strip .was-copy{min-width:0;flex:1}.web-app-strip .was-copy b{color:#fff;font-size:12.5px}.web-app-strip .was-domain{color:#b96cff}
.web-app-strip .was-cta{display:flex;align-items:center;gap:3px;color:#c98cff;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.web-app-strip .was-cta i{font-size:16px}

.pg-dialog-layer{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));
  background:rgba(3,2,9,.84);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .22s ease-out}
.pg-dialog-layer.show{opacity:1;pointer-events:auto}
.pg-dialog-card{position:relative;width:min(100%,480px);max-height:calc(100dvh - 36px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;
  border:1px solid rgba(163,105,255,.68);border-radius:24px;padding:18px;background:linear-gradient(165deg,#17122c 0%,#0e0b1e 54%,#0a0717 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.035),0 0 28px rgba(124,58,237,.42),0 28px 80px rgba(0,0,0,.68);transform:translateY(18px) scale(.97);transition:transform .28s cubic-bezier(.22,1,.36,1);scrollbar-width:none}
.pg-dialog-layer.show .pg-dialog-card{transform:none}.pg-dialog-card::-webkit-scrollbar{display:none}
.pg-dialog-head{display:flex;align-items:flex-start;gap:10px;padding-right:42px;margin-bottom:14px}.pg-dialog-head>i{--ico-line:#ff7af1;--ico-fill:#705cff;color:var(--ico-line);font-size:31px;flex:none}
.pg-dialog-head h2{font-size:22px;line-height:1.15;letter-spacing:-.4px}.pg-dialog-head p{font-size:12px;color:#aaa1c5;margin-top:5px}
.pg-dialog-close{position:absolute;right:13px;top:12px;width:44px;height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.055);color:#eee9f7;display:grid;place-items:center;cursor:pointer}
.pg-dialog-close i{font-size:22px}.pg-dialog-close:active{transform:scale(.9)}
.pg-campaign-list{display:grid;gap:9px}.pg-campaign{position:relative;min-height:106px;border-radius:15px;overflow:hidden;border:1px solid rgba(129,99,183,.4);background:#17142a center/cover no-repeat;cursor:pointer;isolation:isolate}
.pg-campaign::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,8,24,.98) 0%,rgba(10,8,24,.87) 43%,rgba(10,8,24,.08) 78%)}
.pg-campaign:active{transform:scale(.99)}.pg-campaign-copy{width:67%;padding:17px 15px 14px}.pg-campaign-tag{display:inline-flex;align-items:center;min-height:23px;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#6d28d9,#c02fe5);color:#fff;font-size:10px;font-weight:800;box-shadow:0 0 12px rgba(168,85,247,.4)}
.pg-campaign h3{font-size:17px;line-height:1.22;margin-top:8px;color:#fff}.pg-campaign h3 em{font-style:normal;color:#ffbf54}.pg-campaign p{font-size:10.5px;color:#c9c3da;line-height:1.35;margin-top:4px}
.pg-dialog-primary{width:100%;min-height:50px;margin-top:14px;border:1px solid #c66fff;border-radius:14px;color:#fff;background:linear-gradient(135deg,#6d28d9,#9e25e6 58%,#d946ef);font:800 16px/1 inherit;box-shadow:0 0 18px rgba(168,85,247,.52),inset 0 1px rgba(255,255,255,.26);cursor:pointer}
.pg-dialog-primary:active{transform:scale(.98)}.pg-dialog-primary[disabled]{opacity:.5;pointer-events:none}

.domain-save-line{display:flex;align-items:center;gap:8px;margin:-2px 0 13px;color:#d0cadc;font-size:12px}.domain-save-line .save-local{min-height:34px;border:0;border-radius:999px;padding:7px 13px;background:linear-gradient(135deg,#6d28d9,#b22be4);color:#fff;font:800 12px/1 inherit;white-space:nowrap}
.official-domain{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(145deg,#27233c,#1a172b);border:1px solid rgba(113,92,161,.45)}
.official-domain .domain-mark{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 35% 28%,#db7aff,#7440e8 54%,#311064);border:1px solid rgba(222,172,255,.55);box-shadow:0 0 16px rgba(168,85,247,.48)}
.official-domain .domain-mark i{font-size:28px;color:#fff}.official-domain .domain-value{min-width:0;flex:1;color:#fff;font-size:20px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-domain{min-width:66px;min-height:36px;border:1px solid #b666ff;border-radius:999px;background:linear-gradient(135deg,#5921bb,#8f25dc);color:#fff;font:750 12px/1 inherit}
.domain-caption{text-align:center;color:#e7e1f1;font-size:12px;margin:12px 0 8px}.domain-caption b{color:#ffcf69}
.backup-domains{display:grid;gap:8px;padding:10px;border-radius:16px;background:#211d31;border:1px solid rgba(83,68,126,.38)}
.backup-domain{display:flex;align-items:center;gap:9px;min-height:45px;padding:6px 8px 6px 12px;border-radius:13px;background:#12101f;border:1px solid rgba(78,65,113,.45)}
.backup-domain>i{--ico-line:#efe9ff;--ico-fill:#7866aa;font-size:21px;color:var(--ico-line)}.backup-domain span{min-width:0;flex:1;color:#f3effb;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-domain button{min-width:62px;min-height:34px;border:1px solid #8f4fe2;border-radius:999px;background:#4d1bb1;color:#fff;font:700 11px/1 inherit}
.pg-guide-link{width:100%;min-height:44px;margin-top:7px;border:0;background:transparent;color:#f1cf72;text-decoration:underline;text-underline-offset:4px;font:700 13px/1 inherit;cursor:pointer}
.pg-config-note{display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:#8f86aa;font-size:10.5px;line-height:1.45}.pg-config-note i{font-size:16px;color:#a855f7;flex:none}

.guide-card{padding-bottom:16px}.guide-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:#0e0b1c;border:1px solid rgba(76,61,117,.44);margin-bottom:14px}
.guide-tab{min-height:42px;border:0;border-radius:10px;background:transparent;color:#8f86aa;font:750 13px/1 inherit}.guide-tab.on{color:#fff;background:linear-gradient(135deg,#5b21b6,#9d29dc);box-shadow:0 0 14px rgba(124,58,237,.34)}
.guide-platform-note{display:flex;gap:9px;padding:11px 12px;margin-bottom:11px;border-radius:14px;background:rgba(124,58,237,.11);border:1px solid rgba(139,92,246,.28);color:#cfc7e0;font-size:11px;line-height:1.5}.guide-platform-note>i{--ico-line:#d96dff;--ico-fill:#635cff;color:var(--ico-line);font-size:23px;flex:none}
.install-steps{display:grid;gap:9px}.install-step{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px;border-radius:14px;background:linear-gradient(145deg,rgba(31,24,58,.96),rgba(17,13,35,.96));border:1px solid rgba(78,64,119,.42)}
.install-step .step-no{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;background:linear-gradient(135deg,#6d28d9,#c12be5);box-shadow:0 0 12px rgba(168,85,247,.35)}
.install-step h4{font-size:13px;color:#f5f1fb}.install-step p{font-size:11px;line-height:1.55;color:#a79ecf;margin-top:3px}.install-step.important{border-color:rgba(255,197,61,.46);background:linear-gradient(145deg,rgba(74,45,19,.34),rgba(23,16,37,.98))}.install-step.important .step-no{background:linear-gradient(135deg,#ffca55,#ff8f2e);color:#311b00;box-shadow:0 0 12px rgba(255,159,46,.3)}

@media(max-width:380px){.pg-dialog-card{padding:15px;border-radius:21px}.pg-dialog-head h2{font-size:20px}.pg-campaign{min-height:98px}.pg-campaign-copy{padding:14px 12px}.pg-campaign h3{font-size:15px}.official-domain .domain-value{font-size:18px}.web-app-strip{padding-left:8px;padding-right:8px}.web-app-strip>i{font-size:24px}}

/* 用户 H5 多语言切换器(pgtab.js 注入) */
#pgLang{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 22px);z-index:145;font-family:inherit}
#pgLang .pg-lang-btn{min-width:72px;height:38px;padding:0 10px;border:1px solid rgba(171,101,236,.48);border-radius:999px;background:rgba(17,12,36,.92);backdrop-filter:blur(16px);color:#efe9fb;display:flex;align-items:center;justify-content:center;gap:6px;font:800 11px/1 inherit;box-shadow:0 9px 28px rgba(0,0,0,.34),0 0 16px rgba(124,58,237,.14);cursor:pointer}
#pgLang .pg-lang-btn>i:first-child{--ico-line:#ef7cff;--ico-fill:#645cff;color:var(--ico-line);font-size:18px}#pgLang .pg-lang-btn>i:last-child{color:#8f84aa;font-size:11px}
#pgLang .pg-lang-menu{position:absolute;right:0;bottom:46px;width:190px;padding:6px;border:1px solid rgba(121,84,177,.55);border-radius:15px;background:linear-gradient(155deg,rgba(27,20,52,.98),rgba(10,8,23,.99));box-shadow:0 20px 50px rgba(0,0,0,.52),0 0 24px rgba(124,58,237,.15);opacity:0;transform:translateY(8px) scale(.97);transform-origin:bottom right;pointer-events:none;transition:.2s}
#pgLang.open .pg-lang-menu{opacity:1;transform:none;pointer-events:auto}
#pgLang .pg-lang-menu button{appearance:none;width:100%;min-height:43px;border:0;border-radius:10px;background:transparent;color:#e9e2f4;display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:7px;padding:7px 8px;text-align:left;font-family:inherit;cursor:pointer}
#pgLang .pg-lang-menu button:hover,#pgLang .pg-lang-menu button.on{background:rgba(124,58,237,.16)}#pgLang .pg-lang-menu button>span{color:#c783f1;font-size:10px;font-weight:850}#pgLang .pg-lang-menu button>b{font-size:11px;font-weight:700}#pgLang .pg-lang-menu button>i{color:#6ee7b7;font-size:13px;opacity:0}#pgLang .pg-lang-menu button.on>i{opacity:1}
body:not(.pad-tab) #pgLang{bottom:calc(18px + env(safe-area-inset-bottom,0px))}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* 管理后台三套主题：仅 body.pg-admin 生效，用户 H5 不受影响 */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#08090a;--bg2:#0d0e10;--panel:#141518;--panel2:#1b1d21;--card:#141518;--card2:#1b1d21;
  --line:#30333a;--txt:#f2f3f5;--sub:#a7abb3;--dim:#747984;--gold:#d6b66f;
  --pri:#565b65;--pri2:#858b97;--vbadge:#565b65;--grad:linear-gradient(135deg,#3b3e45,#656a74);
  --me:#42464e;--me2:#616670;--info:#8ca4c5;--warn:#e0bd69;--bad:#ff7b8f;
  --admin-body-bg:linear-gradient(180deg,#08090a 0%,#0b0c0e 100%);
  --admin-header:rgba(11,12,14,.96);--admin-sidebar:linear-gradient(180deg,#111215,#0b0c0e);
  --admin-surface:#141518;--admin-surface-2:#1b1d21;--admin-input:#101114;
  --admin-primary:linear-gradient(135deg,#3b3e45,#656a74);--admin-soft:rgba(125,131,143,.12);
  --admin-shadow:0 12px 34px rgba(0,0,0,.24);--admin-active-text:#fff;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f5f8;--bg2:#eef1f5;--panel:#ffffff;--panel2:#f6f7fa;--card:#ffffff;--card2:#f6f7fa;
  --line:#d7dce5;--txt:#182033;--sub:#667085;--dim:#8a94a6;--gold:#8b5c00;
  --pri:#5742bd;--pri2:#735bd2;--vbadge:#5742bd;--grad:linear-gradient(135deg,#5441b7,#755ad4);
  --me:#5441b7;--me2:#755ad4;--info:#315b93;--warn:#8a5b00;--bad:#b4233b;
  --admin-body-bg:linear-gradient(180deg,#f8f9fb 0%,#eef1f5 100%);
  --admin-header:rgba(255,255,255,.94);--admin-sidebar:linear-gradient(180deg,#ffffff,#f5f7fa);
  --admin-surface:#ffffff;--admin-surface-2:#f6f7fa;--admin-input:#ffffff;
  --admin-primary:linear-gradient(135deg,#5441b7,#755ad4);--admin-soft:#f0edff;
  --admin-shadow:0 10px 28px rgba(31,41,55,.08);--admin-active-text:#fff;
  --green:#087a55;--red:#c62f48;--ok:#087a55;
}

.admin-theme-login{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;color:var(--sub);font-size:11px}
.admin-top-actions{display:flex;align-items:center;gap:9px;min-width:0}
.admin-theme-control{display:inline-flex;align-items:center;gap:6px;min-width:112px;height:34px;padding:0 7px;border:1px solid rgba(112,91,158,.46);border-radius:10px;background:rgba(20,16,38,.72);color:var(--sub);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.admin-theme-control>i{font-size:17px;color:var(--pri2);filter:none}
.admin-theme-control select{appearance:none;-webkit-appearance:none;min-width:0;width:82px;height:30px;border:0;outline:0;background:transparent;color:var(--txt);font:700 11px/1 inherit;cursor:pointer;text-align:center}
.admin-theme-control select option{background:var(--panel);color:var(--txt)}
.admin-theme-control:focus-within{border-color:var(--pri2);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri2) 15%,transparent)}
html[data-theme="dark"] body.pg-admin .admin-theme-control,
html[data-theme="light"] body.pg-admin .admin-theme-control{background:var(--admin-surface-2);border-color:var(--line);box-shadow:none}

html[data-theme="dark"] body.pg-admin,
html[data-theme="light"] body.pg-admin{background:var(--admin-body-bg)!important;color:var(--txt)!important}
html[data-theme="dark"] body.pg-admin .ph-duotone{filter:none!important}
html[data-theme="dark"] body.pg-admin :is(.top,.hd),
html[data-theme="light"] body.pg-admin :is(.top,.hd){background:var(--admin-header)!important;border-color:var(--line)!important;box-shadow:0 8px 24px rgba(31,41,55,.05)!important}
html[data-theme="dark"] body.pg-admin .sidebar,
html[data-theme="light"] body.pg-admin .sidebar{background:var(--admin-sidebar)!important;border-color:var(--line)!important}
html[data-theme="dark"] body.pg-admin .sidebar{scrollbar-color:#565b65 transparent!important}
html[data-theme="light"] body.pg-admin .sidebar{scrollbar-color:#b8bec9 transparent!important}
html[data-theme="dark"] body.pg-admin :is(.mobile-nav,.ft),
html[data-theme="light"] body.pg-admin :is(.mobile-nav,.ft){background:var(--admin-header)!important;border-color:var(--line)!important}
html[data-theme="dark"] body.pg-admin :is(.mobile-nav button,.login-panel,.card,.stat,.member,.coming-card,.aadm-metric-card,.aadm-metric,.aadm-dialog,.activity-class-card,.balance-card,.curation-hero,.curation-category,.curation-game,.inbox-compose,.inbox-message,.kk-card,.yuebao-hero,.yuebao-brand,.yuebao-record,.rbac-card,.perm-option,.lang-option,.titem,.tcard,.config-card),
html[data-theme="light"] body.pg-admin :is(.mobile-nav button,.login-panel,.card,.stat,.member,.coming-card,.aadm-metric-card,.aadm-metric,.aadm-dialog,.activity-class-card,.balance-card,.curation-hero,.curation-category,.curation-game,.inbox-compose,.inbox-message,.kk-card,.yuebao-hero,.yuebao-brand,.yuebao-record,.rbac-card,.perm-option,.lang-option,.titem,.tcard,.config-card){background:var(--admin-surface)!important;border-color:var(--line)!important;box-shadow:var(--admin-shadow)!important}
html[data-theme="dark"] body.pg-admin :is(.aadm-search,.report-date input,.field input,.field select,.field textarea,.fld input,.ipt,.seg,.login-mode,.switch-row,.linkbox,.pager button,.icon-btn,.pill,.back,.ib,.sysline span,.upgrade-channel,.tact),
html[data-theme="light"] body.pg-admin :is(.aadm-search,.report-date input,.field input,.field select,.field textarea,.fld input,.ipt,.seg,.login-mode,.switch-row,.linkbox,.pager button,.icon-btn,.pill,.back,.ib,.sysline span,.upgrade-channel,.tact){background:var(--admin-input)!important;border-color:var(--line)!important;color:var(--txt)!important;box-shadow:none!important}
html[data-theme="dark"] body.pg-admin :is(.nav-group.open,.nav-item:hover,.chip,.tab,.inbox-target-grid,.perm-chips),
html[data-theme="light"] body.pg-admin :is(.nav-group.open,.nav-item:hover,.chip,.tab,.inbox-target-grid,.perm-chips){background:var(--admin-surface-2)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body.pg-admin :is(.btn,.lbtn,.seg .sg.on,.login-mode button.on,.tab.on,.chip.on,.nav-item.on,.send,.tact .ap,.row.me .bub),
html[data-theme="light"] body.pg-admin :is(.btn,.lbtn,.seg .sg.on,.login-mode button.on,.tab.on,.chip.on,.nav-item.on,.send,.tact .ap,.row.me .bub){background:var(--admin-primary)!important;border-color:transparent!important;color:var(--admin-active-text)!important;box-shadow:none!important}
html[data-theme="dark"] body.pg-admin :is(.logout-btn,.mini-btn,.btn.ghost),
html[data-theme="light"] body.pg-admin :is(.logout-btn,.mini-btn,.btn.ghost){background:var(--admin-surface-2)!important;border-color:var(--line)!important;color:var(--txt)!important;box-shadow:none!important}
html[data-theme="dark"],html[data-theme="light"]{--admin-card:var(--admin-surface)}
html[data-theme="dark"] body.pg-admin :is(.top .title,.top h1,.agent-name,.nav-group-toggle,.nav-item,.sidebar-head b,.aadm-dialog-head,.sec-title,.mid,.cv .u,.titem .u,.tcard .pts),
html[data-theme="light"] body.pg-admin :is(.top .title,.top h1,.agent-name,.nav-group-toggle,.nav-item,.sidebar-head b,.aadm-dialog-head,.sec-title,.mid,.cv .u,.titem .u,.tcard .pts){color:var(--txt)!important;text-shadow:none!important}
html[data-theme="dark"] body.pg-admin :is(.sidebar-head,.nav-group-toggle .group-no,.nav-group-toggle .group-caret,.nav-item .tool-mark,.muted,.mrow .k,.field label,.fld label,.login-help,.period-note,.aadm-metric span,.aadm-list-head span,.balance-hint,.inbox-message-body,.kk-copy,.rbac-main small,.cv .p,.cv .tm,.titem .r2,.lhint,.empty),
html[data-theme="light"] body.pg-admin :is(.sidebar-head,.nav-group-toggle .group-no,.nav-group-toggle .group-caret,.nav-item .tool-mark,.muted,.mrow .k,.field label,.fld label,.login-help,.period-note,.aadm-metric span,.aadm-list-head span,.balance-hint,.inbox-message-body,.kk-copy,.rbac-main small,.cv .p,.cv .tm,.titem .r2,.lhint,.empty){color:var(--sub)!important}
html[data-theme="dark"] body.pg-admin :is(th,td,.cv),
html[data-theme="light"] body.pg-admin :is(th,td,.cv){border-color:var(--line)!important}
html[data-theme="dark"] body.pg-admin .nav-item.on::before{background:#d1d5db!important;box-shadow:none!important}
html[data-theme="dark"] body.pg-admin :is(.nav-group-toggle>i:first-child,.period-note i,.aadm-search i,.form-note i,.panel-kicker,.loading-state i,.empty-state i,.error-state i){--ico-line:#a7abb3;--ico-fill:#565b65;color:#a7abb3!important;filter:none!important}
html[data-theme="light"] body.pg-admin .nav-item.on{background:#ebe7ff!important;color:#372d73!important;border:1px solid #d1c8ff!important}
html[data-theme="light"] body.pg-admin .nav-item.on::before{background:#6654bd!important;box-shadow:none!important}
html[data-theme="dark"] body.pg-admin :is(.coming-icon,.login-brand>i,.aadm-card-head i,.balance-icon,.kk-icon-preview,.rbac-avatar,.lang-mark,.cv .av,.ava,.tcard .ic),
html[data-theme="light"] body.pg-admin :is(.coming-icon,.login-brand>i,.aadm-card-head i,.balance-icon,.kk-icon-preview,.rbac-avatar,.lang-mark,.cv .av,.ava,.tcard .ic){background:var(--admin-soft)!important;border-color:var(--line)!important;box-shadow:none!important;filter:none!important;color:var(--pri)!important}
html[data-theme="dark"] body.pg-admin :is(.status-badge.ok,.status-pill,.tst.s2){color:#75d9b4!important;background:rgba(16,185,129,.12)!important;border-color:rgba(52,211,153,.28)!important}
html[data-theme="light"] body.pg-admin :is(.status-badge.ok,.status-pill,.tst.s2){color:#067647!important;background:#ecfdf3!important;border-color:#abefc6!important}
html[data-theme="dark"] body.pg-admin :is(.status-badge.off,.tst.s3,.tst.s4,.mini-btn.danger){color:#ff8ca0!important;background:rgba(244,63,94,.12)!important;border-color:rgba(255,77,109,.3)!important}
html[data-theme="light"] body.pg-admin :is(.status-badge.off,.tst.s3,.tst.s4,.mini-btn.danger){color:#b4233b!important;background:#fff1f3!important;border-color:#fecdd6!important}
html[data-theme="dark"] body.pg-admin :is(.status-badge.neutral,.status-pill.off){color:#c1c5ce!important;background:rgba(148,153,163,.12)!important;border-color:rgba(148,153,163,.3)!important}
html[data-theme="light"] body.pg-admin :is(.status-badge.neutral,.status-pill.off){color:#475467!important;background:#f2f4f7!important;border-color:#d0d5dd!important}
html[data-theme="light"] body.pg-admin :is(.amount-in,.neg,.green){color:#067647!important}
html[data-theme="light"] body.pg-admin :is(.amount-out,.pos,.red){color:#b4233b!important}

/* 运营备注：仅管理端/客服端使用，琥珀色用于强调高于昵称的运营记忆。 */
body.pg-admin .ops-remark-tag{display:inline-flex;align-items:center;min-width:0;max-width:10em;padding:3px 7px;border:1px solid rgba(255,197,61,.34);border-radius:999px;background:rgba(255,197,61,.12);color:#ffd56c;font-size:10px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;box-shadow:inset 0 1px rgba(255,255,255,.04)}
html[data-theme="dark"] body.pg-admin .ops-remark-tag{color:#f5c96f;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.3);box-shadow:none}
html[data-theme="light"] body.pg-admin .ops-remark-tag{color:#b54708;background:#fffaeb;border-color:#fedf89;box-shadow:none}
html[data-theme="dark"] body.pg-admin .lbox h1 span{background:none!important;color:#f2f3f5!important;text-shadow:none!important}
html[data-theme="light"] body.pg-admin .lbox h1 span{background:linear-gradient(135deg,#3f337d,#735bd2)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}
html[data-theme="dark"] body.pg-admin .toast,
html[data-theme="light"] body.pg-admin .toast{background:#111827eb!important;color:#fff!important;border-color:transparent!important}

@media(max-width:480px){
  .admin-theme-control{min-width:82px;padding:0 5px}.admin-theme-control>i{display:none}.admin-theme-control select{width:70px}
  body.pg-admin .top-user .agent-name{display:none}
  .admin-top-actions{gap:6px}
}

/* iOS 双击缩放禁用(余乐 2026-07-25):连点两下进游戏不再放大页面;保留滚动与双指缩放 */
html, body, body * { touch-action: manipulation; }
/* 防横向溢出露白边(余乐 2026-07-25:切到最后一个厂商Tab时页面右侧空白)。竖屏H5安全 */
html, body { overflow-x: hidden; overflow-x: clip; max-width: 100%; }
/* 厂商长列表会让页面出现纵向滚动条；滚动槽必须继承站点深色底，避免桌面窄视口露出白色竖边。 */
html { background:#07050F; scrollbar-color:rgba(139,92,246,.46) #07050F; }
html::-webkit-scrollbar { width:8px; background:#07050F; }
html::-webkit-scrollbar-track { background:#07050F; }
html::-webkit-scrollbar-thumb { background:rgba(139,92,246,.46); border:2px solid #07050F; border-radius:999px; }