/* ============================================================
   传奇发布网 全站样式 (PC + 移动自适应)
   ============================================================ */
* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  font:14px/1.7 "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  color:#2b2b2b; background:#f4f0e8;
}
a { color:#8a1f1f; text-decoration:none; }
a:hover { color:#d9a441; }
img { border:0; max-width:100%; vertical-align:middle; }
ul,ol { list-style:none; }
.container { width:1200px; margin:0 auto; }
.clearfix:after { content:""; display:block; clear:both; }

/* ---------- 顶部公告条 ---------- */
.topbar { background:#1c0f06; color:#e6c988; font-size:13px; }
.topbar .container { height:36px; line-height:36px; display:flex; justify-content:space-between; align-items:center; }
.topbar .notice { flex:1; overflow:hidden; white-space:nowrap; }
.topbar .notice span { color:#ffb84d; margin-right:6px; }
.topbar .links a { color:#d8c49a; margin-left:18px; }
.topbar .links a:hover { color:#fff; }

/* ---------- 头部 ---------- */
.header { background:linear-gradient(135deg,#2a1205 0%,#4a1f0a 55%,#6b2c10 100%); padding:18px 0; }
.header .container { display:flex; align-items:center; justify-content:space-between; }
.logo h1 { font-size:30px; color:#ffd37a; letter-spacing:2px; text-shadow:0 2px 6px rgba(0,0,0,.5); }
.logo h1 i { font-style:normal; color:#ff7a45; }
.logo p { color:#cba96a; font-size:12px; letter-spacing:1px; }
.search-box { display:flex; }
.search-box input {
  width:320px; height:38px; border:1px solid #6b3b16; background:#1c0f06;
  color:#e6d6b0; padding:0 12px; border-radius:4px 0 0 4px; outline:none; font-size:14px;
}
.search-box button {
  height:38px; padding:0 20px; border:0; background:linear-gradient(#e9a83c,#c47b1d);
  color:#3a1c03; font-weight:bold; cursor:pointer; border-radius:0 4px 4px 0;
}
.search-box button:hover { opacity:.9; }

/* ---------- 导航 ---------- */
.nav { background:#3a1305; border-top:3px solid #d9a441; }
.nav .container { display:flex; }
.nav a {
  display:block; padding:14px 26px; color:#f4e4c4; font-size:15px; position:relative;
}
.nav a:hover, .nav a.cur { background:#6b2c10; color:#ffd37a; }
.nav a.cur:after { content:""; position:absolute; left:0; right:0; bottom:-3px; height:3px; background:#d9a441; }
.nav a .en { font-size:11px; opacity:.6; margin-left:4px; }

/* ---------- 主体布局 ---------- */
.main { padding:22px 0 10px; }
.col-l { float:left; width:300px; }
.col-r { float:right; width:878px; }

/* ---------- 通用面板 ---------- */
.panel { background:#fff; border:1px solid #e6ddcc; margin-bottom:18px; }
.panel-hd {
  height:42px; line-height:42px; padding:0 14px; border-bottom:2px solid #d9a441;
  background:linear-gradient(#fffdf7,#f7f0e2);
}
.panel-hd h3 { font-size:16px; color:#6b2c10; font-weight:bold; }
.panel-hd h3 i { display:inline-block; width:5px; height:16px; background:#d9a441; vertical-align:-2px; margin-right:8px; border-radius:2px; }
.panel-hd .more { float:right; font-size:12px; color:#a8793b; }
.panel-bd { padding:12px; }

/* ---------- 开服表 ---------- */
.open-table { width:100%; border-collapse:collapse; }
.open-table th, .open-table td {
  padding:10px 8px; text-align:center; font-size:13px; border-bottom:1px dashed #eee0c8;
}
.open-table thead th { background:#6b2c10; color:#ffe9bd; font-weight:normal; }
.open-table tbody tr:hover { background:#fff6e3; }
.open-table .svname { font-size:14px; color:#8a1f1f; font-weight:bold; }
.open-table .tag { display:inline-block; padding:1px 7px; border-radius:3px; font-size:11px; }
.tag-hot { background:#ff6a3d; color:#fff; }
.tag-new { background:#2ba64b; color:#fff; }
.tag-ready { background:#f0a93c; color:#fff; }
.tag-open { background:#2f8fe0; color:#fff; }
.open-table a.go { color:#fff; background:linear-gradient(#e9a83c,#c47b1d); padding:3px 12px; border-radius:4px; font-size:12px; }
.open-table a.go:hover { opacity:.88; }

/* ---------- 排行列表 ---------- */
.rank-list li { padding:9px 4px; border-bottom:1px dashed #eee0c8; display:flex; align-items:center; }
.rank-list .no { width:26px; height:26px; line-height:26px; text-align:center; background:#e8dfcf; color:#8a6a3a; border-radius:4px; font-size:13px; margin-right:10px; flex:none; }
.rank-list .no.t { background:#d9a441; color:#3a1c03; font-weight:bold; }
.rank-list .nm { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank-list .nm a { color:#2b2b2b; }
.rank-list .nm a:hover { color:#8a1f1f; }
.rank-list .pop { color:#c47b1d; font-size:12px; }

/* ---------- 文章列表 ---------- */
.news-list li { padding:9px 2px; border-bottom:1px dashed #eee0c8; display:flex; justify-content:space-between; align-items:center; }
.news-list .t { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-list .t .d { color:#d9a441; font-size:12px; margin-right:8px; }
.news-list .t a { color:#2b2b2b; }
.news-list .t a:hover { color:#8a1f1f; }
.news-list .tm { color:#999; font-size:12px; flex:none; margin-left:10px; }

/* ---------- 图文卡片(攻略/评测) ---------- */
.card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.card {
  border:1px solid #eee0c8; border-radius:6px; overflow:hidden; background:#fffdf7;
  transition:transform .18s, box-shadow .18s;
}
.card:hover { transform:translateY(-2px); box-shadow:0 6px 16px rgba(120,60,10,.12); }
.card .pic { height:120px; background:linear-gradient(135deg,#5a2310,#8a3a18); display:flex; align-items:center; justify-content:center; color:#ffd37a; font-size:30px; }
.card .ct { padding:12px; }
.card .ct h4 { font-size:14px; color:#3a1c03; margin-bottom:6px; }
.card .ct h4 a { color:#3a1c03; }
.card .ct h4 a:hover { color:#8a1f1f; }
.card .ct p { font-size:12px; color:#8a7353; line-height:1.6; height:40px; overflow:hidden; }
.card .ct .meta { margin-top:8px; font-size:12px; color:#c47b1d; }

/* ---------- 答疑列表 ---------- */
.qa-list li { padding:12px 6px; border-bottom:1px dashed #eee0c8; }
.qa-list .q { color:#3a1c03; font-size:14px; font-weight:bold; }
.qa-list .q b { color:#8a1f1f; }
.qa-list .a { color:#6d6d6d; font-size:13px; margin-top:4px; line-height:1.7; }

/* ---------- 下载列表 ---------- */
.dl-list li { display:flex; align-items:center; justify-content:space-between; padding:12px 6px; border-bottom:1px dashed #eee0c8; }
.dl-list .nm { font-size:15px; color:#3a1c03; font-weight:bold; }
.dl-list .meta { color:#999; font-size:12px; margin-top:3px; }
.dl-list a.btn {
  background:linear-gradient(#e9a83c,#c47b1d); color:#3a1c03; padding:6px 18px; border-radius:4px; font-size:13px; font-weight:bold;
}
.dl-list a.btn:hover { opacity:.88; }

/* ---------- 右侧小组件 ---------- */
.mini li { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px dashed #f0e6d2; font-size:13px; }
.mini .nm { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mini .nm a { color:#3a1c03; }
.mini .nm a:hover { color:#8a1f1f; }
.mini .st { color:#c47b1d; font-size:12px; flex:none; }

/* 签到 */
.qiandao { background:linear-gradient(135deg,#5a2310,#8a3a18); color:#ffe9bd; border-radius:6px; padding:16px; text-align:center; }
.qiandao h4 { color:#ffd37a; font-size:16px; margin-bottom:8px; }
.qiandao p { font-size:12px; color:#e8d3a8; margin-bottom:10px; }
.qiandao a.btn { background:linear-gradient(#e9a83c,#c47b1d); color:#3a1c03; padding:8px 26px; border-radius:20px; font-weight:bold; display:inline-block; }
.qiandao a.btn:hover { opacity:.9; }

/* ---------- 分页 ---------- */
.pager { text-align:center; padding:20px 0; }
.pager a, .pager span { display:inline-block; padding:5px 12px; margin:0 3px; background:#fff; border:1px solid #e6ddcc; color:#6b2c10; border-radius:3px; font-size:13px; }
.pager a:hover { background:#6b2c10; color:#fff; }
.pager .cur { background:#d9a441; color:#3a1c03; border-color:#d9a441; font-weight:bold; }

/* ---------- 文章详情 ---------- */
.detail-hd { text-align:center; padding:18px 12px 10px; border-bottom:1px dashed #eee0c8; }
.detail-hd h1 { font-size:22px; color:#3a1c03; margin-bottom:10px; }
.detail-hd .meta { color:#999; font-size:12px; }
.detail-body { padding:20px 16px; line-height:2; color:#3d3d3d; font-size:15px; }
.detail-body p { margin:10px 0; }
.detail-body h3 { color:#6b2c10; margin:16px 0 8px; font-size:17px; }
.detail-body img { display:block; margin:10px auto; }
.prevnext { display:flex; justify-content:space-between; padding:14px 16px; border-top:1px dashed #eee0c8; font-size:13px; color:#a8793b; }

/* ---------- 页脚 ---------- */
.footer { background:#1c0f06; color:#a98a55; padding:26px 0; margin-top:20px; font-size:12px; }
.footer .f-links { text-align:center; margin-bottom:10px; }
.footer .f-links a { color:#c9ab78; margin:0 10px; }
.footer .f-links a:hover { color:#fff; }
.footer .copy { text-align:center; line-height:2; }

/* ---------- 滚动到顶 ---------- */
#goTop { position:fixed; right:22px; bottom:60px; width:44px; height:44px; background:#6b2c10; color:#ffd37a; font-size:22px; text-align:center; line-height:44px; border-radius:50%; cursor:pointer; display:none; box-shadow:0 3px 8px rgba(0,0,0,.3); }
#goTop:hover { background:#8a3a18; }

/* ---------- 响应式(移动端) ---------- */
@media (max-width: 1240px) {
  .container { width:auto; padding:0 12px; }
  .col-l, .col-r { float:none; width:100%; }
}
@media (max-width: 640px) {
  .logo h1 { font-size:22px; }
  .topbar .links { display:none; }
  .search-box input { width:150px; }
  .nav { overflow-x:auto; white-space:nowrap; }
  .nav a { display:inline-block; padding:12px 14px; }
  .card-grid { grid-template-columns:1fr; }
  .open-table { font-size:12px; }
  .open-table .hide-m { display:none; }
}