:root{
  --bg:#0B0620; --bg2:#100A28; --card:#17102E; --card2:#1E1538; --line:#2E2158;
  --txt:#F4F1FF; --mut:#B9B0D6; --pri:#7C3AED; --acc:#EC4899; --ok:#34D399;
  --r:16px; --glow:0 0 0 1px rgba(124,58,237,.35),0 8px 40px rgba(124,58,237,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(900px 400px at 20% -5%,rgba(124,58,237,.25),transparent 60%),radial-gradient(800px 380px at 85% 0%,rgba(236,72,153,.18),transparent 60%),var(--bg);color:var(--txt);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.7}
a{color:#C4B5FD}
img{max-width:100%;height:auto;border-radius:12px}
.nx-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
/* 悬浮胶囊导航 */
.nx-topwrap{position:sticky;top:12px;z-index:50;padding:0 12px}
.nx-pill{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:14px;background:rgba(23,16,46,.85);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:10px 14px;box-shadow:var(--glow)}
.nx-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt)}
.nx-brand img{width:34px;height:34px;border-radius:10px}
.nx-brand span{font-weight:800;line-height:1.1;display:flex;flex-direction:column}
.nx-brand small{font-weight:400;color:var(--mut);font-size:11px}
.nx-nav{display:flex;gap:4px;margin-left:auto}
.nx-nav a{color:var(--txt);text-decoration:none;padding:8px 13px;border-radius:999px;font-size:14px}
.nx-nav a:hover{background:rgba(124,58,237,.25)}
.nx-cta{display:flex;gap:8px}
.nx-btn{display:inline-block;text-decoration:none;border-radius:999px;padding:10px 20px;font-weight:700;border:1px solid transparent;cursor:pointer;font-size:14px}
.nx-solid{background:linear-gradient(135deg,var(--pri),var(--acc));color:#fff;box-shadow:0 6px 24px rgba(236,72,153,.4)}
.nx-ghost{border-color:var(--pri);color:#DDD0FF;background:rgba(124,58,237,.12)}
.nx-line{border-color:var(--line);color:var(--txt);background:transparent}
.nx-btn:hover{filter:brightness(1.1)}
.nx-burger{display:none;background:none;border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:8px 12px}
.nx-mobile{max-width:1120px;margin:8px auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column}
.nx-mobile a{color:var(--txt);text-decoration:none;padding:10px 12px;border-radius:10px}
.nx-mobile a:hover{background:rgba(124,58,237,.2)}
/* Hero 居中大字 */
.nx-hero{text-align:center;padding:64px 0 30px;background-image:linear-gradient(rgba(124,58,237,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.12) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(700px 420px at 50% 0%,#000 60%,transparent 100%)}
.nx-hero-inner{max-width:860px;margin:0 auto;padding:0 20px}
.nx-eyebrow{display:inline-block;border:1px solid var(--pri);color:#DDD0FF;border-radius:999px;padding:6px 16px;font-size:13px;background:rgba(124,58,237,.15)}
.nx-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.25;margin:18px 0 12px;letter-spacing:1px}
.nx-hero h1 em{font-style:normal;background:linear-gradient(90deg,#C4B5FD,#F9A8D4);-webkit-background-clip:text;background-clip:text;color:transparent}
.nx-sub{color:var(--mut);font-size:17px;margin:0 0 16px}
.nx-checks{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.nx-checks li{border:1px solid var(--line);background:rgba(30,21,56,.8);border-radius:999px;padding:7px 15px;font-size:13px}
.nx-checks li::before{content:"✓ ";color:var(--ok);font-weight:800}
.nx-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.nx-fine{color:var(--mut);font-size:13px}
.nx-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0}
.nx-badges span{font-size:12px;border:1px dashed rgba(196,181,253,.5);border-radius:999px;padding:5px 13px;color:#DDD0FF}
.nx-hero-shot{margin:22px auto 0;max-width:760px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--glow);background:var(--card)}
.nx-hero-shot img{border-radius:0;display:block;width:100%}
.nx-hero-shot figcaption{padding:10px 14px;color:var(--mut);font-size:13px;border-top:1px solid var(--line)}
/* 跑马灯 */
.nx-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(30,21,56,.6);margin-top:26px}
.nx-track{display:flex;gap:26px;white-space:nowrap;padding:11px 0;animation:nxscroll 26s linear infinite;font-size:13px;color:#DDD0FF}
@keyframes nxscroll{to{transform:translateX(-50%)}}
/* 数据条 */
.nx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
.nx-stat{background:linear-gradient(180deg,rgba(124,58,237,.18),rgba(30,21,56,.9));border:1px solid var(--line);border-radius:var(--r);padding:18px 12px;text-align:center}
.nx-stat em{font-style:normal;font-size:30px;font-weight:800;font-family:ui-monospace,"JetBrains Mono",Consolas,monospace;background:linear-gradient(90deg,#C4B5FD,#F9A8D4);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.nx-stat span{color:var(--mut);font-size:13px}
/* 通用分区 */
.nx-sec{padding:34px 0}
.nx-sec-h{text-align:center;margin-bottom:20px}
.nx-sec-h .nx-k{color:var(--acc);font-family:ui-monospace,Consolas,monospace;font-size:13px;letter-spacing:2px}
.nx-sec-h h2{margin:6px 0;font-size:26px}
.nx-sec-h p{color:var(--mut);margin:0}
/* 介绍+轮播 */
.nx-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}
.nx-copy{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.nx-copy p{margin:0 0 12px;color:#E6E0FA}
.nx-carousel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.nx-stage{position:relative}
.nx-slide{display:none;margin:0}
.nx-slide.is-on{display:block}
.nx-slide img{border-radius:0;display:block;width:100%;cursor:zoom-in}
.nx-slide figcaption{padding:10px 14px;color:var(--mut);font-size:13px;border-top:1px solid var(--line)}
.nx-arrow{position:absolute;top:40%;background:rgba(11,6,32,.7);border:1px solid var(--line);color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:20px}
.nx-prev{left:10px}.nx-next{right:10px}
.nx-thumbs{display:flex;gap:8px;padding:12px;overflow-x:auto;border-top:1px solid var(--line)}
.nx-thumb{border:2px solid transparent;background:none;padding:0;border-radius:10px;cursor:pointer;flex:0 0 auto}
.nx-thumb.is-on{border-color:var(--acc)}
.nx-thumb img{width:86px;height:52px;object-fit:cover;display:block;border-radius:8px}
/* 灯箱 */
.nx-light{position:fixed;inset:0;background:rgba(5,2,15,.9);display:flex;align-items:center;justify-content:center;z-index:99;padding:20px}
.nx-light img{max-height:82vh;border:1px solid var(--line)}
/* Tab功能 */
.nx-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}
.nx-tab{border:1px solid var(--line);background:var(--card);color:var(--txt);border-radius:999px;padding:9px 18px;cursor:pointer;font-size:14px}
.nx-tab.is-on{background:linear-gradient(135deg,var(--pri),var(--acc));border-color:transparent;font-weight:700}
.nx-panels{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.nx-panel{display:none}
.nx-panel.is-on{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}
.nx-panel h3{margin:0 0 8px;font-size:20px}
.nx-panel p{color:#E6E0FA;margin:0 0 10px}
.nx-tags{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.nx-tags span{font-size:12px;background:rgba(124,58,237,.18);border:1px solid var(--line);border-radius:999px;padding:4px 12px}
.nx-tabfrom{color:var(--mut);font-size:12px}
.nx-panel figure{margin:0}
.nx-panel figure img{border:1px solid var(--line)}
/* 兼容墙 */
.nx-compat{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(236,72,153,.12));border:1px solid var(--line);border-radius:var(--r);padding:22px;text-align:center}
.nx-compat .nx-tags{justify-content:center}
.nx-os{background:rgba(52,211,153,.15)!important;border-color:rgba(52,211,153,.4)!important}
/* 价格对比表 */
.nx-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
table.nx-price{width:100%;border-collapse:collapse;min-width:760px}
table.nx-price th,table.nx-price td{padding:14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:top;font-size:14px}
table.nx-price thead th{background:rgba(124,58,237,.15)}
table.nx-price .rec{background:linear-gradient(180deg,rgba(236,72,153,.22),rgba(124,58,237,.12));position:relative}
.nx-stamp{display:inline-block;background:linear-gradient(135deg,var(--pri),var(--acc));border-radius:999px;font-size:11px;padding:2px 10px;margin-bottom:6px}
.nx-sum{font-size:28px;font-weight:800;font-family:ui-monospace,Consolas,monospace}
.nx-sum small{font-size:12px;color:var(--mut)}
.nx-price ul{list-style:none;padding:0;margin:8px 0;color:var(--mut);font-size:13px}
.nx-price .nx-btn{margin:4px 2px;padding:8px 14px;font-size:13px}
/* 三步 */
.nx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.nx-step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center}
.nx-step b{font-family:ui-monospace,monospace;color:var(--acc);font-size:13px}
.nx-step h3{margin:6px 0}
/* 文章卡 */
.nx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.nx-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column}
.nx-card:hover{border-color:var(--pri);box-shadow:var(--glow)}
.nx-card h3{margin:8px 0;font-size:16px;line-height:1.5}
.nx-card h3 a{color:var(--txt);text-decoration:none}
.nx-card h3 a:hover{color:#C4B5FD}
.nx-card p{color:var(--mut);font-size:13px;flex:1}
.nx-meta{font-size:12px;color:var(--acc)}
/* 日志 */
.nx-log{list-style:none;padding:0;margin:0;border-left:2px solid var(--pri);margin-left:8px}
.nx-log li{padding:10px 0 10px 18px;position:relative;color:#E6E0FA;font-size:14px}
.nx-log li::before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--pri),var(--acc))}
.nx-log b{font-family:ui-monospace,monospace;color:#F9A8D4;margin-right:8px}
/* FAQ */
.nx-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:14px 16px}
.nx-faq summary{cursor:pointer;font-weight:700}
.nx-faq p{color:var(--mut);margin:8px 0 0}
/* QQ大卡 */
.nx-qq{background:linear-gradient(135deg,#2A1658,#3B0F3A);border:1px solid var(--pri);border-radius:20px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;box-shadow:var(--glow)}
.nx-qq-no{font-size:38px;font-weight:800;font-family:ui-monospace,monospace;letter-spacing:2px;margin:8px 0}
.nx-qq ul{margin:0 0 10px;padding-left:18px;color:#E6E0FA}
/* 售后 */
.nx-service{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nx-service article{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center}
.nx-service h3{margin:0 0 6px;font-size:15px}
.nx-service p{color:var(--mut);font-size:13px;margin:0}
/* 最终CTA */
.nx-final{background:linear-gradient(135deg,var(--pri),var(--acc));border-radius:20px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nx-final h2{margin:0 0 6px}
.nx-final p{margin:0;opacity:.9}
.nx-final .nx-btn{background:#fff;color:#4C1D95}
/* 页脚 */
.nx-foot{border-top:1px solid var(--line);margin-top:30px;background:rgba(16,10,40,.9)}
.nx-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;padding:26px 20px}
.nx-foot-links a{color:var(--mut);text-decoration:none}
.nx-disclaimer{padding:0 20px 22px;color:var(--mut);font-size:12px}
/* 文章详情 */
.nx-article{max-width:820px;margin:0 auto;padding:34px 20px}
.nx-article h1{font-size:30px;line-height:1.4}
.nx-article h2{margin-top:28px;border-left:4px solid var(--acc);padding-left:12px}
.nx-article .nx-meta{margin:10px 0}
.nx-article figure{margin:18px 0}
.nx-crumb{font-size:13px;color:var(--mut);margin-bottom:14px}
.nx-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.nx-rel a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--txt);text-decoration:none;font-size:14px}
.nx-cta-box{background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(236,72,153,.18));border:1px solid var(--pri);border-radius:var(--r);padding:20px;margin-top:24px;text-align:center}
@media(max-width:900px){
  .nx-nav,.nx-cta{display:none}.nx-burger{display:block;margin-left:auto}
  .nx-intro,.nx-panel.is-on,.nx-qq{grid-template-columns:1fr}
  .nx-stats{grid-template-columns:repeat(2,1fr)}
  .nx-cards,.nx-steps,.nx-service{grid-template-columns:1fr}
  .nx-foot-grid{grid-template-columns:1fr}
  .nx-rel{grid-template-columns:1fr}
}