:root{--ink:#172b2b;--muted:#5f6e6a;--line:#dde5e0;--paper:#f6f8f5;--white:#fff;--accent:#18806a;--soft:#e9f4ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px max(20px,calc((100vw - 1120px)/2));background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.logo{color:var(--ink);font-weight:800;font-size:19px}.top nav{display:flex;gap:17px;flex-wrap:wrap;font-size:14px}main{max-width:1060px;margin:35px auto 65px;padding:0 22px}.hero{padding:60px 52px;border-radius:24px;background:linear-gradient(120deg,#effaf0,#e8f0f4);border:1px solid var(--line)}.hero h1{font-size:clamp(31px,5.5vw,60px);line-height:1.22;letter-spacing:-1.4px;margin:10px 0 18px}.eyebrow{font-size:13px;color:var(--accent);font-weight:700;letter-spacing:1px;text-transform:uppercase}.lead{font-size:19px;color:var(--muted);max-width:740px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.button{display:inline-block;padding:11px 18px;border-radius:12px;background:var(--accent);color:#fff!important;font-weight:600;border:0;cursor:pointer}.button.secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:24px 0}.card,.article,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.card h3{font-size:19px;margin:0 0 8px}.card p{color:var(--muted);margin:0 0 15px}.card a{font-weight:650}.article{max-width:850px;margin:15px auto 35px;padding:36px 45px}.article h1{line-height:1.25}.article h2{margin-top:37px;border-bottom:1px solid var(--line);padding-bottom:12px}.article h3{margin-top:25px}.article p,.article li{font-size:16px}.article ul,.article ol{padding-left:24px}.article blockquote{margin:20px 0;padding:10px 17px;background:var(--soft);border-left:4px solid var(--accent)}.article pre,.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#102d2b;color:#f1f9f4;border-radius:10px;padding:19px;font-size:14px}.article code{background:#edf1ee;padding:2px 5px;border-radius:5px}.article pre code{background:transparent;padding:0}.article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article td{border:1px solid var(--line);padding:8px 10px}.grid26{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.chapter{display:block;border-radius:12px;border:1px solid var(--line);background:white;padding:14px 16px;color:var(--ink)}.chapter:hover{border-color:var(--accent)}.brandbar{background:#f0f7f2;border:1px solid #cee4d4;border-radius:15px;padding:17px 20px;margin:30px auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.brandbar span{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px}.brandbar button,.copybtn{font:inherit;border:1px solid var(--accent);color:var(--accent);background:white;border-radius:8px;padding:6px 9px;cursor:pointer}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:28px 16px;font-size:13px}footer a{margin:0 4px}.prompt{background:white;border:1px solid var(--line);padding:20px;border-radius:16px;margin:15px 0}.prompt textarea{display:block;width:100%;height:160px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:13px;background:#fbfdfb;font:14px/1.6 monospace}.checkrow{display:flex;gap:11px;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:10px;padding:13px;margin:8px 0}.checkrow input{margin-top:7px;accent-color:var(--accent);width:19px;height:19px}.meter{width:100%;height:9px;background:#dce5e0;border-radius:9px;overflow:hidden}.meter div{height:100%;width:0%;background:var(--accent);transition:width .2s}.calcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.field label{display:block;font-size:13px;color:var(--muted)}.field input{display:block;width:100%;padding:11px;border-radius:9px;border:1px solid #c9d7ce;font:inherit}#result{font-size:28px;font-weight:800;padding:12px 0}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.muted{color:var(--muted)}@media(max-width:600px){main{padding:0 14px;margin:18px auto}.hero{padding:36px 23px}.article{padding:22px 19px}.top{position:static;padding:15px}.top nav{gap:9px;font-size:12px}}