@charset "UTF-8";
:root{color-scheme:dark;--bg:#101110;--panel:#191b19;--ink:#f4f1e8;--muted:#9e9f95;--gold:#d8c895;--yellow:#f8de56;--line:rgba(218,201,147,.18);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#171916;color:var(--ink);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}button:hover,a:hover{filter:brightness(1.12)}.ambient{position:fixed;inset:-40px;background:linear-gradient(90deg,#111913aa,#151412aa),url('assets/female-cover-2.jpg') center 30%/cover;filter:blur(40px);opacity:.32;pointer-events:none}#app{position:relative;max-width:460px;min-height:100svh;margin:auto;background:var(--bg);box-shadow:0 0 90px #0008;overflow:hidden;outline:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:16px 25px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;font-size:15px;letter-spacing:1px;font-weight:600}.brand img{width:39px;height:39px;border-radius:11px}.quiet-btn{font-size:11px;color:#c4bdab;border:1px solid var(--line);border-radius:30px;padding:10px 12px;min-height:38px}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);margin:0 0 13px;text-transform:uppercase}.gold{color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.35;letter-spacing:1px;font-weight:600}h2{font-size:27px;line-height:1.5;font-weight:500;letter-spacing:1px}.sub{color:var(--muted);font-size:12px;line-height:1.9}.intro-art{height:275px;position:relative;margin-top:-8px;overflow:hidden}.intro-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 44%,#10111033);pointer-events:none}.ensemble{display:flex;height:100%;width:112%;margin-left:-6%;gap:7px;transform:rotate(-5deg)}.ensemble img{width:25%;min-width:0;object-position:center 24%;border-radius:70px 70px 12px 12px;filter:saturate(.7) brightness(.8)}.ensemble img:nth-child(2n){transform:translateY(24px)}.welcome{text-align:center;margin-top:-28px;position:relative;padding:0 20px}.welcome h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:32px;line-height:1.45;color:#eee5cc}.welcome .sub{margin-top:12px}.gender-area{padding:29px 33px 20px;text-align:center}.gender-area h2{font-size:15px;letter-spacing:3px;font-weight:400}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px}.gender-choice{display:flex;align-items:center;justify-content:center;gap:13px;height:64px;border:1px solid #d7c89836;background:linear-gradient(135deg,#25261f,#151713);border-radius:15px;transition:transform .2s,border-color .2s}.gender-choice:hover{transform:translateY(-3px);border-color:#d8c89588}.gender-choice strong{font-size:15px;font-weight:500;letter-spacing:2px}.gender-choice span{font-size:32px;font-family:Arial,sans-serif;font-weight:400;color:#93b7d3}.gender-choice.female span{color:#d39aad}.gender-area small{display:block;color:#777d73;font-size:10px;margin-top:13px;letter-spacing:1px}.entry-download{padding:7px 25px 28px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:47px;border:1px solid var(--line);border-radius:12px;color:#c5c1b2;font-size:12px;white-space:nowrap;transition:.2s}.tab svg{width:16px;height:16px}.tab[aria-selected=true],.tab[aria-expanded=true]{background:var(--yellow);color:#171810;border-color:var(--yellow)}.chev{font-size:12px;opacity:.6}.inline-panel{margin-top:12px;background:#191b17;border:1px solid var(--line);border-radius:16px;padding:16px}.group-label{font-size:12px;color:var(--gold);margin:14px 0 9px}.group-label:first-child{margin-top:0}.inline-panel .link-row{padding:12px;font-size:12px;min-height:43px}.inline-panel .link-row small{display:none}.link-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#24272175;border:1px solid #ffffff09;border-radius:13px;padding:16px;margin-top:8px;min-height:65px}.link-row strong{font-size:14px;font-weight:500;display:block}.link-row small{display:block;font-size:11px;color:#999f91;margin-top:5px}.link-row .arrow{color:var(--gold);font-size:20px}.footer{padding:27px 25px 28px;border-top:1px solid #ffffff0a;text-align:center}.footer .eyebrow{font-size:9px;color:#777e70;letter-spacing:2px;margin-bottom:20px}.socials{display:flex;justify-content:center;gap:26px}.socials a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#a7aa9f}.social-mark{height:31px;display:grid;place-items:center;color:#d6c8a3;font-size:25px;font-weight:600}.social-mark.word{font-size:10px}.qq{display:inline-flex;align-items:center;gap:9px;margin-top:23px;font-size:11px;color:#90968a;min-height:30px}.legal{display:flex;justify-content:center;gap:16px;font-size:9px;color:#747b70;margin-top:20px}.demo-note{font-size:9px;color:#697063;margin-top:15px}.home-page .footer{padding-bottom:40px}.detail-page .footer{padding-bottom:123px}.detail-hero{padding-bottom:30px;text-align:center;position:relative;background:radial-gradient(ellipse at center,#58514028,transparent 65%)}.hero-fan{height:330px;position:relative;margin:5px 0 14px;perspective:800px}.hero-portrait{position:absolute;left:50%;top:36px;width:47%;height:265px;border:1px solid #bca26460;border-radius:17px;overflow:hidden;box-shadow:0 15px 35px #0008;transform:translateX(-50%)}.hero-portrait img{object-position:center 20%}.hero-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#101110bb)}.hero-portrait:nth-child(1){transform:translateX(-120%) rotate(-14deg) scale(.8);opacity:.55;top:49px}.hero-portrait:nth-child(3){transform:translateX(20%) rotate(14deg) scale(.8);opacity:.55;top:49px}.hero-portrait:nth-child(2){z-index:2}.detail-hero h1{font-size:30px;color:#eadbb4;font-family:"Songti SC",SimSun,serif}.detail-hero p.sub{padding:0 30px;margin-top:12px}.scroll-cue{display:block;margin-top:22px;font-size:10px;color:#8d9584;letter-spacing:2px}.scroll-cue b{display:block;font-size:21px;font-weight:300;margin-top:6px}.phone-section{text-align:center;padding:36px 0 20px;position:relative;background:radial-gradient(ellipse at 50% 60%,#8c795724,transparent 68%)}.section-head{padding:0 27px}.section-head .sub{margin-top:10px}.phone-stage{height:440px;margin-top:20px;position:relative;perspective:1000px;touch-action:pan-y;user-select:none;overflow:hidden}.phone-stage::after{content:'';position:absolute;bottom:12px;left:8%;right:8%;height:40px;border-bottom:1px solid #d9c69140;border-radius:50%;pointer-events:none}.phone{position:absolute;left:50%;top:20px;width:210px;height:395px;padding:7px;border:1px solid #8c8c79;border-radius:30px;background:#252825;box-shadow:0 25px 36px #000a;overflow:hidden;transition:transform .5s,opacity .5s;transform-origin:50% 75%}.phone::before{content:'';position:absolute;top:11px;left:50%;transform:translateX(-50%);height:12px;width:58px;border-radius:14px;background:#111;z-index:3}.phone img{border-radius:22px;object-fit:cover;object-position:top}.phone.center{transform:translateX(-50%);z-index:3;opacity:1}.phone.prev{transform:translateX(-107%) translateY(27px) rotateY(27deg) rotateZ(-12deg) scale(.76);z-index:2;opacity:.48}.phone.next{transform:translateX(7%) translateY(27px) rotateY(-27deg) rotateZ(12deg) scale(.76);z-index:2;opacity:.48}.carousel-tools{display:flex;align-items:center;justify-content:center;gap:26px;position:relative;z-index:4}.circle-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;font-size:22px;color:#d7c895}.dots{display:flex;gap:7px;align-items:center}.dot{width:23px;height:32px;padding:9px 4px;display:grid;place-items:center}.dot::after{content:'';width:5px;height:5px;border-radius:50%;background:#5a6053}.dot.active::after{width:17px;border-radius:5px;background:var(--gold)}.carousel-hint{font-size:10px;color:#7b8273;margin-top:10px}.island-banner{margin:38px 25px 36px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#30372b88,#171c18);display:flex;align-items:center;gap:15px;text-align:left}.island-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:15px;background:#d7c691;color:#20261b;font-size:24px}.island-banner h3{font-size:15px;font-weight:500;margin-bottom:5px}.island-banner p{font-size:11px;color:#a7ad9b}.island-banner .arrow{margin-left:auto;color:#ccc4a3}.stories{background:linear-gradient(#283127,#1c231e);padding:36px 0 32px;text-align:center;border-radius:30px 30px 0 0}.stories .eyebrow{color:#c6cfb7}.stories h2{font-family:"Songti SC",SimSun,serif;font-size:28px}.story-track{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;margin-top:26px;overscroll-behavior-x:contain}.story-track::-webkit-scrollbar{display:none}.story-track::before,.story-track::after{content:'';flex:0 0 calc(12% - 13px)}.story-card{position:relative;flex:0 0 76%;height:420px;scroll-snap-align:center;border-radius:19px;overflow:hidden;text-align:left;border:1px solid #dadcc130;background:#121b15}.story-card>img{object-position:center 20%;transition:transform .5s}.story-card:hover>img{transform:scale(1.025)}.story-card .story-caption{position:absolute;bottom:13px;left:13px;right:13px;padding:17px;background:#0b140edb;backdrop-filter:blur(12px);border:1px solid #ffffff17;border-radius:14px}.story-caption span{font-size:9px;letter-spacing:2px;color:#b9c7ab}.story-caption h3{font-size:17px;font-weight:500;margin:9px 0;line-height:1.5}.story-caption p{font-size:11px;line-height:1.8;color:#c0c8b8}.story-tabs{display:flex;gap:8px;justify-content:center;margin:24px 20px 0}.story-tabs button{border:1px solid transparent;border-radius:40px;min-height:42px;padding:8px 13px;color:#8f9b8b;font-size:12px}.story-tabs button[aria-selected=true]{border-color:#d3c999;color:#eee3b6;background:#121a1440}.island-bottom{padding:35px 28px;background:#171e18;text-align:center}.island-bottom h3{font-family:"Songti SC",SimSun,serif;font-size:24px;font-weight:400;margin:10px 0}.island-bottom p{font-size:11px;line-height:1.9;color:#a3ad9a}.island-bottom small{display:block;margin-top:15px;font-size:10px;color:#7e8a78}.floating-wrap{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);padding:18px 30px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#101110e8);z-index:20;pointer-events:none}.floating-cta{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:17px;height:54px;background:var(--yellow);color:#17180f;border-radius:15px;box-shadow:0 9px 30px #0007;font-size:15px;font-weight:650}.floating-cta svg{width:19px;height:19px}.floating-cta span{border-right:1px solid #383b2855;padding-right:17px}.download-page{min-height:100svh}.download-head{padding:22px 28px 24px}.download-head h1{font-size:30px;margin:13px 0 10px}.download-head .sub{max-width:300px}.download-tabs{padding:0 24px}.download-tabs .tab{min-height:49px}.download-body{padding:24px}.download-product{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,#292c2370,#171a15);margin-bottom:18px}.product-heading{display:flex;align-items:center;gap:11px;margin:0 0 15px}.product-heading img{width:39px;height:39px;border-radius:10px}.product-heading h2{font-size:16px;letter-spacing:0}.product-heading p{font-size:10px;color:#8e9885;margin-top:4px}.download-product .island-icon{width:39px;height:39px;font-size:20px}.account-note{font-size:11px;color:#9da690;line-height:1.8;margin-top:16px}.download-page .footer{padding-bottom:35px}.back-button{display:flex;align-items:center;gap:6px;color:#b9c0ae;font-size:12px;min-height:40px}.page-enter{animation:enter .35s ease-out}@keyframes enter{from{opacity:0}to{opacity:1}}#toast{position:fixed;left:50%;bottom:105px;transform:translate(-50%,15px);background:#e5dac0;color:#20271b;padding:11px 19px;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:360px){h1,.welcome h1{font-size:28px}.topbar{padding-inline:20px}.gender-area{padding-inline:25px}.entry-download{padding-inline:18px}.tab{font-size:11px;gap:4px}.story-tabs button{padding-inline:9px}.phone{width:190px;height:360px}.phone-stage{height:405px}.story-card{height:385px}.socials{gap:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.intro-art{height:310px;margin-top:0}
.entrance-mosaic{height:340px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:6px;width:110%;margin:-13px -5% 0;transform:rotate(-5deg)}
.entrance-mosaic img{min-height:0;object-position:center 22%;border-radius:12px;filter:brightness(.8) saturate(.85)}
.intro-art::after{background:linear-gradient(0deg,#101110 0%,#10111022 35%,transparent 80%)}
.welcome{margin-top:-12px}
.cover-stage{height:375px;margin:0;isolation:isolate;touch-action:pan-y}
.cover-card{position:absolute;left:50%;top:90px;width:34%;height:240px;padding:0;border:1px solid #d6b87366;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0008;transition:transform .45s,opacity .45s;z-index:1;background:#171810}
.cover-card img{object-position:center 18%}
.cover-position-0{transform:translateX(-148%) rotateY(25deg) rotate(-11deg) scale(.79);opacity:.5}
.cover-position-1{transform:translateX(-108%) rotateY(17deg) rotate(-6deg) scale(.91);opacity:.8;z-index:2}
.cover-position-2{transform:translateX(8%) rotateY(-17deg) rotate(6deg) scale(.91);opacity:.8;z-index:2}
.cover-position-3{transform:translateX(48%) rotateY(-25deg) rotate(11deg) scale(.79);opacity:.5}
.hero-cutout{position:absolute;z-index:4;inset:0 auto 0 50%;transform:translateX(-50%);width:76%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 0 23px #eedf9f16)}
.hero-floor{position:absolute;z-index:5;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,#101110);pointer-events:none}
.cover-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:7px 0 26px}.cover-controls .circle-btn{width:34px;height:34px}.cover-count{font-size:10px;color:#9b947b;letter-spacing:3px}
.phone.offstage{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(.6)}
.phone-stage{margin-top:16px}.phone.center{border-color:#c6ba91}
.frame-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:13px 0 2px}.frame-controls button{width:37px;height:34px;border-radius:9px;border:1px solid var(--line);color:#ccc29d}.frame-controls span{min-width:142px;font-size:11px;letter-spacing:.5px;color:#b4b5a7;text-align:center}
.phone-section{padding-bottom:45px}
.stories{padding-bottom:35px}
.story-card{height:500px}.story-card>img{object-fit:cover;object-position:center top}.story-card:hover>img{transform:none}
.story-controls{display:flex;align-items:center;justify-content:center;gap:27px;margin:24px 0 0}.story-controls span{font-size:11px;color:#c2c7b7;min-width:45px;letter-spacing:2px}
@media(max-width:360px){.cover-stage{height:340px}.cover-card{height:205px;top:88px}.intro-art{height:280px}.entrance-mosaic{height:310px}.story-card{height:440px}}
@media(prefers-reduced-motion:reduce){.cover-card{transition:none}}
:root{--gold:#d6b965;--line:rgba(208,174,82,.36)}
#app,.detail-page .stories,.detail-page .phone-section,.detail-page .cover-stage{overflow:clip}
.gender-choice{border-radius:23px;height:68px;background:linear-gradient(135deg,#25271f,#161913);gap:10px;box-shadow:inset 0 1px 0 #ffffff08}
.gender-choice .gender-orb{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#8ab7df12;color:#9dc9ed;animation:gender-float 4s ease-in-out infinite}
.gender-choice .gender-orb svg{width:32px;height:32px;overflow:visible;filter:drop-shadow(0 2px 3px #528ac325)}
.gender-choice.female .gender-orb{color:#f0b4cb;background:#ed9abd10;animation-delay:-2s}
.gender-choice:hover .gender-orb{background:#c1d4df22}.gender-choice.female:hover .gender-orb{background:#e1b5c922}
@keyframes gender-float{0%,100%{transform:translateY(1px) rotate(-3deg)}50%{transform:translateY(-3px) rotate(4deg)}}
.gender-current{display:flex;align-items:center;gap:5px;padding:8px 10px;letter-spacing:0;font-size:10px;color:#d5c595}
.current-symbol{display:flex;color:#a4c5e3}.female .current-symbol{color:#e8b1c5}.current-symbol svg{width:17px;height:17px}.switch-label{font-size:9px;border-left:1px solid var(--line);margin-left:2px;padding-left:6px;color:#9e916c}
.topbar .brand{font-size:13px;gap:6px}.topbar{padding-inline:22px}
.entry-download .tabs{gap:10px}.entry-download .tab{border-radius:50px;min-height:44px;background:transparent;border-color:#bca154;color:#e6c977;font-size:11px;font-weight:600;gap:5px}
.entry-download .tab svg{width:17px;height:17px}.entry-download .tab[aria-expanded=true]{background:#c3a65120;border-color:#ebcf7e;color:#f7e6b7}.entry-download .tab .chev{display:none}
.socials{gap:30px}.socials a{gap:9px;color:#bca767}.social-mark{width:43px;height:43px;border:1px solid #b99a43;border-radius:50%;color:#e7c973;display:grid;place-items:center}.social-mark svg{width:24px;height:24px}.social-mark .red-word{font-size:10px;font-weight:700;letter-spacing:-1px}.footer .eyebrow{color:#aa9766}.qq{color:#b3a071}
.island-label{display:flex;align-items:center;gap:8px}.island-label img{width:26px;height:26px;border-radius:8px}.product-heading .island-logo{width:42px;height:42px;border-radius:12px;object-fit:contain}
.detail-hero{background:#080908;padding-top:4px}.detail-page{background:#080908}.detail-page .topbar{background:#080908}
.cover-stage{height:350px;margin-bottom:17px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 16px,#d1bf7410 17px,transparent 18px) center top/65% 80% no-repeat}
.cover-art{position:absolute;inset:0;perspective:950px}
.cover-card{top:74px;width:29%;height:238px;border:2px solid #998241;border-radius:9px;box-shadow:0 10px 24px #000b}
.cover-position-0{transform:translateX(-156%) rotateY(28deg) rotateZ(-2deg) scale(.91);opacity:.82;z-index:1}
.cover-position-1{transform:translateX(-100%) translateY(-17px) rotateY(18deg) scale(.92);opacity:.85;z-index:2}
.cover-position-2{transform:translateX(0%) translateY(-17px) rotateY(-18deg) scale(.92);opacity:.85;z-index:2}
.cover-position-3{transform:translateX(56%) rotateY(-28deg) rotateZ(2deg) scale(.91);opacity:.82;z-index:1}
.hero-cutout{width:72%;height:97%;object-position:center bottom;z-index:4;filter:drop-shadow(0 0 10px #bda25915)}
.hero-floor{bottom:-22px;left:-12%;right:-12%;height:64px;border-radius:50%;border-top:1px solid #b99e58;background:radial-gradient(ellipse at 50% 0%,#c2a25730,transparent 59%),linear-gradient(transparent,#080908);z-index:3}
.cover-arrow{position:absolute;top:58%;z-index:8;width:35px;height:44px;font-size:23px;letter-spacing:-7px;color:#c8aa59;text-shadow:0 1px 5px #000;padding-right:10px}.cover-arrow.left{left:0}.cover-arrow.right{right:0}
.detail-hero h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:29px;font-weight:700;color:#d4b457;letter-spacing:.5px}.detail-hero>.eyebrow{display:none}.detail-hero .sub{color:#b7b8b1}
.phone-section{padding-top:42px;background:radial-gradient(ellipse at 50% 55%,#59482b24,transparent 63%);overflow:hidden}
.group-tabs{display:flex;gap:7px;margin:23px 22px 0;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #bca25425;padding:0 0 13px}.group-tabs::-webkit-scrollbar{display:none}.group-tabs button{flex:1 0 60px;min-height:43px;border-radius:11px;border:1px solid #bba36520;color:#8f9386;font-size:11px;transition:.2s}.group-tabs button span{display:block;font-size:8px;letter-spacing:2px;opacity:.5;margin-top:4px}.group-tabs button[aria-selected=true]{color:#ead69a;background:#bba35a1b;border-color:#bca45d88}.group-tabs button:hover{border-color:#d8b864}
.phone-stage{height:458px;margin:12px 0 0;overflow:visible;perspective:1100px;touch-action:pan-y}
.phone-stage::after{display:none}.phone.center{width:215px;height:416px;top:18px;padding:8px;border:1px solid #717570;border-radius:32px;background:linear-gradient(110deg,#323630,#090b0a 70%,#7f8279);box-shadow:10px 3px 0 #454840,13px 4px 0 #151713,23px 23px 40px #0009;transform:translateX(-50%) rotateY(-15deg) rotateZ(9deg);transform-origin:50% 55%;transition:transform .5s ease}
.phone.center img{border-radius:24px;object-position:top;object-fit:cover}.phone.center::before{top:13px;width:52px;height:11px;background:#0c0e0c}.phone.center::after{content:'';position:absolute;right:1px;top:110px;height:47px;width:3px;border-radius:4px;background:#878c83}
.phone.angle-1{transform:translateX(-50%) rotateY(17deg) rotateZ(-9deg)}.phone.angle-2{transform:translateX(-50%) rotateY(-22deg) rotateZ(5deg)}.phone.angle-3{transform:translateX(-50%) rotateY(12deg) rotateZ(-5deg)}.phone.angle-4{transform:translateX(-50%) rotateY(-9deg) rotateZ(12deg)}
.phone-reflection{position:absolute;bottom:0;left:15%;right:15%;height:24px;border-radius:50%;background:#dec67d13;filter:blur(13px);pointer-events:none}
.screen-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:4px}.screen-navigation .circle-btn{width:35px;height:35px;font-size:20px;border-color:#b9a26450}.frame-dots{display:flex;align-items:center;gap:3px}.frame-label{font-size:10px;color:#b1ad9b;letter-spacing:1px;margin-top:14px}.carousel-hint{font-size:9px;color:#717868;letter-spacing:.4px}
.stories{background:#080a08;border-radius:0;padding-top:37px;overflow:hidden;position:relative;border-top:1px solid #b79d4220}
.story-track{height:475px;margin-top:25px;padding:0;overflow:visible;display:block;position:relative;perspective:1000px;touch-action:pan-y;user-select:none;scroll-snap-type:none}
.story-track::before,.story-track::after{display:none}
.story-card{position:absolute;left:50%;top:20px;width:57%;height:380px;margin:0;padding:0;border:2px solid #8d7843;border-radius:10px;overflow:hidden;background:#141912;box-shadow:0 20px 30px #0009;transition:transform .45s,opacity .45s;transform-origin:50% 50%}
.story-card>img{height:100%;object-fit:cover;object-position:top;pointer-events:none}.story-offset-2{transform:translateX(-50%) translateY(0) rotateY(-10deg) rotateZ(2deg);z-index:4;opacity:1}.story-offset-1{transform:translateX(-126%) translateY(45px) rotateY(29deg) rotateZ(-3deg) scale(.86);z-index:3;opacity:.64}.story-offset-3{transform:translateX(26%) translateY(66px) rotateY(-29deg) rotateZ(3deg) scale(.85);z-index:3;opacity:.62}.story-offset-0{transform:translateX(-188%) translateY(65px) rotateY(40deg) scale(.73);z-index:1;opacity:.3}.story-offset-4{transform:translateX(88%) translateY(10px) rotateY(-40deg) scale(.73);z-index:1;opacity:.3}
.story-progress{font-size:10px;letter-spacing:3px;color:#b9a772;margin:0 0 14px}.stories>.carousel-hint{margin:0}
@media(max-width:360px){.topbar{padding-inline:15px}.topbar .brand{font-size:12px}.gender-current{padding:8px;font-size:9px;gap:3px}.switch-label{font-size:8px}.group-tabs{margin-inline:16px;gap:5px}.group-tabs button{flex-basis:51px;font-size:10px}.cover-stage{height:320px}.cover-card{height:210px;top:70px}.hero-cutout{width:74%}.phone-stage{height:434px}.phone.center{width:202px;height:395px}.story-track{height:425px}.story-card{height:342px}.entry-download .tabs{gap:6px}}
@media(prefers-reduced-motion:reduce){.gender-orb{animation:none!important}.phone,.story-card{transition:none!important}}
button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #ffe29a;outline-offset:4px}
button:active,.floating-cta:active{filter:brightness(1.16)}
.home-arrow{font-size:24px;color:#f3ce66;line-height:1;margin-right:2px}
.gender-current{border-radius:22px;padding:7px 12px;background:#d4b65c0e;border:1px solid #d4b65c45;gap:8px;min-height:40px}.current-symbol svg{width:23px;height:23px}.switch-label{font-size:11px;color:#e4cc89;padding-left:9px}
.entry-download .tabs,.download-tabs .tabs{gap:8px}.entry-download .tab,.download-tabs .tab{min-height:58px;border-radius:20px;border:1px solid #d2b36299;background:linear-gradient(145deg,#3e3520,#29271c);color:#efd68e;box-shadow:inset 0 1px #fff2,0 4px 0 #090b07;font-size:11px;font-weight:700;gap:5px;position:relative;transition:background .2s,transform .2s}
.entry-download .tab[aria-expanded=true],.download-tabs .tab[aria-selected=true]{color:#221d0e;background:linear-gradient(145deg,#ffe8a3,#d7b257);border-color:#ffedbb;box-shadow:0 3px 0 #887038,0 0 18px #d0ad3920;transform:translateY(-2px)}
.entry-download .tab .chev{display:block;font-size:12px}.entry-download .tab[aria-expanded=true] .chev{transform:rotate(180deg)}.download-tabs .tab svg{width:19px;height:19px}
.inline-panel{border-radius:24px;border-color:#d0b36770;margin-top:16px}.link-row{border-radius:17px;min-height:54px}.link-row:hover{border-color:#e2c472;background:#d7b75a16}.link-row .arrow{background:#d4b96518;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#ebd083}
.collapse-btn{display:block;margin:18px auto 0;border-radius:30px;border:1px solid #c4aa5d70;color:#e2cc94;background:#c5ad6010;min-height:40px;padding:0 22px;font-size:12px}.group-label.island-label img{width:30px;height:30px;object-fit:contain}
.back-button{display:flex;align-items:center;border:1px solid #bba15980!important;background:#c5ac5c15!important;border-radius:22px;padding:10px 14px!important;color:#f0d27f!important;min-height:43px;font-size:12px!important;box-shadow:inset 0 1px #ffffff0d}
.download-product{border-radius:25px}.download-tabs{padding-top:6px;padding-bottom:8px}.download-page .topbar{gap:10px}.download-page .topbar .brand{font-size:12px}
.cover-stage{height:310px;margin-top:12px;isolation:isolate}.cover-art{z-index:2;perspective:900px;pointer-events:none}.cover-card{pointer-events:auto;left:auto;top:85px;width:15%;height:175px;border-radius:12px;transform:none;opacity:.94;z-index:2;box-shadow:0 12px 20px #0008}
.cover-position-0{left:1%;transform:perspective(600px) rotateY(12deg) rotateZ(-4deg);top:96px}.cover-position-1{left:17%;transform:perspective(600px) rotateY(8deg);top:70px}.cover-position-2{right:17%;transform:perspective(600px) rotateY(-8deg);top:70px}.cover-position-3{right:1%;transform:perspective(600px) rotateY(-12deg) rotateZ(4deg);top:96px}
.hero-center{position:absolute;left:34%;width:32%;top:0;bottom:27px;z-index:4;overflow:hidden;pointer-events:none;display:flex;align-items:flex-end}.hero-center .hero-cutout{position:static;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 12px #bfa76120)}
.hero-floor{z-index:1;bottom:0;height:45px}.cover-arrow{top:auto;bottom:0;width:39px;height:37px;background:#12140ff0;border:1px solid #cbb06870;border-radius:14px;letter-spacing:-5px;font-size:22px}.cover-arrow.left{left:15px}.cover-arrow.right{right:15px}
.group-tabs{justify-content:center;gap:12px;padding:12px 5px 18px;overflow:visible;border:0;margin-inline:20px}.group-tabs button{position:relative;flex:0 1 57px;width:57px;height:66px;min-height:0;padding:4px;background:#25281e;border:1px solid #80765070;border-radius:19px;opacity:.58;box-shadow:0 4px 0 #030403;transition:transform .22s,opacity .22s,border-color .22s}.group-tabs button img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px}.group-tabs button[aria-selected=true]{transform:translateY(-5px) scale(1.06);border:2px solid #ffe09a;background:#d3b66c;opacity:1;box-shadow:0 0 0 4px #d5b45f18,0 7px 15px #0007}.group-tabs button:hover{opacity:1}.group-tabs button .group-check{display:none}.group-tabs button[aria-selected=true] .group-check{display:grid;place-items:center;position:absolute;right:-5px;bottom:-6px;width:19px;height:19px;margin:0;background:#f6d98a;border-radius:50%;color:#252213;font-size:11px;opacity:1;letter-spacing:0}
.screen-navigation{gap:15px;margin:12px auto 0;width:max-content;max-width:calc(100% - 36px);padding:7px 9px;background:#22251b;border:1px solid #bba15750;border-radius:32px;box-shadow:0 5px 16px #0005}.screen-navigation .circle-btn,.story-controls .circle-btn{width:43px;height:43px;min-width:43px;border-radius:17px;color:#211f14;background:linear-gradient(145deg,#ffe5a0,#c8a34e);font-size:28px;line-height:1;box-shadow:0 3px 0 #7c632b;border:1px solid #f0d690}.frame-dots{gap:2px}.frame-dots .dot{width:24px;height:36px;padding:0;background:transparent;position:relative}.frame-dots .dot:after{content:'';position:absolute;inset:14px 7px;background:#747359;border-radius:20px}.frame-dots .dot.active:after{inset:12px 4px;background:#f1d487;box-shadow:0 0 8px #e9c36d44}.frame-label{font-size:11px;color:#c4bda2}.enlarge-btn{font-size:11px;color:#e0cb8e;padding:10px 16px;border:1px solid #b59d5555;border-radius:22px;background:#baa15c0c;min-height:40px;margin:17px auto 0}.carousel-hint{font-size:10px;color:#989c8b}
.story-track{height:325px;margin-top:15px;perspective:1100px}.story-card{width:25%;height:232px;top:24px;border-radius:15px;border-width:1px;transition:transform .35s,opacity .35s;min-width:0}.story-slot-3{transform:translateX(-50%) translateY(0) rotateY(-6deg);z-index:7;opacity:1;border-color:#ead28e}.story-slot-2{transform:translateX(-134%) translateY(23px) rotateY(26deg) scale(.88);z-index:6;opacity:.84}.story-slot-4{transform:translateX(34%) translateY(34px) rotateY(-26deg) scale(.88);z-index:6;opacity:.84}.story-slot-1{transform:translateX(-206%) translateY(50px) rotateY(40deg) scale(.75);z-index:5;opacity:.64}.story-slot-5{transform:translateX(106%) translateY(14px) rotateY(-40deg) scale(.75);z-index:5;opacity:.64}.story-slot-0{transform:translateX(-257%) translateY(70px) rotateY(50deg) scale(.62);z-index:4;opacity:.35}.story-slot-6{transform:translateX(157%) translateY(55px) rotateY(-50deg) scale(.62);z-index:4;opacity:.35}.story-controls{display:flex;justify-content:center;align-items:center;gap:19px;margin:0 0 20px}.story-controls .enlarge-btn{margin:0}.story-progress{margin-top:15px}
.floating-wrap{pointer-events:none;transition:opacity .2s,transform .2s}.floating-cta{pointer-events:auto;display:flex;justify-content:center;gap:12px;border-radius:26px;background:linear-gradient(115deg,#ffe69d,#e7bc57)!important;color:#201c11!important;min-height:58px;border:1px solid #fff0bb;box-shadow:0 5px 0 #8a6827,0 12px 30px #0009,inset 0 1px #fff6;font-size:15px!important;font-weight:800;letter-spacing:.5px}.floating-cta span{border:0!important;padding:0!important}.floating-cta svg{width:21px;height:21px}.floating-cta b{font-size:19px}.floating-wrap.at-footer,.floating-wrap.viewer-open{opacity:0;transform:translateY(20px);visibility:hidden}.floating-wrap.at-footer a,.floating-wrap.viewer-open a{pointer-events:none}
.image-viewer{padding:0;width:min(100% - 20px,640px);max-width:640px;height:92dvh;max-height:92dvh;background:#121610;color:#e6d6a4;border:1px solid #a99557;border-radius:22px;overflow:hidden}.image-viewer::backdrop{background:#000d;backdrop-filter:blur(7px)}.image-viewer header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;height:62px;box-sizing:border-box;font-size:12px}.image-viewer header button{height:38px;width:38px;border:1px solid #bba15c75;border-radius:14px;color:#edd187;background:#c3a35522}.viewer-scroll{overflow-y:auto;height:calc(100% - 62px);overscroll-behavior:contain;background:#050705}.viewer-scroll img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:360px){.cover-stage{height:280px}.cover-card{height:153px;top:84px}.cover-position-1,.cover-position-2{top:65px}.group-tabs{gap:10px;margin-inline:16px}.group-tabs button{width:48px;flex-basis:48px;height:59px}.entry-download .tab,.download-tabs .tab{font-size:10px;gap:3px;border-radius:17px}.entry-download .tab svg{width:15px;height:15px}.story-card{height:208px}.story-track{height:300px}.floating-cta{font-size:14px!important}.download-page .topbar{padding-inline:14px}.back-button{padding-inline:11px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.frame-dots .dot:after{width:auto;height:auto}.floating-wrap.at-footer,.floating-wrap.viewer-open{transform:translate(-50%,20px)}
.cover-card,.story-card{animation:card-appear .22s ease-out}@keyframes card-appear{from{filter:brightness(.8)}to{filter:brightness(1)}}
.icon-back{display:grid;place-items:center;width:42px;height:42px;padding:8px;border:0;border-radius:50%;color:#f5d584;background:#d7b55c0a;transition:background .2s,transform .2s}.icon-back svg{width:26px;height:26px}.icon-back:hover{background:#d7b55c20;transform:translateX(-2px)}
.entry-download .tabs{gap:12px;padding:7px 2px}.entry-download .tab{background:linear-gradient(145deg,#ffe7a2,#e3bd62);color:#211b0d;border:1px solid #f6dfa0;box-shadow:0 4px 0 #8b703b,inset 0 1px #fff8;transition:transform .22s,box-shadow .22s;z-index:0}.entry-download .tab[aria-expanded=true]{background:linear-gradient(145deg,#ffedb6,#efc86b);color:#181409;transform:scale(1.055);box-shadow:0 0 0 4px #f9d87830,0 0 0 6px #f8d26980,0 0 23px #e9c16855,0 4px 0 #93773d;z-index:1}.entry-download .tab:active{transform:scale(.98)}
.link-row .arrow{width:32px;height:32px;border-radius:13px;background:#d9ba7020;color:#efd393}.link-row .arrow svg{width:18px;height:18px}.link-row:hover .arrow{background:#e8c976;color:#282111}
.detail-hero{padding-bottom:24px}.cover-stage{height:355px;margin:4px 0 17px;background:radial-gradient(ellipse at 50% 60%,#aa863329,transparent 68%)}.cover-art{perspective:1000px;inset:0 0 44px}.cover-art .cover-card{left:50%;right:auto;top:18px;width:44%;height:277px;border-radius:21px;border:1px solid #c0a35b90;background:#151711;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(.6);z-index:0;animation:none;transition:transform .48s cubic-bezier(.22,.7,.25,1),opacity .35s,filter .35s;box-shadow:0 15px 28px #0008}.cover-card img{object-position:center 20%}.cover-art .cover-card[data-offset="0"]{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);z-index:5;border-color:#ead08b;box-shadow:0 0 0 3px #dab75d12,0 15px 35px #0009}.cover-art .cover-card[data-offset="-1"]{opacity:.82;visibility:visible;pointer-events:auto;transform:translateX(-116%) translateY(16px) rotateY(24deg) rotateZ(-5deg) scale(.84);z-index:3}.cover-art .cover-card[data-offset="1"]{opacity:.82;visibility:visible;pointer-events:auto;transform:translateX(16%) translateY(16px) rotateY(-24deg) rotateZ(5deg) scale(.84);z-index:3}.cover-art .cover-card[data-offset="-2"]{opacity:.4;visibility:visible;pointer-events:auto;transform:translateX(-158%) translateY(27px) rotateY(34deg) rotateZ(-9deg) scale(.68);z-index:1}.cover-art .cover-card[data-offset="2"]{opacity:.4;visibility:visible;pointer-events:auto;transform:translateX(58%) translateY(27px) rotateY(-34deg) rotateZ(9deg) scale(.68);z-index:1}
.cover-floor{pointer-events:none}.cover-stage .hero-floor{bottom:43px;opacity:.5}.cover-stage .cover-arrow{top:auto;bottom:0;left:calc(50% - 83px);width:39px;height:39px;padding:8px;display:grid;place-items:center;letter-spacing:0;border-radius:50%;background:#c5a65112;border:1px solid #cbb06850}.cover-stage .cover-arrow.right{left:auto;right:calc(50% - 83px)}.cover-arrow svg{width:21px;height:21px}.cover-progress{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#d4bd80}
@media(max-width:360px){.entry-download .tabs{gap:10px}.entry-download .tab{font-size:10px}.cover-stage{height:320px}.cover-art .cover-card{height:244px;top:13px}}
@media(prefers-reduced-motion:reduce){.cover-art .cover-card{transition:none}.entry-download .tab{transition:none}}
.topbar,.detail-page .topbar{position:sticky;top:0;z-index:30;background:rgba(21,23,18,.74);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border-bottom:1px solid #ead49c26;box-shadow:0 5px 22px #0002,inset 0 1px #fff06;height:72px;gap:8px;padding-inline:18px}
.topbar .brand{gap:8px;flex-shrink:0;min-width:0}.topbar .brand img{width:34px;height:34px;border-radius:11px;box-shadow:0 0 15px #e3c67b12}.brand-copy{display:flex;flex-direction:column;gap:4px;line-height:1.25}.brand-copy strong{font-size:12px;letter-spacing:.5px;font-weight:650}.brand-copy small{font-size:9px;font-weight:400;letter-spacing:1px;color:#c4b58c}.home-page .brand-copy strong{font-size:15px}.home-page .brand-copy small{font-size:10px}.detail-page .topbar .brand{margin-right:auto}.detail-page .topbar .icon-back{width:32px;flex-shrink:0;padding:5px}.detail-page .gender-current{flex-shrink:0;padding:7px 9px;gap:5px}.detail-page .switch-label{padding-left:6px}.download-page .topbar .brand{margin-left:auto}.home-page,.detail-page,.download-page{isolation:isolate}
.gender-options{gap:16px}.gender-choice{--entry-rgb:122,192,247;position:relative;isolation:isolate;overflow:hidden;gap:7px;border-radius:25px;border:1px solid rgba(var(--entry-rgb),.5);background:linear-gradient(125deg,rgba(var(--entry-rgb),.2),#161d1c 85%);box-shadow:0 0 0 3px rgba(var(--entry-rgb),.045),0 6px 21px rgba(var(--entry-rgb),.08);animation:entry-breathe 3.5s ease-in-out infinite;min-height:72px}.gender-choice.female{--entry-rgb:241,153,194;background:linear-gradient(125deg,rgba(var(--entry-rgb),.2),#23191e 85%);animation-delay:-1.75s}.gender-choice:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(var(--entry-rgb),.18) 48%,transparent 72%);transform:translateX(-120%);animation:entry-shimmer 5s ease-in-out infinite}.gender-choice.female:before{animation-delay:-2.5s}.gender-choice .gender-orb{flex-shrink:0;width:38px;height:38px;background:rgba(var(--entry-rgb),.1)}.gender-choice .gender-orb svg{width:29px;height:29px}.gender-choice strong{font-size:14px;letter-spacing:1px}.gender-choice .enter-cue{display:flex;width:25px;height:25px;flex-shrink:0;align-items:center;justify-content:center;color:rgba(var(--entry-rgb),.95);border-radius:50%;background:rgba(var(--entry-rgb),.08)}.enter-cue svg{width:23px;height:20px}.enter-cue path{animation:entry-direction 1.8s ease-in-out infinite}.enter-cue path+path{animation-delay:.18s}.gender-choice:hover{border-color:rgba(var(--entry-rgb),.9);filter:brightness(1.12)}.gender-choice:active{scale:.96}.gender-choice:focus-visible{outline-color:rgba(var(--entry-rgb),1)}
@keyframes entry-breathe{0%,100%{transform:translateY(0);box-shadow:0 0 0 3px rgba(var(--entry-rgb),.045),0 6px 18px rgba(var(--entry-rgb),.08)}50%{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(var(--entry-rgb),.09),0 0 24px rgba(var(--entry-rgb),.19)}}
@keyframes entry-shimmer{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@keyframes entry-direction{0%,100%{opacity:.45;transform:translateX(-1px)}50%{opacity:1;transform:translateX(2px)}}
@media(max-width:360px){.topbar,.detail-page .topbar{padding-inline:12px;gap:5px}.detail-page .topbar .brand{gap:5px}.topbar .brand img{width:29px;height:29px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:8px;letter-spacing:.5px}.gender-options{gap:12px}.gender-choice{gap:5px}.gender-choice .gender-orb{width:32px;height:32px}.gender-choice strong{font-size:13px}.gender-choice .enter-cue{width:21px}.gender-current .current-symbol svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.gender-choice,.gender-choice:before,.enter-cue path{animation:none!important}.gender-choice{box-shadow:0 0 0 3px rgba(var(--entry-rgb),.1),0 0 18px rgba(var(--entry-rgb),.15)}}
.gender-choice,.gender-choice.female{background:linear-gradient(145deg,#343329,#24261f);border-color:#c6b98755;box-shadow:inset 0 1px #f4e6bd16,0 4px 0 #12150f;animation:entry-soft-float 4.5s ease-in-out infinite;border-radius:24px}
.gender-choice.female{animation-delay:-2.25s}.gender-choice:before{display:none}.gender-choice .gender-orb{background:#b5c8d315;color:#b1c9da;box-shadow:none}.gender-choice.female .gender-orb{background:#d7b9c415;color:#deb9c8}.gender-choice .gender-orb svg{filter:none}.gender-choice .enter-cue{background:#d0bb7620;color:#d5bd82}.enter-cue path{animation:none;opacity:.85}.enter-cue{animation:entry-soft-nudge 3s ease-in-out infinite}.gender-choice.female .enter-cue{animation-delay:-1.5s}.gender-choice:hover{border-color:#e1cb89;filter:brightness(1.06)}
@keyframes entry-soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes entry-soft-nudge{0%,65%,100%{transform:translateX(0)}80%{transform:translateX(2px)}}
.entry-download .tab[aria-expanded=true]{transform:translateY(-2px);background:linear-gradient(145deg,#fff0b9,#edcd7d);border-color:#fff0bf;box-shadow:inset 0 0 0 2px #99763a,0 4px 0 #826737}
.entry-download .tab:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.gender-choice,.enter-cue{animation:none!important}}
.brand-copy small{display:flex;align-items:center;gap:6px}.brand-badge{display:inline-flex;padding:2px 5px;border-radius:5px;background:#d4b87819;border:1px solid #d4b87855;color:#e0c88c;font-size:9px;line-height:1.2;letter-spacing:.5px}.welcome .sub{max-width:310px;margin-inline:auto;text-wrap:pretty}.detail-hero .sub{max-width:360px;margin-inline:auto;text-wrap:pretty}.gender-choice strong{font-size:13px;letter-spacing:0}.gender-choice{gap:6px}.section-head .sub{text-wrap:pretty}
@media(max-width:360px){.gender-choice strong{font-size:12px}.gender-choice{gap:4px}.gender-choice .enter-cue{width:18px}.gender-choice .enter-cue svg{width:19px}.brand-copy small{gap:4px}.brand-badge{font-size:8px}}
body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.welcome h1,.detail-hero h1,.section-head h2,.stories h2,.download-head h1{font-family:inherit;font-weight:650;letter-spacing:.3px;text-wrap:balance}
.welcome h1{font-size:32px;line-height:1.45}.detail-hero h1{font-size:27px;padding-inline:18px}.section-head h2,.stories h2{font-size:25px}
.sub{font-size:14px;line-height:1.85;color:#c8c9be;letter-spacing:0}.welcome .sub{max-width:300px;margin-top:17px}.section-head .sub{margin-top:12px}.detail-hero .sub{padding-inline:24px}
.gender-area h2{font-size:16px;letter-spacing:.5px}.gender-area>small{font-size:12px;line-height:1.7;color:#b0b4a6;letter-spacing:0}
.carousel-hint,.frame-label,.story-progress{font-size:12px;color:#bfc0b0;letter-spacing:0;line-height:1.7}.carousel-hint{padding-inline:18px}.frame-label{margin-top:12px}
.enlarge-btn,.collapse-btn{font-size:13px}.footer .eyebrow{font-size:12px;color:#b8b49f;letter-spacing:.5px}.socials a{font-size:12px;color:#cfbc88}.qq{font-size:13px;color:#c2b99c}.legal{font-size:12px;color:#b3b7a8}.demo-note{font-size:11px;color:#999f90;line-height:1.7}.product-heading p{font-size:12px;line-height:1.6;color:#b7bfaa}.link-row small,.account-note{font-size:12px;color:#bec5b4;line-height:1.75}
.brand-copy small{font-size:10px;color:#d0c29b;letter-spacing:0}.home-page .brand-copy small{font-size:11px}.brand-badge{font-size:10px}.home-page .topbar{gap:12px}.topbar .rating-badge{width:68px;height:35px;object-fit:contain;flex-shrink:0}.home-page .topbar .brand{flex-shrink:1}.home-page .brand-copy small{white-space:nowrap}
.welcome{padding-top:10px}.download-head{padding-top:28px}
@media(max-width:360px){.welcome h1{font-size:30px}.detail-hero h1{font-size:24px}.section-head h2,.stories h2{font-size:23px}.home-page .brand-copy small{font-size:10px}.brand-copy small{font-size:9px}.brand-badge{font-size:9px}.topbar .rating-badge{width:58px;height:32px}.home-page .topbar{gap:7px}.sub{font-size:13px}}
.topbar .rating-badge{width:49px;height:49px;filter:drop-shadow(0 2px 3px #0003)}
.welcome .sub{max-width:none;width:100%;text-align:center;text-wrap:initial}.intro-line{display:block;text-align:center;line-height:1.9}
.welcome>.eyebrow,.section-head>.eyebrow,.download-head>.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.7px;color:#c2ae78;margin-bottom:12px}
.entry-download .tabs{gap:13px}.entry-download .tab[aria-expanded=true]{transform:translateY(-2px) scale(1.04);border-color:#ffe7a1;box-shadow:0 0 0 2px #b79b54,0 0 0 4px #e3bf6120,0 4px 0 #826737;background:linear-gradient(145deg,#fff0b9,#edcd7d)}
@media(max-width:360px){.topbar .rating-badge{width:44px;height:44px}.entry-download .tabs{gap:10px}.welcome>.eyebrow,.section-head>.eyebrow{font-size:9px;letter-spacing:1.2px}}
.brand-badge{background:#f7dd86;color:#27271a;border:1px solid #fff0b8;font-weight:750;font-size:11px;padding:3px 7px;border-radius:7px;box-shadow:0 2px 0 #a28b4e;letter-spacing:.5px}
.welcome .sub{font-family:"YouYuan","幼圆","Yuanti SC","Hiragino Maru Gothic ProN","Microsoft YaHei",sans-serif;font-size:16px;font-weight:600;line-height:1.9;letter-spacing:.3px;color:#e2d8bd}.welcome .intro-line{line-height:1.85}
.gender-area h2{font-family:"YouYuan","幼圆","Yuanti SC","Microsoft YaHei",sans-serif;font-size:17px;font-weight:600;letter-spacing:.5px;color:#e1d5ae}
.gender-choice,.gender-choice.female{min-height:78px;height:78px;border-radius:27px;background:linear-gradient(145deg,#393a30,#282b23);border:1px solid #c6b98765;box-shadow:inset 0 2px #fff4d016,0 5px 0 #13170f;gap:9px}
.gender-choice .gender-orb{width:39px;height:39px;background:#b6cee329;border:1px solid #bad2e52b;color:#c0d8ea}.gender-choice.female .gender-orb{background:#e0bdca24;border-color:#e3c0cc33;color:#eccbd7}.gender-choice .gender-orb svg{width:29px;height:29px}
.gender-choice strong{font-family:"YouYuan","幼圆","Yuanti SC","Microsoft YaHei",sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;color:#f0e5c7}.gender-choice .enter-cue{width:25px;height:25px;background:#dcc27e18;color:#e6ce91}.gender-choice.female .enter-cue{color:#e6ce91}
.gender-choice:hover{background:linear-gradient(145deg,#444335,#303226);border-color:#e6d29a}.gender-choice:active{scale:.97;box-shadow:inset 0 1px #fff4d016,0 2px 0 #13170f}
@media(max-width:360px){.brand-badge{font-size:10px;padding:3px 5px}.welcome .sub{font-size:15px;letter-spacing:0}.gender-area h2{font-size:16px}.gender-choice,.gender-choice.female{gap:6px;min-height:72px;height:72px}.gender-choice .gender-orb{width:33px;height:33px}.gender-choice .enter-cue{width:21px}.gender-choice strong{font-size:15px}}
.topbar .rating-badge{width:64px;height:57px}
.welcome .sub{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:0;color:#c8c9be}
.gender-area h2{display:flex;align-items:center;justify-content:center;gap:10px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:19px;font-weight:650;line-height:1.5;letter-spacing:.5px;color:#eddfb7;margin-bottom:5px}
.gender-area h2:before,.gender-area h2:after{content:'';width:20px;height:1px;flex-shrink:0;background:linear-gradient(90deg,transparent,#c6ad6e)}.gender-area h2:after{transform:rotate(180deg)}
@media(max-width:360px){.topbar .rating-badge{width:60px;height:54px}.welcome .sub{font-size:13px}.gender-area h2{font-size:17px;gap:7px}.gender-area h2:before,.gender-area h2:after{width:12px}}
.topbar .rating-badge{width:34px;height:30px;filter:none}
.gender-options{gap:14px;margin-top:20px}
.gender-choice,.gender-choice.female{height:68px;min-height:68px;padding:9px 10px;display:grid;grid-template-columns:42px 1fr 23px;gap:5px;border-radius:22px;background:linear-gradient(145deg,#414135,#292d24);border:1px solid #c6b98775;box-shadow:inset 0 1px #fff6d52b,inset 0 -2px #11180e55,0 4px 0 #13170f}
.gender-choice .gender-orb,.gender-choice.female .gender-orb{width:42px;height:44px;border-radius:15px;border:1px solid #fff7dd25;box-shadow:inset 0 1px #ffffff38,0 3px 6px #0003;animation:none;transform:rotate(-5deg);background:linear-gradient(140deg,#d5e3e9,#a9c0cb);color:#3c626d}
.gender-choice.female .gender-orb{background:linear-gradient(140deg,#eedce1,#d3b4c0);color:#805768;transform:rotate(5deg)}
.gender-choice .gender-orb svg{width:30px;height:30px}.gender-choice strong{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;font-weight:650;letter-spacing:0}
.gender-choice .enter-cue,.gender-choice.female .enter-cue{width:23px;height:29px;border-radius:10px;background:#ddc58720;color:#efda9e;box-shadow:inset 0 1px #fff1c220}.gender-choice .enter-cue svg{width:21px;height:20px}
.gender-choice:hover .gender-orb{transform:rotate(0deg)}
@media(max-width:360px){.topbar .rating-badge{width:29px;height:26px}.gender-options{gap:12px}.gender-choice,.gender-choice.female{height:64px;min-height:64px;padding:8px;grid-template-columns:35px 1fr 20px;gap:4px}.gender-choice .gender-orb,.gender-choice.female .gender-orb{width:35px;height:39px;border-radius:13px}.gender-choice .gender-orb svg{width:27px;height:27px}.gender-choice strong{font-size:14px}.gender-choice .enter-cue,.gender-choice.female .enter-cue{width:20px;height:26px}}
.detail-page .detail-hero h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:28px;font-weight:600;letter-spacing:1.5px;line-height:1.55;color:#eddaa0}
.detail-page .phone-section h2{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:26px;font-weight:750;letter-spacing:0;line-height:1.5;color:#f0ecde}
.detail-page .stories h2{font-family:"YouYuan","幼圆","Yuanti SC","Hiragino Maru Gothic ProN","Microsoft YaHei",sans-serif;font-size:27px;font-weight:600;letter-spacing:1px;line-height:1.55;color:#dfdfbe}
.detail-page .detail-hero .sub,.detail-page .section-head .sub{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.85;color:#c8c9be}
@media(max-width:360px){.detail-page .detail-hero h1{font-size:24px;letter-spacing:1px}.detail-page .phone-section h2{font-size:23px}.detail-page .stories h2{font-size:24px;letter-spacing:.5px}.detail-page .detail-hero .sub,.detail-page .section-head .sub{font-size:13px}}
.social-mark{width:44px;height:44px;border-radius:14px;border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff20,0 3px 8px #0003}.social-mark img{width:28px;height:28px;object-fit:contain}.social-mark.platform-douyin{background:#161719}.social-mark.platform-douyin img{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}.social-mark.platform-red{background:#f13650}.social-mark.platform-red img{width:34px;height:30px}.social-mark.platform-bilibili{background:#ef81a2}
.qq{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.6}.qq-icon{display:grid;place-items:center;width:27px;height:29px;border-radius:9px;background:#269bd0;flex-shrink:0}.qq-icon img{width:19px;height:22px;object-fit:contain}.qq-number{color:#edd38d;font-weight:650;text-decoration:underline;text-decoration-color:#cfb77388;text-underline-offset:4px;min-height:36px;display:inline-flex;align-items:center;padding:0 2px;letter-spacing:.3px}.qq-number:hover{color:#fff0b8}
.gender-choice strong,.gender-choice .enter-cue{color:#b8d8ed}.gender-choice .enter-cue{background:#9bc4e31c}.gender-choice.female strong,.gender-choice.female .enter-cue{color:#edc0d3}.gender-choice.female .enter-cue{background:#dfacc71c}
.socials{gap:28px}.socials a{gap:6px;font-size:10px;color:#aa9a73;min-width:44px;padding:3px}
.social-mark,.social-mark.platform-douyin,.social-mark.platform-red,.social-mark.platform-bilibili{width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid #b59b5659;box-shadow:none}
.social-mark img,.social-mark.platform-douyin img{width:18px;height:18px;filter:none}.social-mark.platform-red img{width:24px;height:20px}
.socials a:hover .social-mark{border-color:#d1b677;background:#bba3630a}.qq{gap:7px;font-size:12px;color:#b0a385}.qq-icon{width:20px;height:24px;background:transparent;border-radius:0}.qq-icon img{width:17px;height:20px}.qq-number{font-size:12px;font-weight:500;color:#cdb780;text-decoration-color:#a38d594d}.footer .eyebrow{color:#a49c83;font-size:11px}
.entrance-mosaic img{animation:entrance-drift 8s ease-in-out infinite;animation-delay:calc(var(--tile) * -1.1s);transform-origin:center;will-change:transform}.entrance-mosaic img:nth-child(even){animation-direction:reverse}
@keyframes entrance-drift{0%,100%{transform:translateY(-5px) rotate(-.6deg) scale(1.035)}50%{transform:translateY(6px) rotate(.6deg) scale(1.06)}}
.cover-art .cover-card{transition:transform .85s cubic-bezier(.22,.7,.25,1),opacity .65s,filter .65s}
.cover-play{position:absolute;right:10px;bottom:1px;z-index:9;display:grid;place-items:center;width:36px;height:36px;border:1px solid #b39a4b40;border-radius:50%;font-size:15px;color:#c5b17b;background:#b79b4210}.cover-play[hidden]{display:none}
.motion-paused .entrance-mosaic img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.entrance-mosaic img{animation:none!important;transform:none;will-change:auto}.cover-art .cover-card{transition:none!important}}
.cover-art{animation:cover-hover-drift 6s ease-in-out infinite}.cover-card img{animation:cover-image-drift 5s ease-in-out infinite;transform-origin:center}.cover-card:nth-child(even) img{animation-delay:-2.5s}
@keyframes cover-hover-drift{0%,100%{translate:-2px -3px}50%{translate:2px 3px}}
@keyframes cover-image-drift{0%,100%{transform:scale(1.04) translateY(-1px)}50%{transform:scale(1.06) translateY(1px)}}
.cover-thumbs{display:flex;position:relative;gap:10px;padding:9px 18px 15px;margin:0 0 14px;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:18px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.cover-thumbs::-webkit-scrollbar{display:none}
.cover-thumbs button{position:relative;flex:0 0 40px;height:49px;padding:3px;border-radius:14px;border:1px solid #97845170;opacity:.6;background:#28291f;transition:opacity .25s,scale .25s,border-color .25s}.cover-thumbs button img{border-radius:10px;object-fit:cover;object-position:center 20%}.cover-thumbs button span{display:none}.cover-thumbs button[aria-pressed=true]{opacity:1;scale:1.07;border:2px solid #e8ce87;box-shadow:0 0 0 3px #dcc07415}.cover-thumbs button[aria-pressed=true] span{display:grid;place-items:center;position:absolute;right:-4px;bottom:-4px;width:15px;height:15px;background:#edd38f;color:#242217;border-radius:50%;font-size:9px}
.story-track .story-card{animation:story-soft-enter .4s ease-out}@keyframes story-soft-enter{from{translate:9px 0;filter:brightness(.85)}to{translate:0 0;filter:brightness(1)}}
.motion-paused .cover-art,.motion-paused .cover-card img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cover-art,.cover-card img,.story-track .story-card{animation:none!important;translate:none}.cover-thumbs button{transition:none}}
.home-page .brand-copy strong{font-size:13px;letter-spacing:.4px}
.topbar .brand img{width:39px;height:39px;flex-shrink:0;border:1.5px solid #e9c65f;border-radius:12px;padding:2px;background:#10110e;box-shadow:0 0 0 1px #e9c65f20}
@media(max-width:360px){.home-page .brand-copy strong{font-size:12px}.topbar .brand img{width:34px;height:34px;border-radius:10px}}
.home-page .intro-art{isolation:isolate;background:var(--bg)}
.home-page .intro-art::after{z-index:2;inset:-2px;transform:translateZ(0);background:linear-gradient(to top,var(--bg) 0%,var(--bg) 7%,#101110dd 17%,#10111055 40%,transparent 78%)}
.home-page .intro-art::before{content:"";position:absolute;z-index:3;left:0;right:0;bottom:-1px;height:5px;background:var(--bg);pointer-events:none}
.cover-art .cover-card,.cover-art .cover-card[data-offset="0"]{border:0;padding:4px;border-radius:19px;background:#30312a;box-shadow:0 12px 26px #0008;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}
.cover-art .cover-card img{border-radius:15px;animation:none;transform:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cover-art .cover-card:hover{filter:none}
.cover-art .cover-card:focus-visible{outline:2px solid #d8c895;outline-offset:3px}
.detail-back-row{height:48px;padding:9px 18px 0;display:flex;align-items:flex-start}
.detail-back{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:#fff;background:#e5b93e;border:1px solid #f8d66c;box-shadow:0 3px 9px #0003}
.detail-back svg{width:21px;height:21px}.detail-back:active{transform:scale(.94)}
.cover-art .cover-card[data-offset="0"]{background:#dfc888;box-shadow:0 12px 26px #0008}
.home-page .entrance-mosaic img:nth-child(2),.home-page .entrance-mosaic img:nth-child(5),.home-page .entrance-mosaic img:nth-child(8){border:1.5px solid #e5cb87b3;box-shadow:0 0 12px #f1d18b40,0 0 26px #eccb7420;filter:brightness(.93) saturate(.9)}
.detail-back-row{position:absolute;top:10px;left:16px;z-index:12;width:44px;height:44px;padding:0;display:grid;place-items:center}
.detail-back{position:relative;width:44px;height:44px;border:0;background:transparent;box-shadow:none;color:#f4ead2;isolation:isolate}
.detail-back::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#181b16b8;border:1px solid #cbb57880;box-shadow:0 2px 7px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:-1}
.detail-back svg{width:18px;height:18px}.detail-back:hover{filter:none;color:#fff6dd}.detail-back:hover::before{background:#282b22dc;border-color:#dac38b}
.detail-back-row{position:fixed;top:auto;bottom:calc(116px + env(safe-area-inset-bottom,0px));left:max(12px,calc(50% - 218px));width:50px;height:58px;z-index:35}
.detail-back{width:50px;height:58px;display:flex;flex-direction:column;justify-content:center;gap:3px;border-radius:19px;background:#181b16d9;border:1px solid #cbb57880;box-shadow:0 4px 16px #0005;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.detail-back::before{display:none}.detail-back svg{width:17px;height:17px}.detail-back span{font-size:10px;line-height:1.2;letter-spacing:1px;color:#e9d8ae}.detail-back:hover{background:#282b22ed}
body:has(.image-viewer[open]) .detail-back-row{visibility:hidden}
.detail-page .detail-hero h1,.detail-page .phone-section h2,.detail-page .stories h2,.download-head h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:22px;font-weight:700;line-height:1.5;letter-spacing:.3px}
.detail-page .detail-hero .sub,.detail-page .section-head .sub,.welcome .sub{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:400;font-size:14px;line-height:1.85}
@media(max-width:360px){.detail-page .detail-hero h1,.detail-page .phone-section h2,.detail-page .stories h2,.download-head h1{font-size:20px}.detail-page .detail-hero .sub,.detail-page .section-head .sub,.welcome .sub{font-size:13px}}
.cover-art .cover-card[data-offset="0"]{background:var(--cover-tint,#e5ce8b)}
.home-page .entrance-mosaic{position:relative;isolation:isolate}
.home-page .entrance-mosaic img,.home-page .entrance-mosaic img:nth-child(2),.home-page .entrance-mosaic img:nth-child(5),.home-page .entrance-mosaic img:nth-child(8){position:relative;z-index:1;border:0;box-shadow:none;filter:brightness(.8) saturate(.85)}
.home-page .entrance-mosaic::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#d9c89424 35%,#fff1bfcc 49%,#f8df9399 52%,#d9c89424 65%,transparent 85%);background-size:55% 200%;background-repeat:no-repeat;animation:gap-light-travel 7s ease-in-out infinite alternate}
@keyframes gap-light-travel{from{background-position:-120% 0}to{background-position:220% 100%}}
.motion-paused .entrance-mosaic::before{animation-play-state:paused}
.detail-back{border-radius:18px;background:linear-gradient(145deg,#414132eF,#1e241bee);border:1px solid #dcca8f;box-shadow:inset 0 1px 0 #fff2c14d,inset 0 -2px 0 #0003,0 4px 15px #0005;color:#f5df9b;gap:4px}
.detail-back::after{content:"";position:absolute;width:5px;height:5px;border-radius:2px;transform:rotate(45deg);top:6px;right:7px;background:#f6e5b7;box-shadow:0 0 6px #f0d58377}
.detail-back svg{width:21px;height:21px}.detail-back span{font-size:11px;font-weight:600;color:#f0dfb6;letter-spacing:.5px}
@media(prefers-reduced-motion:reduce){.home-page .entrance-mosaic::before{animation:none;background-position:50% 50%}}
.home-page .intro-art{margin-top:14px}
.home-page .entrance-mosaic{gap:8px}
.home-page .entrance-mosaic::before{display:none}
.gap-meteors{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.meteor-tail{fill:none;stroke:#d2f5ff;stroke-width:4;stroke-linecap:round;stroke-dasharray:2 1 5 2 8 82;filter:drop-shadow(0 0 3px #80dfff) drop-shadow(0 0 8px #70a8ff);animation:meteor-orbit var(--speed,2.5s) linear infinite;animation-delay:var(--delay,0s)}
.meteor-1{stroke:#ffe4ff;filter:drop-shadow(0 0 3px #ecaeff) drop-shadow(0 0 8px #a2aaff);animation-direction:reverse}
.meteor-2{stroke:#fff6da;filter:drop-shadow(0 0 4px #c7edff) drop-shadow(0 0 9px #86c4ff)}
@keyframes meteor-orbit{to{stroke-dashoffset:-100}}
.home-page .entrance-mosaic img.entrance-highlight{border:1px solid #e4d7a5b3;box-shadow:0 0 9px #e3d4a330;filter:brightness(.95) saturate(.9)}
.motion-paused .meteor-tail{animation-play-state:paused}
.detail-back-row{width:76px;height:44px;left:max(12px,calc(50% - 218px));bottom:calc(108px + env(safe-area-inset-bottom,0px))}
.detail-back{width:76px;height:44px;flex-direction:row;gap:4px;padding:0 10px 0 7px;border-radius:22px;background:linear-gradient(140deg,#faf0cfee,#d9d7bfee);color:#30372b;border:1px solid #fff4d0;box-shadow:0 3px 12px #0004,inset 0 1px #fff8;backdrop-filter:blur(14px)}
.detail-back::before,.detail-back::after{display:none}.detail-back svg{width:18px;height:18px}.detail-back span{font-size:12px;letter-spacing:1px;color:#30372b;font-weight:650}.detail-back:hover{background:#fff2cf;color:#20291e}.detail-back:focus-visible{outline:2px solid #e8ce87;outline-offset:4px}
.download-page .topbar .brand{margin-left:0;margin-right:auto}
.download-page .detail-back-row{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.download-page .footer{padding-bottom:90px}
@media(prefers-reduced-motion:reduce){.meteor-tail{animation:none;stroke-dashoffset:20}}
.detail-page .detail-back-row{bottom:calc(25px + env(safe-area-inset-bottom,0px))}
.detail-page .floating-wrap{padding-left:100px;padding-right:18px}
.detail-page .floating-cta{font-size:14px!important;letter-spacing:0}
:root{font-family:"YouYuan","幼圆","Yuanti SC","Hiragino Maru Gothic ProN","Microsoft YaHei",sans-serif;font-synthesis:weight}
button,a{font-family:inherit;-webkit-tap-highlight-color:transparent}
.detail-page .detail-hero h1,.detail-page .phone-section h2,.detail-page .stories h2,.download-head h1,.welcome h1{font-family:inherit;font-weight:700}
.detail-page .detail-hero .sub,.detail-page .section-head .sub,.welcome .sub,.download-product p,.link-row strong,.link-row small{font-family:inherit;letter-spacing:.25px}
.sub,.detail-page .detail-hero .sub,.detail-page .section-head .sub{font-size:14px;line-height:1.85;color:#d8d8c9}
.link-row strong{font-size:15px;font-weight:700}.link-row small{font-size:12px;line-height:1.65;color:#bdc0ae}
.gender-choice{--gender:#addaf1;--gender-dark:#263b43;background:linear-gradient(145deg,#30424a99,#1c2525);border-color:#a5cce754;box-shadow:inset 0 1px #d9f3ff20,0 5px 13px #0002}
.gender-choice.female{--gender:#efc1d9;--gender-dark:#493540;background:linear-gradient(145deg,#4c384699,#272025);border-color:#e5b3cd54;box-shadow:inset 0 1px #fff0f720,0 5px 13px #0002}
.gender-choice:hover{filter:none;border-color:var(--gender)}
.gender-choice:active,.gender-choice.female:active{filter:none!important;background:var(--gender-dark)!important;border-color:var(--gender);transform:scale(.965);box-shadow:inset 0 0 18px #ffffff10,0 0 0 3px color-mix(in srgb,var(--gender) 15%,transparent)}
.gender-choice strong,.gender-choice.female strong{font-family:inherit;font-size:15px;font-weight:700}
.gender-choice .gender-orb{animation:choice-float 4s ease-in-out infinite}.gender-choice.female .gender-orb{animation-delay:-2s}
@keyframes choice-float{50%{translate:0 -3px}}
.gender-current{--gender:#b5dced;border-color:#9fcbd345!important;color:var(--gender);background:linear-gradient(140deg,#243738aa,#19252288);border-radius:22px!important;box-shadow:inset 0 1px #ffffff0d}
.gender-current.female{--gender:#edc3d9;border-color:#d9a6c245!important;background:linear-gradient(140deg,#42313e99,#251c2688)}
.gender-current .current-symbol svg{width:22px;height:22px;color:var(--gender)}
.gender-current .switch-label{border:0;padding:0!important;font-size:12px;color:var(--gender)}.switch-cycle{width:14px;height:14px;opacity:.8;margin-left:2px}.gender-current:active .switch-cycle{transform:rotate(120deg);transition:transform .35s}
.link-row{border:1px solid #d8c38b26;border-radius:18px;background:linear-gradient(115deg,#2b3025c9,#1c211bcc);padding:14px 15px;box-shadow:inset 0 1px #fff4cc08;transition:transform .18s,border-color .18s,background .18s}
.link-row .arrow{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#e4cf9220;color:#edda9f;border:1px solid #e3cf9240}.link-row .arrow svg{width:16px;height:16px}.link-row:hover{filter:none;border-color:#ddc58b77;background:#30372b}.link-row:active{transform:scale(.982)}
.download-tabs .tab{border-radius:18px;background:#292e234d;color:#ddd7bd;border:1px solid #cdbb8440}.download-tabs .tab[aria-selected=true]{background:linear-gradient(135deg,#fff0b3,#e7cc83);color:#272b20;box-shadow:0 3px 0 #806e3d,0 0 0 3px #e6ce8d14;border-color:#fff0bd}
.single-comet{fill:none;stroke-linecap:round;stroke-dasharray:.85 99.15;filter:drop-shadow(0 0 3px #bedfff) drop-shadow(0 0 6px #b4b4ff);animation:single-comet-lap 4s linear infinite}
@keyframes single-comet-lap{from{stroke-dashoffset:calc(var(--trail) * .64)}to{stroke-dashoffset:calc(-100 + var(--trail) * .64)}}
.single-comet:first-of-type{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px #b2e7ff)}
.motion-paused .single-comet{animation-play-state:paused}
.cover-art .cover-card{transition:background .8s,box-shadow .8s!important;padding:4px;overflow:hidden}
.cover-art .cover-card[data-offset="0"]{background:linear-gradient(145deg,#fffce9,var(--cover-tint) 22%,color-mix(in srgb,var(--cover-tint) 65%,#fff) 48%,var(--cover-tint) 78%,#fff4ce);box-shadow:0 0 0 1px color-mix(in srgb,var(--cover-tint) 35%,transparent),0 0 20px color-mix(in srgb,var(--cover-tint) 18%,transparent),0 16px 30px #0008}
.cover-card::after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;background:conic-gradient(from var(--edge-angle,0deg),transparent 65%,#ffffffdf 73%,transparent 81%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:0}
@property --edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.cover-card[data-offset="0"]::after{opacity:.8;animation:edge-shimmer 6s linear infinite}
@keyframes edge-shimmer{to{--edge-angle:360deg}}
.cover-card img{position:relative;z-index:1;box-shadow:0 0 0 1px #ffffff20}
.cover-art{animation:none;perspective:1000px}
.phone-stage{perspective:1000px;height:465px;overflow:hidden}.phone.orbit-phone{left:50%;top:25px;width:205px;height:396px;transition:none;will-change:transform;transform:translateX(-50%);opacity:0}
.phone.orbit-phone.center{opacity:1;border-color:#d9c897;box-shadow:0 0 0 2px #e4cc871c,0 20px 32px #0008}
.frame-label{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dcc9942b;padding:5px 13px;border-radius:20px;color:#d1c7a7;font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:11px;margin-top:12px}
.frame-label::before{content:"";width:21px;height:3px;border-radius:5px;background:linear-gradient(90deg,#f0d991,#aaac8b)}
.phone-section .carousel-hint{font-size:11px;color:#b2b5a2;letter-spacing:.5px}.frame-dots{gap:3px}.frame-dots .dot{min-width:25px}.frame-dots .dot:after{width:6px;height:6px;border-radius:5px;box-shadow:none}.frame-dots .dot.active:after{width:18px;background:#f0d68d}
.detail-back{font-family:inherit}.detail-back span{font-size:12px}
@media(max-width:360px){.detail-page .detail-hero h1,.detail-page .phone-section h2,.detail-page .stories h2{font-size:20px}.phone.orbit-phone{width:188px;height:365px}.phone-stage{height:425px}}
@media(prefers-reduced-motion:reduce){.single-comet,.cover-card[data-offset="0"]::after,.gender-choice .gender-orb{animation:none!important}.cover-art .cover-card{transition:none!important}}
.home-page .intro-art{height:380px}.home-page .entrance-mosaic{height:415px}
.home-page .gap-meteors{z-index:2;mix-blend-mode:screen;opacity:1}
.single-comet{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #8cdaff) drop-shadow(0 0 12px #acafff);animation-duration:3.3s}
.single-comet:first-of-type{stroke-width:6!important;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 12px #d2f9ff)}
.gender-choice{--press-fill:#b9dfef;--press-ink:#26434f}.gender-choice.female{--press-fill:#efc4dc;--press-ink:#57364b}
.gender-choice:active,.gender-choice.female:active,.gender-choice.is-entering,.gender-choice.female.is-entering{background:linear-gradient(130deg,#fff8,var(--press-fill))!important;border-color:#fff4!important;filter:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--press-fill) 24%,transparent),0 0 22px color-mix(in srgb,var(--press-fill) 25%,transparent),inset 0 1px #fffa;transform:scale(.97)}
.gender-choice:active strong,.gender-choice.is-entering strong,.gender-choice:active .enter-cue,.gender-choice.is-entering .enter-cue{color:var(--press-ink)!important}.gender-choice.is-entering .gender-orb{animation:none;transform:rotate(0deg) scale(1.06)}
.cover-art .cover-card[data-offset="0"]{padding:5px;background:linear-gradient(125deg,#fff8df 0%,var(--cover-tint) 18%,#fffef3 34%,var(--cover-tint) 54%,color-mix(in srgb,var(--cover-tint) 55%,#8d91fa) 75%,#fff4ce);box-shadow:0 0 0 1px #fff2,0 0 0 4px color-mix(in srgb,var(--cover-tint) 12%,transparent),0 0 25px color-mix(in srgb,var(--cover-tint) 40%,transparent),0 0 48px color-mix(in srgb,var(--cover-tint) 15%,transparent),0 18px 30px #0009}
.cover-card[data-offset="0"]::after{z-index:4;border-width:2px;opacity:1;animation-duration:3.2s;filter:drop-shadow(0 0 3px #fff8)}
.cover-card[data-offset="0"]::before{content:"";position:absolute;inset:1px;z-index:4;border-radius:inherit;background:radial-gradient(ellipse 11px 3px at 13% 1%,#fff,transparent),radial-gradient(ellipse 3px 11px at 13% 1%,#fff,transparent),radial-gradient(ellipse 10px 3px at 99% 83%,#ffffe8,transparent);pointer-events:none;box-shadow:inset 0 0 0 1px #fff5}
.phone.orbit-phone{transform-origin:50% 55%;top:31px}
@media(max-width:360px){.home-page .intro-art{height:340px}.home-page .entrance-mosaic{height:375px}}
.home-page .gap-meteors .meteor-tail{stroke:#efffff;stroke-width:5.5;stroke-dasharray:2 1 5 2 8 82;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #96eaff) drop-shadow(0 0 14px #83bfff);animation:meteor-orbit 2.6s linear infinite;animation-delay:0s}
.detail-page .topbar .gender-current{position:relative;min-width:58px;min-height:44px;padding:7px 10px;gap:6px;border-radius:18px!important;background:linear-gradient(135deg,#243c3ed9,#192322c9);box-shadow:inset 0 1px #e5faff15,0 2px 7px #0002}
.detail-page .topbar .gender-current.female{background:linear-gradient(135deg,#483341c9,#281e2bc9)}
.gender-current .current-symbol svg{width:24px;height:24px}.gender-current .switch-cycle{width:15px;height:15px;margin:0;opacity:.85}.gender-current:hover{filter:none;border-color:var(--gender)!important}.gender-current:active{transform:scale(.96)}
.motion-paused .gap-meteors .meteor-tail{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.home-page .gap-meteors .meteor-tail{animation:none!important}}
.comet-ribbon,.comet-spark{fill:none;stroke-linecap:round;animation:rainbow-lap 2.1s linear infinite;filter:drop-shadow(0 0 3px #b9dcff) drop-shadow(0 0 7px #b7b2ff)}
.comet-ribbon{stroke-dasharray:.8 99.2}.comet-ribbon:first-child{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 11px #a8e9ff)}
.comet-spark{stroke-dasharray:.06 99.94;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #e0c7ff);animation:rainbow-lap 2.1s linear infinite,spark-breathe .85s ease-in-out infinite alternate;animation-delay:0s,var(--spark-delay)}
@keyframes rainbow-lap{from{stroke-dashoffset:var(--lag)}to{stroke-dashoffset:calc(-100 + var(--lag))}}
@keyframes spark-breathe{from{opacity:.5}to{opacity:1}}
.gender-current .switch-cycle{width:14px;height:14px;opacity:.65;stroke-width:1.7}.gender-current:active .switch-cycle{transform:translateX(2px);transition:transform .18s}.detail-page .topbar .gender-current{gap:7px;border-radius:20px!important;box-shadow:inset 0 1px #ffffff0c}
.footer{position:relative;border-top:0;margin-top:26px;padding-top:30px!important;background:linear-gradient(180deg,#24281d40,transparent 75%)}
.footer::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,#d9c28728,#dcc38bba 20%,#dcc38bba 80%,#d9c28728)}
.footer .eyebrow{font-family:inherit;font-size:12px;letter-spacing:1px;color:#cec2a2;margin-bottom:20px}
.footer .socials{display:grid;grid-template-columns:repeat(3,1fr);max-width:300px;margin:auto;gap:12px}
.footer .socials a{min-height:64px;gap:8px;font-size:11px;color:#c2b798;padding:0 4px;justify-content:center}
.footer .social-mark{width:33px;height:33px;border-color:#bfa87366}.footer .social-mark img{width:17px;height:17px}.footer .social-mark.platform-red img{width:23px;height:19px}
.footer .qq{display:flex;width:fit-content;max-width:100%;margin:22px auto 0;padding:7px 13px;gap:7px;border:1px solid #c9b68030;border-radius:13px;background:#c9b68008;font-size:11px;line-height:1.5;color:#c3b89a}
.footer .qq-number{font-size:12px;color:#e3d09e;min-height:28px;font-variant-numeric:tabular-nums;font-weight:600}.footer .qq-icon{width:17px;height:21px}.footer .qq-icon img{width:15px;height:18px}
.footer .legal{gap:0;margin-top:19px;color:#a9ad99;font-size:10px}.footer .legal a{padding:7px 14px;position:relative}.footer .legal a+a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#b6b59b33}
@media(max-width:360px){.footer .socials{gap:8px}.footer .qq{padding-inline:9px;gap:5px}.footer .qq-number{font-size:11px}}
.motion-paused .comet-ribbon,.motion-paused .comet-spark{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.comet-ribbon,.comet-spark{animation:none!important;stroke-dashoffset:var(--lag)}}
.home-page .live-comet{z-index:3;mix-blend-mode:screen;overflow:visible}
.comet-route{fill:none;stroke:none}.comet-orbit-dot{filter:drop-shadow(0 0 3px #b6dbff)}.comet-orbit-dot:nth-of-type(1){filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 9px #a2e8ff)}.comet-orbit-spark{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #d8bdff)}
.brand-name-row{display:flex;align-items:center;gap:6px;white-space:nowrap}.brand-name-row .brand-badge{font-size:9px;padding:2px 5px;line-height:1.25;border-radius:5px;box-shadow:none;letter-spacing:0;font-weight:700}.brand-copy small{display:block}
.detail-page .topbar .gender-current{min-width:44px;width:44px;height:44px;padding:9px;display:grid;place-items:center;border-radius:16px!important}
.gender-current .current-symbol{display:grid;place-items:center;animation:gender-nudge 6s ease-in-out infinite;transform-origin:50% 65%}.gender-current .current-symbol svg{width:26px;height:26px}
@keyframes gender-nudge{0%,84%,100%{transform:rotate(0)}87%{transform:rotate(-11deg)}90%{transform:rotate(10deg)}93%{transform:rotate(-7deg)}96%{transform:rotate(4deg)}}
.motion-rail{display:block;width:106px;height:4px;overflow:hidden;border-radius:8px;background:#d7c89c22;box-shadow:inset 0 1px #0002}.motion-rail i{display:block;width:20%;height:100%;border-radius:8px;background:linear-gradient(90deg,#b8c5a4,#f7e1a0,#cbbdea);box-shadow:0 0 5px #efdc9b55;will-change:transform}
.cover-progress{bottom:17px;line-height:0}.cover-progress .motion-rail{width:66px;height:3px}
#frame-count.frame-label,#story-count.story-progress{display:block;border:0;background:transparent;padding:0;margin:17px auto 0;width:106px;height:4px;line-height:0;box-shadow:none}#frame-count::before{display:none}
.gender-area{padding-bottom:26px}
@media(max-width:360px){.brand-name-row{gap:4px}.brand-name-row .brand-badge{font-size:8px;padding:2px 4px}.detail-page .topbar .gender-current{width:42px;min-width:42px}}
.motion-paused .gender-current .current-symbol{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.gender-current .current-symbol{animation:none!important}}
.home-page .intro-art>.live-comet{position:absolute;left:-5%;top:-13px;width:110%;height:415px;transform:rotate(-5deg);z-index:4;pointer-events:none}
@media(max-width:360px){.home-page .intro-art>.live-comet{height:375px}}
.section-divider{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 24px 21px;color:#c9b990;font:10px/1.6 Arial,sans-serif;letter-spacing:2px;text-align:center;font-weight:500}
.section-divider::before,.section-divider::after{content:"";height:1px;width:34px;flex-shrink:0;background:linear-gradient(90deg,transparent,#c6b48170)}.section-divider::after{transform:rotate(180deg)}
.entry-divider{margin:2px 24px 21px;letter-spacing:2.3px}.detail-hero>.section-divider{padding-top:22px;margin-bottom:5px}.phone-section .section-divider,.stories .section-divider{margin-inline:0;margin-bottom:17px}.footer>.section-divider{margin-bottom:15px;font-size:9px;letter-spacing:2px}
.brand-name-row{gap:7px;align-items:center}.brand-name-row .brand-badge{font-size:10px;line-height:1.25;padding:3px 6px;border-radius:6px;background:linear-gradient(125deg,#fff4bf,#efd282);border:1px solid #fff0b5;color:#343323;font-weight:750;box-shadow:0 2px 0 #8e764b66,0 0 8px #e5c96d10;letter-spacing:.5px}
.brand-name-row .brand-badge::before{content:none}
.motion-rail{width:200px;height:5px;background:#d7c89c30}.motion-rail i{background:linear-gradient(90deg,#c5d6ae,#ffe3a0,#d8c5ef)}
.cover-progress .motion-rail{width:172px;height:5px}.cover-progress{bottom:17px}.cover-stage .cover-arrow.left{left:calc(50% - 137px)}.cover-stage .cover-arrow.right{right:calc(50% - 137px)}
#frame-count.frame-label,#story-count.story-progress{width:200px;height:5px;margin-top:22px}#frame-count .motion-rail{width:200px;height:5px}
.phone-actions{display:flex;align-items:center;justify-content:center;gap:12px;width:226px;margin:0 auto;padding:6px;border:1px solid #c9b47b38;border-radius:24px;background:#23291e9c;box-shadow:inset 0 1px #fff5d00a}
.phone-actions .circle-btn{width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;padding:8px;background:#d9c59015;border:1px solid #d9c59040;color:#ecdaaa;box-shadow:none}.phone-actions svg{width:16px;height:16px}.phone-actions .enlarge-btn{border:0;background:none;box-shadow:none;padding:5px 9px;min-height:34px;margin:0;font-size:12px;letter-spacing:.5px;color:#f1dfb1}.phone-actions button:disabled{opacity:.3;cursor:default}
.phone-section .carousel-hint{margin-top:13px;color:#9fa58f;font-size:10px}.phone-section .phone-stage{margin-bottom:0}
.story-track .continuous-story{position:absolute;left:50%;top:36px;width:25%;height:232px;padding:0;border-radius:14px;border:1px solid #b8a46b66;animation:none;transition:none;will-change:transform;transform:translateX(-50%);opacity:0;box-shadow:0 12px 20px #0007,0 0 12px color-mix(in srgb,#dfc890 var(--glow-strength,0%),transparent)}
.story-track .continuous-story[aria-pressed=true]{border-color:#b8a46b66}.story-track .continuous-story::after{content:"";position:absolute;inset:0;border:2px solid #ead398;border-radius:inherit;opacity:var(--focus,0);pointer-events:none}.story-track .continuous-story img{border-radius:12px}
.cover-art .cover-card,.cover-art .cover-card[data-offset="0"]{padding:5px;background:#373a30;transition:none!important;box-shadow:0 0 24px color-mix(in srgb,var(--cover-tint) var(--glow-strength,0%),transparent),0 14px 25px #0008}
.cover-art .cover-card::before,.cover-art .cover-card[data-offset="0"]::before{content:"";position:absolute;inset:0;z-index:3;border:5px solid transparent;border-radius:inherit;background:linear-gradient(125deg,#ffffe9,var(--cover-tint) 25%,#fffaf2 42%,var(--cover-tint) 65%,#cbbcea) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:var(--focus,0);box-shadow:none;pointer-events:none}
.cover-art .cover-card::after,.cover-art .cover-card[data-offset="0"]::after{z-index:4;inset:0;border-width:2px;opacity:var(--focus,0);animation:edge-shimmer 3.2s linear infinite;filter:drop-shadow(0 0 2px #fff8)}
.phone.orbit-phone,.phone.orbit-phone.center{border-color:#b9b99b;box-shadow:0 0 18px color-mix(in srgb,#e4ce93 var(--glow-strength,0%),transparent),0 20px 32px #0008}
@media(max-width:360px){.brand-name-row{gap:5px}.brand-name-row .brand-badge{font-size:9px;padding:3px 5px}.section-divider{font-size:9px;letter-spacing:1.5px;gap:10px}.section-divider::before,.section-divider::after{width:25px}.cover-progress .motion-rail{width:154px}.cover-stage .cover-arrow.left{left:calc(50% - 128px)}.cover-stage .cover-arrow.right{right:calc(50% - 128px)}.story-track .continuous-story{height:208px;top:32px}}
@media(prefers-reduced-motion:reduce){.cover-art .cover-card::after{animation:none!important}}
.brand-copy .brand-subtitle{display:flex;align-items:center;gap:5px;white-space:nowrap;margin-top:4px;font-size:9px}
.brand-subtitle .brand-badge{display:inline-block;flex-shrink:0;font-size:9px;line-height:1.3;padding:2px 4px;border:1px solid #ddc67588;border-radius:4px;color:#f4df96;background:#3b3422;box-shadow:none;letter-spacing:0;font-weight:700}
.brand-subtitle .brand-badge::before,.brand-subtitle .brand-badge::after{content:none}
.product-heading img.island-logo,.island-label img.island-logo{border:2px solid #73c7ff;border-radius:12px;box-shadow:0 0 0 2px #73c7ff20;box-sizing:border-box}
.home-page .intro-art>.live-comet{left:0;top:0;width:100%;height:100%;transform:none}
.brand-subtitle .brand-badge{background:#f7dd86;color:#27271a;border:1px solid #fff0b8;font-weight:750;font-size:11px;padding:3px 7px;border-radius:7px;box-shadow:0 2px 0 #a28b4e;letter-spacing:.5px;line-height:1.2}
@media(max-width:360px){.brand-subtitle .brand-badge{font-size:10px;padding:3px 5px}}
.home-page .intro-art{overflow:hidden;border:0;outline:0;background:#101110}
.home-page .intro-art::after{inset:-2px;bottom:-4px;background:linear-gradient(to top,#101110 0%,#101110 9%,#101110dd 20%,#10111055 42%,transparent 78%)}
.home-page .intro-art::before{z-index:6;bottom:0;height:12px;background:#101110;transform:none}
.home-page .welcome{position:relative;z-index:5;margin-top:-2px;background:#101110}
.home-page .gender-choice .gender-orb svg{animation:entry-symbol-shake 2.8s ease-in-out infinite;transform-origin:50% 60%}
.home-page .gender-choice.female .gender-orb svg{animation-delay:-1.4s}
@keyframes entry-symbol-shake{0%,65%,100%{transform:rotate(0) scale(1)}68%{transform:rotate(-17deg) scale(1.08)}71%{transform:rotate(16deg) scale(1.1)}74%{transform:rotate(-13deg) scale(1.08)}77%{transform:rotate(11deg) scale(1.08)}80%{transform:rotate(-7deg) scale(1.04)}84%{transform:rotate(0) scale(1)}}
.motion-paused .gender-orb svg{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.home-page .gender-choice .gender-orb svg{animation:none!important}}
.product-heading img:not(.island-logo),.island-label img:not(.island-logo){border:2px solid #e5c454;border-radius:12px;padding:2px;background:#11120f;box-shadow:0 0 0 2px #ead68b26,inset 0 0 0 1px #fff0b326;box-sizing:border-box;object-fit:contain}
.story-track .continuous-story.comic-story{width:30%;height:244px;top:32px;border:0;border-radius:18px;background:transparent;overflow:visible;isolation:isolate;padding:0;box-shadow:none;text-align:left}
.story-track .comic-story::after{display:none}
.comic-backing{position:absolute;inset:2px -5px -6px 3px;border:1px solid #bca66d88;border-radius:17px 21px 15px 20px;background:radial-gradient(#cbb68055 .7px,transparent .9px) 0 0/5px 5px,#171711;transform:translate(calc(2px + var(--focus,0)*3px),3px) rotate(3deg);box-shadow:4px 7px 0 #0009;z-index:0;pointer-events:none}
.comic-window{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 5px;border:3px solid #c9b681;border-radius:17px;background:linear-gradient(145deg,#302c21,#11130f 60%);box-shadow:inset 0 0 0 1px #fff2bb50,0 10px 18px #0009,0 0 20px color-mix(in srgb,#f4d787 var(--glow-strength,0%),transparent);overflow:hidden;z-index:1}
.comic-window::after{content:"";position:absolute;inset:-1px;border:3px solid #fff0ba;border-radius:inherit;opacity:var(--focus,0);pointer-events:none}
.comic-titlebar{height:21px;flex:0 0 21px;display:flex;align-items:center;gap:4px;padding:0 4px;pointer-events:none}
.comic-titlebar i{height:4px;width:4px;border-radius:50%;background:#e9d49a}.comic-titlebar b{height:3px;width:24px;border-radius:4px;background:#e9d49a66;margin-right:auto}
.comic-screen{display:block;position:relative;flex:1;min-height:0;border:1px solid #e9d49a66;border-radius:8px;overflow:hidden;background:#101110}
.story-track .comic-story .comic-screen img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:top;transform:none;pointer-events:none}
.comic-foot{display:flex;align-items:center;justify-content:space-between;height:19px;flex:0 0 19px;padding:0 5px;color:#e7cf8e;pointer-events:none}
.comic-foot i{width:27px;height:7px;background:repeating-linear-gradient(125deg,transparent 0 3px,#d8bf7866 3px 5px);border-radius:3px}.comic-foot b{font-size:12px;line-height:1;font-weight:400}
.comic-spark{position:absolute;right:-7px;top:-8px;z-index:3;color:#fff0bc;font-size:21px;line-height:1;text-shadow:0 2px #191b12,1px 0 #191b12;opacity:calc(.22 + var(--focus,0)*.78);transform:scale(calc(.8 + var(--focus,0)*.2));pointer-events:none}
.story-track .comic-story:focus-visible{outline:2px solid #fff0ba;outline-offset:9px}
@media(max-width:360px){.story-track .continuous-story.comic-story{height:220px;top:30px}.comic-window{padding-inline:4px}.comic-titlebar{height:18px;flex-basis:18px}.comic-foot{height:17px;flex-basis:17px}}
.motion-rail,.cover-progress .motion-rail,#frame-count .motion-rail{height:8px;border-radius:999px}
.motion-rail i{width:32%;border-radius:999px;box-shadow:inset 0 1px 1px #fff9,0 0 6px #efdc9b55}
#frame-count.frame-label,#story-count.story-progress{height:8px}
.comic-story{--comic-tint:#ead398}
.comic-window{border-color:var(--comic-tint);background:linear-gradient(145deg,color-mix(in srgb,var(--comic-tint) 17%,#171715),#11130f 65%);box-shadow:inset 0 0 0 1px #fff4,0 10px 18px #0009,0 0 20px color-mix(in srgb,var(--comic-tint) var(--glow-strength,0%),transparent)}
.comic-window::after{border-color:color-mix(in srgb,var(--comic-tint) 65%,white)}
.comic-backing{border-color:var(--comic-tint);background:radial-gradient(color-mix(in srgb,var(--comic-tint) 40%,transparent) .8px,transparent 1px) 0 0/5px 5px,#131412}
.comic-titlebar i,.comic-titlebar b{background:var(--comic-tint)}.comic-foot,.comic-spark{color:var(--comic-tint)}
.comic-foot i{background:repeating-linear-gradient(125deg,transparent 0 3px,var(--comic-tint) 3px 5px);opacity:.7}
.comic-story[data-shell="1"] .comic-window{border-radius:5px 23px 6px 18px;border-width:4px;padding:0 4px}
.comic-story[data-shell="1"] .comic-backing{inset:7px -7px -7px 2px;border-radius:2px 25px 3px 18px;transform:rotate(-5deg);background:var(--comic-tint);box-shadow:5px 5px 0 #050604}
.comic-story[data-shell="1"] .comic-titlebar{height:15px;flex-basis:15px;justify-content:flex-end}.comic-story[data-shell="1"] .comic-titlebar b{margin:0;width:40%;transform:skewX(-25deg)}
.comic-story[data-shell="1"] .comic-screen{border-radius:3px 10px 3px 9px}.comic-story[data-shell="1"] .comic-spark{left:-9px;right:auto;top:15px}
.comic-story[data-shell="2"] .comic-window{border-radius:14px 8px 15px 9px;padding:6px 5px 0;background:var(--comic-tint)}
.comic-story[data-shell="2"] .comic-titlebar{display:none}.comic-story[data-shell="2"] .comic-screen{border:2px solid #1d201a;border-radius:7px}
.comic-story[data-shell="2"] .comic-foot{height:28px;flex-basis:28px;color:#22251d}.comic-story[data-shell="2"] .comic-foot i{height:4px;width:36px;background:#22251d;border-radius:5px;opacity:1}
.comic-story[data-shell="2"] .comic-backing{inset:0 -4px -5px 6px;background:#080a08;transform:rotate(5deg);border-width:2px}.comic-story[data-shell="2"] .comic-spark{top:-9px;right:6px;color:#fff4d1}
.comic-story[data-shell="3"] .comic-window{border-radius:22px 16px 22px 5px;border-width:3px;padding:0 6px}
.comic-story[data-shell="3"] .comic-titlebar{height:26px;flex-basis:26px}.comic-story[data-shell="3"] .comic-titlebar b{height:8px;width:33px;border-radius:5px 5px 5px 0;transform:rotate(-7deg)}
.comic-story[data-shell="3"] .comic-titlebar i{display:none}.comic-story[data-shell="3"] .comic-foot{justify-content:center}.comic-story[data-shell="3"] .comic-foot i{display:none}
.comic-story[data-shell="3"] .comic-backing{inset:-3px -6px -8px 5px;border:2px solid var(--comic-tint);border-radius:23px 19px 24px 3px;transform:rotate(-4deg)}
.comic-story .comic-spark{display:none}.comic-story .comic-backing{background:#171915;box-shadow:3px 5px 9px #0007;transform:translate(3px,3px);border:1px solid color-mix(in srgb,var(--comic-tint) 40%,#222);border-radius:18px}
.comic-story .comic-window{border-radius:17px;border:3px solid var(--comic-tint);background:#19201d;padding:0 5px;box-shadow:inset 0 1px 2px #fff6,0 12px 20px #0008,0 0 16px color-mix(in srgb,var(--comic-tint) var(--glow-strength),transparent)}
.comic-foot i{background:var(--comic-tint);width:24px;height:3px;border-radius:9px}.comic-foot b{display:none}.comic-foot{justify-content:center}
.comic-story[data-shell="1"] .comic-window{border-radius:9px;border-width:0;padding:8px 7px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--comic-tint) 65%,white),var(--comic-tint))}
.comic-story[data-shell="1"] .comic-titlebar{display:none}.comic-story[data-shell="1"] .comic-screen{border:1px solid #0004;border-radius:4px;box-shadow:0 1px 3px #0004}
.comic-story[data-shell="1"] .comic-foot{height:34px;flex-basis:34px;justify-content:center}.comic-story[data-shell="1"] .comic-foot i{background:#36393066;width:38px;height:3px}
.comic-story[data-shell="1"] .comic-backing{inset:4px -2px -3px 3px;background:#ddd1be;border:0;border-radius:8px;transform:rotate(2deg)}
.comic-story[data-shell="2"] .comic-window{border-radius:5px 15px 15px 5px;border:0;padding:9px 7px 9px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--comic-tint) 55%,#383747) 0 7px,var(--comic-tint) 8px 13px,#f0e6ce 14px)}
.comic-story[data-shell="2"] .comic-titlebar{display:none}.comic-story[data-shell="2"] .comic-screen{border:1px solid #5a524a55;border-radius:3px 8px 8px 3px}
.comic-story[data-shell="2"] .comic-foot{position:absolute;top:0;right:12px;width:10px;height:22px;background:var(--comic-tint);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}.comic-story[data-shell="2"] .comic-foot i{display:none}
.comic-story[data-shell="2"] .comic-backing{inset:4px -5px -5px 8px;transform:none;border:1px solid #c3b9a2;border-radius:4px 13px 13px 4px;background:repeating-linear-gradient(0deg,#d2c8b2 0 1px,#faf0da 1px 3px);box-shadow:3px 6px 10px #0007}
.comic-story[data-shell="3"] .comic-window{border-radius:25px;border:0;padding:13px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--comic-tint) 65%,white),var(--comic-tint) 38%,color-mix(in srgb,var(--comic-tint) 60%,#45404b));box-shadow:inset 2px 3px 3px #fff8,inset -3px -4px 5px #0004,0 13px 23px #0008,0 0 18px color-mix(in srgb,var(--comic-tint) var(--glow-strength),transparent)}
.comic-story[data-shell="3"] .comic-titlebar,.comic-story[data-shell="3"] .comic-foot{display:none}.comic-story[data-shell="3"] .comic-screen{border:3px solid #252b2a;border-radius:14px;box-shadow:0 1px 1px #fff9,inset 0 3px 8px #0008}
.comic-story[data-shell="3"] .comic-backing{inset:3px -4px -4px 4px;border:0;border-radius:25px;background:color-mix(in srgb,var(--comic-tint) 45%,#292c2b);transform:none}
.motion-rail{position:relative;overflow:visible;touch-action:none;cursor:ew-resize}
.motion-rail input{position:absolute;inset:-18px 0;width:100%;height:44px;margin:0;opacity:0;cursor:ew-resize;touch-action:none}
.motion-rail:focus-within{outline:2px solid #f6df9a;outline-offset:7px}
.cover-arrow,.story-controls [data-story-step]{display:none!important}
.cover-progress .motion-rail{width:200px}
@media(max-width:360px){.cover-progress .motion-rail{width:180px}}
.motion-rail i{position:relative;height:12px;top:-2px;border-radius:999px;background:linear-gradient(180deg,#fff4d5,#ead7a2);border:1px solid #fff4ce;box-shadow:0 2px 4px #0006,inset 0 1px #fff,0 0 4px #f3dfa52b}
.motion-rail i::after{content:"";position:absolute;right:2px;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:50%;background:linear-gradient(145deg,#fffdf0,#e6d5a8);border:1px solid #fff7db;box-shadow:-1px 0 2px #8a764333,0 1px 2px #0003}
.motion-rail input{z-index:2}
.frame-picker{display:flex;justify-content:center;align-items:center;gap:3px;min-height:32px;margin:-4px auto 10px;position:relative;z-index:5}
.frame-picker:empty{display:none}.frame-picker button{width:30px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:16px;background:transparent;box-shadow:none}
.frame-picker button span{display:block;width:7px;height:7px;border-radius:9px;background:#b8b29b55;transition:width .18s,background .18s}
.frame-picker button[aria-pressed=true] span{width:23px;height:8px;background:#eddaa2;box-shadow:inset 0 1px #fff6}
.phone-actions{display:flex;justify-content:center;width:auto;margin:0 auto;padding:0;background:none;border:0;box-shadow:none;border-radius:0}
.phone-actions .enlarge-btn,.story-controls .enlarge-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:10px 23px;border:1px solid #d9c58c55;border-radius:25px;background:#20261bc0;box-shadow:inset 0 1px #fff4cf0a;color:#ead9a9;font-size:12px;letter-spacing:.3px}
#frame-count.frame-label,#story-count.story-progress{margin-top:24px;margin-bottom:12px}
.phone-section .group-tabs{margin-bottom:6px}.phone-section .phone-stage{margin-top:8px}
@media(prefers-reduced-motion:reduce){.frame-picker button span{transition:none}}
.frame-picker{gap:2px;flex-wrap:wrap;padding-inline:24px;margin-top:0}
.frame-picker button{width:38px;height:44px;touch-action:manipulation}
.frame-picker button span{width:9px;height:9px;background:#b8b29b99}
.frame-picker button[aria-pressed=true] span{width:26px;height:10px}
.image-viewer[open]{display:flex;flex-direction:column}
.image-viewer header{flex:0 0 62px}
.image-viewer .viewer-scroll{height:auto;min-height:0;flex:1 1 auto}
.viewer-navigation{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#171c15;border-top:1px solid #d5bc7140}
.viewer-navigation button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid #eed89870;background:linear-gradient(145deg,#f6e3ab,#ddc486);box-shadow:inset 0 1px #fff8,0 2px 5px #0003;color:#302b1e;font-size:13px;font-weight:650;touch-action:manipulation}
.viewer-navigation button svg{width:18px;height:18px}.viewer-navigation button:active{filter:brightness(.95)}
.viewer-navigation button:disabled{opacity:.4;cursor:default}
#app .welcome{padding-inline:0}
#app .detail-page .section-head{padding-inline:0}
#app .copy-body{width:100%;max-width:none;margin:14px auto 0;padding:0 2em;text-align:left;text-align-last:left;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;font-weight:400;line-height:1.95;letter-spacing:0;color:#cdd0c2;white-space:normal;overflow-wrap:break-word;text-wrap:pretty;box-sizing:border-box}
#app .copy-body .intro-line{text-align:inherit;white-space:normal;line-height:inherit}
#app .copy-paragraph{display:block}
#app .copy-paragraph+.copy-paragraph{margin-top:.7em}
#app .home-accent{margin:18px 28px 0;padding:14px 0 0;border-top:1px solid #d8c89526;color:#e0cfaa;font-size:13px;line-height:1.85;text-align:center;text-wrap:balance;font-weight:600}
#app .gender-area{padding:25px 0 12px}
#app .gender-area h2{padding:0 20px;font-size:17px;line-height:1.5;letter-spacing:.5px}
#app .gender-area .creation-copy{margin-top:19px;color:#adb4a5}
#app .detail-hero h1,#app .phone-section h2,#app .stories h2{padding-inline:24px;line-height:1.5;text-wrap:balance;white-space:normal}
#app .topic-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:19px 28px 0;padding:0;max-width:none}
#app .topic-tags li{display:flex;align-items:center;justify-content:center;min-height:31px;min-width:0;border:1px solid #d3c48e30;border-radius:12px;padding:6px 3px;background:linear-gradient(145deg,#d3c48e0c,#d3c48e04);color:#cdc6b1;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;text-align:center}
#app .stories .topic-tags li{border-color:#b8caaa30;color:#c7d1bd;background:linear-gradient(145deg,#b8caaa0c,#b8caaa04)}
#app .section-divider{white-space:normal;line-height:1.6}
#app .home-page .gender-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:17px 24px 0}
#app .home-page .gender-choice{--entry-base:#263b43;--entry-tint:#b8d8ed;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:7px;width:100%;min-width:0;height:70px;min-height:70px;padding:10px;border:1px solid #a5cce754;border-radius:22px;background:linear-gradient(145deg,#30424a,#1c2525)!important;box-shadow:inset 0 1px #d9f3ff24,0 4px 10px #0003;animation:none!important;transform:none!important;scale:1!important;filter:none!important;touch-action:manipulation;transition:border-color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
#app .home-page .gender-choice.female{--entry-base:#493540;--entry-tint:#edc0d3;background:linear-gradient(145deg,#4c3846,#272025)!important;border-color:#e5b3cd54}
#app .home-page .gender-choice::before{display:none}
#app .home-page .gender-choice .gender-orb{width:38px;height:40px;border-radius:14px;animation:none!important;transform:none!important;background:linear-gradient(145deg,#d3e6ee,#9fbecb);color:#365968}
#app .home-page .gender-choice.female .gender-orb{background:linear-gradient(145deg,#f0dce6,#d5aebf);color:#805267}
#app .home-page .gender-choice .gender-orb svg{width:28px;height:28px}
#app .home-page .gender-choice strong{font-size:15px;line-height:1.4;white-space:nowrap;letter-spacing:0;color:var(--entry-tint)!important}
#app .home-page .gender-choice .enter-cue{width:20px;height:26px;animation:none;background:color-mix(in srgb,var(--entry-tint) 12%,transparent);color:var(--entry-tint)!important}
#app .home-page .gender-choice .enter-cue svg{width:19px;height:19px}
#app .home-page .gender-choice .enter-cue path{animation:none}
#app .home-page .gender-choice>*{pointer-events:none}
#app .home-page .gender-choice:active{background:linear-gradient(145deg,color-mix(in srgb,var(--entry-tint) 25%,var(--entry-base)),var(--entry-base))!important;border-color:var(--entry-tint)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--entry-tint) 35%,transparent),0 0 0 2px color-mix(in srgb,var(--entry-tint) 15%,transparent)}
#app .home-page .gender-choice:focus-visible{outline:2px solid var(--entry-tint);outline-offset:4px}
@media(hover:hover){#app .home-page .gender-choice:hover{border-color:var(--entry-tint);box-shadow:inset 0 1px #fff3,0 0 14px color-mix(in srgb,var(--entry-tint) 15%,transparent)}}
@media(max-width:360px){#app .home-page .gender-options{margin-inline:20px;gap:10px}#app .home-page .gender-choice{grid-template-columns:32px minmax(0,1fr) 17px;gap:5px;padding:8px;height:66px;min-height:66px}#app .home-page .gender-choice .gender-orb{width:32px;height:36px}#app .home-page .gender-choice .gender-orb svg{width:25px;height:25px}#app .home-page .gender-choice strong{font-size:14px}#app .home-page .gender-choice .enter-cue{width:17px}#app .topic-tags{margin-inline:28px;gap:6px}#app .topic-tags li{font-size:11px;padding:5px 2px}}
#app .welcome h1,#app .gender-area h2,#app .detail-hero h1,#app .phone-section h2,#app .stories h2,#app .section-divider{text-align:center;text-indent:0}
#app .copy-body,#app .copy-body .intro-line,#app .copy-body .copy-paragraph{text-align:center;text-align-last:center;text-indent:0;text-justify:auto;text-wrap:balance}
#app .copy-body .intro-line{display:block}
#app .copy-paragraph+.copy-paragraph{margin-top:0}
#app .download-head{text-align:center}
#app .download-head .sub{max-width:none;text-align:center;text-align-last:center;text-indent:0;text-wrap:balance}
#app .product-heading,#app .product-heading p,#app .account-note,#app .group-label,#app .link-row,#app .link-row strong,#app .link-row small{text-align:left;text-align-last:left;text-indent:0;text-justify:auto;text-wrap:pretty}
#app .product-heading>div,#app .link-row>span:first-child{min-width:0}
#app .product-heading p,#app .account-note,#app .link-row small{line-height:1.8;overflow-wrap:anywhere}
#app .brand-copy,#app .brand-subtitle{text-align:left;text-indent:0}
#app .footer,#app .tabs .tab,#app .enlarge-btn{text-align:center;text-indent:0}
#app .home-accent{text-align:center;text-align-last:center;text-indent:0;text-wrap:balance}
.image-viewer[open]{width:min(100%,680px);height:100dvh;max-height:100dvh;max-width:680px;margin:auto;padding:0;border-radius:0;border:0;background:#0d100f;box-sizing:border-box}
.image-viewer header{padding:10px 18px;flex:0 0 58px;padding-top:max(10px,env(safe-area-inset-top));color:#e8d6ab}
.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.image-viewer .viewer-stage>.viewer-scroll{height:100%;width:100%;flex:none}
.viewer-cover .viewer-stage>.viewer-scroll{display:flex;align-items:center;justify-content:center}
.viewer-cover .viewer-scroll img{width:100%;height:100%;object-fit:contain}
.image-viewer .viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:48px;display:grid;place-items:center;border:1px solid #f4d98f99;border-radius:18px;background:#1e231cdb;color:#ffe7a0;box-shadow:0 4px 18px #0007;backdrop-filter:blur(12px);padding:11px}
.viewer-arrow.left{left:8px}.viewer-arrow.right{right:8px}
.image-viewer button{cursor:pointer;touch-action:manipulation}
.image-viewer button:focus-visible{outline:2px solid #fff0b5;outline-offset:3px}
.image-viewer button:disabled{opacity:.3;cursor:default}
.image-viewer button svg{width:22px;height:22px}
.viewer-phone .viewer-stage{container-type:size;padding:8px 58px;box-sizing:border-box;background:radial-gradient(ellipse at center,#323629 0,transparent 70%)}
.viewer-phone .viewer-phone{position:relative;height:min(100cqh,calc(100cqw * 1.93));aspect-ratio:205/396;box-sizing:border-box;padding:7px;border:2px solid #62665e;border-radius:36px;background:linear-gradient(120deg,#74776d,#131614 22%,#383d35 85%,#9c9e91);box-shadow:inset 0 0 0 2px #080a09,8px 8px 0 #242923,14px 16px 26px #0009;flex:none}
.viewer-phone .viewer-phone::before{content:'';position:absolute;z-index:2;top:12px;left:50%;transform:translateX(-50%);width:28%;height:12px;border-radius:0 0 12px 12px;background:#101310;pointer-events:none}
.viewer-phone .viewer-phone::after{content:'';position:absolute;bottom:12px;left:36%;width:28%;height:4px;border-radius:5px;background:#ffffff90;pointer-events:none}
.image-viewer .viewer-phone-screen{height:100%;border-radius:27px;width:100%;overflow-y:auto;scrollbar-width:none;background:#050705;overscroll-behavior:contain}
.viewer-phone-screen::-webkit-scrollbar{display:none}
.viewer-phone-controls{flex:none;padding:6px 18px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;flex-direction:column;gap:8px;background:#111610;border-top:1px solid #d3b86f22}
.viewer-control-label{font-size:12px;color:#cebf9d}
.viewer-group-picker{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:3px;scrollbar-width:thin}
.viewer-group-picker button{width:34px;height:42px;flex:none;padding:2px;border:1px solid #747b6a;border-radius:11px;background:#232a22;opacity:.6}
.viewer-group-picker button[aria-pressed=true]{border:2px solid #f4d58c;background:#ebcb7a;opacity:1;box-shadow:0 0 9px #edce7144}
.viewer-group-picker img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:7px}
.viewer-frame-controls{display:flex;align-items:center;gap:18px;font-size:12px;color:#e7d7b0}
.viewer-frame-controls button{display:grid;place-items:center;min-width:52px;height:40px;border-radius:16px;border:1px solid #eed08777;color:#ffe4a1;background:#d4b7631c}
@media(min-width:700px){.image-viewer[open]{height:96dvh;max-height:96dvh;border:1px solid #bda86e66;border-radius:24px}}
.phone-actions{position:relative;z-index:6;isolation:isolate}
.phone-actions .enlarge-btn{min-height:46px;min-width:144px;touch-action:manipulation}
#frame-count.frame-label{margin-top:30px}
.viewer-frame-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;max-width:100%}
.viewer-frame-picker button{display:grid;place-items:center;width:36px;height:30px;border:0;background:none;padding:0;border-radius:16px}
.viewer-frame-picker i{display:block;width:7px;height:7px;border-radius:99px;background:#9c9e8577;transition:width .15s,background .15s}
.viewer-frame-picker [aria-pressed=true] i{width:22px;background:#f4d991;box-shadow:0 0 7px #efcf7844}
.viewer-frame-controls{width:100%;justify-content:center;gap:18px}
.viewer-phone-controls{gap:4px}
.viewer-load-state{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:4;max-width:85%;border-radius:99px;padding:7px 12px;background:#10150fdd;color:#f1ddb0;font-size:11px;pointer-events:none;white-space:nowrap}
.viewer-load-state:empty{display:none}
.viewer-phone-screen{touch-action:pan-y pinch-zoom}
.viewer-phone-controls button,.viewer-arrow{-webkit-tap-highlight-color:transparent}
.viewer-phone-controls button:active,.viewer-arrow:active{filter:brightness(1.15)}
.image-viewer.viewer-phone>.viewer-phone-controls{padding:4px 16px 12px;border-top:0;border-bottom:1px solid #d3b86f22;background:#111610;gap:5px}
.image-viewer.viewer-phone>.viewer-stage{padding:16px 24px max(20px,env(safe-area-inset-bottom))}
.viewer-screen-overlay{position:absolute;inset:9px;border-radius:26px;overflow:hidden;pointer-events:none;z-index:4}
.viewer-screen-overlay .viewer-arrow{pointer-events:auto;top:50%;width:40px;height:44px;padding:9px;border-radius:16px;background:#192018b8;border-color:#f4d98f77;box-shadow:0 3px 10px #0005}
.viewer-screen-overlay .viewer-arrow.left{left:6px}.viewer-screen-overlay .viewer-arrow.right{right:6px}
.viewer-screen-caption{position:absolute;bottom:11px;left:8px;right:8px;border:1px solid #eed59140;border-radius:17px;padding:6px 4px 2px;background:#121a14d9;backdrop-filter:blur(12px);box-shadow:0 3px 12px #0004}
.viewer-screen-caption .viewer-frame-controls{color:#f0dfb7;font-size:11px;line-height:1.5}
.viewer-screen-caption .viewer-frame-picker{pointer-events:auto;gap:0}
.viewer-screen-caption .viewer-frame-picker button{width:32px;height:30px;touch-action:manipulation}
.image-viewer .viewer-phone-screen{padding-bottom:76px;box-sizing:border-box}
@media(max-height:600px){.image-viewer.viewer-phone>.viewer-phone-controls{padding-bottom:6px}.viewer-group-picker button{height:36px;width:30px}.image-viewer.viewer-phone>.viewer-stage{padding-block:10px}.viewer-screen-caption{left:3px;right:3px}.viewer-screen-caption .viewer-frame-picker button{width:26px}}
.image-viewer.viewer-phone>header{justify-content:flex-end}
.image-viewer.viewer-phone>header>span{display:none}
.viewer-screen-caption{left:50%;right:auto;bottom:14px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 16px);padding:0 5px;border:0;border-radius:99px;background:#1119119c;box-shadow:none;backdrop-filter:blur(6px)}
.viewer-screen-caption .viewer-frame-picker{flex-wrap:wrap}
.image-viewer .viewer-phone-screen{padding-bottom:48px}
.home-page .entrance-mosaic::before,.gap-meteors,.live-comet{display:none!important}
.cover-art .cover-card,.cover-art .cover-card[data-offset="0"]{box-shadow:0 10px 18px #0006!important;background:#373a30;transition:none!important;filter:none!important}
.cover-art .cover-card::after,.cover-art .cover-card[data-offset="0"]::after{display:none!important;animation:none!important;filter:none!important}
.cover-art .cover-card::before,.cover-art .cover-card[data-offset="0"]::before{background:none!important;mask:none!important;-webkit-mask:none!important;border:2px solid var(--cover-tint);box-shadow:none!important;opacity:var(--focus,0)}
.phone.orbit-phone,.phone.orbit-phone.center{box-shadow:0 12px 20px #0006!important}
.story-track .continuous-story{box-shadow:0 8px 14px #0006!important}
.orbit-paused .cover-card,.orbit-paused .orbit-phone,.orbit-paused .continuous-story{will-change:auto!important}
.decoration-paused *,.decoration-paused *::before,.decoration-paused *::after,.motion-paused *,.motion-paused *::before,.motion-paused *::after,.preview-open #app *,.preview-open #app *::before,.preview-open #app *::after{animation-play-state:paused!important}
.decoration-paused .entrance-mosaic img,.motion-paused .entrance-mosaic img,.preview-open .orbit-phone,.preview-open .continuous-story,.preview-open .cover-card{will-change:auto!important}
@media(max-width:700px),(pointer:coarse){
.topbar{backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;background:#141711ed!important}
.detail-back,.detail-back::before,.viewer-arrow,.viewer-screen-caption{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.viewer-arrow{background:#192018eb!important}.viewer-screen-caption{background:#111911dc}
.image-viewer::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000e}
.ambient{display:none}
}
.inline-panel .link-row small{display:block;line-height:1.6;margin-top:4px;color:#c5c7b8}
.install-instructions{padding:24px 24px 40px}
.install-instructions .eyebrow{text-align:center}
.install-instructions h1{text-align:center;font-size:24px;line-height:1.5;margin:14px 0 22px}
.install-lead,.install-instructions li,.install-note{font-size:14px;line-height:1.9;color:#d6d8ca;text-align:left;overflow-wrap:anywhere}
.install-lead b,.install-instructions li b{color:#ffe39a}
.install-instructions ol{padding-left:22px;margin:22px 0}.install-instructions li{padding-left:3px;margin:12px 0}
.filename-example{background:#23291f;border:1px solid #c9b67455;border-radius:18px;padding:17px;display:grid;gap:9px}
.filename-example span{font-size:12px;color:#b5bba7}.filename-example code{font-size:13px;color:#f3dc9c;overflow-wrap:anywhere;white-space:normal}
.install-note{margin:18px 0 24px;font-size:12px;color:#b8bead}
.install-continue{display:flex;align-items:center;justify-content:center;text-align:center;background:#f3d785;color:#222719;border:1px solid #ffecab;border-radius:18px;padding:14px;min-height:50px;font-size:15px;font-weight:700}
.install-alternative{display:block;text-align:center;padding:16px 8px;color:#d3c89f;font-size:13px}
.ios-install-page{padding-bottom:86px}
.ios-install-head{padding:28px 22px 24px;text-align:center}
.ios-install-head h1{font-size:clamp(22px,5.7vw,28px);line-height:1.5;margin:14px 0;color:#f7e8bb}
.ios-install-head>p:not(.eyebrow){color:#c5c8b9;font-size:14px;line-height:1.9;margin:12px 0}
.ios-guide-jump{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#f0d582;padding:9px 15px;border:1px solid #d8bc6e55;border-radius:30px}
.ios-guide-jump svg,.ios-apple-help svg{width:14px;height:14px}
.ios-profile-list{display:grid;gap:14px;padding:0 22px}
.ios-profile-card{padding:18px;border:1px solid #c5ac6755;border-radius:23px;background:linear-gradient(135deg,#292c21,#181d17);box-shadow:0 6px 16px #0002}
.ios-profile-card:nth-child(2){border-color:#9eafb94d;background:linear-gradient(135deg,#232b2e,#181c1b)}
.ios-profile-card:nth-child(3){border-color:#b5a5c14d;background:linear-gradient(135deg,#2c2630,#1c1b20)}
.ios-profile-info{display:flex;gap:13px;align-items:center}
.ios-profile-info>img{width:51px;height:51px;object-fit:cover;border:2px solid #e6c763;border-radius:16px;padding:3px;background:#0d110f}
.ios-profile-label{font-size:11px;letter-spacing:1px;color:#d6c58c}
.ios-profile-info h2{font-size:19px;line-height:1.35;margin:3px 0;color:#f3ecd8}
.ios-profile-info p{font-size:12px;color:#bfc4b9;margin:0;overflow-wrap:anywhere}
.ios-desktop-name{font-size:12px;color:#bac0b1;margin:14px 0 12px;text-align:left}
.ios-profile-download{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border-radius:16px;background:#eed58b;color:#282a20;font-size:14px;font-weight:700;box-shadow:0 3px 0 #ab9659;text-decoration:none}
.ios-profile-download svg{width:19px;height:19px}
.ios-profile-download:active{transform:translateY(2px);box-shadow:0 1px 0 #ab9659}
.ios-profile-download:focus-visible,.ios-guide-jump:focus-visible,.ios-help summary:focus-visible{outline:2px solid #fff2b4;outline-offset:4px}
.ios-sequence-note{margin:18px 24px 32px;font-size:13px;line-height:1.9;color:#bdc3b6;text-align:left}
.ios-sequence-note strong{display:block;color:#f0d99c;font-weight:600}
.ios-steps{padding:26px 22px 12px;border-top:1px solid #c6b67b30;scroll-margin-top:86px}
.ios-steps>.eyebrow{text-align:center;font-size:10px}
.ios-steps>h2,.ios-help>h2{font-size:21px;color:#eee3c4;margin:12px 0 24px;text-align:center}
.ios-steps ol{list-style:none;padding:0;margin:0;display:grid;gap:25px}
.ios-steps li{display:flex;align-items:flex-start;gap:12px}
.ios-step-number{flex:0 0 33px;height:33px;display:grid;place-items:center;background:#e8d08b;color:#24291e;border-radius:12px;font-size:13px;font-weight:800}
.ios-steps li>div{min-width:0;flex:1}.ios-steps h3{font-size:16px;color:#eee9d9;margin:4px 0 9px;line-height:1.5}
.ios-steps li p,.ios-help p{font-size:13px;color:#bec4b8;line-height:1.9;text-align:left;margin:0}
.ios-setting-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:14px 12px;border-radius:14px;border:1px solid #a0ac9233;background:#20261f;color:#d3d8cd;font-size:12px}
.ios-setting-preview b{background:#e9d28c;border-radius:9px;color:#25291e;padding:5px 11px;font-weight:600}
.ios-help{margin:26px 22px 12px;padding-top:24px;border-top:1px solid #c6b67b30}
.ios-help summary{font-size:14px;color:#e8e5d5;cursor:pointer;line-height:1.8}
.ios-help details{border-bottom:1px solid #aab39229;padding:14px 0}
.ios-help details p{margin:10px 0 2px}
.ios-apple-help{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:#ccb97f;padding:20px 0 4px}
@media(max-width:700px),(pointer:coarse){.topbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#171b15f5!important}}
.page-scrolling .entrance-mosaic img,.page-scrolling .gender-orb svg,.page-scrolling .current-symbol,.notice-open #app *,.notice-open #app *::before,.notice-open #app *::after{animation-play-state:paused!important}
.island-pending{width:100%;font:inherit;text-align:left;cursor:pointer}
.island-notice{width:calc(100% - 44px);max-width:340px;box-sizing:border-box;padding:30px 24px 24px;border:1px solid #d5c08077;border-radius:26px;background:#20271e;color:#eee5cc;text-align:center;box-shadow:0 16px 48px #0007}
.island-notice::backdrop{background:#000b}
.island-notice>img{width:66px;height:66px;object-fit:cover;border:2px solid #7fcbdd;border-radius:20px;padding:4px;background:#111715}
.island-notice h2{font-size:21px;margin:17px 0 10px}.island-notice p{font-size:15px;color:#d2d7c8;margin:0 0 24px}
.island-notice button{font:inherit;font-weight:700;background:#eed58b;color:#242a1e;border:0;border-radius:16px;min-height:46px;width:100%;cursor:pointer}
.island-notice button:focus-visible{outline:2px solid #fff3b9;outline-offset:4px}
.island-notice>img{margin:0 auto}.island-notice h2{font-weight:700}
.cover-stage,.phone-stage,.story-track{touch-action:pan-y pinch-zoom}
@media(max-width:700px),(pointer:coarse){
.cover-stage,.cover-art{perspective:none!important;transform-style:flat!important;animation:none!important;filter:none!important;isolation:auto}
.cover-art .cover-card,.cover-art .cover-card[data-offset="0"]{box-sizing:border-box;padding:3px!important;border:2px solid #525548!important;background:#1c211a!important;box-shadow:none!important;filter:none!important;opacity:1;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;isolation:auto;transform-style:flat!important;transition:none!important;animation:none!important}
.cover-art .cover-card[data-offset="0"]{border-color:var(--cover-tint,#e5ce8b)!important}
.cover-art .cover-card::before,.cover-art .cover-card::after{content:none!important;display:none!important;animation:none!important;filter:none!important;mask:none!important;-webkit-mask:none!important}
.cover-art .cover-card img{width:100%;height:100%;opacity:1!important;filter:none!important;animation:none!important;transform:none!important;box-shadow:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;object-fit:cover}
.cover-stage .hero-floor{display:none!important}
}
.card-image-status{position:absolute;left:7px;right:7px;bottom:14px;z-index:7;padding:8px 5px;border-radius:10px;background:#192018ed;color:#e6dfc7;font-size:11px;line-height:1.5;text-align:center;pointer-events:none}
.card-image-status.is-error{color:#ffe3a0;border:1px solid #b8a46b66}
.image-viewer .viewer-load-state{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);max-width:85%;padding:7px 12px;border-radius:12px;background:#182017e8;color:#f1e6c7;font-size:12px;z-index:8;text-align:center;pointer-events:none}
.image-viewer .viewer-load-state:empty{display:none}
.image-viewer .viewer-retry{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:10px 20px;border-radius:15px;background:#ead28f;color:#242a1d;font-size:14px;z-index:9;min-height:44px}
.image-viewer .viewer-retry[hidden]{display:none}
.cover-card img:not([src]),.phone img:not([src]),.story-card img:not([src]),.viewer-scroll img:not([src]){visibility:hidden}