/* ===== 新启传奇私服发布网 公共样式 ===== */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#f5c451;--gold-d:#b8860b;--gold-l:#ffe9a8;
  --red:#e6392f;--red-d:#b01c15;--blue:#3d7bff;
  --bg:#0b0d1a;--bg2:#111529;--panel:rgba(22,26,48,.82);
  --line:rgba(245,196,81,.18);--txt:#e8eaf2;--sub:#9aa0bd;
}
html{scroll-behavior:smooth}
body{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--txt);line-height:1.75;font-size:15px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-l);text-decoration:none;transition:.2s}
a:hover{color:var(--gold);text-decoration:underline}
ul,ol{list-style:none}
.container{max-width:1240px;margin:0 auto;padding:0 18px;width:100%}
b,strong{color:#fff}
small{color:var(--sub)}

/* 背景氛围 */
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(245,196,81,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,196,81,.05) 1px,transparent 1px);
  background-size:44px 44px}
.bg-glow{position:fixed;top:-180px;right:-160px;width:620px;height:620px;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(245,196,81,.22),transparent 68%)}

/* 顶部信息条 */
.topbar{background:linear-gradient(90deg,#070912,#0e1124 60%,#070912);border-bottom:1px solid var(--line);position:relative;z-index:20}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:34px;font-size:12.5px;color:var(--sub);flex-wrap:wrap;gap:8px}
.topbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;box-shadow:0 0 8px #2ecc71;display:inline-block;animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.sep{color:rgba(255,255,255,.15)}
.topbar .hl{color:var(--gold-l)}
.topbar b{color:#fff}

/* 头部 */
.header{position:relative;z-index:20;background:rgba(7,9,18,.6);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:26px;padding:16px 18px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:13px;flex-shrink:0}
.logo-mark{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;
  font-size:27px;font-weight:900;color:var(--gold);
  background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0b0d1a;
  box-shadow:0 0 18px rgba(245,196,81,.45);font-family:Georgia,serif}
.logo-text{display:flex;flex-direction:column;line-height:1.25}
.logo-text strong{font-size:21px;letter-spacing:1px;color:#fff}
.logo-text small{font-size:12px;color:var(--sub)}
.search-box{flex:1;min-width:250px;max-width:470px}
.search-box form{display:flex;height:42px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.04)}
.search-box input{flex:1;border:0;background:transparent;color:#fff;padding:0 14px;font-size:14px;outline:none}
.search-box input::placeholder{color:#6b708f}
.search-box button{border:0;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0b0d1a;font-weight:700;padding:0 20px;cursor:pointer;font-size:14px}
.search-box button:hover{filter:brightness(1.1)}
.hotwords{margin-top:8px;font-size:12.5px;color:var(--sub);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hotwords span{color:var(--gold-d)}
.hotwords a{color:var(--sub);border-bottom:1px dashed transparent}
.hotwords a:hover{color:var(--gold-l);border-bottom-color:var(--gold-d)}

/* 导航 */
.nav{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#151830,#1b2142 55%,#151830);border-bottom:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,.45)}
.nav-inner{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:0 10px}
.nav-item{padding:14px 15px;font-size:15px;color:#dfe2f0;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:3px solid transparent;white-space:nowrap}
.nav-item:hover{color:var(--gold);text-decoration:none;background:rgba(245,196,81,.07)}
.nav-item.active{color:var(--gold);border-bottom-color:var(--gold);background:rgba(245,196,81,.09)}
.nav-item .ico{font-style:normal;font-size:15px}
.nav-tel{margin-left:auto;font-size:13px;color:var(--sub);padding-right:8px}
.nav-tel b{color:var(--gold-l);font-size:15px}

/* 滚动公告 */
.notice{position:relative;z-index:10;background:linear-gradient(90deg,rgba(230,57,47,.16),rgba(11,13,26,.4) 55%,rgba(245,196,81,.08));border-bottom:1px solid var(--line)}
.notice-inner{display:flex;align-items:center;height:42px;gap:14px}
.notice-tag{flex-shrink:0;display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-weight:700;font-size:14px;padding:7px 15px;border-radius:6px;box-shadow:0 0 14px rgba(230,57,47,.5)}
.horn{animation:horn 1.4s infinite}
@keyframes horn{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.notice-scroll{flex:1;overflow:hidden;height:22px;position:relative}
.notice-scroll a{display:block;position:absolute;left:0;top:0;white-space:nowrap;color:#fff;font-size:14px;line-height:22px;transition:opacity .4s}
.notice-scroll a:hover{color:var(--gold-l);text-decoration:none}
.notice-scroll a b{color:var(--gold)}

/* 通用区块 */
.section{padding:30px 0 6px}
.sec-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap;border-left:4px solid var(--gold);padding-left:13px}
.sec-title h2{font-size:21px;color:#fff;display:flex;align-items:center;gap:9px;letter-spacing:.5px}
.sec-title h2 small{font-size:13px;color:var(--sub);font-weight:400}
.sec-ico{font-style:normal}
.sec-title .more,.box-head .more{font-size:13.5px;color:var(--gold-l);font-weight:600}
.box-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.box-head h2{font-size:18px;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.box-head h2 small{font-size:12.5px;color:var(--sub);font-weight:400}
.box-head h3{font-size:17px;color:#fff}
.badge{background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-size:12px;padding:3px 9px;border-radius:5px;font-weight:700;letter-spacing:1px}

/* 首屏布局 */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:22px;padding-top:26px;position:relative;z-index:5}
.server-table,.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;backdrop-filter:blur(6px);box-shadow:0 8px 30px rgba(0,0,0,.4)}
.tabs{display:flex;gap:5px;flex-wrap:wrap}
.tabs button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--sub);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;transition:.2s}
.tabs button:hover{color:var(--gold-l);border-color:var(--gold-d)}
.tabs button.on{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0b0d1a;font-weight:700;border-color:transparent}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
thead th{background:rgba(245,196,81,.1);color:var(--gold-l);text-align:left;padding:12px 14px;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--line)}
tbody td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}
tbody tr:hover{background:rgba(245,196,81,.06)}
tbody tr:last-child td{border-bottom:0}
.col-time{color:var(--gold-l);font-weight:600;width:96px}
.col-name{font-weight:600;color:#fff}
.col-ver{width:112px}
.ver-tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12.5px;border:1px solid var(--line);color:var(--gold-l)}
.st{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.dot-g{background:#2ecc71;box-shadow:0 0 6px #2ecc71}
.dot-y{background:#f5c451;box-shadow:0 0 6px #f5c451}
.dot-r{background:#e6392f;box-shadow:0 0 6px #e6392f}
.dot-b{background:#3d7bff;box-shadow:0 0 6px #3d7bff}
.table-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:rgba(0,0,0,.22);font-size:12.5px;color:var(--sub);flex-wrap:wrap}
.legend{display:inline-flex;align-items:center;margin-right:14px}

/* 侧栏 */
.side{display:flex;flex-direction:column;gap:20px}
.side-news .news-list{padding:8px 0}
.side-news li{padding:10px 18px;border-bottom:1px dashed rgba(255,255,255,.07)}
.side-news li:last-child{border-bottom:0}
.side-news a{display:flex;gap:9px;font-size:14px;color:#e8eaf2;align-items:flex-start}
.side-news a:hover{color:var(--gold)}
.side-news .nt{color:var(--gold-d);font-weight:700;font-size:12.5px;flex-shrink:0;min-width:40px}
.side-news .ntxt{flex:1;line-height:1.55}
.side-news .nd{color:var(--sub);font-size:12px;display:block;margin-top:3px}
.rank-list{padding:8px 0}
.rank-list li{padding:9px 18px;display:flex;align-items:center;gap:11px;font-size:14px;border-bottom:1px dashed rgba(255,255,255,.07)}
.rank-list li:last-child{border-bottom:0}
.rank-list .rn{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--sub);display:grid;place-items:center;font-size:12.5px;font-weight:700;flex-shrink:0}
.rank-list li:nth-child(1) .rn{background:linear-gradient(135deg,#f5c451,#b8860b);color:#0b0d1a}
.rank-list li:nth-child(2) .rn{background:linear-gradient(135deg,#dcdde1,#95a5a6);color:#0b0d1a}
.rank-list li:nth-child(3) .rn{background:linear-gradient(135deg,#e6a15c,#a0522d);color:#fff}
.rank-list .rv{flex:1}
.rank-list .rs{color:var(--gold-l);font-size:12px}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px 4px}
.trust-i{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:12px 8px;text-align:center}
.trust-i b{display:block;font-size:22px;color:var(--gold);font-weight:800}
.trust-i span{font-size:12px;color:var(--sub)}
.trust-note{font-size:12px;color:var(--sub);padding:12px 18px 16px;line-height:1.65}

/* 版本宫格 */
.ver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
.ver-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px 16px;overflow:hidden;transition:.28s;backdrop-filter:blur(6px)}
.ver-card:hover{transform:translateY(-5px);border-color:var(--gold-d);box-shadow:0 12px 28px rgba(245,196,81,.18);text-decoration:none}
.ver-card::before{content:"";position:absolute;top:0;right:0;width:70px;height:70px;background:radial-gradient(circle at top right,rgba(245,196,81,.3),transparent 70%)}
.ver-card .vi{font-size:30px;margin-bottom:10px}
.ver-card h4{color:#fff;font-size:16px;margin-bottom:7px}
.ver-card p{font-size:12.5px;color:var(--sub);line-height:1.6}
.ver-card .vnum{position:absolute;top:12px;right:14px;font-size:11px;color:var(--gold-d)}

/* 深度文章 */
.article-area{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px}
.lead-article{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}
.lead-article:hover{border-color:var(--gold-d);box-shadow:0 10px 26px rgba(245,196,81,.15)}
.lead-article a{display:block;color:inherit;text-decoration:none}
.lead-article .thumb{height:170px;background:linear-gradient(120deg,#1c2a55,#2b1a3a);position:relative;display:grid;place-items:center;font-size:52px}
.lead-article .thumb span{position:absolute;left:14px;top:12px;background:rgba(230,57,47,.9);color:#fff;font-size:11.5px;padding:3px 9px;border-radius:20px;font-weight:700}
.lead-article .body{padding:18px 20px}
.lead-article h3{font-size:19px;color:#fff;line-height:1.5;margin-bottom:10px}
.lead-article p{font-size:14px;color:var(--sub);line-height:1.8}
.lead-article .meta{margin-top:14px;font-size:12.5px;color:var(--gold-d);display:flex;gap:14px}
.article-list{display:flex;flex-direction:column;gap:13px}
.al-item{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:14px 16px;transition:.22s}
.al-item:hover{border-color:var(--gold-d);background:rgba(245,196,81,.06);text-decoration:none;display:block}
.al-item h4{font-size:15px;color:#fff;line-height:1.55;margin-bottom:7px}
.al-item .am{font-size:12px;color:var(--gold-d);display:flex;gap:10px;align-items:center}
.sec-tabs{display:flex;gap:6px}
.sec-tabs button{border:1px solid var(--line);background:transparent;color:var(--sub);border-radius:20px;padding:6px 15px;font-size:13px;cursor:pointer}
.sec-tabs button.on{background:var(--gold);color:#0b0d1a;border-color:transparent;font-weight:700}

/* 攻沙日历 */
.cal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:13px}
.cal-day{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 14px;position:relative;overflow:hidden}
.cal-day.today{border-color:var(--gold-d);box-shadow:0 0 16px rgba(245,196,81,.25)}
.cal-day .cd-date{font-size:13px;color:var(--gold-l);font-weight:700;margin-bottom:9px;display:flex;justify-content:space-between}
.cal-day .cd-tag{font-size:11px;background:rgba(230,57,47,.2);color:#ff8a84;padding:2px 7px;border-radius:4px}
.cal-day ul{font-size:13px;color:var(--txt);line-height:1.9}
.cal-day li{border-bottom:1px dashed rgba(255,255,255,.08);padding:3px 0}
.cal-day li:last-child{border-bottom:0}

/* 信任三栏 */
.trust3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.trust3-card{background:linear-gradient(160deg,rgba(245,196,81,.08),rgba(22,26,48,.9));border:1px solid var(--line);border-radius:14px;padding:24px 20px;transition:.25s}
.trust3-card:hover{transform:translateY(-4px);border-color:var(--gold-d)}
.big-ico{font-size:40px;margin-bottom:12px}
.trust3-card h4{font-size:18px;color:#fff;margin-bottom:11px}
.trust3-card p{font-size:13.5px;color:var(--sub);line-height:1.8}
.trust3-card ul{margin-top:12px}
.trust3-card li{font-size:13px;color:var(--gold-l);padding:5px 0 5px 17px;position:relative}
.trust3-card li::before{content:"✓";position:absolute;left:0;color:var(--gold)}

/* FAQ */
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.faq-i{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px 18px}
.faq-i h4{color:var(--gold-l);font-size:15px;margin-bottom:8px;line-height:1.5}
.faq-i p{font-size:13.5px;color:var(--sub);line-height:1.75}

/* 面包屑 */
.bread{font-size:13px;color:var(--sub);padding:18px 0 0;position:relative;z-index:5}
.bread a{color:var(--gold-l)}
.bread .sep{margin:0 7px;color:#555a75}

/* 页脚 */
.footer{margin-top:44px;background:linear-gradient(180deg,#0d1022,#05060d);border-top:2px solid var(--gold-d);position:relative;z-index:5}
.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:26px;padding:38px 18px 26px}
.foot-logo{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;color:#fff;margin-bottom:13px}
.foot-desc{font-size:13px;color:var(--sub);line-height:1.8}
.foot-col h5{color:var(--gold);font-size:15px;margin-bottom:13px;letter-spacing:1px}
.foot-nav li,.foot-tags li,.foot-contact li{font-size:13.5px;padding:5px 0;color:var(--sub)}
.foot-tags{display:flex;flex-wrap:wrap;gap:8px}
.foot-tags a{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:4px 11px;color:var(--sub)}
.foot-tags a:hover{color:var(--gold);border-color:var(--gold-d);text-decoration:none}
.foot-contact li{line-height:1.7}
.foot-links{border-top:1px solid var(--line);padding:16px 18px;font-size:13px;color:var(--sub);display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.foot-links a{color:var(--gold-l)}
.foot-copy{padding:14px 18px 30px;font-size:12.5px;color:#6b708f;line-height:1.8;border-top:1px solid rgba(255,255,255,.05)}
.foot-copy a{color:var(--gold-l)}
.disclaimer{margin-top:8px}

/* ===== list.html 专用 ===== */
.page-head{padding:26px 0 20px;position:relative;z-index:5}
.page-head h1{font-size:28px;color:#fff;margin-bottom:12px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.page-head h1 small{font-size:15px;color:var(--sub);font-weight:400}
.page-head p{font-size:14.5px;color:var(--sub);line-height:1.9;max-width:950px}
.filter-bar{display:flex;flex-direction:column;gap:11px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:20px;position:relative;z-index:5}
.filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fg-label{color:var(--gold);font-weight:700;font-size:14px;min-width:82px}
.fbtn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--sub);border-radius:7px;padding:7px 15px;font-size:13.5px;cursor:pointer;transition:.2s}
.fbtn:hover{color:var(--gold-l);border-color:var(--gold-d)}
.fbtn.on{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0b0d1a;font-weight:700;border-color:transparent}
.full-table{position:relative;z-index:5}
#listTable .col-name{color:var(--gold-l);font-weight:700}
.stars{color:var(--gold);letter-spacing:2px;font-size:13px}
.stars .off{color:#454965}
.long-tag{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:4px;background:rgba(61,123,255,.18);color:#8db4ff;margin-left:6px}
.risk-tag{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:4px;background:rgba(230,57,47,.18);color:#ff8a84;margin-left:6px}
.kb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}
.kb{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold-d);border-radius:11px;padding:18px 20px}
.kb h3{font-size:16px;color:var(--gold-l);margin-bottom:10px}
.kb p{font-size:13.5px;color:var(--sub);line-height:1.85}
.next-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.next-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;position:relative}
.next-card .nc-time{font-size:13px;color:var(--gold);font-weight:700}
.next-card h4{font-size:15.5px;color:#fff;margin:8px 0}
.next-card p{font-size:12.5px;color:var(--sub);line-height:1.7}
.next-card .nc-book{position:absolute;top:14px;right:14px;font-size:11px;background:rgba(245,196,81,.16);color:var(--gold-l);padding:3px 8px;border-radius:20px}

/* ===== pingce.html 专用 ===== */
.method-card{background:linear-gradient(135deg,rgba(245,196,81,.1),rgba(22,26,48,.9));border:1px solid var(--gold-d);border-radius:14px;padding:24px 26px;margin-bottom:26px;position:relative;z-index:5}
.method-card h2{font-size:20px;color:#fff;margin-bottom:16px}
.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.method-i{background:rgba(11,13,26,.7);border:1px solid var(--line);border-radius:11px;padding:16px 14px;text-align:center}
.method-i .mi-ico{font-size:30px}
.method-i h4{font-size:15px;color:var(--gold-l);margin:9px 0 6px}
.method-i p{font-size:12.5px;color:var(--sub);line-height:1.65}
.method-i .mi-score{font-size:12px;color:var(--gold);margin-top:8px}
.method-note{font-size:13px;color:var(--sub);line-height:1.9;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.review-list{display:flex;flex-direction:column;gap:18px}
.review-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px 22px;position:relative;z-index:5}
.review-card .rc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.review-card h3{font-size:19px;color:#fff;line-height:1.45}
.review-card .rc-date{font-size:12.5px;color:var(--gold-d);white-space:nowrap}
.review-card .rc-sum{font-size:14px;color:var(--sub);line-height:1.85;margin-bottom:14px}
.score-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:15px}
.sb-i{font-size:12.5px;color:var(--sub)}
.sb-i .sb-top{display:flex;justify-content:space-between;margin-bottom:5px}
.sb-i .sb-top b{color:var(--gold-l);font-size:12.5px}
.sb-track{height:7px;background:rgba(255,255,255,.08);border-radius:10px;overflow:hidden}
.sb-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-d));border-radius:10px}
.review-card .rc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.review-card .rc-tags span{font-size:12px;padding:3px 10px;border-radius:20px;background:rgba(245,196,81,.13);color:var(--gold-l)}
.review-card .rc-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:13px;border-top:1px dashed var(--line);font-size:13px}
.review-card .rc-foot a{color:var(--gold);font-weight:700}
.review-card .rc-foot .rcm{color:var(--sub)}
.cmp-table-wrap{overflow-x:auto;position:relative;z-index:5}
.cmp-table{min-width:720px;width:100%;border-collapse:collapse;font-size:13.5px}
.cmp-table th,.cmp-table td{padding:12px 14px;border:1px solid var(--line);text-align:center;line-height:1.6}
.cmp-table thead th{background:linear-gradient(135deg,#1c2a55,#2b1a3a);color:var(--gold-l);font-weight:700}
.cmp-table tbody th{background:rgba(245,196,81,.08);color:#fff;text-align:left;font-weight:600}
.cmp-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.good{color:#5fd07a;font-weight:700}
.mid{color:var(--gold-l)}
.bad{color:#ff7b74}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;transition:.22s}
.guide-card:hover{border-color:var(--gold-d);transform:translateY(-3px);text-decoration:none;display:block}
.guide-card .gc-cat{font-size:11.5px;color:var(--gold-d);letter-spacing:1px}
.guide-card h4{font-size:16px;color:#fff;margin:8px 0 9px}
.guide-card p{font-size:13px;color:var(--sub);line-height:1.75}
.cta-section{position:relative;z-index:5}
.cta-box{background:linear-gradient(120deg,#1a2a55,#3a1f2a);border:1px solid var(--gold-d);border-radius:14px;padding:30px 34px;text-align:center}
.cta-box h3{font-size:21px;color:#fff;margin-bottom:12px}
.cta-box p{font-size:14px;color:var(--sub);line-height:1.85;max-width:800px;margin:0 auto 18px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0b0d1a;font-weight:800;padding:12px 30px;border-radius:30px;font-size:15px}
.btn:hover{filter:brightness(1.12);text-decoration:none}

/* ===== guanyu.html 专用 ===== */
.milestone{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0 30px;position:relative;z-index:5}
.ms-i{background:linear-gradient(160deg,rgba(245,196,81,.12),rgba(11,13,26,.8));border:1px solid var(--gold-d);border-radius:13px;text-align:center;padding:22px 12px}
.ms-i b{display:block;font-size:30px;color:var(--gold);font-weight:800}
.ms-i span{font-size:13px;color:var(--sub)}
.about-block{position:relative;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px 26px;margin-bottom:22px}
.about-block h2{font-size:20px;color:var(--gold-l);margin-bottom:16px;padding-left:12px;border-left:4px solid var(--gold)}
.about-block p{font-size:14.5px;color:var(--sub);line-height:1.9;margin-bottom:12px}
.about-block p:last-child{margin-bottom:0}
.about-block strong{color:var(--gold-l)}
.content-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.cm{display:block;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;padding:18px;transition:.22s}
.cm:hover{border-color:var(--gold-d);background:rgba(245,196,81,.08);text-decoration:none}
.cm b{display:block;font-size:16px;color:var(--gold);margin-bottom:7px}
.cm span{font-size:12.5px;color:var(--sub);line-height:1.65}
.process{counter-reset:p;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}
.process li{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:14px 16px 14px 44px;position:relative;font-size:13.5px;color:var(--sub);line-height:1.7}
.process li span{display:block;color:#fff;font-weight:700;margin-bottom:5px}
.process li::before{counter-increment:p;content:counter(p);position:absolute;left:14px;top:14px;width:22px;height:22px;background:var(--gold);color:#0b0d1a;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.declare-box p{font-size:14px;padding:13px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
.declare-box p:last-child{border-bottom:0}
.privacy-list li{font-size:14px;color:var(--sub);line-height:1.8;padding:8px 0 8px 22px;position:relative}
.privacy-list li::before{content:"🔒";position:absolute;left:0;top:8px;font-size:13px}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.team-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center}
.team-card .av{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0b0d1a;display:grid;place-items:center;font-size:22px;font-weight:800}
.team-card h4{font-size:16px;color:#fff;margin-bottom:9px}
.team-card p{font-size:13px;color:var(--sub);line-height:1.7}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cg{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.cg h4{font-size:16px;color:var(--gold-l);margin-bottom:10px}
.cg p{font-size:13px;color:var(--sub);line-height:1.75;margin-bottom:11px}
.cg span{font-size:13px;color:#fff;word-break:break-all;display:block;padding:7px 10px;background:rgba(245,196,81,.1);border-radius:6px}
.contact-meta{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:14px;color:var(--sub);line-height:2}
.contact-meta strong{color:var(--gold-l)}

/* 响应式 */
@media(max-width:980px){
  .hero{grid-template-columns:1fr}
  .article-area{grid-template-columns:1fr}
  .side{width:100%}
  .nav-item{padding:12px 11px;font-size:14px}
}
@media(max-width:600px){
  .header-inner{gap:14px}
  .logo-text strong{font-size:18px}
  .page-head h1{font-size:23px}
  .sec-title h2{font-size:18px}
  .topbar-inner{height:auto;padding:8px 0;font-size:11.5px}
  .nav-inner{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .nav-inner::-webkit-scrollbar{display:none}
  .footer-inner{padding:28px 18px 18px}
}
@media print{body{background:#fff;color:#000}.nav,.topbar,.notice,.footer,.search-box{display:none}}