/* ============================================================
   修真秘籍网 · 宽屏深色国风主题 v2（墨色鎏金）
   加载顺序：bootstrap -> style.css -> xz.css -> 本文件（后载覆盖）
   设计：容器宽屏 1680px + Hero 放大 + 5 列卡片栅格 + 墨色鎏金
   删除 header.html 中本文件引用即秒回退原版
   ============================================================ */

html { background: #0d1117; }
body {
  background: #0d1117;
  background-image:
    radial-gradient(1500px 380px at 50% -90px, rgba(216,180,90,.10), transparent 70%),
    radial-gradient(900px 420px at 88% 0, rgba(94,53,177,.06), transparent 60%);
  color: #cfd6df;
}
a, p { text-shadow: none; }
a { color: #cfd6df; }
a:hover { color: #f0cd7a; }

/* ---------- 宽屏容器 ---------- */
.container { width: min(1680px, 94vw) !important; max-width: 1680px !important; }

/* ---------- 顶部欢迎条 ---------- */
.head { background: #090c11; border-bottom: 1px solid #1c232e; box-shadow: none; color: #9aa5b1; }
.head a { color: #d8b45a; text-shadow: none; }

/* ---------- 国风 Hero ---------- */
.toph {
  min-height: 270px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, #16202e 0%, #0d1117 100%);
  border-bottom: 1px solid #2a3441; position: relative; overflow: hidden;
}
.toph:before {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(700px 250px at 50% 120%, rgba(216,180,90,.14), transparent 72%);
}
/* 首屏背景视频 */
.hero-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center; z-index: 0;
  filter: saturate(.9) brightness(.72) contrast(1.05);
  pointer-events: none;
}
.hero-overlay {
  position: absolute; inset: 0; z-index: 0;
  background:
    linear-gradient(180deg, rgba(8,11,16,.55) 0%, rgba(8,11,16,.30) 42%, rgba(13,17,23,.94) 100%),
    radial-gradient(720px 280px at 50% 122%, rgba(216,180,90,.16), transparent 72%);
}
.hero-box { position: relative; text-align: center; padding: 34px 0 24px; z-index: 1; }
.hero-box:before, .hero-box:after {
  content: ""; position: absolute; top: 28px; bottom: 28px; width: 1px;
  background: linear-gradient(180deg, transparent, rgba(232,200,119,.45), transparent);
}
.hero-box:before { left: -7vw; } .hero-box:after { right: -7vw; }
.hero-title {
  font-family: "STKaiti", "KaiTi", "STSong", "SimSun", serif;
  font-size: 80px; letter-spacing: 24px; text-indent: 24px;
  color: #f0cd7a; line-height: 1.2;
  text-shadow: 0 2px 22px rgba(0,0,0,.7), 0 0 50px rgba(216,180,90,.30);
}
.hero-sub { margin-top: 18px; font-size: 16px; letter-spacing: 6px; color: #d7dde6; text-shadow: 0 1px 10px rgba(0,0,0,.7); }
.hero-sub:before, .hero-sub:after { content: "────"; color: #3a4658; margin: 0 18px; letter-spacing: 0; }
.hero-box .seal {
  position: absolute; right: -5vw; top: 6px; width: 72px; height: 72px;
  border: 2px solid rgba(196,60,60,.7); border-radius: 6px; color: rgba(208,74,74,.92);
  font-family: "STKaiti", "KaiTi", serif; font-size: 18px; line-height: 1.2;
  display: flex; align-items: center; justify-content: center; text-align: center;
  transform: rotate(6deg); padding: 6px; letter-spacing: 2px;
}

/* ---------- 主导航 ---------- */
.top-nav-bg { background: #141a23; border-bottom: 1px solid #2a3441; box-shadow: 0 4px 16px rgba(0,0,0,.4); }
.top-nav-bg nav { background: none; }
.navbar-default { background-color: transparent; border: 0; }
.navbar-default .navbar-nav > li > a { color: #cfd6df; font-weight: bold; text-shadow: none; background: transparent; padding: 14px 22px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #f0cd7a; background: transparent; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #1a1305 !important;
  background: linear-gradient(135deg, #e8c877, #c49a3c) !important;
  border-radius: 4px;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #8a94a3; }

/* 搜索框 */
.top-nav-bg .search-keyword { background: #0f141b; border: 1px solid #334052; color: #cfd6df; }
.top-nav-bg .search-keyword::placeholder { color: #5c6875; }
.top-nav-bg .search-submit { background: linear-gradient(135deg, #e8c877, #c49a3c); border: none; color: #1a1305; font-weight: bold; text-shadow: none; }
.top-nav-bg .search-submit:hover { background: linear-gradient(135deg, #f4d78a, #d8b45a); }

/* ---------- 首页上区：轮播 + 推荐 + 公告（宽屏双栏） ---------- */
.lunb.fl { float: left; width: calc(100% - 384px); }
.topnews.fl { float: right; width: 364px; }
.webgg.fl { float: right; clear: right; width: 364px; margin-top: 24px; }
.lunb { border-radius: 10px; overflow: hidden; border: 1px solid #2a3441; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
.lb-list span { background: linear-gradient(180deg, transparent, rgba(5,8,12,.88)); text-shadow: none; }
.carousel-indicators li, .carousel-indicators .active { border-color: #c49a3c; }
.carousel-indicators .active { background: #c49a3c; color: #1a1305; }
.carousel-indicators li { color: #8a94a3; }

.topnews, .webgg { background: #1a212b; border: 1px solid #2a3441; border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,.35); padding: 0 0 14px; }
.topnews span { display: block; background: linear-gradient(135deg, #e8c877, #c49a3c); color: #1a1305; padding: 12px 16px; border-radius: 9px 9px 0 0; text-shadow: none; font-size: 16px; letter-spacing: 2px; }
.topnews ul { margin: 0; padding: 6px 16px; list-style: none; }
.topnews ul li { padding: 11px 4px; border-bottom: 1px solid #232c38; }
.topnews ul li a { color: #cfd6df; text-shadow: none; }
.topnews ul li:hover a { color: #f0cd7a; text-decoration: none; }
.webgg span { display: block; color: #f0cd7a; font-family: "STKaiti","KaiTi",serif; font-size: 16px; letter-spacing: 2px; padding: 12px 16px; border-bottom: 1px solid #232c38; text-shadow: none; }
.webgg p { color: #9aa5b1; text-shadow: none; padding: 14px 16px 0; line-height: 2; }
.webgg p a { color: #f0cd7a; }

/* ---------- 秘籍板块：5 列卡片栅格 ---------- */
.pro-bg { background: transparent; border: none; padding: 0; margin-top: 44px; }
.pro-bg .btit {
  color: #f0cd7a; font-family: "STKaiti","KaiTi",serif; font-size: 32px; letter-spacing: 8px;
  border-left: 4px solid #c49a3c; padding-left: 16px; margin: 0 0 24px; text-shadow: none;
}
.pro-bg ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 20px; }
.pro-bg ul li {
  width: calc((100% - 80px) / 5);
  background: #1a212b; border: 1px solid #2a3441; border-radius: 10px; padding: 10px;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  display: flex; flex-direction: column;
}
.pro-bg ul li:hover { transform: translateY(-5px); border-color: #c49a3c; box-shadow: 0 14px 30px rgba(0,0,0,.5); }
.pro-bg ul li .img img { width: 100%; height: 200px; object-fit: cover; border-radius: 6px; }
.pro-bg ul li a.title { font-family: "STKaiti","KaiTi",serif; font-size: 16px; color: #e8c877; margin: 10px 0 6px; display: block; line-height: 1.5; min-height: 46px; }
.pro-bg ul li a.title:hover { color: #f4d78a; }
.pro-bg ul li p { color: #8a94a3; text-shadow: none; margin: 2px 0; font-size: 13px; }
.pro-bg ul li .score span { color: #f0cd7a; text-shadow: none; }
.pro-bg ul li .num { color: #f0cd7a; }
.an-gj span, .an-gj { background: linear-gradient(135deg, #e8c877, #c49a3c); color: #1a1305 !important; border-radius: 3px; font-weight: bold; text-shadow: none; padding: 4px 12px !important; }
.an-gj span:hover { background: linear-gradient(135deg, #f4d78a, #d8b45a); }

/* ---------- 面包屑 / 列表页 ---------- */
.position, .position a { color: #8a94a3; text-shadow: none; }
.list-con.fl { float: left; width: calc(100% - 360px); }
.r-list.fr { float: right; width: 340px; margin-top: 30px; }
.list-con { background: #1a212b; border: 1px solid #2a3441; border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
.list-con > ul { list-style: none; margin: 0; padding: 0; }
.list-con > ul li { border-bottom: 1px solid #232c38; padding: 16px; display: flex; gap: 16px; align-items: center; }
.list-con > ul li:last-child { border-bottom: none; }
.list-con > ul li .img { flex: none; width: 150px; }
.list-con > ul li .img img { width: 150px; height: 200px; object-fit: cover; border-radius: 6px; }
.list-con .info { flex: 1; }
.list-con .info a.title { color: #e8c877; text-shadow: none; font-size: 17px; }
.list-con .info a.title:hover { color: #f4d78a; }
.list-con .info .desc { color: #8a94a3; text-shadow: none; margin: 8px 0; line-height: 1.8; }
.list-con .info .score span, .list-con ul li .score span { color: #f0cd7a; text-shadow: none; }
.list-con .info .num { color: #f0cd7a; }
.list-con .info .jbprice { color: #f0cd7a !important; }
.list-con .page { padding: 14px 16px 4px; }

/* ---------- 右侧栏 ---------- */
.r-tj { background: #1a212b; border: 1px solid #2a3441; border-radius: 10px; padding: 16px; margin-bottom: 20px; }
.btit { color: #f0cd7a; font-family: "STKaiti","KaiTi",serif; text-shadow: none; }
.r-tj .btit { font-size: 18px; letter-spacing: 3px; border-bottom: 1px solid #232c38; padding-bottom: 10px; margin-bottom: 12px; }
.r-tj ul { list-style: none; margin: 0; padding: 0; }
.r-tj ul li { padding: 9px 2px; border-bottom: 1px solid #202834; }
.r-tj ul li a { color: #cfd6df; text-shadow: none; }
.r-tj ul li a:hover { color: #f0cd7a; }
.goga p { color: #9aa5b1; text-shadow: none; line-height: 2; }
.goga p a { color: #f0cd7a; }

/* ---------- 详情页 ---------- */
.art-tit { border-bottom: 1px solid #232c38; padding: 0 16px; }
.art-tit h1 { color: #f5e7c8; font-family: "STKaiti","KaiTi",serif; font-size: 32px; letter-spacing: 2px; text-shadow: none; padding-top: 8px; }
.msg .time { color: #7d8794; text-shadow: none; padding: 0 16px; }
.artcon { padding: 20px 22px; }
.artcon ul, .artcon li, .artcon span, .artcon p, .artcon div {
  background-color: transparent !important; color: #cfd6df !important; text-shadow: none;
}
.artcon a { color: #e8c877 !important; }
.artcon a:hover { color: #f4d78a !important; }
.artbd strong { color: #f0cd7a; }

/* 下载区 */
.down { background: linear-gradient(135deg, rgba(232,200,119,.09), rgba(196,154,60,.04)); border: 1px solid rgba(216,180,90,.45); border-radius: 8px; padding: 14px 18px; margin: 0 16px 16px; }
.down span { color: #f0cd7a; }
.down font { color: #f0cd7a !important; }
.down a { color: #f0cd7a; }

/* 标签 */
.art-tags { margin: 0 16px 16px; padding-top: 14px; border-top: 1px solid #232c38; }
.art-tags span { color: #cfd6df; text-shadow: none; }
.art-tags div a { background: transparent; border: 1px solid #3a4658; color: #cfd6df; border-radius: 13px; text-shadow: none; padding: 3px 12px; }
.art-tags div a:hover { border-color: #c49a3c; color: #f0cd7a; }

/* 上下篇 */
.pre-next { border-top: 1px solid #232c38; margin: 0 16px; padding: 14px 0; }
.pre-next p { color: #8a94a3; text-shadow: none; }
.pre-next a { color: #e8c877; }

/* 分页 */
.list-con .page .pagination > li > a,
.list-con .page .pagination > li > span { color: #8a94a3; text-shadow: none; background: #141a23; border-color: #2a3441; }
.list-con .page .pagination > .active > a,
.list-con .page .pagination > .active > span,
.list-con .page .pagination > .active > a:hover { border-color: #c49a3c; color: #f0cd7a; background: #1a212b; }
.list-con .page .pagination > li > a:hover { color: #f0cd7a; border-color: #c49a3c; background: #1a212b; }

/* ---------- 友链 / 页脚 ---------- */
.link { border-top: 1px solid #232c38; margin-top: 36px; padding: 22px 0; }
.link ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
.link ul li a { color: #5c6875; text-shadow: none; }
.link ul li a:hover { color: #f0cd7a; }
.footer { border-top: 1px solid #232c38; background: #090c11; margin-top: 10px; padding: 30px 0; }
.footer p { color: #5c6875; text-shadow: none; }

/* ---------- 响应式 ---------- */
@media (max-width: 1500px) {
  .pro-bg ul li { width: calc((100% - 60px) / 4); }
}
@media (max-width: 1200px) {
  .pro-bg ul li { width: calc((100% - 40px) / 3); }
  .lunb.fl, .topnews.fl, .webgg.fl, .list-con.fl, .r-list.fr { float: none; width: auto; }
  .webgg.fl { margin-top: 24px; }
  .r-list.fr { margin-top: 24px; }
  .hero-title { font-size: 60px; letter-spacing: 16px; text-indent: 16px; }
  .navbar-default .navbar-nav > li > a { padding: 12px 14px; }
}
@media (max-width: 768px) {
  .container { width: 94vw !important; }
  .pro-bg ul li { width: calc((100% - 20px) / 2); }
  .pro-bg ul li .img img { height: 150px; }
  .list-con > ul li { flex-direction: column; align-items: flex-start; }
  .list-con > ul li .img, .list-con > ul li .img img { width: 100%; height: 180px; }
  .hero-title { font-size: 40px; letter-spacing: 10px; text-indent: 10px; }
  .hero-box:before, .hero-box:after, .hero-box .seal { display: none; }
  .toph { min-height: 150px; }
}

/* ---------- 会员模块（登录/注册/找回密码）深色 ---------- */
/* 这些页面走独立的 login.css，需在 member/header.html 末尾引入本文件 */
.login { background: #0d1117 !important; }
.login .logo { margin: 40px 0 36px; }
.login .logo img { filter: drop-shadow(0 2px 8px rgba(0,0,0,.5)); }
.login .content {
  background: #1a212b !important;
  border: 1px solid #2a3441 !important;
  box-shadow: 0 14px 44px rgba(0,0,0,.55) !important;
}
.login .content h3, .login .content h4 { color: #f5e7c8 !important; }
.login .content .hint { color: #8a94a3 !important; }
.login .content .form-group label.control-label { color: #c2cad8 !important; }
.login .content .form-control,
.login .content .form-control.form-control-solid {
  background-color: #0f141b !important;
  border: 1px solid #334052 !important;
  color: #cfd6df !important;
}
.login .content .form-control:focus { border-color: #c49a3c !important; box-shadow: 0 0 0 2px rgba(196,154,60,.18) !important; }
.login .content .form-control::placeholder { color: #5c6875 !important; }
.login .content .btn.green,
.login .content .btn.green:focus,
.login .content .btn.green:hover {
  background: linear-gradient(135deg, #e8c877, #c49a3c) !important;
  color: #1a1305 !important; border: none !important; font-weight: bold; text-shadow: none;
}
.login .content .forget-password,
.login .content .create-account a,
.login .content a.uppercase { color: #f0cd7a !important; }
.login .content .create-account a:hover { color: #f4d78a !important; }
.login .content .mt-checkbox { color: #c2cad8 !important; }
.login .login-oauth img { filter: brightness(1.15); }
.login .content .form-actions { color: #c2cad8 !important; }