/* =========================================================
   3DM游戏盒 · 传奇频道  ——  传奇私服发布网 / 新开传奇sf开区表
   全局样式：暗金游戏风 + 高可读性信息架构
   ========================================================= */
:root{
  --bg:#0a0514; --bg2:#11081f; --panel:#161022; --panel-2:#1d132c;
  --line:#2b1f3d; --line-2:#3a2b55;
  --txt:#e9e4f5; --txt-2:#b7adcc; --txt-3:#82779c;
  --gold:#f5c542; --gold-2:#e8872a; --gold-d:#a86a12;
  --purple:#7c5cff; --green:#25c2a0; --red:#ff5c7a; --blue:#4aa8ff;
  --radius:14px; --radius-s:9px;
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --t:.24s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--txt);
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;
  font-size:15px; line-height:1.75; -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(circle at 15% -10%,rgba(245,197,66,.10),transparent 42%),radial-gradient(circle at 88% 8%,rgba(124,92,255,.12),transparent 40%);
  background-attachment:fixed;
}
img,svg,video{max-width:100%; display:block;}
a{color:var(--gold); text-decoration:none; transition:color var(--t);}
a:hover{color:#ffe08a;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold); outline-offset:3px; border-radius:4px;}
::selection{background:var(--gold); color:#12051a;}
::-webkit-scrollbar{width:11px; height:11px;}
::-webkit-scrollbar-thumb{background:var(--line-2); border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:var(--gold-d);}
::-webkit-scrollbar-track{background:var(--bg2);}

/* ---------- 通用容器 ---------- */
.container{max-width:1240px; margin:0 auto; padding:0 22px;}
.skip-link{position:absolute; left:-999px; top:auto; background:var(--gold); color:#12051a; padding:9px 14px; font-weight:700; border-radius:0 0 8px 0; z-index:200;}
.skip-link:focus{left:0; top:0;}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.section{padding:60px 0;}
.section-alt{background:linear-gradient(180deg,rgba(22,16,34,.6),rgba(17,8,31,.4));}
.section-dark{background:linear-gradient(180deg,#10081c,#0a0514); border-top:1px solid var(--line);}
.sec-head{display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:30px; flex-wrap:wrap;}
.sec-head-light h2{color:#fff;}
.sec-eyebrow{display:block; font-size:12.5px; letter-spacing:.18em; color:var(--gold-2); text-transform:uppercase; margin-bottom:8px; font-weight:700;}
.sec-head h2{margin:0; font-size:27px; line-height:1.35; color:#f3ecff; letter-spacing:.3px;}
.sec-head h2 strong{color:var(--gold);}
.sec-more{color:var(--gold); font-size:14px; font-weight:700; white-space:nowrap; border-bottom:1px solid transparent; padding-bottom:2px;}
.sec-more:hover{border-bottom-color:var(--gold);}
.sec-actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.sec-note{font-size:12.5px; color:var(--txt-3);}
.filter-hint{font-size:13px; color:var(--txt-3);}
.fbtn{background:var(--panel); color:var(--txt-2); border:1px solid var(--line); border-radius:20px; padding:5px 14px; margin-left:6px; cursor:pointer; font-size:13px; transition:all var(--t);}
.fbtn:hover{color:var(--gold); border-color:var(--gold-d);}
.fbtn.active{background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#12051a; border-color:transparent; font-weight:700;}

/* ---------- 网格 ---------- */
.grid{display:grid; gap:20px;}
.grid-6{grid-template-columns:repeat(6,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-news{grid-template-columns:1.15fr 1fr; gap:26px; align-items:start;}

/* ---------- 顶部通知条 ---------- */
.topbar{background:linear-gradient(90deg,#1a0d00,#16051f 55%,#12041c); border-bottom:1px solid #3a2700; font-size:13px;}
.topbar-inner{display:flex; align-items:center; gap:14px; height:38px; color:#e8d9a8;}
.topbar-tag{flex:none; background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#12051a; font-weight:800; padding:3px 11px; border-radius:20px; font-size:12px;}
.marquee{flex:1; overflow:hidden; position:relative; height:20px;}
.marquee-list{margin:0; padding:0; list-style:none; position:relative; height:100%;}
.marquee-list li{position:absolute; inset:0; display:flex; align-items:center; white-space:nowrap; opacity:0; transform:translateY(12px); animation:mq 20s linear infinite; font-size:13px;}
.marquee-list li:nth-child(1){animation-delay:0s;}
.marquee-list li:nth-child(2){animation-delay:-4s;}
.marquee-list li:nth-child(3){animation-delay:-8s;}
.marquee-list li:nth-child(4){animation-delay:-12s;}
.marquee-list li:nth-child(5){animation-delay:-16s;}
@keyframes mq{0%{opacity:0; transform:translateY(12px);} 6%,20%{opacity:1; transform:translateY(0);} 24%,100%{opacity:0; transform:translateY(-12px);}}
.topbar-time{flex:none; font-variant-numeric:tabular-nums; color:var(--gold); font-weight:700; font-size:12.5px;}

/* ---------- 头部 ---------- */
.header{padding:20px 0; border-bottom:1px solid var(--line); background:rgba(10,5,20,.82); backdrop-filter:blur(8px); position:sticky; top:0; z-index:60;}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:22px;}
.logo{display:flex; align-items:center; gap:13px; color:var(--txt);}
.logo:hover{color:var(--txt);}
.logo-mark{display:grid; place-items:center; filter:drop-shadow(0 0 12px rgba(245,197,66,.55));}
.logo-text{display:flex; flex-direction:column; line-height:1.25;}
.logo-text b{font-size:22px; color:#fff; letter-spacing:.5px;}
.logo-text b span{color:var(--gold);}
.logo-text small{font-size:12px; color:var(--txt-3);}
.header-meta{display:flex; gap:22px;}
.hm{text-align:center;}
.hm b{display:block; font-size:22px; color:var(--gold); font-variant-numeric:tabular-nums; line-height:1.1;}
.hm span{font-size:11.5px; color:var(--txt-3);}

/* ---------- 导航 ---------- */
.nav{background:linear-gradient(180deg,var(--panel),var(--bg2)); border-bottom:1px solid var(--line); position:sticky; top:82px; z-index:55; box-shadow:0 6px 18px rgba(0,0,0,.35);}
.nav-inner{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.nav-list{display:flex; list-style:none; margin:0; padding:0; flex:1; min-width:280px;}
.nav-list li a{display:flex; align-items:center; gap:7px; padding:15px 17px; color:var(--txt-2); font-size:15px; font-weight:600; border-bottom:3px solid transparent; transition:all var(--t);}
.nav-list li a:hover{color:var(--gold); background:rgba(245,197,66,.07);}
.nav-list li.active a{color:var(--gold); border-bottom-color:var(--gold); background:rgba(245,197,66,.09);}
.nav-ico{font-size:16px;}
.nav-search{display:flex; gap:8px; margin-left:auto; padding:8px 0;}
.nav-search input{background:var(--bg); border:1px solid var(--line-2); border-radius:22px; padding:9px 16px; color:var(--txt); width:250px; font-size:13.5px; font-family:inherit;}
.nav-search input::placeholder{color:var(--txt-3);}
.nav-search button{background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#12051a; border:0; border-radius:22px; padding:9px 20px; font-weight:800; cursor:pointer; transition:filter var(--t);}
.nav-search button:hover{filter:brightness(1.12);}

/* ---------- Hero ---------- */
.hero{position:relative; padding:58px 0 70px; overflow:hidden; border-bottom:1px solid var(--line);}
.hero-bg{position:absolute; inset:0; z-index:0; background:radial-gradient(circle at 78% 20%,rgba(124,92,255,.22),transparent 46%),radial-gradient(circle at 12% 70%,rgba(245,197,66,.14),transparent 44%);}
.particle{position:absolute; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 14px var(--gold); animation:float 7s ease-in-out infinite; opacity:.55;}
.p1{top:14%; left:8%; animation-delay:0s;}
.p2{top:62%; left:20%; width:5px; height:5px; animation-delay:-2s;}
.p3{top:30%; left:44%; animation-delay:-4s;}
.p4{top:78%; left:58%; width:6px; height:6px; animation-delay:-1s;}
.p5{top:20%; left:72%; animation-delay:-5s;}
.p6{top:50%; left:90%; width:5px; height:5px; animation-delay:-3s;}
@keyframes float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-22px);}}
.runes{position:absolute; inset:0; display:flex; justify-content:space-around; align-items:center; font-size:30px; font-weight:900; color:rgba(245,197,66,.06); letter-spacing:.5em; pointer-events:none;}
.hero-inner{position:relative; z-index:2; display:grid; grid-template-columns:1.35fr 1fr; gap:32px; align-items:center;}
.hero-eyebrow{display:inline-block; font-size:12.5px; letter-spacing:.2em; color:var(--gold); border:1px solid var(--gold-d); border-radius:20px; padding:5px 15px; margin-bottom:18px; background:rgba(245,197,66,.08);}
.hero-copy h1{margin:0 0 18px; font-size:40px; line-height:1.28; color:#fff; letter-spacing:.5px;}
.hero-copy h1 strong{color:var(--gold); background:linear-gradient(120deg,var(--gold),var(--gold-2)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.hero-sub{margin:0 0 26px; font-size:16px; color:var(--txt-2);}
.hero-sub em{color:var(--gold); font-style:normal; font-weight:600;}
.hero-cta{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px;}
.btn{display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border-radius:28px; font-weight:800; font-size:15px; transition:all var(--t);}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#12051a; box-shadow:0 8px 22px rgba(245,197,66,.3);}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(245,197,66,.42); color:#12051a;}
.btn-ghost{background:rgba(255,255,255,.06); color:var(--txt); border:1px solid var(--line-2);}
.btn-ghost:hover{border-color:var(--gold); color:var(--gold);}
.hero-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; border-top:1px solid var(--line); padding-top:22px;}
.hero-stats div{text-align:center;}
.hero-stats dt{font-size:12px; color:var(--txt-3); margin-bottom:3px;}
.hero-stats dd{margin:0; font-size:23px; font-weight:800; color:var(--gold); font-variant-numeric:tabular-nums;}

/* Hero 右侧推荐面板 */
.hero-panel{background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line-2); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow);}
.panel-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--line);}
.panel-head h2{margin:0; font-size:16px; color:#fff;}
.live-dot{width:9px; height:9px; border-radius:50%; background:var(--red); box-shadow:0 0 0 0 rgba(255,92,122,.7); animation:pulse 1.8s infinite;}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,92,122,0);} 100%{box-shadow:0 0 0 0 rgba(255,92,122,0);}}
.hot-list{list-style:none; margin:0; padding:0;}
.hot-list li{display:flex; align-items:center; gap:12px; padding:11px 0; border-bottom:1px dashed var(--line);}
.hot-list li:last-child{border-bottom:0;}
.rank{font-size:17px; font-weight:900; color:var(--txt-3); width:28px;}
.hot-list li:nth-child(1) .rank{color:var(--gold);}
.hot-list li:nth-child(2) .rank{color:var(--gold-2);}
.hot-list li:nth-child(3) .rank{color:#c9a9ff;}
.hot-info{flex:1; min-width:0;}
.hot-info a{display:block; color:var(--txt); font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hot-info a:hover{color:var(--gold);}
.hot-tags{display:flex; gap:5px; margin-top:5px; flex-wrap:wrap;}
.tag{font-size:11px; padding:2px 8px; border-radius:12px; background:var(--bg); color:var(--txt-2); border:1px solid var(--line);}
.tag-gold{background:rgba(245,197,66,.14); color:var(--gold); border-color:var(--gold-d);}
.tag-fire{background:rgba(232,135,42,.16); color:#ffb070; border-color:var(--gold-d);}
.tag-purple{background:rgba(124,92,255,.16); color:#b3a0ff; border-color:#5a3fd0;}
.tag-safe{background:rgba(37,194,160,.15); color:var(--green); border-color:#15806a;}
.tag-warn{background:rgba(255,92,122,.15); color:var(--red); border-color:#a8364e;}
.hot-list time{font-size:12.5px; color:var(--gold); font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums;}
.panel-more{display:block; text-align:center; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); font-size:13.5px; color:var(--gold); font-weight:700;}

/* ---------- 版本卡片 ---------- */
.ver-card{background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); padding:22px 18px; color:var(--txt); transition:all var(--t); position:relative; overflow:hidden;}
.ver-card::before{content:""; position:absolute; top:-40px; right:-40px; width:100px; height:100px; background:radial-gradient(circle,rgba(245,197,66,.22),transparent 70%); opacity:0; transition:opacity var(--t);}
.ver-card:hover{transform:translateY(-6px); border-color:var(--gold-d); box-shadow:0 14px 32px rgba(0,0,0,.5);}
.ver-card:hover::before{opacity:1;}
.ver-ico{font-size:30px; display:block; margin-bottom:12px;}
.ver-card h3{margin:0 0 9px; font-size:17px; color:#fff;}
.ver-card p{margin:0 0 14px; font-size:13px; color:var(--txt-2); min-height:38px;}
.ver-count{display:inline-block; font-size:11.5px; color:var(--gold); background:rgba(245,197,66,.1); padding:3px 10px; border-radius:12px;}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); box-shadow:var(--shadow);}
.serv-table{width:100%; border-collapse:collapse; font-size:14px; min-width:820px;}
.serv-table caption{caption-side:top; text-align:left; padding:14px 18px; color:var(--txt-2); font-size:13px; border-bottom:1px solid var(--line); background:var(--panel-2);}
.serv-table th{background:linear-gradient(180deg,#1c1230,#15101f); color:var(--gold); font-size:13px; font-weight:700; text-align:left; padding:14px 16px; border-bottom:1px solid var(--line); white-space:nowrap;}
.serv-table td{padding:13px 16px; border-bottom:1px solid rgba(43,31,61,.7); vertical-align:middle;}
.serv-table tbody tr{transition:background var(--t);}
.serv-table tbody tr:hover{background:rgba(245,197,66,.07);}
.serv-table tbody tr:target,.serv-table tbody tr.highlight{background:rgba(245,197,66,.15); box-shadow:inset 4px 0 0 var(--gold);}
.row-no{font-weight:800; color:var(--txt-3); font-variant-numeric:tabular-nums;}
.serv-table td a{color:var(--txt); font-weight:700; font-size:14.5px;}
.serv-table td a:hover{color:var(--gold);}
.serv-table td small{display:block; color:var(--txt-3); font-size:12px; margin-top:2px;}
.bar{display:inline-block; width:62px; height:7px; background:var(--bg); border-radius:5px; overflow:hidden; vertical-align:middle; margin-right:8px;}
.bar i{display:block; height:100%; background:linear-gradient(90deg,var(--gold-2),var(--gold)); border-radius:5px;}
.status{display:inline-block; font-size:12px; padding:3px 10px; border-radius:12px; font-weight:700; white-space:nowrap;}
.status-live{background:rgba(37,194,160,.16); color:var(--green);}
.status-hot{background:rgba(255,92,122,.16); color:var(--red); animation:pulse 2s infinite;}
.status-wait{background:rgba(74,168,255,.15); color:var(--blue);}
.status-pre{background:rgba(245,197,66,.15); color:var(--gold);}
.risk{display:inline-block; font-size:12px; white-space:nowrap;}
.risk-low{color:var(--green);}
.risk-mid{color:var(--gold-2);}
.risk-high{color:var(--red); font-weight:700;}
.table-note{margin:14px 0 0; font-size:13px; color:var(--txt-2); background:rgba(245,197,66,.06); border-left:3px solid var(--gold-d); padding:12px 16px; border-radius:0 var(--radius-s) var(--radius-s) 0;}

/* ---------- 资讯 ---------- */
.news-feature{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:all var(--t);}
.news-feature:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--gold-d);}
.nf-img{position:relative; display:block; aspect-ratio:400/240; overflow:hidden;}
.nf-img svg{width:100%; height:100%; transition:transform .5s ease;}
.news-feature:hover .nf-img svg{transform:scale(1.05);}
.nf-badge{position:absolute; top:14px; left:14px; background:var(--red); color:#fff; font-size:11.5px; font-weight:800; padding:4px 11px; border-radius:20px;}
.nf-body{padding:20px;}
.nf-body h3{margin:0 0 11px; font-size:19px; line-height:1.5;}
.nf-body h3 a{color:#fff;}
.nf-body h3 a:hover{color:var(--gold);}
.nf-body p{margin:0; font-size:14px; color:var(--txt-2);}
.nf-foot{display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding-top:14px; border-top:1px solid var(--line);}
.nf-cat{font-size:11.5px; color:var(--gold); background:rgba(245,197,66,.1); padding:4px 11px; border-radius:12px; font-weight:700;}
.nf-meta{font-size:12px; color:var(--txt-3);}
.news-list{display:flex; flex-direction:column; gap:14px;}
.news-item{display:flex; gap:15px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:16px; transition:all var(--t);}
.news-item:hover{border-color:var(--gold-d); background:var(--panel-2);}
.news-item time{flex:none; font-size:14px; font-weight:800; color:var(--gold); width:46px; font-variant-numeric:tabular-nums; padding-top:2px;}
.news-item h3{margin:0 0 7px; font-size:15.5px; line-height:1.5;}
.news-item h3 a{color:var(--txt);}
.news-item h3 a:hover{color:var(--gold);}
.news-item p{margin:0; font-size:13px; color:var(--txt-3); line-height:1.65;}
.news-item .nf-cat{align-self:flex-start;}

/* ---------- 数据看板 ---------- */
.data-card{background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); padding:22px; display:flex; flex-direction:column; align-items:center;}
.data-card h3{margin:0 0 18px; font-size:15px; color:#fff; text-align:center;}
.data-card-wide{align-items:flex-start;}
.donut{position:relative;}
.legend{list-style:none; margin:14px 0 0; padding:0; width:100%;}
.legend li{display:flex; align-items:center; gap:9px; font-size:13px; color:var(--txt-2); padding:6px 0; border-bottom:1px dashed rgba(43,31,61,.6);}
.legend li i{width:11px; height:11px; border-radius:3px; flex:none;}
.chart{display:flex; align-items:flex-end; gap:14px; height:130px; width:100%; padding:0 6px; border-bottom:1px solid var(--line);}
.chart span{flex:1; background:linear-gradient(180deg,var(--gold),var(--gold-2)); border-radius:6px 6px 0 0; height:calc(var(--h) * 3.4px); position:relative; min-height:8px; transition:filter var(--t);}
.chart span:hover{filter:brightness(1.25);}
.chart span b{position:absolute; bottom:calc(100% + 5px); left:50%; transform:translateX(-50%); font-size:12px; color:var(--txt-2); font-weight:700;}
.chart span::after{content:attr(class); display:block; position:absolute; top:calc(100% + 7px); left:50%; transform:translateX(-50%); font-size:12px; color:var(--txt-3);}
.chart .peak{background:linear-gradient(180deg,#ffe08a,var(--gold-2)); box-shadow:0 0 14px rgba(245,197,66,.4);}
.chart-cap{margin:22px 0 0; font-size:12.5px; color:var(--txt-2); line-height:1.7;}
.audit-list{list-style:none; margin:0; padding:0; width:100%;}
.audit-list li{display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; font-size:13px; color:var(--txt-2); padding:10px 0; border-bottom:1px dashed rgba(43,31,61,.6); position:relative;}
.audit-list li b{color:var(--gold); font-variant-numeric:tabular-nums;}
.audit-list li em{position:absolute; left:0; bottom:0; height:2px; background:linear-gradient(90deg,var(--gold),var(--gold-2)); border-radius:2px;}

/* ---------- 步骤 ---------- */
.step-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); gap:16px;}
.step-list li{counter-increment:none; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:22px 18px; position:relative; transition:all var(--t);}
.step-list li:hover{border-color:var(--gold-d); transform:translateY(-4px);}
.step-no{display:block; font-size:30px; font-weight:900; background:linear-gradient(135deg,var(--gold),var(--gold-2)); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1; margin-bottom:12px;}
.step-list h3{margin:0 0 9px; font-size:16px; color:#fff;}
.step-list p{margin:0; font-size:13px; color:var(--txt-2);}

/* ---------- FAQ ---------- */
.faq-list{display:flex; flex-direction:column; gap:12px;}
.faq-item{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.faq-item summary{cursor:pointer; padding:18px 22px; font-size:16px; font-weight:700; color:var(--txt); display:flex; align-items:center; gap:12px; list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::before{content:"+"; color:var(--gold); font-size:22px; font-weight:900; flex:none; transition:transform var(--t);}
.faq-item[open] summary::before{content:"–";}
.faq-item summary:hover{color:var(--gold);}
.faq-item .faq-body{padding:0 22px 20px; color:var(--txt-2); font-size:14px; border-top:1px solid var(--line); margin-top:-4px; padding-top:16px;}
.faq-item .faq-body p{margin:0;}

/* ---------- 信任卡 ---------- */
.trust-card{background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); padding:24px 20px; text-align:center; transition:all var(--t);}
.trust-card:hover{border-color:var(--gold-d); transform:translateY(-4px);}
.trust-ico{display:block; font-size:34px; margin-bottom:14px;}
.trust-card h3{margin:0 0 10px; font-size:16px; color:#fff;}
.trust-card p{margin:0; font-size:13px; color:var(--txt-2);}

/* ---------- 页脚 ---------- */
.footer{margin-top:50px; background:linear-gradient(180deg,#0c0618,#06030d); border-top:2px solid var(--gold-d);}
.footer .container{padding-top:46px;}
.footer-top{border-bottom:1px solid var(--line); padding-bottom:34px;}
.logo-sm .logo-text b{font-size:18px;}
.foot-desc{margin:14px 0 0; font-size:13px; color:var(--txt-3); line-height:1.8;}
.foot-col h3{margin:0 0 14px; font-size:14.5px; color:var(--gold); letter-spacing:.08em;}
.foot-col ul{list-style:none; margin:0; padding:0;}
.foot-col li{margin-bottom:8px; font-size:13.5px;}
.foot-col li a{color:var(--txt-2);}
.foot-col li a:hover{color:var(--gold);}
.tag-cloud{display:flex; flex-wrap:wrap; gap:8px;}
.tag-cloud a{display:block; font-size:12.5px; color:var(--txt-2); background:var(--bg); border:1px solid var(--line); padding:5px 11px; border-radius:16px;}
.tag-cloud a:hover{color:var(--gold); border-color:var(--gold-d);}
.foot-col time,.foot-col span{color:var(--txt-2); font-size:13.5px;}
.foot-ann{margin:28px 0; padding:20px 24px; background:rgba(255,92,122,.06); border:1px solid rgba(255,92,122,.25); border-radius:var(--radius);}
.foot-ann h3{margin:0 0 10px; font-size:14.5px; color:var(--red);}
.foot-ann p{margin:0; font-size:12.5px; color:var(--txt-2); line-height:1.9;}
.foot-bottom{padding:20px 0 30px; border-top:1px solid var(--line);}
.foot-bottom p{margin:0 0 6px; font-size:12.5px; color:var(--txt-3);}
.foot-bottom a{color:var(--gold);}
.foot-meta{font-family:ui-monospace,Menlo,monospace; font-size:11.5px;}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .grid-6{grid-template-columns:repeat(3,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .step-list{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .header-inner{flex-direction:column; align-items:flex-start; gap:14px;}
  .header-meta{width:100%; justify-content:space-between;}
  .nav{top:0;}
  .nav-inner{flex-direction:column; align-items:stretch;}
  .nav-list{flex-wrap:wrap;}
  .nav-search{margin:0; padding:10px 0 14px;}
  .nav-search input{width:100%;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-copy h1{font-size:30px;}
  .hero-stats{grid-template-columns:repeat(2,1fr);}
  .grid-6,.grid-4,.grid-news,.step-list{grid-template-columns:1fr;}
  .sec-head{flex-direction:column; align-items:flex-start;}
}
@media (max-width:520px){
  .section{padding:42px 0;}
  .topbar-time{display:none;}
  .logo-text b{font-size:18px;}
  .hero-copy h1{font-size:25px;}
}
@media print{
  .topbar,.nav,.hero-bg,.particle,.marquee,.nav-search,.hero-cta,.faq-item{display:none !important;}
  body{background:#fff; color:#000;}
  a{color:#00f;}
}

/* ---------- 列表页专用 ---------- */
.page-hero{background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); padding:30px 28px; border-left:4px solid var(--gold);}
.page-hero h1{margin:0 0 14px; font-size:30px; line-height:1.35; color:#fff;}
.page-hero h1 strong{color:var(--gold);}
.page-hero p{margin:0 0 20px; font-size:15px; color:var(--txt-2); max-width:900px;}
.page-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; border-top:1px solid var(--line); padding-top:20px; margin:0;}
.page-stats div{text-align:center;}
.page-stats dt{font-size:12px; color:var(--txt-3);}
.page-stats dd{margin:2px 0 0; font-size:24px; font-weight:800; color:var(--gold); font-variant-numeric:tabular-nums;}
.chip-list{list-style:none; margin:0 0 14px; padding:0; display:flex; flex-wrap:wrap; gap:9px;}
.chip{display:inline-block; padding:8px 16px; border-radius:20px; background:var(--panel); color:var(--txt-2); border:1px solid var(--line); font-size:13.5px; font-weight:600; transition:all var(--t);}
.chip:hover{border-color:var(--gold-d); color:var(--gold);}
.chip.active{background:linear-gradient(135deg,var(--gold),var(--gold-2)); color:#12051a; border-color:transparent;}
.filter-tip{margin:0; font-size:13px; color:var(--txt-2); background:rgba(74,168,255,.07); border-left:3px solid var(--blue); padding:11px 16px; border-radius:0 var(--radius-s) var(--radius-s) 0;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.law-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:22px; transition:all var(--t);}
.law-card:hover{border-color:var(--gold-d); transform:translateY(-4px);}
.law-no{display:inline-block; font-size:11.5px; letter-spacing:.1em; color:var(--gold); background:rgba(245,197,66,.1); padding:4px 11px; border-radius:12px; margin-bottom:12px; font-weight:700;}
.law-card h3{margin:0 0 10px; font-size:16.5px; color:#fff;}
.law-card p{margin:0; font-size:13.5px; color:var(--txt-2);}
.guide-list{margin:0; padding:0; list-style:none; counter-reset:g; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.guide-list li{counter-increment:g; padding:16px 22px 16px 60px; position:relative; border-bottom:1px solid var(--line); font-size:14.5px; color:var(--txt-2);}
.guide-list li:last-child{border-bottom:0;}
.guide-list li::before{content:counter(g); position:absolute; left:20px; top:16px; font-weight:900; color:var(--gold); font-size:17px;}
.guide-list li b{color:var(--gold);}

/* ---------- 评测页专用 ---------- */
.pc-hero{background:linear-gradient(135deg,#1a1030,#12051a); border:1px solid var(--line-2); border-radius:var(--radius); padding:34px 30px; text-align:center;}
.pc-hero h1{margin:0 0 12px; font-size:31px; color:#fff;}
.pc-hero h1 strong{color:var(--gold);}
.pc-hero p{margin:0 auto; max-width:820px; color:var(--txt-2); font-size:15px;}
.pc-hero .pc-meta{margin-top:16px; font-size:12.5px; color:var(--gold);}
.art-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:26px 28px; margin-bottom:26px; scroll-margin-top:110px; transition:border-color var(--t);}
.art-card:target{border-color:var(--gold); box-shadow:0 0 0 1px var(--gold), 0 12px 30px rgba(0,0,0,.45);}
.art-head{display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid var(--line);}
.art-cat{font-size:11.5px; font-weight:700; color:var(--gold); background:rgba(245,197,66,.12); padding:5px 12px; border-radius:14px; white-space:nowrap;}
.art-card h2{margin:0; font-size:22px; line-height:1.45; color:#fff; flex:1;}
.art-card h2 a{color:#fff;}
.art-card h2 a:hover{color:var(--gold);}
.art-info{font-size:12.5px; color:var(--txt-3); white-space:nowrap; text-align:right;}
.art-body{font-size:15px; color:var(--txt-2);}
.art-body p{margin:0 0 15px;}
.art-body h3{font-size:17px; color:#fff; margin:24px 0 11px; padding-left:12px; border-left:3px solid var(--gold);}
.art-body ol,.art-body ul{margin:0 0 15px; padding-left:22px;}
.art-body li{margin-bottom:8px;}
.art-body strong{color:var(--gold);}
.art-body table{width:100%; border-collapse:collapse; margin:16px 0; font-size:13.5px; background:var(--bg2); border-radius:var(--radius-s); overflow:hidden;}
.art-body th{background:#1c1230; color:var(--gold); padding:11px 13px; text-align:left; font-weight:700;}
.art-body td{padding:10px 13px; border-top:1px solid var(--line); color:var(--txt-2);}
.art-body blockquote{margin:18px 0; padding:14px 18px; background:rgba(245,197,66,.07); border-left:4px solid var(--gold); border-radius:0 var(--radius-s) var(--radius-s) 0; color:var(--txt); font-size:14.5px;}
.art-body blockquote cite{display:block; margin-top:8px; font-size:12.5px; color:var(--txt-3); font-style:normal;}
.art-foot{margin-top:20px; padding-top:16px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
.art-tags{display:flex; gap:7px; flex-wrap:wrap;}
.art-tags a{font-size:12px; color:var(--txt-2); border:1px solid var(--line); padding:4px 11px; border-radius:14px;}
.art-tags a:hover{color:var(--gold); border-color:var(--gold-d);}
.art-back{font-size:13px; color:var(--gold); font-weight:700;}
.toc{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:20px 24px; margin-bottom:30px;}
.toc h3{margin:0 0 12px; font-size:16px; color:var(--gold);}
.toc ol{margin:0; padding-left:20px; columns:2; column-gap:34px;}
.toc li{margin-bottom:8px; break-inside:avoid;}
.toc a{color:var(--txt-2); font-size:14px;}
.toc a:hover{color:var(--gold);}
.rank-table td:first-child{color:var(--gold); font-weight:800;}
@media (max-width:860px){.toc ol{columns:1;} .grid-3{grid-template-columns:1fr;} .page-stats,.art-info{font-size:12px;}}

/* ---------- 关于我们页专用 ---------- */
.team-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:24px; transition:all var(--t);}
.team-card:hover{border-color:var(--gold-d); transform:translateY(-4px);}
.team-role{display:inline-block; font-size:11.5px; letter-spacing:.1em; color:var(--gold); background:rgba(245,197,66,.1); padding:4px 12px; border-radius:12px; margin-bottom:13px; font-weight:700;}
.team-card h3{margin:0 0 11px; font-size:17px; color:#fff;}
.team-card p{margin:0; font-size:13.5px; color:var(--txt-2);}
.policy-note{margin:22px 0 0; font-size:13.5px; color:var(--txt-2); background:rgba(124,92,255,.08); border-left:3px solid var(--purple); padding:14px 18px; border-radius:0 var(--radius-s) var(--radius-s) 0;}
.policy-note strong{color:#b3a0ff;}
.step-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:24px; border-top:3px solid var(--gold);}
.step-num{display:inline-block; font-size:12px; font-weight:800; color:#12051a; background:linear-gradient(135deg,var(--gold),var(--gold-2)); padding:4px 12px; border-radius:14px; margin-bottom:14px;}
.step-card h3{margin:0 0 12px; font-size:17px; color:#fff;}
.step-card ul{margin:0 0 14px; padding-left:19px;}
.step-card li{font-size:13px; color:var(--txt-2); margin-bottom:7px;}
.step-result{margin:0; font-size:12.5px; color:var(--txt-3); border-top:1px dashed var(--line); padding-top:11px;}
.step-result strong{color:var(--gold);}
.sub-title{margin:34px 0 16px; font-size:18px; color:#fff; padding-left:12px; border-left:3px solid var(--gold);}
.std-table{width:100%; border-collapse:collapse; font-size:13.5px; background:var(--panel); border-radius:var(--radius); overflow:hidden; border:1px solid var(--line);}
.std-table caption{caption-side:top; text-align:left; padding:14px 16px; color:var(--txt-2); font-size:13px; background:var(--panel-2); border-bottom:1px solid var(--line);}
.std-table th{background:#1c1230; color:var(--gold); padding:12px 15px; text-align:left; font-weight:700;}
.std-table td{padding:12px 15px; border-top:1px solid var(--line); color:var(--txt-2); vertical-align:middle;}
.std-table td:first-child{white-space:nowrap;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.trap-card{background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line); border-radius:var(--radius); padding:24px; position:relative; overflow:hidden;}
.trap-card::before{content:""; position:absolute; top:0; right:0; width:70px; height:70px; background:radial-gradient(circle at top right,rgba(255,92,122,.18),transparent 70%);}
.trap-no{display:block; font-size:12px; font-weight:800; color:var(--red); letter-spacing:.08em; margin-bottom:11px;}
.trap-card h3{margin:0 0 11px; font-size:17px; color:#fff;}
.trap-card p{margin:0 0 12px; font-size:13.5px; color:var(--txt-2);}
.trap-how{margin:0 !important; font-size:13px; color:var(--txt-2); background:rgba(37,194,160,.07); border-left:3px solid var(--green); padding:11px 14px; border-radius:0 var(--radius-s) var(--radius-s) 0;}
.trap-how strong{color:var(--green);}
.checklist{margin-top:26px; background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--gold); border-radius:var(--radius); padding:24px 28px;}
.checklist h3{margin:0 0 15px; font-size:18px; color:var(--gold);}
.checklist ol{margin:0 0 14px; padding-left:22px;}
.checklist li{font-size:14px; color:var(--txt-2); margin-bottom:9px;}
.checklist-tip{margin:0; font-size:13px; color:var(--txt-3);}
.method-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:24px; text-align:center; transition:all var(--t);}
.method-card:hover{border-color:var(--gold-d); transform:translateY(-4px);}
.method-ico{display:block; font-size:34px; margin-bottom:13px;}
.method-card h3{margin:0 0 10px; font-size:16px; color:#fff;}
.method-card p{margin:0; font-size:13px; color:var(--txt-2);}
.method-note{margin-top:22px; font-size:13px; color:var(--txt-2); background:rgba(245,197,66,.06); border-left:3px solid var(--gold-d); padding:13px 17px; border-radius:0 var(--radius-s) var(--radius-s) 0;}
.fb-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:24px;}
.fb-card h3{margin:0 0 12px; font-size:17px; color:#fff;}
.fb-card p{margin:0 0 11px; font-size:13.5px; color:var(--txt-2);}
.fb-card ul{margin:0; padding-left:19px;}
.fb-card li{font-size:13px; color:var(--txt-2); margin-bottom:7px;}
.fb-card strong{color:var(--gold);}

/* ---------- 网站地图页专用 ---------- */
.struct-map{position:relative; background:linear-gradient(180deg,#140a24,#0d0418); border:1px solid var(--line); border-radius:var(--radius); padding:30px 26px; min-height:360px; overflow:hidden;}
.struct-lines{position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;}
.struct-center{position:relative; z-index:2; display:flex; justify-content:center; margin-bottom:34px;}
.struct-branch{position:relative; z-index:2; margin-bottom:26px;}
.struct-branch.struct-l{margin-left:4%;}
.struct-branch.struct-r{margin-left:54%;}
.struct-branch.struct-bl{margin-left:8%;}
.struct-branch.struct-br{margin-left:50%;}
.struct-node{display:inline-block; background:linear-gradient(180deg,var(--panel-2),var(--panel)); border:1px solid var(--line-2); border-radius:var(--radius); padding:14px 20px; color:var(--txt); transition:all var(--t);}
.struct-node:hover{border-color:var(--gold); transform:translateY(-3px); box-shadow:0 10px 26px rgba(245,197,66,.18); color:var(--gold);}
.struct-main{padding:20px 30px; border-color:var(--gold-d); box-shadow:0 0 22px rgba(245,197,66,.22);}
.struct-main b{font-size:19px;}
.struct-node b{display:block; font-size:15.5px; color:#fff; margin-bottom:4px;}
.struct-node:hover b{color:var(--gold);}
.struct-node small{font-size:12px; color:var(--txt-3);}
.struct-sitemap{border-color:var(--green);}
.struct-note{margin:16px 0 0; font-size:13px; color:var(--txt-2); background:rgba(37,194,160,.06); border-left:3px solid var(--green); padding:12px 16px; border-radius:0 var(--radius-s) var(--radius-s) 0;}
code,.foot-meta,table td code{font-family:ui-monospace,Menlo,Consolas,monospace; font-size:12.5px; color:#c9a9ff; background:rgba(124,92,255,.1); padding:1px 6px; border-radius:5px;}
.idx-card{display:flex; flex-direction:column; gap:6px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:18px; transition:all var(--t);}
.idx-card:hover{border-color:var(--gold-d); transform:translateY(-4px); background:var(--panel-2);}
.idx-name{font-size:16px; font-weight:800; color:var(--gold);}
.idx-num{font-size:12.5px; color:var(--green); font-variant-numeric:tabular-nums;}
.idx-desc{font-size:12.5px; color:var(--txt-3);}