/* 传奇私服发布网 - 样式表 */

:root{
  --gold:#e8b34d;
  --gold-light:#ffd680;
  --gold-dark:#a87820;
  --bg:#0d0a07;
  --bg2:#15100a;
  --card:#1c160e;
  --line:#332817;
  --text:#e8dfd0;
  --muted:#9a8e78;
  --red:#d4402a;
  --green:#3fa755;
}

*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
  font-size:14px;
}
a{color:var(--gold);text-decoration:none;transition:color .2s;}
a:hover{color:var(--gold-light);}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}
.container{max-width:1180px;margin:0 auto;padding:0 15px;}
.container-narrow{max-width:820px;margin:0 auto;padding:0 15px;}
h1,h2,h3{color:var(--gold-light);font-weight:700;}

/* ===== 顶部 ===== */
.topbar{background:linear-gradient(180deg,#1a140c,#120d07);border-bottom:2px solid var(--gold-dark);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.6);}
.topbar-inner{display:flex;align-items:center;gap:24px;height:66px;}
.logo{display:flex;flex-direction:column;line-height:1;flex-shrink:0;}
.logo-main{font-size:22px;font-weight:800;color:var(--gold);text-shadow:0 0 10px rgba(232,179,77,.5);letter-spacing:1px;}
.logo-sub{font-size:11px;color:var(--muted);letter-spacing:2px;}
.mainnav{display:flex;gap:6px;flex:1;}
.mainnav a{padding:8px 14px;border-radius:4px;font-size:15px;color:var(--text);position:relative;}
.mainnav a:hover,.mainnav a.active{color:var(--bg);background:linear-gradient(180deg,var(--gold-light),var(--gold-dark));}
.topbar-search input{background:#0a0705;border:1px solid var(--line);color:var(--text);padding:6px 10px;border-radius:3px 0 0 3px;outline:none;width:150px;}
.topbar-search button{background:var(--gold-dark);border:none;color:#fff;padding:6px 12px;border-radius:0 3px 3px 0;cursor:pointer;}
.topbar-search button:hover{background:var(--gold);}

/* ===== Hero ===== */
.hero{background:radial-gradient(circle at 70% 30%,#2a1d0c,transparent 60%),linear-gradient(135deg,#15100a,#0d0a07);padding:50px 0;border-bottom:1px solid var(--line);}
.hero-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;}
.hero h1{font-size:40px;margin-bottom:16px;background:linear-gradient(90deg,var(--gold-light),var(--gold-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero-desc{font-size:16px;color:var(--muted);margin-bottom:24px;}
.hero-desc strong{color:var(--gold);}
.hero-btns{display:flex;gap:14px;margin-bottom:28px;}
.btn{padding:11px 26px;border-radius:5px;font-size:15px;font-weight:700;border:2px solid transparent;cursor:pointer;display:inline-block;}
.btn-primary{background:linear-gradient(180deg,var(--gold-light),var(--gold-dark));color:#2a1a05;border-color:var(--gold);}
.btn-primary:hover{filter:brightness(1.1);color:#2a1a05;}
.btn-ghost{background:transparent;color:var(--gold);border-color:var(--gold-dark);}
.btn-ghost:hover{background:rgba(232,179,77,.1);}
.hero-stats{display:flex;gap:40px;border-top:1px solid var(--line);padding-top:20px;}
.hero-stats li{display:flex;flex-direction:column;}
.hero-stats b{font-size:26px;color:var(--gold-light);}
.hero-stats span{font-size:12px;color:var(--muted);}
.hero-banner img{width:100%;height:auto;border:2px solid var(--gold-dark);border-radius:8px;box-shadow:0 0 30px rgba(232,179,77,.25);aspect-ratio:1046/663;object-fit:cover;}

/* ===== 通用区块 ===== */
.section{padding:44px 0;}
.section-alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:10px;border-bottom:2px solid var(--gold-dark);}
.section-head h2{font-size:22px;position:relative;padding-left:14px;}
.section-head h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background:var(--gold);}
.more{font-size:13px;color:var(--muted);}
.more:hover{color:var(--gold);}

/* ===== 服务器卡片 ===== */
.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.server-card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px;transition:all .25s;position:relative;overflow:hidden;}
.server-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.server-card:hover{transform:translateY(-4px);border-color:var(--gold-dark);box-shadow:0 8px 24px rgba(232,179,77,.15);}
.server-card:hover::before{transform:scaleX(1);}
.sc-name{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px;}
.sc-cat{display:inline-block;font-size:11px;background:rgba(232,179,77,.15);color:var(--gold);padding:2px 8px;border-radius:3px;margin-bottom:10px;}
.sc-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px;}
.sc-status{font-size:12px;font-weight:700;padding:3px 10px;border-radius:3px;}
.status-新开{background:rgba(63,167,85,.2);color:#5fcf78;}
.status-火爆{background:rgba(212,64,42,.2);color:#ee6b50;}
.status-推荐{background:rgba(232,179,77,.2);color:var(--gold);}
.status-预约{background:rgba(154,142,120,.2);color:var(--muted);}
.sc-btn{display:block;text-align:center;background:linear-gradient(180deg,var(--gold-light),var(--gold-dark));color:#2a1a05;font-weight:700;padding:8px;border-radius:4px;margin-top:6px;}
.sc-btn:hover{filter:brightness(1.1);color:#2a1a05;}

/* ===== 两栏布局 ===== */
.two-col{display:grid;grid-template-columns:1fr 320px;gap:30px;}

/* ===== 资讯列表 ===== */
.news-list{display:flex;flex-direction:column;gap:14px;}
.news-item{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px;transition:border-color .2s;}
.news-item:hover{border-color:var(--gold-dark);}
.news-thumb{width:140px;height:90px;flex-shrink:0;border-radius:4px;overflow:hidden;border:1px solid var(--line);}
.news-thumb img{width:100%;height:100%;object-fit:cover;}
.news-body{flex:1;min-width:0;}
.news-body h3{font-size:16px;margin-bottom:6px;line-height:1.4;}
.news-body h3 a{color:var(--text);}
.news-body h3 a:hover{color:var(--gold);}
.news-desc{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-meta{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-top:8px;}
.news-meta .cat{color:var(--gold);}
.news-list-full .news-item{flex-direction:column;}
.news-list-full .news-thumb{width:100%;height:200px;}

/* ===== 侧边栏 ===== */
.sidebar{display:flex;flex-direction:column;gap:20px;}
.side-box{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px;}
.side-box h3{font-size:16px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line);}
.cat-list li{margin-bottom:10px;}
.cat-list a{display:block;padding:8px 12px;background:rgba(232,179,77,.05);border-radius:4px;color:var(--text);}
.cat-list a:hover{background:rgba(232,179,77,.15);color:var(--gold);}
.rank-list li{counter-increment:rank;display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px;}
.rank-list li::before{content:"0" counter(rank);color:var(--gold);font-weight:700;margin-right:8px;}
.rank-list li:nth-child(-n+3)::before{color:var(--red);}
.rank-list a{color:var(--text);flex:1;}
.rank-list a:hover{color:var(--gold);}

/* ===== 分页 ===== */
.pager{display:flex;justify-content:center;gap:8px;margin-top:26px;}
.pager button{background:var(--card);border:1px solid var(--line);color:var(--text);padding:7px 14px;border-radius:4px;cursor:pointer;}
.pager button.active,.pager button:hover{border-color:var(--gold);color:var(--gold);}

/* ===== 筛选条 ===== */
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.filter-bar button{background:var(--card);border:1px solid var(--line);color:var(--text);padding:8px 20px;border-radius:4px;cursor:pointer;transition:all .2s;}
.filter-bar button.active,.filter-bar button:hover{border-color:var(--gold);color:var(--gold);background:rgba(232,179,77,.1);}

/* ===== 表格 ===== */
.server-table-wrap{overflow-x:auto;}
.server-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.server-table th{background:rgba(232,179,77,.12);color:var(--gold);padding:13px 12px;text-align:left;font-size:14px;border-bottom:1px solid var(--line);}
.server-table td{padding:12px;border-bottom:1px solid var(--line);font-size:13px;}
.server-table tr:hover{background:rgba(232,179,77,.05);}
.server-table tr:last-child td{border-bottom:none;}

/* ===== 页面标题 ===== */
.page-head{background:linear-gradient(90deg,#1a140c,#120d07);border-bottom:1px solid var(--line);padding:34px 0;text-align:center;}
.page-head h1{font-size:28px;margin-bottom:8px;}
.page-head p{color:var(--muted);}

/* ===== 面包屑 ===== */
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px;}
.breadcrumb a{color:var(--gold);}

/* ===== 文章 ===== */
.article{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:34px 40px;}
.article-loading{color:var(--muted);text-align:center;padding:40px;}
.article-title{font-size:26px;color:var(--gold-light);margin-bottom:14px;line-height:1.4;}
.article-meta{display:flex;gap:16px;font-size:13px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px;}
.article-meta .cat{color:var(--gold);}
.article-content{font-size:15px;line-height:1.9;color:#ddd2c0;}
.article-content h2{font-size:19px;color:var(--gold);margin:26px 0 12px;padding-left:12px;border-left:3px solid var(--gold);}
.article-content p{margin-bottom:14px;}
.article-content strong{color:var(--gold-light);}
.article-cover{margin-bottom:22px;border-radius:6px;overflow:hidden;border:1px solid var(--line);}
.article-cover img{width:100%;height:auto;aspect-ratio:1046/663;object-fit:cover;}
.not-found{text-align:center;padding:60px;color:var(--muted);}

/* ===== 页脚 ===== */
.footer{background:#0a0705;border-top:2px solid var(--gold-dark);padding:40px 0 0;}
.footer-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:30px;}
.footer-col h4{color:var(--gold);font-size:15px;margin-bottom:12px;}
.footer-col p{font-size:13px;color:var(--muted);}
.footer-col a{color:var(--muted);}
.footer-col a:hover{color:var(--gold);}
.copyright{text-align:center;padding:18px;background:#070504;font-size:12px;color:var(--muted);border-top:1px solid var(--line);}

/* ===== 响应式 ===== */
@media(max-width:900px){
  .hero-inner,.two-col{grid-template-columns:1fr;}
  .server-grid{grid-template-columns:repeat(2,1fr);}
  .hero-banner{order:-1;}
  .hero h1{font-size:30px;}
  .footer-inner{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .server-grid{grid-template-columns:1fr;}
  .mainnav{display:none;}
  .article{padding:20px 16px;}
  .hero-stats{gap:24px;}
}