:root{color-scheme:light;--ink:#202c28;--green:#315f50;--mint:#edf5f0;--line:#dce5df;--muted:#68786f;--bg:#f5f8f5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 90% 15%,#dbeae2 0,transparent 45%),var(--bg);font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:16px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78a991;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}header{height:86px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:700;letter-spacing:.03em}.brand-icon{display:grid;place-items:center;width:37px;height:37px;background:var(--green);color:white;border-radius:12px;font-size:18px}nav{display:flex;align-items:center;gap:28px;font-size:14px}.nav-button,.text-button{padding:0;border:0;background:none;color:var(--green)}main{max-width:1200px;margin:auto;padding:34px 36px 0}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 17px;background:#fff8e6;border:1px solid #ede1bd;border-radius:8px;color:#736037;font-size:14px}.demo-banner strong{margin-right:12px}.demo-banner button{border:0;background:none;color:#695522;white-space:nowrap;text-decoration:underline;font-size:14px}.intro{padding:48px 0 34px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--green);font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:18px;height:2px;background:var(--green)}h1{font-size:clamp(34px,4.3vw,56px);letter-spacing:-.025em;line-height:1.28;margin:16px 0 14px;font-weight:750}h1 br{display:none}.accent{color:#70a38a}.intro p{margin:0;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:42px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #193e2810;overflow:hidden;padding:0 30px 30px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs button{background:none;border:none;border-bottom:3px solid transparent;padding:21px 0 17px;color:var(--muted);font-weight:600}.tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.steps{list-style:none;display:flex;gap:24px;padding:0;margin:0 0 30px;color:#78857d;font-size:14px}.steps li{display:flex;gap:8px;align-items:center}.steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1f4f1;font-size:12px}.steps li.active{color:var(--green);font-weight:600}.steps li.active span{background:var(--green);color:white}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}label{font-weight:600;display:block}.badge{font-size:12px;color:var(--green);background:var(--mint);border:1px solid #d7e7de;border-radius:99px;padding:3px 10px}input:not([type=checkbox]),textarea{width:100%;min-width:0;padding:15px 16px;border:1px solid #cbd7ce;border-radius:9px;background:#fafcfb;outline:none;color:var(--ink)}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #315f5015}input::placeholder,textarea::placeholder{color:#88928d;font-size:14px}.input-row{display:flex;gap:10px}.input-row input{font-family:ui-monospace,monospace;font-size:17px;letter-spacing:.035em}.primary,.secondary{padding:14px 19px;white-space:nowrap;border:1px solid var(--green);border-radius:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:14px}.primary{color:white;background:var(--green)}.primary:hover{background:#254b3e}.secondary{background:white;color:var(--green);border-color:var(--line)}.wide{width:100%;margin-top:18px}.hint{font-size:13px;color:var(--muted);line-height:1.75}.plan{padding:16px;background:var(--mint);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.plan strong{display:block;font-size:18px}.text-button{font-size:14px;white-space:nowrap}details{font-size:14px;margin-bottom:18px}summary{cursor:pointer;color:var(--green)}.instructions{padding-left:20px;color:var(--muted)}textarea{resize:vertical;display:block;margin-top:10px;font-family:ui-monospace,monospace;font-size:14px}.notice{background:#f7f8f5;border-left:3px solid #93a58f;padding:12px 16px;font-size:14px;margin:18px 0;color:#54634f}.notice p{margin:5px 0 0}.consent{display:flex;gap:10px;font-weight:400;font-size:14px;align-items:flex-start}.consent input{margin:5px 0 0;accent-color:var(--green);width:17px;height:17px;flex-shrink:0}aside{padding-top:12px}.aside-number{font-family:ui-monospace,monospace;font-size:12px;color:#82968a;letter-spacing:.2em}aside h2{font-size:22px;margin:12px 0 24px}.aside-step{display:flex;gap:18px;margin:0 0 22px}.aside-step>span{font-family:ui-monospace,monospace;font-size:13px;color:#789584;padding-top:3px}.aside-step h3{font-size:15px;margin:0 0 4px;font-weight:600}.aside-step p,.help p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.help{padding-top:22px;border-top:1px solid var(--line);margin-top:26px}.help strong{font-size:14px}.help p{margin-top:6px}.bottom-note{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:42px;padding:21px 0;color:var(--muted);font-size:13px}footer{max-width:1200px;margin:24px auto 0;padding:24px 36px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#7f8d84}#query-panel h2{font-size:24px;margin:4px 0 6px}.muted{color:var(--muted);font-size:14px;margin:0 0 24px}#query-form label{margin:16px 0 8px;font-size:14px}#error{background:#fff0eb;color:#943e2d;padding:13px 16px;border-radius:8px;font-size:14px}#result{margin-top:24px;border-top:1px solid var(--line);padding-top:25px}.result-heading{display:flex;align-items:center;gap:16px}.result-icon{width:48px;height:48px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--green);font-size:24px}.result-heading h2{font-size:24px;margin:3px 0 0}#result-message{font-size:14px;color:var(--muted)}dl{background:#f8faf8;padding:12px 16px;border-radius:10px;font-size:14px}dl>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0}dt{color:var(--muted);flex-shrink:0}dd{margin:0;text-align:right;overflow-wrap:anywhere}.result-actions{display:flex;gap:12px}.result-actions>*{flex:1}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 220px;gap:26px}.card{padding:0 22px 24px}.input-row{flex-direction:column}.input-row .primary{width:100%}h1{font-size:44px}}@media(max-width:720px){header{height:72px;padding:0 20px;gap:15px}.brand{font-size:14px;gap:9px}nav{gap:12px;font-size:13px}nav a{display:none}main{padding:20px 18px 0}.demo-banner{align-items:flex-start;flex-direction:column;gap:6px;font-size:13px}.demo-banner button{padding:0}.intro{padding:32px 4px 27px}h1{font-size:37px}h1 br{display:block}.workspace{grid-template-columns:1fr;gap:28px}.steps{gap:12px;justify-content:space-between;font-size:12px}.steps li{gap:5px}.card{border-radius:14px;padding:0 20px 24px}.label-row{align-items:flex-start}.badge{font-size:12px}.plan{align-items:flex-start}.plan strong{font-size:16px}aside{padding:0 8px}.aside-step{margin-bottom:16px}aside h2{margin-bottom:20px}.bottom-note{margin-top:28px;flex-direction:column;gap:5px}footer{padding:20px 22px;flex-direction:column;gap:5px;margin-top:0}.result-actions{flex-direction:column}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}.card{animation:appear .4s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}