@charset "utf-8";
/* =========================================================
   真封神 · 南极版贰  子页面样式（与首页同一套：暮山蓝 + 金）
   依赖 index2026.css 的变量与基础组件
   ========================================================= */

/* 页头横幅 */
.page-hd{position:relative;padding:44px 0 34px;border-bottom:1px solid rgba(230,192,138,.25);overflow:hidden}
.page-hd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(232,196,147,0),rgba(232,196,147,.5),rgba(232,196,147,0))}
.page-hd .ph-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.page-hd h1{font:34px/1.2 var(--serif);letter-spacing:6px;color:#f2e6d2}
.page-hd h1 small{display:block;font:10px/1 Arial;letter-spacing:4px;color:var(--gold);margin-bottom:10px}
.page-hd .crumb{font-size:12.5px;color:var(--dim)}
.page-hd .crumb a{color:var(--dim)}
.page-hd .crumb a:hover{color:var(--gold)}
.page-hd .crumb em{font-style:normal;color:var(--dim-2);margin:0 6px}
.page-hd .ph-orn{position:absolute;right:-40px;top:-30px;font:260px/1 var(--serif);color:rgba(255,255,255,.035);pointer-events:none}

/* 主体两栏 */
.sub-wrap{padding:30px 0 10px}
.sub-grid{display:grid;grid-template-columns:236px 1fr;gap:18px;align-items:start}
.sub-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:96px}
.sub-main{min-width:0;display:flex;flex-direction:column;gap:16px}

/* 内容卡片 */
.card{background:var(--panel);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(8px);
  box-shadow:0 14px 34px rgba(12,22,34,.28),inset 0 1px 0 rgba(255,255,255,.07)}
.card-hd{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 20px;
  background:linear-gradient(180deg,rgba(230,192,138,.16),rgba(230,192,138,.02));border-bottom:1px solid rgba(230,192,138,.22)}
