@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-900:#1b4332;--green-800:#2d6a4f;--green-700:#40916c;--green-500:#52b788;--green-300:#95d5b2;--green-100:#d8f3dc;--green-50:#f0fdf4;--earth:#7a5c3a;--sand:#f7f3ed;--text-dark:#1a2e1a;--text-mid:#3d5a3d;--text-light:#6b8f6b;--white:#fff;--radius:14px;--shadow:0 4px 24px #1b43321a;--shadow-lg:0 8px 40px #1b433229}html{scroll-behavior:smooth}body{background:var(--sand);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.8}h1,h2,h3,h4{font-family:Noto Serif SC,STSong,SimSun,serif;line-height:1.4}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--green-100)}::-webkit-scrollbar-thumb{background:var(--green-500);border-radius:3px}.nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b4332f5;align-items:center;gap:8px;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000026}.nav-brand{color:#d8f3dc;letter-spacing:1px;margin-right:auto;font-family:Noto Serif SC,serif;font-size:17px;font-weight:700}.nav-links{gap:4px;list-style:none;display:flex}.nav-links a{color:var(--green-300);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:13px;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{color:#fff;background:#ffffff1f}@media (width<=640px){.nav-links{display:none}}.hero{background:linear-gradient(160deg, var(--green-900) 0%, var(--green-800) 50%, #264d3b 100%);text-align:center;padding:96px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2352b788' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-badge{color:var(--green-300);letter-spacing:2px;text-transform:uppercase;background:#ffffff1f;border:1px solid #95d5b24d;border-radius:99px;margin-bottom:24px;padding:6px 16px;font-size:12px;display:inline-block}.hero h1{color:#fff;letter-spacing:2px;margin-bottom:12px;font-size:clamp(36px,6vw,64px)}.hero-en{color:var(--green-300);letter-spacing:4px;text-transform:uppercase;margin-bottom:28px;font-size:14px}.hero-desc{color:#ffffffbf;max-width:640px;margin:0 auto 48px;font-size:16px;line-height:1.9}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.stat{text-align:center}.stat-num{color:var(--green-300);font-family:Noto Serif SC,serif;font-size:32px;font-weight:700;display:block}.stat-label{color:#ffffff8c;letter-spacing:1px;font-size:12px}.what-section{max-width:900px;margin:80px auto;padding:0 24px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--green-700);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:500;display:inline-flex}.section-label:before{content:"";background:var(--green-500);width:24px;height:2px;display:block}.what-section h2{color:var(--green-900);margin-bottom:20px;font-size:clamp(24px,4vw,36px)}.what-section p{color:var(--text-mid);margin-bottom:16px;font-size:15px;line-height:1.9}.what-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:40px;display:grid}.what-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--green-100);box-shadow:var(--shadow);padding:24px;transition:transform .2s,box-shadow .2s}.what-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.what-card-icon{margin-bottom:12px;font-size:28px}.what-card h3{color:var(--green-900);margin-bottom:6px;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:500}.what-card p{color:var(--text-light);margin:0;font-size:13px}.overview{background:var(--green-900);padding:64px 24px}.overview-inner{max-width:1000px;margin:0 auto}.overview h2{color:#fff;text-align:center;margin-bottom:8px;font-size:clamp(22px,3vw,32px)}.overview-sub{text-align:center;color:var(--green-300);margin-bottom:48px;font-size:14px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.overview-item{cursor:pointer;background:#ffffff0f;border:1px solid #95d5b226;border-radius:10px;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.overview-item:hover{background:#95d5b21f;border-color:#95d5b266}.overview-num{color:var(--green-500);flex-shrink:0;width:36px;font-family:Noto Serif SC,serif;font-size:28px;font-weight:700;line-height:1}.overview-text strong{color:#fff;margin-bottom:2px;font-size:14px;font-weight:500;display:block}.overview-text span{color:var(--green-300);font-size:11px}.principles{max-width:960px;margin:0 auto;padding:80px 24px}.principles-header{text-align:center;margin-bottom:64px}.principles-header h2{color:var(--green-900);margin-bottom:12px;font-size:clamp(26px,4vw,38px)}.principles-header p{color:var(--text-light);max-width:500px;margin:0 auto}.principle-card{background:var(--white);box-shadow:var(--shadow);border:1px solid var(--green-100);border-radius:20px;margin-bottom:32px;transition:box-shadow .25s;overflow:hidden}.principle-card:hover{box-shadow:var(--shadow-lg)}.principle-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:20px;padding:32px 32px 24px;display:flex}.principle-num-wrap{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.principle-num{width:52px;height:52px;color:var(--white);border-radius:14px;justify-content:center;align-items:center;font-family:Noto Serif SC,serif;font-size:22px;font-weight:700;display:flex}.principle-icon{margin-top:8px;font-size:22px}.principle-meta{flex:1}.principle-meta h3{color:var(--green-900);margin-bottom:4px;font-size:20px}.principle-meta .en{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:8px;font-size:11px}.principle-summary{color:var(--text-mid);font-size:14px;font-style:italic}.expand-btn{background:var(--green-50);cursor:pointer;width:32px;height:32px;color:var(--green-700);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:18px;transition:background .2s,transform .3s;display:flex}.expand-btn.open{background:var(--green-100);transform:rotate(180deg)}.principle-body{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.principle-body.open{grid-template-rows:1fr}.principle-body-inner{min-height:0;overflow:hidden}.principle-body-content{grid-template-columns:1fr 1fr;gap:24px;padding:0 32px 32px;display:grid}@media (width<=640px){.principle-body-content{grid-template-columns:1fr}.principle-header{padding:24px 20px 16px}.principle-body-content{padding:0 20px 24px}}.principle-desc{color:var(--text-mid);margin-bottom:16px;font-size:14px;line-height:1.9}.detail-list{flex-direction:column;gap:8px;list-style:none;display:flex}.detail-list li{color:var(--text-mid);align-items:flex-start;gap:10px;font-size:13px;display:flex}.detail-list li:before{content:"✓";background:var(--green-100);width:20px;height:20px;color:var(--green-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.why-box{background:linear-gradient(135deg, var(--green-50), #eafaf1);border-left:4px solid var(--green-500);border-radius:12px;height:fit-content;padding:20px}.why-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--green-700);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.why-text{color:var(--text-mid);font-size:13px;line-height:1.85}.faq-section{background:var(--green-50);border-top:1px solid var(--green-100);padding:80px 24px}.faq-inner{max-width:800px;margin:0 auto}.faq-inner h2{color:var(--green-900);margin-bottom:10px;font-size:clamp(24px,4vw,36px)}.faq-sub{color:var(--text-light);margin-bottom:40px;font-size:14px}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--white);border:1px solid var(--green-100);box-shadow:var(--shadow);border-radius:14px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.faq-item.open{box-shadow:var(--shadow-lg);border-color:var(--green-300)}.faq-q{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:18px 20px;display:flex}.faq-num{background:var(--green-100);width:26px;height:26px;color:var(--green-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Noto Serif SC,serif;font-size:12px;font-weight:700;display:flex}.faq-q-text{color:var(--green-900);flex:1;font-size:15px;font-weight:500;line-height:1.5}.faq-arrow{color:var(--green-500);flex-shrink:0;font-size:16px;transition:transform .3s}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-body{grid-template-rows:0fr;transition:grid-template-rows .32s;display:grid}.faq-item.open .faq-body{grid-template-rows:1fr}.faq-body-inner{min-height:0;overflow:hidden}.faq-a{padding:0 20px 20px 60px}.faq-tag{letter-spacing:.5px;border:1px solid;border-radius:99px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.faq-a p{color:var(--text-mid);margin:0;font-size:14px;line-height:1.85}@media (width<=640px){.faq-a{padding:0 16px 16px}}.footer{background:var(--green-900);color:#ffffff8c;text-align:center;padding:48px 24px;font-size:13px;line-height:1.9}.footer a{color:var(--green-300);text-decoration:none}.footer-xhs{justify-content:center;margin-top:20px;display:flex}.xhs-trigger{cursor:default;outline:none;align-items:center;gap:6px;display:inline-flex;position:relative}.xhs-badge{color:#fff;letter-spacing:.3px;background:#ff2442;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1;display:inline-block}.xhs-name{color:#ffffffb3;font-size:13px}.xhs-popup{transform-origin:bottom;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;background:#fff;border-radius:14px;width:200px;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%)translateY(8px)scale(.96);box-shadow:0 12px 40px #00000059}.xhs-popup img{width:100%;height:auto;display:block}.xhs-trigger:hover .xhs-popup,.xhs-trigger:focus .xhs-popup,.xhs-trigger:focus-within .xhs-popup{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.footer-logo{color:var(--green-300);margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:22px;display:block}