:root{--sky-top: #c9dce9;--sky-mid: #e8dcc8;--sky-bot: #f5ead5;--blue: #2c4a6e;--blue-deep: #1a3350;--gold: #c8893d;--gold-light: #e8c076;--warm: #d4754b;--green: #6b8f71;--pink: #e8c4c4;--cream: #fdf6ee;--text: #3a3030;--muted: #8a7a6a;--white: #fefcf8;--card-bg: rgba(255,255,255,.55);--card-border: rgba(0,0,0,.06);--shadow: rgba(0,0,0,.06)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,"Noto Serif SC",serif;color:var(--text);user-select:none;-webkit-user-select:none}.bg-sky{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(175deg,var(--sky-top) 0%,var(--sky-mid) 45%,var(--sky-bot) 80%);z-index:0;transition:filter 1.2s}.bg-sky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 120%,rgba(255,220,160,.35) 0%,transparent 60%)}.bg-sun{position:fixed;top:8%;right:18%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,210,.5) 0%,rgba(255,220,160,.2) 40%,transparent 70%);pointer-events:none;z-index:0}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.petal{position:absolute;border-radius:50% 0}@keyframes p1{0%{opacity:0;transform:translateY(-30px) rotate(0) scale(1)}8%{opacity:.5}85%{opacity:.25}to{opacity:0;transform:translate(140px,105vh) rotate(740deg) scale(.6)}}@keyframes p2{0%{opacity:0;transform:translateY(-30px) rotate(0) scale(1.2)}10%{opacity:.4}85%{opacity:.2}to{opacity:0;transform:translate(-100px,105vh) rotate(-580deg) scale(.5)}}@keyframes p3{0%{opacity:0;transform:translateY(-30px) rotate(0)}12%{opacity:.35}85%{opacity:.15}to{opacity:0;transform:translate(60px,105vh) rotate(650deg) scale(.7)}}.stage{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.click-hint{position:fixed;bottom:32px;right:32px;color:#00000029;font-size:13px;z-index:99;transition:opacity .4s;pointer-events:none}.stage:active .click-hint{opacity:.15}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6vw 8vw}@keyframes heroBoom{0%{opacity:0;transform:scale(.15);filter:blur(30px)}50%{filter:blur(0)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes splitIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes typeReveal{0%{clip-path:inset(0 100% 0 0)}40%{clip-path:inset(0 60% 0 0)}70%{clip-path:inset(0 20% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes numberLand{0%{opacity:0;transform:translateY(120px) scale(.3)}50%{transform:translateY(-10px) scale(1.02)}70%{transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gentleRise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes pinDrop{0%{opacity:0;transform:translateY(-80px) scale(.5)}55%{transform:translateY(6px) scale(1.03)}70%{transform:translateY(-3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes whooshRight{0%{opacity:0;transform:translate(-120px) rotate(-15deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes whooshLeft{0%{opacity:0;transform:translate(120px) rotate(15deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes flipUp{0%{opacity:0;transform:perspective(600px) rotateX(90deg)}to{opacity:1;transform:perspective(600px) rotateX(0)}}@keyframes glowBreath{0%,to{box-shadow:0 0 15px #c8893d26,0 0 40px #c8893d0d}50%{box-shadow:0 0 30px #c8893d4d,0 0 80px #c8893d1f}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.12)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes letterExpand{0%{opacity:0;letter-spacing:-8px}to{opacity:1;letter-spacing:normal}}@keyframes shimmerSweep{0%{background-position:-200% center}to{background-position:200% center}}@keyframes counterRoll{0%{opacity:0;transform:translateY(60px)}30%{opacity:1;transform:translateY(-15px)}50%{transform:translateY(5px)}65%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes scaleFade{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes borderDraw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.anim-heroBoom{animation:heroBoom 1s cubic-bezier(.16,1,.3,1) both}.anim-numberLand{animation:numberLand .9s cubic-bezier(.34,1.56,.64,1) both}.anim-gentleRise{animation:gentleRise 1s cubic-bezier(.16,1,.3,1) both}.anim-pinDrop{animation:pinDrop .6s cubic-bezier(.34,1.56,.64,1) both}.anim-whooshRight{animation:whooshRight .7s cubic-bezier(.16,1,.3,1) both}.anim-whooshLeft{animation:whooshLeft .7s cubic-bezier(.16,1,.3,1) both}.anim-flipUp{animation:flipUp .7s ease both}.anim-popIn{animation:popIn .55s cubic-bezier(.34,1.56,.64,1) both}.anim-slideUp{animation:slideUp .8s cubic-bezier(.16,1,.3,1) both}.anim-rise{animation:rise .7s ease both}.anim-scaleFade{animation:scaleFade .7s ease both}.anim-counterRoll{animation:counterRoll .9s cubic-bezier(.34,1.56,.64,1) both}.anim-letterExpand{animation:letterExpand .8s ease both}.anim-softFloat{animation:softFloat 5s ease-in-out infinite}.anim-glowBreath{animation:glowBreath 2.5s ease-in-out infinite}.anim-spinSlow{animation:spinSlow 45s linear infinite}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.5s}.d6{animation-delay:.6s}.d7{animation-delay:.7s}.d8{animation-delay:.8s}.d9{animation-delay:.9s}.d10{animation-delay:1s}.d12{animation-delay:1.2s}.d15{animation-delay:1.5s}.d18{animation-delay:1.8s}.d20{animation-delay:2s}.chapter-tag{font-size:12px;letter-spacing:8px;color:var(--gold);margin-bottom:44px;font-weight:600}.hero-title{font-size:clamp(36px,6vw,80px);font-weight:800;text-align:center;line-height:1.15;letter-spacing:3px;color:var(--blue-deep)}.big-number{font-size:clamp(85px,16vw,200px);font-weight:900;line-height:1;color:var(--gold)}.big-number-label{font-size:clamp(14px,2vw,22px);color:var(--muted);margin-top:10px;letter-spacing:6px}.body-text{font-size:clamp(17px,2.2vw,28px);text-align:center;line-height:1.9;max-width:680px;color:var(--muted);white-space:pre-line}.statement-text{font-size:clamp(24px,3.5vw,44px);text-align:center;line-height:1.5;font-weight:300;color:var(--blue-deep)}.statement-text em{font-style:normal;color:var(--gold);font-weight:700}.subtitle{font-size:clamp(16px,2vw,22px);color:var(--muted);font-weight:400;letter-spacing:3px;margin-bottom:36px}.ornament-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 28px;border-radius:1px;transform-origin:center}.card-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:920px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:18px;padding:30px 24px;width:195px;text-align:center;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px var(--shadow)}.card:hover{border-color:#c8893d4d;transform:translateY(-10px) scale(1.03);box-shadow:0 24px 56px #0000001f}.card-icon{font-size:40px;margin-bottom:14px;display:block}.card-title{font-size:16px;font-weight:700;color:var(--blue-deep);margin-bottom:6px}.card-desc{font-size:13px;color:var(--muted)}.logo-row{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap}.logo-badge{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:14px;padding:18px 28px;font-size:15px;color:var(--blue-deep);letter-spacing:2px;font-weight:600;transition:all .35s;box-shadow:0 4px 16px var(--shadow)}.logo-badge:hover{border-color:var(--gold);box-shadow:0 8px 32px #c8893d26;transform:translateY(-4px)}.compare-row{display:flex;gap:50px;align-items:center;justify-content:center;flex-wrap:wrap}.compare-box{width:240px;height:170px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:all .45s cubic-bezier(.16,1,.3,1)}.compare-box.plain{background:#fff6;border:2px dashed #ccc}.compare-box.pro{background:linear-gradient(135deg,#ffffffb3,#fff0d799);border:2px solid var(--gold);animation:glowBreath 2.5s ease-in-out infinite}.compare-label{font-size:11px;letter-spacing:4px;color:var(--muted);margin-bottom:16px;font-weight:600}.compare-icon{font-size:36px}.compare-text{font-size:14px;color:var(--muted);font-weight:500}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:540px}.map-dot{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:12px;padding:18px 16px;text-align:center;font-size:15px;font-weight:600;color:var(--blue-deep);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:default;box-shadow:0 2px 12px var(--shadow)}.map-dot:hover{border-color:var(--gold);transform:scale(1.07);box-shadow:0 14px 36px #c8893d24}.benefit-row{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.benefit{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(200,137,61,.2);border-radius:16px;padding:26px 30px;text-align:center;min-width:150px;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px var(--shadow)}.benefit:hover{transform:translateY(-10px);box-shadow:0 28px 56px #0000001f;border-color:var(--gold)}.benefit-tag{font-size:36px;font-weight:900;color:var(--gold)}.benefit-sub{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.5;white-space:pre-line}.verse-text{font-size:clamp(18px,2.8vw,34px);text-align:center;line-height:2.3;color:var(--blue-deep);font-style:italic;max-width:750px}.verse-author{font-size:14px;color:var(--muted);font-style:normal;margin-top:28px;letter-spacing:3px}.cta{font-size:clamp(16px,2vw,22px);color:var(--warm);letter-spacing:6px;font-weight:600}.brand-tag{display:inline-flex;align-items:center;gap:8px;background:#c8893d14;border:1px solid rgba(200,137,61,.3);border-radius:40px;padding:10px 28px;font-size:14px;color:var(--gold);letter-spacing:3px;font-weight:600}.ring{position:absolute;border-radius:50%;border:1px solid rgba(200,137,61,.08);pointer-events:none}.ring-1{width:500px;height:500px;animation:spinSlow 40s linear infinite}.ring-2{width:700px;height:700px;animation:spinSlow 55s linear infinite reverse}.ring-3{width:900px;height:900px;animation:spinSlow 65s linear infinite}.progress-bar-wrap{position:fixed;bottom:0;left:0;right:0;height:3px;background:#0000000a;z-index:100;opacity:0;transition:opacity .4s}.progress-bar-wrap:hover,.stage:hover~.progress-bar-wrap{opacity:1}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--warm),var(--gold-light));transition:width .4s ease}.step-counter{position:fixed;top:20px;right:24px;font-size:12px;color:var(--muted);z-index:100;opacity:0;transition:opacity .4s;letter-spacing:2px}.stage:hover~.step-counter,.step-counter:hover{opacity:1}.shutter{position:fixed;top:0;right:0;bottom:0;left:0;background:#fefcf8;pointer-events:none;z-index:200;opacity:0}.shutter.flash{opacity:.6;transition:none}.anim-underline{position:relative}.anim-underline:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--gold);animation:heroBoom 1.2s 1s ease both}