:root{color-scheme:dark;--bg:#180e16;--surface:#23131e;--pink:#e9a6ad;--cream:#fff1e9;--muted:#b7a1ad;--line:rgba(231,177,189,.16);--header:76px;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--cream);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;overflow-x:hidden}body.modal-open{overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:5px}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--cream);color:var(--bg);padding:12px}.skip-link:focus{top:10px}.site-header{height:var(--header);padding:0 5.5%;display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:20;background:rgba(24,14,22,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:600;white-space:nowrap;display:flex;align-items:center}.brand-symbol{display:grid;place-items:center;font-family:Georgia,serif;font-size:33px;font-style:italic;font-weight:400;color:var(--pink);width:32px;height:37px;margin-right:9px;letter-spacing:-6px;transform:rotate(-15deg);border:1px solid #ac6d8050;border-radius:50%}.brand-dot{color:var(--pink)}nav{display:flex;gap:30px;margin-left:auto}nav a{color:#cdb9c3;font-size:13px;transition:color .2s}nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:22px}.language-wrap{display:flex;align-items:center;gap:4px}.language-wrap svg{width:17px;height:17px;flex-shrink:0}.language-wrap select{appearance:auto;width:69px;border:0;background:transparent;color:#ddcdd5;font-size:12px;cursor:pointer;padding:7px 0}.language-wrap option{background:var(--surface);color:var(--cream)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:99px;min-height:56px;padding:16px 29px;font-size:14px;font-weight:600;line-height:1.2;transition:transform .2s,box-shadow .2s,background .2s;background:var(--pink);color:#2f1422;text-align:center}.button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d57b9930}.button:active{transform:translateY(0)}.button-small{font-size:12px;min-height:40px;padding:11px 19px;gap:10px}.button[aria-disabled=true]{background:#54303f;color:#ead2dc;border-color:#88536755}.button-primary{background:linear-gradient(110deg,#f3c3ad,#e6a3b5);box-shadow:0 8px 45px #c9638c25}.button-icon{font-size:20px;line-height:15px}.spinner{display:none;width:17px;height:17px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .75s linear infinite;flex-shrink:0}.is-loading .spinner{display:block}.is-loading .button-icon{display:none}.hero{position:relative;min-height:690px;height:calc(100svh - var(--header));max-height:900px;overflow:hidden;display:flex;align-items:center;background:#1c1119}.hero-film{position:absolute;inset:0 0 0 30%;background:#321c26}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:49% 42%;opacity:.88}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#180e16 2%,#180e16f2 21%,#180e1690 46%,#180e1615 75%),linear-gradient(0deg,#180e16 0%,transparent 28%,#160d1630 100%)}.hero-grain{position:absolute;inset:0;background:radial-gradient(ellipse at 8% 100%,#651b3d4d,transparent 58%);pointer-events:none}.hero-content{position:relative;padding:55px 5.5% 110px;width:100%;max-width:820px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:600;line-height:1.7;color:#df9eae;text-transform:uppercase;display:block}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px}.tiny-star{font-size:19px;line-height:1}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(56px,5.8vw,88px);line-height:1.07;letter-spacing:-3px;margin:0 0 28px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:#f1b5b4;font-weight:400}.hero-description{max-width:405px;color:#d5c2ca;font-size:15px;line-height:1.9;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:12px;color:#e1cdd5;display:inline-flex;gap:17px;align-items:center;padding:14px 0;border-bottom:1px solid #bda5b15a}.hero-note{display:flex;gap:10px;align-items:center;color:#b6a1ad;font-size:10px;letter-spacing:.15px;margin-top:25px}.age-badge{border:1px solid #9c7e8b80;padding:3px 4px;border-radius:4px;font-size:9px}.film-controls{position:absolute;right:5.5%;bottom:118px;display:flex;gap:18px;align-items:center;z-index:2}.film-caption{font-size:9px;letter-spacing:2px;color:#f4d9dc;text-shadow:0 2px 10px #000}.hero-bottom{position:absolute;bottom:27px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line);color:#b497a6;font-size:9px;letter-spacing:2px;z-index:1}.hero-bottom span:nth-child(2){margin-left:auto;margin-right:18px}.section-shell{padding:88px 7%;max-width:1560px;margin:auto}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.section-number{color:#8d667b;font-family:Georgia,serif;font-size:16px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-bottom:44px}h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,55px);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:0}h2 span,h2 em{display:block}h2 em{color:var(--pink);font-weight:400}.section-heading p,.pace-intro>p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 4px;max-width:470px}.feeling-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feeling-card{position:relative;padding:30px 29px;background:linear-gradient(145deg,#301b29aa,#20131e);border:1px solid var(--line);border-radius:14px;transition:transform .3s,border-color .3s;overflow:hidden}.feeling-card:hover{transform:translateY(-5px);border-color:#be759560}.card-symbol{display:block;height:70px;color:#dda0b3;font-family:Georgia,serif;font-size:48px}.heart-symbol{font-size:57px;line-height:1}.card-index{position:absolute;right:27px;top:30px;font-size:10px;color:#916c7d;letter-spacing:1px}.feeling-card h3{font-size:21px;font-weight:400;font-family:Georgia,serif;letter-spacing:-.2px;margin:8px 0 14px}.feeling-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 26px;max-width:320px;min-height:74px}.card-tag{font-size:8px;letter-spacing:1.7px;color:#bf8a9e;border-top:1px solid var(--line);display:block;padding-top:19px}.pace{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line);padding-top:86px;padding-bottom:80px}.pace h2{margin-top:22px;margin-bottom:23px}.handwritten{display:block;color:#ba819b;font-size:26px;font-style:italic;font-family:Georgia,serif;transform:rotate(-4deg);margin-top:38px}.pace-steps{padding-top:12px}.pace-steps article{display:flex;gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}.pace-steps article:first-child{padding-top:0}.pace-steps article:last-child{border:0}.pace-steps article>span{font-size:12px;font-family:Georgia,serif;color:#c28b9c;margin-top:6px}.pace-steps h3{font-size:18px;font-weight:400;margin:0 0 11px}.pace-steps p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.final-cta{text-align:center;max-width:none;background:radial-gradient(ellipse at 50% 100%,#6a254c72,transparent 70%),#271322;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:75px;padding-bottom:65px}.final-cta h2{margin:22px 0 33px}.final-cta .button{min-width:195px}.store-note{color:#c19cae;font-size:11px;margin:20px 0 0}.unlock-status{color:#9b758b;font-size:10px;min-height:15px;margin:10px 0 0}.site-footer{padding:35px 5.5%;display:flex;align-items:center;gap:30px;color:#8d7182;font-size:10px;line-height:1.8}.site-footer .brand{font-size:24px;color:#c4a9b7}.site-footer>span{margin-left:auto;white-space:nowrap}dialog{max-width:440px;width:calc(100% - 32px);padding:38px 36px 28px;border-radius:23px;border:1px solid #b8759950;background:radial-gradient(ellipse at 50% 0,#6834498c,transparent 62%),#261620;color:var(--cream);box-shadow:0 32px 120px #0008;text-align:center;max-height:calc(100svh - 40px);overflow:auto}dialog::backdrop{background:#10070ec9;backdrop-filter:blur(9px)}dialog[open]{animation:modalIn .28s ease-out}.modal-close{position:absolute;right:15px;top:12px;width:36px;height:36px;border:0;background:transparent;color:#cfacbe;font-size:27px;line-height:1}.modal-art{width:104px;height:94px;margin:0 auto 22px;position:relative;display:grid;place-items:center}.modal-heart{font-family:Georgia,serif;font-size:78px;line-height:1;color:#f1b4be;transform:rotate(-12deg);text-shadow:0 0 40px #ed819a88}.modal-orbit{position:absolute;width:104px;height:65px;border:1px solid #cf7d9f60;border-radius:50%;transform:rotate(-28deg)}dialog .eyebrow{font-size:8px;letter-spacing:1.5px}dialog h2{font-size:35px;letter-spacing:-1px;margin:17px 0 15px}#modal-description{font-size:14px;color:#c7adba;line-height:1.8;margin:0 auto 25px;max-width:320px}dialog .button{width:100%;min-height:52px}.modal-store-note{font-size:10px;color:#a9869a;margin:19px 0 0}.modal-loading{padding:10px 0 12px}.spinner.large{display:block;width:42px;height:42px;margin:auto;border-width:3px;color:var(--pink)}.modal-loading p{color:#d5b3c3;font-size:13px;margin:19px 0 4px}.noscript-message{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:20px;background:var(--surface);color:var(--cream);text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}html[lang=zh] .hero h1,html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:clamp(42px,4.7vw,65px);line-height:1.3;letter-spacing:-2px}html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(48px,5vw,73px)}
@media(min-width:1600px){.hero-content{margin-left:calc((100vw - 1500px)/2);padding-left:4%}}
@media(max-width:1000px){.site-header{padding:0 5%;gap:20px}nav{gap:20px}.header-actions{gap:15px}.hero-content{max-width:680px}.hero h1{font-size:66px}.hero-film{left:20%}.hero-shade{background:linear-gradient(90deg,#180e16 0%,#180e16d9 22%,#180e1640 75%),linear-gradient(0deg,#180e16,transparent 40%)}.hero-description{max-width:355px}.film-caption{display:none}.section-shell{padding-left:6%;padding-right:6%}.feeling-card{padding:26px 22px}.pace{gap:8%}}
@media(max-width:700px){:root{--header:68px}.site-header{padding:0 18px;gap:12px}.brand{font-size:24px;letter-spacing:-1.3px}.brand-symbol{display:none}nav{display:none}.header-actions{margin-left:auto;gap:12px}.language-wrap svg{display:none}.language-wrap select{font-size:11px;width:57px}.button-small{padding:10px 14px;min-height:37px;font-size:11px;gap:7px}.button-small .button-icon{font-size:17px}.hero{min-height:720px;height:calc(100svh - var(--header));max-height:870px;align-items:flex-end}.hero-film{inset:0 0 auto;height:72%;background:#2d1c25}.hero-film video{object-position:49% 36%;opacity:.9}.hero-shade{background:linear-gradient(0deg,#180e16 3%,#180e16fa 19%,#180e16c2 42%,#180e1626 73%,#180e1620 100%)}.hero-content{padding:230px 24px 87px;max-width:100%}.hero .eyebrow{font-size:8px;letter-spacing:2px;gap:9px;margin-bottom:20px}.hero h1{font-size:clamp(43px,11vw,64px);letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.hero-description{font-size:13px;line-height:1.8;max-width:370px;margin-bottom:25px;color:#d1bbc7}.hero-actions{gap:24px}.hero-actions .button{min-height:51px;padding:15px 22px;font-size:13px;gap:16px}.text-link{font-size:11px;gap:10px}.hero-note{font-size:9px;margin-top:21px;gap:8px}.film-controls{right:20px;top:19px;bottom:auto}.hero-bottom{left:24px;right:24px;bottom:22px;font-size:7px;padding-top:16px;letter-spacing:1.4px}.section-shell{padding:57px 24px}.section-topline{margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:2px}.section-heading{display:block;margin-bottom:29px}h2{font-size:37px;letter-spacing:-1.1px}.section-heading p{font-size:13px;line-height:1.85;margin-top:22px;max-width:440px}.feeling-grid{grid-template-columns:1fr;gap:13px}.feeling-card{padding:25px 23px 22px}.card-symbol{height:44px;font-size:39px}.heart-symbol{font-size:48px}.feeling-card h3{font-size:23px;margin-top:16px}.feeling-card p{min-height:0;max-width:none;font-size:13px;margin-bottom:22px}.card-tag{padding-top:16px}.card-index{top:27px;right:24px}.pace{display:block}.pace-intro>p{font-size:13px}.handwritten{font-size:25px;margin-top:29px}.pace-steps{margin-top:47px}.pace-steps article{gap:19px;padding:24px 0}.pace-steps h3{font-size:17px}.pace-steps p{font-size:13px}.final-cta{padding-top:57px;padding-bottom:46px}.final-cta h2{font-size:34px;line-height:1.2;margin-bottom:28px}.site-footer{padding:30px 24px;display:flex;flex-wrap:wrap;gap:18px 25px;font-size:9px}.site-footer .brand{font-size:24px}.site-footer>span{margin-left:auto;font-size:8px}dialog{padding:35px 25px 25px;max-width:390px}dialog h2{font-size:31px}#modal-description{font-size:13px}.modal-art{margin-bottom:16px}html[lang=zh] .hero h1,html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:clamp(35px,9vw,51px);letter-spacing:-1px}html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(40px,10vw,58px)}}
@media(max-width:370px){.site-header{padding:0 13px}.brand{font-size:21px}.header-actions{gap:8px}.button-small{padding:10px 12px}.hero-content{padding-left:20px;padding-right:20px}.hero-actions{gap:18px}.hero-actions .button{padding:15px 20px}.text-link{font-size:10px}.hero h1{font-size:41px}.hero-note{font-size:8px}.section-shell{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.spinner{border-right-color:currentColor;border-top-style:dotted}}