/* ============ Mac玩精选 · 全站样式（生产版 v2 玻璃拟态） ============ */
:root{
  --bg:#070b16;
  --glass:rgba(255,255,255,.055);
  --glass-strong:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.10);
  --stroke-hi:rgba(255,255,255,.22);
  --txt:#e8ecf7;
  --txt-dim:#94a3b8;
  --txt-faint:#64748b;
  --blue:#4f8cff;
  --purple:#a855f7;
  --pink:#ec4899;
  --cyan:#22d3ee;
  --amber:#fbbf24;
  --grad:linear-gradient(120deg,#4f8cff,#a855f7 55%,#ec4899);
  --grad-soft:linear-gradient(120deg,rgba(79,140,255,.25),rgba(168,85,247,.25));
  --r:16px;
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --glow:0 0 50px rgba(79,140,255,.18);
  /* 主题可调文字色（浅色皮肤会整体覆盖，保证白天模式可读） */
  --body-txt:#c3cad9;
  --link:#8fb5ff;
  --warn-txt:#fcd34d;
  --code-txt:#fda4af;
  --quote-txt:#dcd3ff;
  --ok-txt:#6ee7b7;
  --err-txt:#fca5a5;
  --head-grad:linear-gradient(120deg,#fff 30%,#a5b8ff);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:.2s}
img{display:block;max-width:100%}
/* 下拉选项统一白底深字，避免深色主题下 option 继承白字看不见 */
select option{background:#fff;color:#16181d}
::selection{background:rgba(79,140,255,.4)}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px}
::-webkit-scrollbar-track{background:transparent}

/* ---------- 极光背景 ---------- */
.aurora{position:fixed;inset:0;z-index:-2;overflow:hidden;background:
  radial-gradient(1200px 700px at 85% -10%,rgba(168,85,247,.16),transparent 60%),
  radial-gradient(1000px 600px at -10% 20%,rgba(79,140,255,.14),transparent 60%),
  radial-gradient(900px 600px at 50% 110%,rgba(236,72,153,.10),transparent 60%),
  var(--bg)}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:float 14s ease-in-out infinite}
.b1{width:480px;height:480px;background:#3b5bff;top:-160px;left:-120px}
.b2{width:420px;height:420px;background:#a855f7;top:30%;right:-140px;animation-delay:-4s}
.b3{width:380px;height:380px;background:#ec4899;bottom:-140px;left:30%;animation-delay:-8s;opacity:.35}
.b4{width:300px;height:300px;background:#22d3ee;top:60%;left:-100px;animation-delay:-11s;opacity:.3}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,25px) scale(.95)}}
.gridlines{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%);
          mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%)}

/* ---------- 顶栏 ---------- */
/* 外框全宽贴顶贴边；向下滚过导航栏高度后带动画缩回隐藏，向上滚动态滑回 */
.nav{position:sticky;top:0;z-index:50;margin:0;
  background:rgba(13,18,35,.55);backdrop-filter:blur(22px) saturate(1.4);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);
  border-bottom:1px solid var(--stroke);box-shadow:var(--shadow);
  transition:transform .3s ease;will-change:transform}
.nav.navhide{transform:translateY(-102%)}
.navin{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:12px 22px}
.logo{font-size:21px;font-weight:800;letter-spacing:.5px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.nav-links{display:flex;gap:6px}
.nav-links a{padding:8px 15px;border-radius:10px;font-size:14.5px;color:var(--txt-dim);white-space:nowrap}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav-links a.on{color:#fff;background:linear-gradient(120deg,rgba(79,140,255,.22),rgba(168,85,247,.22));border:1px solid rgba(79,140,255,.35)}
.search{margin-left:auto;width:230px}
.search input{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--stroke);border-radius:22px;padding:8px 16px;color:var(--txt);font-size:13.5px;outline:none;transition:.2s}
.search input:focus{border-color:var(--stroke-hi);background:rgba(255,255,255,.09)}
.search input::placeholder{color:var(--txt-faint)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;
  background:var(--grad);background-size:160% 160%;color:#fff;border:none;border-radius:12px;
  padding:10px 20px;font-size:14px;font-weight:600;transition:.25s;
  box-shadow:0 8px 24px rgba(79,140,255,.35);white-space:nowrap}
.btn:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 12px 32px rgba(168,85,247,.4)}
.btn.ghost{background:rgba(255,255,255,.06);border:1px solid var(--stroke-hi);color:var(--txt);box-shadow:none;backdrop-filter:blur(8px)}
.btn.ghost:hover{background:rgba(255,255,255,.12);box-shadow:none}
.paytier.on{background:linear-gradient(160deg,rgba(79,140,255,.28),rgba(168,85,247,.16));border-color:rgba(79,140,255,.65);color:#fff;box-shadow:var(--glow)}
body.theme-white .paytier.on,body.theme-cream .paytier.on,body.theme-platinum .paytier.on{background:linear-gradient(160deg,rgba(79,140,255,.12),rgba(168,85,247,.08));color:var(--txt)}
.btn.lg{padding:14px 26px;font-size:15.5px;border-radius:14px}
.btn.block{display:flex;width:100%;margin-bottom:10px}
.btn.sm{padding:6px 13px;font-size:12.5px;border-radius:9px}

/* ---------- 容器 / 面板 ---------- */
.wrap{max-width:1200px;margin:0 auto;padding:26px 22px}
.panel{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--stroke);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.panel h3{font-size:16.5px;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.panel h3::before{content:"";width:4px;height:17px;border-radius:4px;background:var(--grad)}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 16px}
.sec-head h2{font-size:23px;font-weight:800;
  background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-head .more{font-size:13.5px;color:var(--txt-dim);padding:7px 16px;border-radius:20px;
  border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(8px)}
.sec-head .more:hover{color:#fff;border-color:var(--stroke-hi)}
.crumb{font-size:13px;color:var(--txt-faint);margin-bottom:16px}
.crumb b{color:var(--link)}

/* ---------- 提示条 ---------- */
.alert{margin:0 0 18px;padding:13px 18px;border-radius:12px;font-size:14px;line-height:1.7;backdrop-filter:blur(10px)}
.alert.ok{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);color:var(--ok-txt)}
.alert.err{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);color:var(--err-txt)}

/* ---------- HERO ---------- */
.hero{display:flex;gap:18px}
.hero-main{flex:1.9;position:relative;border-radius:22px;overflow:hidden;min-height:360px;display:flex;align-items:flex-end;transition:.3s;
  border:1px solid var(--stroke);box-shadow:var(--shadow),var(--glow);cursor:pointer;
  background:linear-gradient(130deg,rgba(59,91,255,.55),rgba(168,85,247,.45) 55%,rgba(236,72,153,.4))}
.hero-main:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 80px rgba(168,85,247,.3)}
.hero-main img.cover,.hcard img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-main::before{content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(600px 300px at 80% 10%,rgba(255,255,255,.18),transparent 60%)}
.hero-main .emoji{position:absolute;right:36px;top:44%;font-size:150px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45));animation:bob 5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero-meta{position:relative;z-index:2;padding:26px;width:100%;
  background:linear-gradient(transparent,rgba(5,8,18,.88) 55%)}
.hero-tag{position:absolute;top:18px;left:18px;z-index:3;display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:20px;
  padding:5px 14px;font-size:12px;color:#fff;backdrop-filter:blur(12px)}
.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.4}}
.vtag{display:inline-block;background:var(--amber);color:#3b2b00;font-size:12px;font-weight:700;border-radius:8px;padding:3px 10px;margin-bottom:9px;box-shadow:0 4px 16px rgba(251,191,36,.4)}
.hero-meta h2{font-size:26px;line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero-meta p{color:rgba(255,255,255,.75);font-size:13.5px;margin-top:9px}
.hero-side{flex:1;display:flex;flex-direction:column;gap:18px}
.hcard{flex:1;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;min-height:171px;
  border:1px solid var(--stroke);box-shadow:var(--shadow);transition:.3s;
  background:linear-gradient(135deg,rgba(14,165,233,.5),rgba(37,99,235,.5))}
.hcard.hc2{background:linear-gradient(135deg,rgba(5,150,105,.5),rgba(16,185,129,.4))}
.hcard:hover{transform:translateY(-4px);border-color:var(--stroke-hi)}
.hcard .emoji{position:absolute;right:18px;top:18px;font-size:60px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4));z-index:1}
.hcard .hero-meta{padding:16px 20px}
.hcard h3{font-size:16px}
.hcard p{font-size:12.5px;color:rgba(255,255,255,.75);margin-top:4px}

