@charset "UTF-8";
:root{color-scheme:dark;--bg:#101111;--surface:#1a1b1b;--yellow:#ffda32;--text:#f5f5ef;--muted:#a3a59d;--line:#30322d;--font:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}h1,h2,h3,p{margin:0}button{color:inherit}::selection{background:var(--yellow);color:#121212}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--yellow);color:#111;padding:16px}.skip:focus{top:12px}.header{height:94px;position:relative;z-index:5;border-bottom:1px solid #ffffff0e;background:#101111}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand img{width:176px;height:auto}.header nav{display:flex;gap:42px;margin-left:auto;margin-right:34px}.header nav a{font-size:14px;color:#c4c6be;transition:color .2s}.header nav a:hover{color:var(--yellow)}.nav-download{background:var(--yellow);color:#131511;padding:12px 22px;border-radius:7px;font-size:14px;font-weight:750;white-space:nowrap}.nav-download span{margin-left:22px;font-size:20px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 41%,#43442930,transparent 48%)}.hero-glow{position:absolute;width:760px;height:760px;background:radial-gradient(circle,#bcaa281b,transparent 65%);right:-100px;top:-100px;pointer-events:none}.hero-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:708px;gap:30px}.hero-copy{padding:50px 0 70px;z-index:2}.eyebrow{font-size:14px;letter-spacing:1px;color:#d0d1c8;display:flex;gap:12px;align-items:center;margin-bottom:29px}.tiny-play{background:var(--yellow);color:#161815;border-radius:5px;padding:4px 5px;font-size:11px}.sep{color:#5d6051}h1{font-size:clamp(44px,4.5vw,68px);line-height:1.32;letter-spacing:-2px;font-weight:850}h1 em{font-style:normal;color:var(--yellow)}.hero-desc{font-size:17px;line-height:1.9;color:#a7aaa0;margin:24px 0 32px}.download-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:13px 22px;border-radius:9px;border:1px solid transparent;text-align:left;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-yellow{background:var(--yellow);color:#171a10}.button-yellow:hover{background:#ffe774}.button-outline{background:#20221bc2;border-color:#575941;color:#fff}.button-outline:hover{background:#303327}.button small{display:block;font-size:12px;font-weight:400;opacity:.7;letter-spacing:.3px;margin-top:4px}.button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hero-tags{margin-top:29px;display:flex;gap:0;font-size:13px;color:#93998a}.hero-tags span+span:before{content:"/";margin:0 17px;color:#4e5445}.hero-visual{height:640px;position:relative;isolation:isolate}.phone{background:#2b2c28;border:6px solid #30322d;border-radius:35px;padding:3px;box-shadow:0 28px 55px #0009,0 0 0 1px #ffffff1e;overflow:hidden}.screen{position:relative;width:100%;aspect-ratio:363/854;overflow:hidden;border-radius:25px;background:#111}.sheet{position:absolute;max-width:none;width:423.1405%;height:auto;top:-11.2412%;pointer-events:none}.sheet-home{left:-4.6832%}.sheet-player{left:-214.325%}.sheet-category{left:-109.642%}.phone-home{position:absolute;width:244px;top:54px;left:18px;transform:rotate(-10deg);z-index:1}.phone-player{position:absolute;width:257px;top:64px;right:5px;transform:rotate(8deg);z-index:2}.orbit{border:1px solid #b4bf6130;border-radius:50%;position:absolute;z-index:-1}.orbit-one{width:520px;height:520px;left:5px;top:63px}.orbit-two{width:640px;height:640px;left:-55px;top:2px;border-color:#b4bf6115}.floating-note{position:absolute;left:37px;bottom:35px;z-index:3;background:#272a21e8;border:1px solid #ffffff25;border-radius:14px;padding:17px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 15px 40px #0008;backdrop-filter:blur(16px);font-size:14px}.note-icon{background:var(--yellow);width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#1b1e14}.floating-note small{display:block;font-size:12px;color:#a4aa96;margin-top:5px}.note-wave{color:var(--yellow);margin-left:16px;letter-spacing:2px}.visual-caption{position:absolute;right:-2px;top:24px;font-size:10px;letter-spacing:3px;color:#747c5d}.hero-bottom{padding:21px 0 23px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:#8d9383}.hero-bottom a{color:#afb6a2}.hero-bottom a span{margin-left:15px}.section{padding-top:96px;padding-bottom:96px}.kicker{font-size:11px;letter-spacing:2.5px;color:var(--yellow);font-weight:650;margin-bottom:16px}h2{font-size:36px;line-height:1.5;letter-spacing:-1px;font-weight:780}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-top>p{color:var(--muted);font-size:14px;line-height:1.9}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.poster{height:auto;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:12px;background-image:linear-gradient(0deg,#0006,transparent 45%),url('assets/app-ui.png');background-size:960% 700%;background-repeat:no-repeat;transition:transform .3s;box-shadow:0 8px 24px #0002}.poster-one{background-position:30.05% 35.6%}.poster-two{background-position:42.25% 35.6%}.poster-three{background-position:30.05% 57.9%}.poster-four{background-position:42.25% 57.9%}.story-card:hover .poster{transform:translateY(-6px)}.genre-label{position:absolute;top:13px;left:13px;font-size:12px;padding:5px 11px;background:#131812b0;border:1px solid #ffffff29;border-radius:4px;backdrop-filter:blur(10px)}.poster-play{position:absolute;right:14px;bottom:14px;border-radius:50%;background:#fff2;border:1px solid #fff5;width:34px;height:34px;display:grid;place-items:center;font-size:11px;backdrop-filter:blur(5px)}.story-info{padding-top:18px}.story-info h3{font-size:18px;font-weight:650;margin-bottom:7px}.story-info>span{font-size:13px;color:#92978c}.stories-foot{border-top:1px solid var(--line);margin-top:35px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#878e7e}.stories-foot a{color:var(--yellow)}.stories-foot a span{margin-left:20px;font-size:19px}.experience{background:#191b17;border-top:1px solid #ffffff07;border-bottom:1px solid #ffffff07}.experience-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:88px;align-items:center}.experience-visual{height:515px;border-radius:16px;background:#d9e24d;position:relative;overflow:hidden;isolation:isolate}.big-type{position:absolute;top:28px;left:25px;font-size:94px;letter-spacing:-6px;line-height:.98;font-weight:950;color:#8c983f55}.experience-phone{position:absolute;width:222px;transform:rotate(12deg);top:35px;right:57px;box-shadow:0 22px 45px #3a450f65}.visual-chip{background:#212718eb;position:absolute;z-index:2;left:26px;bottom:36px;padding:12px 18px;border-radius:30px;font-size:13px;color:#edf1d4;box-shadow:0 10px 20px #33401020}.feature-list article{display:flex;gap:23px;padding:27px 0;border-bottom:1px solid #ffffff12}.feature-list article:first-child{padding-top:0}.feature-number{color:#c7d440;font-size:13px;padding-top:5px;font-variant-numeric:tabular-nums}.feature-list h3{font-size:23px;line-height:1.5;margin-bottom:12px;font-weight:680}.feature-list p{font-size:14px;line-height:1.9;color:#9ca38f}.text-link{display:inline-flex;gap:38px;align-items:center;margin-top:30px;font-size:14px;color:var(--yellow)}.text-link span{font-size:23px}.download-section{padding-bottom:0}.download-panel{background:var(--yellow);color:#171a12;border-radius:20px;padding:54px 66px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:65px;position:relative;overflow:hidden}.download-heading>img{border-radius:20px;margin-bottom:27px;box-shadow:0 9px 22px #765e1625}.download-heading .kicker{color:#685811;margin-bottom:12px}.download-heading h2{font-size:40px;font-weight:850;line-height:1.4}.download-heading>p{font-size:14px;margin-top:17px;color:#64571f}.download-options{display:grid;gap:13px}.platform-button{display:flex;align-items:center;text-align:left;background:#171b12;color:#f7f8ef;border:1px solid #171b12;border-radius:11px;min-height:85px;padding:15px 22px;gap:18px;transition:transform .2s}.platform-button:hover{transform:translateY(-3px);background:#2a301e}.platform-mark{font-size:29px;color:var(--yellow);font-weight:400}.platform-button strong{font-size:17px;font-weight:650}.platform-button small{display:block;color:#a9ae9e;font-size:12px;margin-top:6px}.platform-button>span:last-child{margin-left:auto;font-size:24px;color:var(--yellow)}.download-status{font-size:12px;color:#675715;text-align:center;margin-top:4px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faq h2{font-size:31px}.faq>div>p{font-size:14px;color:var(--muted);margin-top:17px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{list-style:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:#aeb49f;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg);color:var(--yellow)}.faq-list details p{font-size:14px;line-height:1.9;color:#9aa18f;padding:16px 25px 0 0}.footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:12px;font-size:19px}.footer-brand img{border-radius:9px}.footer p{font-size:12px;color:#89917c;margin-top:12px}.footer-right{text-align:right}.footer nav{display:flex;gap:28px;font-size:13px;color:#b3b9aa;margin-bottom:18px}.footer small{font-size:12px;color:#717a65}.mobile-dock,.mobile-only{display:none}dialog{background:#23271d;color:var(--text);border:1px solid #515b38;border-radius:20px;padding:36px;max-width:440px;width:calc(100% - 40px);box-shadow:0 30px 100px #0009;text-align:center}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog img{margin:0 auto 20px;border-radius:16px}dialog h2{font-size:26px}dialog p{color:#bbc1ae;line-height:1.8;margin:15px 0 25px;font-size:15px}.dialog-close{position:absolute;top:10px;right:15px;border:0;background:transparent;font-size:28px;color:#c7cdbb}.dialog-confirm{min-height:46px;padding:12px 40px}
@media(min-width:1500px){.hero-layout{min-height:760px}.hero-visual{transform:scale(1.05)}.hero-copy h1{font-size:72px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero-layout{gap:8px;grid-template-columns:1fr 1fr;min-height:640px}.hero-visual{height:585px}.phone-home{width:210px;left:0;top:70px}.phone-player{width:222px;right:-12px;top:85px}.floating-note{left:0;bottom:23px}.visual-caption{display:none}.button{padding:12px 14px;gap:9px;font-size:14px}.hero-tags span+span:before{margin-inline:11px}.header nav{gap:25px;margin-right:0}.experience-layout{gap:45px}.download-panel{padding:45px;gap:40px}.download-heading h2{font-size:35px}.feature-list h3{font-size:21px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.header{height:78px}.brand img{width:151px}.header nav{gap:20px}.header nav a{font-size:13px}.nav-wrap{gap:22px}.nav-download{padding:9px 15px;font-size:13px}.nav-download span{margin-left:10px}.hero-layout{grid-template-columns:1fr;min-height:auto;max-width:640px}.hero-copy{text-align:center;padding:55px 0 10px}.eyebrow,.download-buttons,.hero-tags{justify-content:center}h1{font-size:58px}.hero-desc{font-size:16px;margin:20px 0 26px}.hero-visual{width:500px;max-width:100%;margin:auto;height:605px}.phone-home{width:225px;left:25px;top:48px}.phone-player{width:234px;right:20px;top:65px}.floating-note{left:54px;bottom:17px}.hero-bottom{margin-top:15px}.section{padding-top:72px;padding-bottom:72px}h2{font-size:30px}.section-top>p{font-size:13px}.story-grid{gap:15px}.story-info h3{font-size:16px}.story-info>span{font-size:12px}.experience-layout{gap:32px;grid-template-columns:1fr 1fr}.experience-visual{height:460px}.experience-phone{width:193px;right:23px;top:50px}.big-type{font-size:73px}.visual-chip{left:17px;padding:11px 15px;font-size:12px}.feature-list h3{font-size:19px}.feature-list p{font-size:13px}.feature-list article{gap:15px;padding:22px 0}.download-section{padding-bottom:0}.download-panel{padding:36px;gap:30px}.download-heading h2{font-size:29px}.download-heading>p{font-size:13px}.platform-button{padding:15px;gap:12px}.platform-button strong{font-size:15px}.faq{gap:35px;grid-template-columns:.9fr 1.2fr}.faq h2{font-size:26px}}
@media(max-width:600px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:73px}.brand img{width:142px}.header nav{display:none}.nav-download{padding:8px 13px}.hero-copy{padding-top:41px}.eyebrow{font-size:11px;letter-spacing:.5px;gap:8px;margin-bottom:21px}h1{font-size:46px;letter-spacing:-1.5px;line-height:1.35}.hero-desc{font-size:14px;line-height:1.9;margin:19px 0 25px}.download-buttons{gap:9px}.button{padding:12px 14px;font-size:13px;gap:8px;min-height:60px}.button small{font-size:10px}.button svg{width:22px;height:22px}.hero-tags{font-size:11px;margin-top:24px}.hero-tags span+span:before{margin-inline:13px}.hero-visual{height:480px;width:360px;margin-top:6px}.phone{border-width:4px;padding:2px;border-radius:26px}.screen{border-radius:19px}.phone-home{width:173px;left:9px;top:49px}.phone-player{width:183px;right:6px;top:57px}.floating-note{left:28px;bottom:10px;padding:12px 13px;border-radius:12px;font-size:12px;gap:10px}.note-icon{width:33px;height:33px;border-radius:9px}.floating-note small{font-size:10px}.note-wave{margin-left:10px}.orbit-one{width:365px;height:365px;top:56px;left:-4px}.orbit-two{width:430px;height:430px;top:25px;left:-37px}.hero-bottom{padding:19px 0;font-size:10px}.hero-bottom a span{margin-left:6px}.section{padding-top:59px;padding-bottom:59px}.kicker{font-size:10px;letter-spacing:2px;margin-bottom:12px}h2{font-size:28px;line-height:1.45}.section-top{display:block;margin-bottom:27px}.section-top>p{margin-top:15px;font-size:13px}.section-top>p br{display:none}.mobile-only{display:block}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.poster{border-radius:8px}.genre-label{font-size:10px;top:9px;left:9px;padding:4px 8px}.story-info{padding-top:12px}.story-info h3{font-size:16px}.story-info>span{font-size:11px}.poster-play{width:27px;height:27px;right:10px;bottom:10px;font-size:9px}.stories-foot{flex-direction:column;gap:15px;font-size:12px;margin-top:28px;padding-top:20px}.stories-foot a{display:flex;justify-content:space-between;align-items:center}.experience-layout{display:flex;flex-direction:column;gap:33px}.experience-visual{width:100%;height:440px}.experience-phone{width:188px;right:49px;top:28px}.big-type{font-size:82px;left:25px;top:36px}.visual-chip{bottom:25px;left:23px}.feature-list article{padding:23px 0}.feature-list h3{font-size:21px;margin-bottom:9px}.feature-list p{font-size:14px}.text-link{font-size:14px;margin-top:26px}.download-section{padding-bottom:0}.download-panel{grid-template-columns:1fr;padding:30px 25px;gap:30px;border-radius:15px}.download-heading>img{width:66px;height:66px;border-radius:16px;margin-bottom:22px}.download-heading h2{font-size:32px}.download-heading>p{font-size:13px;line-height:1.8;margin-top:14px}.download-heading .kicker{font-size:9px}.platform-button{min-height:77px;padding:14px 21px}.platform-button strong{font-size:16px}.download-status{font-size:11px}.faq{grid-template-columns:1fr;gap:30px}.faq>div>p{margin-top:11px;font-size:13px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px;padding-right:10px}.footer{align-items:flex-start;padding-top:28px;padding-bottom:113px;gap:24px}.footer-brand{font-size:17px;gap:8px}.footer-brand img{width:29px;height:29px}.footer p{font-size:10px;white-space:nowrap}.footer nav{gap:13px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;line-height:1.8;max-width:150px;margin-bottom:10px}.footer small{font-size:10px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:11px;padding:11px 20px calc(11px + env(safe-area-inset-bottom));background:#191d15ed;border-top:1px solid #ffffff15;backdrop-filter:blur(16px)}.mobile-dock>img{border-radius:10px}.mobile-dock strong{font-size:14px}.mobile-dock small{font-size:10px;color:#a4ad97;display:block;margin-top:4px}.mobile-dock>a{margin-left:auto;background:var(--yellow);color:#15180e;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:700}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:41px}.hero-visual{height:430px}.phone-home{width:151px;left:5px}.phone-player{width:163px;right:3px}.floating-note{left:9px;bottom:5px}.button{padding:11px 10px;font-size:12px}.button small{font-size:9px}.hero-tags span+span:before{margin-inline:9px}.experience-phone{right:26px}.hero-bottom{font-size:9px}.download-panel{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}