/* ===== 全局重置与基础样式 ===== */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:14px; line-height:1.7; color:#e0e0e0;
  background:#0a0a1a; overflow-x:hidden;
}
a { color:#e0a030; text-decoration:none; transition:color .3s; }
a:hover { color:#ffcc00; }
img { max-width:100%; display:block; }
ul,ol { list-style:none; }
.container { max-width:1200px; margin:0 auto; padding:0 15px; }

/* ===== 顶部通知栏 ===== */
.top-bar {
  background:linear-gradient(90deg,#1a0a2e,#2a1a4e,#1a0a2e);
  border-bottom:1px solid #3a2a5e; padding:8px 0; font-size:12px; color:#aaa;
}
.top-bar .container { display:flex; justify-content:space-between; align-items:center; }
.top-bar strong { color:#ffcc00; }
.top-bar-right a { color:#ccc; margin:0 5px; }
.top-bar-right a:hover { color:#ffcc00; }

/* ===== 头部区域 ===== */
.header {
  background:rgba(15,10,35,.95); backdrop-filter:blur(10px);
  border-bottom:2px solid #c8a030; position:sticky; top:0; z-index:1000;
  box-shadow:0 4px 20px rgba(0,0,0,.5);
}
.header .container { display:flex; align-items:center; justify-content:space-between; padding:15px; }
.logo-area { display:flex; align-items:center; }
.logo { display:flex; align-items:center; gap:12px; }
.logo-icon { font-size:36px; }
.logo-text { display:flex; flex-direction:column; }
.logo-text strong { font-size:22px; color:#ffcc00; text-shadow:0 0 10px rgba(255,200,0,.3); letter-spacing:2px; }
.logo-text em { font-size:11px; color:#888; font-style:normal; letter-spacing:1px; }

.main-nav { display:flex; gap:5px; }
.main-nav a {
  padding:10px 20px; color:#ccc; font-size:15px; font-weight:bold;
  border-radius:6px; transition:all .3s;
}
.main-nav a:hover, .main-nav .nav-active {
  background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e;
  box-shadow:0 0 15px rgba(255,200,0,.4);
}

.header-search { display:flex; gap:8px; }
.header-search input {
  width:240px; padding:9px 15px; border:1px solid #3a3a5e; border-radius:20px;
  background:rgba(255,255,255,.08); color:#fff; font-size:13px; outline:none;
  transition:border .3s;
}
.header-search input:focus { border-color:#c8a030; }
.header-search button {
  padding:9px 18px; border:none; border-radius:20px; cursor:pointer;
  background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e;
  font-weight:bold; font-size:13px; transition:all .3s;
}
.header-search button:hover { transform:scale(1.05); box-shadow:0 0 15px rgba(255,200,0,.5); }

/* ===== 主视觉横幅 ===== */
.hero-banner {
  background:linear-gradient(135deg,#0f0a25 0%,#1a0a3e 30%,#0d1a4e 60%,#0a0a1a 100%);
  padding:60px 0; position:relative; overflow:hidden;
}
.hero-banner::before {
  content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%;
  background:radial-gradient(ellipse at 30% 50%,rgba(200,160,48,.08),transparent 50%),
             radial-gradient(ellipse at 70% 30%,rgba(100,100,255,.06),transparent 50%);
  animation:heroGlow 15s ease-in-out infinite;
}
@keyframes heroGlow { 0%,100%{transform:rotate(0deg);} 50%{transform:rotate(5deg);} }

.hero-banner .container { display:flex; align-items:center; gap:50px; position:relative; z-index:1; }
.hero-content { flex:1; }
.hero-content h1 {
  font-size:42px; color:#fff; line-height:1.3; margin-bottom:20px;
  text-shadow:0 0 30px rgba(200,160,48,.3);
}
.hero-content .highlight { color:#ffcc00; font-size:36px; }
.hero-sub { font-size:16px; color:#aaa; margin-bottom:30px; max-width:550px; }
.hero-actions { display:flex; gap:15px; margin-bottom:40px; }
.btn-primary {
  display:inline-block; padding:14px 36px; border-radius:30px; font-size:16px; font-weight:bold;
  background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e;
  box-shadow:0 4px 20px rgba(255,200,0,.3); transition:all .3s;
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 6px 30px rgba(255,200,0,.5); color:#1a1a2e; }
.btn-secondary {
  display:inline-block; padding:14px 36px; border-radius:30px; font-size:16px; font-weight:bold;
  border:2px solid #c8a030; color:#ffcc00; transition:all .3s;
}
.btn-secondary:hover { background:rgba(200,160,48,.15); transform:translateY(-2px); color:#ffcc00; }

.hero-stats { display:flex; gap:40px; }
.stat-item { text-align:center; }
.stat-num { display:block; font-size:32px; font-weight:bold; color:#ffcc00; text-shadow:0 0 10px rgba(255,200,0,.3); }
.stat-label { font-size:13px; color:#888; }

/* 右侧实时卡片 */
.hero-visual { width:380px; }
.hero-card {
  background:rgba(20,15,45,.8); border:1px solid #3a2a5e; border-radius:12px;
  overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,.4);
}
.hero-card-header {
  background:linear-gradient(90deg,#2a1a4e,#3a2a6e); padding:12px 18px;
  font-weight:bold; color:#ffcc00; font-size:14px; border-bottom:1px solid #3a2a5e;
}
.hero-card-body { padding:10px 0; max-height:320px; overflow:hidden; }
.live-item {
  display:flex; align-items:center; gap:8px; padding:8px 18px;
  border-bottom:1px solid rgba(255,255,255,.03); font-size:13px;
  animation:liveSlide 0.5s ease;
}
@keyframes liveSlide { from{opacity:0;transform:translateX(20px);} to{opacity:1;transform:translateX(0);} }
.live-time { color:#666; font-size:12px; min-width:42px; }
.live-tag { padding:2px 8px; border-radius:3px; font-size:11px; font-weight:bold; }
.tag-new { background:#1a4a2e; color:#4ade80; }
.tag-hot { background:#4a1a1a; color:#f87171; }
.tag-rec { background:#1a3a4a; color:#38bdf8; }
.live-name { color:#ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ===== 通用区块标题 ===== */
.section-header {
  display:flex; align-items:center; gap:15px; margin-bottom:25px;
  padding-bottom:12px; border-bottom:2px solid #2a2a4e;
}
.section-header h2 {
  font-size:24px; color:#fff; display:flex; align-items:center; gap:8px;
}
.section-header h2::before {
  content:''; width:4px; height:24px; background:linear-gradient(180deg,#c8a030,#ffcc00);
  border-radius:2px;
}
.section-date { color:#ffcc00; font-size:14px; font-weight:bold; }
.section-desc { color:#888; font-size:13px; }
.section-more { margin-left:auto; color:#c8a030; font-size:14px; font-weight:bold; }
.section-more:hover { color:#ffcc00; }

/* ===== 今日新服表格 ===== */
.section-new { padding:50px 0; background:#0d0d20; }
.server-table-wrap {
  background:rgba(20,15,45,.6); border-radius:12px; overflow:hidden;
  border:1px solid #2a2a5e;
}
.server-table { width:100%; border-collapse:collapse; }
.server-table thead { background:linear-gradient(90deg,#1a1a3e,#2a2a5e); }
.server-table th {
  padding:14px 12px; text-align:left; font-size:13px; color:#c8a030;
  font-weight:bold; border-bottom:2px solid #3a3a6e;
}
.server-table td { padding:13px 12px; font-size:13px; border-bottom:1px solid #1a1a3e; color:#ccc; }
.server-table tbody tr:hover { background:rgba(200,160,48,.05); }
.server-table a { color:#e0c060; }
.server-table a:hover { color:#ffcc00; }

.tag { display:inline-block; padding:2px 8px; border-radius:3px; font-size:11px; margin-right:4px; }
.tag-blue { background:rgba(56,189,248,.15); color:#38bdf8; }
.tag-green { background:rgba(74,222,128,.15); color:#4ade80; }
.tag-red { background:rgba(248,113,113,.15); color:#f87171; }
.tag-gold { background:rgba(255,200,0,.15); color:#ffcc00; }
.tag-purple { background:rgba(168,85,247,.15); color:#a855f7; }

.status { padding:3px 10px; border-radius:3px; font-size:12px; font-weight:bold; }
.status-hot { background:#4a1a1a; color:#f87171; }
.status-new { background:#1a4a2e; color:#4ade80; }

.btn-enter {
  display:inline-block; padding:5px 16px; border-radius:15px; font-size:12px;
  background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e; font-weight:bold;
  transition:all .3s;
}
.btn-enter:hover { transform:scale(1.1); box-shadow:0 0 10px rgba(255,200,0,.4); color:#1a1a2e; }

/* ===== 版本分类导航 ===== */
.section-categories { padding:50px 0; }
.cat-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:15px; }
.cat-card {
  background:rgba(20,15,45,.6); border:1px solid #2a2a5e; border-radius:12px;
  padding:25px 15px; text-align:center; transition:all .4s; position:relative; overflow:hidden;
}
.cat-card::before {
  content:''; position:absolute; top:0; left:0; right:0; bottom:0;
  background:radial-gradient(circle at 50% 0%,rgba(200,160,48,.1),transparent 70%);
  opacity:0; transition:opacity .4s;
}
.cat-card:hover::before { opacity:1; }
.cat-card:hover { transform:translateY(-5px); border-color:#c8a030; box-shadow:0 8px 25px rgba(200,160,48,.15); }
.cat-icon { font-size:40px; margin-bottom:12px; }
.cat-card h3 { font-size:15px; color:#fff; margin-bottom:8px; }
.cat-card p { font-size:12px; color:#888; margin-bottom:10px; }
.cat-count { font-size:12px; color:#c8a030; font-weight:bold; }

/* ===== 热门推荐 ===== */
.section-hot { padding:50px 0; background:#0d0d20; }
.hot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.hot-card {
  background:rgba(20,15,45,.6); border:1px solid #2a2a5e; border-radius:12px;
  overflow:hidden; transition:all .4s;
}
.hot-card:hover { transform:translateY(-4px); border-color:#c8a030; box-shadow:0 8px 25px rgba(200,160,48,.12); }
.hot-thumb {
  height:140px; position:relative; display:flex; align-items:flex-end; padding:12px;
}
/* 缩略图渐变占位 */
.thumb-1 { background:linear-gradient(135deg,#4a1a2a,#7a2a3a,#c84040); }
.thumb-2 { background:linear-gradient(135deg,#1a2a5a,#2a4a8a,#4080ff); }
.thumb-3 { background:linear-gradient(135deg,#1a4a2a,#2a6a4a,#40c060); }
.thumb-4 { background:linear-gradient(135deg,#4a3a1a,#6a5a2a,#c0a040); }
.thumb-5 { background:linear-gradient(135deg,#3a1a4a,#5a2a6a,#8040c0); }
.thumb-6 { background:linear-gradient(135deg,#1a4a4a,#2a6a6a,#40c0c0); }
/* 用CSS绘制缩略图装饰 */
.thumb-1::after,.thumb-2::after,.thumb-3::after,.thumb-4::after,.thumb-5::after,.thumb-6::after {
  content:''; position:absolute; top:15px; right:15px; width:50px; height:50px;
  border-radius:50%; background:rgba(255,255,255,.08); box-shadow:0 0 20px rgba(255,255,255,.05);
}
.hot-rank {
  background:rgba(0,0,0,.6); padding:4px 12px; border-radius:4px;
  font-weight:bold; font-size:14px; color:#ffcc00;
}
.hot-players {
  position:absolute; top:12px; right:12px; background:rgba(0,0,0,.7);
  padding:4px 10px; border-radius:4px; font-size:12px; color:#4ade80;
}
.hot-info { padding:15px; }
.hot-info h3 { font-size:15px; color:#fff; margin-bottom:8px; line-height:1.4; }
.hot-info p { font-size:12px; color:#888; margin-bottom:10px; }
.hot-meta { display:flex; gap:15px; font-size:12px; color:#666; }

/* ===== 游戏资讯 ===== */
.section-news { padding:50px 0; }
.news-layout { display:grid; grid-template-columns:2fr 1fr; gap:30px; }
.news-featured {
  display:flex; gap:20px; margin-bottom:25px; padding:15px;
  background:rgba(20,15,45,.4); border-radius:12px; border:1px solid #2a2a4e;
  transition:all .3s;
}
.news-featured:hover { border-color:#c8a030; }
.news-feat-thumb {
  width:280px; height:170px; border-radius:8px; flex-shrink:0;
}
/* 资讯缩略图渐变 */
.feat-thumb-1 { background:linear-gradient(135deg,#2a1a4e,#4a2a7e,#6a4aae); }
.feat-thumb-1::after {
  content:'📖'; position:absolute; font-size:48px; top:50%; left:50%;
  transform:translate(-50%,-50%); opacity:.3;
}
.news-feat-thumb { position:relative; }
.news-feat-info { flex:1; }
.news-cat {
  display:inline-block; padding:3px 10px; border-radius:3px; font-size:11px;
  background:rgba(200,160,48,.15); color:#c8a030; margin-bottom:10px;
}
.news-feat-info h3 { font-size:18px; color:#fff; margin-bottom:10px; line-height:1.5; }
.news-feat-info p { font-size:13px; color:#999; line-height:1.8; margin-bottom:10px; }
.news-date { font-size:12px; color:#666; }

.news-list { display:flex; flex-direction:column; gap:12px; }
.news-item {
  display:flex; gap:12px; padding:10px; border-radius:8px;
  transition:background .3s;
}
.news-item:hover { background:rgba(200,160,48,.05); }
.news-thumb {
  width:100px; height:72px; border-radius:6px; flex-shrink:0;
}
.nthumb-1 { background:linear-gradient(135deg,#4a2a1a,#7a4a2a,#c08040); }
.nthumb-2 { background:linear-gradient(135deg,#1a4a4a,#2a7a7a,#40c0c0); }
.nthumb-3 { background:linear-gradient(135deg,#4a1a4a,#7a2a7a,#c040c0); }
.nthumb-4 { background:linear-gradient(135deg,#2a4a1a,#4a7a2a,#80c040); }
.nthumb-5 { background:linear-gradient(135deg,#1a2a4a,#2a4a7a,#4080c0); }
.nthumb-6 { background:linear-gradient(135deg,#4a3a1a,#7a5a2a,#c0a040); }
.news-text { flex:1; }
.news-text h4 { font-size:14px; color:#ddd; margin:5px 0; line-height:1.5; }
.news-text h4:hover { color:#ffcc00; }

/* 侧边栏 */
.news-sidebar { display:flex; flex-direction:column; gap:20px; }
.side-widget {
  background:rgba(20,15,45,.6); border:1px solid #2a2a5e; border-radius:12px;
  padding:18px;
}
.side-widget h3 { font-size:15px; color:#ffcc00; margin-bottom:12px; }
.rank-list li {
  display:flex; align-items:center; gap:8px; padding:7px 0;
  border-bottom:1px solid #1a1a3e; font-size:13px;
}
.rank-list li:last-child { border-bottom:none; }
.rank-num {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; font-size:12px; font-weight:bold;
  background:#2a2a5e; color:#aaa;
}
.rank-list li:nth-child(1) .rank-num { background:#c84040; color:#fff; }
.rank-list li:nth-child(2) .rank-num { background:#e07020; color:#fff; }
.rank-list li:nth-child(3) .rank-num { background:#c8a030; color:#fff; }
.rank-list a { color:#ccc; flex:1; }
.rank-list a:hover { color:#ffcc00; }
.rank-hot { font-size:14px; }

.tag-cloud { display:flex; flex-wrap:wrap; gap:8px; }
.tag-cloud a {
  padding:5px 12px; border-radius:15px; font-size:12px;
  background:rgba(200,160,48,.08); border:1px solid #3a3a5e; color:#aaa;
  transition:all .3s;
}
.tag-cloud a:hover { background:rgba(200,160,48,.2); border-color:#c8a030; color:#ffcc00; }

/* 迷你日历 */
.mini-calendar { font-size:12px; }
.cal-header { display:grid; grid-template-columns:repeat(7,1fr); text-align:center; color:#c8a030; font-weight:bold; margin-bottom:8px; }
.cal-body { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; text-align:center; }
.cal-body span { padding:5px 0; border-radius:3px; color:#aaa; }
.cal-body .cal-today { background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e; font-weight:bold; }
.cal-empty { visibility:hidden; }

/* ===== 深度内容区 ===== */
.section-deep { padding:50px 0; background:#0d0d20; }
.deep-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.deep-card {
  background:rgba(20,15,45,.6); border:1px solid #2a2a5e; border-radius:12px;
  overflow:hidden; transition:all .4s;
}
.deep-card:hover { transform:translateY(-4px); border-color:#c8a030; box-shadow:0 8px 25px rgba(200,160,48,.1); }
.deep-thumb { height:160px; }
.dthumb-1 { background:linear-gradient(135deg,#3a1a5a,#5a2a8a,#8060ff); }
.dthumb-2 { background:linear-gradient(135deg,#1a3a5a,#2a5a8a,#4080ff); }
.dthumb-3 { background:linear-gradient(135deg,#5a3a1a,#8a5a2a,#ffa040); }
.deep-body { padding:18px; }
.deep-cat { display:inline-block; padding:3px 10px; border-radius:3px; font-size:11px; background:rgba(200,160,48,.15); color:#c8a030; margin-bottom:10px; }
.deep-body h3 { font-size:16px; margin-bottom:10px; line-height:1.5; }
.deep-body h3 a { color:#fff; }
.deep-body h3 a:hover { color:#ffcc00; }
.deep-body p { font-size:13px; color:#999; line-height:1.8; margin-bottom:12px; }
.deep-meta { display:flex; gap:15px; font-size:12px; color:#666; }

/* ===== 开服时间表 ===== */
.section-schedule { padding:50px 0; }
.schedule-timeline { display:flex; flex-direction:column; gap:0; }
.schedule-item {
  display:flex; align-items:stretch; border-left:3px solid #3a3a6e;
  padding:0 0 0 25px; position:relative; margin-bottom:5px;
}
.schedule-item::before {
  content:''; position:absolute; left:-8px; top:50%; transform:translateY(-50%);
  width:13px; height:13px; border-radius:50%; background:#c8a030;
  box-shadow:0 0 10px rgba(200,160,48,.5);
}
.schedule-time {
  width:80px; display:flex; align-items:center; font-size:18px; font-weight:bold;
  color:#ffcc00; flex-shrink:0;
}
.schedule-servers { display:flex; flex-wrap:wrap; gap:10px; padding:10px 0; }
.ss-item {
  display:flex; align-items:center; gap:10px; padding:8px 15px;
  background:rgba(20,15,45,.6); border:1px solid #2a2a5e; border-radius:8px;
  font-size:13px; color:#ccc; transition:all .3s;
}
.ss-item:hover { border-color:#c8a030; background:rgba(200,160,48,.08); color:#ffcc00; }
.ss-version { color:#888; font-size:12px; }
.ss-line { color:#666; font-size:11px; padding:2px 6px; background:#1a1a3e; border-radius:3px; }

/* ===== 合作伙伴 ===== */
.section-partners { padding:30px 0; background:#0d0d20; border-top:1px solid #1a1a3e; }
.partner-links { display:flex; flex-wrap:wrap; gap:15px; justify-content:center; }
.partner-links a {
  padding:8px 20px; border:1px solid #2a2a5e; border-radius:20px;
  font-size:13px; color:#999; transition:all .3s;
}
.partner-links a:hover { border-color:#c8a030; color:#ffcc00; background:rgba(200,160,48,.05); }

/* ===== 底部 ===== */
.footer { background:#080818; padding:40px 0 20px; border-top:2px solid #c8a030; }
.footer-main { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; margin-bottom:25px; }
.footer-col h4 { font-size:15px; color:#ffcc00; margin-bottom:12px; }
.footer-col p { font-size:13px; color:#888; line-height:1.8; }
.footer-col ul li { padding:5px 0; font-size:13px; }
.footer-col ul li a { color:#999; }
.footer-col ul li a:hover { color:#ffcc00; }
.footer-bottom { text-align:center; padding-top:20px; border-top:1px solid #1a1a3e; }
.footer-bottom p { font-size:12px; color:#666; margin:5px 0; }
.footer-bottom strong { color:#c8a030; }

/* ===== 动画效果 ===== */
.fade-in { animation:fadeInUp 0.6s ease forwards; }
@keyframes fadeInUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }

/* ===== 响应式 ===== */
@media(max-width:1024px){
  .cat-grid { grid-template-columns:repeat(3,1fr); }
  .hot-grid { grid-template-columns:repeat(2,1fr); }
  .deep-grid { grid-template-columns:repeat(2,1fr); }
  .news-layout { grid-template-columns:1fr; }
  .footer-main { grid-template-columns:repeat(2,1fr); }
  .hero-banner .container { flex-direction:column; }
  .hero-visual { width:100%; }
}
@media(max-width:768px){
  .header .container { flex-wrap:wrap; gap:10px; }
  .main-nav { order:3; width:100%; justify-content:center; }
  .header-search { order:2; }
  .hero-content h1 { font-size:28px; }
  .hero-content .highlight { font-size:24px; }
  .hero-stats { gap:20px; flex-wrap:wrap; }
  .cat-grid { grid-template-columns:repeat(2,1fr); }
  .hot-grid { grid-template-columns:1fr; }
  .deep-grid { grid-template-columns:1fr; }
  .news-featured { flex-direction:column; }
  .news-feat-thumb { width:100%; }
  .footer-main { grid-template-columns:1fr; }
  .schedule-item { flex-direction:column; }
  .server-table { font-size:12px; }
  .server-table th:nth-child(4),.server-table td:nth-child(4) { display:none; }
  .hot-rank-list { grid-template-columns:1fr; }
  .news-item-large { flex-direction:column; }
  .news-thumb-large { width:100%; }
}

/* ===== 热门排行列表 (hot.html) ===== */
.hot-rank-list { display:flex; flex-direction:column; gap:12px; }
.hot-rank-item {
  display:flex; align-items:center; gap:15px; padding:15px;
  background:rgba(20,15,45,.6); border:1px solid #2a2a5e; border-radius:12px;
  transition:all .3s;
}
.hot-rank-item:hover { border-color:#c8a030; background:rgba(20,15,45,.85); transform:translateX(5px); }
.hr-num {
  width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:bold; background:#2a2a5e; color:#aaa; flex-shrink:0;
}
.hr-num.hr-1 { background:linear-gradient(135deg,#c84040,#ff6060); color:#fff; box-shadow:0 0 15px rgba(200,64,64,.4); }
.hr-num.hr-2 { background:linear-gradient(135deg,#e07020,#ff9040); color:#fff; box-shadow:0 0 15px rgba(224,112,32,.4); }
.hr-num.hr-3 { background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e; box-shadow:0 0 15px rgba(200,160,48,.4); }
.hr-thumb { width:80px; height:60px; border-radius:8px; flex-shrink:0; }
.hr-info { flex:1; }
.hr-info h3 { font-size:15px; color:#fff; margin-bottom:5px; }
.hr-info p { font-size:12px; color:#888; }
.hr-meta { display:flex; gap:12px; font-size:11px; color:#666; margin-top:5px; flex-wrap:wrap; }
.hr-stats { text-align:right; flex-shrink:0; }
.hr-online { font-size:20px; font-weight:bold; color:#ffcc00; }
.hr-online span { display:block; font-size:11px; color:#888; font-weight:normal; }
.hr-rate { font-size:14px; color:#4ade80; margin-top:3px; }
.hr-rate span { font-size:11px; color:#888; }

/* ===== 分页 (new.html / information.html) ===== */
.pagination-section { padding:30px 0; }
.pagination { display:flex; align-items:center; gap:8px; justify-content:center; }
.pagination a, .pagination span { padding:8px 14px; border-radius:6px; font-size:13px; color:#aaa; border:1px solid #2a2a5e; transition:all .3s; }
.pagination a:hover, .page-active { background:linear-gradient(135deg,#c8a030,#ffcc00); color:#1a1a2e; border-color:#c8a030; font-weight:bold; }
.page-next { background:rgba(200,160,48,.08); }

/* ===== 资讯大列表 (information.html) ===== */
.news-item-large { display:flex; gap:20px; padding:18px; background:rgba(20,15,45,.4); border:1px solid #2a2a4e; border-radius:12px; transition:all .3s; }
.news-item-large:hover { border-color:#c8a030; background:rgba(20,15,45,.7); }
.news-thumb-large { width:240px; height:155px; border-radius:8px; flex-shrink:0; }
.news-text-large { flex:1; }
.news-tags { display:flex; gap:8px; margin-bottom:10px; }
.news-text-large h3 { font-size:17px; color:#fff; margin-bottom:10px; line-height:1.5; }
.news-text-large h3:hover { color:#ffcc00; }
.news-text-large p { font-size:13px; color:#999; line-height:1.8; margin-bottom:10px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.news-meta { display:flex; gap:15px; font-size:12px; color:#666; flex-wrap:wrap; }

/* 归档列表 */
.archive-list { font-size:13px; }
.archive-list li { padding:8px 0; border-bottom:1px solid #1a1a3e; }
.archive-list li:last-child { border-bottom:none; }
.archive-list a { color:#999; }
.archive-list a:hover { color:#ffcc00; }

/* 相关链接 */
.related-links { display:flex; flex-direction:column; gap:8px; }
.related-link { display:flex; align-items:center; gap:10px; padding:8px; border-radius:8px; transition:background .3s; }
.related-link:hover { background:rgba(200,160,48,.05); }
.rl-thumb { width:36px; height:36px; border-radius:6px; flex-shrink:0; }
.rl-text { font-size:13px; color:#ccc; }
.related-link:hover .rl-text { color:#ffcc00; }

/* 页面标题栏 */
.page-title-bar { background:linear-gradient(135deg,#1a0a3e,#2a1a5e); padding:35px 0; border-bottom:1px solid #3a2a5e; }
.page-title-bar h1 { font-size:28px; color:#fff; margin-bottom:8px; }
.page-title-bar p { color:#aaa; font-size:14px; }
.page-title-bar a { color:#ffcc00; }

/* 筛选栏 */
.filter-bar { background:#0d0d20; padding:15px 0; border-bottom:1px solid #1a1a3e; }
.filter-group { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.filter-label { color:#888; font-size:13px; min-width:50px; }
.filter-group a { padding:5px 14px; border-radius:15px; font-size:13px; color:#aaa; border:1px solid #2a2a5e; transition:all .3s; }
.filter-group a:hover, .filter-active { background:rgba(200,160,48,.15); border-color:#c8a030; color:#ffcc00; }