:root{--forest:#183b31;--deep:#102c25;--cream:#f6f5ef;--sand:#edece3;--accent:#d5ed79;--text:#1d302a;--muted:#69786d;--line:#d9ddd2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:0 28px}.brand{display:flex;gap:12px;align-items:center}.brand .mark{display:grid;place-items:center;width:40px;height:40px;background:var(--forest);border-radius:50%;color:var(--accent);font-size:30px}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.08em}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.ghost{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 17px;color:var(--forest);font-weight:600}.ghost:hover{border-color:var(--forest)}main{max-width:1160px;margin:auto;padding:0 28px 80px}.hero{border-radius:26px;background:var(--forest);color:white;min-height:396px;padding:55px 65px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:540px;height:540px;right:-90px;top:-130px;border:1px solid rgba(213,237,121,.32);border-radius:50%;box-shadow:0 0 0 90px rgba(213,237,121,.04),0 0 0 180px rgba(213,237,121,.035);pointer-events:none}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.19em;font-weight:700}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.22;letter-spacing:-.035em;margin:25px 0 16px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:#d3dfd6;max-width:500px;font-size:17px;line-height:1.8}.hero-line{display:flex;gap:25px;color:#9eb6a8;font-size:11px;letter-spacing:.12em;margin-top:32px}.work{margin:48px auto 0;max-width:880px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 20px}.section-title span{font-size:26px;font-weight:750}.section-title small{color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;text-align:left;min-height:152px;color:var(--text);transition:.18s}.topic:hover,.topic.active{border-color:var(--forest);box-shadow:0 7px 22px rgba(16,44,37,.09)}.topic.active{background:#f0f6dc}.topic .num{display:block;color:#7e8c7c;font-size:12px;margin-bottom:14px}.topic strong{display:block;font-size:19px}.topic small{display:block;color:var(--muted);margin-top:9px;line-height:1.4}.ask{background:white;border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:25px}.ask label{display:block;font-size:18px;font-weight:700;margin-bottom:13px}.ask textarea{display:block;width:100%;border:0;outline:none;resize:vertical;min-height:84px;color:var(--text);line-height:1.6}.ask-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px}.ask-footer span{font-size:12px;color:var(--muted)}.primary{background:var(--forest);color:white;border:0;border-radius:50px;padding:12px 22px;font-weight:700}.primary:hover{background:#2b5a47}.primary:disabled{opacity:.55;cursor:wait}.response{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;margin-top:17px}.hidden{display:none}.response .tag{display:inline-block;padding:5px 10px;border-radius:30px;background:#edf4dc;color:#41612e;font-size:12px;font-weight:700}.response .tag.offline{background:#f2ebda;color:#7b5d27}.response h2{font-size:22px;margin:18px 0 10px}.answer{white-space:pre-wrap;line-height:1.85}.sources{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.sources strong{display:block;font-size:13px;margin-bottom:8px}.sources a,.tutorial a{display:block;color:#266149;margin:7px 0;overflow-wrap:anywhere}.feedback{display:flex;gap:8px;margin-top:20px}.feedback button{border:1px solid var(--line);border-radius:25px;background:white;padding:8px 13px}.feedback button:hover{background:var(--sand)}.note{max-width:880px;margin:24px auto 0;padding:21px 24px;display:flex;gap:16px;border-radius:18px;background:var(--sand)}.note-icon{font-size:23px;color:#78924c}.note strong{font-size:14px}.note p{color:#637165;font-size:13px;line-height:1.7;margin:7px 0 0}dialog{border:0;border-radius:22px;width:min(560px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:28px;box-shadow:0 25px 80px #102c2540}dialog::backdrop{background:#102c25a8}.dialog-head{display:flex;justify-content:space-between}.dialog-head small{font-size:11px;letter-spacing:.16em;color:#78924c}.dialog-head h2{margin:5px 0 0}.icon{border:0;background:none;font-size:28px}.muted,.recovery p{color:var(--muted);line-height:1.65;font-size:13px}.memory{display:flex;align-items:start;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.memory .body{flex:1}.memory small{display:block;color:var(--muted)}.memory p{margin:6px 0;line-height:1.5}.memory button{border:0;background:transparent;color:#56715a}.memory button:hover{text-decoration:underline}form label,.recovery label{display:block;font-size:13px;font-weight:700;margin:12px 0}form input,form select,.recovery input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px;background:white}form .primary{margin-top:7px}.recovery{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.recovery>button{margin:4px 6px 4px 0}.danger{border:0;background:transparent;color:#a74439;text-decoration:underline;padding:10px 0;display:block}.message{font-size:13px;color:#526d36;margin-top:10px}@media(max-width:700px){header{height:70px;padding:0 18px}main{padding:0 14px 60px}.hero{padding:39px 28px;min-height:340px;border-radius:18px}.hero:after{right:-280px}.hero p{font-size:14px}.hero-line{gap:12px;font-size:10px}.work{margin-top:32px}.section-title span{font-size:21px}.section-title small{font-size:11px}.topics{grid-template-columns:1fr;gap:8px}.topic{min-height:auto;padding:16px 18px}.topic .num{margin-bottom:6px}.topic small{margin-top:3px}.ask{padding:18px}.ask-footer{align-items:stretch;flex-direction:column}.ask-footer .primary{align-self:flex-end}.note{padding:18px}}
