/* ============================================================
   9jaWin — Cosmic Casino UI (2026-10-22)
   参考：即时设计「棋盘类游戏UI界面设计」
   范围：登录 / 注册 / 大厅（index）
   · 深色霓虹赌场、3D 牌桌、金色描边、玻璃拟态
   · 只在这些页面加载（header.php 条件引入），不影响其他页面
   ============================================================ */

html:not(.dark) body.cosmic,
html body.cosmic{
  --cx-bg:#05060f;
  --cx-bg2:#0b0a20;
  --cx-panel:rgba(10,12,30,.74);
  --cx-panel2:rgba(16,18,42,.86);
  --cx-line:rgba(255,211,107,.22);
  --cx-line2:rgba(255,255,255,.12);
  --cx-gold:#ffd36b;
  --cx-gold2:#f5a623;
  --cx-purple:#a855f7;
  --cx-purple2:#6d28d9;
  --cx-blue:#38bdf8;
  --cx-blue2:#1d4ed8;
  --cx-pink:#ff4d8d;
  --cx-green:#22c55e;
  --cx-text:#f5f3ff;
  --cx-muted:#9b9bb8;
  --cx-shadow:0 22px 50px -24px rgba(0,0,0,.9);
  background:
    radial-gradient(820px 540px at 12% -8%, rgba(168,85,247,.34), transparent 62%),
    radial-gradient(760px 520px at 100% 8%, rgba(56,189,248,.20), transparent 60%),
    radial-gradient(700px 480px at 50% 112%, rgba(255,77,141,.16), transparent 60%),
    linear-gradient(180deg,#05060f 0%,#0a081c 38%,#0e0a22 72%,#080512 100%) !important;
  color:var(--cx-text) !important;
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}
body.cosmic::before{
  content:"";position:fixed;left:0;right:0;bottom:0;height:min(42vh,380px);
  background:url("img/cx-skyline.svg") center bottom / cover no-repeat;
  opacity:.55;pointer-events:none;z-index:0;
}
body.cosmic::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(120% 80% at 50% 0%, transparent 52%, rgba(0,0,0,.45) 100%),
    linear-gradient(180deg,rgba(5,6,15,.15) 0%,rgba(5,6,15,.05) 55%,rgba(5,6,15,.55) 100%);
}

