@font-face{font-family:WanyaoKai;src:url('assets/wanyao-kai.woff') format('woff');font-style:normal;font-weight:400 900;font-display:swap}
:root{--ink:#100e0d;--gold:#dfc299;--light:#e9ddc8;--muted:#a49783;--red:#ac5137;--line:#b89a6538;--serif:WanyaoKai,KaiTi,STKaiti,serif;--sans:'Microsoft YaHei','PingFang SC',sans-serif}
*{box-sizing:border-box}
html{background:var(--ink);color-scheme:dark}
body{margin:0;font:14px/1.8 var(--sans);color:var(--light);background:var(--ink);min-height:100svh;display:flex;flex-direction:column;isolation:isolate;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit;background:none;border:0;cursor:pointer;padding:0}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
img{display:block;max-width:100%}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,p{margin:0}
[hidden]{display:none!important}
::selection{background:#b78552;color:#18130e}
.skip-link{position:fixed;left:20px;top:10px;padding:8px 20px;background:var(--gold);color:var(--ink);z-index:50;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.scene{position:fixed;inset:0;z-index:-2;background:#100e0d;overflow:hidden}
.scene picture{display:block;width:100%;height:100%}
.scene-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75) brightness(.8)}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100e0dfa 0%,#100e0ded 22%,#100e0db3 40%,#100e0d1a 71%,#100e0d20 100%),linear-gradient(0deg,#100e0def 0%,transparent 25%,transparent 80%,#100e0d85 100%)}
.scene::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23af9c75' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 4.5vw;position:relative;z-index:2;flex-shrink:0}
.brand{display:flex;align-items:center;gap:15px;font:31px/1.1 var(--serif);letter-spacing:3px;color:#e9ddc7;white-space:nowrap}
.brand-seal{writing-mode:vertical-rl;display:block;letter-spacing:1px;background:#863c2c;color:#efcba7;border:1px solid #ad6943;outline:1px solid #deae6c66;outline-offset:-4px;padding:6px 4px;height:49px;font:20px/1.2 var(--serif);transform:rotate(-3deg)}
.brand small{display:block;font:8px/1.6 var(--sans);color:#a39175;letter-spacing:5px;margin-top:8px}
.site-header nav{display:flex;align-items:center;gap:38px;font-size:12px;letter-spacing:2px;color:#c0af94}
.site-header nav a,.site-header nav button,.back-link{transition:color .2s}
.site-header nav a:hover,.site-header nav button:hover,.back-link:hover{color:#ffdf9c}
.site-header nav button>span{margin-left:12px;color:#d4b27b}
.hero{position:relative;width:min(1320px,calc(100% - 160px));margin:0 auto;display:flex;align-items:center;flex:1;min-height:570px;padding:15px 0 65px}
.hero-content{padding:0 0 0 12px;max-width:660px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:4px;color:#c4a67a}
.eyebrow>span{display:block;width:23px;height:1px;background:#ae683e}
.hero h1{font:142px/1.3 var(--serif);letter-spacing:-3px;color:var(--gold);margin:12px 0 0 -8px;text-shadow:0 4px 30px #0008;background:linear-gradient(145deg,#f4dfb4 15%,#dfc092 60%,#ad7747 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.hero-slogan{font:35px/1.6 var(--serif);letter-spacing:5px;color:#e0cfb4;margin-top:3px;text-shadow:0 2px 12px #000}
.hero-description{font-size:12px;letter-spacing:2px;color:#a4957f;margin-top:19px}
.hero-actions{display:flex;gap:17px;align-items:center;margin-top:38px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:39px;min-height:58px;padding:13px 29px;font-size:14px;letter-spacing:3px;transition:background .2s,border-color .2s,transform .2s;position:relative;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-gold{color:#25180d;background:linear-gradient(115deg,#e3c397,#c6955e);border:1px solid #d9b78e;box-shadow:inset 0 0 0 4px #d2af7f,inset 0 0 0 5px #8c693c,0 4px 30px #0c080570}
.button-gold::after{content:none}
.button-gold:hover{background:linear-gradient(115deg,#f2d9b0,#d0a46f)}
.button-outline{border:1px solid #d4ad765e;background:#1a151244;color:#ddc4a0;gap:31px}
.button-outline:hover{background:#ad785621;border-color:#d7ae78b3}
.button-outline>span{font-size:20px;line-height:1}
.hero-meta{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1.5px;color:#8f806a;margin-top:25px}
.hero-meta i{width:3px;height:3px;background:#9b7049;transform:rotate(45deg)}
.community-link{display:flex;align-items:center;gap:10px;color:#b59c79;font-size:11px;letter-spacing:1.5px;margin-top:44px;transition:color .2s}
.community-link svg{width:15px;height:15px;stroke-width:1.1}
.community-link>span{font-size:18px;margin-left:10px;transition:transform .2s}
.community-link:hover{color:#ebc997}
.community-link:hover>span{transform:translateX(3px)}
.site-footer{width:calc(100% - 9vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;border-top:1px solid #be966b26;color:#776d5d;font-size:9px;letter-spacing:1px;flex-shrink:0}
.site-footer p{position:absolute;left:50%;transform:translateX(-50%);color:#6c655a}
.chapter{display:flex;align-items:center;gap:10px;color:#a08b6b;font-size:10px;letter-spacing:2px}
.chapter i{display:block;width:4px;height:4px;background:#bb7145;transform:rotate(45deg)}
.copyright{margin-left:auto;font-size:9px;white-space:nowrap}
.site-dialog{border:1px solid #8e6c4399;background:#1c1713;color:var(--light);padding:0;width:min(450px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-shadow:0 20px 100px #000a}
.site-dialog::backdrop{background:#090807ba;backdrop-filter:blur(8px)}
.dialog-close{position:absolute;top:13px;right:18px;color:#b9a483;font:26px/1 var(--sans);padding:5px;z-index:1}
.dialog-close:hover{color:#efd3a4}
.dialog-body{padding:42px 35px 35px;text-align:center}
.dialog-body .eyebrow{justify-content:center;font-size:9px;letter-spacing:3px}
.dialog-body h2{font:34px/1.5 var(--serif);color:var(--gold);letter-spacing:2px;margin:12px 0 13px}
.dialog-body p{font-size:11px;line-height:2.2;color:#ab987c}
.dialog-qr{width:185px;height:185px;background:#fffdf5;padding:8px;margin:24px auto 20px}
.dialog-body .button{margin-top:22px;min-height:47px;font-size:11px;padding:10px 23px;gap:22px}
.dialog-body .group-number{margin-top:13px}
.text-link{color:#d7b785;font-size:11px;letter-spacing:1px;display:inline-flex;gap:10px;align-items:center}
.group-number .text-link{margin-left:12px;font-size:10px;border-bottom:1px solid #ad87566b}
.dialog-body .service-link{margin-top:19px;display:block}
.toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translate(-50%,10px);background:#d9bb90;color:#24180d;font-size:12px;padding:11px 22px;max-width:calc(100% - 40px);text-align:center;visibility:hidden;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 4px 30px #0005}
.toast.is-visible{visibility:visible;opacity:1;transform:translate(-50%,0)}
.back-link{font-size:12px;letter-spacing:2px;color:#bba17e;white-space:nowrap}
.back-link span{margin-left:13px}
.utility-page .scene-image{filter:saturate(.4) brightness(.33) blur(3px);object-position:65% center}
.utility-page .scene-shade{background:linear-gradient(90deg,#100e0df5,#100e0da6),linear-gradient(0deg,#100e0df0,transparent)}
.utility-main{width:100%;padding:20px 25px 55px;flex:1;display:flex;justify-content:center;align-items:center;min-height:560px}
.utility-panel{width:min(510px,100%)}
.utility-panel .eyebrow{font-size:10px;letter-spacing:3px}
.utility-panel h1{font:55px/1.4 var(--serif);color:var(--gold);letter-spacing:4px;margin-top:14px}
.panel-description{color:#96866e;font-size:12px;letter-spacing:1px;line-height:2;margin-top:12px}
.download-list{margin-top:31px;border-top:1px solid var(--line)}
.download-list>a{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:22px 10px;transition:background .2s}
.download-list>a:hover{background:#b5905721}
.download-index{font:18px Georgia,serif;color:#78654b}
.download-name{font:25px/1.5 var(--serif);letter-spacing:2px;color:#d7bc94}
.download-name small{display:block;font:9px/1.6 var(--sans);letter-spacing:1px;color:#87765e;margin-top:4px}
.download-arrow{margin-left:auto;font-size:23px;color:#b29061;margin-right:6px}
.utility-panel>.community-link{margin-top:27px;font-size:10px;letter-spacing:1px}
.recharge-panel{text-align:center}
.recharge-panel .eyebrow{justify-content:center}
.recharge-emblem{display:grid;place-items:center;width:77px;height:77px;border:1px solid #ad855257;outline:1px solid #a6844e24;outline-offset:7px;transform:rotate(-5deg);margin:41px auto 30px;font:42px var(--serif);color:#b38c57}
.recharge-panel h2{font:26px/1.6 var(--serif);letter-spacing:2px;color:#d1b28b}
.recharge-panel .panel-description{font-size:11px;margin-top:9px}
.recharge-panel>.button{margin-top:27px;font-size:12px;min-height:50px}
.recharge-panel>.community-link{margin-inline:auto}
@media(min-width:1800px){.hero{min-height:660px;width:min(1500px,calc(100% - 200px))}.hero h1{font-size:160px}.hero-slogan{font-size:39px}.hero-actions{margin-top:43px}.hero-content{max-width:760px}}
@media(max-width:1200px){.site-header{padding:30px 4vw}.hero{width:calc(100% - 110px);min-height:550px}.hero h1{font-size:122px}.hero-slogan{font-size:31px;letter-spacing:4px}.hero-description{font-size:11px}.hero-actions{gap:15px}.button{padding:13px 24px;gap:29px;min-height:55px;font-size:13px}.hero-meta{font-size:9px;gap:14px}.scene-shade{background:linear-gradient(90deg,#100e0df5 0%,#100e0dea 20%,#100e0da6 45%,#100e0d00 80%),linear-gradient(0deg,#100e0df0,transparent 30%,transparent 80%,#100e0d99)}.site-footer{width:92%}.brand{font-size:28px}.brand-seal{font-size:18px;height:44px}.site-header nav{gap:28px;font-size:11px}.scene-image{object-position:58% center}}
@media(max-width:900px){.hero{width:calc(100% - 80px);min-height:540px;padding-bottom:55px}.hero h1{font-size:105px}.hero-slogan{font-size:28px;letter-spacing:3px}.hero-description{font-size:10px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:3px}.hero-actions{margin-top:30px}.button{min-height:51px;font-size:12px;padding:12px 21px;gap:24px}.hero-meta{font-size:8px;gap:13px;letter-spacing:1px}.community-link{margin-top:35px;font-size:10px}.brand{font-size:26px;gap:12px}.brand small{font-size:7px;letter-spacing:4px}.site-header nav{font-size:10px;gap:20px;letter-spacing:1px}.site-header nav button>span{margin-left:5px}.site-header{padding:29px 30px}.scene-image{object-position:62% center}.scene-shade{background:linear-gradient(90deg,#100e0df0,#100e0db3 45%,#100e0d2e 100%),linear-gradient(0deg,#100e0df0,transparent 35%)}.site-footer{font-size:8px;min-height:73px}.chapter{font-size:8px;letter-spacing:1px}.copyright{font-size:8px}.utility-main{min-height:540px}}
@media(max-width:600px){body{min-height:100svh}.site-header{padding:24px 23px;gap:16px}.brand{font-size:25px;gap:11px;letter-spacing:2px}.brand-seal{font-size:17px;height:42px;padding:6px 4px}.brand small{font-size:6px;letter-spacing:4px;margin-top:6px}.site-header nav{gap:0;font-size:10px}.site-header nav a{display:none}.site-header nav button{letter-spacing:1px;padding-block:8px}.site-header nav button>span{margin-left:7px}.scene-image{object-position:68% center;filter:saturate(.68) brightness(.75)}.scene-shade{background:linear-gradient(0deg,#100e0d 0%,#100e0dfa 7%,#100e0df5 18%,#100e0dbb 34%,#100e0d1a 70%,#100e0d80 100%),linear-gradient(90deg,#100e0d4d,transparent 50%)}.hero{width:100%;padding:0 27px 35px;align-items:flex-end;min-height:615px;flex:1}.hero-content{padding:235px 0 0;width:100%;max-width:none}.eyebrow{font-size:9px;letter-spacing:2.5px;gap:10px}.eyebrow>span{width:17px}.hero h1{font-size:90px;line-height:1.25;margin:7px 0 0 -4px;letter-spacing:-3px}.hero-slogan{font-size:26px;letter-spacing:3px;margin-top:5px}.hero-description{font-size:10px;margin-top:11px;letter-spacing:1.5px}.hero-actions{margin-top:24px;gap:12px}.hero-actions .button{flex:1;min-height:51px;padding:12px 16px;font-size:12px;gap:21px;letter-spacing:2px}.button svg{width:18px;height:18px}.hero-actions .button-outline{gap:19px}.hero-meta{margin-top:17px;gap:13px;font-size:8px;letter-spacing:1px}.hero-meta i{width:2px;height:2px}.hero-content>.community-link{margin-top:24px;font-size:9px;letter-spacing:1px}.community-link svg{width:13px;height:13px}.community-link>span{font-size:16px;margin-left:6px}.site-footer{width:calc(100% - 48px);min-height:64px;font-size:7px;gap:12px;flex-wrap:wrap;align-content:center;row-gap:4px;padding-block:13px}.site-footer p{display:none}.chapter{font-size:7px;gap:8px;letter-spacing:1px}.copyright{font-size:7px;letter-spacing:.5px}.back-link{font-size:10px;letter-spacing:1px}.back-link span{margin-left:7px}.utility-main{padding:20px 27px 42px;min-height:570px;align-items:center}.utility-page .scene-image{object-position:68% center;filter:saturate(.35) brightness(.25) blur(3px)}.utility-page .scene-shade{background:linear-gradient(0deg,#100e0df2,#100e0db3)}.utility-panel h1{font-size:45px;letter-spacing:3px;margin-top:12px}.utility-panel .eyebrow{font-size:8px;letter-spacing:2px}.panel-description{font-size:10px;letter-spacing:1px}.download-list{margin-top:25px}.download-list>a{padding:21px 7px;gap:20px}.download-name{font-size:23px}.download-index{font-size:17px}.download-name small{font-size:8px}.download-arrow{font-size:22px}.utility-panel>.community-link{font-size:9px;gap:5px;letter-spacing:.5px;margin-top:23px}.dialog-body{padding:39px 24px 29px}.dialog-body h2{font-size:29px;letter-spacing:1px}.dialog-body p{font-size:10px}.dialog-body .eyebrow{font-size:8px}.dialog-qr{width:175px;height:175px}.dialog-body .button{font-size:10px;padding:11px 20px;gap:15px;letter-spacing:1px}.recharge-panel h2{font-size:24px}.recharge-panel .panel-description{font-size:10px}.recharge-emblem{width:70px;height:70px;font-size:39px;margin-top:35px}.recharge-panel>.button{font-size:11px;min-height:49px}.toast{font-size:11px;padding:10px 18px}}
@media(max-width:370px){.site-header{padding:23px 21px}.brand{font-size:23px}.brand-seal{height:39px;font-size:16px}.hero{padding-inline:23px;min-height:590px}.hero-content{padding-top:220px}.hero h1{font-size:76px;letter-spacing:-2px}.hero-slogan{font-size:23px;letter-spacing:2px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-description{font-size:9px}.hero-actions .button{font-size:10px;padding:12px 13px;gap:16px;min-height:48px}.hero-meta{font-size:7px;gap:11px}.hero-content>.community-link{font-size:8px}.chapter{font-size:6px}.copyright{font-size:6px}.utility-main{padding-inline:23px}.utility-panel>.community-link{font-size:8px;letter-spacing:0}.utility-panel h1{font-size:42px}}
.hero-actions .button{font-family:var(--sans);font-size:24px;font-weight:700;line-height:1.4;letter-spacing:1px;min-height:68px;padding:16px 30px;gap:24px}
.hero-actions .button-gold{color:#201207}
.hero-actions .button-outline{color:#fff2d7;background:#1b130fe6;border-color:#d6b383b3;text-shadow:0 1px 2px #0008}
.hero-actions .button-outline:hover{background:#352419;border-color:#e6c08b}
.hero-actions .button svg,.hero-actions .button-outline>span{width:21px;height:21px;font-size:21px;flex-shrink:0}
@media(max-width:600px){.hero-actions .button{font-size:18px;min-height:58px;padding:13px 12px;gap:10px;letter-spacing:.5px}.hero-actions .button-outline{gap:10px}.hero-actions .button svg,.hero-actions .button-outline>span{width:18px;height:18px;font-size:18px}}
@media(max-width:370px){.hero-actions .button{font-size:16px;padding:12px 10px;gap:6px;min-height:55px;letter-spacing:0}.hero-actions .button-outline{gap:6px}}
.hero-content>.community-link,.utility-panel>.community-link{font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.6;letter-spacing:1px;color:#e6c897;min-height:44px;gap:12px;text-shadow:0 1px 2px #0009}
.hero-content>.community-link:hover,.utility-panel>.community-link:hover{color:#ffe5b9}
.hero-content>.community-link>svg{width:20px;height:20px;stroke-width:1.5}
.hero-content>.community-link>span,.utility-panel>.community-link>span{font-size:22px;line-height:1;margin-left:4px;flex-shrink:0}
@media(max-width:600px){.hero-content>.community-link,.utility-panel>.community-link{font-size:16px;letter-spacing:0;gap:8px}.hero-content>.community-link>svg{width:18px;height:18px}.hero-content>.community-link>span,.utility-panel>.community-link>span{font-size:20px;margin-left:0}}
.music-player{position:fixed;right:32px;bottom:106px;z-index:12;display:flex;align-items:center;gap:12px;padding:10px 17px 10px 11px;max-width:calc(100vw - 36px);min-height:58px;border:1px solid #a9845459;border-radius:32px;background:#18120fef;box-shadow:0 4px 24px #0004;color:#e6c897;text-align:left;transition:border-color .2s,background .2s}
.music-player:hover{border-color:#d2ac70;background:#241a12}
.music-disc{display:grid;place-items:center;width:36px;height:36px;border:1px solid #9d7948;border-radius:50%;background:radial-gradient(circle,#96703d22 0 25%,#17100c 26% 40%,#9d794844 42% 44%,#17100c 46%);flex-shrink:0}
.music-disc svg{width:19px;height:19px;stroke-width:1.5}
.music-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.music-title{font:600 13px/1.5 var(--sans);letter-spacing:.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.music-status{font:10px/1.5 var(--sans);letter-spacing:1px;color:#ac9573}
.music-player[data-state=playing] .music-disc{animation:music-spin 7s linear infinite}
.music-player[data-state=unavailable]{color:#b09a7a}
@keyframes music-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.music-player{right:18px;bottom:84px;padding:5px;min-height:46px;width:46px;border-radius:50%;justify-content:center}.music-disc{width:32px;height:32px;border:0}.music-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.home-page .scene-image{filter:saturate(1.08) brightness(1.12) contrast(.94)}
.home-page .scene-shade{background:linear-gradient(90deg,#241910c4 0%,#21170fb3 22%,#1c140d66 44%,#19120e12 68%,transparent 100%),linear-gradient(0deg,#20160ee0 0%,transparent 27%,transparent 82%,#38231333 100%)}
.utility-page .scene-image{filter:saturate(.88) brightness(.66) contrast(.94) blur(3px)}
.utility-page .scene-shade{background:linear-gradient(90deg,#241a12d9,#21170e80),linear-gradient(0deg,#21170fdb,transparent 70%)}
.scene-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.utility-page .scene-atmosphere{opacity:.55}
.scene-has-motion picture,.scene-has-motion>.scene-image{animation:scene-breathe 20s ease-in-out infinite;transform-origin:68% 38%;will-change:transform}
.scene-has-motion[data-motion=paused] picture,.scene-has-motion[data-motion=paused]>.scene-image{animation-play-state:paused}
@keyframes scene-breathe{0%,100%{transform:translate3d(calc(var(--scene-look-x,0px) - .4%),calc(var(--scene-look-y,0px) - .3%),0) scale(1.035)}50%{transform:translate3d(calc(var(--scene-look-x,0px) + .4%),calc(var(--scene-look-y,0px) + .3%),0) scale(1.065)}}
@media(max-width:600px){.home-page .scene-shade{background:linear-gradient(0deg,#21170fe8 0%,#20160fce 18%,#1c140d70 40%,#25180d0d 72%,#38231326 100%)}.scene-has-motion picture{transform-origin:65% 20%;animation-duration:24s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.scene-atmosphere{display:none}.scene-has-motion picture,.scene-has-motion>.scene-image{will-change:auto}}