/* ============================================================
   311完美 · 完美国际私服 / 完美世界私服 发布网
   全站样式 style.css —— 暗金色系 · 大气隆重 · PC/移动自适应
   作者：311完美  www.311wm.cn
   ============================================================ */

/* ---------- 设计变量 ---------- */
:root{
  --bg:#0c0a05;          /* 页面底色 */
  --bg2:#121008;         /* 区块底色 */
  --panel:#17130a;       /* 卡片面板 */
  --panel2:#1d170c;      /* 卡片高亮 */
  --gold:#d4af37;        /* 主金 */
  --gold-l:#f5e3a6;      /* 亮金 */
  --gold-d:#8a6d1f;      /* 深金 */
  --gold-dd:#57430f;     /* 暗金描边 */
  --line:rgba(212,175,55,.20);
  --line2:rgba(212,175,55,.45);
  --text:#d9c9a3;        /* 正文 */
  --text-dim:#a08f68;    /* 弱化文字 */
  --text-dark:#6f6247;
  --red:#d0452c;
  --green:#4fa86b;
  --blue:#4f8ac9;
  --grad-gold:linear-gradient(135deg,#8a6d1f 0%,#d4af37 35%,#f5e3a6 50%,#d4af37 65%,#8a6d1f 100%);
  --grad-title:linear-gradient(180deg,#f9ecc0 0%,#e8c864 45%,#b8860b 100%);
  --shadow:0 6px 24px rgba(0,0,0,.45);
  --radius:8px;
}

/* ---------- 基础重置 ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
  color:var(--text);
  font-size:14px;
  line-height:1.7;
  background-color:var(--bg);
  background-image:url("../images/bj.png");
  background-size:cover;
  background-position:center top;
  background-attachment:fixed;
  min-height:100vh;
}
body::before{ /* 全局暗化遮罩，保证文字可读 */
  content:"";position:fixed;inset:0;z-index:-1;
  background:radial-gradient(ellipse at 50% 0%,rgba(20,16,8,.55) 0%,rgba(10,8,4,.82) 70%,rgba(6,5,2,.9) 100%);
}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold-l)}
ul,ol{list-style:none}
input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}
::selection{background:var(--gold);color:#1a1408}

/* 滚动条 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0d0a05}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#57430f,#8a6d1f);border-radius:5px;border:2px solid #0d0a05}
::-webkit-scrollbar-thumb:hover{background:#b8860b}

/* ---------- 通用容器 ---------- */
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.gold-text{background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent}
.hidden{display:none!important}

/* ---------- 顶部信息栏 ---------- */
.topbar{
  background:linear-gradient(180deg,#1a1408,#0f0c05);
  border-bottom:1px solid var(--line);
  font-size:12px;
  color:var(--text-dim);
}
.topbar-in{display:flex;align-items:center;gap:18px;height:34px;overflow:hidden}
.topbar-date em{color:var(--gold);font-style:normal}
.topbar-ticker{flex:1;overflow:hidden;white-space:nowrap;position:relative;height:34px;line-height:34px}
.topbar-ticker ul{display:inline-block;padding-left:100%}
.topbar-ticker li{display:inline-block;margin-right:48px}
.topbar-ticker a{color:var(--text-dim)}
.topbar-ticker a:hover{color:var(--gold-l)}
.topbar-ticker .t-label{color:var(--gold);margin-right:10px}
.topbar-links{display:flex;gap:14px;white-space:nowrap}
.topbar-links a{color:var(--text-dim)}
.topbar-links a:hover{color:var(--gold-l)}

/* ---------- 页头 ---------- */
.header-main{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:22px 15px;flex-wrap:wrap;
}
.logo-box{display:flex;align-items:center;gap:14px;min-width:0}
.site-logo{
  width:64px;height:64px;border-radius:12px;flex:none;
  border:1px solid var(--line2);
  box-shadow:0 0 18px rgba(212,175,55,.25),var(--shadow);
  object-fit:cover;background:#0f0c05;
}
.site-name{min-width:0}
.site-title{
  font-size:30px;font-weight:900;letter-spacing:3px;line-height:1.2;
  background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 10px rgba(212,175,55,.18);
  white-space:nowrap;
}
.site-slogan{font-size:12px;color:var(--text-dim);letter-spacing:2px;margin-top:4px;white-space:nowrap}
.search-box{display:flex;flex:0 1 420px;border:1px solid var(--line2);border-radius:30px;overflow:hidden;background:rgba(13,10,5,.85);transition:box-shadow .3s}
.search-box:focus-within{box-shadow:0 0 0 2px rgba(212,175,55,.25)}
.search-input{flex:1;border:0;background:transparent;padding:10px 18px;outline:none;color:var(--text);min-width:0}
.search-input::placeholder{color:var(--text-dark)}
.search-btn{
  border:0;background:var(--grad-gold);color:#1a1408;font-weight:700;
  padding:0 26px;cursor:pointer;letter-spacing:3px;transition:filter .2s;
}
.search-btn:hover{filter:brightness(1.15)}
.header-hot{font-size:12px;color:var(--text-dim);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.header-hot a{color:var(--text-dim);border:1px solid var(--line);padding:2px 8px;border-radius:20px}
.header-hot a:hover{color:var(--gold-l);border-color:var(--gold)}

/* ---------- 主导航 ---------- */
.site-nav{
  position:relative;z-index:60;
  background:linear-gradient(180deg,#241b0b 0%,#17110a 55%,#120e07 100%);
  border-top:1px solid var(--line2);
  border-bottom:1px solid var(--gold-dd);
  box-shadow:0 4px 18px rgba(0,0,0,.5);
}
.nav-in{display:flex;align-items:center;justify-content:space-between}
.nav-list{display:flex;flex-wrap:wrap}
.nav-list li{position:relative}
.nav-list a{
  display:block;padding:13px 22px;color:var(--text);
  font-size:15px;font-weight:600;letter-spacing:2px;
  border-bottom:3px solid transparent;transition:all .25s;
}
.nav-list li:hover>a,.nav-list li.active>a{
  color:var(--gold-l);border-bottom-color:var(--gold);
  background:linear-gradient(180deg,rgba(212,175,55,.12),rgba(212,175,55,0));
}
.nav-toggle{
  display:none;border:1px solid var(--line2);background:transparent;
  color:var(--gold);width:40px;height:40px;border-radius:6px;cursor:pointer;
  align-items:center;justify-content:center;
}
.site-nav.fixed{position:fixed;top:0;left:0;right:0;animation:navIn .35s}
@keyframes navIn{from{transform:translateY(-100%)}to{transform:translateY(0)}}
body.nav-fixed{padding-top:46px}

/* ---------- 横幅 ---------- */
.banner-wrap{margin-top:16px}
.banner-box{
  position:relative;overflow:hidden;border-radius:10px;
  border:1px solid var(--line2);
  box-shadow:0 8px 30px rgba(0,0,0,.5);
}
.banner-img{width:100%;height:auto;aspect-ratio:1200/250;object-fit:cover}
.banner-tag{
  position:absolute;left:14px;top:14px;z-index:2;
  background:rgba(10,8,4,.72);border:1px solid var(--line2);
  color:var(--gold-l);font-size:12px;letter-spacing:2px;
  padding:3px 12px;border-radius:20px;
}

/* ---------- 广告位 ---------- */
.ad-zone{
  margin:14px auto 4px;border:1px dashed var(--line2);border-radius:8px;
  background:rgba(15,12,6,.6);overflow:hidden;text-align:center;
}
.ad-zone .ad-inner{
  display:flex;align-items:center;justify-content:center;min-height:90px;
  color:var(--text-dark);font-size:12px;letter-spacing:3px;text-align:center;
}
.ad-zone img,.ad-zone iframe,.ad-zone a{display:block;margin:0 auto;max-width:100%}
.ad-zone img{max-height:180px;object-fit:cover}

/* ---------- 面板/区块 ---------- */
.section{margin:26px 0}
.panel{
  position:relative;background:linear-gradient(180deg,rgba(23,19,10,.92),rgba(15,12,6,.88));
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:18px;margin-bottom:22px;
}
.panel::before,.panel::after{ /* 金色角饰 */
  content:"";position:absolute;width:26px;height:26px;pointer-events:none;
  border-color:var(--gold);border-style:solid;opacity:.55;
}
.panel::before{top:6px;left:6px;border-width:2px 0 0 2px}
.panel::after{bottom:6px;right:6px;border-width:0 2px 2px 0}

/* 区块标题 */
.sec-head{
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
  border-bottom:1px solid var(--line);padding-bottom:10px;
}
.sec-head .sec-icon{width:30px;height:30px;flex:none}
.sec-title{
  font-size:19px;font-weight:800;letter-spacing:3px;
  background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.sec-title small{font-size:12px;font-weight:400;color:var(--text-dim);margin-left:8px;letter-spacing:1px;-webkit-text-fill-color:var(--text-dim)}
.sec-more{margin-left:auto;font-size:12px;color:var(--text-dim);letter-spacing:1px}
.sec-more:hover{color:var(--gold-l)}
.sec-tabs{display:flex;gap:6px;margin-left:auto}
.sec-tabs button{
  border:1px solid var(--line);background:transparent;color:var(--text-dim);
  padding:3px 14px;border-radius:20px;cursor:pointer;font-size:12px;transition:all .2s;
}
.sec-tabs button.on,.sec-tabs button:hover{color:#1a1408;background:var(--grad-gold);border-color:var(--gold)}

/* ---------- 焦点区（首页头条） ---------- */
.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}
.hero-feature{
  position:relative;border-radius:10px;overflow:hidden;min-height:340px;
  border:1px solid var(--line2);box-shadow:var(--shadow);display:block;
}
.hero-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.hero-feature:hover img{transform:scale(1.06)}
.hero-mask{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:26px 24px;gap:8px;
  background:linear-gradient(180deg,rgba(8,6,3,0) 30%,rgba(8,6,3,.55) 62%,rgba(8,6,3,.92) 100%);
}
.hero-flag{
  position:absolute;left:0;top:20px;z-index:3;
  background:linear-gradient(90deg,#c0392b,#8e2417);color:#ffe9c9;
  font-size:12px;font-weight:700;padding:4px 16px;border-radius:0 20px 20px 0;
  letter-spacing:2px;
}
.hero-title{font-size:24px;font-weight:800;color:#f7eccb;letter-spacing:1px}
.hero-sub{font-size:13px;color:#d8c69c;display:flex;flex-wrap:wrap;gap:14px}
.hero-sub b{color:var(--gold-l);font-weight:600}
.hero-btn{
  align-self:flex-start;margin-top:6px;padding:7px 26px;border-radius:24px;
  background:var(--grad-gold);color:#1a1408;font-weight:700;letter-spacing:2px;font-size:13px;
  box-shadow:0 4px 14px rgba(212,175,55,.35);transition:all .25s;
}
.hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(212,175,55,.5)}
.hero-news{display:flex;flex-direction:column;gap:10px}
.hero-news-item{display:flex;gap:10px;align-items:center;background:rgba(20,16,8,.7);border:1px solid var(--line);border-radius:8px;padding:8px 10px;transition:all .2s}
.hero-news-item:hover{border-color:var(--gold);transform:translateX(4px)}
.hero-news-item img{width:66px;height:44px;object-fit:cover;border-radius:5px;flex:none}
.hero-news-item .hn-t{flex:1;font-size:13px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-news-item .hn-d{font-size:11px;color:var(--text-dark);flex:none}

/* ---------- 数据面板 ---------- */
.stats-bar{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.stat-cell{
  text-align:center;padding:20px 10px;border-radius:10px;position:relative;
  background:linear-gradient(180deg,rgba(31,24,12,.9),rgba(16,12,6,.9));
  border:1px solid var(--line);overflow:hidden;
}
.stat-cell::after{
  content:"";position:absolute;left:0;top:0;right:0;height:3px;
  background:var(--grad-gold);
}
.stat-num{
  font-size:30px;font-weight:900;font-family:"Georgia",serif;
  background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.stat-label{font-size:12px;color:var(--text-dim);letter-spacing:3px;margin-top:6px}

/* ---------- 服务器表格 ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.server-table{width:100%;border-collapse:collapse;min-width:860px}
.server-table th{
  background:linear-gradient(180deg,#2a200d,#1d1608);
  color:var(--gold-l);font-size:13px;font-weight:700;letter-spacing:2px;
  padding:11px 10px;border-bottom:2px solid var(--gold-dd);white-space:nowrap;
}
.server-table td{
  padding:11px 10px;border-bottom:1px solid rgba(212,175,55,.10);
  font-size:13px;vertical-align:middle;
}
.server-table tbody tr{transition:background .2s}
.server-table tbody tr:hover{background:rgba(212,175,55,.07)}
.server-table tbody tr.hot td{background:rgba(212,175,55,.05)}
.sv-name{font-weight:700;color:var(--gold-l);display:flex;align-items:center;gap:8px;white-space:nowrap}
.sv-name .ico-new{
  background:linear-gradient(135deg,#c0392b,#8e2417);color:#ffe9c9;font-size:10px;
  padding:1px 7px;border-radius:10px;font-weight:700;
}
.sv-name .ico-hot{
  background:linear-gradient(135deg,#d4af37,#8a6d1f);color:#1a1408;font-size:10px;
  padding:1px 7px;border-radius:10px;font-weight:700;
}
.sv-ver{color:var(--text);white-space:nowrap}
.sv-rate{color:#e8b45a;font-weight:600;white-space:nowrap}
.sv-line{color:var(--text-dim);white-space:nowrap}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.dot.on{background:#4fa86b;box-shadow:0 0 8px #4fa86b}
.dot.soon{background:#e0a72e;box-shadow:0 0 8px #e0a72e}
.sv-status{white-space:nowrap}
.sv-count{font-family:"Georgia",serif;color:var(--gold);white-space:nowrap}
.countdown{font-family:"Georgia",serif;color:#e8b45a;white-space:nowrap;letter-spacing:1px}
.btn-dl,.btn-copy{
  display:inline-block;border:0;cursor:pointer;border-radius:5px;
  font-size:12px;padding:6px 16px;letter-spacing:2px;transition:all .2s;white-space:nowrap;
}
.btn-dl{background:var(--grad-gold);color:#1a1408;font-weight:700;box-shadow:0 3px 10px rgba(212,175,55,.3)}
.btn-dl:hover{filter:brightness(1.15);transform:translateY(-1px)}
.btn-copy{background:transparent;border:1px solid var(--line2);color:var(--gold);margin-left:6px}
.btn-copy:hover{background:rgba(212,175,55,.12)}

/* ---------- 双栏混合区（完美国际专区） ---------- */
.mix-block{display:grid;grid-template-columns:340px 1fr;gap:22px}
.mix-img{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line2);min-height:240px}
.mix-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mix-img .mix-cap{
  position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;
  background:linear-gradient(180deg,rgba(8,6,3,0),rgba(8,6,3,.9));
  font-size:14px;font-weight:700;color:var(--gold-l);letter-spacing:1px;text-align:center;
}
.mix-list li{
  display:flex;align-items:center;gap:10px;padding:9px 6px;
  border-bottom:1px dashed rgba(212,175,55,.16);transition:all .2s;
}
.mix-list li:hover{padding-left:12px;background:rgba(212,175,55,.05)}
.mix-list .ml-name{flex:1;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mix-list .ml-name a{color:var(--text)}
.mix-list .ml-name a:hover{color:var(--gold-l)}
.mix-list .ml-info{font-size:12px;color:var(--text-dim);white-space:nowrap}
.mix-list .ml-hot{color:#e8b45a;font-family:"Georgia",serif}

/* ---------- 横排卡片（完美世界专区） ---------- */
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.game-card{
  position:relative;background:linear-gradient(180deg,rgba(31,24,12,.92),rgba(16,12,6,.92));
  border:1px solid var(--line);border-radius:10px;overflow:hidden;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.game-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 14px 34px rgba(0,0,0,.6)}
.game-card .gc-img{position:relative;aspect-ratio:4/3;overflow:hidden}
.game-card .gc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.game-card:hover .gc-img img{transform:scale(1.08)}
.gc-tag{
  position:absolute;left:10px;top:10px;z-index:2;font-size:11px;font-weight:700;
  padding:2px 10px;border-radius:14px;letter-spacing:1px;
}
.gc-tag.g-new{background:linear-gradient(135deg,#c0392b,#8e2417);color:#ffe9c9}
.gc-tag.g-hot{background:linear-gradient(135deg,#d4af37,#8a6d1f);color:#1a1408}
.gc-body{padding:13px 14px 15px}
.gc-name{font-size:15px;font-weight:700;color:var(--gold-l);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-desc{font-size:12px;color:var(--text-dim);height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px}
.gc-foot{display:flex;align-items:center;justify-content:space-between}
.gc-foot .gf-rate{font-size:12px;color:#e8b45a}
.gc-foot .gf-hot{font-size:12px;color:var(--text-dim);font-family:"Georgia",serif}
.gc-foot .btn-dl{padding:5px 14px;font-size:11px}

/* ---------- 时间轴（开服动态） ---------- */
.timeline{position:relative;padding-left:26px}
.timeline::before{
  content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.1));
}
.tl-item{position:relative;padding:0 0 18px 22px}
.tl-item::before{
  content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;
  background:#1a1408;border:2px solid var(--gold);box-shadow:0 0 10px rgba(212,175,55,.6);
}
.tl-item.tl-now::before{background:var(--gold);box-shadow:0 0 14px var(--gold)}
.tl-time{font-size:12px;color:var(--text-dim);font-family:"Georgia",serif}
.tl-title{font-size:14px;font-weight:700;color:var(--text);margin:3px 0}
.tl-title a{color:var(--text)}
.tl-title a:hover{color:var(--gold-l)}
.tl-desc{font-size:12px;color:var(--text-dim)}
.tl-desc .btn-dl{padding:3px 12px;font-size:11px;margin-left:8px}

/* ---------- 热门排行 ---------- */
.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rank-list li{
  display:flex;align-items:center;gap:12px;padding:8px 6px;
  border-bottom:1px dashed rgba(212,175,55,.15);
}
.rank-num{
  width:26px;height:26px;border-radius:6px;flex:none;text-align:center;line-height:26px;
  font-weight:800;font-size:13px;font-family:"Georgia",serif;color:var(--text-dim);
  background:rgba(212,175,55,.08);border:1px solid var(--line);
}
.rank-list li:nth-child(-n+3) .rank-num{
  background:var(--grad-gold);color:#1a1408;border-color:var(--gold);
  box-shadow:0 0 10px rgba(212,175,55,.4);
}
.rank-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-name a{color:var(--text)}
.rank-name a:hover{color:var(--gold-l)}
.rank-hot{font-size:12px;color:#e8b45a;font-family:"Georgia",serif}
.rank-arrow{color:var(--text-dark);font-size:11px}
.rank-arrow.up{color:var(--green)}
.rank-arrow.down{color:var(--red)}

/* ---------- 资讯卡片 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-card{
  background:linear-gradient(180deg,rgba(31,24,12,.92),rgba(16,12,6,.92));
  border:1px solid var(--line);border-radius:10px;overflow:hidden;display:block;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.news-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.55)}
.news-card .nc-img{aspect-ratio:4/3;overflow:hidden;position:relative}
.news-card .nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-card:hover .nc-img img{transform:scale(1.08)}
.nc-cat{
  position:absolute;left:10px;top:10px;font-size:11px;padding:2px 10px;border-radius:14px;
  background:rgba(10,8,4,.78);border:1px solid var(--line2);color:var(--gold-l);letter-spacing:1px;
}
.nc-body{padding:12px 14px 14px}
.nc-title{font-size:15px;font-weight:700;color:var(--gold-l);line-height:1.5;height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s}
.news-card:hover .nc-title{color:#fff2cd}
.nc-sum{font-size:12px;color:var(--text-dim);margin:6px 0 10px;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nc-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dark)}
.nc-meta .nc-views{font-family:"Georgia",serif}

/* ---------- 攻略列表 ---------- */
.guide-list li{
  display:flex;align-items:center;gap:12px;padding:10px 8px;
  border-bottom:1px dashed rgba(212,175,55,.15);transition:background .2s;
}
.guide-list li:hover{background:rgba(212,175,55,.05)}
.guide-cat{
  flex:none;font-size:11px;padding:2px 10px;border-radius:4px;letter-spacing:1px;
  background:rgba(212,175,55,.12);border:1px solid var(--line2);color:var(--gold);
}
.guide-cat.c1{color:#e8b45a;border-color:rgba(232,180,90,.4)}
.guide-cat.c2{color:#e88f6a;border-color:rgba(232,143,106,.4)}
.guide-cat.c3{color:#7fc4a0;border-color:rgba(127,196,160,.4)}
.guide-cat.c4{color:#8fb4e0;border-color:rgba(143,180,224,.4)}
.guide-name{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-name a{color:var(--text)}
.guide-name a:hover{color:var(--gold-l)}
.guide-views{font-size:11px;color:var(--text-dark);flex:none}

/* ---------- FAQ ---------- */
.faq-item{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden;background:rgba(18,14,7,.6)}
.faq-q{
  display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;
  font-size:14px;font-weight:700;color:var(--gold-l);transition:background .2s;user-select:none;
}
.faq-q:hover{background:rgba(212,175,55,.07)}
.faq-q .fq-mark{
  flex:none;width:22px;height:22px;border-radius:50%;text-align:center;line-height:20px;
  border:1px solid var(--gold);color:var(--gold);font-weight:900;transition:transform .3s;
}
.faq-item.open .fq-mark{transform:rotate(45deg);background:var(--gold);color:#1a1408}
.faq-a{display:none;padding:2px 16px 14px 48px;color:var(--text-dim);font-size:13px}
.faq-item.open .faq-a{display:block}

/* ---------- 标签云 ---------- */
.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}
.tag-cloud a{
  font-size:12px;color:var(--text-dim);border:1px solid var(--line);
  padding:4px 14px;border-radius:20px;transition:all .2s;background:rgba(15,12,6,.6);
}
.tag-cloud a:hover{color:#1a1408;background:var(--grad-gold);border-color:var(--gold);transform:translateY(-2px)}

/* ---------- 友情链接 ---------- */
.links-bar{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}
.links-bar a{color:var(--text-dim)}
.links-bar a:hover{color:var(--gold-l)}

/* ---------- SEO 文本区 ---------- */
.seo-text{font-size:13px;color:var(--text-dim);line-height:2}
.seo-text p{margin-bottom:10px}
.seo-text strong{color:var(--gold)}
.seo-text h3{font-size:15px;color:var(--gold-l);margin:14px 0 8px;letter-spacing:2px}

/* ---------- 面包屑 ---------- */
.breadcrumb{font-size:12px;color:var(--text-dark);margin:16px 0 4px;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumb a{color:var(--text-dim)}
.breadcrumb a:hover{color:var(--gold-l)}
.breadcrumb .cur{color:var(--gold)}
.breadcrumb i{font-style:normal;color:var(--text-dark)}

/* ---------- 分类页头部 ---------- */
.page-head{padding:22px 18px;margin-bottom:18px}
.page-title{font-size:26px;font-weight:900;letter-spacing:3px;background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.page-desc{font-size:13px;color:var(--text-dim);line-height:1.9}

/* ---------- 筛选栏 ---------- */
.filter-bar{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  background:rgba(18,14,7,.75);border:1px solid var(--line);border-radius:8px;
  padding:12px 14px;margin-bottom:16px;
}
.filter-bar .fb-label{font-size:12px;color:var(--text-dim);letter-spacing:2px}
.filter-bar select,.filter-bar input[type="text"]{
  background:rgba(10,8,4,.8);border:1px solid var(--line2);border-radius:5px;
  color:var(--text);padding:6px 10px;outline:none;font-size:13px;
}
.filter-bar select:focus,.filter-bar input[type="text"]:focus{box-shadow:0 0 0 2px rgba(212,175,55,.25)}
.fb-sort{display:flex;gap:6px;margin-left:auto}
.fb-sort button{
  border:1px solid var(--line);background:transparent;color:var(--text-dim);
  padding:5px 12px;border-radius:5px;cursor:pointer;font-size:12px;transition:all .2s;
}
.fb-sort button.on,.fb-sort button:hover{background:var(--grad-gold);color:#1a1408;border-color:var(--gold)}
.fb-q{flex:1;min-width:180px;max-width:260px}

/* ---------- 分页 ---------- */
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px 0 6px}
.pagination a,.pagination span{
  min-width:36px;height:36px;line-height:34px;text-align:center;padding:0 10px;
  border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--text-dim);
  transition:all .2s;display:inline-block;
}
.pagination a:hover{border-color:var(--gold);color:var(--gold-l)}
.pagination .cur{background:var(--grad-gold);color:#1a1408;border-color:var(--gold);font-weight:700}
.pagination .disabled{opacity:.4;pointer-events:none}

/* ---------- 侧栏 ---------- */
.layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
.side-title{
  font-size:15px;font-weight:800;letter-spacing:2px;color:var(--gold-l);
  padding:10px 4px;border-bottom:1px solid var(--line);margin-bottom:12px;
  display:flex;align-items:center;gap:8px;
}
.side-title::before{content:"";width:4px;height:16px;background:var(--grad-gold);border-radius:2px}
.side-hot li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px dashed rgba(212,175,55,.12)}
.side-hot .rk{width:20px;height:20px;line-height:20px;text-align:center;border-radius:4px;font-size:11px;font-weight:700;font-family:"Georgia",serif;background:rgba(212,175,55,.1);color:var(--gold);flex:none}
.side-hot li:nth-child(-n+3) .rk{background:var(--grad-gold);color:#1a1408}
.side-hot a{flex:1;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-hot a:hover{color:var(--gold-l)}
.side-hot .sh-hot{font-size:11px;color:#e8b45a;font-family:"Georgia",serif}
.side-news li{display:flex;gap:10px;padding:7px 4px;border-bottom:1px dashed rgba(212,175,55,.12)}
.side-news img{width:64px;height:44px;object-fit:cover;border-radius:4px;flex:none}
.side-news a{font-size:13px;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side-news a:hover{color:var(--gold-l)}
.side-news .sn-date{font-size:11px;color:var(--text-dark)}
.side-ad{
  min-height:150px;border:1px dashed var(--line2);border-radius:8px;
  display:flex;align-items:center;justify-content:center;color:var(--text-dark);
  font-size:12px;letter-spacing:3px;background:rgba(15,12,6,.5);
}

/* ---------- 内容页 ---------- */
.article-panel{padding:24px}
.article-title{font-size:24px;font-weight:900;line-height:1.5;color:var(--gold-l);letter-spacing:1px;margin-bottom:12px}
.article-meta{
  display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-dark);
  border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;
}
.article-body{font-size:14px;color:var(--text);line-height:2.1}
.article-body p{margin-bottom:14px;text-indent:2em}
.article-body h3{font-size:18px;color:var(--gold-l);margin:20px 0 10px;letter-spacing:1px;text-indent:0}
.article-body h4{font-size:15px;color:var(--gold);margin:16px 0 8px;text-indent:0}
.article-body img{border-radius:8px;border:1px solid var(--line2);margin:12px auto;box-shadow:var(--shadow)}
.article-body ul,.article-body ol{padding-left:2em;margin-bottom:14px}
.article-body li{margin-bottom:6px}
.article-body .tip{
  border-left:3px solid var(--gold);background:rgba(212,175,55,.08);
  padding:10px 16px;border-radius:0 6px 6px 0;margin:14px 0;color:var(--text-dim);text-indent:0;
}
.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 6px}
.article-tags a{font-size:12px;color:var(--text-dim);border:1px solid var(--line);padding:3px 12px;border-radius:16px}
.article-tags a:hover{color:#1a1408;background:var(--grad-gold)}
.article-nav{
  display:flex;justify-content:space-between;gap:20px;margin-top:18px;padding-top:14px;
  border-top:1px solid var(--line);font-size:13px;
}
.article-nav a{color:var(--text-dim);max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-nav a:hover{color:var(--gold-l)}

/* ---------- 下载页 ---------- */
.dl-hero{
  position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line2);
  min-height:320px;display:flex;align-items:center;box-shadow:var(--shadow);
}
.dl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dl-hero .dl-mask{
  position:relative;z-index:2;width:100%;padding:40px;
  background:linear-gradient(90deg,rgba(8,6,3,.92) 20%,rgba(8,6,3,.55) 65%,rgba(8,6,3,.2));
}
.dl-hero h1{font-size:30px;font-weight:900;letter-spacing:3px;background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl-hero p{color:var(--text-dim);margin:10px 0 20px;max-width:520px}
.dl-btns{display:flex;gap:14px;flex-wrap:wrap}
.dl-btn{
  display:inline-flex;align-items:center;gap:10px;padding:13px 32px;border-radius:8px;
  background:var(--grad-gold);color:#1a1408;font-weight:800;font-size:15px;letter-spacing:2px;
  box-shadow:0 6px 18px rgba(212,175,55,.35);transition:all .25s;
}
.dl-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(212,175,55,.5);color:#1a1408}
.dl-btn.ghost{background:rgba(13,10,5,.7);border:1px solid var(--gold);color:var(--gold)}
.dl-btn.ghost:hover{color:var(--gold-l);border-color:var(--gold-l)}
.dl-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dl-spec .ds{text-align:center;padding:18px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(18,14,7,.7)}
.dl-spec .ds b{display:block;font-size:20px;font-weight:900;background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:"Georgia",serif}
.dl-spec .ds span{font-size:12px;color:var(--text-dim);letter-spacing:2px}

/* ---------- 关于页 ---------- */
.about-sec{margin-bottom:18px}
.about-sec h3{font-size:17px;color:var(--gold-l);letter-spacing:2px;margin-bottom:10px;padding-left:12px;border-left:3px solid var(--gold)}
.about-sec p{color:var(--text-dim);font-size:13px;line-height:2;margin-bottom:8px}
.contact-list li{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(212,175,55,.14);font-size:13px}
.contact-list .ck{color:var(--gold);flex:none;width:70px}

/* ---------- 404 ---------- */
.err404{text-align:center;padding:80px 20px}
.err404 .code{
  font-size:120px;font-weight:900;font-family:"Georgia",serif;line-height:1;
  background:var(--grad-title);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 10px 40px rgba(212,175,55,.2);
}
.err404 h1{font-size:22px;color:var(--gold-l);margin:16px 0 10px;letter-spacing:4px}
.err404 p{color:var(--text-dim);margin-bottom:26px}
.err404 .dl-btn{margin:0 8px}

/* ---------- 页脚 ---------- */
.site-footer{margin-top:40px;border-top:2px solid var(--gold-dd);background:linear-gradient(180deg,#161009,#0c0a05);position:relative}
.site-footer::before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--grad-gold)}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:26px;padding:34px 0 26px}
.f-col h4{font-size:15px;color:var(--gold-l);letter-spacing:2px;margin-bottom:14px;position:relative;padding-bottom:8px}
.f-col h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--grad-gold)}
.f-col p{font-size:12px;color:var(--text-dim);line-height:2}
.f-col ul li{padding:4px 0}
.f-col ul li a{font-size:12px;color:var(--text-dim)}
.f-col ul li a:hover{color:var(--gold-l);padding-left:6px}
.f-links{font-size:12px;color:var(--text-dim);line-height:2.2}
.f-links a{color:var(--text-dim);margin-right:10px}
.f-links a:hover{color:var(--gold-l)}
.footer-seo{padding:18px 0;border-top:1px solid rgba(212,175,55,.12);font-size:12px;color:var(--text-dark);line-height:2}
.footer-copy{
  border-top:1px solid rgba(212,175,55,.12);padding:16px 0;text-align:center;
  font-size:12px;color:var(--text-dim);
}
.footer-copy b{color:var(--gold);letter-spacing:1px}
.footer-copy .icp{color:var(--text-dark)}

/* ---------- 回到顶部 ---------- */
.back-top{
  position:fixed;right:20px;bottom:30px;z-index:99;width:44px;height:44px;border-radius:50%;
  background:linear-gradient(180deg,#2a200d,#17110a);border:1px solid var(--gold);
  color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(16px);transition:all .3s;box-shadow:0 6px 18px rgba(0,0,0,.5);
}
.back-top.show{opacity:1;visibility:visible;transform:none}
.back-top:hover{background:var(--grad-gold);color:#1a1408}

/* ---------- Toast ---------- */
.toast{
  position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:120;
  background:rgba(20,15,7,.95);border:1px solid var(--gold);color:var(--gold-l);
  padding:10px 26px;border-radius:8px;font-size:13px;letter-spacing:1px;
  opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 10px 30px rgba(0,0,0,.6);
}
.toast.show{opacity:1;visibility:visible}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .mix-block{grid-template-columns:1fr}
  .mix-img{min-height:220px}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .layout{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr 1fr}
  .search-box{flex:1 1 100%;order:3}
}
@media (max-width:768px){
  .site-title{font-size:24px}
  .site-logo{width:52px;height:52px}
  .nav-list{display:none;width:100%;flex-direction:column}
  .nav-list.open{display:flex}
  .nav-list a{padding:12px 18px;border-bottom:1px solid rgba(212,175,55,.12);border-left:3px solid transparent}
  .nav-list li.active>a,.nav-list li:hover>a{border-left-color:var(--gold);border-bottom-color:rgba(212,175,55,.12)}
  .nav-toggle{display:flex}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
  .rank-grid{grid-template-columns:1fr}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:1fr}
  .dl-spec{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr;gap:20px}
  .hero-title{font-size:20px}
  .dl-hero .dl-mask{padding:26px 20px}
  .dl-hero h1{font-size:24px}
  .topbar-links{display:none}
}
@media (max-width:480px){
  .cards-grid{grid-template-columns:1fr}
  .stat-num{font-size:24px}
  .page-title{font-size:22px}
  .article-title{font-size:20px}
  .hero-feature{min-height:260px}
  .banner-tag{display:none}
}