*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a0d;color:#f5f5f5;font-family:Arial,"Microsoft YaHei","Microsoft JhengHei",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}header{height:72px;position:fixed;z-index:9;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#090a0dcc;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}.logo{font-size:21px;font-weight:800;letter-spacing:3px}.logo b{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:9px;border:1px solid #d8ad5c;transform:rotate(45deg);font-size:18px;color:#d8ad5c}.logo span{font-weight:400}nav{display:flex;gap:30px;color:#aeb1ba;font-size:14px}nav a:hover{color:#fff}.topbtn,.gold{background:#d8ad5c;color:#111}.topbtn{padding:10px 20px;border-radius:4px;font-weight:bold;font-size:14px}.hero{min-height:760px;padding:150px 8% 100px;display:flex;align-items:center;position:relative;overflow:hidden;background-image:url("hero.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 65%)}.hero-inner{z-index:2;max-width:720px}.hero small,.head small,.community small{color:#d8ad5c;letter-spacing:5px;font-weight:bold;font-size:12px}.hero h1{font-size:clamp(70px,10vw,140px);line-height:.9;letter-spacing:9px;margin:20px 0 14px}.hero h1 span{color:#d8ad5c}.hero h2{font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:4px;margin:0 0 20px}.hero p{color:#b8bac0;font-size:17px}.btn{display:inline-block;padding:12px 25px;border:1px solid #ffffff40;border-radius:4px;margin:18px 10px 12px 0;font-weight:bold;font-size:14px}.hero em{display:block;color:#6f737c;font-size:12px;font-style:normal}.orb{position:absolute;right:-12%;top:10%;width:62vw;height:62vw;border:1px solid #d8ad5c22;border-radius:50%;box-shadow:0 0 120px #d8ad5c0d,inset 0 0 100px #d8ad5c08}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #d8ad5c1c;border-radius:50%;inset:12% 18%;transform:rotate(35deg)}.orb:after{inset:22% 5%;transform:rotate(-35deg)}section{padding:105px 8%;background:#0d0f13}.dark{background:#090a0d}.head{text-align:center;max-width:760px;margin:0 auto 52px}.head.left{text-align:left;margin-left:0}.head h2,.community h2{font-size:42px;margin:8px 0 10px}.head p,.card p,.community p{color:#8f939d}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto}.card, .cards article{padding:32px 25px;min-height:200px;background:linear-gradient(145deg,#16191f,#0d0f13);border:1px solid #252a33;border-radius:7px}.cards b{font-size:32px;color:#d8ad5c}.cards h3{margin:12px 0 5px}.cards p{font-size:14px}.classes{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.classes div{padding:20px 8px;text-align:center;border:1px solid #252a33;background:#101217;border-radius:4px;color:#c1c4cb}.classes div:first-child{color:#d8ad5c;border-color:#6b5430}.news{max-width:950px}.news article{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid #252831}.news time{width:85px;color:#d8ad5c;font-size:13px}.news h3{margin:0 0 5px}.news p{margin:0;color:#858994}.community{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,#18130a,#0e0f12);border-top:1px solid #29241a;border-bottom:1px solid #29241a}.community h2{margin-bottom:5px}.community .btn{margin-top:0}.community .gold{margin-right:8px}footer{padding:50px 8%;color:#777b85;font-size:13px}footer strong{font-size:25px;letter-spacing:4px;color:#eee}footer small{color:#50545c}@media(max-width:800px){header{padding:0 20px}nav{display:none}.hero{padding:125px 25px 80px;min-height:690px}.hero h1{font-size:70px;letter-spacing:5px}.hero h2{font-size:25px}.orb{right:-60%;width:100vw;height:100vw}.cards{grid-template-columns:1fr 1fr}.classes{grid-template-columns:repeat(3,1fr)}section{padding:80px 25px}.head h2,.community h2{font-size:32px}.community{display:block}.community>div:last-child{margin-top:20px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.classes{grid-template-columns:repeat(2,1fr)}.news article{gap:12px}.news time{width:65px}.topbtn{padding:8px 12px}}
/* ===== Hero v3：避免与背景原生文字重叠 ===== */
.hero{
  min-height:760px;
  padding:72px 8% 80px;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
  background-image:url("hero.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,6,10,.86) 0%,rgba(3,6,10,.55) 24%,rgba(3,6,10,.08) 58%,rgba(3,6,10,.12) 100%),
    linear-gradient(0deg,rgba(3,5,8,.82) 0%,rgba(3,5,8,.12) 35%,transparent 65%);
  z-index:1;
}
.hero:after{display:none}
.hero-inner{
  z-index:2;
  max-width:500px;
  padding:26px 30px;
  border-left:3px solid #d8ad5c;
  background:linear-gradient(90deg,rgba(5,7,10,.78),rgba(5,7,10,.18));
  text-shadow:0 2px 8px #000;
}
.hero .hero-title{
  font-size:clamp(42px,5vw,70px);
  line-height:1;
  letter-spacing:7px;
  margin:0 0 8px;
}
.hero .hero-title span{color:#d8ad5c}
.hero h2{
  font-size:clamp(22px,2.4vw,32px);
  margin:0 0 12px;
}
.hero p{
  margin:0;
  font-size:15px;
  color:#e1e3e7;
}
.hero .btn{margin-top:16px}
.hero em{margin-top:2px}
.orb{display:none}

/* 桌面版：讓 Hero 更矮，背景主視覺不被網站文字蓋住 */
@media(min-width:1000px){
  .hero{min-height:700px}
}

/* 手機/窄螢幕：資訊卡移到底部，避免蓋住人物與背景標語 */
@media(max-width:800px){
  .hero{
    min-height:620px;
    padding:70px 18px 34px;
    align-items:flex-end;
    background-position:center center;
  }
  .hero:before{
    background:
      linear-gradient(0deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.58) 30%,rgba(3,5,8,.05) 68%),
      linear-gradient(90deg,rgba(3,6,10,.28),rgba(3,6,10,.08));
  }
  .hero-inner{
    width:100%;
    max-width:none;
    padding:18px 18px 16px;
    border-left:2px solid #d8ad5c;
    background:linear-gradient(90deg,rgba(5,7,10,.82),rgba(5,7,10,.25));
  }
  .hero .hero-title{
    font-size:40px;
    letter-spacing:4px;
  }
  .hero h2{font-size:22px}
  .hero p{font-size:13px}
  .hero .btn{padding:10px 18px}
}

.race-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.race-grid article{padding:24px 22px;background:linear-gradient(145deg,#15181e,#0d0f13);border:1px solid #252a33;border-radius:6px}
.race-grid h3{margin:0 0 8px;color:#d8ad5c;font-size:20px}
.race-grid p{margin:0;color:#aeb2bb;font-size:14px}
.race-grid strong{color:#d8ad5c}
.race-grid span{font-size:10px;letter-spacing:2px;margin-left:6px;padding:3px 6px;border:1px solid #d8ad5c;color:#d8ad5c;border-radius:3px}
.download-main{min-height:100vh;padding:150px 8% 90px;background:radial-gradient(circle at 75% 20%,#b57e2b1b,transparent 30%),#0b0d11}
.download-main .head{text-align:left;margin:0 auto 45px;max-width:900px}
.download-main h1{font-size:clamp(48px,7vw,82px);margin:8px 0}
.download-card{max-width:900px;margin:14px auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(145deg,#16191f,#0d0f13);border:1px solid #252a33;border-radius:7px}
.download-card h2{margin:4px 0}.download-card p{margin:3px 0;color:#aeb2bb}.download-card .muted{font-size:12px;color:#6f737c}
.disabled{padding:10px 18px;border:1px solid #30343c;color:#6f737c;border-radius:4px;font-size:13px}.back{max-width:900px;margin:30px auto;color:#d8ad5c}
@media(max-width:800px){.race-grid{grid-template-columns:1fr 1fr}.download-card{display:block}.download-card .btn,.download-card .disabled{margin-top:15px;display:inline-block}}
@media(max-width:480px){.race-grid{grid-template-columns:1fr}}