:root{
  --bg:#080b10; --bg2:#0d1118; --panel:#11161e; --text:#f2f2f2; --muted:#9da4ad;
  --gold:#cda65f; --gold2:#e1c47f; --line:rgba(255,255,255,.075);
  --shell:1200px; --header-h:72px;
  font-family:Arial,"Microsoft JhengHei","Noto Sans TC",sans-serif;
  color:var(--text); background:var(--bg); font-synthesis:none;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{margin:0;min-width:320px;background:var(--bg);color:var(--text)} button,a{font:inherit}.shell{width:min(var(--shell),calc(100% - 48px));margin:0 auto}.site{overflow:hidden;background:var(--bg)}
.site-header{height:var(--header-h);background:#080b10;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gold2);font-size:24px;font-weight:800;letter-spacing:3px}.logo img{width:42px;height:42px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:42px}.desktop-nav a{position:relative;color:#d9d9d9;text-decoration:none;font-size:14px;letter-spacing:1px;padding:26px 0}.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:14px;height:1px;background:var(--gold);transition:.2s}.desktop-nav a:hover{color:var(--gold2)}.desktop-nav a:hover:after{left:0;right:0}
.banner{position:relative;width:100%;background:#05070b;overflow:hidden}.banner>img{display:block;width:100%;aspect-ratio:1920/560;min-height:260px;max-height:560px;object-fit:cover;object-position:center}.banner-arrow{position:absolute;top:50%;z-index:2;width:46px;height:70px;transform:translateY(-50%);border:0;background:rgba(0,0,0,.25);color:rgba(255,255,255,.85);font-size:46px;line-height:1;cursor:pointer;opacity:.25;transition:.2s}.banner:hover .banner-arrow{opacity:.8}.banner-arrow.left{left:22px}.banner-arrow.right{right:22px}.dots{position:absolute;z-index:3;left:0;right:0;bottom:16px;display:flex;justify-content:center;align-items:center;gap:8px}.dots button{width:8px;height:8px;border:0;border-radius:10px;background:rgba(255,255,255,.45);padding:0;cursor:pointer;transition:.2s}.dots button.active{width:25px;background:var(--gold2)}
.section-space{padding:72px 0 88px}.title-block{text-align:center;margin-bottom:40px}.title-block h1,.title-block h2{margin:0;color:#f5f5f5;font-weight:600;font-size:32px;letter-spacing:1px}.title-block p{margin:9px 0 0;color:#ae8651;font-size:12px;letter-spacing:6px}.title-block.align-left{text-align:left;margin-bottom:30px}
.game-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px}.game-tabs button{height:105px;border:0;border-right:1px solid var(--line);background:transparent;color:#8d939b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:.18s}.game-tabs button:first-child{border-left:1px solid var(--line)}.game-tabs button img{width:39px;height:39px;object-fit:contain}.game-tabs button span{font-size:14px}.game-tabs button:hover,.game-tabs button.active{color:#d8b46b;background:linear-gradient(180deg,rgba(193,146,75,.08),rgba(193,146,75,0))}.game-tabs button.active{box-shadow:inset 0 -2px #c79b54}
.feature-panel{position:relative;display:grid;grid-template-columns:43% 57%;min-height:500px;overflow:hidden;background:linear-gradient(135deg,#11161e 0%,#090c12 70%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-copy{position:relative;z-index:2;padding:72px 15px 54px 58px}.accent-line{width:54px;height:2px;background:var(--gold);margin-bottom:22px}.feature-kicker{color:#c29a58;margin:0 0 7px;font-size:14px;letter-spacing:4px}.feature-copy h2{font-size:35px;line-height:1.15;letter-spacing:3px;margin:0 0 20px;font-weight:500;color:#f3f3f3}.feature-desc{max-width:470px;color:#969da6;font-size:14px;line-height:1.9;margin:0}.providers{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;max-width:490px}.providers span{font-size:12px;color:#bca374;border:1px solid rgba(205,166,95,.22);padding:6px 9px;line-height:1;background:rgba(205,166,95,.025)}.feature-art{position:relative;display:flex;align-items:flex-end;justify-content:center}.feature-art:before{content:"";position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(184,119,42,.12),transparent 66%);right:-2%;top:2%}.feature-art img{position:relative;z-index:1;display:block;width:100%;height:500px;object-fit:contain;object-position:center bottom}
.download{background:#0c1016;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.download-grid{display:grid;grid-template-columns:52% 48%;align-items:center;min-height:520px}.download-art{height:500px;display:flex;align-items:flex-end;justify-content:center}.download-art>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.download-copy{padding:20px 40px 20px 12px}.download-copy>h3{font-size:29px;color:#d6b36c;font-weight:500;margin:0 0 15px}.download-copy>p{max-width:510px;color:#969da6;font-size:14px;line-height:1.9;margin:0}.download-logo{width:74px;height:74px;object-fit:contain;margin-top:24px}
.service{background-color:#080b10;background-size:cover;background-position:center}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-grid article{min-height:250px;text-align:center;padding:28px 20px;background:rgba(7,10,15,.72);border:1px solid rgba(255,255,255,.07)}.service-grid img{width:75px;height:75px;object-fit:contain}.service-grid h3{font-size:17px;font-weight:500;color:#d5b06a;margin:18px 0 12px}.service-grid p{font-size:13px;line-height:1.75;color:#9198a1;margin:0}.footer{border-top:1px solid rgba(255,255,255,.06);background:#07090d}.footer-inner{text-align:center;padding:36px 0 48px;color:#6f747b;font-size:13px}.footer small{display:block;margin-top:12px;color:#4c5158}
@media(max-width:960px){:root{--header-h:64px}.shell{width:min(100% - 32px,var(--shell))}.desktop-nav{gap:22px}.banner>img{aspect-ratio:16/5;min-height:220px}.game-tabs{grid-template-columns:repeat(4,1fr)}.game-tabs button:nth-child(4){border-right:1px solid var(--line)}.feature-panel{grid-template-columns:1fr;min-height:0}.feature-art{order:-1;height:360px}.feature-art img{height:360px}.feature-copy{padding:42px 36px 48px}.download-grid{grid-template-columns:1fr}.download-art{height:430px}.download-copy{padding:20px 30px 10px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.shell{width:calc(100% - 24px)}.logo{font-size:20px}.logo img{width:36px;height:36px}.desktop-nav{display:none}.banner>img{height:auto;min-height:168px;aspect-ratio:2.45/1}.banner-arrow{display:none}.dots{bottom:8px;gap:5px}.dots button{width:6px;height:6px}.dots button.active{width:18px}.section-space{padding:46px 0 58px}.title-block{margin-bottom:28px}.title-block h1,.title-block h2{font-size:25px}.title-block p{font-size:10px;letter-spacing:4px}.game-tabs{grid-template-columns:repeat(4,1fr);margin-left:-12px;margin-right:-12px}.game-tabs button{height:86px}.game-tabs button img{width:31px;height:31px}.game-tabs button span{font-size:12px}.game-tabs button:nth-child(n+5){border-top:1px solid var(--line)}.feature-panel{margin-left:-12px;margin-right:-12px}.feature-art{height:285px}.feature-art img{height:285px}.feature-copy{padding:34px 24px 40px}.feature-copy h2{font-size:28px}.feature-desc{font-size:13px}.providers{gap:6px}.providers span{font-size:11px;padding:6px 7px}.download-art{height:340px}.download-copy{padding:10px 8px}.download-copy>h3{font-size:24px}.service-grid{grid-template-columns:1fr;gap:12px}.service-grid article{min-height:210px}.footer-inner{padding:30px 0 40px}}