@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap');
:root{--bg:#f5f2e9;--paper:#fffdf7;--text:#20352d;--muted:#6c756e;--line:rgba(32,53,45,.12);--green:#315745;--accent:#e8a45b;--shadow:0 25px 70px rgba(37,57,48,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.darkmode{--bg:#121916;--paper:#1a231f;--text:#edf2ec;--muted:#a6b1aa;--line:rgba(255,255,255,.12);--green:#8fb79f;--accent:#e9ad67;--shadow:0 25px 70px rgba(0,0,0,.3)}a{text-decoration:none;color:inherit}button{font:inherit}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(232,164,91,.15)}nav{display:flex;gap:32px;font-size:14px}nav a{opacity:.7;transition:.2s}nav a:hover{opacity:1}.icon-btn{border:1px solid var(--line);background:transparent;border-radius:50%;width:40px;height:40px;cursor:pointer;color:var(--text)}#progress{position:fixed;z-index:100;top:0;left:0;height:3px;width:0;background:var(--accent)}.hero{min-height:100vh;padding:140px 7% 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.kicker{font-size:11px;letter-spacing:.22em;font-weight:800;opacity:.55;margin:0 0 16px}.hero h1{font-family:"Noto Serif SC",serif;font-size:clamp(45px,6.3vw,88px);line-height:1.15;letter-spacing:-.06em;margin:0 0 28px}.hero h1 em{font-style:normal;color:#718e78}.lead{max-width:650px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{border:0;border-radius:999px;padding:13px 23px;cursor:pointer;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.stats{display:flex;gap:35px;margin-top:35px}.stats div{display:flex;flex-direction:column}.stats b{font-size:25px}.stats span{font-size:11px;color:var(--muted)}.hero-art{height:min(600px,72vw);min-height:430px;position:relative;border-radius:42px;overflow:hidden;background:linear-gradient(145deg,#a8c1ad,#58766a);box-shadow:var(--shadow);isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 75%,rgba(255,255,255,.25),transparent 30%),radial-gradient(circle at 75% 20%,rgba(255,218,155,.45),transparent 28%);z-index:-1}.sun-shape{position:absolute;width:210px;height:210px;border-radius:50%;background:#f4d58b;top:20%;right:20%;box-shadow:0 0 90px rgba(255,220,145,.45)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:280px;height:280px;left:-90px;bottom:-90px;background:rgba(239,196,136,.35)}.orb-b{width:170px;height:170px;right:-40px;bottom:15%;background:rgba(231,157,116,.3)}.floating-note{position:absolute;background:rgba(255,255,255,.82);color:#294238;padding:10px 16px;border-radius:18px;font-size:13px;box-shadow:0 12px 30px rgba(0,0,0,.12);animation:float 5s ease-in-out infinite}.note-a{top:17%;left:10%}.note-b{bottom:27%;left:16%;animation-delay:-1.7s}.note-c{right:9%;bottom:12%;animation-delay:-3s}.art-caption{position:absolute;left:11%;bottom:9%;color:white;font-size:12px;letter-spacing:.2em}.art-caption strong{font-size:23px;letter-spacing:.03em}.section{padding:120px 7%;max-width:1450px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:55px}.section-head h2,.words h2,.today h2{font-family:"Noto Serif SC",serif;font-size:clamp(31px,4.4vw,58px);line-height:1.3;margin:0;letter-spacing:-.04em}.section-head>p{max-width:400px;color:var(--muted)}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.season{min-height:390px;padding:30px;border-radius:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:white;box-shadow:var(--shadow);transition:.3s}.season:hover{transform:translateY(-8px)}.season:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.52),transparent 70%);z-index:-1}.spring{background:linear-gradient(145deg,#b8d6b0,#688d72)}.summer{background:linear-gradient(145deg,#efb96b,#668f9b)}.autumn{background:linear-gradient(145deg,#c78d58,#735b4a)}.winter{background:linear-gradient(145deg,#91b3c2,#3e596b)}.season span{font-size:11px;letter-spacing:.18em;opacity:.8}.season h3{font-family:"Noto Serif SC",serif;font-size:30px;margin:7px 0}.season p{font-size:13px;opacity:.9;margin:0 0 18px}.season button{align-self:flex-start;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);color:white;border-radius:99px;padding:8px 14px;cursor:pointer}.dark{max-width:none;background:#29483a;color:#f6f5ee}.dark .section-head>p{color:rgba(255,255,255,.62)}.moment-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:17px}.moment{min-height:260px;border:1px solid rgba(255,255,255,.14);border-radius:25px;padding:28px;background:rgba(255,255,255,.055);transition:.3s}.moment:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}.moment.big{grid-row:span 2;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(239,196,136,.16),rgba(255,255,255,.04))}.moment.wide{grid-column:span 2}.moment span{font-size:40px}.moment h3{font-family:"Noto Serif SC",serif;font-size:24px;margin:15px 0 6px}.moment p{margin:0;color:rgba(255,255,255,.66);font-size:14px}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.explore-card{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:30px;min-height:270px;transition:.3s}.explore-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.emoji{font-size:38px}.explore-card h3{font-family:"Noto Serif SC",serif;font-size:27px;margin:12px 0 5px}.explore-card p{color:var(--muted);font-size:14px}.explore-card span{font-size:10px;letter-spacing:.18em;opacity:.45}.words{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.quote-panel{position:relative;padding:55px 60px;background:var(--paper);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}.quote-mark{font-family:Georgia,serif;font-size:90px;line-height:.7;color:var(--accent)}.quote-panel p{font-family:"Noto Serif SC",serif;font-size:clamp(23px,3vw,38px);line-height:1.5;margin:20px 0}.quote-panel small{display:block;color:var(--muted);margin-bottom:28px}.today{padding-top:30px}.today-box{padding:60px;border-radius:34px;background:#e8c58e;display:grid;grid-template-columns:1fr 1fr;gap:60px;color:#263c32}.today-box p:not(.kicker){max-width:600px}.checks{display:flex;flex-direction:column;gap:14px;justify-content:center}.checks label{background:rgba(255,255,255,.42);border-radius:18px;padding:15px 18px;cursor:pointer}.checks input{accent-color:#315745}.checks label:has(input:checked) span{text-decoration:line-through;opacity:.5}.toast{position:fixed;z-index:80;left:50%;bottom:30px;transform:translate(-50%,130px);padding:16px 22px;border-radius:99px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);transition:.4s;pointer-events:none}.toast.show{transform:translate(-50%,0)}.top-btn{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transition:.3s}.top-btn.show{opacity:1;pointer-events:auto}footer{padding:55px 7%;display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer strong{color:var(--text)}@keyframes float{50%{transform:translateY(-10px)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.hero-art{height:500px}.season-grid{grid-template-columns:1fr 1fr}.moment-grid{grid-template-columns:1fr 1fr}.moment.big{grid-row:auto;min-height:350px}.moment.wide{grid-column:auto}.explore-grid{grid-template-columns:1fr 1fr}.words,.today-box{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:18px}}@media(max-width:560px){.topbar{padding:0 5%}.hero{padding:120px 6% 60px}.hero-art{min-height:380px;height:100vw;border-radius:28px}.sun-shape{width:140px;height:140px}.season-grid,.moment-grid,.explore-grid{grid-template-columns:1fr}.section{padding:80px 6%}.moment.big{min-height:300px}.quote-panel,.today-box{padding:30px}.stats{gap:20px}footer{flex-direction:column;gap:5px}}