@font-face{font-family:Douyin;src:url('assets/DouyinSansBold.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121620;color:#f5f4ed;font-family:'Microsoft YaHei',sans-serif}img{max-width:100%;display:block}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}figure{margin:0}p{margin:0}h1,h2,h3,h4{margin:0;font-family:Douyin,'Microsoft YaHei',sans-serif}button:focus-visible,a:focus-visible{outline:3px solid #37bde9;outline-offset:5px}.site-nav{height:72px;max-width:1200px;margin:auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px;border-bottom:1px solid #333944}.site-nav>a{font-weight:900;color:#ffc43b;font-size:19px}.site-nav div{display:flex;gap:24px;font-size:14px;letter-spacing:0}.site-nav>span{color:#929cae}main{max-width:1200px;margin:auto;overflow:hidden;background:#202532}section{position:relative;padding:70px 64px;isolation:isolate}section:nth-child(even){background:#262c3a}.hero{height:950px;padding-top:75px;background:#181d28;overflow:hidden}.road-bg{position:absolute;inset:0;background:linear-gradient(90deg,#171c28 10%,#171c289c 70%,#171c2870),url('assets/main_bg.png') right center/760px auto;opacity:.45;z-index:-1}.hero:after{content:'';position:absolute;right:-140px;top:260px;width:760px;height:400px;background:#37bde9;opacity:.1;transform:rotate(-26deg);z-index:-1}.eyebrow,.small-title{color:#37bde9;letter-spacing:2px;font-size:13px;font-weight:700}.game-title{width:400px;margin:30px 0 24px}.hero h1{font-size:68px;line-height:1.18;letter-spacing:1px;max-width:560px}.hero-sub{margin-top:22px;font-size:18px;color:#b7c0cc}.tags{display:flex;gap:10px;margin-top:30px}.tags span{font-size:12px;background:#ffc43b;color:#171c28;padding:8px 12px;transform:skew(-8deg);font-weight:bold}.hero-copy{position:relative;z-index:3}.hero-phones{position:absolute;right:42px;top:180px;width:455px;height:620px}.hero-phones img{position:absolute;border:8px solid #0c1018;border-radius:16px;box-shadow:0 25px 40px #0008;width:260px}.hero-back{right:0;top:0;transform:rotate(10deg);opacity:.9}.hero-front{left:8px;top:110px;transform:rotate(-8deg)}.cover-boss{position:absolute;width:300px;right:0;bottom:66px;filter:drop-shadow(0 16px 4px #0005);z-index:4}.hero-foot{position:absolute;bottom:28px;left:64px;right:64px;display:flex;justify-content:space-between;color:#939eaf;font-size:12px;letter-spacing:1px}.chapter{display:flex;gap:24px;align-items:center;margin-bottom:48px}.chapter>span{font-size:66px;font-family:Douyin,sans-serif;line-height:1;color:#ffc43b;-webkit-text-stroke:1px #111;text-shadow:4px 4px 0 #090c12}.chapter p{font-size:12px;color:#aeb9c8;letter-spacing:2px;margin-bottom:7px}.chapter h2{font-size:34px;line-height:1.3}.chapter:after{content:'';height:4px;flex:1;background:linear-gradient(90deg,#ffc43b 0 14%,#3c4252 14%);margin-left:15px;transform:skew(-20deg)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.big-copy{font:38px/1.5 Douyin,sans-serif;margin-bottom:24px}.body-copy,.intro p:not(.big-copy):not(.eyebrow),.demo-text>p,.detail-block>p,.revive-feature p{color:#b7c0ce;line-height:1.9;font-size:16px}.facts{display:flex;justify-content:space-between;margin-top:35px;padding-top:25px;border-top:1px solid #475060}.facts b{display:block;font-size:24px;color:#ffc43b}.facts span{display:block;margin-top:8px;color:#a8b1c1;font-size:12px}.mood{padding:30px;border:2px solid #465267;background:#202632;display:flex;align-items:start;gap:20px;flex-wrap:wrap}.mood>img{width:80px}.mood>div:not(.swatches){flex:1}.mood h3{font-size:22px;margin:14px 0}.mood p{font-size:14px!important}.swatches{width:100%;display:flex;gap:8px;margin-top:15px}.swatches span{flex:1;border-top:56px solid var(--sw);font-size:8px;letter-spacing:.5px;text-align:center;padding-top:10px}.section-lead{display:flex;justify-content:space-between;gap:24px;margin-top:-20px;margin-bottom:40px;color:#b8c4d2;font-size:16px}.section-lead>span{font-size:11px;letter-spacing:1px;color:#7e8a9c}.character-stage{display:flex;align-items:center;gap:30px;padding:40px 35px 0;min-height:430px;background:linear-gradient(135deg,#30384b,#252b37);border-bottom:3px solid #37bde9;overflow:hidden}.character-notes{width:250px;flex-shrink:0;align-self:center;padding-bottom:40px}.character-notes h3{font-size:32px;line-height:1.5;margin:18px 0}.character-notes p{font-size:14px;line-height:1.9;color:#b0bbcc}.hero-char{width:140px;max-height:340px;object-fit:contain}.large-boss{width:260px;max-height:370px;object-fit:contain;align-self:end}.ghost-boss{width:240px;align-self:end;filter:drop-shadow(0 0 25px #37bde920)}.monster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:26px}.monster-grid figure{padding:22px 14px;background:#181d28;border:1px solid #394254}.monster-grid img{height:155px;width:100%;object-fit:contain}.monster-grid figcaption{font-size:14px;margin-top:20px;text-align:center}.monster-grid span{display:block;font-size:10px;color:#79869b;letter-spacing:2px;margin-top:8px}.asset-title{margin:50px 0 26px;display:flex;align-items:center;justify-content:space-between}.asset-title h3{font-size:26px}.asset-title p{max-width:550px;font-size:14px;line-height:1.8;color:#abb7c7}.element-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.element-grid figure{padding:24px;background:#2c3444;border:1px solid #49566c}.element-grid img{width:120px;height:120px;object-fit:contain;margin:auto}.element-grid figcaption{font-size:12px;letter-spacing:1px;text-align:center;margin-top:18px;color:#dbe3ec}.icon-board{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#171c26;padding:30px}.icon-board h4{font-size:13px;color:#7f90aa;letter-spacing:1px;margin-bottom:25px}.icon-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.icon-row img{width:50px;height:50px;object-fit:contain}.component-band{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0;border-top:1px solid #445064}.component-band h3{font-size:28px;margin:14px 0}.component-band p{font-size:14px;color:#a8b6ca;line-height:1.8}.button-art{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.button-art img{max-height:70px;margin:auto;object-fit:contain}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 30px}.screen-card{min-width:0}.screen-card button{padding:0;border:0;background:none;width:100%;display:block;transition:transform .2s}.screen-card button:hover{transform:translateY(-8px)}.screen-card img{border:7px solid #0a0f18;border-radius:12px;box-shadow:0 16px 30px #0003;width:100%}.screen-caption{margin-top:23px;position:relative;padding-left:38px}.screen-caption>b{position:absolute;left:0;top:2px;color:#ffc43b;font-size:20px;font-family:Douyin}.screen-caption h3{font-size:22px;margin-bottom:10px}.screen-caption p{font-size:14px;color:#a4b1c5;line-height:1.8}.screen-caption small{display:block;font-size:10px;color:#6e7d93;letter-spacing:1.5px;margin-top:12px}.demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.demo-text h3{font-size:48px;line-height:1.35;margin:22px 0}.demo-text>p{margin-top:20px}.journey{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:30px 0;color:#d6e1f2;font-size:13px}.journey span{padding:10px 12px;background:#141b27;border:1px solid #46536c}.journey i{font-style:normal;color:#ffc43b}.demo-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.demo-controls button{border:1px solid #516078;color:#c5d3e9;background:#252f41;padding:12px 6px;font-size:14px}.demo-controls button[aria-pressed=true]{background:#ffc43b;color:#151c28;border-color:#ffc43b;font-weight:bold}.demo-note{font-size:12px!important;color:#7d8ca3!important}.demo-device{background:#080c13;padding:13px;border-radius:42px;box-shadow:0 20px 45px #0006;border:3px solid #4c5567;max-width:360px;margin:auto}.device-top{height:25px;display:grid;place-items:center}.device-top span{height:6px;width:65px;background:#303748;border-radius:10px}.demo-screen{position:relative;overflow:hidden;border-radius:5px}.demo-screen img{width:100%}.device-bottom{height:18px}.hotspot{position:absolute;border:0;background:transparent;display:none}.h-growth{top:14%;right:0;width:24%;height:10%}.h-start{top:52%;left:18%;width:66%;height:14%}.h-close{top:17%;right:5%;width:14%;height:10%}.demo-screen[data-view='0'] .h-growth,.demo-screen[data-view='0'] .h-start{display:block}.demo-screen:not([data-view='0']) .h-close{display:block}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-block{padding:34px;background:#171d29;border:1px solid #394861;min-height:400px}.detail-block h3{font-size:28px;margin:15px 0 25px}.hud-art{height:140px;max-width:230px;object-fit:contain}.bar-art{position:relative;height:60px;margin:20px 0}.bar-art img{max-height:50px;max-width:95%;object-fit:contain;position:absolute;top:0;left:0}.detail-block>p{font-size:14px}.reward-art{display:flex;align-items:center;justify-content:space-around;gap:10px;height:175px;margin:20px 0}.reward-art img{width:29%;max-height:150px;object-fit:contain}.revive-feature{display:flex;gap:50px;align-items:center;margin-top:50px;padding:35px;background:#23414b;border-left:5px solid #37bde9}.revive-feature>img{width:50%;max-height:310px;object-fit:contain}.revive-feature h3{font-size:40px;line-height:1.5;margin:20px 0}.revive-feature p{font-size:14px}.finale{background:#1b202d!important}.final-screens{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center;padding:40px 0 60px}.final-screens img{border:4px solid #090d16;border-radius:7px;box-shadow:0 20px 20px #0006}.final-screens img:nth-child(odd){transform:translateY(-18px)}.final-screens img:nth-child(even){transform:translateY(18px)}.end-card{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3c465b;padding-top:70px;padding-bottom:40px}.end-card>img{width:340px}.end-card p{letter-spacing:3px;color:#798ba6;font-size:12px}.end-card h2{font-size:56px;margin:18px 0;color:#ffc43b}.end-card span{color:#a4b1c7;font-size:14px}footer{max-width:1200px;margin:auto;padding:30px 64px;display:flex;justify-content:space-between;font-size:12px;color:#8391a8}dialog{border:1px solid #46546b;background:#141a24;color:#eee;padding:20px;max-height:95vh;max-width:95vw}dialog::backdrop{background:#050810eb}dialog img{height:78vh;width:auto;max-width:85vw;object-fit:contain;margin:auto}dialog p{text-align:center;padding-top:16px;font-size:16px}.lightbox-close{position:absolute;right:5px;top:3px;border:0;background:#ffc43b;color:#111;font-size:24px;width:35px;height:35px}.export-mode .site-nav,.export-mode footer{display:none}.export-mode [data-psd]{animation:none!important;transition:none!important}.export-mode *{cursor:default!important}.layer-mode main,.layer-mode section,.layer-mode body{background:transparent!important}.layer-mode .road-bg,.layer-mode .hero:after,.layer-mode .chapter:after{visibility:hidden}.layer-mode [data-psd]{visibility:hidden}.layer-mode [data-psd].capture,.layer-mode [data-psd].capture *{visibility:visible}
@media(max-width:800px){.site-nav{padding:0 20px}.site-nav>span{display:none}.site-nav div{gap:15px}section{padding:44px 24px}.hero{height:1080px;padding-top:40px}.game-title{width:290px}.hero h1{font-size:48px}.hero-phones{top:510px;right:40px;width:330px;height:440px}.hero-phones img{width:195px}.hero-front{top:45px}.cover-boss{width:200px;bottom:40px}.hero-foot{left:24px;right:24px;font-size:10px}.hero-foot span:last-child{display:none}.chapter{gap:15px;margin-bottom:32px}.chapter>span{font-size:48px}.chapter h2{font-size:26px}.chapter:after{display:none}.intro-grid,.demo-grid,.detail-grid{grid-template-columns:1fr;gap:35px}.big-copy{font-size:30px}.facts b{font-size:20px}.mood{padding:22px}.section-lead{display:block;font-size:14px}.section-lead span{display:block;margin-top:12px}.character-stage{position:relative;padding:24px 18px;gap:10px;min-height:360px;flex-wrap:wrap}.character-notes{width:100%;padding:0}.character-notes h3{font-size:26px}.character-notes h3 br{display:none}.character-notes p{max-width:100%}.hero-char{width:17%}.large-boss{width:37%}.ghost-boss{width:34%}.monster-grid{grid-template-columns:repeat(3,1fr);gap:10px}.monster-grid img{height:95px}.monster-grid figure{padding:12px 8px}.monster-grid figcaption{font-size:12px}.monster-grid span{font-size:9px;letter-spacing:0}.asset-title{display:block}.asset-title p{margin-top:12px}.element-grid{grid-template-columns:repeat(2,1fr);gap:12px}.icon-board,.component-band{grid-template-columns:1fr;padding:24px;gap:25px}.icon-row img{width:35px;height:35px}.screen-grid{grid-template-columns:repeat(2,1fr);gap:30px 14px}.screen-caption{padding-left:0}.screen-caption>b{position:static;display:block;margin-bottom:8px}.screen-caption h3{font-size:19px}.screen-caption p{font-size:12px}.screen-card img{border-width:4px}.demo-text h3{font-size:38px}.demo-device{width:80%}.revive-feature{display:block;padding:24px}.revive-feature>img{width:100%;margin-bottom:28px}.revive-feature h3{font-size:30px}.final-screens{grid-template-columns:repeat(3,1fr);gap:14px 10px}.end-card{display:block;padding-top:40px}.end-card>img{width:230px;margin-bottom:35px}.end-card h2{font-size:44px}footer{padding:25px}.tags{gap:8px}.tags span{font-size:10px;padding:8px}.hero-sub{font-size:15px}}

.button-art>span{position:relative;display:grid;place-items:center;min-height:75px}.button-art>span>b{position:absolute;color:white;font:22px Douyin,sans-serif;-webkit-text-stroke:1px #14141c;paint-order:stroke fill;text-shadow:2px 2px 0 #15151c}.button-art>span:nth-child(n+3)>b{font-size:17px;bottom:3px}.hud-assembly{position:relative;width:150px;height:150px}.hud-assembly>img{height:145px;object-fit:contain}.hud-assembly .hud-avatar{position:absolute;top:0;left:0;width:135px;height:140px;object-fit:contain}.reward-title{font:30px/1.3 Douyin,sans-serif;color:white;text-align:center;-webkit-text-stroke:2px #10131c;paint-order:stroke fill;transform:rotate(-7deg)}.layer-mode .chapter:after{visibility:visible}.layer-mode .chapter:not(.capture):after{visibility:hidden}body.layer-mode{background:transparent!important}

@media(max-width:420px){.hero-phones{right:16px;width:290px}.game-title{max-width:100%}.icon-row{gap:8px}.icon-board{padding:16px}.demo-controls{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}.site-nav{padding:0 12px}.site-nav div{gap:10px}.facts{gap:10px}}