:root{
  --gold:#b8860b;
  --gold-deep:#8a6508;
  --gold-light:#d9a92e;
  --bg:#ffffff;
  --panel:#faf8f3;
  --line:#ece6da;
  --text:#2c2822;
  --muted:#5f584c;
  --muted-light:#8a8272;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  background:var(--bg);
  color:var(--text);
  font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto;border:0;}
a{color:var(--gold);text-decoration:none;}

.wrap{
  max-width:640px;
  margin:0 auto;
  background:#ffffff;
  min-height:100vh;
  overflow-x:hidden;
  box-shadow:0 0 30px rgba(0,0,0,.05);
}

/* ============ HERO ============ */
.hero{
  position:relative;
  min-height:300px;
  padding:52px 22px 46px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#0c0a09 url("../img/bg.jpg") center/cover no-repeat;
  border:0;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.45) 62%,#ffffff 100%);
}
.hero-inner{position:relative;z-index:1;}
.hero h1{
  font-size:30px;
  line-height:1.35;
  letter-spacing:2px;
  font-weight:700;
  color:#f5d489;
  text-shadow:0 2px 14px rgba(0,0,0,.85);
}
.hero .sub{
  margin-top:10px;
  font-size:13.5px;
  color:#e8dcc2;
  letter-spacing:1px;
  text-shadow:0 1px 8px rgba(0,0,0,.8);
}
.hero .cta{
  display:inline-block;
  margin-top:22px;
  padding:11px 36px;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  color:#3a2606;
  background:linear-gradient(180deg,#f2d078,#c08c1c);
  box-shadow:0 6px 18px rgba(192,140,28,.35);
}

/* ============ 通用区块 ============ */
.section{padding:24px 16px 4px;}
.section:last-of-type{padding-bottom:20px;}
.sec-title{
  position:relative;
  padding-left:13px;
  margin-bottom:16px;
  font-size:18px;
  font-weight:700;
  line-height:1.4;
  color:#9a7109;
  letter-spacing:1px;
}
.sec-title::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  transform:translateY(-50%);
  width:4px;height:16px;
  border-radius:2px;
  background:linear-gradient(180deg,#e0b34a,#b8860b);
}

/* ============ 游戏攻略 ============ */
.guide-item{margin-bottom:16px;}
.guide-item h3{
  font-size:15px;
  font-weight:600;
  color:#7d5c07;
  margin-bottom:5px;
}
.guide-item p{
  font-size:14px;
  color:var(--muted);
  line-height:1.85;
}

/* ============ 装备展示（图片高度已增加） ============ */
.equip-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.equip-grid figure{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
}
.equip-grid img{
  width:100%;
  height:auto;
  aspect-ratio:4 / 5;   /* 由 1/1 改为 4/5，图片高度更高 */
  object-fit:cover;
}
.equip-grid figcaption{
  padding:6px 2px 7px;
  font-size:12px;
  text-align:center;
  color:#6b6355;
  line-height:1.5;
  border-top:1px solid var(--line);
}

/* ============ 游戏展示（轮换） ============ */
.gallery{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  border-radius:10px;
  overflow:hidden;
  background:#f0ece4;
  border:1px solid var(--line);
}
.gallery img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .8s ease;
}
.gallery img.active{opacity:1;}
.gallery-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:12px;
}
.gallery-dots span{
  width:7px;height:7px;
  border-radius:50%;
  background:#d8d2c6;
  cursor:pointer;
  transition:all .3s;
}
.gallery-dots span.active{
  width:18px;
  border-radius:4px;
  background:var(--gold);
}

/* ============ 问答 ============ */
.faq dt{
  position:relative;
  padding-left:22px;
  margin-top:16px;
  font-size:14.5px;
  font-weight:600;
  color:#7d5c07;
  line-height:1.7;
}
.faq dt:first-child{margin-top:0;}
.faq dt::before{
  content:"Q";
  position:absolute;
  left:0;top:0;
  font-weight:700;
  color:var(--gold-light);
}
.faq dd{
  position:relative;
  padding-left:22px;
  margin-top:6px;
  font-size:14px;
  color:var(--muted);
  line-height:1.85;
}
.faq dd::before{
  content:"A";
  position:absolute;
  left:0;top:0;
  font-weight:700;
  color:#b8b0a0;
}

/* ============ 防沉迷 ============ */
.anti{
  padding:16px;
  border-radius:10px;
  border:1px solid #eadfc4;
  background:#fdf8ec;
  font-size:13.5px;
  line-height:1.95;
  color:#6b6355;
}
.anti strong{color:#9a7109;}
.anti p + p{margin-top:6px;}

/* ============ 页脚 ============ */
.footer{
  margin-top:26px;
  padding:22px 16px 34px;
  text-align:center;
  font-size:12.5px;
  line-height:1.95;
  color:var(--muted-light);
  border-top:1px solid #eee8dc;
}
.footer a{color:var(--muted-light);}