*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8f7;color:#132624;font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #007a65;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;z-index:20}header,main,footer{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:12px}.mark{background:#132624;color:var(--accent);border-radius:12px;width:42px;height:42px;text-align:center;line-height:42px}nav{display:flex;gap:24px;font-size:14px;flex-wrap:wrap}nav a:hover{text-decoration:underline}.hero{padding:62px 0 66px;display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:center}.eyebrow{font-weight:600;letter-spacing:.14em;font-size:14px;color:#42645b}.hero h1{font-size:clamp(36px,4.8vw,66px);line-height:1.25;letter-spacing:-.035em;margin:22px 0 24px;font-weight:750;white-space:pre-line}.intro{max-width:660px;color:#4e655e;font-size:18px}.pill{display:inline-block;padding:10px 20px;border-radius:99px;background:#132624;color:white;margin-top:15px}.visual{height:290px;background:#132624;border-radius:26px;overflow:hidden;padding:32px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative}.visual:after{content:'';position:absolute;width:240px;height:240px;border:38px solid var(--accent);border-radius:50%;right:-65px;top:45px;opacity:.85}.visual span{z-index:1;font-size:14px;letter-spacing:.18em}.visual strong{z-index:1;font-size:60px;line-height:1;letter-spacing:-.06em}.visual small{z-index:1;font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:10px 0 24px}.section-head h2{font-size:28px;margin:0}.muted{color:#587067;font-size:14px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.toolbar input{flex:1;min-width:180px}input,textarea,select{border:1px solid #baccc3;border-radius:10px;background:white;padding:11px 14px;color:#132624}textarea{width:100%;min-height:145px;resize:vertical}.filters{display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid #c4d3cb;background:white;border-radius:9px;padding:9px 16px;color:#132624}.filters button[aria-pressed=true],button.primary{background:#132624;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid #d8e2dc;background:white;border-radius:18px;padding:28px;min-width:0;transition:transform .18s,border-color .18s}.card:hover{border-color:#8da69a;transform:translateY(-3px)}.tag{display:inline-block;font-size:14px;color:#4b6b5b;margin-bottom:12px}.card h3{font-size:23px;line-height:1.4;margin:0 0 12px}.card p{color:#53695f;margin:0 0 18px;white-space:pre-line}.card a,.card button{font-size:14px;font-weight:600}.card a{text-decoration:underline;text-underline-offset:5px}.number{font-size:14px;color:#658275;margin-bottom:22px}.panel{padding:32px;border-radius:20px;background:#e7eeea;margin:36px 0}.panel h2{margin-top:0;font-size:26px}.panel p{max-width:760px}.article-grid{grid-template-columns:1fr}.article-grid .card{padding:32px 40px;display:grid;grid-template-columns:220px 1fr;gap:26px}.article-grid p{line-height:1.9}.notice{border-left:4px solid #5e7f6d;padding:12px 18px;background:#e9efeb;color:#415d50}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps h3{font-size:19px}.steps p{color:#53695f}.empty{padding:28px;background:white;border-radius:15px}.template-preview{background:white;padding:26px;border-radius:12px;margin-top:20px;border-top:7px solid var(--accent)}.template-preview h3{font-size:28px;margin:0 0 16px}.template-preview ol{line-height:2}.scenario{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.answer{background:white;padding:22px;border-radius:12px;min-height:85px;white-space:pre-line}.task-label{display:flex;gap:12px;align-items:flex-start}.task-label input{margin-top:7px;accent-color:#176546;width:19px;height:19px}.task-label span{font-weight:600}.task-label+ p{padding-left:31px}.grow .card{min-height:220px}.result{font-weight:600}.tool-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}footer{padding-top:48px;padding-bottom:32px;margin-top:68px;border-top:1px solid #d5e1d9;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#526d60}footer p{margin:0}main{padding-bottom:12px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:800px){header,main,footer{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:28px;padding-top:35px}.visual{height:220px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr}.article-grid .card{grid-template-columns:1fr;gap:0}.steps{grid-template-columns:1fr}header{align-items:flex-start;padding-top:24px;padding-bottom:20px;flex-direction:column;gap:18px}.intro{font-size:16px}}@media(max-width:480px){header,main,footer{padding-left:20px;padding-right:20px}.grid{grid-template-columns:1fr}.hero h1{font-size:38px}.hero{padding-bottom:35px}.card,.panel{padding:24px}.article-grid .card{padding:26px}.section-head{align-items:start;flex-direction:column;gap:8px}nav{gap:18px}.visual strong{font-size:49px}footer{flex-direction:column}.toolbar{flex-direction:column}.toolbar input{width:100%}}
.sample-modules{display:grid;grid-template-columns:1fr 1fr;gap:16px;list-style:none;padding:0;margin:26px 0}.sample-modules li{background:#f2f6f3;border:1px solid #dce7e0;border-radius:10px;padding:20px}.sample-modules h4{margin:0 0 10px;font-size:18px}.sample-modules p{font-size:16px;margin:0;line-height:1.8;color:#53695f}.sample-0 li:first-child{grid-column:1/-1;background:#132624;color:white}.sample-0 li:first-child p{color:#e1eae4}.sample-1 li{border-top:4px solid #e9a771}.sample-2{grid-template-columns:1fr}.sample-2 li{border-left:4px solid #647e71}@media(max-width:600px){.sample-modules{grid-template-columns:1fr}}