/* 共享样式文件 - 传奇发布站 */

/* 基础重置 */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  background:#0a0a0f;
  color:#d4d4d8;
  line-height:1.8;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit;transition:all .3s}
img{max-width:100%;display:block}
ul{list-style:none}

/* 滚动条 */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#111}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a84c,#f0d68a);border-radius:4px}

/* 顶部公告 */
.top-bar{
  background:linear-gradient(90deg,#1a0000,#2a0000,#1a0000);
  border-bottom:1px solid #c9a84c;
  padding:8px 0;
  text-align:center;
  font-size:13px;
  color:#f0d68a;
}

/* 头部导航 */
.header{
  background:linear-gradient(180deg,#0d0d18 0%,#15152a 100%);
  border-bottom:2px solid #c9a84c;
  position:sticky;
  top:0;
  z-index:999;
}
.nav-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 20px;
}
.logo{
  font-size:26px;
  font-weight:900;
  background:linear-gradient(135deg,#f0d68a,#c9a84c,#f0d68a);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  letter-spacing:2px;
}
.nav-menu{display:flex;gap:5px}
.nav-menu a{
  padding:10px 16px;
  border-radius:6px;
  font-size:14px;
  font-weight:600;
}
.nav-menu a:hover,.nav-menu a.active{color:#f0d68a;background:rgba(201,168,76,.1)}

/* 页面标题区 */
.page-hero{
  background:linear-gradient(135deg,#0d0d18,#1a1a35);
  padding:50px 20px;
  text-align:center;
  border-bottom:1px solid #222;
  position:relative;
  overflow:hidden;
}
.page-hero::before{
  content:"";
  position:absolute;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%);
  top:-150px;right:-50px;
}
.page-hero h1{
  font-size:36px;
  font-weight:900;
  background:linear-gradient(135deg,#f0d68a,#fff,#c9a84c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:12px;
}
.page-hero p{color:#999;font-size:16px;max-width:650px;margin:0 auto}

/* 区块标题 */
.section-header{
  display:flex;align-items:center;justify-content:space-between;
  margin:40px 0 25px;padding-bottom:15px;border-bottom:2px solid #222;
}
.section-title{
  font-size:24px;font-weight:800;color:#f0d68a;
  display:flex;align-items:center;gap:10px;
}
.section-title::before{
  content:"";width:4px;height:28px;
  background:linear-gradient(180deg,#c9a84c,#a0853a);border-radius:2px;
}

/* 内容区块 */
.content-section{
  background:linear-gradient(135deg,#12122a,#1a1a35);
  border:1px solid #222;border-radius:12px;
  padding:35px;margin-bottom:40px;
}
.content-section h2{font-size:22px;color:#f0d68a;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #222}
.content-section h3{font-size:17px;color:#fff;margin:20px 0 12px}
.content-section p{font-size:14px;color:#aaa;line-height:2;margin-bottom:15px;text-indent:2em}
.content-section ul{padding-left:20px;margin-bottom:15px}
.content-section ul li{font-size:14px;color:#aaa;line-height:2;list-style:disc}

/* 底部 */
.footer{background:#08080f;border-top:2px solid #c9a84c;padding:50px 20px 30px;margin-top:60px}
.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.footer-col h4{color:#f0d68a;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #222}
.footer-col a{display:block;color:#999;font-size:13px;padding:5px 0}
.footer-col a:hover{color:#c9a84c;padding-left:5px}
.footer-bottom{max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid #1a1a2a;text-align:center;font-size:12px;color:#666;line-height:2}

/* 回到顶部 */
.to-top{
  position:fixed;right:20px;bottom:30px;
  width:50px;height:50px;border-radius:50%;
  background:linear-gradient(135deg,#c9a84c,#a0853a);
  color:#0a0a0f;display:flex;align-items:center;justify-content:center;
  font-size:22px;cursor:pointer;z-index:999;
  box-shadow:0 4px 15px rgba(0,0,0,.4);
}

/* 响应式 */
@media(max-width:768px){
  .nav-menu{display:none}
  .page-hero h1{font-size:24px}
  .content-section{padding:20px 18px}
  .footer-container{grid-template-columns:1fr 1fr}
}