/* 隐藏站点通用壳 */
body.cosmic .topbar,
body.cosmic .bottomnav,
body.cosmic .footer{display:none !important;}
body.cosmic main.wrap{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;}
body.cosmic .flash{max-width:460px;margin:12px auto 0;position:relative;z-index:20;border-radius:14px;background:rgba(8,10,24,.9);border:1px solid var(--cx-line);color:var(--cx-text);}
body.cosmic .flash-success{border-color:rgba(34,197,94,.45);color:#b9f6ce;}
body.cosmic .flash-error{border-color:rgba(248,113,113,.45);color:#fecaca;}

/* ============================================================
   大厅
   ============================================================ */
.cx-app{
  position:relative;z-index:2;
  max-width:520px;margin:0 auto;min-height:100vh;
  padding:10px 12px 104px;
  display:flex;flex-direction:column;
}

/* ---------- 顶部 HUD ---------- */
.cx-hud{
  display:flex;align-items:center;gap:8px;
  padding:7px 8px;border-radius:18px;
  background:
    linear-gradient(135deg,rgba(52,27,96,.78),rgba(9,10,26,.88));
  border:1px solid rgba(255,211,107,.34);
  box-shadow:0 12px 30px -18px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  position:relative;
}
.cx-hud::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,211,107,.14),transparent 40%);
}
.cx-ava{
  width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 auto;
  border:2px solid var(--cx-gold);background:#1a1030;
  box-shadow:0 0 14px rgba(255,211,107,.35);
  display:flex;align-items:center;justify-content:center;font-size:20px;
}
.cx-ava img{width:100%;height:100%;object-fit:cover;}
.cx-id{flex:1;min-width:0;position:relative;z-index:1;}
.cx-name{font-size:12.5px;font-weight:850;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;}
.cx-sub{display:flex;align-items:center;gap:5px;margin-top:2px;min-width:0;}
.cx-lv{
  font-size:8px;font-weight:900;letter-spacing:.06em;color:#241500;
  background:linear-gradient(135deg,#ffe9a8,#f5a623);padding:2px 5px;border-radius:5px;
  box-shadow:0 2px 6px rgba(245,166,35,.35);white-space:nowrap;
}
.cx-bal{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:850;color:#ffe9a8;white-space:nowrap;font-variant-numeric:tabular-nums;}
.cx-bal i{font-style:normal;font-size:11px;}
.cx-store{
  display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 11px;border-radius:999px;
  background:linear-gradient(135deg,#ffe9a8,#f5a623);color:#2a1800;font-size:9.5px;font-weight:900;
  letter-spacing:.05em;text-decoration:none;box-shadow:0 6px 16px -8px rgba(245,166,35,.9);
  position:relative;z-index:1;white-space:nowrap;
}
.cx-hud-ico{
  width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e8e6ff;
  font-size:14px;text-decoration:none;position:relative;flex:0 0 auto;
}
.cx-hud-ico .dot{
  position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;
  background:#ff4d8d;color:#fff;font-size:8px;font-weight:900;line-height:14px;text-align:center;
  border:1.5px solid #0b0a20;
}

/* 未登录 HUD */
.cx-hud.guest{gap:10px;}
.cx-logo-mini{display:flex;align-items:center;gap:4px;flex:1;min-width:0;}
.cx-logo-mini .mark{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:900;color:#241500;background:linear-gradient(140deg,#ffe9a8,#f5a623);
  box-shadow:0 4px 14px -6px rgba(245,166,35,.9);
}
.cx-logo-mini b{font-size:14px;font-weight:900;color:#fff;letter-spacing:-.02em;}
.cx-hud .cx-login-link{font-size:10px;font-weight:800;color:#e8e6ff;text-decoration:none;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);white-space:nowrap;}
.cx-hud .cx-signup-link{font-size:10px;font-weight:900;color:#2a1800;text-decoration:none;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#ffe9a8,#f5a623);white-space:nowrap;box-shadow:0 6px 16px -8px rgba(245,166,35,.9);}

/* ---------- 跑马灯 ---------- */
.cx-ticker{
  display:flex;align-items:center;gap:7px;margin-top:9px;padding:6px 10px;border-radius:999px;
  background:linear-gradient(90deg,rgba(30,27,75,.86),rgba(9,10,26,.86));
  border:1px solid rgba(56,189,248,.28);
  box-shadow:inset 0 0 18px rgba(56,189,248,.06),0 8px 20px -16px rgba(0,0,0,.9);
  overflow:hidden;position:relative;
}
.cx-ticker .star{
  flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#fff3c4,#f5a623 60%,#a16207);
  color:#2a1800;font-size:10px;box-shadow:0 0 10px rgba(245,166,35,.55);
}
.cx-ticker .txt{flex:1;min-width:0;font-size:10px;font-weight:650;color:#c7d2fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;}
.cx-ticker .txt b{color:#ffe9a8;}

/* ---------- 中央牌桌 ---------- */
.cx-feature{position:relative;height:410px;margin-top:8px;}
.cx-table-stage{
  position:absolute;left:50%;top:30px;width:calc(100% - 64px);max-width:420px;height:330px;
  transform:translateX(-50%);perspective:900px;z-index:2;
}
.cx-table{
  position:absolute;inset:0;
  transform:perspective(900px) rotateX(24deg);
  border-radius:50% / 38%;
  background:
    radial-gradient(ellipse at 50% 36%, rgba(255,120,140,.28), transparent 58%),
    radial-gradient(ellipse at 50% 52%, #c01836 0%, #8a0f26 46%, #4a0714 76%, #26030a 100%);
  border:7px solid #170c1e;
  box-shadow:
    0 0 0 3px #c9a44a,
    0 0 0 10px #24132c,
    0 34px 60px -18px rgba(0,0,0,.85),
    inset 0 0 70px rgba(0,0,0,.55);
}
.cx-table::before{
  content:"";position:absolute;inset:15px;border-radius:50% / 36%;
  border:2px solid rgba(255,211,107,.28);
  box-shadow:inset 0 0 40px rgba(0,0,0,.35);
}
.cx-table::after{
  content:"";position:absolute;left:12%;right:12%;top:8%;height:34%;border-radius:50%;
  background:radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.18),transparent 70%);
  pointer-events:none;
}
.cx-table-glow{
  position:absolute;left:50%;bottom:-14px;width:72%;height:40px;transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(255,60,100,.30),transparent 70%);
  filter:blur(12px);z-index:1;
}
.cx-table-cards{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;gap:5px;z-index:2;opacity:.95;}
.cx-pcard{
  width:34px;height:48px;border-radius:5px;background:linear-gradient(160deg,#fff,#ece8f5);
  box-shadow:0 4px 10px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;color:#b3122e;line-height:1;
}
.cx-pcard.black{color:#15121f;}
.cx-pcard small{font-size:8px;margin-top:2px;}
.cx-table-info{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);
  width:78%;text-align:center;z-index:4;pointer-events:none;
}
.cx-table-info .ico{font-size:38px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));}
.cx-table-info .name{
  margin-top:4px;font-size:20px;font-weight:900;letter-spacing:-.02em;color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.75),0 0 18px rgba(255,211,107,.2);
}
.cx-table-info .meta{font-size:9.5px;font-weight:750;color:#ffe9a8;margin-top:2px;letter-spacing:.04em;}
.cx-table-play{
  pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;
  margin-top:10px;height:36px;padding:0 20px;border-radius:999px;
  background:linear-gradient(135deg,#ffe9a8,#f5a623);color:#2a1800;font-size:11px;font-weight:900;
  letter-spacing:.06em;text-decoration:none;box-shadow:0 8px 20px -10px rgba(245,166,35,.9);
  border:1px solid rgba(255,255,255,.4);
}
.cx-table-play:hover{filter:brightness(1.06);}
.cx-arrow{
  position:absolute;top:auto;bottom:2px;transform:none;z-index:7;
  width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,211,107,.38);
  background:rgba(10,12,30,.78);color:#ffe9a8;font-size:16px;line-height:1;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 6px 16px -10px #000;backdrop-filter:blur(8px);
}
.cx-arrow.l{left:64px;}
.cx-arrow.r{right:64px;}

/* ---------- 左右快捷栏 ---------- */
.cx-rail{
  position:absolute;top:62px;z-index:6;display:flex;flex-direction:column;gap:11px;width:48px;
}
.cx-rail.left{left:0;}
.cx-rail.right{right:0;}
.cx-rail a{
  display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;
  color:#cbbff2;font-size:7px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;
  text-align:center;text-shadow:0 1px 5px #000;
}
.cx-orb{
  position:relative;width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:17px;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.24),transparent 42%),
    linear-gradient(150deg,#4c1d95,#1e1b4b 70%,#0f0a20);
  border:1px solid rgba(255,211,107,.48);
  box-shadow:0 0 13px rgba(168,85,247,.42), inset 0 0 8px rgba(255,255,255,.12);
}
.cx-rail a:nth-child(even) .cx-orb{
  border-color:rgba(56,189,248,.48);
  box-shadow:0 0 13px rgba(56,189,248,.35), inset 0 0 8px rgba(255,255,255,.12);
}
.cx-orb .bdg{
  position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;
  background:#ff4d8d;color:#fff;font-size:8px;font-weight:900;line-height:15px;text-align:center;
  border:1.5px solid #0b0a20;
}

/* ---------- 底部两张主卡 ---------- */
.cx-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 0;position:relative;z-index:8;padding-top:6px;}
.cx-card{
  position:relative;min-height:164px;border-radius:20px;padding:12px 12px 12px;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;gap:5px;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 18px 36px -20px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.22);
}
.cx-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(140px 100px at 80% 0%,rgba(255,255,255,.24),transparent 60%),
    linear-gradient(120deg,rgba(255,255,255,.14),transparent 35%);
}
.cx-card.blue{background:linear-gradient(160deg,#0ea5e9 0%,#1d4ed8 42%,#1e1b4b 100%);}
.cx-card.gold{background:linear-gradient(160deg,#fbbf24 0%,#d97706 44%,#451a03 100%);}
.cx-card .big{
  position:absolute;right:-6px;top:-10px;font-size:72px;line-height:1;opacity:.20;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));pointer-events:none;
}
.cx-card h3{position:relative;font-size:14px;font-weight:900;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1.15;}
.cx-card p{position:relative;font-size:8.5px;font-weight:650;color:rgba(255,255,255,.82);line-height:1.35;letter-spacing:.01em;}
.cx-card .go{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  height:30px;padding:0 12px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.05em;
  text-decoration:none;align-self:flex-start;margin-top:4px;box-shadow:0 6px 14px -8px rgba(0,0,0,.6);
}
.cx-card.blue .go{background:#67e8f9;color:#062a3a;}
.cx-card.gold .go{background:#fef3c7;color:#4a2a00;}

/* ---------- 底部 Dock ---------- */
.cx-dock{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:50;
  width:100%;max-width:520px;display:flex;justify-content:space-around;align-items:center;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(8,10,26,.66),rgba(4,5,14,.97));
  border-top:1px solid rgba(255,211,107,.18);
  box-shadow:0 -18px 40px -24px rgba(0,0,0,.9);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.cx-dock a{
  display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;
  color:#8b8fa8;font-size:8px;font-weight:850;letter-spacing:.03em;text-transform:uppercase;
  min-width:54px;padding:5px 4px 3px;border-radius:12px;transition:color .15s,background .15s;
}
.cx-dock a i{font-size:18px;font-style:normal;line-height:1.1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));}
.cx-dock a.on{color:#ffd36b;background:rgba(255,211,107,.08);text-shadow:0 0 10px rgba(255,211,107,.5);}
.cx-dock a.on i{filter:drop-shadow(0 0 10px rgba(255,211,107,.55));}

/* ============================================================
   登录 / 注册（宇宙版）
   ============================================================ */
.cx-login{
  position:relative;z-index:2;max-width:520px;margin:0 auto;min-height:100vh;
  padding:64px 18px 26px;display:flex;flex-direction:column;
  overflow-x:hidden;overflow-y:auto;
}
.cx-login::after{
  content:"";position:absolute;left:50%;bottom:-150px;width:150%;height:380px;transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,120,140,.28),transparent 55%),
    radial-gradient(ellipse at 50% 40%,#a3122c 0%,#5a0718 55%,#24030b 100%);
  box-shadow:0 0 0 8px #c9a44a,0 0 0 20px #1a1020,0 -10px 70px rgba(255,60,100,.25);
  z-index:-1;pointer-events:none;
}
.cx-login-top{display:flex;align-items:center;justify-content:space-between;position:absolute;top:16px;left:18px;right:18px;z-index:5;}
.cx-back{
  width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(10,12,30,.72);border:1px solid rgba(255,211,107,.28);color:#ffe9a8;
  text-decoration:none;font-size:17px;backdrop-filter:blur(10px);
}
.cx-help{
  width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(10,12,30,.72);border:1px solid rgba(255,255,255,.14);color:#c7d2fe;
  text-decoration:none;font-size:15px;backdrop-filter:blur(10px);
}
.cx-brand{margin-top:5vh;text-align:center;position:relative;z-index:2;}
.cx-brand::before{
  content:"";position:absolute;left:50%;top:42%;width:290px;height:230px;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(168,85,247,.32),rgba(56,189,248,.10) 45%,transparent 70%);
  filter:blur(10px);z-index:-1;pointer-events:none;
}
.cx-float{position:absolute;left:0;right:0;top:30%;height:150px;pointer-events:none;z-index:1;}
.cx-float .pc{
  position:absolute;width:42px;height:60px;border-radius:6px;
  background:linear-gradient(160deg,#fff,#efe8ff);color:#b3122e;
  box-shadow:0 12px 24px -12px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.9);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:15px;font-weight:900;line-height:1;
}
.cx-float .pc small{font-size:9px;margin-top:2px;}
.cx-float .pc.black{color:#15121f;}
.cx-float .pc:nth-child(1){left:9%;top:18px;transform:rotate(-14deg);}
.cx-float .pc:nth-child(2){right:11%;top:48px;transform:rotate(12deg);}
.cx-float .chip{
  position:absolute;width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;color:#fff;
  border:4px solid rgba(255,255,255,.82);
  box-shadow:0 12px 26px -12px rgba(0,0,0,.8),inset 0 0 12px rgba(0,0,0,.35);
}
.cx-float .chip.gold{right:19%;top:-2px;background:radial-gradient(circle at 35% 30%,#ffe9a8,#f5a623 55%,#b45309);text-shadow:0 1px 2px rgba(0,0,0,.4);}
.cx-float .chip.red{left:17%;top:92px;background:radial-gradient(circle at 35% 30%,#ff8a9a,#ef4444 55%,#7f1d1d);}
.cx-logo{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-size:clamp(38px,12vw,54px);font-weight:900;line-height:1;letter-spacing:-.045em;
  background:linear-gradient(180deg,#fff 0%,#fff6d6 38%,#ffd36b 62%,#f5a623 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 16px rgba(245,166,35,.45));
  transform:skewX(-6deg);
}
.cx-logo .mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:1.02em;height:1.02em;border-radius:.22em;margin-right:.06em;
  background:linear-gradient(140deg,#ffe9a8,#f5a623);
  -webkit-text-fill-color:#241500;color:#241500;
  font-size:.62em;transform:skewX(6deg);
  box-shadow:0 6px 18px -8px rgba(245,166,35,.9);
}
.cx-tagline{
  margin-top:8px;font-size:9.5px;font-weight:850;letter-spacing:.34em;text-transform:uppercase;
  color:#d8c7ff;text-shadow:0 0 14px rgba(168,85,247,.55);
}
.cx-bonus{
  margin-top:14px;font-size:11px;font-weight:900;letter-spacing:.08em;text-align:center;
  color:#ffe9a8;text-shadow:0 0 12px rgba(245,166,35,.55);
}
.cx-bonus b{color:#ff8ab3;text-shadow:0 0 12px rgba(255,77,141,.5);}
.cx-login-actions{width:100%;max-width:340px;margin:auto auto 0;position:relative;z-index:3;padding-top:18px;}
.cx-auth-btn{
  width:100%;height:52px;display:flex;align-items:center;gap:11px;padding:0 14px;
  border-radius:999px;background:rgba(255,255,255,.97);color:#0b0b16;
  border:1px solid rgba(255,255,255,.75);cursor:pointer;font-family:inherit;
  font-size:13.5px;font-weight:850;text-align:left;
  box-shadow:0 12px 26px -14px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.9);
  margin-bottom:9px;transition:transform .12s,box-shadow .15s,background .15s;
}
.cx-auth-btn:active{transform:scale(.985);}
.cx-auth-btn.on{box-shadow:0 0 0 2px #ffd36b,0 12px 26px -14px #000;background:#fffdf5;}
.cx-auth-btn .ic{
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:15px;background:#f1f5f9;flex:0 0 auto;
}
.cx-auth-btn .ic.mail{background:#e0f2fe;color:#0369a1;}
.cx-auth-btn .ic.phone{background:#dcfce7;color:#15803d;}
.cx-auth-btn .ic.code{background:#fef3c7;color:#b45309;}
.cx-auth-btn .ar{margin-left:auto;color:#b0b6c5;font-size:16px;}
.cx-auth-form{
  width:100%;max-width:340px;margin:8px auto 0;padding:14px;position:relative;z-index:3;
  background:rgba(7,9,22,.82);border:1px solid rgba(255,211,107,.24);border-radius:20px;
  box-shadow:0 24px 50px -26px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.cx-auth-form label{display:block;font-size:10.5px;font-weight:800;color:#cbbff2;margin:9px 0 5px;letter-spacing:.02em;}
html body.cosmic .cx-auth-form input[type=text],
html body.cosmic .cx-auth-form input[type=email],
html body.cosmic .cx-auth-form input[type=password],
html body.cosmic .cx-auth-form input[type=tel]{
  width:100%;height:44px;border-radius:999px !important;padding:0 16px !important;
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;font-size:13.5px !important;box-shadow:inset 0 1px 4px rgba(0,0,0,.3) !important;
}
.cx-auth-form input::placeholder{color:#7d7f9a;}
.cx-auth-form input:focus{border-color:#ffd36b !important;box-shadow:0 0 0 3px rgba(255,211,107,.16) !important;}
body.cosmic .cx-auth-form .pw-wrap input{padding-right:44px !important;}
body.cosmic .cx-auth-form .pw-eye{color:#9b9bb8;}
body.cosmic .cx-auth-form .btn{
  width:100%;height:40px;background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;color:#e8e6ff !important;border-radius:999px !important;
}
.cx-auth-form .btn-login{
  width:100%;height:46px;margin-top:14px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(135deg,#ffe9a8,#f5a623);color:#2a1800;font-family:inherit;
  font-size:13.5px;font-weight:900;letter-spacing:.04em;
  box-shadow:0 10px 24px -12px rgba(245,166,35,.95);
}
.cx-auth-form .btn-login:hover{filter:brightness(1.05);}
.cx-auth-links{display:flex;justify-content:space-between;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:11px;width:100%;max-width:340px;margin-left:auto;margin-right:auto;position:relative;z-index:3;padding:0 2px;}
.cx-auth-links a{font-size:10.5px;font-weight:750;color:#cbbff2;text-decoration:none;white-space:nowrap;}
.cx-auth-links a.gold{color:#ffd36b;}
.cx-auth-legal{
  margin-top:16px;text-align:center;font-size:9px;color:#7d7f9a;line-height:1.7;position:relative;z-index:3;
}
.cx-auth-legal a{color:#a9a3c9;text-decoration:none;}

/* 登录页的表单切换 */
.cx-pane{display:none;}
.cx-pane.on{display:block;}

/* 注册页：沿用同一套深色表单 */
body.cosmic .formbox{
  background:rgba(7,9,22,.84) !important;border:1px solid rgba(255,211,107,.24) !important;
  box-shadow:0 28px 60px -28px rgba(0,0,0,.95) !important;border-radius:22px !important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  margin-top:7vh !important;position:relative;z-index:3;
}
body.cosmic .formbox h1,body.cosmic .formbox label{color:#f5f3ff !important;}
html body.cosmic .formbox input,
html body.cosmic .formbox select,
html body.cosmic .formbox textarea{
  background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.16) !important;color:#fff !important;
  border-radius:999px !important;
}
body.cosmic .formbox input::placeholder{color:#7d7f9a;}
body.cosmic .formbox .hint{color:#9b9bb8 !important;}
body.cosmic .formbox .hint a,body.cosmic .formbox a{color:#ffd36b !important;}
body.cosmic .formbox summary{color:#ffd36b !important;}
body.cosmic .formbox hr{border-top-color:rgba(255,255,255,.12) !important;}
body.cosmic .formbox .btn{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.16) !important;color:#f5f3ff !important;}
body.cosmic .formbox .btn-primary{background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;color:#2a1800 !important;border:0 !important;}
body.cosmic .ui-seg{background:rgba(255,255,255,.07);}
body.cosmic .ui-seg button{color:#b9b3d6;}
body.cosmic .ui-seg button.on{background:rgba(255,255,255,.92);color:#0b0b16;}
body.cosmic .formbox .btn-primary{background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;color:#2a1800 !important;font-weight:900;border:0;}

/* ============================================================
   弹层 / 音乐 / 中奖条 的宇宙皮肤
   ============================================================ */
body.cosmic #ngRulesBox{
  background:#0b0d20 !important;border:1px solid rgba(255,211,107,.28) !important;color:#f5f3ff !important;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.95) !important;
}
body.cosmic #ngRulesTitle{color:#ffe9a8 !important;}
body.cosmic #ngRulesBody{color:#cbbff2 !important;}
body.cosmic #ngRulesModal{background:rgba(3,4,12,.78) !important;backdrop-filter:blur(6px);}
body.cosmic .ngfd-card{background:#0b0d20 !important;border:1px solid rgba(255,211,107,.3) !important;}
body.cosmic .ngfd-top{background:radial-gradient(400px 180px at 80% -40%,rgba(255,255,255,.2),transparent 60%),linear-gradient(135deg,#4c1d95,#1e1b4b) !important;}
body.cosmic .ngfd-body{background:#0b0d20;}
body.cosmic .ngfd-amount{background:rgba(255,211,107,.10) !important;border-color:#ffd36b !important;color:#ffe9a8 !important;}
body.cosmic .ngfd-step{color:#cbbff2 !important;}
body.cosmic .ngfd-cta{background:linear-gradient(135deg,#ffe9a8,#f5a623) !important;color:#2a1800 !important;}
body.cosmic .ngfd-later{color:#8b8fa8 !important;}
body.cosmic #bgmBtn{display:none !important;}
body.cosmic #winbanner{
  bottom:82px !important;max-width:500px !important;
  background:linear-gradient(135deg,#3b0764,#1e1b4b) !important;
  border:1px solid rgba(255,211,107,.35) !important;color:#ffe9a8 !important;
  box-shadow:0 18px 40px -18px #000 !important;
}
body.cosmic #winbanner #winbanner-link{color:#7dd3fc !important;}

/* ============================================================
   手机 / 窄屏
   ============================================================ */
@media (min-width:431px){
  .cx-float{display:none;}
}
@media (min-width:700px){
  .cx-app{justify-content:center;padding-top:16px;padding-bottom:88px;}
  .cx-cards{margin-top:14px;}
  .cx-login{max-width:460px;justify-content:center;padding-top:70px;}
  .cx-brand{margin-top:0;}
  .cx-login-actions{margin:26px auto 0;padding-top:0;}
  .cx-float{display:none;}
}
@media (max-width:420px){
  .cx-app{padding:8px 10px 98px;}
  .cx-hud{gap:6px;padding:6px;}
  .cx-ava{width:38px;height:38px;}
  .cx-store{height:29px;padding:0 9px;font-size:8.5px;}
  .cx-hud-ico{width:28px;height:28px;font-size:13px;}
  .cx-name{font-size:11.5px;}
  .cx-bal{font-size:10.5px;}
  .cx-feature{height:380px;}
  .cx-table-stage{width:calc(100% - 52px);height:300px;top:26px;}
  .cx-table-info .name{font-size:18px;}
  .cx-table-info .ico{font-size:34px;}
  .cx-table-play{height:33px;padding:0 17px;font-size:10px;}
  .cx-rail{width:44px;gap:9px;top:56px;}
  .cx-orb{width:35px;height:35px;font-size:15px;}
  .cx-rail a{font-size:6.5px;}
  .cx-cards{gap:8px;}
  .cx-card{min-height:150px;padding:11px;border-radius:17px;}
  .cx-card h3{font-size:13px;}
  .cx-card p{font-size:8px;}
  .cx-card .big{font-size:60px;}
  .cx-dock a{min-width:48px;font-size:7.5px;}
  .cx-dock a i{font-size:17px;}
  .cx-login{padding:12px 14px 22px;}
  .cx-brand{margin-top:4vh;}
  .cx-auth-btn{height:50px;}
  .cx-auth-form{padding:12px;}
}
@media (max-height:700px){
  .cx-brand{margin-top:1.5vh;}
  .cx-feature{height:340px;}
  .cx-table-stage{height:270px;top:20px;}
  .cx-rail{top:46px;gap:7px;}
  .cx-orb{width:33px;height:33px;font-size:14px;}
  .cx-card{min-height:136px;}
}