:root{color-scheme:light;--ink:#253940;--muted:#647570;--green:#287960;--line:#dce3df;--paper:#f7f8f4;--purple:#75568d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d5a35f;outline-offset:4px}.topbar{max-width:1480px;margin:auto;min-height:84px;padding:20px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:22px;font-weight:750;white-space:nowrap}.mark{display:grid;place-items:center;background:var(--green);color:white;border-radius:9px;width:35px;height:35px;font-size:23px}.brand-sub{font-size:13px;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.topbar nav{display:flex;gap:26px;font-size:14px}.topbar nav a{text-decoration:none}main{max-width:1480px;margin:auto;padding:0 42px}.hero{max-width:880px;padding:65px 0 45px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--green);font-weight:750;margin:0 0 13px}h1{font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-.035em;margin:0 0 24px;font-weight:750}.intro{font-size:18px;max-width:760px;color:#566a65;margin:0}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.chips span{padding:5px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;background:white}.gallery{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 9px 40px #273a3010;scroll-margin-top:22px}.section-heading{padding:28px 28px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading .eyebrow{margin-bottom:5px}h2{font-size:25px;line-height:1.4;margin:0}.version{color:var(--muted);font-size:12px;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:0 28px 18px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:4px;border-radius:9px;padding:4px;background:#f2f5f2}.tabs button{border:0;background:none;border-radius:6px;padding:8px 16px;font-size:13px;color:var(--muted)}.tabs button[aria-selected=true]{background:white;box-shadow:0 1px 5px #25394015;color:var(--green);font-weight:750}.exports{display:flex;align-items:center;gap:15px;font-size:12px}.exports button{border:0;background:#edf5ef;border-radius:6px;color:var(--green);padding:8px 13px}.exports a{text-decoration:none;font-weight:700}figure{margin:0}.image-scroll{overflow-x:auto;padding:22px 15px 0}#method-image{display:block;width:100%;height:auto;min-width:680px}figcaption{font-size:13px;color:var(--muted);padding:10px 28px 14px}.legend{margin:0;padding:14px 28px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.legend i{width:30px;border-top:2px solid var(--green)}.legend .dashed{border-top:2px dashed var(--purple);margin-left:12px}.legend span{margin-left:auto}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.stage-card{background:white;padding:30px;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:12px}.stage-card.sft{border-top-color:var(--purple)}.sft .eyebrow,.sft .accent{color:var(--purple)}.stage-card p{font-size:15px}.stage-card .eyebrow{font-size:12px}.accent{font-weight:600;color:var(--green)}details{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--ink);padding-bottom:3px}details p{color:#536761;font-size:14px}details[open] summary{margin-bottom:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-size:12px;font-weight:700;color:var(--muted);background:#f4f6f3}td,th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{font-weight:600;min-width:135px}caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:10px}.contract{background:white;border:1px solid var(--line);border-radius:12px;padding:0 28px 25px}.contract .section-heading{padding-left:0;padding-right:0}.contract>details{margin-top:20px}.contract table td:first-child{width:20%}.contract table td{width:40%}pre{background:#f4f6f3;border-radius:8px;padding:18px;font-size:13px;overflow:auto}code{font-size:.93em}footer{display:flex;justify-content:space-between;gap:22px;margin:40px 0 30px;font-size:12px;color:var(--muted)}footer strong{font-size:15px;color:var(--ink)}footer p{margin:6px 0}dialog{padding:0;border:1px solid var(--line);border-radius:13px;width:96vw;max-width:1900px;max-height:94vh;overflow:hidden}dialog::backdrop{background:#14231ce0}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid var(--line);font-size:14px}.dialog-bar button{border:0;padding:6px 10px;background:#eef3ef;border-radius:6px}.zoom-scroll{overflow:auto;max-height:82vh;padding:12px}#zoom-image{display:block;width:1800px;max-width:none;height:auto}
@media(max-width:800px){.topbar,main{padding-left:20px;padding-right:20px}.topbar nav{gap:14px;font-size:12px}.brand-sub{display:none}.hero{padding:40px 0 32px}.intro{font-size:16px}.section-heading{padding:22px 18px 16px;align-items:flex-start;flex-direction:column;gap:5px}h2{font-size:22px}.toolbar{padding:0 14px 14px}.tabs button{padding:8px 10px}.stage-grid{grid-template-columns:1fr;gap:18px;margin:26px 0}.stage-card{padding:22px}.legend{padding:12px 18px}.legend span{margin-left:0;width:100%}figcaption{padding-left:18px;padding-right:18px}.contract{padding:0 18px 20px}footer{flex-direction:column}.contract table{min-width:650px}}@media(max-width:380px){.topbar,main{padding-left:13px;padding-right:13px}.topbar nav{gap:10px}.brand{font-size:20px}.topbar{gap:10px}.tabs button{font-size:12px;padding:7px 8px}.chips{gap:6px}.chips span{font-size:11px}}
