/* 默认启用动画；按钮样式移除。最后修改：Codex（AI辅助）；2026-11-12 11:40:17（Asia/Shanghai）。 */
.hero{padding-bottom:180px}
.hero .scene-controls{top:calc(100% + 12px);bottom:auto}
.header{position:sticky;top:0;transition:background .35s,box-shadow .35s;backdrop-filter:blur(16px);background:#f6f3e9d9}.header.scrolled{box-shadow:0 1px 0 #bdc9b444,0 10px 30px #34533b06}.hero{isolation:isolate;min-height:790px;padding-bottom:125px}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{animation:copy-arrive .9s .05s both}.hero h1{animation:copy-arrive 1s .15s both}.hero-copy>p{animation:copy-arrive 1s .28s both}.hero-actions{animation:copy-arrive 1s .4s both}.hero-note{animation:copy-arrive 1s .5s both}.hero-art{--px:0;--py:0;perspective:1100px;translate:0 var(--scroll-shift,0px)}.hero-art:before{transition:background 1.6s;animation:island-breathe 12s ease-in-out infinite}.hero[data-scene=cosmos] .hero-art:before{background:#e0e1e8}.hero[data-scene=ocean] .hero-art:before{background:#dce9e5}.phone{animation:phone-enter 1.5s cubic-bezier(.16,1,.3,1) both;transform:rotate(8deg);translate:calc(var(--px)*-14px) calc(var(--py)*-10px);rotate:y calc(var(--px)*-5deg);transition:box-shadow .4s;will-change:translate}.phone:hover{box-shadow:17px 30px 0 #c9d0bb55,0 35px 65px #354d3b25}.floating-note{translate:calc(var(--px)*26px) calc(var(--py)*18px);animation:note-float 6s ease-in-out infinite}.note-two{animation-delay:-3s;translate:calc(var(--px)*-22px) calc(var(--py)*-15px)}.art-star{translate:calc(var(--px)*30px) calc(var(--py)*25px)}.art-label{display:none}.scene-controls{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);z-index:4;width:340px;text-align:center}.scene-caption{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#8a9680;letter-spacing:2px;margin-bottom:13px}.scene-caption>i{height:5px;width:5px;background:#8ea66c;border-radius:50%;box-shadow:0 0 0 4px #8ea66c18;animation:live-pulse 2s infinite}.scene-buttons{display:flex;align-items:center;justify-content:center;gap:6px}.scene-buttons button{position:relative;border:1px solid #d5ddca;background:#fcfaf0b3;backdrop-filter:blur(10px);border-radius:20px;font-size:9px;padding:10px 14px;overflow:hidden;color:#8c9583;transition:background .3s,color .3s,transform .3s}.scene-buttons button span{font-size:11px;margin-left:6px}.scene-buttons button.selected{background:#355b46;color:#fff9e9;border-color:#355b46}.scene-buttons button:hover{transform:translateY(-3px)}.scene-buttons button>i{position:absolute;left:0;bottom:0;height:2px;background:#e4c386;transform:scaleX(0);transform-origin:left;width:100%}.scene-controls.auto .selected>i{animation:scene-clock 8s linear forwards}.scene-buttons .scene-pause{font-size:12px;width:32px;height:32px;border-radius:50%;padding:0}.living-landscape{position:absolute;inset:0;z-index:-1;overflow:visible;pointer-events:none;translate:calc(var(--px)*16px) calc(var(--py)*12px)}.landscape-hill{position:absolute;width:450px;height:190px;left:50%;bottom:55px;border-radius:50%;background:#c4d1ae;transform:translateX(-50%) rotate(-8deg);opacity:.7;transition:background 1.5s}.hill-b{width:390px;height:140px;bottom:40px;left:55%;background:#9fb78b;transform:translateX(-50%) rotate(12deg);opacity:.6}.landscape-sun{position:absolute;width:88px;height:88px;background:#edcf87;right:30px;top:100px;border-radius:50%;box-shadow:0 0 0 15px #edd18b16,0 0 0 35px #edd18b0c;animation:sun-breathe 7s ease-in-out infinite;transition:background 1s}.landscape-cloud{position:absolute;width:105px;height:27px;border-radius:50px;background:#fcfaefb3;left:0;top:170px;animation:cloud-drift 13s ease-in-out infinite}.landscape-cloud:before,.landscape-cloud:after{position:absolute;content:"";width:47px;height:47px;border-radius:50%;background:inherit;left:20px;bottom:4px}.landscape-cloud:after{width:33px;height:33px;left:53px}.cloud-b{left:auto;right:-15px;top:290px;scale:.65;animation-delay:-6s}.landscape-tree{position:absolute;bottom:50px;left:0;font-size:100px;color:#91a77c;transform:rotate(-12deg);animation:tree-sway 5s ease-in-out infinite;transform-origin:bottom}.tree-b{left:auto;right:0;bottom:45px;font-size:70px;animation-delay:-2s;color:#b9bf8f}.hero[data-scene=cosmos] .landscape-sun{background:#ddd8b9;box-shadow:inset 16px -3px 0 #beb9d0,0 0 50px #efddba66}.hero[data-scene=cosmos] .hill-a{background:#b6bdce}.hero[data-scene=cosmos] .hill-b{background:#a5b0bd}.hero[data-scene=ocean] .hill-a{background:#adcfc7}.hero[data-scene=ocean] .hill-b{background:#82b1ad}.island-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.screen-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.3s;overflow:hidden;pointer-events:none}.cosmos-scene{background:linear-gradient(155deg,#344a65,#677b8c 65%,#9dada5)}.hero[data-scene=cosmos] .cosmos-scene,.hero[data-scene=ocean] .ocean-scene{opacity:1}.video-chip,.video-play,.video-bottom{z-index:3}.garden{transition:opacity 1.3s}.hero:not([data-scene=nature]) .garden{opacity:0}.cosmos-moon{position:absolute;right:38px;top:40px;width:47px;height:47px;border-radius:50%;background:#f1dfad;box-shadow:0 0 30px #e9d9b733}.cosmos-moon:after{content:"";position:absolute;width:43px;height:43px;border-radius:50%;background:#435970;left:-9px;top:-6px}.cosmos-planet{position:absolute;left:38px;top:130px;width:59px;height:59px;background:linear-gradient(150deg,#ceaa88,#ab7e68);border-radius:50%;animation:planet-bob 7s ease-in-out infinite}.cosmos-planet:after{content:"";position:absolute;inset:17px -17px;border:5px solid #e5c99888;border-radius:50%;transform:rotate(-28deg)}.cosmos-star{position:absolute;left:var(--x);top:var(--y);color:#fff2c6;font-style:normal;animation:star-twinkle 3s var(--d) ease-in-out infinite;font-size:16px}.planet-orbit{position:absolute;width:200px;height:200px;border:1px solid #dbe1dd22;border-radius:50%;left:9px;top:40px;animation:spin 35s linear infinite}.little-planet{position:absolute;width:9px;height:9px;background:#bfd6cb;top:12px;left:40px;border-radius:50%}.shooting-star{position:absolute;width:55px;height:1px;background:linear-gradient(90deg,transparent,#fff6d4);left:15px;top:35px;transform:rotate(35deg);animation:shoot 7s 2s infinite}.space-hill{position:absolute;width:400px;height:160px;background:#658180;left:-30px;bottom:-75px;border-radius:50%;transform:rotate(-13deg)}.ocean-scene{background:linear-gradient(#9ecfce,#5d9fa8 60%,#377d8a)}.ocean-ray{position:absolute;left:10%;top:-40px;width:55px;height:320px;background:linear-gradient(#fffde844,transparent);transform:rotate(25deg);filter:blur(6px);animation:ray-sway 8s ease-in-out infinite}.ocean-wave{position:absolute;left:-25%;top:-55px;width:150%;height:90px;border-radius:50%;background:#d3e9dd66;animation:wave-slide 6s ease-in-out infinite}.wave-two{top:-60px;left:-10%;animation-delay:-3s;background:#eff6da55}.whale{position:absolute;width:112px;height:61px;left:50px;top:122px;background:#b2d4cf;border-radius:50% 50% 43% 47%;animation:whale-swim 8s ease-in-out infinite;box-shadow:inset 0 -13px 0 #d8e3cd}.whale-tail{position:absolute;right:-19px;top:15px;width:32px;height:25px;background:#9ac5c2;clip-path:polygon(0 38%,100% 0,85% 50%,100% 100%,0 65%);animation:tail-flap 2s ease-in-out infinite;transform-origin:left}.whale>i{position:absolute;left:22px;top:25px;width:4px;height:4px;border-radius:50%;background:#355b56}.whale>b{position:absolute;width:30px;height:15px;background:#8ebabc;border-radius:0 0 100% 100%;left:47px;top:40px;transform:rotate(20deg)}.ocean-bubble{position:absolute;left:var(--x);bottom:-20px;width:var(--s);height:var(--s);border-radius:50%;border:1px solid #e2f2e8aa;animation:bubble-up 6s var(--d) linear infinite}.seaweed{position:absolute;bottom:-25px;left:25px;width:20px;height:110px;background:#4b8b77;border-radius:100% 0 100% 0;transform:rotate(-10deg);animation:seaweed-sway 4s ease-in-out infinite;transform-origin:bottom}.seaweed-two{left:auto;right:26px;height:80px;background:#73a68c;animation-delay:-2s}.sprout-stem{stroke-dasharray:110;stroke-dashoffset:0;animation:stem-grow 8s ease-in-out infinite}.leaf-left{transform-origin:151px 259px;animation:leaf-grow-left 8s ease-in-out infinite}.leaf-right{transform-origin:153px 237px;animation:leaf-grow-right 8s ease-in-out infinite}.page-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#6f9262,#dbb56e);transform-origin:left;transform:scaleX(0);z-index:50;pointer-events:none}.js-motion .reveal{transform:translateY(38px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.topic-panel.scene-entered .big-flower{animation:flower-rise 1.4s cubic-bezier(.16,1,.3,1) both}.topic-panel.scene-entered .topic-sun{animation:sun-rise 1.6s cubic-bezier(.16,1,.3,1) both}.topic-panel.scene-entered .hill-front{animation:hill-rise 1.3s both}.topic-copy{transition:background .6s}.feature{transition:translate .35s}.feature:hover{translate:0 -7px}.feature-art{transition:box-shadow .4s}.feature:hover .feature-art{box-shadow:0 20px 40px #355b4610}.scene-entered .search-bar{animation:search-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.scene-entered .typing{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing-in 3s steps(8) infinite alternate;max-width:120px}.scene-entered .card-back{animation:card-float-back 6s ease-in-out infinite}.scene-entered .card-front{animation:card-float-front 6s ease-in-out infinite}.scene-entered .flower-track>i{animation:seek-grow 7s ease-in-out infinite}.scene-entered .flower-track>b{animation:seek-flower 7s ease-in-out infinite}.parent-visual.scene-entered .dial-value{animation:dial-fill 2s cubic-bezier(.16,1,.3,1) both}.button.primary,.header-cta,.download-buttons button{position:relative;overflow:hidden}.button.primary:after{content:"";position:absolute;width:35%;height:200%;top:-50%;left:-70%;background:linear-gradient(90deg,transparent,#fff6da24,transparent);transform:rotate(25deg);transition:left .7s}.button.primary:hover:after{left:140%}.button-ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:#e6dbaf55;pointer-events:none;animation:ripple-out .7s ease-out forwards}.download:hover .download-flower{animation-duration:15s}dialog[open]{animation:modal-in .5s cubic-bezier(.16,1,.3,1)}dialog[open]::backdrop{animation:backdrop-in .4s}.demo-story-nav{display:flex;justify-content:center;gap:10px;margin-top:-10px}.demo-story-nav button{border:1px solid #b9c7ac;border-radius:50%;width:30px;height:30px;font-size:10px;background:transparent}.demo-story-nav button[aria-pressed=true]{background:#355b46;color:#fff8df}.demo-story-label{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;font-size:10px;color:#355b46}.demo-scene .demo-sprout{bottom:30px}.demo-scene[data-step="1"]{background:linear-gradient(#536782,#a7b8bb)}.demo-scene[data-step="1"] .demo-sprout{color:#f7dda0}.demo-scene[data-step="1"] .demo-story-label{color:#fff5d6}.motion-sleep *,body:has(dialog[open]) .hero *{animation-play-state:paused!important}
@keyframes copy-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes island-breathe{0%,100%{transform:rotate(-17deg) scale(.98);border-radius:49% 51% 55% 45%}50%{transform:rotate(-10deg) scale(1.04);border-radius:55% 45% 46% 54%}}@keyframes note-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-13px)}}@keyframes live-pulse{50%{box-shadow:0 0 0 7px #8ea66c00}}@keyframes scene-clock{to{transform:scaleX(1)}}@keyframes sun-breathe{50%{transform:translateY(-12px);box-shadow:0 0 0 21px #edd18b10,0 0 0 45px #edd18b08}}@keyframes cloud-drift{50%{transform:translateX(30px)}}@keyframes tree-sway{50%{transform:rotate(-4deg)}}@keyframes star-twinkle{0%,100%{opacity:.3;scale:.7}50%{opacity:1;scale:1.2}}@keyframes planet-bob{50%{transform:translateY(-10px) rotate(-8deg)}}@keyframes shoot{0%,70%,100%{opacity:0;translate:0 0}75%{opacity:1}88%{opacity:0;translate:140px 90px}}@keyframes whale-swim{0%,100%{transform:translate(-8px,0) rotate(-4deg)}50%{transform:translate(18px,-12px) rotate(3deg)}}@keyframes tail-flap{50%{transform:scaleX(.7) rotate(12deg)}}@keyframes bubble-up{0%{transform:translateY(0);opacity:0}15%{opacity:.7}100%{transform:translate(13px,-320px);opacity:0}}@keyframes seaweed-sway{50%{transform:rotate(12deg)}}@keyframes wave-slide{50%{transform:translateX(25px) rotate(5deg)}}@keyframes ray-sway{50%{transform:rotate(15deg) translateX(20px);opacity:.5}}@keyframes stem-grow{0%,7%{stroke-dashoffset:110}28%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:110}}@keyframes leaf-grow-left{0%,15%,100%{transform:scale(.02) rotate(35deg);opacity:0}35%,85%{transform:scale(1) rotate(0);opacity:1}}@keyframes leaf-grow-right{0%,22%,100%{transform:scale(.02) rotate(-35deg);opacity:0}44%,85%{transform:scale(1) rotate(0);opacity:1}}@keyframes flower-rise{from{transform:translateY(130px) rotate(-20deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes sun-rise{from{transform:translateY(90px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hill-rise{from{translate:0 55px}to{translate:0 0}}@keyframes search-arrive{from{transform:translateX(-45px) rotate(-10deg);opacity:0}to{transform:translateX(0) rotate(-6deg);opacity:1}}@keyframes typing-in{0%,10%{max-width:0}70%,100%{max-width:120px}}@keyframes card-float-back{50%{transform:rotate(-17deg) translate(-3px,-7px)}}@keyframes card-float-front{50%{transform:rotate(8deg) translate(3px,-12px)}}@keyframes seek-grow{0%,100%{width:25%}50%{width:80%}}@keyframes seek-flower{0%,100%{left:20%;rotate:0deg}50%{left:75%;rotate:170deg}}@keyframes dial-fill{from{stroke-dashoffset:471}to{stroke-dashoffset:153}}@keyframes ripple-out{to{transform:scale(35);opacity:0}}@keyframes modal-in{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.header,.hero{max-width:1500px}.hero{min-height:850px;grid-template-columns:1fr 1fr;padding-left:75px;padding-right:75px}.hero h1{font-size:68px}.hero-art{scale:1.1}.living-landscape .hill-a{width:520px}.section{max-width:1300px}.hero-copy>p{font-size:16px}}
@media(min-width:701px) and (max-width:1000px){.hero{min-height:750px;grid-template-columns:1fr 1fr;padding-left:30px;padding-right:30px}.hero h1{font-size:clamp(30px,4.5vw,43px)}.hero-art{scale:.79}.scene-controls{bottom:-38px}.living-landscape .tree-a{left:-15px}.hero-actions{flex-wrap:wrap;gap:12px}.hero-copy>p{font-size:13px}}
@media(max-width:700px){.header{height:76px}.hero{min-height:0;padding-top:28px;padding-bottom:75px}.hero-art{height:570px;translate:0 0;scale:.88;margin-top:22px;margin-bottom:0}.phone{translate:0 0;rotate:none}.floating-note,.art-star,.living-landscape{translate:0 0}.scene-controls{bottom:-27px;width:330px}.scene-caption{margin-bottom:10px}.landscape-hill{width:380px;bottom:45px}.hill-b{width:330px;bottom:35px}.landscape-sun{right:25px;top:90px;width:65px;height:65px}.landscape-tree{font-size:70px;left:10px;bottom:60px}.tree-b{left:auto;right:10px;font-size:55px}.cloud-a{left:10px}.cloud-b{right:10px}.hero-copy>.eyebrow,.hero h1,.hero-copy>p,.hero-actions,.hero-note{animation-duration:.7s}.hero-art:before{animation-duration:14s}.page-progress{height:2px}.scene-buttons button{padding:9px 13px}.hero .island-atmosphere{opacity:.65}}
@media(max-width:360px){.hero{padding-left:20px;padding-right:20px}.hero-art{margin-left:-20px;margin-right:-20px;scale:.78;margin-top:-15px;margin-bottom:-25px}.hero h1{font-size:32px}.hero-actions{gap:14px}.hero-actions .button{padding:14px 17px}.watch-link{font-size:9px}.living-landscape .tree-a{left:0}.living-landscape .tree-b{right:0}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .hero-art,html:not(.motion-enabled) .phone,html:not(.motion-enabled) .floating-note,html:not(.motion-enabled) .art-star,html:not(.motion-enabled) .living-landscape{translate:0 0!important;rotate:none}html:not(.motion-enabled) .hero-copy>*{opacity:1;transform:none}html:not(.motion-enabled) .screen-scene{transition:none}html:not(.motion-enabled) .scene-controls .selected>i{display:none}html:not(.motion-enabled) .island-atmosphere{display:none}html:not(.motion-enabled) .feature:hover{translate:0 0}html:not(.motion-enabled) .scene-entered .typing{max-width:120px}html:not(.motion-enabled) .hero .phone{transform:rotate(8deg)}}

.hero{padding-bottom:180px}.hero .scene-controls{top:calc(100% + 12px);bottom:auto}@media(max-width:700px){.hero{padding-bottom:140px}}