/* ===== 18183传奇发布站 全局样式 ===== */
:root{
  --gold:#f5c542;
  --gold-d:#d4a017;
  --red:#b21f1f;
  --red-d:#8b1515;
  --dark:#1a1208;
  --dark2:#24180d;
  --gray:#8a8a8a;
  --line:#3a2a16;
  --txt:#e8e0d0;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Microsoft YaHei","PingFang SC","WenQuanYi Micro Hei",sans-serif;
  background:#120c06 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect width="40" height="40" fill="%23120c06"/><circle cx="20" cy="20" r="1" fill="%231f160a"/></svg>');
  color:var(--txt);
  line-height:1.7;
  font-size:15px;
}
a{color:var(--txt);text-decoration:none;transition:.2s}
a:hover{color:var(--gold)}
ul{list-style:none}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 15px}

/* ===== Header ===== */
.site-header{background:linear-gradient(180deg,#1f1408,#150d05);border-bottom:2px solid var(--gold-d);box-shadow:0 4px 20px rgba(0,0,0,.6)}
.top-bar{background:#0c0804;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--gray)}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center;height:32px}
.top-bar .welcome strong{color:var(--gold)}
.top-date{color:var(--gray)}
.brand-row{display:flex;align-items:center;justify-content:space-between;padding:18px 15px}
.logo{display:flex;align-items:baseline;gap:6px;text-decoration:none}
.logo-mark{font-size:34px;font-weight:900;color:var(--gold);text-shadow:0 0 12px rgba(245,197,66,.5);letter-spacing:-1px}
.logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:2px}
.search-box{display:flex;border:1px solid var(--gold-d);border-radius:22px;overflow:hidden;background:#0c0804}
.search-box input{flex:1;min-width:220px;padding:9px 16px;border:0;background:transparent;color:#fff;outline:none;font-size:14px}
.search-box button{background:linear-gradient(180deg,var(--gold),var(--gold-d));color:#2a1a00;padding:0 20px;cursor:pointer;border:0;font-size:15px}
.search-box button:hover{filter:brightness(1.1)}

/* ===== Nav ===== */
.main-nav{background:linear-gradient(180deg,var(--red),var(--red-d));border-top:1px solid #d63232}
.nav-inner{padding:0}
.nav-list{display:flex;flex-wrap:wrap}
.nav-list li{flex:1;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.nav-list li:first-child{border-left:1px solid rgba(255,255,255,.12)}
.nav-list a{display:block;padding:13px 8px;color:#fff;font-size:15.5px;font-weight:600;letter-spacing:.5px}
.nav-list a i{margin-right:5px;color:var(--gold)}
.nav-list a:hover{background:rgba(0,0,0,.25);color:var(--gold)}

/* ===== Main ===== */
.site-main{padding:24px 0 40px}

/* ===== 首页布局 ===== */
.hero-banner{
  background:linear-gradient(135deg,#3a1c08,#1a0e04);
  border:1px solid var(--line);border-radius:6px;padding:28px;
  margin-bottom:26px;position:relative;overflow:hidden;
  display:flex;align-items:center;gap:30px;
}
.hero-banner::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,66,.15),transparent 70%)}
.hero-text{flex:1;position:relative;z-index:2}
.hero-text h1{font-size:30px;color:var(--gold);margin-bottom:12px;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.hero-text p{color:#d8cdb8;font-size:15px;margin-bottom:8px}
.hero-badges{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.hero-badges span{background:rgba(245,197,66,.15);border:1px solid var(--gold-d);color:var(--gold);padding:5px 14px;border-radius:20px;font-size:13px}
.hero-flash{flex:0 0 300px;background:rgba(0,0,0,.35);border:1px solid var(--gold-d);border-radius:6px;padding:16px}
.hero-flash h3{color:var(--gold);font-size:16px;margin-bottom:12px;border-bottom:1px dashed var(--line);padding-bottom:8px}
.hero-flash ul li{padding:7px 0;border-bottom:1px dotted #2a1c0e;font-size:13.5px;color:#d8cdb8}
.hero-flash ul li::before{content:"🔥";margin-right:6px}

.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--red);margin-bottom:18px;padding-bottom:0}
.section-title h2{font-size:20px;color:#fff;position:relative;padding-left:14px}
.section-title h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background:var(--gold);border-radius:2px}
.section-title a.more{color:var(--gray);font-size:13px;font-weight:400}
.section-title a.more:hover{color:var(--gold)}

.home-grid{display:grid;grid-template-columns:2fr 1fr;gap:26px;margin-bottom:26px}
.panel{background:linear-gradient(180deg,#1c130a,#150e07);border:1px solid var(--line);border-radius:6px;padding:20px}
.panel + .panel{margin-top:0}

/* 开服列表 */
.server-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px dashed #2a1c0e;font-size:14px}
.server-list .time{flex:0 0 56px;background:var(--red);color:#fff;text-align:center;border-radius:3px;padding:2px 0;font-size:12px}
.server-list .tag{flex:0 0 70px;text-align:center;font-size:12px;padding:2px 0;border-radius:3px;background:rgba(245,197,66,.15);color:var(--gold);border:1px solid var(--gold-d)}
.server-list .name{flex:1;color:#e8e0d0}
.server-list .name:hover{color:var(--gold)}
.server-list .hot{color:#ff6b35;font-size:12px}

/* 文章列表 */
.article-list li{padding:13px 0;border-bottom:1px dashed #2a1c0e}
.article-list li:last-child{border-bottom:0}
.article-list h3{font-size:16px;margin-bottom:6px}
.article-list h3 a{color:#f0e8d8}
.article-list h3 a:hover{color:var(--gold)}
.article-list .meta{font-size:12.5px;color:var(--gray)}
.article-list .meta span{margin-right:14px}
.article-list .desc{font-size:13.5px;color:#b5ac9a;margin-top:6px;line-height:1.6}

/* 侧边排行 */
.rank-list li{counter-increment:rank;padding:10px 0 10px 34px;position:relative;border-bottom:1px dashed #2a1c0e;font-size:14px}
.rank-list li::before{content:counter(rank);position:absolute;left:0;top:10px;width:22px;height:22px;background:var(--dark2);color:var(--gray);border-radius:3px;text-align:center;line-height:22px;font-size:12.5px;font-weight:700}
.rank-list li:nth-child(1)::before,.rank-list li:nth-child(2)::before,.rank-list li:nth-child(3)::before{background:var(--red);color:var(--gold)}
.rank-list a:hover{color:var(--gold)}

/* 卡片网格 */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}
.card{background:linear-gradient(180deg,#1c130a,#150e07);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:var(--gold-d);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.card .thumb{height:150px;background:linear-gradient(135deg,#3a2410,#1a0e04);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--gold-d);border-bottom:1px solid var(--line)}
.card .info{padding:14px}
.card .info h3{font-size:16px;margin-bottom:8px;color:#f0e8d8}
.card .info p{font-size:13px;color:#b5ac9a;line-height:1.6}
.card .info .cat-tag{display:inline-block;background:var(--red);color:#fff;font-size:11.5px;padding:2px 8px;border-radius:3px;margin-bottom:8px}

/* ===== 列表页 ===== */
.list-layout{display:grid;grid-template-columns:2.4fr 1fr;gap:26px}
.breadcrumb{font-size:13.5px;color:var(--gray);margin-bottom:16px}
.breadcrumb a{color:var(--gray)}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb .sep{margin:0 8px;color:#5a4a30}
.list-main .section-title{margin-bottom:14px}
.pagination{display:flex;justify-content:center;gap:6px;margin-top:28px}
.pagination a,.pagination span{display:inline-block;min-width:36px;height:36px;line-height:36px;text-align:center;background:#1c130a;border:1px solid var(--line);color:#ccc;border-radius:3px;padding:0 12px}
.pagination .current,.pagination a:hover{background:var(--red);border-color:var(--red);color:#fff}
.side-box{background:linear-gradient(180deg,#1c130a,#150e07);border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:20px}
.side-box h4{color:var(--gold);font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.side-box ul li{padding:9px 0;border-bottom:1px dashed #2a1c0e;font-size:14px}
.side-box ul li:last-child{border-bottom:0}

/* ===== 详情页 ===== */
.article-wrap{background:linear-gradient(180deg,#1c130a,#150e07);border:1px solid var(--line);border-radius:6px;padding:34px}
.article-head{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px dashed var(--line)}
.article-head h1{font-size:26px;color:#f5efdf;line-height:1.4;margin-bottom:14px}
.article-head .meta{font-size:13.5px;color:var(--gray)}
.article-head .meta span{margin:0 10px}
.article-body{font-size:16px;line-height:1.9;color:#ddd2bd}
.article-body h2{font-size:20px;color:var(--gold);margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--red)}
.article-body h3{font-size:17px;color:#f0e8d8;margin:22px 0 10px}
.article-body p{margin-bottom:16px;text-indent:2em}
.article-body ul,.article-body ol{margin:0 0 16px 2em}
.article-body li{margin-bottom:8px;list-style:disc}
.article-body strong{color:var(--gold)}
.article-tags{margin-top:30px;padding-top:16px;border-top:1px dashed var(--line)}
.article-tags a{display:inline-block;background:#24180d;border:1px solid var(--line);color:#ccc;padding:4px 12px;margin:0 6px 6px 0;border-radius:3px;font-size:13px}
.article-tags a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.prev-next{display:flex;justify-content:space-between;margin-top:26px;padding-top:16px;border-top:1px dashed var(--line);font-size:14px}

/* ===== 404 / 搜索 ===== */
.search-result-item{padding:20px 0;border-bottom:1px dashed var(--line)}
.search-result-item h3{font-size:18px;margin-bottom:8px}
.search-result-item .url{color:var(--red);font-size:13px;margin-bottom:6px}

/* ===== Footer ===== */
.site-footer{background:linear-gradient(180deg,#1f1408,#0c0804);border-top:2px solid var(--gold-d);margin-top:40px}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding:36px 15px 26px}
.foot-col h4{color:var(--gold);font-size:16px;margin-bottom:14px}
.foot-col p{font-size:13.5px;color:#b5ac9a}
.foot-links li{padding:6px 0}
.foot-links a{color:#ccc;font-size:14px}
.tag-cloud a{display:inline-block;background:#24180d;border:1px solid var(--line);color:#ccc;padding:4px 10px;margin:0 6px 8px 0;border-radius:3px;font-size:13px}
.tag-cloud a:hover{background:var(--red);color:#fff}
.copyright{background:#080503;border-top:1px solid var(--line);padding:18px 0;text-align:center;font-size:12.5px;color:var(--gray)}
.copyright .icp a{color:var(--gray)}
.copyright .icp a:hover{color:var(--gold)}

/* ===== 响应式 ===== */
@media(max-width:860px){
  .home-grid,.list-layout{grid-template-columns:1fr;gap:20px}
  .card-grid{grid-template-columns:1fr 1fr;gap:14px}
  .hero-banner{flex-direction:column;text-align:center}
  .hero-flash{flex:0 0 auto;width:100%}
  .footer-inner{grid-template-columns:1fr;gap:20px}
  .nav-list{flex-direction:row;overflow-x:auto}
  .nav-list li{flex:0 0 auto}
  .brand-row{flex-direction:column;gap:14px}
}
@media(max-width:520px){
  .card-grid{grid-template-columns:1fr}
  .article-wrap{padding:20px 16px}
  .hero-text h1{font-size:22px}
  .article-head h1{font-size:20px}
}