:root{--ink:#10211d;--muted:#486159;--accent:#0b6a55;--accent-dark:#074b3d;--line:rgba(21,68,56,.16);--glass:rgba(255,255,255,.58);--paper:#edf4f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:radial-gradient(circle at 70% 6%,rgba(255,255,255,.95),transparent 35%),linear-gradient(145deg,#edf6f1 0%,#edf0f8 58%,#f8efe8 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #e99a42;outline-offset:3px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-160%);padding:.7rem 1rem;border-radius:.8rem;background:white}.skip-link:focus{transform:none}.aurora{position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(8px);opacity:.58}.aurora-a{width:34rem;height:34rem;left:-15rem;top:18rem;background:radial-gradient(circle at 70% 40%,rgba(81,199,162,.62),rgba(73,133,190,.12) 58%,transparent 70%)}.aurora-b{width:30rem;height:30rem;right:-11rem;top:4rem;background:radial-gradient(circle at 30% 50%,rgba(240,174,115,.5),rgba(177,126,203,.13) 58%,transparent 70%)}.content-width{width:min(1180px,calc(100% - 32px));margin-inline:auto}.glass-card,.topbar{border:1px solid rgba(255,255,255,.76);background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.44));box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 18px 55px rgba(30,60,53,.1);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.topbar{position:sticky;top:14px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1180px,calc(100% - 24px));min-height:64px;margin:14px auto 0;padding:.55rem .7rem .55rem .9rem;border-radius:1.25rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;white-space:nowrap}.brand>span{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid var(--line);border-radius:.75rem;background:rgba(255,255,255,.64);color:var(--accent)}.mini-nav{display:flex;gap:1.2rem}.mini-nav a{text-decoration:none;color:var(--muted);font-size:.82rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:.55rem}.site-switch{display:flex;align-items:center;gap:.45rem;min-height:40px;padding:.45rem .7rem;border:1px solid var(--line);border-radius:.85rem;background:rgba(255,255,255,.54);color:var(--accent-dark);font-size:.72rem;font-weight:800;text-decoration:none}.site-switch>span:first-child{font-size:1rem}.language-switch{display:flex;align-items:center;gap:.2rem;padding:.25rem;border:1px solid var(--line);border-radius:.85rem;background:rgba(255,255,255,.48)}.language-switch button{min-height:32px;padding:.35rem .55rem;border:0;border-radius:.6rem;background:transparent;color:var(--muted);font-size:.7rem;font-weight:800;cursor:pointer}.language-switch button.active{background:var(--ink);color:white;box-shadow:0 5px 14px rgba(16,33,29,.18)}
.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem;min-height:680px;padding:4.5rem 0}.eyebrow,.card-kicker,.section-label{color:var(--accent-dark);font-size:.74rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;margin:0;padding:.52rem .78rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.5)}.hero h1{max-width:720px;margin:1.5rem 0 0;font-size:clamp(3rem,7vw,6.5rem);font-weight:650;line-height:.93;letter-spacing:-.075em}.lede{max-width:650px;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}.primary-button{display:inline-flex;align-items:center;min-height:50px;padding:.75rem 1.15rem;border-radius:1rem;background:var(--ink);color:white;font-size:.9rem;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(16,33,29,.2)}.hero-actions>span{color:var(--muted);font-size:.82rem;font-weight:650}.house-card{position:relative;overflow:hidden;padding:clamp(1.4rem,4vw,2.4rem);border-radius:2rem}.house-card:after{content:"";position:absolute;right:-18%;bottom:-45%;width:65%;height:14rem;border-radius:50%;background:rgba(68,170,143,.2);filter:blur(28px)}.house-card h2{position:relative;z-index:1;margin:1rem 0 1.5rem;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.045em}.room-list{position:relative;z-index:1;display:grid;gap:.7rem}.room-row{display:grid;grid-template-columns:2.2rem 1fr;align-items:center;gap:.65rem;min-height:54px;padding:.65rem .85rem;border:1px solid rgba(32,78,67,.12);border-radius:1rem;background:rgba(255,255,255,.52);color:#263f38;font-size:.9rem;font-weight:650}.room-row span:first-child{color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.08em}
.content-section{padding:5.3rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-head.compact{max-width:780px}.section-head h2{margin:.5rem 0 0;font-size:clamp(2.15rem,4vw,4rem);line-height:1;letter-spacing:-.055em}.section-head>div>p:last-child{max-width:690px;margin:1rem 0 0;color:var(--muted);font-size:1rem;line-height:1.75}.progress-card{display:flex;align-items:center;gap:.9rem;min-width:190px;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.75);border-radius:1.35rem;background:rgba(255,255,255,.54);backdrop-filter:blur(18px)}.progress-ring{--progress:0deg;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(248,252,250,.98) 57%,transparent 59%),conic-gradient(var(--accent) var(--progress),rgba(11,106,85,.12) 0)}.progress-ring strong{font-size:.72rem}.progress-card>div:last-child{display:grid;gap:.25rem}.progress-card button{display:flex;align-items:center;padding:0;border:0;background:none;color:var(--muted);font-size:.69rem;cursor:pointer}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chapter-card{display:flex;flex-direction:column;min-height:390px;padding:1.45rem;border-radius:1.7rem;transition:transform .2s ease}.chapter-card:hover{transform:translateY(-3px)}.chapter-card.done{border-color:rgba(11,106,85,.4);background:linear-gradient(135deg,rgba(231,251,244,.86),rgba(255,255,255,.58))}.chapter-top{display:flex;justify-content:space-between;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.1em}.chapter-card h3{margin:1.5rem 0 .5rem;font-size:1.4rem;line-height:1.2;letter-spacing:-.035em}.chapter-card>p{margin:0;color:var(--muted)}.chapter-card ul,.path-card ul{display:grid;gap:.5rem;margin:1.15rem 0;padding:0;list-style:none}.chapter-card li,.path-card li{position:relative;padding-left:1rem;color:#405b53;font-size:.86rem;line-height:1.55}.chapter-card li:before,.path-card li:before{content:"·";position:absolute;left:.15rem;color:var(--accent);font-weight:900}.complete-button{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:43px;margin-top:auto;border:1px solid var(--line);border-radius:.9rem;background:rgba(255,255,255,.7);color:var(--accent-dark);font-weight:800;cursor:pointer}.done .complete-button{background:var(--ink);color:white}
.concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:1.6rem;background:var(--line)}.concept-card{min-height:250px;padding:1.35rem;background:rgba(247,251,249,.78);backdrop-filter:blur(16px)}.concept-card>span{color:#78958d;font-size:.68rem;font-weight:850}.concept-card>p{margin:1.8rem 0 .2rem;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.concept-card h3{margin:0;font-size:1.25rem;line-height:1.2}.concept-card div{margin-top:.9rem;color:var(--muted);font-size:.88rem;line-height:1.65}.concept-card:last-child{grid-column:span 2}.mechanism{display:grid;grid-template-columns:repeat(5,1fr);padding:1rem;border-radius:2rem}.mechanism-step{position:relative;padding:1rem}.mechanism-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:.65rem;background:var(--ink);color:white;font-size:.7rem;font-weight:850}.mechanism-step h3{margin:1.15rem 0 .45rem;font-size:1rem}.mechanism-step p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.58}.mechanism-step>i{position:absolute;right:-.2rem;top:50%;color:#82a098;font-style:normal}.practice-panel{padding:clamp(1.5rem,4vw,3.2rem);border-radius:2rem;background:#102b24;color:#effaf6;box-shadow:0 24px 70px rgba(8,39,31,.2)}.practice-panel .section-label{color:#7dd8bb}.practice-panel .section-head p{color:#bed1ca}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.practice-grid article{min-height:210px;padding:1.35rem;border:1px solid rgba(255,255,255,.14);border-radius:1.25rem;background:rgba(255,255,255,.07)}.practice-grid span{color:#7dd8bb;font-size:.68rem;font-weight:850}.practice-grid h3{margin:1.3rem 0 .65rem;font-size:1.1rem}.practice-grid p{margin:0;color:#cce0d9;font-size:.88rem;line-height:1.7}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.path-card{min-height:320px;padding:1.45rem;border-radius:1.7rem}.path-meta{color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.path-card h3{margin:1.7rem 0 1rem;font-size:1.45rem;line-height:1.2}.resource-list{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:var(--line);gap:1px}.resource-list a{display:grid;grid-template-columns:5.3rem 1fr auto;align-items:center;gap:.8rem;min-height:82px;padding:1rem 1.15rem;background:rgba(250,253,252,.84);text-decoration:none}.resource-list a:hover{background:white}.resource-list span{color:var(--accent);font-size:.63rem;font-weight:850;letter-spacing:.08em}.resource-list b{font-size:.9rem}.science-note{display:flex;gap:.8rem;align-items:flex-start;margin-top:1rem;padding:1rem 1.15rem;border:1px solid rgba(196,125,68,.22);border-radius:1.1rem;background:rgba(255,244,232,.68);color:#69462f}.science-note p{margin:0;font-size:.84rem;line-height:1.65}footer{display:grid;place-items:center;gap:.7rem;margin-top:5rem;padding:5.5rem 1rem 2.5rem;background:#0d251f;color:white;text-align:center}footer>span{color:#7dd8bb;font-size:1.4rem}footer p{max-width:780px;margin:0;font-size:clamp(1.7rem,4vw,3.35rem);font-weight:650;line-height:1.08;letter-spacing:-.055em}footer small{margin-top:2rem;color:#87a49b;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:980px){.mini-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:5rem 0}.chapter-grid,.resource-list{grid-template-columns:1fr}.concept-grid{grid-template-columns:repeat(2,1fr)}.mechanism{grid-template-columns:1fr}.mechanism-step{display:grid;grid-template-columns:2.4rem 1fr;gap:.55rem}.mechanism-step h3{margin:0 0 .35rem}.mechanism-step>i{display:none}.practice-grid,.path-grid{grid-template-columns:1fr}.practice-grid article,.path-card{min-height:0}}
@media(max-width:760px){.topbar{top:8px;align-items:flex-start}.brand strong{display:none}.header-actions{margin-left:auto;align-items:flex-end;flex-direction:column}.site-switch{min-height:34px}.language-switch button{padding:.3rem .42rem;font-size:.64rem}.hero{padding-top:3rem}.section-head{display:block}.progress-card{margin-top:1.4rem}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:0}.concept-grid{grid-template-columns:1fr}.concept-card,.concept-card:last-child{grid-column:auto;min-height:205px}.content-section{padding:4rem 0}.resource-list a{grid-template-columns:4.5rem 1fr auto}.resource-list b{font-size:.82rem}}
@media(max-width:430px){.site-switch span:last-child{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-switch button{padding-inline:.34rem}.hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}