@charset "utf-8";
:root{color-scheme:dark;--ink:#0b191e;--gold:#f4d9a0;--muted:#a8b6bb;--line:rgba(211,186,132,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f5ead4;font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #f9d494;outline-offset:5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The 500 x 150 download panel sits inside the illustrated first screen. */
.hero{position:relative;width:100%;overflow:hidden;background:#102129}
.hero-art{display:block;width:100%}
.hero-art img{display:block;width:100%;height:auto;max-height:calc(100svh - 24px);max-width:none;margin:0;object-fit:cover;object-position:center top}
.hero-logo{margin:0;position:absolute;top:5%;left:9%;width:34%;max-width:660px;filter:drop-shadow(0 6px 8px #071119)}.hero-logo img{width:100%;height:auto}.hero-copy{position:absolute;top:51%;left:5%;width:90%;text-align:center;text-shadow:0 3px 3px #05111e,2px 0 2px #07101c,-2px 0 2px #07101c}.hero-copy p{margin:0 0 16px;line-height:1.5}.hero-lead{color:#ffe1a0;font-size:clamp(27px,2.45vw,47px);font-weight:900;letter-spacing:1px}.hero-highlight{font-size:clamp(22px,1.85vw,35px);font-weight:800;color:#fff4d9}.hero-detail{font-size:clamp(18px,1.42vw,27px);font-weight:600;color:#e6f5fa}
.downloads{position:absolute;bottom:clamp(8px,1.2vw,24px);left:50%;transform:translateX(-50%);display:block;width:500px;height:150px;border-radius:9px;overflow:hidden;isolation:isolate}
.download-panel-art{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.download-hit{position:absolute;z-index:1;display:block;border-radius:7px;transition:background-color .18s}
.download-hit-pc{left:1%;top:3%;width:41.5%;height:93%}
.download-hit-android{left:43.7%;top:3%;width:55.3%;height:43.5%}
.download-hit-ios{left:43.7%;top:50.7%;width:55.3%;height:45.3%}
.download-hit:hover{background-color:#00000008}
.download-hit:active{background-color:#00000014}
.download-hit:focus-visible{outline:2px solid #4d5155;outline-offset:-5px}
.hero-mobile-links{display:none}
.section{position:relative;padding:42px 24px 44px;background:#102129 url('../images/bj_02.jpg?v=20261031-static') center top/cover no-repeat}.section-title{text-align:center;margin:0 auto 34px;color:var(--gold);font-family:"SimSun",serif;font-size:32px;font-weight:700;letter-spacing:2px}.section-title:after{content:"";display:block;width:150px;height:1px;margin:21px auto 0;background:linear-gradient(90deg,transparent,#cba86b,transparent)}.intro-panel{width:min(1080px,100%);margin:0 auto;padding:38px 48px;border:1px solid #819e9f88;background:linear-gradient(135deg,#050a0dd9,#102129c4);box-shadow:0 12px 60px #0002}.intro-panel p{margin:0;padding:17px 0;font-size:22px;line-height:1.85;border-bottom:1px solid #aabcc326}.intro-panel p:first-child{font-size:27px;color:#fff1c9;font-weight:700}.intro-panel p:last-child{border-bottom:0}
.intro-section{padding-bottom:30px}
.gallery-section{background-image:url('../images/bj_02-1.jpg?v=20261031-static');padding-top:30px}.gallery{width:min(1390px,100%);margin:0 auto;position:relative;padding:0 62px}.gallery-stage{position:relative;aspect-ratio:1264/703;background:#0a1318;border:1px solid var(--line);overflow:hidden}.gallery-slide{display:none;margin:0;width:100%;height:100%}.gallery-slide.is-active{display:block}.gallery-slide img{display:block;width:100%;height:100%;object-fit:contain}.gallery-arrow{position:absolute;top:calc(50% - 46px);width:48px;height:76px;border:0;background:transparent center/contain no-repeat;cursor:pointer;opacity:.88;transition:opacity .2s,transform .2s}.gallery-arrow:hover{opacity:1;transform:scale(1.08)}.gallery-prev{left:0;background-image:url('../001/images/left.png')}.gallery-next{right:0;background-image:url('../001/images/right.png')}.gallery-dots{display:flex;justify-content:center;gap:15px;margin:25px auto 0}.gallery-dot{border:1px solid #c9a869;background:transparent;width:12px;height:12px;border-radius:50%;padding:0;cursor:pointer}.gallery-dot.is-active{background:#e4c080;box-shadow:0 0 9px #d2ad6366}.gallery-count{text-align:center;font-size:13px;letter-spacing:3px;color:var(--muted);margin:15px 0 0}.gallery-standalone{background:transparent}.gallery-standalone .gallery{padding-top:8px}
.footer{display:flex;align-items:center;justify-content:center;gap:40px;padding:26px 30px;background:#060b0e;border-top:1px solid #35434a;color:#aeb9be;font-size:12px;line-height:1.9}.footer-logo{width:240px;height:auto}.footer-copy p{margin:6px 0}.footer-copy a:hover{text-decoration:underline}.mobile-dock{display:none}.music-toggle{position:absolute;top:18px;right:20px;z-index:3;border:1px solid #d2e9ef66;border-radius:50%;width:38px;height:38px;background:#0e233e88;color:#fff;cursor:pointer;font-size:20px}.music-toggle[aria-pressed="true"]{color:#f9d48c}.mobile-brand-caption{display:none}
@media(max-width:1450px){.section{padding-left:70px;padding-right:70px}.intro-panel{max-width:1020px}.hero-copy{top:48%}}
@media(max-width:900px){.section{padding-left:24px;padding-right:24px}.hero-copy p{margin-bottom:12px}.hero-lead{font-size:27px}.hero-highlight{font-size:22px}.hero-detail{font-size:18px}.intro-panel{padding:25px 28px}.intro-panel p{font-size:18px}.intro-panel p:first-child{font-size:22px}.section-title{font-size:27px}.footer{gap:24px}.footer-logo{width:180px}}
@media(max-width:600px){body{padding-bottom:80px}.hero{padding-bottom:0}.hero-art img{width:100%;height:auto;max-height:none;max-width:100%}.hero-logo{top:31%;left:5%;width:90%;max-width:none}.hero-copy{top:61%;left:4%;width:92%;text-shadow:0 2px 4px #07101c,1px 0 2px #07101c,-1px 0 2px #07101c}.hero-copy p{margin-bottom:7px}.hero-lead{font-size:clamp(16px,4.3vw,24px);letter-spacing:0;line-height:1.5}.hero-highlight{font-size:clamp(14px,3.8vw,21px)}.hero-detail{font-size:clamp(12px,3.1vw,17px);line-height:1.6}.downloads{display:none}.hero-mobile-links{display:flex;gap:14px;position:absolute;bottom:5%;left:7%;width:86%}.hero-mobile-links a{flex:1;padding:11px 8px;text-align:center;border:1px solid #d7c8ad;background:linear-gradient(155deg,#faf9f6,#d7d8d8 55%,#b8bcc0);border-radius:5px;font-size:17px;font-weight:700;color:#25282b;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #7c808366,0 3px 8px #07111c66}.section{padding:32px 16px 36px}.section-title{font-size:22px;letter-spacing:1px;line-height:1.7;margin-bottom:22px}.section-title .brand-name{display:block;font-size:15px;color:#b9b6a4;font-family:"Microsoft YaHei",sans-serif;font-weight:400;letter-spacing:3px}.section-title .separator{display:none}.section-title:after{margin-top:13px;width:100px}.intro-panel{padding:9px 20px}.intro-panel p{font-size:15px;line-height:1.95;padding:13px 0;overflow-wrap:anywhere}.intro-panel p:first-child{font-size:17px;line-height:1.8}.gallery-section{padding-left:10px;padding-right:10px}.gallery{padding:0 0 4px}.gallery-arrow{width:32px;height:56px;top:calc(50% - 54px);z-index:1;filter:drop-shadow(0 2px 4px #000)}.gallery-prev{left:4px}.gallery-next{right:4px}.gallery-dots{gap:16px;margin-top:18px}.gallery-dot{width:10px;height:10px}.gallery-count{font-size:11px;margin-top:10px}.footer{display:block;text-align:center;padding:23px 18px 30px;font-size:11px}.footer-logo{width:220px;margin-bottom:14px}.footer-copy p{margin:9px 0}.mobile-dock{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;z-index:30;bottom:0;left:0;width:100%;min-height:74px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#050e16f5;border-top:1px solid #9a845c99;box-shadow:0 -4px 18px #0004}.mobile-dock .dock-logo{display:block;width:36%;max-width:155px;margin-right:auto}.mobile-dock .dock-logo img{width:100%;max-height:58px;object-fit:contain}.mobile-dock .dock-link{min-width:25%;padding:12px 6px;background:linear-gradient(155deg,#faf9f6,#d7d8d8 55%,#b8bcc0);border:1px solid #d7c8ad;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #7c808366;border-radius:5px;text-align:center;color:#25282b;font-size:14px;white-space:nowrap}.music-toggle{top:12px;right:12px;width:32px;height:32px;font-size:17px}.gallery-standalone{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}



@media(min-width:601px) and (max-width:800px){.downloads{transform:translateX(-50%) scale(.7);transform-origin:center bottom}}
