/* ========================================
   传奇私服发布网 - 全局样式表
   主题：暗金传奇风 | 大气新颖 | 移动端适配
   ======================================== */

/* ===== Reset & Base ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  background:#0a0613;
  color:#e0d5c1;
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a { color:inherit; text-decoration:none; transition:color .25s; }
a:hover { color:#f0c060; }
img { max-width:100%; display:block; }
button { cursor:pointer; border:none; outline:none; font-family:inherit; }
input { outline:none; font-family:inherit; }
ul, ol { list-style:none; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* ===== 滚动条美化 ===== */
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:#1a0f2e; }
::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#c9a84c,#8b6f2c); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#f0c060,#c9a84c); }

/* ===== 顶部通知栏 ===== */
.top-bar {
  background:linear-gradient(90deg,#1a0a2e,#2a1a4e,#1a0a2e);
  border-bottom:1px solid rgba(201,168,76,.2);
  font-size:.8rem;
  padding:6px 0;
  color:#a09080;
}
.top-bar .container { display:flex; justify-content:space-between; align-items:center; }
.top-bar-left { display:flex; align-items:center; gap:6px; }
.live-dot {
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:#ff4444; animation:pulse 1.5s infinite;
}
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.4;transform:scale(1.3);} }
.top-bar-right a { margin:0 4px; color:#c9a84c; }
.top-bar-right a:hover { color:#f0c060; }

/* ===== 头部 ===== */
.header {
  background:rgba(15,8,30,.95);
  backdrop-filter:blur(12px);
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,transparent,#c9a84c,transparent) 1;
  position:sticky; top:0; z-index:1000;
}
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:15px 20px; }
.logo-area { display:flex; align-items:center; }
.logo { display:flex; align-items:center; gap:12px; }
.logo-icon {
  font-size:2rem;
  filter:drop-shadow(0 0 10px rgba(201,168,76,.5));
}
.logo-text { display:flex; flex-direction:column; }
.logo-text strong { font-size:1.3rem; color:#f0c060; letter-spacing:2px; }
.logo-text em { font-size:.7rem; color:#8b7d6b; font-style:normal; }

.main-nav { display:flex; gap:8px; }
.main-nav a {
  padding:8px 18px;
  border-radius:6px;
  font-size:.95rem;
  color:#c0b0a0;
  transition:all .3s;
  position:relative;
}
.main-nav a:hover { color:#f0c060; background:rgba(201,168,76,.1); }
.main-nav a.nav-active {
  color:#fff;
  background:linear-gradient(135deg,#c9a84c,#8b6f2c);
  box-shadow:0 2px 15px rgba(201,168,76,.4);
}

.header-search { display:flex; gap:0; }
.header-search input {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(201,168,76,.3);
  border-right:none;
  border-radius:6px 0 0 6px;
  padding:8px 14px;
  color:#e0d5c1;
  width:200px;
  font-size:.9rem;
}
.header-search input::placeholder { color:#6b5d4b; }
.header-search input:focus { border-color:#c9a84c; }
.header-search button {
  background:linear-gradient(135deg,#c9a84c,#8b6f2c);
  color:#1a0a2e;
  font-weight:700;
  padding:8px 16px;
  border-radius:0 6px 6px 0;
  font-size:.9rem;
  transition:all .3s;
}
.header-search button:hover { filter:brightness(1.15); }

/* ===== Hero 横幅区 ===== */
.hero {
  position:relative;
  padding:80px 0 100px;
  overflow:hidden;
}
.hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 800px 400px at 20% 50%, rgba(201,168,76,.08), transparent),
    radial-gradient(ellipse 600px 300px at 80% 30%, rgba(120,80,200,.1), transparent),
    linear-gradient(180deg,#0f0820 0%,#1a0f35 50%,#0f0820 100%);
}
.hero-bg::before {
  content:'';
  position:absolute; inset:0;
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(201,168,76,.3), transparent),
    radial-gradient(1px 1px at 30% 60%, rgba(201,168,76,.2), transparent),
    radial-gradient(1px 1px at 50% 30%, rgba(255,255,255,.15), transparent),
    radial-gradient(1px 1px at 70% 70%, rgba(201,168,76,.2), transparent),
    radial-gradient(1px 1px at 90% 40%, rgba(255,255,255,.1), transparent),
    radial-gradient(1px 1px at 15% 80%, rgba(201,168,76,.15), transparent),
    radial-gradient(1px 1px at 55% 85%, rgba(255,255,255,.08), transparent),
    radial-gradient(1px 1px at 85% 15%, rgba(201,168,76,.25), transparent);
  animation:stars 60s linear infinite;
}
@keyframes stars { from{transform:translateY(0);} to{transform:translateY(-100px);} }

.hero-content {
  position:relative; z-index:1;
  display:grid; grid-template-columns:1.5fr 1fr; gap:60px; align-items:center;
}
.hero-title {
  font-size:3rem; line-height:1.2; color:#fff; margin-bottom:20px;
  text-shadow:0 0 40px rgba(201,168,76,.3);
}
.hero-badge {
  display:inline-block;
  background:linear-gradient(135deg,#ff4444,#cc0000);
  color:#fff; font-size:.85rem; font-weight:700;
  padding:4px 14px; border-radius:20px;
  margin-bottom:10px;
  animation:badgeGlow 2s ease-in-out infinite;
}
@keyframes badgeGlow { 0%,100%{box-shadow:0 0 10px rgba(255,68,68,.5);} 50%{box-shadow:0 0 25px rgba(255,68,68,.8);} }
.hero-title small { font-size:1.1rem; color:#c9a84c; display:block; margin-top:10px; font-weight:400; }
.hero-desc { font-size:1.15rem; color:#a09080; margin-bottom:30px; line-height:1.8; }
.hero-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:35px; }
.stat-item { text-align:center; }
.stat-num { display:block; font-size:2rem; font-weight:800; color:#f0c060; }
.stat-label { font-size:.8rem; color:#8b7d6b; }

.hero-actions { display:flex; gap:15px; flex-wrap:wrap; }
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 32px; border-radius:8px; font-size:1rem; font-weight:600;
  transition:all .3s; cursor:pointer;
}
.btn-primary {
  background:linear-gradient(135deg,#c9a84c,#f0c060,#c9a84c);
  background-size:200% 100%;
  color:#1a0a2e; border:none;
  animation:btnShine 3s ease infinite;
}
@keyframes btnShine { 0%,100%{background-position:0% 50%;} 50%{background-position:100% 50%;} }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(201,168,76,.5); }
.btn-outline {
  background:transparent; color:#c9a84c;
  border:2px solid #c9a84c;
}
.btn-outline:hover { background:#c9a84c; color:#1a0a2e; }

/* Hero 右侧卡片 */
.hero-card {
  background:rgba(26,15,46,.8);
  border:1px solid rgba(201,168,76,.3);
  border-radius:16px;
  padding:30px;
  backdrop-filter:blur(10px);
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.hero-card-title { font-size:1.1rem; color:#f0c060; margin-bottom:20px; text-align:center; }
.countdown-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:25px; }
.cd-item {
  text-align:center;
  background:rgba(201,168,76,.08);
  border:1px solid rgba(201,168,76,.2);
  border-radius:10px;
  padding:15px 10px;
}
.cd-num { display:block; font-size:1.5rem; font-weight:800; color:#f0c060; font-family:monospace; }
.cd-label { font-size:.8rem; color:#8b7d6b; }
.btn-block { display:block; width:100%; text-align:center; }

/* ===== 页面标题区（子页面） ===== */
.page-hero { padding:60px 0; position:relative; overflow:hidden; }
.page-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 600px 300px at 50% 50%, rgba(201,168,76,.06), transparent);
}
.page-hero-new { background:linear-gradient(135deg,#0f0820,#1a1535); }
.page-hero-hot { background:linear-gradient(135deg,#1a0a2e,#2a1545); }
.page-hero-info { background:linear-gradient(135deg,#0f1a2a,#152535); }
.page-hero .container { display:grid; grid-template-columns:1.5fr 1fr; gap:40px; align-items:center; position:relative; z-index:1; }
.page-hero-left h1 { font-size:2.5rem; color:#fff; margin:10px 0; }
.page-badge {
  display:inline-block; background:rgba(201,168,76,.15); color:#f0c060;
  padding:4px 14px; border-radius:20px; font-size:.85rem; border:1px solid rgba(201,168,76,.3);
}
.page-hero-date { color:#c9a84c; font-size:1rem; margin:8px 0; }
.page-hero-desc { color:#a09080; font-size:1rem; }
.page-hero-right { display:flex; justify-content:flex-end; }

.quick-jump { display:flex; flex-direction:column; gap:10px; }
.quick-jump a {
  background:rgba(201,168,76,.1); border:1px solid rgba(201,168,76,.25);
  padding:10px 20px; border-radius:8px; color:#c0b0a0; text-align:center;
  transition:all .3s;
}
.quick-jump a:hover { background:rgba(201,168,76,.25); color:#f0c060; transform:translateX(5px); }

.rank-summary { display:flex; gap:20px; }
.rs-item { text-align:center; background:rgba(201,168,76,.08); border:1px solid rgba(201,168,76,.2); border-radius:10px; padding:15px 20px; }
.rs-num { display:block; font-size:1.6rem; font-weight:800; color:#f0c060; }
.rs-label { font-size:.75rem; color:#8b7d6b; }

.info-stats { display:flex; gap:15px; }
.is-item { text-align:center; background:rgba(255,255,255,.05); border-radius:10px; padding:12px 18px; }
.is-num { display:block; font-size:1.4rem; font-weight:800; color:#4facfe; }
.is-label { font-size:.75rem; color:#8b7d6b; }

/* ===== 筛选栏 ===== */
.filter-bar { background:rgba(26,15,46,.6); border-bottom:1px solid rgba(201,168,76,.15); padding:12px 0; }
.filter-bar .container { display:flex; flex-direction:column; gap:8px; }
.filter-group { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.filter-label { color:#8b7d6b; font-size:.9rem; white-space:nowrap; }
.filter-group a {
  padding:5px 14px; border-radius:20px; font-size:.85rem; color:#a09080;
  border:1px solid rgba(201,168,76,.15); transition:all .25s;
}
.filter-group a:hover { border-color:#c9a84c; color:#f0c060; }
.filter-group a.filter-active { background:#c9a84c; color:#1a0a2e; font-weight:600; border-color:#c9a84c; }

/* ===== Section 通用 ===== */
.section { padding:70px 0; }
.section-alt { background:rgba(15,8,32,.5); }
.section-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:35px; flex-wrap:wrap; gap:10px; }
.section-title { font-size:1.6rem; color:#fff; display:flex; align-items:center; gap:12px; }
.title-bar { display:inline-block; width:5px; height:28px; background:linear-gradient(180deg,#f0c060,#c9a84c); border-radius:3px; }
.section-more { color:#c9a84c; font-size:.95rem; }
.section-more:hover { color:#f0c060; }
.section-count { color:#8b7d6b; font-size:.9rem; }

/* ===== 今日新服卡片 ===== */
.server-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.server-card {
  background:rgba(26,15,46,.7);
  border:1px solid rgba(201,168,76,.15);
  border-radius:12px;
  padding:20px;
  transition:all .35s;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.server-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,transparent,#c9a84c,transparent);
  transform:scaleX(0); transition:transform .35s;
}
.server-card:hover { transform:translateY(-5px); border-color:rgba(201,168,76,.5); box-shadow:0 15px 40px rgba(0,0,0,.3); }
.server-card:hover::before { transform:scaleX(1); }
.server-thumb { font-size:2.5rem; text-align:center; margin-bottom:12px; }
.server-body { text-align:center; }
.server-tag {
  display:inline-block; font-size:.75rem; padding:2px 10px; border-radius:12px;
  margin-bottom:8px; font-weight:600;
}
.tag-1 { background:rgba(255,68,68,.15); color:#ff6b6b; }
.tag-2 { background:rgba(255,165,0,.15); color:#ffa500; }
.tag-3 { background:rgba(0,200,150,.15); color:#00c896; }
.tag-4 { background:rgba(100,150,255,.15); color:#6496ff; }
.server-body h3 { font-size:1rem; color:#fff; margin-bottom:10px; }
.server-info { display:flex; flex-direction:column; gap:4px; font-size:.8rem; color:#8b7d6b; margin-bottom:10px; }
.server-hot { font-size:.9rem; letter-spacing:2px; }
.server-enter { text-align:center; margin-top:12px; }
.server-enter a {
  display:inline-block; background:rgba(201,168,76,.1); color:#c9a84c;
  padding:6px 20px; border-radius:6px; font-size:.85rem; border:1px solid rgba(201,168,76,.3);
}
.server-enter a:hover { background:#c9a84c; color:#1a0a2e; }

/* ===== 热门推荐布局 ===== */
.hot-layout { display:grid; grid-template-columns:2fr 1fr; gap:30px; }
.hot-main { display:flex; flex-direction:column; gap:18px; }
.hot-card {
  display:grid; grid-template-columns:120px 1fr; gap:20px;
  background:rgba(26,15,46,.7); border:1px solid rgba(201,168,76,.15);
  border-radius:12px; padding:20px; cursor:pointer; transition:all .3s;
}
.hot-card:hover { transform:translateX(5px); border-color:rgba(201,168,76,.5); box-shadow:0 10px 30px rgba(0,0,0,.3); }
.hot-thumb {
  width:120px; height:120px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  font-size:3rem;
}
.hot-thumb-1 { background:linear-gradient(135deg,#c9a84c,#8b6f2c); }
.hot-thumb-2 { background:linear-gradient(135deg,#667eea,#764ba2); }
.hot-thumb-3 { background:linear-gradient(135deg,#4facfe,#00f2fe); }
.hot-info { display:flex; flex-direction:column; }
.hot-tag { display:inline-block; font-size:.75rem; padding:2px 10px; border-radius:12px; margin-bottom:8px; align-self:flex-start; font-weight:600; }
.hot-tag-hot { background:rgba(255,68,68,.15); color:#ff6b6b; }
.hot-tag-new { background:rgba(0,200,150,.15); color:#00c896; }
.hot-tag-rec { background:rgba(201,168,76,.15); color:#f0c060; }
.hot-info h3 { font-size:1.15rem; color:#fff; margin-bottom:8px; }
.hot-info p { font-size:.88rem; color:#a09080; margin-bottom:10px; line-height:1.6; }
.hot-meta { display:flex; gap:15px; flex-wrap:wrap; font-size:.8rem; color:#8b7d6b; }

.hot-side .side-box { margin-bottom:20px; }

/* ===== 侧边栏通用 ===== */
.side-box {
  background:rgba(26,15,46,.7); border:1px solid rgba(201,168,76,.15);
  border-radius:12px; padding:22px;
}
.side-box h3 { font-size:1.05rem; color:#f0c060; margin-bottom:15px; }
.rank-list { display:flex; flex-direction:column; gap:10px; }
.rank-list li { display:flex; align-items:center; gap:10px; font-size:.9rem; }
.rank-num {
  display:inline-flex; align-items:center; justify-content:center;
  width:24px; height:24px; border-radius:50%; font-size:.75rem; font-weight:700;
  background:rgba(201,168,76,.15); color:#c9a84c; flex-shrink:0;
}
.rank-list li:nth-child(1) .rank-num { background:#ff4444; color:#fff; }
.rank-list li:nth-child(2) .rank-num { background:#ff8c00; color:#fff; }
.rank-list li:nth-child(3) .rank-num { background:#ffd700; color:#1a0a2e; }
.rank-list a { color:#c0b0a0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank-list a:hover { color:#f0c060; }
.rank-val { color:#8b7d6b; font-size:.8rem; white-space:nowrap; }

/* ===== 版本分类卡片 ===== */
.cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cat-card {
  background:rgba(26,15,46,.7); border:1px solid rgba(201,168,76,.12);
  border-radius:14px; padding:28px 20px; text-align:center;
  transition:all .35s; cursor:pointer; position:relative; overflow:hidden;
}
.cat-card::after {
  content:''; position:absolute; bottom:-50%; left:-50%; width:200%; height:200%;
  background:radial-gradient(circle, rgba(201,168,76,.06), transparent 70%);
  transition:all .5s;
}
.cat-card:hover { transform:translateY(-8px); border-color:rgba(201,168,76,.5); box-shadow:0 20px 50px rgba(0,0,0,.35); }
.cat-card:hover::after { bottom:0; left:0; }
.cat-icon { font-size:2.8rem; margin-bottom:12px; position:relative; z-index:1; }
.cat-card h3 { font-size:1.05rem; color:#fff; margin-bottom:8px; position:relative; z-index:1; }
.cat-card p { font-size:.82rem; color:#8b7d6b; margin-bottom:12px; position:relative; z-index:1; }
.cat-count { font-size:.8rem; color:#c9a84c; font-weight:600; position:relative; z-index:1; }

/* ===== 资讯布局 ===== */
.news-layout { display:grid; grid-template-columns:2fr 1fr; gap:30px; }
.news-main { display:flex; flex-direction:column; gap:18px; }
.news-feature {
  display:grid; grid-template-columns:200px 1fr; gap:22px;
  background:rgba(26,15,46,.7); border:1px solid rgba(201,168,76,.2);
  border-radius:14px; padding:22px; cursor:pointer; transition:all .3s;
}
.news-feature:hover { border-color:rgba(201,168,76,.5); transform:translateY(-3px); box-shadow:0 15px 40px rgba(0,0,0,.3); }
.news-feature-thumb {
  width:200px; height:140px; border-radius:10px;
  background:linear-gradient(135deg,#667eea,#764ba2);
  display:flex; align-items:center; justify-content:center; font-size:3rem;
}
.news-feature-body { display:flex; flex-direction:column; }
.news-cat {
  display:inline-block; font-size:.72rem; padding:2px 10px; border-radius:10px;
  background:rgba(201,168,76,.15); color:#f0c060; align-self:flex-start; margin-bottom:8px; font-weight:600;
}
.news-cat-hot { background:rgba(255,68,68,.15); color:#ff6b6b; }
.news-cat-new { background:rgba(0,200,150,.15); color:#00c896; }
.news-cat-guide { background:rgba(100,150,255,.15); color:#6496ff; }
.news-cat-tech { background:rgba(150,100,255,.15); color:#a070ff; }
.news-cat-event { background:rgba(255,165,0,.15); color:#ffa500; }
.news-cat-data { background:rgba(0,200,200,.15); color:#00c8c8; }
.news-feature-body h3 { font-size:1.2rem; color:#fff; margin-bottom:10px; line-height:1.4; }
.news-feature-body p { font-size:.88rem; color:#a09080; margin-bottom:12px; line-height:1.7; }
.news-meta { display:flex; gap:15px; font-size:.8rem; color:#8b7d6b; margin-top:auto; }

.news-list { display:flex; flex-direction:column; gap:14px; }
.news-item {
  display:grid; grid-template-columns:80px 1fr; gap:14px;
  padding:14px; border-radius:10px; transition:all .25s;
  border:1px solid transparent;
}
.news-item:hover { background:rgba(201,168,76,.05); border-color:rgba(201,168,76,.12); }
.news-thumb {
  width:80px; height:80px; border-radius:8px; display:flex; align-items:center; justify-content:center;
  font-size:1.8rem; flex-shrink:0;
}
.news-thumb-1 { background:linear-gradient(135deg,#f093fb,#f5576c); }
.news-thumb-2 { background:linear-gradient(135deg,#4facfe,#00f2fe); }
.news-thumb-3 { background:linear-gradient(135deg,#43e97b,#38f9d7); }
.news-thumb-4 { background:linear-gradient(135deg,#fa709a,#fee140); }
.news-thumb-5 { background:linear-gradient(135deg,#a18cd1,#fbc2eb); }
.news-thumb-6 { background:linear-gradient(135deg,#ff9a9e,#fad0c4); }
.news-item-body { display:flex; flex-direction:column; }
.news-item-body h4 { font-size:.95rem; color:#e0d5c1; margin-bottom:6px; line-height:1.4; }
.news-item-body p { font-size:.8rem; color:#8b7d6b; margin-bottom:6px; line-height:1.5; }
.news-date { font-size:.75rem; color:#6b5d4b; }

.news-side .side-box { margin-bottom:20px; }
.side-news { display:flex; flex-direction:column; gap:12px; }
.side-news li { display:flex; justify-content:space-between; gap:10px; font-size:.85rem; padding-bottom:10px; border-bottom:1px solid rgba(201,168,76,.08); }
.side-news li:last-child { border-bottom:none; padding-bottom:0; }
.side-news a { color:#c0b0a0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-news a:hover { color:#f0c060; }
.side-news span { color:#6b5d4b; font-size:.75rem; white-space:nowrap; }

.topic-card {
  background:rgba(201,168,76,.05); border:1px solid rgba(201,168,76,.12);
  border-radius:10px; padding:16px; margin-bottom:12px; cursor:pointer; transition:all .25s;
}
.topic-card:hover { background:rgba(201,168,76,.1); }
.topic-thumb { font-size:2rem; margin-bottom:8px; }
.topic-card h4 { font-size:.95rem; color:#f0c060; margin-bottom:4px; }
.topic-card p { font-size:.8rem; color:#8b7d6b; }

/* ===== SEO 深度内容 ===== */
.seo-content { max-width:900px; }
.seo-content h3 { font-size:1.3rem; color:#f0c060; margin:30px 0 12px; padding-left:14px; border-left:3px solid #c9a84c; }
.seo-content p { font-size:1rem; color:#b0a090; margin-bottom:16px; line-height:1.9; text-align:justify; }
.seo-content strong { color:#e0d5c1; font-weight:600; }

/* ===== 站点地图 ===== */
.sitemap-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.sitemap-col h4 { font-size:1rem; color:#f0c060; margin-bottom:14px; }
.sitemap-col ul { display:flex; flex-direction:column; gap:8px; }
.sitemap-col a { font-size:.88rem; color:#a09080; }
.sitemap-col a:hover { color:#f0c060; padding-left:4px; }

/* ===== 开服表格（new.html） ===== */
.schedule-table { background:rgba(26,15,46,.5); border-radius:14px; overflow:hidden; border:1px solid rgba(201,168,76,.12); }
.sch-header {
  display:grid; grid-template-columns:100px 2fr 1fr 100px 120px 120px 120px;
  background:rgba(201,168,76,.1); padding:14px 20px; font-size:.85rem; color:#c9a84c; font-weight:600;
}
.sch-row {
  display:grid; grid-template-columns:100px 2fr 1fr 100px 120px 120px 120px;
  padding:16px 20px; align-items:center; font-size:.9rem;
  border-bottom:1px solid rgba(201,168,76,.06); transition:all .25s; cursor:pointer;
}
.sch-row:hover { background:rgba(201,168,76,.05); }
.sch-row:last-child { border-bottom:none; }
.sch-status { font-size:.8rem; font-weight:600; padding:3px 10px; border-radius:12px; text-align:center; display:inline-block; }
.sch-hot { background:rgba(255,68,68,.15); color:#ff6b6b; }
.sch-new { background:rgba(0,200,150,.15); color:#00c896; }
.sch-rec { background:rgba(201,168,76,.15); color:#f0c060; }
.sch-name { color:#e0d5c1; font-weight:500; }
.sch-people { color:#c9a84c; font-weight:600; }
.btn-mini {
  display:inline-block; background:rgba(201,168,76,.12); color:#c9a84c;
  padding:5px 14px; border-radius:6px; font-size:.8rem; border:1px solid rgba(201,168,76,.25);
  transition:all .25s;
}
.btn-mini:hover { background:#c9a84c; color:#1a0a2e; }

/* ===== 冲级指南 ===== */
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.guide-card {
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.1);
  border-radius:12px; padding:26px; transition:all .3s;
}
.guide-card:hover { border-color:rgba(201,168,76,.4); transform:translateY(-3px); }
.guide-num { font-size:2.5rem; font-weight:800; color:rgba(201,168,76,.2); margin-bottom:10px; }
.guide-card h3 { font-size:1.1rem; color:#f0c060; margin-bottom:10px; }
.guide-card p { font-size:.88rem; color:#a09080; line-height:1.7; }

/* ===== TOP10 排行（hot.html） ===== */
.top10-list { display:flex; flex-direction:column; gap:14px; }
.top10-item {
  display:grid; grid-template-columns:60px 80px 2fr 1.5fr 120px;
  gap:20px; align-items:center;
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.12);
  border-radius:12px; padding:18px 22px; cursor:pointer; transition:all .3s;
}
.top10-item:hover { transform:translateX(5px); border-color:rgba(201,168,76,.4); }
.top10-item.top1 { border-color:rgba(255,215,0,.4); background:linear-gradient(90deg,rgba(255,215,0,.05),rgba(26,15,46,.6)); }
.top10-item.top2 { border-color:rgba(192,192,192,.3); }
.top10-item.top3 { border-color:rgba(205,127,50,.3); }
.top10-rank {
  font-size:1.8rem; font-weight:900; text-align:center;
}
.top1 .top10-rank { color:#ffd700; text-shadow:0 0 15px rgba(255,215,0,.5); }
.top2 .top10-rank { color:#c0c0c0; }
.top3 .top10-rank { color:#cd7f32; }
.top10-thumb { font-size:2.2rem; text-align:center; }
.top10-info h3 { font-size:1.05rem; color:#fff; margin-bottom:6px; }
.top10-info p { font-size:.82rem; color:#8b7d6b; margin-bottom:8px; line-height:1.5; }
.top10-tags { display:flex; gap:6px; flex-wrap:wrap; }
.top10-tags span {
  font-size:.7rem; padding:2px 8px; border-radius:10px;
  background:rgba(201,168,76,.1); color:#c9a84c;
}
.tag-green { background:rgba(0,200,150,.12)!important; color:#00c896!important; }
.tag-blue { background:rgba(79,172,254,.12)!important; color:#4facfe!important; }
.tag-purple { background:rgba(160,120,255,.12)!important; color:#a078ff!important; }
.top10-data { display:flex; gap:15px; }
.td-item { text-align:center; }
.td-val { display:block; font-size:1.1rem; font-weight:700; color:#f0c060; }
.td-label { font-size:.7rem; color:#8b7d6b; }
.btn-top10 {
  display:inline-block; background:linear-gradient(135deg,#c9a84c,#8b6f2c); color:#1a0a2e;
  padding:8px 18px; border-radius:8px; font-size:.85rem; font-weight:600; text-align:center;
  transition:all .3s;
}
.btn-top10:hover { filter:brightness(1.15); transform:scale(1.05); }

/* ===== 分类推荐（hot.html） ===== */
.cat-rec-layout { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.cat-rec-col { display:flex; flex-direction:column; gap:10px; }
.cat-rec-title { font-size:1rem; padding:10px 14px; border-radius:8px; margin-bottom:6px; }
.cat-rec-176 { background:rgba(201,168,76,.1); color:#f0c060; }
.cat-rec-180 { background:rgba(255,68,68,.1); color:#ff6b6b; }
.cat-rec-3in1 { background:rgba(79,172,254,.1); color:#4facfe; }
.cat-rec-single { background:rgba(160,120,255,.1); color:#a078ff; }
.cat-rec-item {
  display:flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:8px; font-size:.88rem; color:#c0b0a0;
  background:rgba(255,255,255,.02); transition:all .25s;
}
.cat-rec-item:hover { background:rgba(201,168,76,.08); color:#f0c060; }
.cri-rank {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; font-size:.72rem; font-weight:700;
  background:rgba(201,168,76,.15); color:#c9a84c; flex-shrink:0;
}
.cri-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cri-hot { font-size:.8rem; flex-shrink:0; }

/* ===== 评测卡片 ===== */
.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.review-card {
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.12);
  border-radius:14px; overflow:hidden; cursor:pointer; transition:all .35s;
}
.review-card:hover { transform:translateY(-5px); border-color:rgba(201,168,76,.4); box-shadow:0 20px 50px rgba(0,0,0,.35); }
.review-thumb {
  height:140px; display:flex; align-items:center; justify-content:center; font-size:3.5rem;
}
.review-thumb-1 { background:linear-gradient(135deg,#c9a84c,#8b6f2c); }
.review-thumb-2 { background:linear-gradient(135deg,#4facfe,#00f2fe); }
.review-thumb-3 { background:linear-gradient(135deg,#a18cd1,#fbc2eb); }
.review-thumb-4 { background:linear-gradient(135deg,#ff9a9e,#fad0c4); }
.review-thumb-5 { background:linear-gradient(135deg,#667eea,#764ba2); }
.review-thumb-6 { background:linear-gradient(135deg,#43e97b,#38f9d7); }
.review-body { padding:20px; }
.review-cat { display:inline-block; font-size:.72rem; padding:2px 10px; border-radius:10px; background:rgba(201,168,76,.15); color:#f0c060; margin-bottom:10px; font-weight:600; }
.review-body h3 { font-size:1.05rem; color:#fff; margin-bottom:10px; line-height:1.4; }
.review-body p { font-size:.85rem; color:#a09080; margin-bottom:12px; line-height:1.6; }
.review-meta { display:flex; gap:12px; font-size:.78rem; color:#8b7d6b; }

/* ===== 玩家口碑 ===== */
.review-layout { display:grid; grid-template-columns:2fr 1fr; gap:30px; }
.review-main { display:flex; flex-direction:column; gap:16px; }
.testimonial-card {
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.1);
  border-radius:12px; padding:20px;
}
.test-header { display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.test-avatar { font-size:2rem; width:48px; height:48px; border-radius:50%; background:rgba(201,168,76,.1); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.test-info { flex:1; }
.test-info strong { display:block; color:#e0d5c1; font-size:1rem; }
.test-info span { font-size:.78rem; color:#8b7d6b; }
.test-rating { font-size:1rem; }
.testimonial-card p { font-size:.9rem; color:#b0a090; line-height:1.7; font-style:italic; }

.score-bar { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.sb-label { font-size:.78rem; color:#8b7d6b; width:30px; }
.sb-track { flex:1; height:8px; background:rgba(255,255,255,.08); border-radius:4px; overflow:hidden; }
.sb-fill { height:100%; background:linear-gradient(90deg,#c9a84c,#f0c060); border-radius:4px; }
.sb-num { font-size:.78rem; color:#c9a84c; width:35px; }
.side-summary { font-size:.78rem; color:#6b5d4b; text-align:center; margin-top:10px; }

.monthly-best { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid rgba(201,168,76,.06); }
.monthly-best:last-child { border-bottom:none; }
.mb-icon { font-size:1.5rem; }
.mb-info strong { display:block; color:#e0d5c1; font-size:.9rem; }
.mb-info span { font-size:.75rem; color:#8b7d6b; }

/* ===== 文章卡片（information.html） ===== */
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.article-card {
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.1);
  border-radius:14px; overflow:hidden; cursor:pointer; transition:all .35s;
}
.article-card:hover { transform:translateY(-5px); border-color:rgba(201,168,76,.35); box-shadow:0 15px 40px rgba(0,0,0,.3); }
.article-thumb {
  height:130px; display:flex; align-items:center; justify-content:center; font-size:3rem;
}
.article-body { padding:18px; }
.article-body h3 { font-size:1rem; color:#fff; margin:8px 0 10px; line-height:1.4; }
.article-body p { font-size:.82rem; color:#8b7d6b; margin-bottom:12px; line-height:1.6; }
.article-meta { display:flex; gap:12px; font-size:.75rem; color:#6b5d4b; }

/* ===== 头条文章 ===== */
.headline-grid { display:grid; grid-template-columns:2fr 1fr; gap:24px; }
.headline-main {
  background:rgba(26,15,46,.7); border:1px solid rgba(201,168,76,.2);
  border-radius:14px; overflow:hidden; cursor:pointer; transition:all .35s;
}
.headline-main:hover { border-color:rgba(201,168,76,.5); transform:translateY(-3px); }
.headline-thumb { height:220px; background:linear-gradient(135deg,#667eea,#764ba2); display:flex; align-items:center; justify-content:center; font-size:4rem; }
.headline-body { padding:24px; }
.headline-body h2 { font-size:1.35rem; color:#fff; margin:10px 0 12px; line-height:1.4; }
.headline-body p { font-size:.9rem; color:#a09080; margin-bottom:14px; line-height:1.7; }

.headline-side { display:flex; flex-direction:column; gap:14px; }
.sub-news {
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.1);
  border-radius:10px; padding:16px; cursor:pointer; transition:all .25s;
}
.sub-news:hover { border-color:rgba(201,168,76,.35); }
.sub-news h4 { font-size:.92rem; color:#e0d5c1; margin:6px 0 8px; line-height:1.4; }
.sub-news p { font-size:.8rem; color:#8b7d6b; margin-bottom:6px; line-height:1.5; }

/* ===== 战报卡片 ===== */
.battle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.battle-card {
  background:rgba(26,15,46,.6); border:1px solid rgba(201,168,76,.12);
  border-radius:14px; overflow:hidden; cursor:pointer; transition:all .35s;
}
.battle-card:hover { transform:translateY(-5px); border-color:rgba(255,68,68,.35); box-shadow:0 15px 40px rgba(255,68,68,.1); }
.battle-thumb { height:120px; display:flex; align-items:center; justify-content:center; font-size:3rem; background:linear-gradient(135deg,#1a0a2e,#2a1545); }
.battle-body { padding:18px; }
.battle-tag { display:inline-block; font-size:.72rem; padding:2px 10px; border-radius:10px; margin-bottom:10px; font-weight:600; }
.battle-win { background:rgba(255,215,0,.15); color:#ffd700; }
.battle-hot { background:rgba(255,68,68,.15); color:#ff6b6b; }
.battle-new { background:rgba(0,200,150,.15); color:#00c896; }
.battle-body h3 { font-size:1rem; color:#fff; margin-bottom:10px; line-height:1.4; }
.battle-body p { font-size:.82rem; color:#8b7d6b; margin-bottom:12px; line-height:1.6; }
.battle-data { display:flex; gap:12px; flex-wrap:wrap; font-size:.75rem; color:#6b5d4b; }

/* ===== 资讯列表（information.html） ===== */
.news-list-full { display:flex; flex-direction:column; }
.news-row {
  display:grid; grid-template-columns:100px 100px 1fr 100px;
  gap:16px; align-items:center;
  padding:16px 20px; border-bottom:1px solid rgba(201,168,76,.06);
  transition:all .25s; font-size:.92rem;
}
.news-row:hover { background:rgba(201,168,76,.04); padding-left:28px; }
.news-row:last-child { border-bottom:none; }
.news-row-date { color:#c9a84c; font-size:.85rem; font-weight:600; }
.news-row-cat {
  font-size:.72rem; padding:2px 10px; border-radius:10px;
  background:rgba(201,168,76,.12); color:#c9a84c; text-align:center;
}
.news-row-title { color:#c0b0a0; }
.news-row-read { color:#6b5d4b; font-size:.8rem; text-align:right; }

/* ===== 底部 ===== */
.footer {
  background:#080410; border-top:2px solid rgba(201,168,76,.2);
  padding:50px 0 20px; margin-top:40px;
}
.footer-top { display:grid; grid-template-columns:1.5fr 2fr; gap:40px; margin-bottom:30px; }
.footer-brand p { font-size:.85rem; color:#6b5d4b; margin-top:10px; line-height:1.6; }
.footer-logo { font-size:1.3rem; color:#f0c060; font-weight:700; }
.footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.footer-col h4 { font-size:.95rem; color:#c9a84c; margin-bottom:12px; }
.footer-col a { display:block; font-size:.85rem; color:#8b7d6b; padding:4px 0; }
.footer-col a:hover { color:#f0c060; padding-left:4px; }
.footer-bottom { text-align:center; padding-top:20px; border-top:1px solid rgba(201,168,76,.08); }
.footer-bottom p { font-size:.78rem; color:#5b4d3b; margin:4px 0; }

/* ===== 悬浮工具栏 ===== */
.float-bar {
  position:fixed; right:20px; bottom:30px; z-index:999;
  display:flex; flex-direction:column; gap:10px;
}
.float-item {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:56px; height:56px; border-radius:50%;
  background:rgba(26,15,46,.9); border:1px solid rgba(201,168,76,.3);
  color:#c9a84c; font-size:1.4rem;
  transition:all .3s; cursor:pointer;
}
.float-item span { font-size:.6rem; margin-top:2px; }
.float-item:hover { background:#c9a84c; color:#1a0a2e; transform:scale(1.1); }
.float-new:hover { background:#ff6b6b; }
.float-hot:hover { background:#ffd700; }
.float-info:hover { background:#4facfe; }

/* ===== 响应式 ===== */
@media (max-width:1024px) {
  .hero-content, .hot-layout, .news-layout, .review-layout, .headline-grid, .footer-top { grid-template-columns:1fr; }
  .server-grid, .cat-grid, .guide-grid, .top10-list .top10-item, .review-grid, .article-grid, .battle-grid, .cat-rec-layout { grid-template-columns:repeat(2,1fr); }
  .sch-header, .sch-row { grid-template-columns:80px 1.5fr 1fr 80px 100px 100px 100px; font-size:.8rem; }
  .top10-item { grid-template-columns:50px 60px 1.5fr 1.2fr 100px; }
}
@media (max-width:640px) {
  .header-inner { flex-wrap:wrap; gap:10px; }
  .main-nav { order:3; width:100%; justify-content:center; }
  .header-search { order:2; }
  .hero { padding:40px 0 60px; }
  .hero-title { font-size:1.8rem; }
  .hero-stats { grid-template-columns:repeat(2,1fr); }
  .server-grid, .cat-grid, .guide-grid, .review-grid, .article-grid, .battle-grid, .cat-rec-layout { grid-template-columns:1fr; }
  .news-feature { grid-template-columns:1fr; }
  .news-feature-thumb { width:100%; height:120px; }
  .hot-card { grid-template-columns:1fr; }
  .hot-thumb { width:100%; height:80px; }
  .sch-header, .sch-row { grid-template-columns:70px 1fr 80px; font-size:.75rem; padding:10px; }
  .sch-header span:nth-child(n+4), .sch-row span:nth-child(n+4) { display:none; }
  .top10-item { grid-template-columns:40px 50px 1fr; gap:10px; padding:12px; }
  .top10-item .top10-data, .top10-item .btn-top10 { display:none; }
  .news-row { grid-template-columns:80px 1fr 80px; }
  .news-row-cat { display:none; }
  .float-bar { right:10px; bottom:10px; }
  .float-item { width:44px; height:44px; font-size:1.1rem; }
  .page-hero .container { grid-template-columns:1fr; }
  .info-stats, .rank-summary { flex-wrap:wrap; }
}