:root{color-scheme:light;--ink:#24382f;--muted:#6e7e73;--green:#24694d;--border:#e0e7dd;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",sans-serif;font-size:15px;background:#f8faf5;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #86bba0;outline-offset:4px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.87rem;overflow-wrap:anywhere}p,li{line-height:1.85}h1,h2,p{margin-top:0}h2{font-size:1.5rem;letter-spacing:-.03em}main,.site-header{max-width:1160px;margin:auto;padding:0 32px}.site-header{height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:24px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand span{font-size:12px;font-weight:400;letter-spacing:1px;display:block;color:var(--muted);margin-top:6px}.back{font-size:13px;text-decoration:none}.intro{max-width:740px;margin:58px 0 42px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:650}.intro h1{font-size:clamp(40px,6vw,64px);line-height:1.22;letter-spacing:-.05em;margin:16px 0 22px}.intro p{font-size:16px;color:var(--muted);max-width:620px}.browser-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 8px 30px #29473404}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px}.browser-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e9f2eb;color:var(--green);font-size:27px;font-weight:700}.firefox{background:#f9ecdc;color:#9f5e2f}.badge{font-size:11px;padding:7px 10px;background:#eff5ee;color:#4d735c;border-radius:30px}.amber{background:#fbf3e7;color:#98632e}.card-description{font-size:14px;color:var(--muted);min-height:78px}.download{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--green);color:white;text-decoration:none;padding:16px 19px;border-radius:12px;font-size:14px;font-weight:650}.download:hover{background:#19563c}.secondary{background:#eaf1e7;color:var(--green)}.secondary:hover{background:#dce9d8}.caption{font-size:12px;color:var(--muted);margin:10px 0 24px}.steps{padding-left:22px;font-size:14px;margin:20px 0}.steps li{padding-left:3px;margin:12px 0}.steps code{font-size:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:500;color:var(--muted);background:#f6f8f3}td,th{padding:12px 8px;border-bottom:1px solid #edf0e9}table code{font-size:11px}.copy{border:0;background:transparent;color:var(--green);font-size:11px;padding:5px 0 5px 9px;white-space:nowrap}.copy:hover{text-decoration:underline}.code-row{background:#f3f6ef;border:1px solid #e6ebdf;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.code-row code{min-width:0}.note{font-size:12px;color:var(--muted);margin:16px 0 0}.notice{padding:16px;background:#fcf5e9;color:#845b2c;border-radius:11px;font-size:12px;margin-top:20px}.notice strong{display:block}details{border-top:1px solid var(--border);padding-top:20px;font-size:13px}summary{cursor:pointer;font-weight:600;color:var(--green);line-height:1.8}details p{margin-top:14px;margin-bottom:0}.connect{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;margin-top:24px;padding:36px}.connect h2{margin:16px 0}.connect p{font-size:13px;color:var(--muted)}.connect-fields>div+div{margin-top:24px}.field-label{font-size:12px;font-weight:650}.connect-fields p{margin:10px 0}.connect-fields pre{background:#f3f6ef;padding:14px;border-radius:9px;white-space:pre-wrap;line-height:1.7;margin-bottom:0}.privacy{max-width:840px;margin:50px 0 42px}.privacy h2{font-size:17px}.privacy p{font-size:13px;color:var(--muted);margin-bottom:10px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:25px 0 36px;color:var(--muted);font-size:12px}footer a{margin-left:18px;text-decoration:none}.copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24382f;color:white;padding:12px 20px;border-radius:10px;box-shadow:0 5px 25px #24382f22;font-size:13px;max-width:90vw}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}
@media(max-width:900px){.browser-cards{grid-template-columns:1fr}.card-description{min-height:0}.connect{grid-template-columns:1fr;gap:18px}.intro{margin-top:30px}.site-header{height:95px}footer{flex-direction:column}footer a:first-child{margin-left:0}}
@media(max-width:480px){main,.site-header{padding-left:18px;padding-right:18px}.card{padding:23px 19px;border-radius:16px}.card-top{gap:8px}.badge{font-size:10px}.intro h1{font-size:40px}.back{font-size:11px}.brand{font-size:22px}td,th{padding-left:3px;padding-right:3px}table code{font-size:10px}.connect{padding:25px 20px}.code-row{gap:4px;padding:10px}.code-row code{font-size:11px}}