/* ============ 抖音续火花系统 前台样式 (晴空白蓝版) ============ */
:root{--brand:#2563eb;--brand2:#3b82f6;--accent:#ff6a3d;--bg:#eef4ff;--bg2:#ffffff;--card:#ffffff;--line:#dbe7fa;--txt:#16233f;--muted:#64748f;--ok:#16a34a;--warn:#d97706;--radius:14px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#eaf2ff 0%,#f6f9ff 340px,#f6f9ff 100%);color:var(--txt);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.28)}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.36)}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--txt)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-sm{padding:6px 14px;font-size:13px;border-radius:8px}
.btn-danger{background:#fdeceb;color:#dc2626;border:1px solid #f6c8c5}
.btn-ok{background:#e7f7ee;color:#16a34a;border:1px solid #bfe8d0}

/* 顶部导航 */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;height:64px;gap:32px}
.logo{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px;color:#16233f}
.logo .fire{font-size:22px}
.nav-links{display:flex;gap:26px;font-size:14px;color:var(--muted)}
.nav-links a:hover{color:var(--brand)}
.nav-right{margin-left:auto;display:flex;gap:12px;align-items:center}

/* Hero */
.hero{padding:80px 0 64px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-40% -20% auto;height:140%;background:radial-gradient(620px 300px at 28% 18%,rgba(59,130,246,.14),transparent),radial-gradient(520px 280px at 76% 28%,rgba(99,102,241,.10),transparent);pointer-events:none}
.hero h1{font-size:44px;font-weight:800;letter-spacing:1px;color:#101c38}
.hero h1 em{font-style:normal;background:linear-gradient(120deg,#3b82f6,#6366f1 55%,#ff6a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{color:var(--muted);font-size:17px;margin:18px 0 34px}
.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:44px;flex-wrap:wrap}
.hero-stats .it b{font-size:26px;display:block;color:#16233f}
.hero-stats .it span{color:var(--muted);font-size:13px}
.badge-flow{margin-top:40px;display:inline-flex;align-items:center;gap:10px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.3);color:#16a34a;padding:8px 18px;border-radius:99px;font-size:13px}
.pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* 通用 section */
section.block{padding:70px 0}
section.block.alt{background:#ffffff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-title{text-align:center;margin-bottom:44px}
.sec-title .tag{color:var(--brand);font-size:13px;letter-spacing:2px;font-weight:700}
.sec-title h2{font-size:30px;margin-top:8px;color:#101c38}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 2px 10px rgba(37,99,235,.05)}
.card h3{font-size:16px;margin-bottom:10px;color:#16233f}
.card p,.card li{color:var(--muted);font-size:14px}
.card ul{list-style:none;margin-top:8px}
.card li::before{content:"✓";color:var(--ok);margin-right:8px;font-weight:700}
.step-num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px;color:#fff}

/* 价格 */
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;transition:.2s;box-shadow:0 2px 10px rgba(37,99,235,.05)}
.plan:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 14px 30px rgba(37,99,235,.14)}
.plan .nm{font-size:14px;color:var(--muted)}
.plan .pr{font-size:30px;font-weight:800;margin:10px 0 2px;color:#101c38}
.plan .pr small{font-size:13px;color:var(--muted);font-weight:400}
.plan ul{list-style:none;margin:14px 0 18px;text-align:left}
.plan li{font-size:13px;color:var(--muted);padding:4px 0}
.plan li::before{content:"✓";color:var(--brand);margin-right:8px}
.faq{max-width:760px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;font-size:15px;color:#16233f}
.faq p{color:var(--muted);font-size:14px;margin-top:10px}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:13px;text-align:center;background:#fff}

/* ============ 表单页(登录/注册) ============ */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(760px 380px at 18% 0%,rgba(59,130,246,.14),transparent),radial-gradient(700px 380px at 92% 100%,rgba(99,102,241,.10),transparent),linear-gradient(180deg,#eaf2ff,#f7faff)}
.auth-card{width:420px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px 34px;box-shadow:0 24px 60px rgba(37,99,235,.12)}
.auth-card h1{font-size:22px;margin-bottom:6px;color:#101c38}
.auth-card .sub{color:var(--muted);font-size:13px;margin-bottom:24px}
.fld{margin-bottom:16px}
.fld label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;background:#f7faff;border:1px solid var(--line);border-radius:10px;padding:11px 14px;color:var(--txt);font-size:14px;outline:none;transition:.2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.fld textarea{min-height:80px;resize:vertical}
.btn-block{width:100%}
.auth-alt{text-align:center;margin-top:16px;font-size:13px;color:var(--muted)}
.auth-alt a{color:var(--brand);font-weight:600}
.msg-tip{display:none;background:#fff7e8;border:1px solid #f5d9a0;color:#b45309;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px}

/* ============ 控制台 ============ */
.console{display:flex;min-height:100vh}
.side{width:220px;background:#ffffff;border-right:1px solid var(--line);padding:20px 12px;position:fixed;inset:0 auto 0 0;z-index:40}
.side .logo{padding:8px 12px 22px}
.side nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:var(--muted);font-size:14px;margin-bottom:4px}
.side nav a.on,.side nav a:hover{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(37,99,235,.16));color:var(--brand);font-weight:600}
.main{margin:0 auto 0 262px;flex:1;padding:28px 32px;max-width:1100px}
.main h2{font-size:21px;margin-bottom:20px;color:#101c38}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 2px 10px rgba(37,99,235,.05)}
.stat b{font-size:24px;display:block;color:#101c38}
.stat span{font-size:12px;color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:20px;box-shadow:0 2px 10px rgba(37,99,235,.05)}
.panel h3{font-size:15px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;color:#16233f}
table{width:100%;border-collapse:collapse;font-size:13px}
th{color:var(--muted);text-align:left;font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px;border-bottom:1px solid #edf3fd;vertical-align:middle;color:var(--txt)}
tr:hover td{background:#f4f8ff}
.tag{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px}
.tag-ok{background:#e7f7ee;color:#16a34a}
.tag-bad{background:#fdeceb;color:#dc2626}
.tag-warn{background:#fff5e5;color:#b45309}
.tag-mut{background:#eef2f8;color:var(--muted)}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.actions{display:flex;gap:8px;flex-wrap:wrap}

/* 弹窗 */
.modal-mask{position:fixed;inset:0;background:rgba(22,35,63,.45);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal-mask.show{display:flex}
.modal{width:460px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;max-height:88vh;overflow:auto;box-shadow:0 30px 80px rgba(22,35,63,.25)}
.modal h3{margin-bottom:16px;color:#101c38}
.modal .close-x{float:right;cursor:pointer;color:var(--muted);font-size:18px}
.tabs{display:flex;gap:8px;margin-bottom:18px}
.tabs button{flex:1;background:#f7faff;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:9px;font-size:13px;cursor:pointer}
.tabs button.on{background:rgba(37,99,235,.1);border-color:var(--brand);color:var(--brand);font-weight:600}
.qr-box{text-align:center;padding:10px 0}
.qr-box img{width:200px;height:200px;border-radius:12px;background:#fff;padding:8px}
.qr-status{margin-top:12px;font-size:13px;color:var(--muted)}
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);padding:10px 22px;border-radius:10px;font-size:14px;z-index:200;display:none;box-shadow:0 12px 32px rgba(22,35,63,.16);color:var(--txt)}
.toast.ok{border-color:rgba(22,163,74,.5)}
.toast.bad{border-color:rgba(220,38,38,.5)}
.pager{display:flex;gap:8px;justify-content:center;margin-top:18px}
.pager a{padding:6px 14px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--muted);background:#fff}
.pager a.on{color:var(--brand);border-color:var(--brand)}
.empty{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}

/* 快捷操作入口卡 */
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.qcard{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:16px;background:#fff;border:1.5px solid var(--line);text-decoration:none;box-shadow:0 8px 24px rgba(37,99,235,.07);transition:.25s;position:relative;overflow:hidden}
.qcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#2563eb)}
.qcard.buy::before{background:linear-gradient(180deg,#ff9a3d,#ff2d78)}
.qcard:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(37,99,235,.14);border-color:#b9d2f7}
.qico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:25px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(99,102,241,.12));border:1px solid rgba(59,130,246,.22);flex-shrink:0}
.qcard.buy .qico{background:linear-gradient(135deg,rgba(255,154,61,.14),rgba(255,45,120,.12));border-color:rgba(255,106,61,.28)}
.qcard .t{font-size:15.5px;font-weight:800;color:#101c38}
.qcard .d{font-size:12.5px;color:var(--muted);margin-top:3px}
.qcard .go{margin-left:auto;color:var(--brand);font-size:20px;font-weight:700}
.qcard.buy .go{color:#ff5f3d}

/* 控制台移动端顶栏(退出登录) */
.m-topbar{display:none}
.m-burger{display:none;background:none;border:none;font-size:22px;color:var(--txt);cursor:pointer;padding:4px 8px;line-height:1}
.m-drawer{display:none}
@media(max-width:900px){
  .console{display:block}
  .m-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px;position:sticky;top:0;z-index:45}
  .m-burger{display:block}
  .m-drawer{display:block;position:fixed;inset:0;z-index:100;background:rgba(247,250,255,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:.3s}
  .m-drawer.on{opacity:1;pointer-events:auto}
  .m-drawer nav{display:flex;flex-direction:column;gap:6px;padding:86px 30px 20px}
  .m-drawer nav a{color:var(--txt);text-decoration:none;font-size:19px;font-weight:700;padding:13px 8px;border-bottom:1px solid var(--line)}
  .m-drawer nav a:active{color:var(--brand)}
  .m-drawer .m-plan{margin:18px 30px;padding:16px;border:1.5px solid var(--line);border-radius:14px;background:#fff}
  .m-drawer::before{content:'✕';position:absolute;top:16px;right:24px;font-size:26px;color:var(--txt)}
  .quick-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .grid4,.plans-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}
  .grid3{grid-template-columns:1fr}
  .side{display:none}.main{margin-left:0;padding:20px}
  .hero h1{font-size:30px}
}
/* ===== V1.16 侧边栏皮肤(对齐老系统 ec137) ===== */
.side-new{width:262px;padding:18px 14px}
.side-new .logo{padding:4px 10px 16px;font-weight:800;font-size:17px}
.side-new .ucard{display:flex;align-items:center;gap:12px;padding:14px 14px;border-radius:16px;background:linear-gradient(135deg,#e8f1ff 0%,#f4f9ff 60%,#eef6ff 100%);border:1px solid #dbe8ff;margin-bottom:6px}
.side-new .uav{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#4f8bff,#2563eb);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 10px rgba(37,99,235,.28)}
.side-new .uav .dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2.5px solid #fff}
.side-new .uinfo{display:flex;flex-direction:column;gap:5px;min-width:0}
.side-new .uname{font-size:14.5px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-new .badge{align-self:flex-start;font-size:11px;font-weight:600;color:#2563eb;background:rgba(59,130,246,.13);border-radius:999px;padding:2px 9px}
.side-new .group{font-size:12px;color:#94a3b8;margin:14px 12px 8px;letter-spacing:.5px}
.side-new nav a{position:relative;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:12px;color:#64748b;font-size:14.2px;margin-bottom:3px;transition:background .15s,color .15s}
.side-new nav a .ic{display:flex;width:18px;height:18px;flex:0 0 18px}
.side-new nav a .ic svg{width:18px;height:18px}
.side-new nav a:hover{background:#f1f6ff;color:#2563eb}
.side-new nav a.on{background:linear-gradient(135deg,rgba(59,130,246,.11),rgba(37,99,235,.15));color:#2563eb;font-weight:700}
.side-new nav a.on::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:3.5px;border-radius:3px;background:#2563eb}
.side-new .side-plan{margin:18px 10px 0;padding:13px 14px;border-radius:14px;background:#f8fafc;border:1px dashed #dbe3ee}
.side-new .sp-k{font-size:11.5px;color:#94a3b8}
.side-new .sp-v{font-size:14px;font-weight:700;color:#1e293b;margin-top:3px}
.side-new .sp-e{font-size:11.5px;color:#94a3b8;margin-top:2px}
.side-new .side-logout{display:flex;align-items:center;gap:10px;margin:16px 10px 2px;padding:10px 14px;border-radius:12px;color:#94a3b8;font-size:13.5px}
.side-new .side-logout svg{width:16px;height:16px}
.side-new .side-logout:hover{background:#fef2f2;color:#dc2626}
.m-drawer .drawer-inner{width:min(78vw,300px);height:100%;background:#fff;padding:18px 14px;overflow-y:auto}
/* V1.16b: fix mobile drawer legacy overlap */
.drawer-inner.side-new nav{display:flex;flex-direction:column;gap:1px;padding:2px 0 10px}
.drawer-inner.side-new nav a{border-bottom:none}

/* ===== V1.26 移动端表格: 横向滚动防溢出(6列表格在窄屏不再撑爆页面) ===== */
@media(max-width:900px){
  .panel{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .panel table{min-width:560px}
  .panel td{white-space:nowrap}
  .panel td div[style*='display:flex']{min-width:130px}
}

/* ===== V1.32 暖阳汉堡皮肤(仅控制台: body:has(.console)) ===== */
body:has(.console){background:
  radial-gradient(900px 520px at 88% -8%, rgba(255,154,61,.17), transparent 62%),
  radial-gradient(720px 480px at -8% 24%, rgba(255,45,120,.09), transparent 60%),
  radial-gradient(820px 520px at 52% 118%, rgba(139,92,246,.11), transparent 60%),
  linear-gradient(180deg,#fff6ee 0%,#fffaf4 340px,#fdfaf6 100%)}
body:has(.console)::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(255,138,76,.12) 1.2px, transparent 1.3px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 40%);
          mask-image:linear-gradient(180deg,#000 0,transparent 40%)}
.console{position:relative;z-index:1}
/* 顶栏与 logo */
.side{border-right-color:#ffe3d0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.m-topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #ffe3d0}
.side-new .logo,.m-topbar .logo{background:linear-gradient(120deg,#ff7a3d,#ff2d78 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.side-new .ucard{background:linear-gradient(135deg,#fff1e4 0%,#ffeef3 55%,#fff5ea 100%);border-color:#ffd9c2}
.side-new .uav{background:linear-gradient(135deg,#ff9a3d,#ff2d78);box-shadow:0 4px 10px rgba(255,84,112,.3)}
.side-new .badge{color:#ea580c;background:rgba(255,106,61,.14)}
.side-new nav a:hover{background:#fff3ea;color:#ea580c}
.side-new nav a.on{background:linear-gradient(135deg,rgba(255,138,76,.15),rgba(255,45,120,.12));color:#ea580c;font-weight:700}
.side-new nav a.on::before{background:linear-gradient(180deg,#ff9a3d,#ff2d78)}
.side-new .side-plan{background:#fff8f2;border-color:#ffd9c2}
/* 页标题渐变竖条 */
.main h2{display:flex;align-items:center;gap:10px}
.main h2::before{content:'';width:5px;height:21px;border-radius:4px;background:linear-gradient(180deg,#ff9a3d,#ff2d78);box-shadow:0 3px 8px rgba(255,106,61,.35);flex:0 0 5px}
/* 公告/欢迎横幅 → 火焰渐变卡 */
.msg-tip{background:linear-gradient(120deg,#ff8a4c,#ff5470 58%,#ff2d78)!important;border:0!important;color:#fff!important;border-radius:14px!important;padding:14px 46px 14px 18px!important;font-size:14px!important;font-weight:600;box-shadow:0 10px 26px rgba(255,84,112,.28);position:relative;overflow:hidden}
.msg-tip::after{content:'\1F525';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:22px;opacity:.9}
/* 统计卡四色 */
.stat{position:relative;overflow:hidden;border-color:#ffe3d0;box-shadow:0 6px 18px rgba(255,122,61,.07);transition:.22s}
.stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4.5px}
.stat:nth-child(1)::before{background:linear-gradient(180deg,#38bdf8,#2563eb)}
.stat:nth-child(2)::before{background:linear-gradient(180deg,#a78bfa,#7c3aed)}
.stat:nth-child(3)::before{background:linear-gradient(180deg,#ffb648,#ff6a3d)}
.stat:nth-child(4)::before{background:linear-gradient(180deg,#4ade80,#16a34a)}
.stat b{font-weight:800}
.stat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(255,122,61,.15)}
/* 面板/表格暖化 */
.panel,.card{border-color:#ffe3d0;box-shadow:0 6px 18px rgba(255,122,61,.06)}
.panel h3{color:#7c2d12}
tr:hover td{background:#fff7ef}
.qcard{border-color:#ffe3d0}

/* ===== V1.32b 强化版: 统计卡整卡渐变彩底 ===== */
.stat{border:0!important;color:#fff}
.stat:nth-child(1){background:linear-gradient(135deg,#ff9a3d 0%,#ff5470 100%);box-shadow:0 10px 24px rgba(255,84,112,.32)}
.stat:nth-child(2){background:linear-gradient(135deg,#a78bfa 0%,#6d28d9 100%);box-shadow:0 10px 24px rgba(124,58,237,.30)}
.stat:nth-child(3){background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);box-shadow:0 10px 24px rgba(37,99,235,.30)}
.stat:nth-child(4){background:linear-gradient(135deg,#34d399 0%,#059669 100%);box-shadow:0 10px 24px rgba(5,150,105,.28)}
.stat::after{position:absolute;right:10px;top:4px;font-size:34px;opacity:.32;filter:saturate(1.4)}
.stat:nth-child(1)::after{content:'\1F4F1'}
.stat:nth-child(2)::after{content:'\23F0'}
.stat:nth-child(3)::after{content:'\1F525'}
.stat:nth-child(4)::after{content:'\1F48E'}
.stat b{color:#fff!important;font-size:30px!important;font-weight:800!important;text-shadow:0 2px 8px rgba(0,0,0,.12)}
.stat span{color:rgba(255,255,255,.92)!important;font-size:12.5px!important;font-weight:600}
.stat::before{display:none}
/* 欢迎横幅加斜纹装饰 */
.msg-tip::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.09) 0 10px,transparent 10px 24px);pointer-events:none}
.msg-tip{font-size:14.5px!important;padding:16px 52px 16px 18px!important}
/* 快捷卡图标更饱和 */
.qico{font-size:27px}
.qcard .qico{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(99,102,241,.16));border-color:rgba(99,102,241,.3)}
.qcard.buy .qico{background:linear-gradient(135deg,rgba(255,154,61,.22),rgba(255,45,120,.18));border-color:rgba(255,106,61,.36)}
.qcard:hover{border-color:#ffc9a8}
/* 移动端顶栏渐变描边 */
.m-topbar{box-shadow:0 2px 0 0 linear-gradient(90deg,transparent,#ff9a3d,transparent)}
.m-topbar::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2.5px;background:linear-gradient(90deg,transparent 8%,#ff9a3d 30%,#ff2d78 70%,transparent 92%)}
.m-topbar{position:sticky}
.m-topbar>*{position:relative;z-index:1}
/* 背景光斑加强 + 漂浮大圆 */
body:has(.console){background:
  radial-gradient(1000px 560px at 90% -10%, rgba(255,138,61,.24), transparent 62%),
  radial-gradient(760px 520px at -10% 26%, rgba(255,45,120,.13), transparent 60%),
  radial-gradient(900px 560px at 50% 120%, rgba(139,92,246,.15), transparent 62%),
  linear-gradient(180deg,#fff3e8 0%,#fff8f0 340px,#fdf9f4 100%)}
body:has(.console)::after{content:'';position:fixed;right:-90px;top:16%;width:230px;height:230px;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 32% 30%, rgba(255,183,120,.35), rgba(255,138,76,.10) 60%, transparent 75%);
  border:1.5px dashed rgba(255,138,76,.25);animation:hhFloat 9s ease-in-out infinite}
@keyframes hhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
/* 面板标题小图标点 */
.panel h3::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ff9a3d,#ff2d78);margin-right:8px;vertical-align:2px}

/* ===== V1.32c 高级版: 去 emoji 水印, 低饱和深渐变 + 柔光圆弧 ===== */
.stat::after{display:none!important}
.stat:nth-child(1){background:linear-gradient(140deg,#f97362 0%,#e11d48 100%);box-shadow:0 12px 26px rgba(225,29,72,.26)}
.stat:nth-child(2){background:linear-gradient(140deg,#8b5cf6 0%,#5b21b6 100%);box-shadow:0 12px 26px rgba(91,33,182,.26)}
.stat:nth-child(3){background:linear-gradient(140deg,#0ea5e9 0%,#1e40af 100%);box-shadow:0 12px 26px rgba(30,64,175,.26)}
.stat:nth-child(4){background:linear-gradient(140deg,#10b981 0%,#065f46 100%);box-shadow:0 12px 26px rgba(6,95,70,.24)}
/* 右上柔光双圆弧装饰 */
.stat::before{display:block;content:'';position:absolute;right:-42px;top:-52px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.13)}
.stat{box-shadow:0 12px 26px rgba(30,20,60,.16), inset 0 1px 0 rgba(255,255,255,.28)!important}
.stat b,.stat span{position:relative;z-index:1}
.stat span{font-weight:500!important;letter-spacing:.5px}
/* 横幅: 去斜纹换柔光 */
.msg-tip::before{background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.22),transparent 46%)}
/* 背景漂浮圆: 去虚线边框, 更柔 */
body:has(.console)::after{border:0;background:radial-gradient(circle at 32% 30%, rgba(255,183,120,.26), rgba(255,138,76,.07) 58%, transparent 74%)}
/* 渐变竖条与圆点同步降饱和 */
.main h2::before{background:linear-gradient(180deg,#f97362,#e11d48)}
.panel h3::before{background:linear-gradient(135deg,#f97362,#e11d48)}
.side-new nav a.on{background:linear-gradient(135deg,rgba(249,115,98,.13),rgba(225,29,72,.10));color:#e11d48}
.side-new nav a.on::before{background:linear-gradient(180deg,#f97362,#e11d48)}
.side-new .uav{background:linear-gradient(135deg,#f97362,#e11d48)}
.side-new .logo,.m-topbar .logo{background:linear-gradient(120deg,#f4543c,#e11d48 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.m-topbar::after{background:linear-gradient(90deg,transparent 8%,#f97362 30%,#e11d48 70%,transparent 92%)}

/* fix: 柔光圆背景优先级压过旧竖条渐变 */
.stat::before{background:rgba(255,255,255,.13)!important}

/* V1.32d: 去掉快捷卡的 emoji 图标 */
.qico{display:none!important}
.qcard{padding:20px 22px}

/* ===== V1.33 深色高级风: 深藏青侧栏 + 浅灰底 + 白卡 ===== */
/* 背景回归纯净浅灰蓝, 去掉全部光斑/圆点/漂浮装饰 */
body:has(.console){background:linear-gradient(180deg,#f2f4f8 0%,#f5f7fa 320px,#f5f7fa 100%)!important}
body:has(.console)::before{display:none!important}
body:has(.console)::after{display:none!important}
/* 侧边栏深藏青 */
.side{background:linear-gradient(180deg,#101c33 0%,#152档档档 0,#152238 100%);border-right:0}
.side{background:linear-gradient(180deg,#101c33 0%,#16243c 100%)!important}
.side-new .logo{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important}
.side-new .ucard{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important}
.side-new .uav{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;box-shadow:0 4px 12px rgba(0,0,0,.35)!important}
.side-new .uname{color:#f1f5f9!important}
.side-new .badge{color:#93c5fd!important;background:rgba(59,130,246,.18)!important}
.side-new .group{color:#64748b!important}
.side-new nav a{color:#94a3b8!important}
.side-new nav a:hover{background:rgba(255,255,255,.05)!important;color:#e2e8f0!important}
.side-new nav a.on{background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(139,92,246,.16))!important;color:#fff!important;font-weight:700}
.side-new nav a.on::before{background:linear-gradient(180deg,#60a5fa,#a78bfa)!important}
.side-new .side-plan{background:rgba(255,255,255,.05)!important;border:1px dashed rgba(255,255,255,.14)!important}
.side-new .sp-k,.side-new .sp-e{color:#64748b!important}
.side-new .sp-v{color:#e2e8f0!important}
.side-new .side-logout{color:#64748b!important}
.side-new .side-logout:hover{background:rgba(220,38,38,.15)!important;color:#f87171!important}
/* 移动端顶栏深色 */
.m-topbar{background:#101c33!important;border-bottom:0!important;backdrop-filter:none!important}
.m-topbar .logo{color:#fff!important;background:none!important;-webkit-background-clip:initial!important}
.m-topbar .logo .fire{filter:drop-shadow(0 0 6px rgba(255,120,60,.6))}
.m-topbar::after{background:linear-gradient(90deg,transparent 5%,#3b82f6 35%,#8b5cf6 65%,transparent 95%)!important}
.m-topbar .m-burger{color:#e2e8f0!important}
.m-drawer .drawer-inner{background:#101c33!important}
.m-drawer nav a{color:#cbd5e1!important;border-bottom-color:rgba(255,255,255,.07)!important}
.m-drawer .m-plan{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important}
/* 欢迎横幅改深蓝渐变 */
.msg-tip{background:linear-gradient(120deg,#1d4ed8,#4338ca 60%,#6d28d9)!important;box-shadow:0 12px 28px rgba(67,56,202,.30)!important}
/* 标题竖条改蓝紫 */
.main h2::before{background:linear-gradient(180deg,#3b82f6,#8b5cf6)!important;box-shadow:0 3px 8px rgba(59,130,246,.35)!important}
.panel h3{color:#1e293b!important}
.panel h3::before{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important}
/* 面板回归冷色 */
.panel,.card{border-color:#e5e9f2!important;box-shadow:0 4px 16px rgba(30,41,66,.06)!important}
.qcard{border-color:#e5e9f2!important}
.qcard:hover{border-color:#b6c6e8!important}
tr:hover td{background:#f4f7fd!important}
/* 统计彩卡微调至协调(保留四色) */
.stat:nth-child(1){background:linear-gradient(140deg,#f97362 0%,#dc2653 100%)}
.stat:nth-child(2){background:linear-gradient(140deg,#8b5cf6 0%,#5b21b6 100%)}
.stat:nth-child(3){background:linear-gradient(140deg,#0ea5e9 0%,#1d4ed8 100%)}
.stat:nth-child(4){background:linear-gradient(140deg,#10b981 0%,#047857 100%)}

/* ===== V1.34 极简指标卡: 白底小卡 + 彩色细条 ===== */
.stat-grid{gap:12px!important}
.stat{background:#fff!important;border:1px solid #e8ecf3!important;box-shadow:0 2px 8px rgba(30,41,66,.05)!important;padding:14px 16px!important;border-radius:12px!important;position:relative!important}
.stat::before{display:block!important;content:''!important;position:absolute!important;left:0!important;top:14px!important;bottom:14px!important;width:3.5px!important;border-radius:0 3px 3px 0!important;background:rgba(255,255,255,0)!important}
.stat::after{display:none!important}
.stat:nth-child(1)::before{background:#f43f5e!important}
.stat:nth-child(2)::before{background:#8b5cf6!important}
.stat:nth-child(3)::before{background:#3b82f6!important}
.stat:nth-child(4)::before{background:#10b981!important}
.stat b{font-size:21px!important;font-weight:800!important;color:#0f172a!important;text-shadow:none!important}
.stat:nth-child(1) b{color:#e11d48!important}
.stat:nth-child(2) b{color:#7c3aed!important}
.stat:nth-child(3) b{color:#2563eb!important}
.stat:nth-child(4) b{color:#059669!important}
.stat span{color:#8a94a6!important;font-size:12px!important;font-weight:500!important}
/* 欢迎横幅收敛为轻量条 */
.msg-tip{padding:12px 44px 12px 16px!important;font-size:13.5px!important;font-weight:500!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(67,56,202,.18)!important}
.msg-tip::after{font-size:18px!important;right:13px!important}

/* ===== V1.35 浅色侧栏版 ===== */
.side{background:#ffffff!important;border-right:1px solid #e8ecf3!important}
.side-new .logo{color:#16233f!important}
.side-new .ucard{background:linear-gradient(135deg,#f0f6ff,#f7faff)!important;border:1px solid #dbe7fa!important}
.side-new .uav{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 10px rgba(37,99,235,.25)!important}
.side-new .uname{color:#16233f!important}
.side-new .badge{color:#2563eb!important;background:rgba(59,130,246,.12)!important}
.side-new .group{color:#94a3b8!important}
.side-new nav a{color:#64748f!important}
.side-new nav a:hover{background:#f2f7ff!important;color:#2563eb!important}
.side-new nav a.on{background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(37,99,235,.14))!important;color:#2563eb!important}
.side-new nav a.on::before{background:linear-gradient(180deg,#3b82f6,#2563eb)!important}
.side-new .side-plan{background:#f8fafc!important;border:1px dashed #dbe3ee!important}
.side-new .sp-k,.side-new .sp-e{color:#94a3b8!important}
.side-new .sp-v{color:#16233f!important}
.side-new .side-logout{color:#94a3b8!important}
.side-new .side-logout:hover{background:#fef2f2!important;color:#dc2626!important}
/* 移动端顶栏白底 */
.m-topbar{background:#ffffff!important}
.m-topbar .logo{color:#16233f!important}
.m-topbar .m-burger{color:#16233f!important}
.m-topbar::after{background:linear-gradient(90deg,transparent 5%,#3b82f6 35%,#6366f1 65%,transparent 95%)!important;height:2px!important}
.m-drawer .drawer-inner{background:#fff!important}
.m-drawer nav a{color:#16233f!important;border-bottom-color:#eef2f8!important}
.m-drawer .m-plan{background:#f8fafc!important;border-color:#e5e9f2!important}
/* 欢迎横幅配浅色环境: 改浅蓝渐变深字 */
.msg-tip{background:linear-gradient(120deg,#eff6ff,#eef2ff)!important;border:1px solid #dbe7fa!important;color:#1e40af!important;box-shadow:0 4px 14px rgba(37,99,235,.08)!important}
.msg-tip::after{content:''!important}

/* ===== V1.36 柔彩版: 极浅同色底卡片 + 渐变横幅 ===== */
.stat{border-radius:14px!important;transition:.2s}
.stat:nth-child(1){background:linear-gradient(135deg,#fff1f2,#ffe4e6)!important;border-color:#fecdd3!important}
.stat:nth-child(2){background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border-color:#ddd6fe!important}
.stat:nth-child(3){background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#bfdbfe!important}
.stat:nth-child(4){background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#a7f3d0!important}
.stat:nth-child(1)::before{background:#f43f5e!important}
.stat:nth-child(2)::before{background:#8b5cf6!important}
.stat:nth-child(3)::before{background:#3b82f6!important}
.stat:nth-child(4)::before{background:#10b981!important}
.stat:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(30,41,66,.10)!important}
/* 欢迎横幅恢复蓝紫渐变白字 */
.msg-tip{background:linear-gradient(120deg,#6366f1,#8b5cf6 60%,#a855f7)!important;border:0!important;color:#fff!important;font-weight:600!important;box-shadow:0 10px 24px rgba(139,92,246,.28)!important;position:relative!important;overflow:hidden!important}
.msg-tip::before{content:''!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 90% 30%,rgba(255,255,255,.20),transparent 45%)!important}
/* 快捷卡极浅色底 */
.qcard:nth-of-type(1){background:linear-gradient(135deg,#fff8f1,#fff3eb)!important;border-color:#fed7aa!important}
.qcard:nth-of-type(2){background:linear-gradient(135deg,#f0f7ff,#eef2ff)!important;border-color:#c7d7fe!important}
/* 背景加极淡冷色层次 */
body:has(.console){background:
  radial-gradient(820px 460px at 88% -6%, rgba(99,102,241,.07), transparent 60%),
  radial-gradient(700px 420px at -6% 20%, rgba(59,130,246,.06), transparent 58%),
  linear-gradient(180deg,#f3f5fa 0%,#f6f8fc 340px,#f6f8fc 100%)!important}

/* ===== V1.37 背景绘画层: 圆环 + 柔圆 + 点阵 ===== */
body:has(.console)::before{display:block!important;content:''!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background-image:radial-gradient(rgba(99,102,241,.11) 1.1px,transparent 1.2px)!important;
  background-size:24px 24px!important;
  -webkit-mask-image:linear-gradient(165deg,#000 0%,transparent 32%)!important;
          mask-image:linear-gradient(165deg,#000 0%,transparent 32%)!important}
body:has(.console)::after{display:block!important;content:''!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:
    radial-gradient(circle 112px at 94% 10%, transparent 105px, rgba(99,102,241,.17) 106px, rgba(99,102,241,.17) 110px, transparent 111px),
    radial-gradient(circle 46px at 94% 10%, rgba(139,92,246,.13) 0, rgba(139,92,246,.13) 45px, transparent 46px),
    radial-gradient(circle 72px at 3% 54%, transparent 66px, rgba(59,130,246,.15) 67px, rgba(59,130,246,.15) 70px, transparent 71px),
    radial-gradient(circle 24px at 3% 54%, rgba(59,130,246,.11) 0, rgba(59,130,246,.11) 23px, transparent 24px),
    radial-gradient(circle 135px at 97% 90%, transparent 126px, rgba(168,85,247,.13) 127px, rgba(168,85,247,.13) 131px, transparent 132px)!important}

/* fix: 面板标题圆点导致文字居中, 改为紧贴文字 */
.panel h3::before{display:none!important}
.panel h3{justify-content:space-between!important}

/* V1.37b: 装饰圆环移到可见空白区, 加大尺寸 */
body:has(.console)::after{background:
    radial-gradient(circle 170px at 76% 2%, transparent 160px, rgba(99,102,241,.16) 161px, rgba(99,102,241,.16) 166px, transparent 167px),
    radial-gradient(circle 60px at 68% 1%, rgba(139,92,246,.13) 0, rgba(139,92,246,.13) 58px, transparent 59px),
    radial-gradient(circle 90px at 1% 30%, transparent 82px, rgba(59,130,246,.14) 83px, rgba(59,130,246,.14) 87px, transparent 88px),
    radial-gradient(circle 30px at 3.5% 26%, rgba(59,130,246,.10) 0, rgba(59,130,246,.10) 28px, transparent 29px),
    radial-gradient(circle 150px at 99% 78%, transparent 140px, rgba(168,85,247,.15) 141px, rgba(168,85,247,.15) 146px, transparent 147px)!important}

/* ===== V1.38 背景点缀加密 ===== */
body:has(.console)::before{background-image:radial-gradient(rgba(99,102,241,.08) 1.1px,transparent 1.2px)!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 100%)!important;
          mask-image:linear-gradient(180deg,#000 0%,#000 100%)!important}
body:has(.console)::after{background:
    /* 顶部大圆环组 */
    radial-gradient(circle 170px at 76% 2%, transparent 160px, rgba(99,102,241,.16) 161px, rgba(99,102,241,.16) 166px, transparent 167px),
    radial-gradient(circle 60px at 68% 1%, rgba(139,92,246,.13) 0, rgba(139,92,246,.13) 58px, transparent 59px),
    radial-gradient(circle 18px at 83% 4%, rgba(59,130,246,.16) 0, rgba(59,130,246,.16) 16px, transparent 17px),
    /* 左侧同心圆组 */
    radial-gradient(circle 90px at 1% 30%, transparent 82px, rgba(59,130,246,.14) 83px, rgba(59,130,246,.14) 87px, transparent 88px),
    radial-gradient(circle 30px at 3.5% 26%, rgba(59,130,246,.10) 0, rgba(59,130,246,.10) 28px, transparent 29px),
    /* 右下大圆环 + 内圆 */
    radial-gradient(circle 150px at 99% 78%, transparent 140px, rgba(168,85,247,.15) 141px, rgba(168,85,247,.15) 146px, transparent 147px),
    radial-gradient(circle 40px at 93% 74%, rgba(99,102,241,.10) 0, rgba(99,102,241,.10) 38px, transparent 39px),
    /* 右中青色小圆环 */
    radial-gradient(circle 44px at 99% 46%, transparent 39px, rgba(34,211,238,.16) 40px, rgba(34,211,238,.16) 43px, transparent 44px),
    /* 左下橙色小柔圆 + 淡橙圆环 */
    radial-gradient(circle 22px at 2.5% 82%, rgba(251,146,60,.16) 0, rgba(251,146,60,.16) 20px, transparent 21px),
    radial-gradient(circle 60px at 1% 92%, transparent 54px, rgba(251,146,60,.13) 55px, rgba(251,146,60,.13) 58px, transparent 59px),
    /* 中部粉色小柔圆 */
    radial-gradient(circle 14px at 55% 62%, rgba(244,114,182,.14) 0, rgba(244,114,182,.14) 13px, transparent 14px),
    /* 加号符号: 橙 (20% 10%) */
    linear-gradient(rgba(251,146,60,.55),rgba(251,146,60,.55)) 20% 10% / 16px 1.8px,
    linear-gradient(rgba(251,146,60,.55),rgba(251,146,60,.55)) 20% 10% / 1.8px 16px,
    /* 加号符号: 蓝 (46% 90%) */
    linear-gradient(rgba(59,130,246,.45),rgba(59,130,246,.45)) 46% 90% / 14px 1.6px,
    linear-gradient(rgba(59,130,246,.45),rgba(59,130,246,.45)) 46% 90% / 1.6px 14px,
    /* 加号符号: 紫 (88% 30%) */
    linear-gradient(rgba(139,92,246,.45),rgba(139,92,246,.45)) 88% 30% / 13px 1.6px,
    linear-gradient(rgba(139,92,246,.45),rgba(139,92,246,.45)) 88% 30% / 1.6px 13px,
    /* 细斜线装饰: 右上 30deg */
    repeating-linear-gradient(135deg, rgba(99,102,241,.07) 0 2px, transparent 2px 12px) 96% 18% / 220px 90px no-repeat,
    /* 细斜线装饰: 左下 */
    repeating-linear-gradient(45deg, rgba(168,85,247,.07) 0 2px, transparent 2px 12px) 4% 70% / 200px 80px no-repeat,
    transparent!important;
  background-repeat:no-repeat!important}

/* ===== V1.39 套餐横向条卡(控制台) ===== */
.plans-h{display:flex;flex-direction:column;gap:12px}
.plan-h{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e5e9f2;border-radius:14px;padding:16px 18px;box-shadow:0 4px 14px rgba(30,41,66,.05);transition:.2s;position:relative;overflow:hidden}
.plan-h::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3b82f6,#8b5cf6)}
.plan-h:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(30,41,66,.11);border-color:#c7d7fe}
.plan-h .pl-info{flex:1;min-width:0}
.plan-h .nm{font-size:15px;font-weight:800;color:#101c38;margin-bottom:4px}
.plan-h ul{list-style:none;display:flex;gap:14px;flex-wrap:wrap}
.plan-h li{font-size:12.5px;color:var(--muted)}
.plan-h li::before{content:'✓';color:var(--ok);margin-right:4px;font-weight:700}
.plan-h .pr{font-size:26px;font-weight:800;color:#101c38;white-space:nowrap;flex-shrink:0}
.plan-h .pr small{font-size:12px;color:var(--muted);font-weight:400}
.plan-h .btn{flex-shrink:0;white-space:nowrap}

/* V1.39b: 套餐横条卡移动端紧凑化 */
@media(max-width:900px){
  .plan-h{padding:11px 12px!important;gap:10px!important;border-radius:12px!important}
  .plan-h .nm{font-size:13.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px!important}
  .plan-h ul{gap:6px 10px!important}
  .plan-h li{font-size:11.5px!important;white-space:nowrap}
  .plan-h li::before{margin-right:2px}
  .plan-h .pr{font-size:19px!important}
  .plan-h .pr small{font-size:10.5px!important}
  .plan-h .btn{padding:6px 12px!important;font-size:12.5px!important}
}

/* ===== V1.43 工作台风(用户控制台, 对标 bajieyun 工具后台) ===== */
body:has(.console){background:#f0f2f5!important}
body:has(.console)::before{display:none!important}
body:has(.console)::after{display:none!important}
/* 顶栏白底 + 退出按钮化 */
.m-topbar{background:#fff!important;box-shadow:0 1px 4px rgba(30,41,66,.08)!important}
.m-topbar::after{display:none!important}
.m-topbar .logo{color:#16233f!important;font-weight:800!important;background:none!important;-webkit-background-clip:initial!important}
.m-topbar .logo .fire{filter:none!important}
.m-topbar a:not(.logo){border:1px solid #e2e8f0!important;border-radius:8px!important;padding:5px 12px!important;font-size:12.5px!important;color:#475569!important;background:#fff!important}
.m-topbar a:not(.logo):hover{border-color:#2f6bff!important;color:#2f6bff!important}
/* 欢迎横幅 → 白卡蓝字 */
.msg-tip{background:#fff!important;border:1px solid #e5e9f2!important;border-left:3px solid #2f6bff!important;color:#1e40af!important;font-weight:600!important;box-shadow:0 2px 8px rgba(30,41,66,.05)!important;border-radius:12px!important;padding:13px 16px!important}
.msg-tip::before,.msg-tip::after{display:none!important}
/* 统计卡: 白底 + 彩色数字 */
.stat{background:#fff!important;border:1px solid #e8ecf3!important;box-shadow:0 2px 8px rgba(30,41,66,.05)!important;border-radius:12px!important}
.stat::before{display:none!important}
.stat:nth-child(1) b{color:#2f6bff!important}
.stat:nth-child(2) b{color:#7c3aed!important}
.stat:nth-child(3) b{color:#0ea5e9!important}
.stat:nth-child(4) b{color:#059669!important}
.stat span{color:#8a94a6!important;font-weight:500!important}
.stat:hover{transform:none!important;box-shadow:0 5px 16px rgba(30,41,66,.10)!important}
/* 快捷卡白底 */
.qcard:nth-of-type(1),.qcard:nth-of-type(2){background:#fff!important;border-color:#e8ecf3!important}
.qcard:hover{border-color:#bcd0f7!important}
/* 主按钮纯蓝 */
.btn-primary{background:#2f6bff!important;box-shadow:0 4px 12px rgba(47,107,255,.24)!important}
/* 面板/表格 */
.panel,.card{border-color:#e8ecf3!important;box-shadow:0 2px 8px rgba(30,41,66,.05)!important}
.panel h3{color:#16233f!important}
tr:hover td{background:#f5f8ff!important}
/* 侧栏白底蓝选中 */
.side{background:#fff!important;border-right:1px solid #e8ecf3!important}
.side-new .ucard{background:#f7f9fc!important;border-color:#e8ecf3!important}
.side-new .uav{background:linear-gradient(135deg,#2f6bff,#6366f1)!important;box-shadow:0 4px 10px rgba(47,107,255,.25)!important}
.side-new .uname{color:#16233f!important}
.side-new .badge{color:#2f6bff!important;background:rgba(47,107,255,.10)!important}
.side-new nav a{color:#64748f!important}
.side-new nav a:hover{background:#f2f7ff!important;color:#2f6bff!important}
.side-new nav a.on{background:#eef4ff!important;color:#2f6bff!important}
.side-new nav a.on::before{background:#2f6bff!important}
.side-new .side-plan{background:#f8fafc!important;border-color:#e2e8f0!important}
.side-new .sp-v{color:#16233f!important}
/* 弹窗输入框 */
.fld input,.fld select,.fld textarea{background:#fff!important}

/* fix: 覆盖旧 nth-child 彩底 */
.stat:nth-child(1),.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4){background:#fff!important;border-color:#e8ecf3!important}

/* ===== V1.44 聚合风: 品牌顶栏 + 标签页导航 + 侧滑抽屉(对齐 dns.bajieyun.cn) ===== */
/* 品牌顶栏 */
body:has(.console) .hh-top{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;height:56px;margin:-28px -32px 0;padding:0 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #e8ecf3}
body:has(.console) .hh-burger{display:none;width:38px;height:38px;border:none;background:#f2f5fa;border-radius:10px;color:#33415c;cursor:pointer;align-items:center;justify-content:center;padding:0;flex:none}
body:has(.console) .hh-burger svg{width:19px;height:19px}
body:has(.console) .hh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex:1}
body:has(.console) .hh-logo{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#25d0c8,#1e88e5 55%,#2f6bff);display:inline-flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 12px rgba(30,136,229,.35)}
body:has(.console) .hh-logo svg{width:21px;height:21px;display:block}
body:has(.console) .hh-title{font-size:16.5px;font-weight:800;color:#16233f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}
body:has(.console) .hh-acts{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
body:has(.console) .hh-ico-btn{width:36px;height:36px;border:none;background:#f2f5fa;border-radius:10px;color:#5b6b84;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;padding:0}
body:has(.console) .hh-ico-btn svg{width:17px;height:17px}
body:has(.console) .hh-ico-btn:hover{background:#e8eefb;color:#2f6bff}
body:has(.console) .hh-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#25d0c8,#2f6bff);color:#fff;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(47,107,255,.35);transition:.15s}
body:has(.console) .hh-avatar:hover{transform:scale(1.06)}
/* 标签页导航 */
body:has(.console) .hh-tabs{position:sticky;top:56px;z-index:59;display:flex;align-items:center;gap:10px;margin:0 -32px;padding:8px 18px;background:#fff;border-bottom:1px solid #eef1f6}
body:has(.console) .hh-tabs-scroll{display:flex;gap:8px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none;padding:1px 0}
body:has(.console) .hh-tabs-scroll::-webkit-scrollbar{display:none}
body:has(.console) .hh-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:#5b6b84;text-decoration:none;white-space:nowrap;background:#f4f6fa;border:1px solid #eef1f6;transition:.15s}
body:has(.console) .hh-tab svg{width:15px;height:15px;flex:none}
body:has(.console) .hh-tab:hover{color:#2f6bff;background:#eaf1ff;border-color:#d6e4ff}
body:has(.console) .hh-tab.on{background:#2f6bff;border-color:#2f6bff;color:#fff;box-shadow:0 4px 12px rgba(47,107,255,.28)}
body:has(.console) .hh-x{margin-left:1px;width:18px;height:18px;border:none;border-radius:50%;background:rgba(255,255,255,.28);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none}
body:has(.console) .hh-x:hover{background:rgba(255,255,255,.5)}
body:has(.console) .hh-tabs-acts{display:flex;gap:4px;flex:none}
body:has(.console) .hh-tabs-acts button{width:32px;height:32px;border:none;background:none;border-radius:8px;color:#8a95a9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
body:has(.console) .hh-tabs-acts button:hover{background:#f2f5fa;color:#2f6bff}
body:has(.console) .hh-tabs-acts svg{width:16px;height:16px}
/* 旧移动顶栏让位给 hh-top */
body:has(.console) .m-topbar{display:none!important}
/* 抽屉品牌行 */
body:has(.console) .m-drawer .hh-dbrand{display:flex;align-items:center;gap:10px;padding:2px 6px 20px}
body:has(.console) .m-drawer .hh-dbrand b{font-size:16px;color:#16233f;font-weight:800}
body:has(.console) .m-drawer .hh-dbrand .hh-logo{width:36px;height:36px}
/* ===== 移动端(≤900px): burger + 顶栏通栏 + 抽屉左滑遮罩 ===== */
@media(max-width:900px){
  body:has(.console) .hh-burger{display:inline-flex}
  body:has(.console) .hh-top{margin:0 -20px;height:52px;padding:0 12px}
  body:has(.console) .hh-tabs{margin:0 -20px;top:52px;padding:7px 12px}
  body:has(.console) .hh-title{font-size:15px}
  body:has(.console) .hh-logo{width:30px;height:30px}
  body:has(.console) .hh-logo svg{width:19px;height:19px}
  body:has(.console) .hh-ico-btn{width:34px;height:34px}
  body:has(.console) .hh-avatar{width:34px;height:34px;font-size:14px}
  /* 抽屉: 侧滑 + 半透明遮罩 */
  body:has(.console) .m-drawer{background:rgba(15,23,42,.28);backdrop-filter:none;-webkit-backdrop-filter:none}
  body:has(.console) .m-drawer .drawer-inner{width:min(318px,86%);max-width:86%;background:#fff;height:100%;overflow-y:auto;padding:20px 14px 30px;transform:translateX(-102%);transition:transform .3s cubic-bezier(.25,.8,.3,1);box-shadow:0 0 44px rgba(15,23,42,.2);border-radius:0 18px 18px 0}
  body:has(.console) .m-drawer.on .drawer-inner{transform:none}
  body:has(.console) .m-drawer::before{display:none}
  body:has(.console) .m-drawer .drawer-inner nav{padding:0;gap:2px;display:flex;flex-direction:column}
  body:has(.console) .m-drawer nav a{font-size:15px;font-weight:600;color:#33415c;padding:12px 12px;border-bottom:none;border-radius:12px;display:flex;align-items:center;gap:12px}
  body:has(.console) .m-drawer nav a svg{width:20px;height:20px;color:#8a95a9;flex:none}
  body:has(.console) .m-drawer nav a.on{background:#eef4ff;color:#2f6bff}
  body:has(.console) .m-drawer nav a.on svg{color:#2f6bff}
  body:has(.console) .m-drawer .ucard{background:#f7f9fc;border:1px solid #e8ecf3;border-radius:14px;margin:0 2px 6px}
  body:has(.console) .m-drawer .group{font-size:12px;color:#8a95a9;padding:14px 10px 6px;font-weight:600}
  body:has(.console) .m-drawer .side-plan{margin:14px 2px 0;background:#f8fafc;border-color:#e2e8f0;border-radius:14px}
  body:has(.console) .m-drawer .side-legal{margin:10px 2px 0}
  body:has(.console) .m-drawer .side-logout{margin:8px 2px 0}
}

/* ===== V1.45: 会话标签页(动态增删) + 标签内链接化适配 ===== */
body:has(.console) .hh-tab a{color:inherit;text-decoration:none}
body:has(.console) .hh-x{text-decoration:none}
/* 抽屉精简(纯菜单)后的底部退出间距 */
body:has(.console) .m-drawer .drawer-inner nav{margin-top:4px}
body:has(.console) .m-drawer .side-logout{margin:18px 2px 0}

/* ===== V1.46 深色模式(深夜模式): 仅控制台, 月亮/太阳切换 + localStorage 记忆 ===== */
/* 图标切换: 浅色显月亮, 深色显太阳 */
body:has(.console) .hh-ico-btn .ic-sun{display:none}
html.hh-dark body:has(.console) .hh-ico-btn .ic-sun{display:block}
html.hh-dark body:has(.console) .hh-ico-btn .ic-moon{display:none}
/* 页面底 */
html.hh-dark body:has(.console){background:#0e1320!important;color:#e8ecf4}
/* 顶栏 + 标签栏 */
html.hh-dark body:has(.console) .hh-top{background:rgba(18,24,40,.94);border-bottom-color:#232d44}
html.hh-dark body:has(.console) .hh-title{color:#e8ecf4}
html.hh-dark body:has(.console) .hh-ico-btn{background:#1e2739;color:#9aa6bc}
html.hh-dark body:has(.console) .hh-ico-btn:hover{background:#27324a;color:#7aa5ff}
html.hh-dark body:has(.console) .hh-tabs{background:#121829;border-bottom-color:#232d44}
html.hh-dark body:has(.console) .hh-tab{background:#1a2233;border-color:#2a3448;color:#9aa6bc}
html.hh-dark body:has(.console) .hh-tab:hover{background:#223049;color:#7aa5ff;border-color:#33415e}
html.hh-dark body:has(.console) .hh-tab.on{background:#2f6bff;border-color:#2f6bff;color:#fff}
/* 桌面侧栏 */
html.hh-dark body:has(.console) .side{background:#121829!important;border-right-color:#232d44!important}
html.hh-dark body:has(.console) .side .logo{color:#e8ecf4}
html.hh-dark body:has(.console) .side-new .ucard{background:#1a2233!important;border-color:#2a3448!important}
html.hh-dark body:has(.console) .side-new .uname{color:#e8ecf4!important}
html.hh-dark body:has(.console) .side-new .badge{color:#7aa5ff!important;background:rgba(47,107,255,.16)!important}
html.hh-dark body:has(.console) .side-new nav a{color:#9aa6bc!important}
html.hh-dark body:has(.console) .side-new nav a:hover{background:#1e2a40!important;color:#7aa5ff!important}
html.hh-dark body:has(.console) .side-new nav a.on{background:#1f2f52!important;color:#7aa5ff!important}
html.hh-dark body:has(.console) .side-new nav a.on::before{background:#2f6bff!important}
html.hh-dark body:has(.console) .side-new .group{color:#5b6b84!important}
html.hh-dark body:has(.console) .side-new .side-plan{background:#1a2233!important;border-color:#2a3448!important}
html.hh-dark body:has(.console) .side-new .sp-v{color:#e8ecf4!important}
html.hh-dark body:has(.console) .side-new .sp-k,html.hh-dark body:has(.console) .side-new .sp-e{color:#8a95a9!important}
html.hh-dark body:has(.console) .side-legal{color:#8a95a9}
html.hh-dark body:has(.console) .side-logout{color:#8a95a9!important}
html.hh-dark body:has(.console) .side-logout:hover{background:rgba(220,38,38,.15)!important;color:#f87171!important}
/* 移动抽屉 */
html.hh-dark body:has(.console) .m-drawer{background:rgba(3,7,15,.55)}
html.hh-dark body:has(.console) .m-drawer .drawer-inner{background:#121829;box-shadow:0 0 44px rgba(0,0,0,.5)}
html.hh-dark body:has(.console) .m-drawer nav a{color:#c9d2e2}
html.hh-dark body:has(.console) .m-drawer nav a svg{color:#8a95a9}
html.hh-dark body:has(.console) .m-drawer nav a.on{background:#1f2f52;color:#7aa5ff}
html.hh-dark body:has(.console) .m-drawer nav a.on svg{color:#7aa5ff}
html.hh-dark body:has(.console) .m-drawer .hh-dbrand b{color:#e8ecf4}
html.hh-dark body:has(.console) .m-drawer .side-logout{color:#8a95a9}
/* 标题 */
html.hh-dark body:has(.console) .main h2,html.hh-dark body:has(.console) .main h3{color:#e8ecf4}
/* 消息横幅 */
html.hh-dark body:has(.console) .msg-tip{background:#16203a!important;border-color:#2a3448!important;border-left-color:#2f6bff!important;color:#bcd3ff!important}
/* 统计卡 + 快捷卡 */
html.hh-dark body:has(.console) .stat{background:#1a2233!important;border-color:#2a3448!important}
html.hh-dark body:has(.console) .stat span{color:#8a95a9!important}
html.hh-dark body:has(.console) .qcard{background:#1a2233!important;border-color:#2a3448!important}
html.hh-dark body:has(.console) .qcard .t{color:#e8ecf4}
html.hh-dark body:has(.console) .qcard .d{color:#8a95a9}
/* 面板/卡片/表格 */
html.hh-dark body:has(.console) .panel,html.hh-dark body:has(.console) .card{background:#1a2233!important;border-color:#2a3448!important}
html.hh-dark body:has(.console) .panel h3{color:#e8ecf4!important}
html.hh-dark body:has(.console) table th{color:#8a95a9;border-color:#2a3448}
html.hh-dark body:has(.console) table td{color:#c9d2e2;border-color:#232d44}
html.hh-dark body:has(.console) tr:hover td{background:#1e2a40!important}
/* 状态标签 */
html.hh-dark body:has(.console) .tag{background:#223049}
html.hh-dark body:has(.console) .tag-mut{background:#232d44;color:#8a95a9}
html.hh-dark body:has(.console) .tag-ok{background:rgba(22,163,74,.18);color:#4ade80}
html.hh-dark body:has(.console) .tag-bad{background:rgba(220,38,38,.18);color:#f87171}
html.hh-dark body:has(.console) .tag-warn{background:rgba(245,158,11,.16);color:#fbbf24}
/* 幽灵按钮 */
html.hh-dark body:has(.console) .btn-ghost{background:#1e2739;border-color:#2a3448;color:#c9d2e2}
html.hh-dark body:has(.console) .btn-ghost:hover{border-color:#3b82f6;color:#7aa5ff}
/* 套餐横排卡 */
html.hh-dark body:has(.console) .plan-h{background:#1a2233!important;border-color:#2a3448!important;box-shadow:none!important}
html.hh-dark body:has(.console) .plan-h .nm{color:#e8ecf4}
html.hh-dark body:has(.console) .plan-h li{color:#8a95a9}
html.hh-dark body:has(.console) .plan-h .pr{color:#e8ecf4}
html.hh-dark body:has(.console) .plan-h .pr small{color:#8a95a9}
/* 表单 */
html.hh-dark body:has(.console) input,html.hh-dark body:has(.console) select,html.hh-dark body:has(.console) textarea{background:#121829!important;border-color:#2a3448!important;color:#e8ecf4!important}
html.hh-dark body:has(.console) input::placeholder,html.hh-dark body:has(.console) textarea::placeholder{color:#5b6b84}
/* 弹窗/toast/分页/内嵌tabs */
html.hh-dark body:has(.console) .modal-mask{background:rgba(3,7,15,.6)}
html.hh-dark body:has(.console) .modal{background:#1a2233;border-color:#2a3448}
html.hh-dark body:has(.console) .modal h3{color:#e8ecf4}
html.hh-dark body:has(.console) .toast{background:#1a2233;border-color:#2a3448;color:#e8ecf4}
html.hh-dark body:has(.console) .pager a{background:#1a2233;border-color:#2a3448;color:#9aa6bc}
html.hh-dark body:has(.console) .pager a.on{color:#7aa5ff;border-color:#2f6bff}
html.hh-dark body:has(.console) .tabs button{background:#1a2233;border-color:#2a3448;color:#9aa6bc}
html.hh-dark body:has(.console) .tabs button.on{background:rgba(47,107,255,.16);border-color:#2f6bff;color:#7aa5ff}
html.hh-dark body:has(.console) .empty{color:#8a95a9}
/* FAQ 折叠卡 */
html.hh-dark body:has(.console) .faq details{background:#1a2233;border-color:#2a3448}
html.hh-dark body:has(.console) .faq summary{color:#e8ecf4}
html.hh-dark body:has(.console) .faq p{color:#9aa6bc}
/* AI 小助理面板 */
html.hh-dark #hhAI .hhAI-box{background:#1a2233}
html.hh-dark #hhAI .hhAI-body{background:#151d2f}
html.hh-dark #hhAI .hhAI-m.ai{background:#232c40;border-color:#2f3a52;color:#e8ecf4}
html.hh-dark #hhAI .hhAI-m.hi{color:#8a95a9}
html.hh-dark #hhAI .hhAI-foot{background:#1a2233;border-top-color:#2a3448}
html.hh-dark #hhAI .hhAI-foot input{background:#121829;border-color:#2a3448;color:#e8ecf4}
html.hh-dark #hhAI .hhAI-label{background:rgba(26,34,51,.95);color:#ff9d8f}