/* WA Panel — 双色系面板样式 (user.html / admin.html 共用)
light (默认): 亮色, 与官网首页 (HyperUI SaaS 模板) 统一 — 白底 + #4C8EFF + 浅灰描边
dark : 原深色毛玻璃 — html[data-theme="dark"] 时生效
切换: 页面 JS 写 documentElement.dataset.theme, localStorage('wa-theme') 记忆 */
:root{
/* 底色: 页面不再是纯白, 改用带一点冷调的浅灰蓝, 卡片保持纯白 ——
白卡片浮在有色底上才有层次, 否则卡片和背景糊成一片。
--bg-glow 是画在**背景**上的品牌蓝柔光(不是浮层), 所以不会给卡片染色。 */
--bg:#f4f7fc;--bg-soft:#eef2f9;--card:#fff;--nav:rgba(255,255,255,.85);
--bg-glow:radial-gradient(900px 420px at 50% -14%,rgba(76,142,255,.18),transparent 62%);
--tx:#111827;--mut:#6b7280;--bd:#e5e7eb;--bdl:#f3f4f6;--soft:#f9fafb;
--ac:#4C8EFF;--acd:#3A7BFF;--acl:#EAF2FF;
--grn:#16a34a;--grn-bg:#e8f9ec;--red:#dc2626;--amb:#d97706;--err-tx:#b91c1c;
--off-bg:#f3f4f6;--slider:#d1d5db;
--input-bg:#fff;--input-bd:#e5e7eb;--input-bd-hover:#d1d5db;--tok-tx:#374151;
--glass-bg:#f3f4f6;--glass-bd:#e5e7eb;--glass-hover:#eceef1;
--toast-bg:#fff;--modal-mask:rgba(17,24,39,.45);
--card-shadow:0 1px 2px rgba(17,24,39,.04);--ring:rgba(76,142,255,.15)
}
html[data-theme="dark"]{
--bg:#0b0e13;--bg-soft:#0b0e13;--card:rgba(255,255,255,.03);--nav:rgba(11,14,19,.82);
--bg-glow:radial-gradient(900px 420px at 50% -14%,rgba(76,142,255,.16),transparent 62%);
--tx:#fff;--mut:rgba(255,255,255,.65);--bd:rgba(255,255,255,.08);--bdl:rgba(255,255,255,.06);--soft:rgba(255,255,255,.05);
--ac:#4C8EFF;--acd:#5AA2FF;--acl:rgba(76,142,255,.18);
--grn:#4CFF4C;--grn-bg:rgba(76,255,76,.14);--red:#ff5c5c;--amb:#ffb84c;--err-tx:#ffb0b0;
--off-bg:rgba(255,255,255,.1);--slider:rgba(255,255,255,.14);
--input-bg:rgba(255,255,255,.03);--input-bd:rgba(255,255,255,.1);--input-bd-hover:rgba(255,255,255,.2);--tok-tx:#9fb3c8;
--glass-bg:rgba(255,255,255,.06);--glass-bd:rgba(255,255,255,.12);--glass-hover:rgba(255,255,255,.12);
--toast-bg:rgba(13,15,18,.95);--modal-mask:rgba(5,6,8,.72);
--card-shadow:none;--ring:rgba(76,142,255,.25)
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
background:var(--bg);background-image:var(--bg-glow);background-repeat:no-repeat;background-attachment:fixed;
color:var(--tx);min-height:100vh}
.hidden{display:none!important}
.mut{color:var(--mut)}.small{font-size:13px}
.grad{background:linear-gradient(90deg,#4C8EFF,#5AA2FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* 顶部导航 (用户面板) */
.nav{position:fixed;top:0;width:100%;padding:14px 36px;display:flex;justify-content:space-between;align-items:center;
background:var(--nav);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd);z-index:10}
.brand{font-size:17px;font-weight:700;display:flex;align-items:center;gap:9px}
/* 标题旁的 GameWarp 图标 (assets/icon.png) */
.brand-logo{width:26px;height:26px;flex:none;display:block;border-radius:7px}
.nav .brand .dot{margin-left:0}
.nav-r{display:flex;align-items:center;gap:18px;font-size:15px}
.nav a,.nav button.linkish{color:var(--tx);text-decoration:none;opacity:.8;background:none;border:none;cursor:pointer;font-size:15px}
.nav a:hover,.nav button.linkish:hover{opacity:1}
/* 下拉触发器: inline-flex 让邮箱文字和 SVG 箭头在同一行垂直居中
(button 默认 inline-block, SVG 会按基线排、和文字高低不齐)。
展开时箭头转 180°, 这是"点它会往下弹"的通用暗示。 */
#navEmailDrop{display:inline-flex;align-items:center;gap:5px}
#navEmailDrop .caret{width:14px;height:14px;flex:none;transition:transform .16s ease}
#navEmailDrop.open .caret{transform:rotate(180deg)}
/* 邮箱下拉菜单 (user.html): 绝对定位挂在 ▼ 按钮下方, 默认被 .hidden 藏住。