@font-face{font-family:"jf-openhuninn";src:url("./fonts/jf-openhuninn-2.1.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2B6A7C;--primary-light:#4A9BAD;--accent:#6CC4B0;--accent-soft:#E8F5F0;--bg:#F5F0E8;--gray:#EDE8DF;--text:#2C3E3E;--light-text:#526d6d;--card-shadow:0 2px 20px rgba(43,106,124,.06);--radius:14px}html{scroll-behavior:smooth}body{font-family:Inter,'Noto Sans TC',system-ui,sans-serif;font-size:15px;color:var(--text);line-height:1.75;background:linear-gradient(180deg,#D4EEF3 0%,#DAF0EA 20%,#E8EDDF 42%,#F0ECE2 64%,#F5F0E8 84%,#EDE6DA 100%);text-align:justify}html[lang=en] body,html[lang=en] p{font-family:Inter,system-ui,sans-serif;text-align:left;word-spacing:normal;letter-spacing:normal}a{color:var(--primary)}.hero{position:relative;overflow:hidden;background:#2B6A7C url('./hero.svg') center/cover no-repeat;color:#fff;padding:3.2rem 2rem 2.6rem;text-align:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(43,106,124,.70),rgba(61,122,138,.62),rgba(74,138,150,.56));pointer-events:none}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(43,106,124,.55),transparent 42%);pointer-events:none}.hero>*{position:relative;z-index:2}.hero .tag{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c8f5e8}.hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:.5rem 0 .6rem;line-height:1.3;text-shadow:0 2px 18px #0003}.hero p{font-size:clamp(.86rem,1.6vw,1rem);max-width:640px;margin:auto;line-height:1.7}.hero .chips{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}.hero .chips span{font-size:12px;background:#ffffff24;border:1px solid #ffffff4d;color:#fff;padding:.3rem .8rem;border-radius:20px}.context{max-width:1120px;margin:auto;padding:2.2rem 1.5rem .5rem}.ctx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ctx-card{background:#fff;border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--card-shadow);border:1px solid #0000000a}.ctx-card h3{font-size:15px;color:var(--primary);margin:.1rem 0 .35rem}.ctx-card p{font-size:13.5px;color:var(--light-text);line-height:1.6}.how{background:transparent;margin-top:.5rem;padding:2.6rem 1.5rem}.inner{max-width:1120px;margin:auto}.section-label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#276a5c}h2{font-size:clamp(1.3rem,3vw,1.6rem);color:var(--primary);margin:.3rem 0 .6rem}h3{font-size:17px;color:var(--primary);margin-bottom:.5rem}.lead{font-size:15px;color:var(--light-text);max-width:760px;margin-bottom:1.2rem}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin:1rem 0}.flow-step,.card{background:#fff;border-radius:var(--radius);padding:1.2rem;box-shadow:var(--card-shadow)}.flow-step .n{width:26px;height:26px;background:var(--primary);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;margin-bottom:.5rem}.flow-step h3{font-size:14px}.flow-step p{font-size:13px;color:var(--light-text)}.diagram{width:100%;display:block;margin:1rem 0;border-radius:var(--radius);background:white}.demo-wrap{max-width:1120px;margin:auto;padding:1.8rem 1.5rem 2rem}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.controls label{font-size:14px}.controls select,.controls button{font:inherit;font-size:14px;border-radius:8px;border:1px solid #b3c9c9;padding:.55rem .8rem;background:white;color:var(--primary);cursor:pointer}.controls button[aria-pressed=true]{background:var(--primary);color:white}.sample{display:inline-block;font-size:12px;color:#275a4d;background:var(--accent-soft);padding:.2rem .7rem;border-radius:20px;font-weight:700}.demo-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.2rem}.chart-card,.audit-card{min-width:0}.chart{display:block;width:100%;height:auto;max-height:430px}.chart text{font-size:14px;fill:#2C3E3E}.audit-list{display:grid;gap:.6rem;margin-top:1rem;font-size:14px}.audit-list div{padding:.7rem;background:#f0f7f4;border-radius:8px}.audit-list dt{color:var(--primary);font-weight:700}.audit-list dd{margin:0;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;margin:1rem 0}th,td{border-bottom:1px solid #dde7e2;padding:.6rem}th{color:var(--primary)}.output-grid,.validation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card ul{padding-left:1.2rem}.card li{margin:.5rem 0}.note{background:linear-gradient(135deg,#E8F5F0,#DAF0EA);border:1px solid #6cc4b04d;border-radius:var(--radius);padding:1.2rem 1.4rem;color:#235566;margin-top:1rem;font-size:14px}.validation-label{font-size:12px;font-weight:700;color:#275a4d;display:inline-block;margin-bottom:.5rem}.caption{font-size:13px;color:var(--light-text);margin:.5rem 0}.uniform-nav a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #6CC4B0;outline-offset:3px}.uniform-footer{color:#e0f1f3!important}.uniform-footer p{text-align:center!important}@media(max-width:880px){.demo-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.output-grid,.validation-grid{grid-template-columns:1fr}.hero{padding:2.2rem 1.5rem}.flow{grid-template-columns:1fr}.chart text{font-size:24px}.controls button{flex:1 1 130px}.ctx-grid{grid-template-columns:1fr}}

footer.uniform-footer{padding:2.4rem 2rem}

html[lang="zh-Hant"] body{font-family:"jf-openhuninn",system-ui,sans-serif}
.workflow-narrow{display:none}@media(max-width:600px){.workflow-wide{display:none}.workflow-narrow{display:block}}