/* ==========================================================================
   怀旧魔域 · 版本介绍 — 复古科技终端风
   深色底 + 霓虹青/品红 + 等宽字体 + 像素边框
   粘贴到「外观 → 自定义 → 附加 CSS」即可。
   ========================================================================== */

/* ===== 容器本体 ===== */
.wrap{
  --bg:#0d0a1a;
  --panel:#14102a;
  --panel-2:#1a1535;
  --ink:#c8ffe8;
  --ink-2:#8ad8c0;
  --ink-3:#5a8a7a;
  --neon:#00ffcc;
  --neon-2:#00ccaa;
  --pink:#ff00aa;
  --amber:#ffaa00;
  --line:rgba(0,255,204,.25);
  --line-soft:rgba(0,255,204,.12);

  width:100%;
  background:
    radial-gradient(800px 300px at 50% -5%, rgba(0,255,204,.08), transparent 60%),
    radial-gradient(600px 200px at 80% 50%, rgba(255,0,170,.05), transparent 60%),
    #0d0a1a;
  color:var(--ink);
  font-family:"Courier New","Consolas","Menlo",monospace;
  line-height:1.8;
  padding:30px 20px 40px;
  border:1px solid var(--neon);
  border-radius:0;
  box-shadow:0 0 20px rgba(0,255,204,.15), inset 0 0 40px rgba(0,255,204,.03);
}
.wrap, .wrap *{box-sizing:border-box}

/* 清除 WordPress 自动插入的空段落间距 */
.wrap p{margin:0 !important;padding:0 !important}
.wrap br{display:none}

/* ===== 标题区 ===== */
.wrap .hero{
  padding:20px 0 24px;
  text-align:center;
  border-bottom:2px solid var(--neon);
  margin-bottom:28px;
  position:relative;
}
.wrap .hero::before{
  content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);
  width:120px;height:2px;background:var(--pink);
  box-shadow:0 0 10px var(--pink);
}
.wrap .hero .sigil{
  width:56px;height:56px;margin:0 auto 14px;display:block;
  filter:drop-shadow(0 0 12px var(--neon));
}
.wrap .hero h1{
  font-size:clamp(22px,5vw,32px);
  font-weight:800;
  letter-spacing:.12em;
  color:var(--neon);
  text-shadow:0 0 10px rgba(0,255,204,.6), 0 0 20px rgba(0,255,204,.3);
  line-height:1.3;
}
.wrap .hero .tags{
  margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
}
.wrap .hero .tags span{
  font-size:12px;color:var(--amber);
  border:1px solid var(--amber);
  padding:3px 12px;letter-spacing:.1em;
  text-shadow:0 0 8px rgba(255,170,0,.5);
}

/* ===== 区块标题 ===== */
.wrap .sec{
  margin-top:8px;
  background:transparent !important;
  border:none !important;
  padding:5px !important;
}
.wrap .sec-head{
  display:flex;align-items:center;gap:10px;margin-bottom:10px;
  padding:5px 10px;
  background:var(--panel);
  border-left:3px solid var(--neon);
  flex-wrap:nowrap;
  white-space:nowrap;
}
.wrap .sec-head .no{
  flex:none;
  font-size:12px;font-weight:800;
  color:var(--bg);
  background:var(--neon);
  padding:1px 6px;
}
.wrap .sec-head h2{
  font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--neon);
  text-shadow:0 0 8px rgba(0,255,204,.4);
  margin:0;
  flex:none;
}
.wrap .sec-head .sub{
  color:var(--ink-3);font-size:11px;letter-spacing:.04em;
  overflow:hidden;text-overflow:ellipsis;
}

/* ===== 版本公告列表 ===== */
.wrap .grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;
}
.wrap .card{
  padding:12px 14px;
  background:var(--panel);
  border:1px solid var(--line-soft);
  margin-bottom:8px;
}
.wrap .card h3{
  font-size:14px;font-weight:700;color:var(--pink);
  margin:0 0 4px;letter-spacing:.04em;
  text-shadow:0 0 6px rgba(255,0,170,.4);
}
.wrap .card h3::before{content:"▸ ";color:var(--neon)}
.wrap .card p{font-size:13px;color:var(--ink-2);line-height:1.75;margin:0}

/* ===== 正文段落 ===== */
.wrap .lead p{font-size:14px;color:var(--ink-2);margin:0 0 8px 0}
.wrap .lead p strong{color:var(--ink);font-weight:700}
.wrap .lead p b.key{color:var(--amber);font-weight:700}
.wrap .note{
  padding:8px 12px;
  background:rgba(255,170,0,.08);
  border:1px solid var(--amber);
  border-left:3px solid var(--amber);
  font-size:13px;color:var(--ink-2);
  margin:0 0 8px 0;
}
.wrap .note strong{color:var(--amber)}

