@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0}:root{--bg1:#f0fdfa;--bg2:#ecfeff;--accent:#14b8a6;--text:#134e4a;--clock-face:#fff;--clock-ring:#14b8a6;--clock-hand:#115e59;--celestial:#fbbf24;--star-opacity:0;--sun-y:50%;--moon-y:50%}html{scroll-behavior:smooth}body{font-family:Manrope,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;min-height:100svh;color:var(--text)}.page-shell{position:relative;min-height:100svh;background:linear-gradient(160deg,var(--bg1),var(--bg2))}.ripple-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.ripple{position:absolute;border-radius:50%;border:2px solid;background:transparent;animation:ripple-expand 1.8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes ripple-expand{0%{transform:scale(0);opacity:.6}50%{opacity:.3}to{transform:scale(1);opacity:0}}.celestial-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;will-change:opacity,transform}.star{position:absolute;border-radius:50%;background:var(--text);opacity:var(--star-opacity);animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:calc(var(--star-opacity)*.4)}to{opacity:var(--star-opacity)}}.sun{position:absolute;right:15%;top:var(--sun-y);width:60px;height:60px;border-radius:50%;background:var(--celestial);box-shadow:0 0 60px 20px var(--celestial),0 0 120px 40px #fbbf2426;transition:background .8s ease,box-shadow .8s ease;opacity:calc(1 - var(--star-opacity))}.moon{position:absolute;left:15%;top:var(--moon-y);width:48px;height:48px;border-radius:50%;background:var(--celestial);box-shadow:0 0 40px 10px #e0e7ff33;transition:background .8s ease;opacity:var(--star-opacity)}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,48px)}.brand-mark{display:flex;align-items:center;gap:10px}.brand-orb{display:block;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--celestial));box-shadow:0 0 16px #f59e0b4d;transition:background .8s ease}.brand-mark strong{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.lang-toggle{display:flex;gap:4px}.lang-btn{padding:6px 14px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg1) 60%,transparent);color:color-mix(in srgb,var(--text) 60%,transparent);font-size:.8rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.lang-btn:hover{transform:translateY(-1px)}.hero-section{position:relative;min-height:100svh;display:flex;flex-direction:column;z-index:2}.hero-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px 60px;position:relative;text-align:center}.hero-tagline{font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:40px;opacity:.85}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:32px;font-size:.76rem;letter-spacing:.06em;position:relative;z-index:2}.scroll-arrow{width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:bounce-down 1.6s ease-in-out infinite}@keyframes bounce-down{0%,to{transform:rotate(45deg) translateY(0);opacity:.4}50%{transform:rotate(45deg) translateY(5px);opacity:.8}}.wave-clock{position:relative;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:16px}.wave-clock:active{cursor:grabbing}.clock-face{position:relative;width:clamp(180px,28vw,260px);aspect-ratio:1;border-radius:50%;background:var(--clock-face);container-type:inline-size;box-shadow:0 0 0 3px var(--clock-ring),0 0 0 6px color-mix(in srgb,var(--clock-ring) 20%,transparent),0 24px 64px #00000014,0 8px 24px #0000000a;transition:background .8s ease,box-shadow .8s ease}.clock-marker{position:absolute;top:8px;left:50%;width:2px;height:10px;margin-left:-1px;background:color-mix(in srgb,var(--clock-hand) 30%,transparent);transform-origin:50% calc(clamp(180px,28vw,260px)/2 - 4px);border-radius:1px;transition:background .8s ease}.clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:2px;transition:background .8s ease}.hour-hand{width:4px;margin-left:-2px;height:28%;background:var(--clock-hand)}.minute-hand{width:2px;margin-left:-1px;height:36%;background:var(--accent)}.clock-center{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--clock-face);transition:background .8s ease}.time-info{display:flex;align-items:baseline;gap:12px;margin-top:28px}.time-display{font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.04em}.time-phase{font-size:.95rem;opacity:.6;font-weight:500}.hero-description{margin-top:16px;font-size:.95rem;opacity:.6;max-width:400px;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:28px}.primary-btn,.ghost-btn{padding:10px 24px;border-radius:999px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,transparent);text-decoration:none}.ghost-btn{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-2px)}.mode-hint{margin-top:20px;font-size:.76rem;opacity:.35;letter-spacing:.04em}.cityscape{position:fixed;bottom:0;left:0;right:0;z-index:1;pointer-events:none;height:clamp(100px,20vh,200px);will-change:opacity,transform}.horizon-line{position:absolute;bottom:calc(100% - 10px);left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 20%,transparent) 20%,color-mix(in srgb,var(--accent) 35%,transparent) 50%,color-mix(in srgb,var(--accent) 20%,transparent) 80%,transparent 100%)}.city-svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.building{fill:color-mix(in srgb,var(--text) 18%,var(--bg2));transition:fill .8s ease}.building-window{fill:#fbbf24;filter:drop-shadow(0 0 3px rgba(251,191,36,.6));transition:opacity .3s ease}.tower-clock{fill:none;stroke:color-mix(in srgb,var(--text) 25%,transparent);stroke-width:1;transition:stroke .8s ease}.tower-clock-dot{fill:color-mix(in srgb,var(--text) 25%,transparent);transition:fill .8s ease}.season-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;z-index:3;color:var(--section-text);overflow:hidden}.season-deco{position:absolute;top:5%;height:90%;width:clamp(120px,20vw,240px);z-index:0;pointer-events:none;overflow:visible;will-change:transform}.season-deco-left{left:0}.season-deco-right{right:0}.season-deco-top{top:0;height:auto;width:clamp(160px,25vw,320px);max-height:35%}.particle-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.petal{position:absolute;top:-20px;border-radius:60% 40%;opacity:0;animation:fall-petal linear infinite}@keyframes fall-petal{0%{transform:translateY(0) rotate(0) translate(0);opacity:0}8%{opacity:.7}50%{transform:translateY(50vh) rotate(180deg) translate(30px)}92%{opacity:.7}to{transform:translateY(105vh) rotate(360deg) translate(-10px);opacity:0}}.raindrop{position:absolute;top:-30px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(147,197,253,.6));border-radius:0 0 1px 1px;opacity:0;animation:fall-rain linear infinite}@keyframes fall-rain{0%{transform:translateY(0);opacity:0}3%{opacity:.6}97%{opacity:.5}to{transform:translateY(108vh);opacity:0}}.leaf{position:absolute;top:-20px;border-radius:2px 8px;opacity:0;animation:fall-leaf linear infinite}@keyframes fall-leaf{0%{transform:translateY(0) rotate(0) translate(0);opacity:0}8%{opacity:.85}25%{transform:translateY(25vh) rotate(90deg) translate(25px)}50%{transform:translateY(50vh) rotate(180deg) translate(-15px)}75%{transform:translateY(75vh) rotate(270deg) translate(20px)}92%{opacity:.85}to{transform:translateY(105vh) rotate(360deg) translate(5px);opacity:0}}.snowflake{position:absolute;top:-10px;border-radius:50%;background:#fff;opacity:0;animation:fall-snow linear infinite}@keyframes fall-snow{0%{transform:translateY(0) translate(0);opacity:0}8%{opacity:.7}25%{transform:translateY(25vh) translate(12px)}50%{transform:translateY(50vh) translate(-8px)}75%{transform:translateY(75vh) translate(10px)}92%{opacity:.7}to{transform:translateY(105vh) translate(-3px);opacity:0}}.season-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;padding:60px 24px;opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.season-content.visible{opacity:1;transform:translateY(0)}.season-icon{font-size:clamp(2.5rem,6vw,4rem);line-height:1;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.season-title{font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;letter-spacing:-.03em;margin-bottom:8px}.season-subtitle{font-size:.88rem;font-weight:500;opacity:.5;letter-spacing:.08em;margin-bottom:24px}.season-desc{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.7;opacity:.75;margin-bottom:28px}.season-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.season-features li{font-size:.92rem;font-weight:500;opacity:.65;display:flex;align-items:center;gap:10px}.season-features li:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;flex-shrink:0}.site-footer{position:relative;z-index:4;padding:40px 24px;text-align:center;font-size:.8rem;opacity:.4}@media (max-width:640px){.hero-center{padding:90px 20px 40px}.hero-tagline{margin-bottom:28px}.hero-actions{flex-direction:column;width:100%;max-width:260px}.primary-btn,.ghost-btn{width:100%;text-align:center}.sun{width:40px;height:40px;right:10%}.moon{width:32px;height:32px;left:10%}.season-section{min-height:80vh}.season-features{align-items:flex-start;padding-left:20px}.season-deco{width:clamp(80px,18vw,140px)}.season-deco-top{width:clamp(100px,22vw,200px)}}