:root{--green:#176b4b;--ink:#172c25;--muted:#7b8780;--line:#e4e9e3}*{box-sizing:border-box}body{color:var(--ink);background:#f7f8f3;margin:0;font-family:Arial,PingFang SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{border-bottom:1px solid var(--line);background:#fff}.wrap{max-width:1240px;margin:auto;padding:0 32px}.nav{align-items:center;gap:34px;height:86px;display:flex}.logo{letter-spacing:2px;font-size:25px;font-weight:800}.mark{background:var(--green);color:#d7f27b;border-radius:12px;place-items:center;width:38px;height:38px;margin-right:10px;display:inline-grid}.nav button{color:#69756d;background:0 0;border:0;padding:12px 0}.nav button.active{color:var(--green);font-weight:700}.spacer{flex:1}.btn{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 20px}.nav .btn{background:var(--green);color:#fff;padding:12px 20px}.hero{grid-template-columns:1.3fr 1fr;gap:40px;padding-top:56px;padding-bottom:46px;display:grid}.eyebrow{letter-spacing:3px;color:var(--green);font-size:12px;font-weight:700}h1{letter-spacing:-1px;margin:15px 0;font-size:46px;line-height:1.4}h1 em{color:var(--green);font-style:normal}p{color:#728078;line-height:1.8}.search{background:#fff;border:1px solid #dce3dc;border-radius:10px;max-width:570px;margin-top:25px;padding:7px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px}.search button{padding:10px 22px}.hint{color:#859086;margin-top:12px;font-size:12px}.scene{background:#e8eddf;border-radius:24px;place-items:center;min-height:290px;display:grid;position:relative;overflow:hidden}.scene:before{content:"";border:1px solid #cad7bf;border-radius:50%;width:280px;height:280px;position:absolute}.device{color:#176b4b;background:#f4f7e9;border:10px solid #244f3d;border-radius:12px;place-items:center;width:210px;height:140px;font-size:45px;display:grid;transform:rotate(-8deg);box-shadow:16px 20px #c3d0b3}.device:after{content:"";background:#365e48;border-radius:3px 3px 14px 14px;width:255px;height:16px;position:absolute;bottom:-27px}.sticker{background:#fff;border-radius:12px;padding:13px 18px;font-size:13px;position:absolute;box-shadow:0 8px 28px #395f3612}.sticker.one{top:35px;left:25px;transform:rotate(-6deg)}.sticker.two{bottom:28px;right:20px;transform:rotate(5deg)}.dot{color:#69a046}.categories{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px;display:grid}.category{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}.category:hover{border-color:var(--green)}.icon{background:#f1f5e9;border-radius:10px;place-items:center;width:48px;height:48px;font-size:27px;display:grid}.category b{font-size:15px;display:block}.category small{color:var(--muted);margin-top:7px;display:block}.content{grid-template-columns:minmax(0,1fr) 290px;gap:28px;padding-bottom:40px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}h2{margin:0;font-size:20px}.sub{color:var(--muted);font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:24px;padding:0 24px;display:flex}.tabs button{color:#7b8780;background:0 0;border:0;padding:18px 0}.tabs button.active{border-bottom:2px solid var(--green);color:var(--green);font-weight:700}.post{border-bottom:1px solid #edf0e9;gap:15px;padding:22px 24px;display:flex}.avatar{color:#507343;background:#e5ecdf;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;font-weight:700;display:grid}.post-body{flex:1;min-width:0}.tags{color:#588365;gap:8px;font-size:11px;display:flex}.tag{background:#eef4e9;border-radius:4px;padding:3px 6px}.post h3{margin:10px 0;font-size:16px;line-height:1.6}.post h3 button{color:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.post p{margin:0 0 14px;font-size:13px}.meta{color:#92998f;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.save{color:#799175;background:0 0;border:0;margin-left:auto}.aside-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:18px;padding:23px}.welcome{color:#fff;background:#173f30}.welcome p{color:#c4d4c5;font-size:13px}.welcome .btn{color:#234b36;background:#daec96;width:100%;font-weight:700}.aside-card h3{margin:0 0 18px;font-size:16px}.steps{color:#738074;font-size:13px;line-height:2.2}.topics{flex-wrap:wrap;gap:8px;display:flex}.topics button{color:#607262;background:#f2f5ed;border:0;border-radius:5px;padding:7px;font-size:12px}.notice{color:#8c958a;font-size:12px;line-height:1.9}.empty{color:#7b8780;text-align:center;padding:40px}footer{border-top:1px solid var(--line);color:#8b9489;padding:24px 0;font-size:12px}.footer-row{justify-content:space-between;display:flex}dialog{width:540px;max-width:92vw;color:var(--ink);border:0;border-radius:16px;padding:28px;box-shadow:0 20px 100px #1235}dialog::backdrop{background:#15281b66}dialog input,dialog textarea,dialog select{border:1px solid #dae2d7;border-radius:7px;width:100%;margin:10px 0;padding:12px;display:block}dialog textarea{min-height:110px}dialog h2{margin-bottom:15px}.close{float:right;background:0 0;border:0;font-size:22px}.form-note{color:#899381;font-size:12px}.reset{color:var(--green);background:0 0;border:0;font-size:12px}@media (max-width:850px){.nav{gap:18px}.nav .optional{display:none}.hero{grid-template-columns:1fr;padding-top:32px}.scene{display:none}h1{font-size:34px}.categories{grid-template-columns:repeat(2,1fr)}.content{grid-template-columns:1fr}.aside{display:none}.wrap{padding:0 18px}.tabs{gap:18px}.nav{height:72px}.logo{font-size:20px}.mark{width:32px;height:32px}.footer-row{line-height:2;display:block}}a{color:inherit;text-decoration:none}.dialog-overlay{z-index:20;background:#142d2866;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-box{background:#fff;border-radius:16px;width:560px;max-height:90vh;padding:28px;overflow:auto}.dialog-box input,.dialog-box textarea,.dialog-box select{border:1px solid #dae2d7;border-radius:7px;width:100%;margin:10px 0;padding:12px;display:block}.dialog-box textarea{min-height:120px}.error{color:#a34019;background:#fff1e8;border-radius:8px;padding:12px}.busy{opacity:.6}.btn:disabled{opacity:.5;cursor:wait}.content-text{white-space:pre-wrap;overflow-wrap:anywhere}.note{color:#718377;font-size:12px;line-height:1.8}.footer-row{gap:20px}.dialog-box h2{margin:12px 0;line-height:1.6}@media (max-width:500px){.tabs{gap:12px;font-size:12px}.category{padding:12px}.icon{width:36px;height:36px}.post{padding:18px 14px}.nav{gap:12px}.nav .btn{padding:10px 14px}.dialog-box{padding:20px}}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #9aba5b}.nav .login-entry{color:#176b4b;white-space:nowrap;border:1px solid #176b4b;border-radius:8px;padding:10px 14px;font-weight:600}.account-state{white-space:nowrap;font-size:12px}.account-state a{margin-left:8px;text-decoration:underline}.case-section{margin:0 0 36px}.case-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.case-heading h2{margin-top:10px;font-size:26px}.case-heading p{margin:10px 0 18px;font-size:13px}.case-label{color:var(--green);white-space:nowrap;font-size:12px}.case-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.case-filters button{border:1px solid var(--line);color:#617568;background:#fff;border-radius:20px;padding:8px 16px}.case-filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:24px;display:flex}.case-card h3{margin:14px 0 6px;font-size:18px;line-height:1.6}.case-card p{margin:0 0 20px;font-size:14px}.case-example{color:#859086;align-self:center;font-size:11px}.case-bottom{border-top:1px solid var(--line);color:#859086;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.guide-steps{padding-left:25px}.guide-steps li{margin-bottom:20px;padding-left:8px}.guide-steps h3{margin-bottom:6px;font-size:16px}.guide-steps p{margin:0;font-size:14px}.login-benefits{color:#526c5d;margin-bottom:24px;padding-left:22px;line-height:2.3}.login-primary{text-align:center;display:block}.dialog-box .btn{display:inline-block}.dialog-box .login-primary{display:block}@media (max-width:600px){.case-grid{grid-template-columns:1fr}.case-heading{display:block}.case-label{margin-bottom:16px;display:block}.case-card{padding:20px}.nav .login-entry{padding:9px;font-size:12px}.nav{gap:10px}.nav .logo{letter-spacing:0;white-space:nowrap}.nav .mark{margin-right:5px}.case-heading h2{font-size:23px}}@media (max-width:380px){.nav{flex-wrap:wrap;gap:8px;height:auto;min-height:90px;padding-top:12px;padding-bottom:12px}.nav .spacer{display:none}.nav .logo{margin-right:auto}.nav>button.active{text-align:left;order:4;width:100%;padding:3px 0}}.mobile-link{color:var(--green);white-space:nowrap;font-size:13px;font-weight:600}@media (max-width:500px){.nav{flex-wrap:wrap;gap:9px;height:auto;min-height:86px;padding-top:12px;padding-bottom:12px}.nav .mobile-link{order:5;width:100%;font-size:12px}.nav .logo{margin-right:auto}.nav .spacer{display:none}}