:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#282624;background:#fbf9f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--pink: #f84269;--border: #eae5df}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f8426999;outline-offset:5px}img{max-width:100%;display:block}svg{width:24px;height:24px;display:block;flex-shrink:0}::selection{background:#ffd8e2}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.site-shell{height:100vh;height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:clip}.site-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px}.brand>span{font-size:28px;letter-spacing:-1px;font-weight:750}.brand-dot{color:var(--pink);margin-left:2px}.header-tagline{display:flex;align-items:center;gap:12px;color:#8a8178;font-size:14px;letter-spacing:1px}.header-tagline svg{width:20px;height:20px;color:var(--pink)}.hero{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"intro visual" "download visual";align-content:center;gap:32px 36px;padding-bottom:20px}.hero-copy{grid-area:intro;align-self:end;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#80776d;font-size:14px;letter-spacing:1px;margin-bottom:23px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #ffe8ec;margin-inline:5px}.hero h1{font-size:clamp(44px,4.7vw,65px);line-height:1.4;font-weight:750;letter-spacing:-2.5px;margin:0 0 23px;white-space:nowrap}.pink-word{color:var(--pink);position:relative;display:inline-block}.pink-word svg{position:absolute;width:100%;height:17px;bottom:-3px;left:0;stroke:#ff9fb2;stroke-width:2;fill:none;stroke-linecap:round}.hero-description{font-size:18px;line-height:1.8;color:#7d746a;margin:0 0 16px}.hero-tags{display:flex;align-items:center;gap:14px;font-size:14px;color:#9c9084}.hero-tags i{width:3px;height:3px;border-radius:50%;background:#c8beb7}.download-area{grid-area:download;align-self:start;position:relative;z-index:2}.download-buttons{display:flex;gap:14px}.download-button{min-width:210px;display:flex;align-items:center;gap:13px;padding:17px 19px;border:0;border-radius:14px;color:#fff;text-align:left;transition:transform .2s,box-shadow .2s}.download-button:hover{transform:translateY(-3px)}.download-button>svg:first-child{width:31px;height:31px}.download-button>span{display:flex;flex-direction:column;gap:5px}.download-button strong{font-size:21px;line-height:1.25;letter-spacing:.7px;font-weight:600}.download-button small{font-size:12px;line-height:1.4;opacity:.8}.button-arrow{width:17px;height:17px;margin-left:auto;opacity:.7}.android-button{background:var(--pink);box-shadow:0 8px 22px #f8426920}.android-button:hover{box-shadow:0 10px 24px #f8426938}.apple-button{background:#282725;box-shadow:0 7px 20px #28272512}.apple-button:hover{box-shadow:0 10px 24px #28272530}.download-note{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:1px;color:#a69a8d;margin:20px 0 0}.download-note svg{width:15px;height:15px;color:#d5a396}.hero-visual{grid-area:visual;position:relative;height:min(650px,calc(100dvh - 180px));min-height:380px;display:flex;flex-direction:column}.poster-stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center}.visual-orb{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fce3e6,#fce9e5 48%,#fbf9f6 72%);pointer-events:none}.visual-orb:after{content:"";position:absolute;inset:4%;border:1px solid #e6d7cd;border-radius:50%;transform:rotate(-20deg) scaleY(.87)}.doodle-sparkle{position:absolute;right:2%;top:4%;width:45px;height:45px;color:#d99aa5;transform:rotate(12deg)}.poster-stack{position:relative;height:min(83%,calc((100vw - 132px)*.48),550px);aspect-ratio:3 / 4;max-width:72%;transform:rotate(3deg);z-index:1}.poster-front{width:100%;height:100%;padding:0;display:block;border:6px solid white;border-radius:16px;background:#fff;box-shadow:0 24px 45px -16px #68524755,0 0 0 1px #29232008;overflow:hidden;position:relative;transition:transform .3s}.poster-front:hover{transform:translateY(-4px) rotate(-2deg)}.poster-front>img{width:100%;height:100%;object-fit:cover}.poster-back{width:90%;height:94%;position:absolute;top:3%;left:5%;border:6px solid white;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #65594f1c}.poster-back img{width:100%;height:100%;object-fit:cover}.poster-back-left{transform:rotate(-14deg) translate(-18%)}.poster-back-right{transform:rotate(11deg) translate(18%)}.poster-zoom{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:5px;padding:7px 11px;font-size:12px;border:1px solid #ffffff70;background:#fffffff0;border-radius:100px}.poster-zoom svg{width:14px;height:14px}.poster-controls{flex-shrink:0;display:flex;justify-content:center;gap:22px;padding-block:12px;position:relative;z-index:2}.poster-controls button{border:0;background:none;font-size:14px;color:#9a8e82;display:flex;align-items:center;gap:7px;padding:10px 0;transition:color .2s}.control-dot{width:5px;height:5px;background:#d9cfc6;border-radius:4px;transition:width .2s,background .2s}.poster-controls button.active{color:var(--pink)}.poster-controls button.active .control-dot{background:var(--pink);width:15px}.poster-fade-enter-active,.poster-fade-leave-active{transition:opacity .15s}.poster-fade-enter-from,.poster-fade-leave-to{opacity:0}.site-footer{min-height:62px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a29587;font-size:12px}.site-footer p{margin:0}.poster-dialog{border:0;background:#fffaf5;border-radius:16px;padding:0;width:min(620px,calc(100% - 28px));max-height:94dvh;overflow:auto;box-shadow:0 20px 100px #0004}.poster-dialog::backdrop{background:#282320c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-toolbar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffaf5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;font-size:16px}.dialog-toolbar small{margin-left:10px;color:#a99d91;font-size:13px}.dialog-close{width:40px;height:40px;border:1px solid var(--border);background:#fff;border-radius:50%;display:grid;place-items:center}.dialog-close svg{width:21px;height:21px}.dialog-image{width:100%;height:auto}.dialog-pagination{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:0;background:#fffaf5ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-pagination>span{font-size:15px;color:#8c8176}.dialog-pagination button{border:1px solid #ddd2c7;background:#fff;width:44px;height:40px;border-radius:8px;font-size:20px}.download-dialog{width:min(440px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:26px;border:1px solid #f0e8e0;border-radius:22px;background:#fffaf5;color:#282624;box-shadow:0 24px 80px #28232030}.download-dialog::backdrop{background:#2823208c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.download-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.download-dialog-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#ffe7ed;color:var(--pink)}.download-dialog-icon svg{width:29px;height:29px}.download-dialog h2{font-size:23px;line-height:1.4;margin:22px 0 12px}.download-dialog p{font-size:17px;line-height:1.9;color:#7d7064;margin:0}.download-dialog-actions{display:flex;gap:12px;margin-top:26px}.download-dialog-actions>*{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border-radius:12px;font-size:16px;line-height:1.5}.modal-cancel{flex:1;border:1px solid #e5dacf;background:transparent}.modal-confirm{flex:2;background:var(--pink);color:#fff}.modal-confirm svg{width:17px;height:17px}.modal-cancel:hover{background:#f3ece4}.modal-confirm:hover{background:#e93059}@media(max-width:1050px)and (min-width:761px){.wrap{width:calc(100% - 64px)}.hero{column-gap:20px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-description{font-size:16px}.eyebrow,.hero-tags{font-size:12px}.download-buttons{gap:10px}.download-button{min-width:0;flex:1;padding:16px 13px;gap:9px}.download-button strong{font-size:19px}.download-button small{font-size:11px}.download-button>svg:first-child{width:26px;height:26px}.button-arrow{display:none}.poster-stack{height:min(80%,calc((100vw - 84px)*.48),420px)}.poster-controls{gap:17px}.poster-controls button{font-size:13px}}@media(max-width:760px){.wrap{width:min(470px,calc(100% - 40px))}.site-shell{min-height:560px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.site-header{min-height:72px}.brand{gap:9px}.brand img{width:36px;height:36px}.brand>span{font-size:24px}.header-tagline{font-size:12px;letter-spacing:0;gap:7px}.header-tagline svg{width:17px;height:17px}.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"intro" "visual" "download";align-content:stretch;gap:0;padding-bottom:8px}.hero-copy{text-align:center;align-self:start;padding-top:clamp(3px,1.8dvh,18px)}.eyebrow{display:none}.hero h1{font-size:clamp(34px,8.8vw,43px);line-height:1.32;letter-spacing:-1.5px;margin-bottom:12px}.pink-word svg{height:13px;bottom:-4px}.hero-description{font-size:15px;line-height:1.7;margin:0;color:#877c70}.hero-tags{display:none}.hero-visual{height:auto;min-height:0;padding-top:5px}.poster-stage{min-height:200px}.poster-stack{height:min(86%,calc((100vw - 40px)*.98),410px);max-width:74%}.visual-orb{width:min(100%,420px);max-height:100%}.poster-front,.poster-back{border-width:5px;border-radius:13px}.poster-back-left{transform:rotate(-13deg) translate(-14%)}.poster-back-right{transform:rotate(11deg) translate(14%)}.doodle-sparkle{right:1%;top:10%;width:30px;height:30px}.poster-zoom{padding:5px 8px;font-size:11px;bottom:8px;right:8px;gap:3px}.poster-zoom svg{width:12px;height:12px}.poster-controls{gap:25px;padding-block:0 7px}.poster-controls button{font-size:14px;padding-block:12px;gap:5px;min-height:44px}.download-area{align-self:end}.download-buttons{gap:12px}.download-button{min-width:0;flex:1;padding:15px 14px;gap:10px;justify-content:center}.download-button strong{font-size:20px;letter-spacing:.3px}.download-button small{font-size:12px}.download-button>svg:first-child{width:29px;height:29px}.button-arrow{display:none}.download-note{justify-content:center;margin-top:12px;font-size:12px}.site-footer{min-height:38px;justify-content:center;border-top:0;font-size:12px}.site-footer p{display:none}}@media(max-width:760px)and (max-height:720px){.site-header{min-height:62px}.hero-copy{padding-top:3px}.hero h1{font-size:34px;line-height:1.27;margin-bottom:10px}.hero-description{font-size:15px}.poster-stage{min-height:180px}.poster-stack{height:min(88%,calc((100vw - 40px)*.98))}.download-button{padding-block:13px}.download-note{margin-top:10px}.site-footer{min-height:32px}}@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-tagline{font-size:11px}.brand>span{font-size:22px}.hero h1{font-size:32px}.hero-description{font-size:14px}.download-buttons{gap:9px}.download-button{padding-inline:10px;gap:7px}.download-button strong{font-size:18px}.download-button>svg:first-child{width:25px;height:25px}.poster-controls{gap:20px}.poster-controls button{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}