/* ===== 要点清单 ===== */
.wrap ul.pts{list-style:none;margin:0;padding:0}
.wrap ul.pts li{
  display:flex;gap:12px;align-items:flex-start;
  padding:10px 0;
  border-bottom:1px dotted var(--line-soft);
  font-size:13.5px;color:var(--ink-2);
}
.wrap ul.pts li:last-child{border-bottom:none}
.wrap ul.pts li .num{
  flex:none;width:22px;height:22px;
  background:var(--panel-2);
  border:1px solid var(--neon);
  color:var(--neon);
  font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  margin-top:1px;
}
.wrap ul.pts li span{line-height:1.75}
.wrap ul.pts li b{color:var(--ink);font-weight:700}

/* ===== 信息列表（团战奖励） ===== */
.wrap .info-list{
  margin:0 0 8px 0;
  border:1px solid var(--line);
  background:var(--panel);
}
.wrap .info-item{
  padding:10px 14px;
  border-bottom:1px dotted var(--line-soft);
}
.wrap .info-item:last-child{border-bottom:none}
.wrap .info-title{
  font-size:13.5px;font-weight:700;color:var(--neon);
  margin-bottom:2px;letter-spacing:.04em;
}
.wrap .info-desc{
  font-size:13px;color:var(--ink-2);line-height:1.6;
}
.wrap .info-desc b{color:var(--amber);font-weight:700}

/* ===== 档位列表（助力档位） ===== */
.wrap .tier-list{
  margin:0 0 6px 0;
}
.wrap .tier-item{
  display:flex;align-items:center;gap:14px;
  padding:12px 14px;
  background:var(--panel);
  border:1px solid var(--line-soft);
  border-left:4px solid var(--pink);
  margin-bottom:8px;
}
.wrap .tier-item:last-child{margin-bottom:0}
.wrap .tier-name{
  flex:none;
  font-size:14px;font-weight:800;color:var(--pink);
  min-width:70px;letter-spacing:.04em;
  text-shadow:0 0 6px rgba(255,0,170,.4);
}
.wrap .tier-detail{
  font-size:13px;color:var(--ink-2);line-height:1.5;
}

/* ===== 价格列表（支持额度） ===== */
.wrap .price-list{
  margin:0 0 6px 0;
}
.wrap .price-item{
  display:flex;align-items:center;gap:14px;
  padding:8px 0;
  border-bottom:1px dotted var(--line-soft);
  font-size:13.5px;
}
.wrap .price-item:last-child{border-bottom:none}
.wrap .price-num{
  flex:none;width:60px;
  font-size:14px;font-weight:800;color:var(--neon);
  text-align:center;
  background:var(--panel-2);
  border:1px solid var(--neon);
  padding:4px 0;
}
.wrap .price-info{
  color:var(--ink-2);font-size:13px;
}
.wrap .price-info b{color:var(--amber);font-weight:700}

/* 支持比例条 */
.wrap .ratio-strip{
  display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px 0;
}
.wrap .ratio-item{
  flex:1 1 180px;
  background:var(--panel);
  border:1px solid var(--line);
  padding:16px 12px;text-align:center;
}
.wrap .ratio-item .big{
  font-size:20px;font-weight:800;color:var(--neon);
  text-shadow:0 0 8px rgba(0,255,204,.5);
}
.wrap .ratio-item .desc{font-size:12px;color:var(--ink-3);margin-top:4px;line-height:1.6}
.wrap .ratio-item .desc b{color:var(--amber)}
.wrap .sub-title{
  font-size:14px;margin:12px 0 6px;color:var(--neon);
  letter-spacing:.08em;font-weight:700;
  padding-left:10px;
  border-left:3px solid var(--pink);
}

/* ===== 底部 ===== */
.wrap .footer-note{
  margin-top:20px;
  padding:20px;
  text-align:center;
  background:var(--panel);
  border:1px solid var(--neon);
  box-shadow:0 0 15px rgba(0,255,204,.1);
}
.wrap .footer-note .quote{
  font-size:15px;font-weight:800;color:var(--neon);
  letter-spacing:.1em;margin-bottom:8px;
  text-shadow:0 0 8px rgba(0,255,204,.5);
}
.wrap .footer-note p{font-size:12.5px;color:var(--ink-2);line-height:1.8;margin:4px 0}
.wrap .footer-note .warn{color:var(--amber);font-weight:700}

/* ===== 响应式 ===== */
@media (max-width:600px){
  .wrap{padding:20px 12px 30px}
  .wrap .grid{grid-template-columns:1fr;gap:0}
  .wrap .card p{font-size:13px}
  .wrap ul.pts li{font-size:13px}
}
