:root{--ink:#202633;--navy:#24324a;--navy-2:#182337;--cream:#faf6ed;--paper:#fffdf8;--sage:#a8c5a2;--sage-dark:#52745f;--amber:#e6a653;--berry:#c96370;--line:rgba(32,38,51,.14);--muted:#6d706f;--shadow:0 24px 70px rgba(28,35,49,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.7}.skip{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;padding:.7rem 1rem;border-radius:8px}.skip:focus{top:1rem}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:78px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1.2rem,4vw,4.5rem);position:sticky;top:0;z-index:100;background:rgba(250,246,237,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(36,50,74,.08)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:.06em}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:Georgia,serif;font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.brand small{display:block;color:var(--sage-dark);font-size:.62rem;letter-spacing:.18em;margin-top:-.18rem}.main-nav{display:flex;align-items:center;gap:1.5rem;margin-left:auto;font-size:.9rem}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--amber);transition:.25s}.main-nav a:hover:after{right:0}.lang-switch{border:1px solid var(--line);background:white;border-radius:99px;padding:.45rem .7rem;display:flex;gap:.5rem;align-items:center;cursor:pointer}.lang-switch i{width:25px;height:14px;background:var(--navy);border-radius:99px;position:relative}.lang-switch i:after{content:"";width:8px;height:8px;border-radius:50%;background:white;position:absolute;left:3px;top:3px;transition:.25s}html[data-lang="en"] .lang-switch i:after{left:14px}.nav-toggle{display:none;border:0;background:transparent;font-size:1.5rem}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:clamp(4rem,8vw,8rem) clamp(1.4rem,6vw,7rem);position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(168,197,162,.3),transparent 34%),linear-gradient(145deg,#faf6ed 0%,#f8f2e7 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.hero-copy{max-width:680px;position:relative;z-index:2}.eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--sage-dark);margin:0 0 1.2rem}.hero h1,.section h2,.closing h2{font-family:"Songti SC","STSong",Georgia,serif;line-height:1.12;letter-spacing:-.035em}.hero h1{font-size:clamp(3.1rem,6.5vw,7.4rem);margin:0 0 1.5rem}.hero-lead{font-size:clamp(1rem,1.5vw,1.22rem);max-width:620px;color:#545a60}.hero-actions{display:flex;gap:1rem;margin-top:2.3rem;flex-wrap:wrap}.button{min-height:48px;padding:.76rem 1.25rem;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:600;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff;box-shadow:0 12px 28px rgba(36,50,74,.2)}.button-primary:hover{background:var(--navy-2)}.button-ghost{border-color:rgba(36,50,74,.25);background:rgba(255,255,255,.55)}.full{width:100%}.microcopy{font-size:.76rem;color:#7b7d7c;margin-top:1rem}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.sun-card{width:min(420px,78vw);aspect-ratio:.78;background:var(--navy);border-radius:34px;position:relative;overflow:hidden;box-shadow:var(--shadow);transform:rotate(2deg)}.sun{position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#f9db8b,#e6a653);left:50%;top:13%;transform:translateX(-50%);box-shadow:0 0 60px rgba(230,166,83,.28)}.sun-card:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-12%;height:48%;background:#a8c5a2;border-radius:50% 50% 0 0/23% 23% 0 0;transform:rotate(-4deg)}.sun-card p{position:absolute;left:2rem;right:2rem;bottom:1.2rem;z-index:4;color:var(--navy);font-weight:700;font-size:1.05rem}.glass{width:108px;height:210px;border:5px solid rgba(255,255,255,.9);border-top:0;border-radius:0 0 35px 35px;position:absolute;left:50%;top:36%;transform:translateX(-50%);z-index:3;overflow:hidden}.glass:before{content:"";position:absolute;inset:38% 5px 5px;background:linear-gradient(#fff7d6,#e9be66);border-radius:0 0 25px 25px}.glass span{position:absolute;width:5px;height:90px;background:#fff;left:50%;top:-30px;transform:rotate(5deg)}.glass b{position:absolute;width:38px;height:15px;background:#f7db7c;border-radius:50%;left:15px;bottom:50px;transform:rotate(12deg)}.cube{position:absolute;width:36px;height:36px;background:#fffaf0;z-index:2;box-shadow:inset -8px -8px 0 rgba(230,166,83,.14);border-radius:5px}.cube-a{left:23%;top:30%;transform:rotate(18deg)}.cube-b{right:20%;top:50%;transform:rotate(-13deg)}.cube-c{right:26%;top:24%;transform:rotate(34deg)}.leaf{position:absolute;width:130px;height:58px;background:#6e9678;border-radius:100% 0 100% 0;z-index:2}.leaf-a{left:-18px;bottom:27%;transform:rotate(30deg)}.leaf-b{right:-25px;bottom:23%;transform:scaleX(-1) rotate(18deg)}.float-note{position:absolute;background:var(--paper);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 15px 45px rgba(32,38,51,.15);display:flex;flex-direction:column;z-index:5}.float-note strong{font-family:Georgia,serif;font-size:1.7rem;color:var(--berry)}.float-note span{font-size:.73rem;max-width:130px;line-height:1.4}.note-one{left:-3%;top:16%;transform:rotate(-4deg)}.note-two{right:-2%;bottom:16%;transform:rotate(4deg)}.orbit{position:absolute;border:1px solid rgba(36,50,74,.16);border-radius:50%}.orbit-one{inset:3% 2% 2% 4%}.orbit-two{inset:13% 12% 12% 14%}.definition-band{display:grid;grid-template-columns:repeat(3,1fr);background:#fffdf8;border-block:1px solid var(--line);padding:1.6rem clamp(1.4rem,6vw,7rem)}.definition-band>div{display:flex;gap:1rem;align-items:center;padding:0 1.5rem;border-right:1px solid var(--line)}.definition-band>div:last-child{border:0}.definition-band>div>span{font-family:Georgia,serif;color:var(--amber);font-size:1.5rem}.definition-band p{margin:0;line-height:1.4}.definition-band strong,.definition-band small{display:block}.definition-band small{color:var(--muted);margin-top:.25rem}.section{padding:clamp(5rem,9vw,9rem) clamp(1.4rem,6vw,7rem)}.section-cream{background:var(--paper)}.section-heading{max-width:820px;margin-bottom:3rem}.section-heading h2,.closing h2{font-size:clamp(2.2rem,4vw,4.5rem);margin:.2rem 0 1rem}.section-heading>p:last-child{font-size:1.05rem;color:var(--muted);max-width:700px}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.choice-card{border:1px solid var(--line);border-radius:24px;padding:2rem;background:var(--cream);min-height:280px;position:relative;overflow:hidden}.choice-card:after{content:"";width:110px;height:110px;border-radius:50%;position:absolute;right:-45px;bottom:-45px;background:var(--sage);opacity:.35}.choice-card.reduce:after{background:var(--berry)}.choice-card.care:after{background:var(--amber)}.card-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid var(--line);font-size:1.2rem}.choice-card h3{font-size:1.35rem;margin:2rem 0 .6rem}.choice-card p{color:var(--muted)}.checkup-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;background:linear-gradient(145deg,#edf1e9,#f8f3e9)}.checkup-intro{position:sticky;top:120px;align-self:start}.checkup-intro h2{font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(2.3rem,4vw,4.3rem);line-height:1.15;margin:.3rem 0 1.2rem}.checkup-intro>p{color:var(--muted)}.mini-stat{margin-top:2rem;width:130px;height:130px;border-radius:50%;border:1px solid rgba(36,50,74,.2);display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.5)}.mini-stat strong{font-size:1.4rem}.mini-stat span{font-size:.72rem;color:var(--muted)}.quiz-card{background:var(--paper);border-radius:28px;padding:clamp(1.2rem,3vw,2.5rem);box-shadow:var(--shadow)}fieldset{border:0;margin:0;padding:1.5rem 0;border-bottom:1px solid var(--line)}legend{font-weight:600;margin-bottom:1rem}.quiz-card label{display:inline-flex;align-items:center;margin:.35rem .35rem .35rem 0;cursor:pointer}.quiz-card input[type=radio]{position:absolute;opacity:0}.quiz-card label span{padding:.55rem .9rem;border:1px solid var(--line);border-radius:99px;background:white;transition:.2s}.quiz-card input:checked+span{background:var(--navy);border-color:var(--navy);color:white}.quiz-card .button{margin-top:1.5rem}.quiz-result{margin-top:1.2rem;padding:1.25rem;border-radius:16px;background:#eef4ea;border-left:4px solid var(--sage-dark)}.quiz-result h3{margin:0 0 .4rem}.quiz-result p{margin:.25rem 0}.section-dark{background:var(--navy-2);color:#fdf9ef;position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-200px;top:-220px}.light .eyebrow{color:#bad6b5}.light>p:last-child{color:#bac0c9}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}.evidence-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:1.6rem;border-radius:20px;min-height:220px}.grade{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:.82rem}.grade-a{background:#b7d3aa;color:#203b29}.grade-b{background:#f1cf7d;color:#5c4512}.grade-c{background:#efab79;color:#5c3019}.grade-d{background:#d7bcc7;color:#4d2c39}.evidence-grid h3{margin:1.2rem 0 .5rem}.evidence-grid p{color:#d9dde3}.evidence-grid small{color:#9ba4b0}.challenge-section{background:var(--cream)}.challenge-shell{background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.progress-panel{display:flex;align-items:center;gap:1.2rem;padding:1.5rem 2rem;background:#eef3e9;border-bottom:1px solid var(--line)}.progress-panel p{margin:0;color:var(--muted)}.progress-ring{--progress:0;width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--sage-dark) calc(var(--progress)*1turn),rgba(82,116,95,.13) 0);display:grid;place-content:center;text-align:center;position:relative;flex:0 0 auto}.progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#eef3e9}.progress-ring span,.progress-ring small{position:relative;z-index:1}.progress-ring span{font-size:1.4rem;font-weight:700}.progress-ring small{font-size:.65rem}.text-button{border:0;background:transparent;text-decoration:underline;color:var(--muted);cursor:pointer;margin-left:auto;font-size:.78rem}.phase-tabs{display:flex;gap:.3rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);overflow:auto}.phase-tab{border:0;background:transparent;padding:.65rem .9rem;border-radius:9px;white-space:nowrap;cursor:pointer;color:var(--muted)}.phase-tab.active{background:var(--navy);color:white}.day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.day-card{background:var(--paper);padding:1.4rem;min-height:150px;position:relative}.day-card label{display:flex;gap:.8rem;cursor:pointer}.day-card input{width:20px;height:20px;accent-color:var(--sage-dark);flex:0 0 auto;margin-top:.2rem}.day-card strong{display:block;font-size:.72rem;color:var(--berry);letter-spacing:.08em}.day-card p{margin:.5rem 0 0;line-height:1.55}.day-card.done p{text-decoration:line-through;color:var(--muted)}.tools-section{background:var(--paper)}.calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden}.calculator-input,.calculator-output{padding:clamp(1.5rem,4vw,3.5rem)}.calculator-input{background:var(--cream)}.calculator-input label{display:block;font-weight:600;margin-bottom:1rem}.calculator-input>div{display:flex;align-items:baseline}.calculator-input input[type=number]{font-size:clamp(3rem,6vw,6rem);width:220px;background:transparent;border:0;border-bottom:2px solid var(--navy);color:var(--navy);font-weight:700}.calculator-input>div span{font-size:2rem}.calculator-input input[type=range]{width:100%;accent-color:var(--berry);margin:1.5rem 0}.calculator-input p{font-size:.8rem;color:var(--muted)}.calculator-output{background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center}.spoon-result strong{font-family:Georgia,serif;font-size:clamp(4rem,8vw,8rem);display:block;line-height:1}.spoon-result span{color:#cdd4dd}.limit-bar{height:9px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden;margin-top:2.3rem}.limit-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--sage),var(--amber),var(--berry));border-radius:99px;transition:.3s}.calculator-output p{color:#cdd4dd}.daily-action{margin-top:1.2rem;border:1px solid var(--line);border-radius:22px;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(120deg,#eef3e9,#faf6ed)}.daily-action .eyebrow{margin-bottom:.5rem}.daily-action h3{font-size:1.3rem;margin:0}.evidence-section{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;background:#f1ece2}.evidence-intro h2{font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1.15;margin:.3rem 0 1.2rem}.evidence-intro>p{color:var(--muted)}.grade-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.grade-list>div{display:flex;align-items:center;gap:1rem;padding:1.2rem .3rem;border-bottom:1px solid var(--line)}.grade-list p{margin:0}.grade-list strong,.grade-list small{display:block}.grade-list small{color:var(--muted)}.closing{text-align:center;background:var(--amber);color:var(--navy)}.closing .eyebrow{color:var(--navy)}.closing p{font-size:1.1rem}.site-footer{background:#111a29;color:#e9edf3;padding:4rem clamp(1.4rem,6vw,7rem);display:grid;grid-template-columns:.7fr .8fr 1.5fr;gap:4vw}.footer-brand{display:flex;gap:1rem}.footer-brand p{margin:.2rem 0;color:#9ea7b5}.footer-sources{display:flex;flex-direction:column;gap:.4rem}.footer-sources a{color:#bbc4d0;font-size:.85rem;text-decoration:underline}.footer-note p{margin:0 0 1rem;color:#bbc4d0;font-size:.82rem}.footer-note small{color:#778395}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.main-nav{display:none;position:absolute;left:1rem;right:1rem;top:70px;background:var(--paper);border:1px solid var(--line);padding:1rem;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.lang-switch{margin-left:0}.hero{grid-template-columns:1fr;padding-top:5rem}.hero-visual{min-height:500px}.definition-band{grid-template-columns:1fr}.definition-band>div{border-right:0;border-bottom:1px solid var(--line);padding:1rem 0}.definition-band>div:last-child{border-bottom:0}.checkup-section{grid-template-columns:1fr}.checkup-intro{position:static}.evidence-grid{grid-template-columns:repeat(2,1fr)}.evidence-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1}}
@media(max-width:700px){.site-header{padding:0 1rem;gap:.7rem}.brand-mark{width:36px;height:36px}.brand{font-size:.85rem}.hero{padding-inline:1.25rem;min-height:auto}.hero h1{font-size:3.2rem}.hero-visual{min-height:430px}.sun-card{width:280px}.float-note{padding:.75rem}.note-one{left:0}.note-two{right:0}.three-column,.evidence-grid,.day-grid,.calculator{grid-template-columns:1fr}.choice-card{min-height:230px}.section{padding:4.5rem 1.25rem}.checkup-section{padding-inline:1.25rem}.progress-panel{align-items:flex-start;flex-wrap:wrap}.text-button{margin-left:0}.daily-action{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr;padding:3rem 1.25rem}.footer-note{grid-column:auto}.calculator-input input[type=number]{width:160px}.evidence-grid article{min-height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
.article-preview-section{background:#f6efe2}.article-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-preview-card{display:flex;flex-direction:column;min-height:285px;padding:1.65rem;border:1px solid var(--line);border-radius:22px;background:var(--paper);transition:transform .25s,box-shadow .25s}.article-preview-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(28,35,49,.1)}.article-preview-card.feature{background:var(--navy);color:white}.article-preview-card>span{font-size:.7rem;letter-spacing:.12em;color:var(--berry)}.article-preview-card.feature>span{color:#f2c778}.article-preview-card h3{font-family:"Songti SC","STSong",Georgia,serif;font-size:1.55rem;line-height:1.35;margin:2rem 0 .7rem}.article-preview-card p{margin:auto 0 0;color:var(--muted);font-size:.9rem}.article-preview-card.feature p{color:#cfd5de}.article-all-link{margin-top:1.5rem}@media(max-width:980px){.article-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.article-preview-grid{grid-template-columns:1fr}.article-preview-card{min-height:230px}}
