:root{
    --bg:#ffffff;
    --bg-soft:#f6f7f9;
    --card:#ffffff;
    --line:#e8ebf0;
    --gold:#c8952f;
    --gold-soft:#fdf6e8;
    --red:#d94a3d;
    --txt:#1f2430;
    --sub:#6b7280;
    --radius:12px;
  }
  *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background:var(--bg);
    color:var(--txt);
    line-height:1.8;
    font-size:15px;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;border:0;height:auto;}
  a{color:var(--gold);text-decoration:none;}

  /* ================= HERO（已缩小 + 纯图片背景） ================= */
  .hero{
    position:relative;
    min-height:clamp(300px,50vh,420px);
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:46px 20px 42px;
    background-color:#1a1008;
    background-image:
      linear-gradient(180deg,rgba(12,8,4,.46) 0%,rgba(12,8,4,.58) 55%,rgba(12,8,4,.70) 100%),
      url("../img/bg.png");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .hero-inner{position:relative;z-index:2;max-width:600px;}

  .hero-tag{
    display:inline-block;
    font-size:11.5px;
    letter-spacing:2px;
    color:#f5d17a;
    border:1px solid rgba(245,209,122,.5);
    border-radius:999px;
    padding:4px 14px;
    margin-bottom:14px;
    background:rgba(0,0,0,.28);
  }
  .hero h1{
    font-size:clamp(26px,8vw,40px);
    line-height:1.25;
    font-weight:900;
    letter-spacing:2px;
    color:#ffffff;
    text-shadow:0 2px 16px rgba(0,0,0,.6);
    margin-bottom:11px;
  }
  .hero h1 span{color:#f7c94a;}
  .hero-sub{
    font-size:clamp(12.5px,3.7vw,15px);
    color:#eae2d4;
    margin-bottom:22px;
    text-shadow:0 1px 10px rgba(0,0,0,.55);
  }
  .hero-sub b{color:#f7c94a;font-weight:700;}
  .hero-btn{
    display:inline-block;
    padding:11px 34px;
    border-radius:999px;
    font-size:14.5px;
    font-weight:700;
    letter-spacing:1px;
    color:#ffffff;
    background:linear-gradient(135deg,#e0a93a,#c4801f);
    box-shadow:0 8px 20px rgba(196,128,31,.35);
  }
  .hero-btn:active{transform:translateY(1px);}

  .wrap{max-width:720px;margin:0 auto;padding:0 16px;}
  section.block{padding:42px 0 8px;}
  .sec-head{text-align:center;margin-bottom:24px;}
  .sec-head h2{
    font-size:clamp(20px,5.6vw,25px);
    font-weight:800;
    letter-spacing:1px;
    color:var(--txt);
  }
  .sec-head h2 span{color:var(--gold);}
  .sec-head p{font-size:13px;color:var(--sub);margin-top:7px;}
  .sec-head .bar{
    width:44px;height:3px;margin:12px auto 0;border-radius:3px;
    background:linear-gradient(90deg,var(--gold),#e8b44a);
  }

  /*  攻略 */
  .guide-list{display:flex;flex-direction:column;gap:14px;}
  .guide-card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:17px 16px 15px;
    position:relative;
    box-shadow:0 1px 3px rgba(16,24,40,.04);
  }
  .guide-card::before{
    content:"";
    position:absolute;left:0;top:16px;bottom:16px;width:3px;
    border-radius:0 3px 3px 0;
    background:linear-gradient(180deg,#e0a93a,#c4801f);
  }
  .guide-card h3{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:15.5px;
    color:var(--txt);
    font-weight:800;
    margin-bottom:9px;
    letter-spacing:.3px;
  }
  .guide-card h3 em{
    flex:0 0 auto;
    font-style:normal;
    width:24px;height:24px;line-height:24px;
    text-align:center;
    font-size:12.5px;
    font-weight:800;
    color:#ffffff;
    border-radius:7px;
    background:linear-gradient(135deg,#e0a93a,#c4801f);
  }
  .guide-card p{font-size:14px;color:#4b5563;}
  .guide-card p + p{margin-top:8px;}
  .guide-card strong{color:var(--red);font-weight:700;}

  /* 装备展示 */
  .equip-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }
  .equip-item{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:0 1px 3px rgba(16,24,40,.05);
  }
  .equip-item img{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block;
  }
  .equip-item figcaption{
    padding:10px 10px 12px;
    text-align:center;
    font-size:12.5px;
    color:var(--sub);
  }
  .equip-item figcaption b{
    display:block;
    font-size:14px;
    color:var(--txt);
    font-weight:800;
    margin-bottom:3px;
  }

  /* 游戏展示（轮换）*/
  .show-stage{
    position:relative;
    width:100%;
    aspect-ratio:16/10;
    border-radius:var(--radius);
    overflow:hidden;
    background:#f0f2f5;
    border:1px solid var(--line);
    box-shadow:0 1px 4px rgba(16,24,40,.06);
  }
  .show-slide{
    position:absolute;inset:0;
    opacity:0;
    transition:opacity .9s ease;
    will-change:opacity;
  }
  .show-slide.active{opacity:1;}
  .show-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  .show-dots{
    display:flex;justify-content:center;gap:8px;
    margin-top:14px;
  }
  .show-dots i{
    width:22px;height:4px;border-radius:4px;
    background:#d8dde5;
    transition:all .3s ease;
    cursor:pointer;
  }
  .show-dots i.on{
    width:34px;
    background:linear-gradient(90deg,#e0a93a,#c4801f);
  }

  /*问答 */
  .faq-list{display:flex;flex-direction:column;gap:14px;}
  .faq-item{
    background:var(--bg-soft);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px;
  }
  .faq-q{
    display:flex;
    align-items:flex-start;
    gap:9px;
    font-size:15px;
    font-weight:800;
    color:var(--txt);
    margin-bottom:9px;
    line-height:1.6;
  }
  .faq-q i{
    flex:0 0 auto;
    width:22px;height:22px;line-height:22px;
    text-align:center;
    font-style:normal;
    font-size:12px;
    font-weight:800;
    color:#ffffff;
    border-radius:6px;
    background:linear-gradient(135deg,#e0a93a,#c4801f);
    margin-top:2px;
  }
  .faq-a{
    font-size:14px;
    color:#4b5563;
    padding-left:31px;
  }
  .faq-a strong{color:var(--red);font-weight:700;}

  /* ================= 防沉溺 ================= */
  .notice{
    margin:36px 0 10px;
    background:var(--gold-soft);
    border:1px solid #f0e0bd;
    border-radius:var(--radius);
    padding:18px 16px;
    text-align:center;
  }
  .notice h2{
    font-size:14.5px;
    color:#a9761d;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:9px;
  }
  .notice p{
    font-size:12.5px;
    color:#7d6a49;
    line-height:1.95;
  }
  .notice p b{color:var(--red);font-weight:700;}

  /* ================= 页脚 ================= */
  footer{
    margin-top:24px;
    padding:24px 16px 36px;
    text-align:center;
    border-top:1px solid var(--line);
    background:var(--bg-soft);
  }
  footer .copy{font-size:12.5px;color:#4b5563;}
  footer .copy span{color:var(--gold);font-weight:700;}
  footer .tip{font-size:11.5px;color:#9aa1ae;margin-top:7px;line-height:1.9;}