.card-hd .t{position:relative;padding-left:16px;font:17px/1 var(--serif);letter-spacing:3px;color:var(--gold)}
.card-hd .t::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;
  background:linear-gradient(135deg,#fff4dc,#d8a961);transform:rotate(45deg);box-shadow:0 0 8px rgba(232,196,147,.6)}
.card-hd .more{font-size:12px;color:var(--dim)}
.card-bd{padding:22px 24px}

/* 正文排版（文章内容） */
.article-body{font-size:14px;line-height:2.05;color:#dfe8f2}
.article-body p{margin:0 0 14px}
.article-body img{max-width:100%;height:auto;border:1px solid rgba(255,255,255,.12);margin:10px 0}
.article-body a{color:var(--gold)}
.article-body h1,.article-body h2,.article-body h3{font-family:var(--serif);color:#f2e6d2;margin:18px 0 12px}
.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--dim-2);
  padding-bottom:16px;margin-bottom:18px;border-bottom:1px dashed rgba(255,255,255,.12)}

/* 文章/新闻列表 */
.list-news li{display:flex;align-items:center;gap:12px;height:44px;padding:0 6px;border-bottom:1px solid rgba(255,255,255,.07)}
.list-news li:last-child{border-bottom:0}
.list-news li:hover{background:rgba(230,192,138,.08)}
.list-news li a{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;color:#dfe8f2}
.list-news li a:hover{color:var(--gold)}
.list-news li span{flex:0 0 auto;font:11.5px/1 Consolas,Arial;color:var(--dim-2)}

/* 表格（排行榜/后台） */
.table{width:100%;border-collapse:collapse;font-size:13px}
.table th{background:rgba(230,192,138,.14);color:var(--gold);font:14px/1 var(--serif);letter-spacing:2px;
  height:44px;text-align:center;border-bottom:1px solid rgba(230,192,138,.25)}
.table td{height:42px;text-align:center;color:#dbe5ef;border-bottom:1px solid rgba(255,255,255,.07)}
.table tr:hover td{background:rgba(230,192,138,.07)}
.table td:first-child,.table th:first-child{width:64px}
.table .rank-no{font:16px/1 Arial;color:var(--dim-2)}
.table .rank-top{color:var(--gold);font-weight:700}

/* 表单（注册/登录/后台） */
.form{max-width:520px}
.form-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.form-row label{flex:0 0 108px;text-align:right;font-size:13px;color:var(--dim)}
.form-row .ipt{flex:1 1 auto}
.ipt input[type=text],.ipt input[type=password],.ipt input[type=email],.ipt select,.ipt textarea,
.form input[type=text],.form input[type=password],.form select,.form textarea{
  width:100%;height:42px;padding:0 14px;font-size:13.5px;color:#eef3f9;background:rgba(255,255,255,.06);
  border:1px solid rgba(230,192,138,.28);outline:none;transition:all .2s ease;font-family:var(--sans)}
.form textarea{height:110px;padding:10px 14px;line-height:1.8;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus,.ipt input:focus{border-color:rgba(232,196,147,.75);box-shadow:0 0 0 3px rgba(232,196,147,.10)}
.form .btn-primary,.form .btn-ghost,.form .btn-ink{height:44px;padding:0 30px;cursor:pointer}
.form .tip{font-size:12px;color:var(--dim-2);margin-left:122px}
.form .radio-group,.form .check-group{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#cfdae5}
.form input[type=radio],.form input[type=checkbox]{accent-color:#c99a52;margin-right:6px}
.form .err{color:#ff9b8a;font-size:12px;margin-left:122px}

/* 按钮（子页面通用） */
.btn-ink{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 30px;
  font-size:14px;letter-spacing:2px;color:#33230a;font-weight:600;cursor:pointer;
  background:linear-gradient(135deg,#f8e2b8,#e0ab68);border:1px solid rgba(255,238,206,.6);
  box-shadow:0 10px 22px rgba(120,80,30,.25);transition:all .2s ease}
.btn-ink:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-plain{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 26px;
  font-size:14px;letter-spacing:2px;color:#e8dcc4;cursor:pointer;background:rgba(255,255,255,.05);
  border:1px solid rgba(230,192,138,.45);transition:all .2s ease}
.btn-plain:hover{background:rgba(230,192,138,.16);color:#fff}

/* 分页 */
.pages{display:flex;justify-content:center;align-items:center;gap:6px;padding:24px 0 6px;font-size:12.5px}
.pages a,.pages span{min-width:32px;height:32px;line-height:30px;text-align:center;padding:0 8px;
  color:var(--dim);border:1px solid rgba(230,192,138,.22);background:rgba(255,255,255,.04)}
.pages a:hover{color:var(--gold);border-color:var(--line-2)}
.pages .cur,.pages strong{background:linear-gradient(135deg,#f8e2b8,#e0ab68);color:#33230a;border-color:transparent;font-weight:700}

/* 下载页 */
.dl-card{display:flex;gap:24px;align-items:flex-start;padding:6px 0 4px}
.dl-badge{flex:0 0 132px;height:132px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(230,192,138,.28),rgba(230,192,138,.05) 70%);
  border:1px solid rgba(230,192,138,.35)}
.dl-badge svg{width:54px;height:54px;color:var(--gold)}
.dl-info{flex:1 1 auto;min-width:0}
.dl-info h2{font:22px/1.3 var(--serif);letter-spacing:2px;color:#f2e6d2;margin-bottom:12px}
.dl-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:13px;color:var(--dim);margin-bottom:18px}
.dl-meta b{color:#dfe8f2;font-weight:400}
.dl-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.dl-note{font-size:12.5px;line-height:2;color:var(--dim-2);border-top:1px dashed rgba(255,255,255,.12);padding-top:14px}

/* 旧模板类名兜底 */
.ntitle,.ntitle1{height:auto;background:none;width:auto}
.ntitle h3,.ntitle1 h3{color:var(--gold);font:17px/1 var(--serif);letter-spacing:3px;padding:0;line-height:1.4}
.nnews_title h2,.newsfirst h2{color:#f2e6d2;font-family:var(--serif)}
.nnews_content,.download_content{color:#dfe8f2;font-size:14px;line-height:2}
.content1,.content{background:none;width:auto}

@media (max-width:1024px){
  .sub-grid{grid-template-columns:1fr}
  .sub-side{position:static;flex-direction:row;flex-wrap:wrap}
  .sub-side>*{flex:1 1 220px}
  .page-hd h1{font-size:26px}
  .dl-card{flex-direction:column}
  .dl-meta{grid-template-columns:1fr}
}
@media (max-width:720px){
  .page-hd{padding:28px 0 22px}
  .page-hd h1{font-size:22px;letter-spacing:3px}
  .card-bd{padding:16px 14px}
  .form-row{flex-direction:column;align-items:flex-start;gap:6px}
  .form-row label{flex:none;text-align:left}
  .form .tip,.form .err{margin-left:0}
}

/* ===== 列表 / 排行榜补充 ===== */
.list-body li{border-bottom:1px solid rgba(255,255,255,.07);line-height:1.6}
.list-body li:last-child{border-bottom:0}
.list-body li a{color:#dfe8f2;font-size:13.5px}
.list-body li a:hover{color:var(--gold)}
.list-body li span,.list-body li em,.list-body li font{color:var(--dim-2);font-size:12px}
.list-body ul{padding:0}
.list-body > ul > li{display:flex;align-items:center;height:44px;padding:0 6px;gap:12px}
.list-body > ul > li:hover{background:rgba(230,192,138,.08)}
.list-body > ul > li > a:first-child{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.rank-servers{display:flex;flex-wrap:wrap;gap:10px;padding:2px 0 18px;border-bottom:1px dashed rgba(255,255,255,.12);margin-bottom:20px}
.uibtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;font-size:13.5px;color:#dfe8f2;
  background:rgba(255,255,255,.05);border:1px solid rgba(230,192,138,.28);transition:all .2s ease;cursor:pointer}
.uibtn:hover{color:var(--gold);border-color:rgba(232,196,147,.65);background:rgba(230,192,138,.12)}
.uibtn .icon{display:none}

#lists{font-size:13px;color:#dfe8f2;line-height:1.9;min-height:80px}
#lists table{width:100%;border-collapse:collapse}
#lists th{background:rgba(230,192,138,.14);color:var(--gold);height:42px;border-bottom:1px solid rgba(230,192,138,.25);font-weight:400}
#lists td{height:40px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07);color:#dbe5ef}
#lists tr:hover td{background:rgba(230,192,138,.07)}
#lists a{color:var(--gold)}

/* ===== 修正 1：正文内联深色文字全部压成浅色 ===== */
.article-body,.article-body p,.article-body div,.article-body span,.article-body font,
.article-body li,.article-body td,.article-body th,.article-body h1,.article-body h2,
.article-body h3,.article-body h4,.article-body h5,.article-body strong,.article-body b,
.article-body em,.article-body i,.article-body u,.article-body small{
  color:#dfe8f2 !important;font-family:"Microsoft YaHei","PingFang SC",sans-serif !important}
.article-body a,.article-body a *{color:#e8c493 !important}
.article-body span[style*="font-size: small"],.article-body span[style*="font-size:small"]{font-size:14px !important}
.article-body p,.article-body div{font-size:14px !important;line-height:2.05 !important;margin:0 0 12px !important}
.article-body br+br{line-height:1.6}

/* ===== 修正 2：子页面页头用主视觉大图 ===== */
.page-hd{background:linear-gradient(96deg,rgba(16,27,39,.96) 0%,rgba(16,27,39,.88) 34%,rgba(16,27,39,.66) 66%,rgba(16,27,39,.55) 100%),
  url(/images/redesign/hero-cg.jpg) center 32%/cover no-repeat !important;
  padding:58px 0 46px !important;border-bottom:1px solid rgba(230,192,138,.30) !important}
.page-hd h1{text-shadow:0 6px 24px rgba(8,16,26,.65)}
.page-hd .ph-orn{color:rgba(255,255,255,.10) !important}

/* ===== 修正 3：排行榜列布局（还原原来的浮动分列） ===== */
.ranking{width:100% !important;margin:0 !important;overflow:hidden}
.ranking::after{content:"";display:block;clear:both}
.ranking dl{float:left;margin:0 !important;padding:0 !important}
.ranking .wide1{width:7%}
.ranking .wide2{width:15%}
.ranking .wide3{width:7%}
.ranking .wide4{width:22%}
.ranking .wide5{width:8%}
.ranking .wide6{width:10%}
.ranking .wide7{width:7%}
.ranking .wide8{width:24%}
.ranking dl dt{line-height:40px !important;color:#e8c493 !important;background:rgba(230,192,138,.14) !important;
  font-size:12.5px !important;font-weight:400 !important;text-align:center !important;border-bottom:1px solid rgba(230,192,138,.25) !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ranking dl dd{text-align:center !important;border-bottom:1px solid rgba(255,255,255,.07) !important;margin:0 !important}
.ranking dl dd ul{list-style:none !important;margin:0 !important;padding:0 !important}
.ranking dl dd li{display:block !important;height:50px !important;line-height:50px !important;width:100% !important;
  font-size:13px !important;color:#dbe5ef !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border:0 !important;background:none !important}
.ranking dd ul .bg{background:rgba(255,255,255,.035) !important}
.ranking dd ul .bg li{background:rgba(255,255,255,.035) !important}
.ranking dd ul .red{color:#e8c493 !important;font-weight:700}
.ranking dd ul .zi{line-height:1.35 !important;font-size:12.5px !important}
.ranking dd ul .zi img{vertical-align:middle;margin:0 1px}
.ranking dd ul img{vertical-align:middle}
#lists{padding-top:4px}
@media (max-width:900px){
  .ranking dl{float:none;width:100% !important;display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.07);padding:0 8px}
  .ranking dl dt{display:none}
  .ranking dl dd li{height:38px !important;line-height:38px !important;text-align:right}
}

/* 页头面包屑：加一个暗底小胶囊，压在人物画面上也能读 */
.page-hd .crumb{display:inline-flex;align-items:center;gap:2px;background:rgba(9,17,26,.55);
  border:1px solid rgba(230,192,138,.30);padding:7px 14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:#dbe5ef !important;font-size:12.5px}
.page-hd .crumb a{color:#cfdae5 !important}
.page-hd .crumb a:hover{color:#e8c493 !important}
.page-hd .crumb em{color:#7d8fa3 !important}

/* ===== 层次感：内容卡提亮 / 页脚压深 / 中间留白 ===== */
body.page-sub{background-image:
  radial-gradient(1200px 620px at 50% -10%,rgba(120,170,220,.24),transparent 62%),
  radial-gradient(900px 500px at 90% 6%,rgba(232,196,147,.07),transparent 60%),
  linear-gradient(180deg,#2d4159 0%,#26384f 44%,#22334a 78%,#1a2839 100%)}

/* 内容卡片：更亮一点、边界更清楚 */
body.page-sub .card{background:rgba(255,255,255,.085);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 44px rgba(6,12,20,.42),inset 0 1px 0 rgba(255,255,255,.10)}
body.page-sub .card-hd{background:linear-gradient(180deg,rgba(230,192,138,.20),rgba(230,192,138,.04));
  border-bottom:1px solid rgba(230,192,138,.28)}
body.page-sub .card-bd{background:rgba(255,255,255,.015)}
body.page-sub .sub-wrap{padding-bottom:38px}
body.page-sub .page-hd{border-bottom:1px solid rgba(230,192,138,.38)}

/* 页脚：更深、更远、金线收口 */
body.page-sub .footer{margin-top:0 !important;background:#0a131c !important;
  border-top:0 !important;position:relative;padding-top:30px !important}
body.page-sub .footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,rgba(232,196,147,0),rgba(232,196,147,.75) 50%,rgba(232,196,147,0))}
body.page-sub .footer .fl a{color:#b9c8d6}
body.page-sub .footer .fl a:hover{color:#e8c493}
body.page-sub .footer > .wrap > div{color:#7d8fa3}
body.page-sub .footer .fl a::after{background:rgba(230,192,138,.28)}

/* 正文区：给阅读留一点纸感 */
body.page-sub .article-body{padding:4px 2px}
body.page-sub .article-meta{border-bottom:1px dashed rgba(230,192,138,.28);color:#9fb0c0}