*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#1f2a24;background:#f7faf7;line-height:1.68}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.site-header{background:linear-gradient(135deg,#f7fff8,#eef8ef);border-bottom:1px solid #dbe9dd;position:sticky;top:0;z-index:20}.topline{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px 12px}.brand,.footer-logo{display:flex;align-items:center;gap:12px;font-weight:800;color:#183d2a}.brand img,.footer-logo img{width:120px;height:auto;border-radius:14px}.domain-pill{font-size:14px;background:#fff;border:1px solid #dcebdd;border-radius:999px;padding:8px 14px;color:#40624a}.main-nav{max-width:1180px;margin:0 auto;display:flex;gap:8px;overflow:auto;padding:0 20px 14px}.main-nav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:#244c34;background:#ffffff;border:1px solid #e0ece1;font-weight:650}.main-nav a:hover{background:#2d8a58;color:white}.search-bar{max-width:1180px;margin:0 auto;padding:0 20px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.search-bar label{font-weight:700;color:#24523a}.search-bar input{border:1px solid #cadfce;border-radius:14px;padding:12px 14px;font-size:15px;background:white}.search-bar button,.btn{border:0;border-radius:14px;background:#2d8a58;color:white;padding:12px 18px;font-weight:800;cursor:pointer}.search-tip{grid-column:2/4;margin:0;color:#62806b;font-size:13px}.breadcrumb{max-width:1180px;margin:18px auto 0;padding:0 20px;color:#5a7461;font-size:14px}.breadcrumb a{color:#2d8a58}.container{max-width:1180px;margin:0 auto;padding:22px 20px 52px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.card{background:white;border:1px solid #e3eee5;border-radius:26px;box-shadow:0 14px 36px rgba(37,87,55,.07);overflow:hidden}.hero-copy{padding:30px}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e9f7ec;color:#2d7b50;font-weight:800;font-size:13px}.hero h1{font-size:clamp(30px,5vw,54px);line-height:1.12;margin:16px 0;color:#183d2a}.hero p{font-size:17px;color:#455d4d}.meta-row{display:flex;gap:12px;flex-wrap:wrap;color:#5e7565;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{background:#f4fbf5;border-radius:18px;padding:14px;text-align:center}.stat strong{display:block;font-size:20px;color:#1f6b42}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:36px 0 18px}.section-title h2{margin:0;font-size:28px;color:#1b3e2b}.section-title p{margin:0;color:#667b6b}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.article-card{display:flex;flex-direction:column}.article-card .content{padding:18px}.article-card h3{font-size:20px;line-height:1.35;margin:10px 0;color:#1c422d}.article-card p{color:#516755;margin:0 0 12px}.article-card .meta-row{font-size:13px}.video-card{position:relative;background:#e9f4ed;overflow:hidden}.video-card video,.video-card img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:68px;height:68px;border-radius:50%;background:rgba(45,138,88,.92);color:white;display:grid;place-items:center;font-size:30px;opacity:0;transition:.22s ease;box-shadow:0 12px 30px rgba(0,0,0,.18)}.video-card:hover .play-button,.video-card.is-active .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);color:#1f6b42;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.fig-desc{font-size:13px;color:#617465;background:#f5faf6;padding:10px 14px;margin:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a,.tag{display:inline-flex;padding:6px 10px;background:#eff8f1;color:#2d754d;border-radius:999px;font-size:13px;font-weight:700}.list{display:grid;gap:12px}.list-item{padding:16px;border:1px solid #e1ece4;border-radius:18px;background:white}.list-item h3{margin:0 0 8px;color:#1d432d}.author-card,.faq-item,.comment-card{padding:18px}.author-card h3,.faq-item h3,.comment-card h3{margin:0 0 8px;color:#1d432d}.faq-item summary{cursor:pointer;font-weight:800;color:#1d432d}.faq-item p,.comment-card p,.author-card p{color:#526b5a;margin:8px 0 0}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-strip div{background:#fff;border:1px solid #e3eee5;border-radius:20px;padding:16px}.feature-strip strong{display:block;color:#1f6b42;font-size:20px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.article-main{padding:24px}.article-main h1{font-size:clamp(28px,4vw,44px);line-height:1.16;color:#183d2a;margin:10px 0}.article-main h2{color:#1c4b31;margin-top:30px}.article-main p{color:#3f5747;font-size:16px}.article-main ul{color:#3f5747}.side-box{padding:18px}.side-box h2{font-size:20px;margin:0 0 12px;color:#1d432d}.timeline{border-left:3px solid #cce6d2;padding-left:18px;display:grid;gap:16px}.timeline article{position:relative}.timeline article:before{content:"";position:absolute;left:-26px;top:8px;width:12px;height:12px;border-radius:50%;background:#2d8a58}.contact-panel{padding:24px}.contact-panel label{display:block;font-weight:800;margin-top:12px;color:#244c34}.contact-panel input,.contact-panel textarea{width:100%;margin-top:6px;border:1px solid #cfe1d3;border-radius:14px;padding:12px;font:inherit}.site-footer{background:#193826;color:#dcefe1;margin-top:30px}.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:24px;padding:34px 20px}.site-footer h2{font-size:18px;color:white}.site-footer a{color:#f1fff4}.site-footer .tag-cloud a{background:#254b34;color:#e9fff0}.footer-logo{color:white}.footer-logo img{background:white}.notice{background:#fff7e8;border:1px solid #f1deb9;color:#72521d;border-radius:18px;padding:14px;margin:18px 0}.json-link{font-family:ui-monospace,Menlo,Consolas,monospace;color:#1f6b42}.share-row{display:flex;gap:10px;flex-wrap:wrap}.share-row button{border:1px solid #dcebdd;background:#fff;color:#1f6b42;border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer}@media (max-width:900px){.hero,.grid.three,.grid.two,.feature-strip,.article-layout,.footer-grid{grid-template-columns:1fr}.topline{align-items:flex-start;flex-direction:column}.search-bar{grid-template-columns:1fr}.search-tip{grid-column:auto}.main-nav{padding-bottom:10px}.container{padding-top:14px}.stat-grid{grid-template-columns:1fr 1fr}.hero-copy{padding:22px}}@media (max-width:520px){.stat-grid{grid-template-columns:1fr}.article-main{padding:18px}.section-title{align-items:flex-start;flex-direction:column}.brand span{font-size:14px}}