/* ---------- 数据条 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.stat{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--stroke);border-radius:var(--r);
  padding:18px 20px;transition:.25s;position:relative;overflow:hidden}
.stat:hover{border-color:rgba(79,140,255,.45);transform:translateY(-3px);box-shadow:var(--glow)}
.stat b{font-size:27px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{display:block;font-size:12.5px;color:var(--txt-dim);margin-top:4px}

/* ---------- 分类 chips ---------- */
.cats{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cat{padding:8px 18px;border-radius:22px;font-size:13.5px;color:var(--txt-dim);cursor:pointer;
  background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(10px);transition:.2s;display:inline-block}
.cat:hover{color:#fff;border-color:var(--stroke-hi)}
.cat.on{color:#fff;border-color:transparent;background:var(--grad);box-shadow:0 6px 18px rgba(79,140,255,.35)}
.filterrow{display:flex;gap:12px;padding:9px 0;align-items:flex-start}
.filterrow+.filterrow{border-top:1px dashed rgba(255,255,255,.08)}
.filterrow .flabel{flex:none;width:76px;font-size:13px;color:var(--txt-faint);padding-top:8px}

/* ---------- 资源卡片 ---------- */
.grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;
  background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--stroke);transition:.3s;display:block}
.card:hover{transform:translateY(-6px);border-color:rgba(79,140,255,.5);box-shadow:var(--shadow),var(--glow)}
.thumb{height:158px;position:relative;display:flex;align-items:center;justify-content:center;font-size:58px;overflow:hidden;background:#0d1224}
.thumb .emoji{filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));transition:.4s}
.card:hover .thumb .emoji{transform:scale(1.15) rotate(-4deg)}
.thumb img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover .thumb img.cover{transform:scale(1.06)}
.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(5,8,18,.55));z-index:1}
.t1{background:linear-gradient(135deg,#312e81,#7c3aed)}.t2{background:linear-gradient(135deg,#7f1d1d,#ef4444)}
.t3{background:linear-gradient(135deg,#064e3b,#14b8a6)}.t4{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}
.t5{background:linear-gradient(135deg,#713f12,#f59e0b)}.t6{background:linear-gradient(135deg,#581c87,#c084fc)}
.t7{background:linear-gradient(135deg,#0c4a6e,#06b6d4)}.t8{background:linear-gradient(135deg,#334155,#94a3b8)}
.lang,.vtag2{position:absolute;z-index:2;font-size:11px;font-weight:600;border-radius:8px;padding:3px 9px;backdrop-filter:blur(10px)}
.lang{top:10px;left:10px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);color:#fff}
.vtag2{top:10px;right:10px;background:rgba(251,191,36,.92);color:#3b2b00;box-shadow:0 4px 14px rgba(251,191,36,.4)}
.cbody{padding:14px 16px}
.cbody h3{font-size:14.5px;line-height:1.45;height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cmt{font-size:12.5px;color:var(--txt-dim);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmeta{display:flex;gap:6px;margin-top:11px;flex-wrap:wrap}
.chip{font-size:11px;padding:3px 9px;border-radius:7px;
  background:rgba(79,140,255,.14);border:1px solid rgba(79,140,255,.3);color:var(--link)}
.chip.gold{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.35);color:var(--amber)}
.chip.dim{background:rgba(255,255,255,.05);border-color:var(--stroke);color:var(--txt-dim)}

/* ---------- 列表行 / 动态 ---------- */
.lrow{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13.5px;align-items:flex-start}
.lrow:last-child{border:none}
.lrow .dot{flex:none;width:7px;height:7px;border-radius:50%;margin-top:6px;background:var(--grad);box-shadow:0 0 8px rgba(79,140,255,.8)}
.lrow time{margin-left:auto;flex:none;color:var(--txt-faint);font-size:12px}
.feed li{list-style:none;display:flex;gap:8px;font-size:13px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08);color:var(--txt-dim)}
.feed li:last-child{border:none}
.feed b{color:var(--link);font-weight:600}
.feed time{margin-left:auto;color:var(--txt-faint);font-size:12px}

/* ---------- 详情页 ---------- */
.titlebox h1{font-size:24px;line-height:1.5;font-weight:800}
.titlebox h1 .ver{display:inline-block;background:var(--amber);color:#3b2b00;font-size:13px;font-weight:700;border-radius:8px;padding:3px 11px;vertical-align:5px;margin-left:10px;box-shadow:0 4px 16px rgba(251,191,36,.35)}
.metas{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.mchip{font-size:12.5px;padding:5px 13px;border-radius:9px;background:rgba(79,140,255,.13);border:1px solid rgba(79,140,255,.3);color:var(--link);backdrop-filter:blur(8px)}
.mchip.green{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.35);color:var(--ok-txt)}
.mchip.dim{background:rgba(255,255,255,.05);border-color:var(--stroke);color:var(--txt-dim)}
.tested{margin-top:15px;display:flex;gap:12px;align-items:flex-start;
  background:linear-gradient(120deg,rgba(251,191,36,.1),rgba(251,146,60,.06));
  border:1px solid rgba(251,191,36,.3);border-radius:14px;padding:14px 18px;font-size:13.5px;color:var(--warn-txt);line-height:1.8;backdrop-filter:blur(8px)}
.tested .ic{font-size:20px}
.main2{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:18px}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.shot{height:150px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;
  border:1px solid var(--stroke);cursor:zoom-in;transition:.25s;overflow:hidden;background:#0d1224}
.shot:hover{transform:scale(1.03);box-shadow:var(--glow)}
.shot img{width:100%;height:100%;object-fit:cover}
.shot::after{content:"实机截图";position:absolute;bottom:8px;right:10px;font-size:11px;color:#fff;background:rgba(0,0,0,.45);padding:2px 9px;border-radius:6px;backdrop-filter:blur(6px);z-index:2}
.s1{background:linear-gradient(135deg,#312e81,#8b5cf6)}
.s2{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}
.s3{background:linear-gradient(135deg,#7f1d1d,#ef4444)}
.desc p{font-size:14.5px;line-height:2;color:var(--body-txt)}
.quote{margin-top:14px;display:flex;gap:10px;background:var(--grad-soft);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:13px 16px;font-size:13.5px;color:var(--quote-txt);line-height:1.8;backdrop-filter:blur(8px)}
.info{width:100%;border-collapse:collapse;font-size:13.5px}
.info td{padding:11px 6px;border-bottom:1px dashed rgba(255,255,255,.08);color:var(--body-txt);line-height:1.7}
.info td:first-child{color:var(--txt-faint);width:96px;white-space:nowrap}
.step{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:14px;line-height:1.8;color:var(--body-txt)}
.step:last-child{border:none}
.step .n{flex:none;width:27px;height:27px;border-radius:9px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:3px;box-shadow:0 4px 12px rgba(79,140,255,.35)}
.step code{background:rgba(255,255,255,.08);border:1px solid var(--stroke);border-radius:6px;padding:1px 8px;font-size:12.5px;color:var(--code-txt);word-break:break-all}

/* ---------- 下载卡 ---------- */
.dl{background:linear-gradient(160deg,rgba(79,140,255,.12),rgba(168,85,247,.08) 60%,rgba(255,255,255,.04));
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(79,140,255,.3);border-radius:20px;padding:24px;position:relative;
  box-shadow:var(--shadow),var(--glow)}
.price{display:flex;align-items:baseline;gap:9px;margin-bottom:16px}
.price b{font-size:40px;background:linear-gradient(120deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(251,191,36,.3))}
.price span{font-size:13.5px;color:var(--txt-dim)}
.price .strike{font-size:12.5px;color:var(--txt-faint);text-decoration:line-through}
.locked{background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.18);border-radius:14px;padding:18px;text-align:center;margin-top:4px}
.locked .big{font-size:36px;filter:drop-shadow(0 6px 16px rgba(255,255,255,.2))}
.locked p{font-size:13px;color:var(--txt-dim);margin:10px 0 14px;line-height:1.9}
.locked b{color:var(--amber)}
.unlocked{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.3);border-radius:14px;padding:16px;margin-top:4px}
.unlocked h4{font-size:13.5px;color:var(--ok-txt);margin-bottom:10px}
.pane{background:rgba(255,255,255,.05);border:1px solid rgba(52,211,153,.25);border-radius:10px;padding:13px;font-size:13.5px;line-height:2;color:var(--body-txt);word-break:break-all}
.pane .code{color:var(--amber);font-weight:800;letter-spacing:2px}
.copy{float:right;font-size:12px;cursor:pointer;background:rgba(52,211,153,.15);border:1px solid rgba(52,211,153,.4);color:var(--ok-txt);border-radius:6px;padding:2px 12px}
.hr{border:none;border-top:1px dashed rgba(255,255,255,.12);margin:16px 0}
.tip{font-size:12.5px;color:var(--txt-faint);line-height:2}
.payrow{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}
.btn.wx{background:linear-gradient(120deg,#059669,#10b981);box-shadow:0 8px 24px rgba(16,185,129,.3)}
.btn.zfb{background:linear-gradient(120deg,#2563eb,#3b82f6);box-shadow:0 8px 24px rgba(59,130,246,.3)}
.hotlist li{list-style:none;display:flex;gap:11px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13.5px;align-items:center;color:var(--body-txt)}
.hotlist li:last-child{border:none}
.hotlist .idx{flex:none;width:22px;height:22px;border-radius:7px;background:var(--grad);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(79,140,255,.4)}
/* 说明类条目：整段文字包成一个 flex 子项，内嵌 <b>/<a> 不再把行拆散 */
.hotlist .ntxt{flex:1;min-width:0}
.hotlist .ntxt b{color:var(--txt)}

/* ---------- 个人中心 ---------- */
.layout{display:grid;grid-template-columns:260px 1fr;gap:18px}
.side{height:fit-content;position:sticky;top:88px;padding:0!important;overflow:hidden}
.uhead{background:linear-gradient(140deg,rgba(79,140,255,.35),rgba(168,85,247,.35));padding:26px 20px;position:relative;overflow:hidden}
.avatar{width:58px;height:58px;border-radius:18px;background:var(--grad);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:11px;box-shadow:0 8px 24px rgba(79,140,255,.4)}
.uhead .name{font-size:17px;font-weight:700}
.uhead .uid{font-size:12px;color:rgba(255,255,255,.65);margin-top:3px}
.menu a{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:14.5px;color:var(--txt-dim);border-bottom:1px solid rgba(255,255,255,.05);transition:.2s}
.menu a:hover{color:#fff;background:rgba(255,255,255,.04)}
.menu a.on{color:#fff;background:linear-gradient(90deg,rgba(79,140,255,.18),transparent);border-left:3px solid var(--blue)}
.menu a span{color:var(--txt-faint);font-size:13px}
.credithero{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.cbox{border-radius:16px;padding:20px;color:#fff;position:relative;overflow:hidden;border:1px solid var(--stroke)}
.cb1{background:linear-gradient(130deg,rgba(251,191,36,.35),rgba(245,158,11,.2));backdrop-filter:blur(14px)}
.cb2{background:linear-gradient(130deg,rgba(79,140,255,.35),rgba(79,70,229,.2));backdrop-filter:blur(14px)}
.cbox b{font-size:34px;text-shadow:0 4px 18px rgba(0,0,0,.3)}
.cbox p{font-size:12.5px;color:rgba(255,255,255,.75);margin-top:4px}
.signbtn{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:20px;padding:8px 18px;font-size:13px;backdrop-filter:blur(10px);transition:.2s}
.signbtn:hover{background:rgba(255,255,255,.26)}
.signbtn[disabled]{opacity:.55;cursor:default}
.rule{font-size:12.5px;color:var(--txt-faint);margin-top:14px;line-height:2}
.cardmi{display:flex;gap:10px}
.cardmi input{flex:1;background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:12px;padding:13px 16px;font-size:14px;color:var(--txt);outline:none;transition:.2s}
.cardmi input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
.cardmi input::placeholder{color:var(--txt-faint)}
.buyrow{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:15px}
.buy{border:1px solid var(--stroke);border-radius:14px;padding:15px;text-align:center;cursor:pointer;transition:.2s;background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.buy:hover{transform:translateY(-2px)}
.buy.on{border-color:rgba(79,140,255,.6);background:linear-gradient(160deg,rgba(79,140,255,.15),rgba(168,85,247,.08));box-shadow:var(--glow)}
.buy b{font-size:19px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.buy p{font-size:12px;color:var(--txt-dim);margin-top:5px;line-height:1.6}

/* ---------- 表格 ---------- */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{background:rgba(255,255,255,.04);text-align:left;padding:11px 13px;color:var(--txt-dim);font-weight:500;border-bottom:1px solid var(--stroke);white-space:nowrap}
td{padding:12px 13px;border-bottom:1px dashed rgba(255,255,255,.07);color:var(--body-txt)}
tr:hover td{background:rgba(255,255,255,.025)}
.tag{font-size:11.5px;border-radius:7px;padding:3px 9px;white-space:nowrap}
.tag.ok{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);color:var(--ok-txt)}
.tag.use{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);color:var(--err-txt)}
.tag.get{background:rgba(79,140,255,.12);border:1px solid rgba(79,140,255,.35);color:var(--link)}
.time{color:var(--txt-faint);font-size:12.5px}

/* ---------- 表单（通用） ---------- */
.fitem{display:flex;flex-direction:column;gap:7px}
.fitem.full{grid-column:1/-1}
.fitem label{font-size:13px;color:var(--txt-dim)}
.fitem label i{font-style:normal;color:var(--err-txt)}
.fitem input,.fitem select,.fitem textarea{background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:10px;padding:10px 14px;font-size:14px;font-family:inherit;color:var(--txt);outline:none;transition:.2s;width:100%}
.fitem input[type=checkbox]{width:auto;min-width:0;padding:0;accent-color:var(--blue,#4f8cff);cursor:pointer}
.fitem textarea{min-height:72px;resize:vertical}
.fitem input:focus,.fitem select:focus,.fitem textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,140,255,.14)}
.fitem select option{background:#0d1224;color:#e8ecf5}
.fitem input::placeholder,.fitem textarea::placeholder{color:var(--txt-faint)}
.hint{font-size:12px;color:var(--txt-faint)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}

/* ---------- 登录/注册卡片 ---------- */
.auth{max-width:430px;margin:50px auto}
.auth h1{font-size:24px;text-align:center;margin-bottom:6px;
  background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth .sub{text-align:center;font-size:13.5px;color:var(--txt-dim);margin-bottom:24px}
.auth .panel{display:flex;flex-direction:column;gap:15px}
.auth .swap{text-align:center;font-size:13.5px;color:var(--txt-dim);margin-top:16px}
.auth .swap a{color:var(--link);font-weight:600}

/* ---------- 工具条 / 操作 ---------- */
.tools{display:flex;gap:10px;margin-bottom:13px;flex-wrap:wrap}
.tools input,.tools select{background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:9px;padding:9px 13px;font-size:13.5px;color:var(--txt);outline:none}
.tools input{flex:1;min-width:180px}
.tools input::placeholder{color:var(--txt-faint)}
.tools select option{background:#0d1224;color:#e8ecf5}
.op{color:var(--link);font-size:13px;margin-right:11px;white-space:nowrap}
.op:hover{text-shadow:0 0 12px rgba(79,140,255,.8)}
.op.danger{color:var(--err-txt)}
.savebar{grid-column:1/-1;display:flex;gap:11px;margin-top:4px}

/* ---------- 后台 ---------- */
.admin{display:grid;grid-template-columns:225px 1fr;min-height:100vh}
.sbar{background:rgba(10,14,26,.8);backdrop-filter:blur(20px);border-right:1px solid var(--stroke);padding:18px 0;position:sticky;top:0;height:100vh}
.sbar .slogo{font-size:17px;font-weight:800;padding:0 20px 18px;border-bottom:1px solid var(--stroke);
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sbar a{display:block;padding:13px 20px;font-size:14px;color:var(--txt-dim);border-left:3px solid transparent;transition:.2s}
.sbar a:hover{color:#fff;background:rgba(255,255,255,.04)}
.sbar a.on{color:#fff;background:linear-gradient(90deg,rgba(79,140,255,.18),transparent);border-left-color:var(--blue)}
.content{padding:24px 28px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}
.topbar h1{font-size:21px;font-weight:800;
  background:var(--head-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ministats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}
.ms{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--stroke);border-radius:14px;padding:15px 18px;transition:.2s}
.ms:hover{border-color:rgba(79,140,255,.4)}
.ms b{font-size:24px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ms span{display:block;font-size:12px;color:var(--txt-faint);margin-top:3px}
.ms.warn b{background:linear-gradient(120deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.zone{border:2px dashed rgba(79,140,255,.4);border-radius:14px;padding:24px;text-align:center;cursor:pointer;transition:.25s;
  background:linear-gradient(160deg,rgba(79,140,255,.06),rgba(168,85,247,.04));font-size:14px;color:var(--link)}
.zone:hover{border-color:var(--blue);box-shadow:var(--glow)}
.import{display:flex;gap:16px;align-items:stretch}
.import .desc{flex:1;font-size:13px;color:var(--txt-dim);line-height:2.1;display:flex;flex-direction:column;justify-content:center}
.import .desc b{color:var(--link)}

/* ---------- 页脚 ---------- */
.footer{margin-top:52px;padding:34px 22px;text-align:center;font-size:13px;color:var(--txt-faint);line-height:2.2;
  background:linear-gradient(transparent,rgba(79,140,255,.05));border-top:1px solid var(--stroke);backdrop-filter:blur(8px)}
.footer .flink{color:var(--txt-dim)}

/* ---------- 分页 ---------- */
.pager{display:flex;gap:9px;justify-content:center;margin:30px 0;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media(max-width:960px){
  .hero{flex-direction:column}.hero-main{min-height:280px}
  .grid8{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .main2,.layout,.two-col{grid-template-columns:1fr}
  .navin{flex-wrap:wrap}.search{width:100%;order:5;margin-left:0}
  .nav-links{overflow-x:auto;width:100%}
  .admin{grid-template-columns:1fr}.sbar{position:static;height:auto;display:flex;overflow-x:auto}
  .sbar .slogo{border:none;padding-bottom:0}
  .credithero,.buyrow,.form,.ministats,.import{grid-template-columns:1fr}
  .dl{position:static}
  .side{position:static}
}

/* 图片加载失败占位（外链防盗链/图片丢失时） */
.img-fallback{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}
.shot.img-fallback::after{content:"截图暂缺"}

/* ===== 详情页正文图文流（采集来的结构化正文） ===== */
.post-body{font-size:14.5px;line-height:2;color:var(--body-txt)}
.post-body h3{font-size:16.5px;color:#fff;margin:26px 0 12px;padding-left:12px;
  border-left:3px solid #8b5cf6;line-height:1.6;font-weight:600}
.post-body h3:first-child{margin-top:0}
.post-body h3.sub{font-size:15.5px;border-left-color:#3b82f6}
.post-body p{margin:0 0 14px}
.post-body figure{margin:20px 0;border-radius:14px;overflow:hidden;
  border:1px solid var(--stroke);background:#0d1224}
.post-body figure img{display:block;width:100%;height:auto;cursor:zoom-in;transition:.3s}
.post-body figure img:hover{opacity:.93;transform:scale(1.005)}
.post-body ul,.post-body ol{margin:0 0 14px;padding-left:22px}
.post-body li{margin:6px 0}
.post-body a{color:var(--link)}

/* 安装教程折叠 */
.tut-fold summary{cursor:pointer;list-style:none;outline:none}
.tut-fold summary::-webkit-details-marker{display:none}
.tut-fold summary h3{display:inline-block}
.tut-fold summary::after{content:"展开";float:right;font-size:12.5px;color:var(--link)}
.tut-fold[open] summary::after{content:"收起"}

/* 图片灯箱 */
#lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
  background:rgba(6,8,18,.92);backdrop-filter:blur(10px);cursor:zoom-out;padding:3vh 3vw}
#lb.on{display:flex}
#lb img{max-width:100%;max-height:94vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6)}

/* ---------- 失效报告条（详情页右栏底部） ---------- */
.repbar{margin-top:14px;padding-top:13px;border-top:1px dashed rgba(255,255,255,.12)}
.repbar form{margin:0;display:block}
.rp{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;
  border-radius:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);font-family:inherit;font-size:13px;color:var(--txt);
  cursor:pointer;transition:.2s;line-height:1.6}
.rp b{display:block;font-size:13px;color:var(--txt)}
.rp .ri{flex:none;font-size:15px;line-height:1.5}
.rp .rs{display:block;font-size:12px;color:var(--txt-faint);margin-top:2px}
.rp.act:hover{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.09);transform:translateY(-1px)}
.rp.act:hover b{color:var(--err-txt)}
.rp.link:hover{border-color:rgba(79,140,255,.45);background:rgba(79,140,255,.09)}
.rp.dim{opacity:.6;cursor:not-allowed}
.rp.ok{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08);cursor:default}
.rp.ok b{color:var(--ok-txt)}
.rp.wait{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08);cursor:default}
.rp.wait b{color:#fbbf24}

/* ---------- 缓解眼部疲劳：左侧悬浮小窗（方案A 沉浸无边框：视频即窗口） ---------- */
.ev-float{position:fixed;top:50%;transform:translateY(-50%);width:240px;z-index:80}
/* 位置变体（后台可配）：left 默认 / right 右侧居中 / 角落吸边 */
.ev-float.p-leftbottom,.ev-float.p-rightbottom{top:auto;bottom:16px;transform:none}
.ev-float.p-leftbottom{left:12px!important}
.ev-float.p-rightbottom{right:12px;left:auto!important}
.ev-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:6px;padding:8px 10px;background:linear-gradient(rgba(6,9,14,.62),rgba(6,9,14,0));pointer-events:none}
.ev-top b{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.ev-top .ev-exp{pointer-events:auto;border:1px solid rgba(255,255,255,.25);background:rgba(10,13,20,.45);color:#fff;
  font-family:inherit;font-size:11px;line-height:1;padding:4px 8px;border-radius:8px;cursor:pointer;transition:.18s}
.ev-top .ev-exp:hover{border-color:rgba(248,52,108,.6);background:rgba(248,52,108,.3)}
.ev-exp{flex:none}
.ev-wrap{position:relative;border-radius:14px;overflow:hidden;background:#0a0d14;aspect-ratio:9/16;
  max-height:calc(100vh - 140px);border:1px solid rgba(255,255,255,.08);cursor:zoom-in}
.ev-wrap video{width:100%;height:100%;object-fit:cover;display:block;background:#0a0d14}
/* 控件条：视频下方独立一行，不占画面 */
.ev-ctrl{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:5px 10px;
  border-radius:999px;background:rgba(10,13,20,.5);width:max-content;margin-left:auto;margin-right:auto}
.ev-ctrl button{width:28px;height:28px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.14);
  color:#fff;font-size:13px;line-height:1;cursor:pointer;transition:.18s}
.ev-ctrl button:hover{background:#F8346C;transform:translateY(-1px)}
.ev-ctrl input[type=range]{width:84px;height:4px;-webkit-appearance:none;appearance:none;border-radius:4px;
  background:rgba(255,255,255,.35);outline:none;cursor:pointer;accent-color:#F8346C}
.ev-ctrl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;
  border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.ev-note{margin-top:7px;text-align:center;font-size:11px;color:var(--txt-faint,#999);line-height:1.5;
  text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ev-tip{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;
  padding:0 12px;text-align:center;font-size:12px;color:rgba(255,255,255,.85);
  background:rgba(6,9,14,.55);pointer-events:none}
.ev-ph{border-radius:14px;background:rgba(127,127,127,.12);aspect-ratio:9/16;max-height:calc(100vh - 140px);
  display:flex;align-items:center;justify-content:center;font-size:12.5px;color:var(--txt-faint,#999)}

/* 放大：浮层里竖屏大画面，控件条跟着搬进浮层 */
#evBig{position:fixed;inset:0;z-index:200;display:none;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;background:rgba(5,8,14,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}
#evBig.on{display:flex}
#evBig .ev-close{position:absolute;top:18px;right:20px;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font-size:16px;
  font-family:inherit;cursor:pointer;line-height:1}
#evBig .ev-close:hover{background:rgba(248,52,108,.22);border-color:rgba(248,52,108,.5)}
.ev-wrap.big{width:min(92vw,430px);max-height:none!important;aspect-ratio:9/16;cursor:default;
  border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.7)}
#evBig .ev-ctrl{margin:0;background:rgba(255,255,255,.08)}
#evBig .ev-ctrl input[type=range]{width:110px}
/* 窄屏：悬浮窗缩小吸到右下角，不挡正文 */
@media(max-width:960px){
  .ev-float{top:auto;bottom:12px;transform:none;right:10px;left:auto!important;width:140px}
  .ev-top b{font-size:11px}
  .ev-wrap{max-height:38vh}
}

/* 右栏整栏吸底：视频下沿碰到屏幕底边后整栏钉住，回滚到原位停住 */
.dside{align-self:start}
@media(max-width:960px){
  .dside{position:static!important;top:auto!important}
}

/* ============ 会员等级标签（导航栏） ============ */
.usernav{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.usernav .uname{font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.vipb{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;line-height:1;
  padding:4px 8px;border-radius:999px;letter-spacing:.02em;vertical-align:middle}
.vipb-n{background:rgba(148,163,184,.16);color:var(--txt-dim);border:1px solid rgba(148,163,184,.3)}
.vipb-m{background:rgba(79,140,255,.16);color:var(--link);border:1px solid rgba(79,140,255,.45)}
.vipb-y{background:rgba(168,85,247,.16);color:#c9a2ff;border:1px solid rgba(168,85,247,.5)}
.vipb-gold{background:linear-gradient(95deg,rgba(212,175,55,.28),rgba(255,209,61,.2));color:#f5d878;border:1px solid rgba(212,175,55,.6)}
.vipb.soon{color:var(--err-txt);border-color:rgba(248,113,113,.55)}

/* ============ 导航栏昼夜切换按钮 ============ */
.skintgl{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:16px;cursor:pointer;transition:.2s;background:var(--glass);border:1px solid var(--stroke);padding:0}
.skintgl:hover{transform:rotate(30deg);border-color:var(--stroke-hi)}

/* ============ 皮肤 01 · 纯白极简（苹果官网风） ============ */
body.theme-white{
  --bg:#f5f6f8; --glass:#ffffff; --glass-strong:#ffffff;
  --stroke:#e6e9f2; --stroke-hi:#cfd6e4;
  --txt:#1d1d1f; --txt-dim:#5f6673; --txt-faint:#98a0ae;
  --grad:linear-gradient(120deg,#0071e3,#3f8ef7);
  --grad-soft:linear-gradient(120deg,rgba(0,113,227,.10),rgba(63,142,247,.10));
  --shadow:0 14px 44px rgba(30,40,70,.10); --glow:0 0 0 rgba(0,0,0,0);
}
body.theme-white .aurora{background:
  radial-gradient(1200px 700px at 85% -10%,rgba(0,113,227,.07),transparent 60%),
  radial-gradient(1000px 600px at -10% 20%,rgba(88,86,214,.06),transparent 60%),
  radial-gradient(900px 600px at 50% 110%,rgba(0,113,227,.05),transparent 60%),
  var(--bg)}
body.theme-white .blob{opacity:.25;filter:blur(110px)}
body.theme-white .b1{background:#bcd4ff}body.theme-white .b2{background:#d3dcff}
body.theme-white .b3{background:#ffe3ec}body.theme-white .b4{background:#c9ecff}
body.theme-white .gridlines{background:linear-gradient(rgba(20,30,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,60,.035) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%)}
body.theme-white .nav{background:rgba(255,255,255,.88)}
body.theme-white .nav-links a:hover{color:#1d1d1f;background:rgba(0,0,0,.05)}
body.theme-white .nav-links a.on{color:#0071e3;background:rgba(0,113,227,.08)}
body.theme-white ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16)}
body.theme-white .vipb-n{background:rgba(120,130,150,.12);color:#5f6673;border-color:rgba(120,130,150,.3)}

/* ============ 皮肤 03 · 极光渐变（Stripe 风） ============ */
body.theme-aurora{
  --bg:#0c0f1e; --glass:rgba(255,255,255,.05); --glass-strong:rgba(255,255,255,.09);
  --stroke:rgba(148,120,255,.18); --stroke-hi:rgba(34,211,238,.4);
  --grad:linear-gradient(120deg,#a855f7,#22d3ee);
  --grad-soft:linear-gradient(120deg,rgba(168,85,247,.22),rgba(34,211,238,.22));
  --glow:0 0 50px rgba(168,85,247,.22);
}
body.theme-aurora .aurora{background:
  radial-gradient(1100px 650px at 15% -10%,rgba(168,85,247,.22),transparent 60%),
  radial-gradient(1000px 600px at 90% 15%,rgba(34,211,238,.16),transparent 60%),
  radial-gradient(900px 600px at 50% 115%,rgba(236,72,153,.14),transparent 60%),
  var(--bg)}
body.theme-aurora .b1{background:#7c3aed}body.theme-aurora .b2{background:#0ea5e9}
body.theme-aurora .b3{background:#d946ef}body.theme-aurora .b4{background:#22d3ee}

/* ============ 皮肤 04 · 奶油暖阳（Notion 风） ============ */
body.theme-cream{
  --bg:#faf6f0; --glass:#fffdf9; --glass-strong:#ffffff;
  --stroke:#ece2d2; --stroke-hi:#dccdb4;
  --txt:#3b3229; --txt-dim:#8a7d6b;
  --txt-faint:#b3a890;
  --grad:linear-gradient(120deg,#e8862e,#f0a04b);
  --grad-soft:linear-gradient(120deg,rgba(232,134,46,.12),rgba(240,160,75,.12));
  --shadow:0 16px 44px rgba(120,90,40,.10); --glow:0 0 0 rgba(0,0,0,0);
}
body.theme-cream .aurora{background:
  radial-gradient(1200px 700px at 80% -10%,rgba(232,134,46,.08),transparent 60%),
  radial-gradient(1000px 600px at -10% 25%,rgba(240,160,75,.07),transparent 60%),
  var(--bg)}
body.theme-cream .blob{opacity:.28;filter:blur(110px)}
body.theme-cream .b1{background:#ffd9ad}body.theme-cream .b2{background:#ffe8cc}
body.theme-cream .b3{background:#ffddb8}body.theme-cream .b4{background:#ffedd6}
body.theme-cream .gridlines{background:linear-gradient(rgba(120,90,40,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,90,40,.04) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%)}
body.theme-cream .nav{background:rgba(255,251,244,.9)}
body.theme-cream .nav-links a:hover{color:#3b3229;background:rgba(120,90,40,.06)}
body.theme-cream .nav-links a.on{color:#e8862e;background:rgba(232,134,46,.1)}
body.theme-cream ::-webkit-scrollbar-thumb{background:rgba(120,90,40,.18)}
body.theme-cream .vipb-n{background:rgba(150,130,100,.13);color:#8a7d6b;border-color:rgba(150,130,100,.3)}

/* ============ 皮肤 07 · 曙光白金（奢侈品牌浅色风） ============ */
body.theme-platinum{
  --bg:#f6f1e8; --glass:#fbf8f2; --glass-strong:#ffffff;
  --stroke:#e3d9c6; --stroke-hi:#c9b98f;
  --txt:#1c1710; --txt-dim:#6b6152; --txt-faint:#a2957d;
  --grad:linear-gradient(120deg,#2b241a,#4a3f2c);
  --grad-soft:linear-gradient(120deg,rgba(176,149,90,.14),rgba(176,149,90,.08));
  --shadow:0 18px 48px rgba(90,70,30,.12); --glow:0 0 0 rgba(0,0,0,0);
}
body.theme-platinum .aurora{background:var(--bg)}
body.theme-platinum .blob{display:none}
body.theme-platinum .gridlines{background:linear-gradient(rgba(120,95,50,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,95,50,.05) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 0%,#000 20%,transparent 75%)}
body.theme-platinum .nav{background:rgba(251,248,242,.92)}
body.theme-platinum .nav-links a:hover{color:#1c1710;background:rgba(120,95,50,.07)}
body.theme-platinum .nav-links a.on{color:#8a6d1f;background:rgba(176,149,90,.14)}
body.theme-platinum ::-webkit-scrollbar-thumb{background:rgba(120,95,50,.2)}
body.theme-platinum .vipb-n{background:rgba(150,130,90,.13);color:#6b6152;border-color:rgba(150,130,90,.3)}
body.theme-platinum .vipb-gold{background:linear-gradient(95deg,rgba(176,149,90,.3),rgba(176,149,90,.18));color:#7a5f1e;border-color:rgba(138,109,31,.55)}

/* 浅色主题对比度微调 */
body.theme-white{--txt-faint:#7c8595}
body.theme-cream{--txt-faint:#97896f}
body.theme-platinum{--txt-faint:#8a7f68}

/* ============ 导航栏搜索框（原来内联写死深色底，浅色主题下不可见） ============ */
.navsearch{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--stroke);border-radius:22px;padding:8px 16px;color:var(--txt);font-size:13.5px;outline:none;transition:.2s}
.navsearch:focus{border-color:var(--stroke-hi);background:rgba(255,255,255,.09)}
.navsearch::placeholder{color:var(--txt-faint)}

/* ============ 头像（默认中性人形剪影；仅上传自定义图时显示图片） ============ */
.avx{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;
  font-weight:700;overflow:hidden;flex:none;background:var(--grad);user-select:none}
.avx img{width:100%;height:100%;object-fit:cover;display:block}
/* 默认头像：深灰底 + 浅灰人形剪影（参考系统默认头像样式） */
.avdef{background:linear-gradient(160deg,#565d6b,#3d434f);color:#c3c9d4}
.avdef svg{width:72%;height:72%;display:block}
.usernav .avx{width:26px;height:26px;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.avsm{width:26px;height:26px;font-size:12px;border-radius:8px}
.avbig{width:76px;height:76px;font-size:32px;border-radius:22px;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.filemi{flex:1;font-family:inherit;font-size:13px;color:var(--txt-dim)}
.filemi::file-selector-button{margin-right:10px;border:1px solid var(--stroke-hi);background:var(--glass);color:var(--txt);
  border-radius:8px;padding:8px 14px;font-family:inherit;font-size:12.5px;cursor:pointer}
.filemi::file-selector-button:hover{border-color:var(--blue)}

/* ============ 导航栏右侧：用户信息 / 后台 / 退出（无边框，纯文字） ============ */
.navplain{display:inline-flex;align-items:center;gap:7px;color:var(--txt);text-decoration:none;font-weight:600;
  font-size:13.5px;padding:6px 2px;background:none;border:none;white-space:nowrap;transition:.2s;cursor:pointer}
.navplain:hover{color:var(--blue)}
.navplain:hover .avx{box-shadow:0 0 0 2px var(--blue)}

/* ============ 浅色主题协调性大修（白天模式可读性） ============ */
/* 三套浅色皮肤共用：正文/链接/警示等文字色改为深色 */
body.theme-white{
  --body-txt:#3a4150; --link:#0069d2; --warn-txt:#8a5a00; --code-txt:#c2410c;
  --quote-txt:#5b21b6; --ok-txt:#0e7a5f; --err-txt:#bb2d2d;
  --head-grad:linear-gradient(120deg,#1d1d1f 30%,#0066cc);
}
body.theme-cream{
  --body-txt:#4a4033; --link:#b45309; --warn-txt:#92600a; --code-txt:#c2410c;
  --quote-txt:#6d28d9; --ok-txt:#15803d; --err-txt:#b91c1c;
  --head-grad:linear-gradient(120deg,#3b3229 30%,#c2610c);
}
body.theme-platinum{
  --body-txt:#33291a; --link:#8a6d1f; --warn-txt:#8a5a00; --code-txt:#b45309;
  --quote-txt:#6d5a1e; --ok-txt:#4d7c0f; --err-txt:#a1352c;
  --head-grad:linear-gradient(120deg,#1c1710 30%,#8a6d1f);
}
/* 幽灵按钮 / 表头 / 表格 hover：白底上换浅灰底 */
body.theme-white .btn.ghost,body.theme-cream .btn.ghost,body.theme-platinum .btn.ghost{background:rgba(20,30,60,.05);border-color:var(--stroke-hi)}
body.theme-white .btn.ghost:hover,body.theme-cream .btn.ghost:hover,body.theme-platinum .btn.ghost:hover{background:rgba(20,30,60,.10)}
body.theme-white th,body.theme-cream th,body.theme-platinum th{background:rgba(20,30,60,.045)}
body.theme-white tr:hover td,body.theme-cream tr:hover td,body.theme-platinum tr:hover td{background:rgba(20,30,60,.03)}
/* 输入框 / 虚线框 / 面包块：白底上换浅灰底 */
body.theme-white .cardmi input,body.theme-cream .cardmi input,body.theme-platinum .cardmi input,
body.theme-white .fitem input,body.theme-cream .fitem input,body.theme-platinum .fitem input,
body.theme-white .fitem select,body.theme-cream .fitem select,body.theme-platinum .fitem select,
body.theme-white .fitem textarea,body.theme-cream .fitem textarea,body.theme-platinum .fitem textarea,
body.theme-white .tools input,body.theme-cream .tools input,body.theme-platinum .tools input,
body.theme-white .tools select,body.theme-cream .tools select,body.theme-platinum .tools select{background:rgba(20,30,60,.035)}
body.theme-white .fitem select option,body.theme-cream .fitem select option,body.theme-platinum .fitem select option,
body.theme-white .tools select option,body.theme-cream .tools select option,body.theme-platinum .tools select option{background:#fff}
body.theme-white .locked,body.theme-cream .locked,body.theme-platinum .locked{background:rgba(20,30,60,.03);border-color:rgba(20,30,60,.18)}
body.theme-white .pane,body.theme-cream .pane,body.theme-platinum .pane{background:rgba(20,30,60,.04);border-color:rgba(20,30,60,.14)}
body.theme-white .buy,body.theme-cream .buy,body.theme-platinum .buy{background:rgba(20,30,60,.03)}
body.theme-white .rp,body.theme-cream .rp,body.theme-platinum .rp{background:rgba(20,30,60,.03);border-color:rgba(20,30,60,.15)}
/* 侧栏菜单：白底白字 → 深色文字 */
body.theme-white .menu a:hover,body.theme-cream .menu a:hover,body.theme-platinum .menu a:hover{color:var(--txt);background:rgba(20,30,60,.05)}
body.theme-white .menu a.on{color:#1d1d1f;background:linear-gradient(90deg,rgba(0,113,227,.12),transparent)}
body.theme-cream .menu a.on{color:#3b3229;background:linear-gradient(90deg,rgba(232,134,46,.14),transparent)}
body.theme-platinum .menu a.on{color:#1c1710;background:linear-gradient(90deg,rgba(176,149,90,.18),transparent)}
/* 个人中心头图 / 积分卡：白底上浅透明渐变会衬得白字发灰，换成实色渐变保白字 */
body.theme-white .uhead{background:linear-gradient(140deg,#2f6fed,#7c3aed)}
body.theme-cream .uhead{background:linear-gradient(140deg,#e8862e,#c2610c)}
body.theme-platinum .uhead{background:linear-gradient(140deg,#2b241a,#6b5a33)}
body.theme-white .cb1{background:linear-gradient(130deg,#f59e0b,#d97706)}
body.theme-white .cb2{background:linear-gradient(130deg,#3b82f6,#6366f1)}
body.theme-cream .cb1{background:linear-gradient(130deg,#e8862e,#c2610c)}
body.theme-cream .cb2{background:linear-gradient(130deg,#ea9d3f,#b45309)}
body.theme-platinum .cb1{background:linear-gradient(130deg,#8a6d1f,#6b5416)}
body.theme-platinum .cb2{background:linear-gradient(130deg,#4a3f2c,#2b241a)}
/* 导航栏搜索框：白底上换浅灰底（原内联白字白底看不见） */
body.theme-white .nav .navsearch{background:#eef1f7}
body.theme-cream .nav .navsearch{background:#f3ead9}
body.theme-platinum .nav .navsearch{background:#efe9dc}
/* 无封面占位：深蓝黑底改浅灰蓝，避免白天模式一片黑块 */
body.theme-white .thumb,body.theme-cream .thumb,body.theme-platinum .thumb{background:linear-gradient(135deg,#e9eef8,#dde5f2)}
body.theme-white .thumb::after,body.theme-cream .thumb::after,body.theme-platinum .thumb::after{background:linear-gradient(transparent 55%,rgba(25,35,60,.25))}
body.theme-white .shot,body.theme-cream .shot,body.theme-platinum .shot{background:#eef1f7}
body.theme-white .post-body figure,body.theme-cream .post-body figure,body.theme-platinum .post-body figure{background:#eef1f7}
/* 下载卡 / 提示条 / 徽标：浅色下压低透明度、加深文字 */
body.theme-white .dl,body.theme-cream .dl,body.theme-platinum .dl{background:linear-gradient(160deg,rgba(30,90,200,.07),rgba(255,255,255,.55));border-color:rgba(30,90,200,.28)}
body.theme-white .alert.ok,body.theme-cream .alert.ok,body.theme-platinum .alert.ok{background:rgba(16,140,100,.08)}
body.theme-white .alert.err,body.theme-cream .alert.err,body.theme-platinum .alert.err{background:rgba(200,50,50,.07)}
body.theme-white .chip,body.theme-cream .chip,body.theme-platinum .chip{background:rgba(0,113,227,.08);border-color:rgba(0,113,227,.25)}
body.theme-white .mchip,body.theme-cream .mchip,body.theme-platinum .mchip{background:rgba(0,113,227,.07);border-color:rgba(0,113,227,.22)}
body.theme-white .tested,body.theme-cream .tested,body.theme-platinum .tested{background:linear-gradient(120deg,rgba(251,191,36,.14),rgba(251,146,60,.08));border-color:rgba(202,138,4,.4)}
/* 会员标签：浅色下加深保证可读 */
body.theme-white .vipb-m,body.theme-cream .vipb-m{color:#0062c4;border-color:rgba(0,98,196,.45);background:rgba(0,113,227,.10)}
body.theme-white .vipb-y,body.theme-cream .vipb-y{color:#7c3aed;border-color:rgba(124,58,237,.45);background:rgba(124,58,237,.10)}
body.theme-white .vipb-gold,body.theme-cream .vipb-gold{color:#8a6d1f;border-color:rgba(176,149,90,.6);background:rgba(212,175,55,.16)}
body.theme-platinum .vipb-m{color:#1e5ab8;border-color:rgba(30,90,184,.45);background:rgba(30,90,184,.08)}
body.theme-platinum .vipb-y{color:#7c5a10;border-color:rgba(138,109,31,.5);background:rgba(176,149,90,.12)}
body.theme-white .vipb.soon,body.theme-cream .vipb.soon,body.theme-platinum .vipb.soon{color:#bb2d2d;border-color:rgba(187,45,45,.5)}
/* 提示 / 标签统一走变量后自动适配；列表行文字也换正文色 */
body.theme-white .hotlist li,body.theme-cream .hotlist li,body.theme-platinum .hotlist li{color:var(--body-txt)}
body.theme-white .step,body.theme-cream .step,body.theme-platinum .step{color:var(--body-txt)}