:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b2742;--navy:#12375a;--navy-dark:#0b2742;--muted:#4a5f72;--line:#d3dbe3;--line-strong:#b4c0cc;--surface:#f5f7f9;--amber:#a15c00;--head:Archivo, "Segoe UI", system-ui, sans-serif;--body:"Source Sans 3", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{color:var(--ink);font:1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased;background:#fff;margin:0}h1,h2,h3,p,figure,dl,dd,ul,ol{margin:0;padding:0}ul,ol{list-style:none}img{display:block}a{color:inherit}a:focus-visible,.btn:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.skip{z-index:10;border:1px solid var(--line-strong);background:#fff;padding:.5rem 1rem;position:absolute;transform:translateY(-200%)}.skip:focus{transform:translateY(.5rem)}.wrap{width:min(70rem,100% - clamp(2rem,7vw,5rem));margin-inline:auto}.top{border-bottom:1px solid var(--line)}.top-row{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.brand{font:700 1.05rem var(--head);align-items:center;gap:.6rem;text-decoration:none;display:flex}.top nav{align-items:center;gap:clamp(1rem,3vw,1.75rem);font-size:.95rem;display:flex}.top nav a{text-decoration:none}.top nav a:hover{text-underline-offset:4px;text-decoration:underline}.nav-signin{border:1px solid var(--line-strong);border-radius:3px;padding:.35rem .8rem;font-weight:600}.top nav .nav-signin:hover{background:var(--surface);text-decoration:none}.top .languages{gap:.8rem;font-size:.85rem}.languages [aria-current]{font-weight:700}:lang(zh) h1{max-width:13em;line-height:1.2}h1,h2,h3{font-family:var(--head);text-wrap:balance;font-weight:700}h1{letter-spacing:-.02em;max-width:20ch;font-size:clamp(2.6rem,6.4vw,4.75rem);line-height:1.04}h2{letter-spacing:-.01em;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.15}h3{font-size:1.15rem;line-height:1.3}.btn{background:var(--navy);color:#fff;border-radius:3px;padding:.75rem 1.2rem;font-size:.98rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.btn:hover{background:var(--navy-dark)}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{background:#e7eef5}.btn-light:focus-visible{outline-color:#fff}.text-link{text-underline-offset:4px;font-size:.95rem;font-weight:600}.hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,6vw,5rem)}.kicker{color:var(--muted);margin-bottom:1rem;font-size:.95rem}.hero-sub{grid-template-columns:minmax(0,36rem) auto;justify-content:space-between;align-items:end;gap:1.5rem 3rem;margin-top:1.75rem;display:grid}.intro{color:var(--muted);font-size:1.15rem}.actions{flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;display:flex}.shot{margin-top:clamp(2.5rem,5vw,3.75rem)}.app{border:1px solid var(--line-strong);background:#fff;border-radius:6px;grid-template-columns:15rem minmax(0,1fr) 15rem;min-height:25rem;font-size:.9rem;line-height:1.45;display:grid;overflow:hidden}.app-list{background:var(--surface);border-right:1px solid var(--line)}.pane-title{border-bottom:1px solid var(--line);padding:.85rem 1rem;font-weight:700}.app-list li{border-bottom:1px solid var(--line);padding:.75rem 1rem}.app-list li.is-open{background:#fff}.app-list .row{justify-content:space-between;gap:.5rem;display:flex}.app-list time{color:var(--muted);font-size:.78rem}.preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;display:block;overflow:hidden}.flag{color:var(--amber);margin-top:.15rem;font-size:.78rem;font-weight:600;display:block}.app-thread{flex-direction:column;min-width:0;display:flex}.thread-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex}.thread-head small{color:var(--muted);font-size:.78rem;display:block}.status{color:var(--amber);white-space:nowrap;font-size:.8rem;font-weight:600}.status:before{content:"";background:var(--amber);border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.thread-body{flex-direction:column;flex:1;justify-content:flex-end;gap:.9rem;padding:1.25rem;display:flex}.msg-in{background:var(--surface);border:1px solid var(--line);border-radius:4px;align-self:flex-start;max-width:28ch;padding:.55rem .8rem}.draft{border:1.5px dashed var(--navy);border-radius:4px;align-self:flex-end;max-width:34ch;padding:.7rem .85rem}.draft-label{color:var(--muted);margin-bottom:.25rem;font-size:.75rem}.draft-actions{gap:.5rem;margin-top:.7rem;display:flex}.draft-actions span{border:1px solid var(--line-strong);border-radius:3px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.draft-actions span:first-child{background:var(--navy);border-color:var(--navy);color:#fff}.app-side{background:var(--surface);border-left:1px solid var(--line);padding:1rem}.app-side div+div{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.app-side dt{color:var(--muted);font-size:.76rem}.app-side dd{font-weight:600}figcaption{color:var(--muted);margin-top:.75rem;font-size:.82rem}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.example-thread{border:1px solid var(--line-strong);border-radius:6px;min-height:17rem;font-size:.9rem;overflow:hidden}.example-thread .msg strong{margin-bottom:.2rem;font-size:.78rem;display:block}.example-thread .status-sent{color:#176149}.example-thread .status-sent:before{background:currentColor}.example-thread .draft-sent{background:#eff8f3;border:1px solid #aacbbb}.block{border-top:1px solid var(--line);padding:clamp(3.25rem,7vw,5.5rem) 0}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:2.5rem clamp(2rem,6vw,5rem);display:grid}.split-head{position:sticky;top:1.5rem}.split-head p{max-width:30ch;color:var(--muted);margin-top:.9rem}.rows>div{border-top:1px solid var(--line);grid-template-columns:11rem minmax(0,1fr);gap:.5rem 2rem;padding:1.1rem 0;display:grid}.rows>div:first-child{border-top:0;padding-top:0}.rows dt{font-weight:700;line-height:1.35}.rows dd{color:var(--muted)}.steps{counter-reset:step}.steps li{counter-increment:step;border-top:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr);padding:1.1rem 0;display:grid}.steps li:first-child{border-top:0;padding-top:0}.steps li:before{content:counter(step) ".";color:var(--muted);font:600 1.15rem/1.3 var(--head);grid-row:span 2}.steps p{max-width:40ch;color:var(--muted);margin-top:.3rem}.closing{background:var(--navy-dark);color:#fff;padding:clamp(3rem,6vw,4.5rem) 0}.closing-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;display:flex}.closing p{color:#c3d2e0;margin-top:.6rem}.foot{color:var(--muted);padding:1.5rem 0 2rem;font-size:.88rem}.foot-row,.foot nav{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.foot-row{justify-content:space-between}.foot nav a{color:var(--ink);text-underline-offset:3px}@media (width<=960px){.app{grid-template-columns:minmax(0,1fr) 14rem}.app-list{display:none}.hero-sub{grid-template-columns:minmax(0,1fr);align-items:start}.split{grid-template-columns:minmax(0,1fr)}.split-head{position:static}}@media (width<=760px){.top-row{flex-wrap:wrap;gap:.5rem 1rem;padding-block:.75rem}.top .languages{width:100%}.example-grid{grid-template-columns:minmax(0,1fr)}.app{grid-template-columns:minmax(0,1fr);min-height:0}.app-side{border-left:0;border-top:1px solid var(--line);gap:1rem;display:grid}.app-side div+div{border-top:0;margin-top:0;padding-top:0}.thread-body{min-height:14rem}}@media (width<=540px){.nav-section{display:none}.rows>div{grid-template-columns:minmax(0,1fr)}.thread-head{flex-direction:column;align-items:flex-start;gap:.3rem}}
