*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8f4f0;color:#245044;font:15px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip{position:fixed;z-index:70;top:0;left:0;right:0;height:20px;background:#1d6758;color:#f4faf8;font-size:12px}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.main-head{position:fixed;z-index:69;top:20px;left:0;right:0;height:54px;background:#f4faf8;border-bottom:1px solid rgba(42,138,114,.38)}.main-head-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-link{min-height:44px;display:flex;align-items:center}.brand-logo,.footer-logo,.curtain-logo{height:24px;max-width:180px;object-fit:contain}.brand-text{font-size:16px;font-weight:800;color:#16382e}.head-actions{display:flex;gap:8px;align-items:center}.head-app,.menu-button{min-height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(42,138,114,.35);border-radius:12px;background:#f4faf8;color:#16382e}.menu-button{cursor:pointer}.quick-nav{position:fixed;z-index:68;top:74px;left:0;right:0;height:48px;background:#f4faf8;border-bottom:1px solid rgba(22,56,46,.08)}.quick-nav-inner{height:48px;display:flex;align-items:center;gap:10px}.quick-item{padding:8px 12px;border-radius:999px;color:#4a7468;white-space:nowrap}.quick-item:hover,.quick-item:focus-visible,.quick-item.is-current{background:#2a8a72;color:#f4faf8}.site-main{padding-top:122px}.hero,.page-hero{padding:54px 0 32px}.hero{background:linear-gradient(180deg,#dceee8 0%,#e8f4f0 100%)}.page-hero{background:linear-gradient(180deg,#dceee8 0%,#e8f4f0 100%)}.hero-kickers{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.hero-kickers a{padding:6px 11px;border:1px solid rgba(42,138,114,.35);border-radius:999px;background:#f4faf8;font-size:13px}.eyebrow{margin:0 0 8px;color:#2a8a72;font-size:13px;font-weight:800;letter-spacing:.04em}.hero h1,.page-hero h1{font-size:24px;line-height:1.3;color:#16382e;margin:0 0 12px}.quote-line{font-size:20px;font-weight:800;color:#16382e;margin:0 0 10px}.lead{max-width:820px;margin:0;color:#4a7468}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#2a8a72 0%,#3aa88a 100%);color:#f4faf8}.btn-secondary{background:#f4faf8;border:1px solid rgba(42,138,114,.5);color:#16382e}.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px rgba(22,56,46,.1)}.section{padding:34px 0}.section h2,.content-block h2{font-size:20px;color:#16382e;margin:0 0 14px}.section h3{font-size:16px;color:#16382e;margin:0 0 8px}.media-slot{background:#f4faf8;border:1px solid rgba(22,56,46,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-64{height:64px;width:64px}.slot-180{height:180px}.slot-220{height:220px}.slot-260{height:260px}.slot-320{height:320px}.feature-stagger{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.feature-card{background:#f4faf8;border:1px solid rgba(22,56,46,.1);border-radius:14px;padding:18px;box-shadow:0 12px 28px rgba(22,56,46,.06)}.feature-card-tall{margin-top:0}.feature-stagger .feature-card:last-child{margin-top:34px}.record-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.record-row article,.topic-card,.period-grid article,.guide-steps article,.faq-mini article,.content-block,.faq-item{background:#f4faf8;border:1px solid rgba(22,56,46,.09);border-radius:14px;padding:18px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-panel article{background:#dceee8;border-radius:14px;padding:18px}.topic-head{display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:center}.topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.status-list{display:grid;gap:10px;margin-top:14px}.status-row{display:grid;grid-template-columns:160px 1fr auto;gap:16px;align-items:center;background:#f4faf8;border:1px solid rgba(22,56,46,.09);border-radius:12px;padding:14px 16px}.status-badge{padding:5px 10px;border-radius:999px;background:#2a8a72;color:#f4faf8;font-size:12px}.app-feature{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center}.app-icon-row{display:flex;align-items:center;gap:12px;margin:14px 0}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-steps strong{font-size:26px;color:#3aa88a}.faq-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.brand-story{background:#16382e;color:#e8f4f0;border-radius:14px;padding:24px}.brand-story h2,.brand-story .eyebrow{color:#f4faf8}.reading-column{display:grid;gap:16px}.content-block p{margin:0 0 12px}.content-block p:last-child{margin-bottom:0}.page-hero .media-slot{margin-top:20px}.faq-list{display:grid;gap:12px}.faq-item h2{font-size:17px}.site-footer{margin-top:42px;background:#16382e;color:#e8f4f0;border-top:2px solid #c4a050;padding:28px 0 78px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.footer-brand div{display:flex;flex-direction:column}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:14px;color:#f4faf8;margin:0 0 10px}.footer-grid a{display:block;color:#cfe4de;padding:4px 0;font-size:13px}.footer-note,.footer-copy{font-size:13px;color:#b9d1ca;margin-top:20px}.overlay{position:fixed;inset:0;background:rgba(10,28,24,.45);z-index:90;opacity:0;pointer-events:none;transition:.2s}.overlay.is-active{opacity:1;pointer-events:auto}.curtain{position:fixed;z-index:100;right:18px;bottom:18px;width:320px;max-height:74vh;overflow:auto;background:#f4faf8;border-radius:16px;box-shadow:0 18px 50px rgba(22,56,46,.24);padding:16px;visibility:hidden;opacity:0;transform:translateY(18px);pointer-events:none;transition:.2s}.curtain.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.curtain-head,.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.curtain-brand{display:flex;align-items:center;gap:10px;color:#16382e}.icon-close{width:44px;height:44px;border-radius:12px;border:1px solid rgba(22,56,46,.12);background:#fff;cursor:pointer}.curtain-groups{display:grid;gap:14px}.curtain-groups h2{font-size:13px;color:#2a8a72;margin:10px 0 6px}.curtain-groups a{display:block;padding:8px 0;border-top:1px solid rgba(22,56,46,.07)}.curtain-groups b{display:block;color:#16382e}.curtain-groups span{display:block;color:#6a9488;font-size:12px}.search-panel{position:fixed;z-index:95;top:74px;left:0;right:0;background:#f4faf8;border-bottom:1px solid rgba(22,56,46,.12);box-shadow:0 16px 30px rgba(22,56,46,.08);padding:18px 0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-input{width:100%;height:46px;border:1px solid rgba(42,138,114,.35);border-radius:12px;padding:0 14px;background:#fff;color:#16382e}.search-label{display:block;font-size:13px;color:#4a7468;margin-bottom:8px}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-links a{padding:8px 12px;background:#dceee8;border-radius:999px}.mobile-bar{display:none}.nav-lock{overflow:hidden}.app-icon-note{margin-top:14px}@media(max-width:760px){.shell{width:calc(100% - 32px)}.quick-nav{display:none}.site-main{padding-top:74px}.hero,.page-hero{padding-top:34px}.head-actions{gap:4px}.head-app,.menu-button{padding:0 10px}.feature-stagger,.record-row,.split-panel,.topic-head,.topic-pair,.period-grid,.app-feature,.guide-steps,.faq-mini,.footer-grid{grid-template-columns:1fr}.feature-stagger .feature-card:last-child{margin-top:0}.status-row{grid-template-columns:1fr;gap:6px}.topic-head .media-slot{order:-1}.app-feature{gap:16px}.curtain{left:6%;right:6%;bottom:64px;width:auto;max-height:72vh}.search-panel{top:74px;bottom:0;padding-top:22px;background:#1d6758;color:#f4faf8}.search-panel .search-head h2,.search-panel .search-label{color:#f4faf8}.mobile-bar{position:fixed;z-index:80;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:#f4faf8;border-top:1px solid rgba(22,56,46,.14)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bar a.is-current{background:#2a8a72;color:#f4faf8}.site-footer{padding-bottom:88px}}