:root{--display:"HarmonyOS Sans SC", "Alibaba PuHuiTi 3.0", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--condensed:"Bebas Neue", "Oswald", "Bahnschrift SemiBold Condensed", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", var(--display);--bg:#2b2ef5;--bg-deep:#1a14c4;--bg-night:#120c86;--soft:#a9b6ff;--red:#ec2f2b;--red-hover:#ff4a43;--leaf:#4fd15a;--glow:#0a046e73;--octo:polygon(22% 0, 78% 0, 100% 22%, 100% 78%, 78% 100%, 22% 100%, 0 78%, 0 22%);--wrap:min(1180px, calc(100% - 2 * clamp(20px, 4vw, 48px)));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=calm]{--bg:#34407c;--bg-deep:#283262;--bg-night:#1b2247;--soft:#b9c2e6;--red:#d4594c;--red-hover:#e2695c;--leaf:#7cc685;--glow:#0a0e2873}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:#fff;background:var(--bg);min-width:320px;font:500 17px/1.75 var(--display);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;transition:background .4s}h1,h2,h3,p,figure,blockquote,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}a,button{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #fff}.wrap{width:var(--wrap);margin-inline:auto}.btn{cursor:pointer;letter-spacing:.04em;white-space:nowrap;border:0;border-radius:14px;align-items:center;gap:14px;height:54px;padding:0 26px;font-size:17px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-red{color:#fff;background:var(--red);box-shadow:0 0 0 3px #fff, 0 12px 28px var(--glow)}.btn-red:hover{background:var(--red-hover);box-shadow:0 0 0 3px #fff, 0 0 0 9px #fff3, 0 16px 34px var(--glow);transform:translateY(-2px)}.btn-white{color:var(--bg-deep);box-shadow:0 12px 28px var(--glow);background:#fff}.btn-white:hover{box-shadow:0 0 0 6px #ffffff40, 0 16px 34px var(--glow);transform:translateY(-2px)}.btn-sm{border-radius:12px;height:42px;padding:0 18px;font-size:14px}.btn-arrow{padding-right:8px}.btn-arrow span{width:40px;height:40px;font:700 20px/1 var(--display);border-radius:10px;place-items:center;transition:transform .25s;display:grid}.btn-red.btn-arrow span{color:var(--red);background:#fff}.btn-white.btn-arrow span{color:#fff;background:var(--bg-deep)}.btn-arrow:hover span{transform:translate(3px)}.utility-bar{background:var(--bg-night);font-size:13px;font-weight:700}.utility-inner{justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.utility-note{color:var(--soft);letter-spacing:.06em}.mode-switch{align-items:center;gap:6px;display:flex}.mode-label{color:var(--soft);margin-right:4px}.mode-switch button{cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:99px;padding:3px 12px;font-weight:800}.mode-switch button[aria-pressed=true]{color:var(--bg-deep);background:#fff;border-color:#fff}.site-header{z-index:30;background:var(--bg-deep);transition:box-shadow .3s,background .4s;position:sticky;top:0;box-shadow:0 2px #ffffff1f}.site-header.is-scrolled{box-shadow:0 2px 0 #ffffff1f, 0 14px 30px var(--glow)}.header-inner{align-items:center;gap:28px;min-height:76px;display:flex}.wordmark{letter-spacing:.06em;align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.wordmark-mark{align-items:end;gap:3px;width:26px;height:26px;display:inline-flex;transform:skewY(-18deg)}.wordmark-mark i{background:#fff;border-radius:6px 6px 2px 2px;width:6px;display:block}.wordmark-mark i:first-child{background:var(--leaf);height:12px}.wordmark-mark i:nth-child(2){height:22px}.wordmark-mark i:nth-child(3){background:var(--red);height:16px}.main-nav{gap:6px;margin-left:auto;display:flex}.main-nav a{border-radius:10px;padding:8px 14px;font-size:15px;font-weight:800;text-decoration:none;transition:background .2s}.main-nav a:hover{background:#ffffff24}.breadcrumb{padding:22px 0 0;font-size:14px;font-weight:700}.breadcrumb ol{color:var(--soft);flex-wrap:wrap;gap:8px;display:flex}.breadcrumb li+li:before{content:"›";margin-right:8px}.breadcrumb a{color:#fff;text-underline-offset:4px}.breadcrumb [aria-current]{color:var(--soft)}.octo-frame{filter:drop-shadow(0 0 18px #ffffff59) drop-shadow(0 24px 40px var(--glow));padding:7px;position:relative}.octo-frame:before{content:"";clip-path:var(--octo);background:#fff;position:absolute;inset:0}.octo-frame img{object-fit:cover;width:100%;height:100%;clip-path:var(--octo);position:relative}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);padding:clamp(28px,5vw,64px) 0 clamp(56px,8vw,110px);display:grid}.hero h1{letter-spacing:.02em;text-shadow:0 6px 0 var(--bg-night), 0 18px 40px var(--glow);font-size:clamp(64px,8.4vw,124px);font-weight:900;line-height:.95}.hero-en{font:400 clamp(26px, 3vw, 40px)/1 var(--condensed);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-top:12px}.hero-lead{margin-top:28px;font-size:clamp(21px,2vw,26px);font-weight:900;line-height:1.5}.hero-copy>p:not(.hero-en):not(.hero-lead){color:#ffffffe6;max-width:30em;margin-top:14px}.hero-copy .btn{margin-top:34px}.hero-figure{aspect-ratio:1.3}.section{padding:clamp(64px,9vw,120px) 0}.section-title{letter-spacing:.02em;font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1.2}.split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,88px);display:grid}.split-reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.split-copy>p{color:#ffffffeb;margin-top:20px}.split-copy>.btn{margin-top:34px}#pick{padding-top:0}.play-panel{box-shadow:0 0 0 5px #fff, 0 0 0 14px #ffffff2e, 0 30px 70px var(--glow);border-radius:26px;margin-top:32px;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.play-panel img{aspect-ratio:16/9;object-fit:cover;object-position:60% 40%;width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.play-panel:hover{box-shadow:0 0 0 5px #fff, 0 0 0 18px #ffffff3d, 0 36px 80px var(--glow);transform:translateY(-4px)}.play-panel:hover img{transform:scale(1.03)}.play-badge{background:var(--red);height:64px;box-shadow:0 0 0 4px #fff, 0 16px 34px var(--glow);letter-spacing:.06em;border-radius:16px;align-items:center;gap:14px;padding:0 30px 0 10px;font-size:20px;font-weight:900;display:inline-flex;position:absolute;bottom:clamp(20px,5%,44px);left:50%;transform:translate(-50%)}.play-icon{width:46px;height:46px;color:var(--red);background:#fff;border-radius:12px;place-items:center;padding-left:3px;font-size:18px;display:grid}.band{background:var(--bg-deep);transition:background .4s}.hint{font-weight:800;color:#fff!important}.isle-list{counter-reset:isle;gap:10px;margin-top:14px;display:grid}.isle-list a{background:#ffffff0f;border-radius:16px;grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:14px 18px;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:inset 0 0 0 2px #ffffff24}.isle-list a:hover{background:#ffffff1f;transform:translate(4px);box-shadow:inset 0 0 0 2px #fff}.isle-num{width:44px;height:44px;color:var(--bg-deep);font:400 26px/1 var(--condensed);background:#fff;border-radius:12px;place-items:center;display:grid}.isle-list li:last-child .isle-num{color:#fff;background:var(--red)}.isle-list strong{font-size:18px;font-weight:900;display:block}.isle-list a>span:last-child{color:#ffffffdb;font-size:15px;line-height:1.65}.octo-cluster{aspect-ratio:1/1.08;position:relative}.octo-cluster .octo-frame{aspect-ratio:1;position:absolute}.octo-a{width:58%;top:4%;left:0}.octo-b{width:46%;top:30%;right:0}.octo-c{width:50%;bottom:0;left:14%}.commission-figure{aspect-ratio:1;justify-self:center;width:100%;max-width:460px}.quote{border-left:6px solid var(--red);background:#ffffff14;border-radius:0 16px 16px 0;margin-top:26px;padding:18px 24px;font-size:clamp(22px,2.2vw,28px);font-weight:900;line-height:1.5}#more{padding-top:0}.more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,34px);margin-top:32px;display:grid}.more-card>a,.more-card>button{text-align:left;cursor:pointer;width:100%;height:100%;color:var(--bg-deep);box-shadow:0 0 0 4px #fff, 0 0 0 10px #ffffff29, 0 22px 46px var(--glow);background:#fff;border:0;border-radius:22px;flex-direction:column;padding:0;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.more-card>a:hover,.more-card>button:hover{box-shadow:0 0 0 4px #fff, 0 0 0 14px #ffffff3d, 0 28px 56px var(--glow);transform:translateY(-5px)}.more-img{aspect-ratio:16/10;display:block;overflow:hidden}.more-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.more-card :hover .more-img img{transform:scale(1.05)}.more-body{gap:6px;padding:20px 22px 24px;display:grid}.more-body strong{font-size:21px;font-weight:900}.more-body strong:after{content:" →";color:var(--red)}.more-body span{color:#3a3f6e;font-size:15px;line-height:1.65}.dlg{color:#fff;background:var(--bg-deep);border:0;border-radius:24px;width:min(560px,100% - 32px);padding:32px clamp(22px,4vw,36px);box-shadow:0 0 0 4px #fff,0 30px 80px #00000073}.dlg::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08063c99}.dlg h2{font-size:28px;font-weight:900}.dlg p{color:#ffffffe6;margin-top:14px}.dlg form{margin-top:26px}.steps{counter-reset:step;gap:14px;margin-top:18px;display:grid}.steps li{color:#ffffffe0;padding-left:52px;font-size:15px;position:relative}.steps li:before{counter-increment:step;content:counter(step);width:36px;height:36px;color:var(--bg-deep);font:400 22px/1 var(--condensed);background:#fff;border-radius:10px;place-items:center;display:grid;position:absolute;top:2px;left:0}.steps strong{color:#fff;font-size:17px;display:block}.dlg-note{font-size:14px;color:var(--soft)!important}.facts{gap:2px;margin-top:18px;display:grid}.facts div{border-bottom:1px solid #ffffff24;grid-template-columns:4.5em 1fr;gap:12px;padding:10px 0;font-size:15px;display:grid}.facts dt{color:var(--soft);font-weight:800}.site-footer{margin-top:clamp(40px,6vw,80px)}.footer-wave{width:100%;height:60px;fill:var(--bg-night);transition:fill .4s;display:block}.footer-body{background:var(--bg-night);padding:36px 0 28px;transition:background .4s}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}.footer-brand p{max-width:26em;color:var(--soft);margin-top:14px;font-size:15px}.footer-col{align-content:start;gap:8px;display:grid}.footer-col h3{letter-spacing:.1em;color:var(--soft);margin-bottom:4px;font-size:14px}.footer-col a,.footer-col button{cursor:pointer;background:0 0;border:0;width:fit-content;padding:0;font-size:15px;font-weight:700;text-decoration:none}.footer-col a:hover,.footer-col button:hover{text-underline-offset:4px;text-decoration:underline}.footer-legal{color:var(--soft);border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:20px;font-size:13px;display:flex}[data-reveal]{opacity:0;transition:opacity .7s,translate .7s cubic-bezier(.2,.7,.2,1);translate:0 26px}[data-reveal].is-in{opacity:1;translate:0}@media (width<=980px){.main-nav{display:none}.header-inner>.btn{margin-left:auto}.hero,.split,.split-reverse{grid-template-columns:1fr}.split-reverse .commission-figure{order:2;max-width:360px}.octo-cluster{justify-self:center;width:100%;max-width:520px}.more-grid{grid-template-columns:1fr;max-width:520px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=620px){body{font-size:16px}.utility-note{display:none}.utility-inner{justify-content:flex-end}.play-badge{height:52px;padding-right:20px;font-size:16px}.play-icon{width:36px;height:36px}.play-panel img{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}[data-reveal]{opacity:1;translate:none}}