:root{--bg:#f6f7f9;--surface:#ffffff;--surface-muted:#f0f3f6;--text:#18202b;--muted:#637083;--line:#d8dee8;--accent:#0f7b63;--accent-strong:#0b5f4c;--accent-soft:#ddf4ed;--warning:#9a5b00;--warning-soft:#fff3d9;--danger:#b42318;--shadow:0 14px 40px rgba(24,32,43,0.08)}*{box-sizing:border-box}html{min-width:320px}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.siteShell{min-height:100vh;display:flex;flex-direction:column}.topNav{border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topNavInner{width:min(1120px,calc(100% - 32px));height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brandMark{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff}.navLinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.navLinks a:hover{color:var(--text)}.main{width:min(1120px,calc(100% - 32px));margin:0 auto;flex:1 1}.heroTool{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:32px;gap:32px;align-items:center;padding:52px 0 28px}.heroCopy h1{margin:0;font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:0}.heroCopy p{margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.75;max-width:660px}.answerBlock,.apiPreview,.assurancePanel,.detailPanel,.docSection,.guideArticle,.noticeBox,.pricePanel,.toolPanel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.toolPanel{padding:24px}.toolPanelHeader{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.toolPanelHeader h2{margin:0;font-size:20px}.toolPanelHeader p{margin:6px 0 0;color:var(--muted);line-height:1.55}.searchForm{display:grid;grid-gap:10px;gap:10px}.searchFormCompact{margin:20px 0}.inputLabel{color:var(--muted);font-size:14px}.inputRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.inputWrap{min-height:52px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 14px}.inputWrap svg{color:var(--muted);flex:0 0 auto}.inputWrap input{border:0;outline:0;min-width:0;width:100%;color:var(--text)}.primaryButton,.promotionButton,.secondaryLink{min-height:52px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.primaryButton,.promotionButton{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:0 18px}.primaryButton:hover,.promotionButton:hover{background:var(--accent-strong)}.secondaryLink{border:1px solid var(--line);padding:0 16px;color:var(--text);background:var(--surface)}.formError{margin:0;color:var(--danger);font-size:14px}.contentGrid,.featureBand,.toolFacts{display:grid;grid-gap:16px;gap:16px}.toolFacts{grid-template-columns:repeat(3,1fr);margin:28px 0 38px}.factItem{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.factItem svg{color:var(--accent)}.factItem h3{margin:12px 0 6px;font-size:17px}.factItem p{margin:0;color:var(--muted);line-height:1.6}.sectionHeader{margin:48px 0 18px}.sectionHeader h2{margin:0;font-size:28px}.sectionHeader p{margin:10px 0 0;color:var(--muted);line-height:1.7}.contentGrid{grid-template-columns:repeat(3,1fr);margin-bottom:52px}.guideLink{min-height:150px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px}.guideLink h3{margin:0;font-size:18px}.guideLink p{margin:10px 0 0;color:var(--muted);line-height:1.6}.resultPage{padding:32px 0 56px}.pageHeader{margin-bottom:22px}.pageHeader h1{margin:0;font-size:38px}.pageHeader p{color:var(--muted);line-height:1.7}.resultGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-gap:18px;gap:18px;align-items:start}.answerBlock{padding:24px;grid-column:1/-1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;font-weight:700}.answerBlock h2{margin:12px 0 8px;font-size:26px;line-height:1.35}.answerBlock p,.finePrint{color:var(--muted);line-height:1.7}.assurancePanel,.detailPanel,.pricePanel{padding:22px}.statusLine{display:inline-flex;align-items:center;gap:8px;color:var(--accent);background:var(--accent-soft);padding:8px 10px;border-radius:8px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:18px 0}.detailList div,.metrics div{border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-muted)}dt{color:var(--muted);font-size:13px}dd{margin:6px 0 0;font-weight:800}.detailPanel h3{margin:0 0 14px;font-size:20px}.detailList{display:grid;grid-gap:10px;gap:10px;margin:0}.assurancePanel{display:grid;grid-gap:12px;gap:12px}.assurancePanel div{display:flex;align-items:center;gap:10px;color:var(--muted)}.noticeBox{padding:22px;background:var(--warning-soft);border-color:#f2cf86;color:var(--warning)}.noticeBox h2{margin:0 0 10px;font-size:22px}.apiPreview{padding:22px;margin-bottom:44px;overflow:hidden}pre{margin:14px 0 0;padding:16px;overflow:auto;color:#d9e8e1;background:#18202b;border-radius:8px;line-height:1.6}.docSection,.guideArticle{padding:28px;margin:28px 0 56px}.docSection h1,.guideArticle h1{margin-top:0}.docSection li,.docSection p,.guideArticle li,.guideArticle p{color:var(--muted);line-height:1.8}.footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0}.footerInner{width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;gap:18px;justify-content:space-between;align-items:flex-start;font-size:13px;line-height:1.6}@media (max-width:860px){.contentGrid,.heroTool,.inputRow,.resultGrid,.toolFacts{grid-template-columns:1fr}.navLinks{display:none}.footerInner{flex-direction:column}}@media (max-width:520px){.footerInner,.main,.topNavInner{width:min(100% - 24px,1120px)}.heroTool{padding-top:32px}.metrics{grid-template-columns:1fr}}