:root{--ink:#172033;--muted:#526078;--line:#dbe2ee;--surface:#f6f8fc;--accent:#155eef}*{box-sizing:border-box}body,html{background:var(--surface)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;font-size:16px;line-height:1.7}a{color:inherit}a:focus-visible{outline:3px solid #f6b51e;outline-offset:3px}.site-header,footer{display:flex;justify-content:space-between;gap:1rem;max-width:72rem;margin:0 auto;padding:1.15rem 1.25rem}.site-header{align-items:center;background:#fff;max-width:none;padding-inline:max(1.25rem,calc((100vw - 72rem) / 2));border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none}.brand span{color:var(--muted);font-weight:600}nav{display:flex;flex-wrap:wrap;gap:1rem}nav a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:.25rem}.page-shell{width:min(100% - 2.5rem,68rem);margin:0 auto;padding:4.5rem 0}.hero{max-width:72rem}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.04em}h1,h2{line-height:1.25;letter-spacing:-.02em}h3{margin:.2rem 0 .8rem;line-height:1.3}h1{max-width:18ch;margin:0 0 1rem;font-size:clamp(2.25rem,7vw,4.75rem)}h2{margin-top:2.5rem;font-size:clamp(1.35rem,3vw,1.8rem)}.lead{max-width:56ch;color:var(--muted);font-size:1.15rem}.button{display:inline-flex;min-height:48px;align-items:center;margin-top:1rem;padding:.7rem 1rem;border-radius:.6rem;color:#fff;background:var(--accent);font-weight:800;text-decoration:none}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:3rem}.choice-grid article{padding:1.25rem;background:#fff;border:1px solid var(--line);border-radius:.75rem;box-shadow:0 12px 28px rgba(29,54,99,.06)}.choice-grid h2{margin:0;font-size:1.2rem}.article p,.choice-grid p{color:var(--muted)}.card-link{display:inline-flex;align-items:center;min-height:36px;margin-top:.35rem;color:var(--accent);font-weight:800;text-underline-offset:.25rem}.article{max-width:46rem;background:#fff;padding:3.5rem;margin-top:2.5rem;margin-bottom:2.5rem;border:1px solid var(--line);border-radius:.75rem}.article h1{max-width:16ch;font-size:clamp(2.15rem,6vw,3.8rem)}.article-lead{font-size:1.18rem;color:var(--muted)}.answer-box{margin:2rem 0;padding:1.3rem 1.4rem;border:1px solid #b9d2ff;border-radius:.9rem;background:#f0f6ff}.answer-box strong{color:#0f4fc1}.answer-box p{margin:.4rem 0 0;color:var(--ink)}.comparison{display:grid;grid-gap:1rem;gap:1rem}.comparison section{padding:1.25rem;border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(135deg,#fff,#f8fbff)}.comparison p{margin:.55rem 0;color:var(--muted)}.tool-name{color:var(--accent)!important;font-weight:800;letter-spacing:.04em}.flow-figure,.real-shot{margin:2.5rem 0}.real-shot img{display:block;width:100%;height:auto}.mock-browser,.real-shot img{border:1px solid #bac8df;border-radius:.8rem;box-shadow:0 18px 36px rgba(26,55,105,.12)}.mock-browser{overflow:hidden;background:#fff}.browser-bar{display:flex;align-items:center;gap:.45rem;padding:.65rem .8rem;color:#627089;background:#eef3fa;font-size:.78rem}.browser-bar i{width:.55rem;height:.55rem;border-radius:50%;background:#c4cede}.browser-bar span{margin-left:.3rem}.mock-content{padding:2.2rem 1.5rem;background:linear-gradient(135deg,#0b3b74,#175eed);color:#fff}.mock-content small{display:block;color:#d4e4ff}.mock-content strong{display:block;max-width:20ch;margin:.45rem 0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.25}.mock-content p{margin:.5rem 0 1.4rem;color:#e7f0ff}.mock-form{display:flex;gap:.6rem;align-items:center;padding:.6rem;border-radius:.55rem;background:#fff;color:#72809a}.mock-form span{flex:1 1;padding-left:.4rem}.mock-form b{padding:.55rem .75rem;border-radius:.4rem;background:#f3bd34;color:#172033;white-space:nowrap}figcaption{margin-top:.65rem;color:var(--muted);font-size:.9rem}.decision-list{padding-left:1.35rem}.decision-list li{margin:1rem 0;padding-left:.25rem;color:var(--muted)}.decision-list strong{color:var(--ink)}.draft-note{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.92rem}.next-reading{margin-top:1.5rem;font-weight:800}.next-reading a{color:var(--accent);text-underline-offset:.25rem}.example-grid{display:grid;grid-gap:.8rem;gap:.8rem;margin:1.4rem 0}.example-grid p{margin:0;padding:1rem;border-left:4px solid #b9c7dc;background:#f7f9fc;color:var(--ink)}.example-grid p+p{border-left-color:var(--accent);background:#f0f6ff}.example-grid span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.86rem;font-weight:800}.step-list{padding-left:1.35rem}.step-list li{margin:1rem 0;padding-left:.25rem;color:var(--muted)}.step-list strong{color:var(--ink)}.cta-panel{margin:2.5rem 0 1.5rem;padding:1.6rem;border-radius:.85rem;background:#f0f6ff;border:1px solid #b9d2ff}.cta-panel h2{margin:.25rem 0 .65rem;font-size:clamp(1.35rem,3vw,1.8rem)}.cta-panel p,footer{color:var(--muted)}footer{font-size:.9rem;border-top:1px solid var(--line)}@media (max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.page-shell{width:min(100% - 2rem,68rem);padding:3rem 0}.choice-grid{grid-template-columns:1fr}.article{padding:2rem 1.25rem}.mock-form{align-items:stretch;flex-direction:column}.mock-form b{text-align:center}}