:root{--paper: #f7f3ec;--paper-deep: #efe9dd;--ink: #211d18;--ink-soft: #4a443b;--muted: #8b8275;--line: #ddd2bf;--seal: #c0392b;--seal-deep: #a02d21;--ok: #2e7d4f;--err: #b3352b;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,sans-serif;background:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.04'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);line-height:1.65;min-height:100vh;overflow-x:clip}::selection{background:var(--seal);color:#fff}.masthead{background:var(--ink);color:var(--paper);padding:28px 20px 26px}.masthead-inner{max-width:640px;margin:0 auto}.brand{display:flex;align-items:center;gap:12px}.seal{width:40px;height:40px;flex:none;background:var(--seal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;border-radius:6px;box-shadow:2px 2px #ffffff29}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-text strong{font-size:19px;letter-spacing:2px}.brand-text span{font-size:12px;color:#b6ac9c;letter-spacing:4px}.tagline{margin-top:14px;font-size:12px;color:#b6ac9c;letter-spacing:1px}.page{max-width:640px;margin:0 auto;padding:24px 16px 72px}.view[hidden]{display:none}.lede{margin-bottom:28px}.lede.center{text-align:center}.kicker{font-size:12px;letter-spacing:6px;color:var(--seal);font-weight:700;margin-bottom:10px}.lede h1{font-size:30px;line-height:1.35;font-weight:800;letter-spacing:1px}.lede .sub{margin-top:12px;font-size:14px;color:var(--ink-soft)}.lede .sub code,.noclaim-note code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;background:var(--paper-deep);padding:1px 6px;border-radius:4px}.req{color:var(--err);font-style:normal}.block{border:none;border-top:1px solid var(--line);padding:22px 0 26px}.block legend{font-size:15px;font-weight:700;padding-right:12px;display:flex;align-items:baseline;gap:8px}.no{font-size:12px;font-weight:800;color:var(--seal);letter-spacing:1px}.optional{font-size:11px;font-weight:400;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:1px 8px}.field{margin-top:16px}.field-row{display:flex;gap:12px}.field-row .field{flex:1;min-width:0}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input[type=text],input[type=email],select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf9;font-size:16px;font-family:inherit;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #211d1814}input[readonly]{background:var(--paper-deep);color:var(--ink-soft)}textarea{resize:vertical;min-height:110px}.hint{font-size:12px;color:var(--muted);margin-top:6px}.drop{width:100%;margin-top:14px;border:1.5px dashed var(--line);border-radius:var(--radius);background:#fffdf9;padding:26px 14px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:4px;align-items:center;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--seal);background:#fdf6f0}.drop-title{font-size:15px;font-weight:700;color:var(--ink)}.drop-sub{font-size:12px;color:var(--muted)}.filelist{list-style:none;margin-top:10px}.filelist li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fffdf9;margin-top:6px;font-size:13px}.filelist .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filelist .fsize{color:var(--muted);flex:none}.filelist .del{border:none;background:none;color:var(--err);font-size:16px;font-weight:700;cursor:pointer;padding:0 4px;flex:none}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf9;padding:14px}.switch-text .t{font-size:14px;font-weight:700}.switch-text .s{font-size:12px;color:var(--muted);margin-top:2px}.switch{position:relative;width:48px;height:27px;flex:none}.switch input{position:absolute;opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfc5b2;border-radius:27px;transition:background .2s}.slider:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.slider{background:var(--seal)}.switch input:checked+.slider:before{transform:translate(21px)}.switch input:disabled+.slider{opacity:.45;cursor:not-allowed}.btn-primary{display:block;width:100%;margin-top:22px;padding:15px;border:none;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-size:16px;font-weight:700;letter-spacing:2px;font-family:inherit;cursor:pointer;transition:background .15s,transform .05s}.btn-primary:hover{background:var(--seal-deep)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.form-err{margin-top:14px;background:#fbeae7;color:var(--err);border-left:3px solid var(--err);border-radius:6px;padding:10px 12px;font-size:13px}.form-err[hidden]{display:none}.fineprint{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.7}.noclaim-note{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--ink-soft);text-align:center}.compare{display:grid;gap:22px;margin-bottom:32px}@media (min-width: 560px){.compare{grid-template-columns:1fr 1fr}}.slide-mock{margin:0}.mock-canvas{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;padding:8% 9%;display:flex;flex-direction:column;justify-content:center}.bad-canvas{background:linear-gradient(135deg,#5b6cff,#9b4dca);color:#fff;gap:4%}.bad-title{font-size:clamp(13px,3.4vw,19px);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);border-bottom:2px dashed rgba(255,255,255,.5);padding-bottom:2%;margin-bottom:1%}.bad-line{font-size:clamp(10px,2.6vw,14px);line-height:1.5;white-space:nowrap}.bad-chip{align-self:flex-end;margin-top:2%;font-size:clamp(9px,2.2vw,12px);background:#ffffff40;border-radius:20px;padding:1% 4%}.good-canvas{background:#fbf8f1;color:var(--ink);border:1px solid var(--line);justify-content:flex-start;padding-top:10%;position:relative}.good-kicker{font-size:clamp(8px,2vw,11px);letter-spacing:3px;color:var(--seal);font-weight:700}.good-title{margin-top:3%;font-size:clamp(16px,4.4vw,26px);font-weight:800;line-height:1.3;letter-spacing:1px}.good-rule{width:18%;height:2px;background:var(--ink);margin:4% 0}.good-meta{font-size:clamp(9px,2.2vw,12px);color:var(--muted);letter-spacing:2px}.good-seal{position:absolute;right:8%;bottom:10%;width:clamp(20px,6vw,34px);height:clamp(20px,6vw,34px);background:var(--seal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,3vw,18px);font-weight:800;border-radius:4px}.slide-mock figcaption{margin-top:12px}.slide-mock figcaption strong{font-size:14px}.slide-mock figcaption ul{list-style:none;margin-top:6px}.slide-mock figcaption li{font-size:12.5px;color:var(--ink-soft);padding:4px 0 4px 16px;position:relative;border-bottom:1px dashed var(--line)}.slide-mock figcaption li:last-child{border-bottom:none}.slide-bad figcaption li:before{content:"✕";position:absolute;left:0;color:var(--muted);font-size:11px}.slide-good figcaption li:before{content:"✓";position:absolute;left:0;color:var(--seal);font-weight:700;font-size:11px}.demo-link{color:var(--seal);font-weight:700;text-decoration:none;border-bottom:1.5px solid var(--seal);padding-bottom:1px}.code-label{margin-top:18px;font-size:12px;color:var(--muted);letter-spacing:2px}.query-code{font-size:38px;font-weight:800;letter-spacing:6px;color:var(--seal);margin:4px 0 10px;font-variant-numeric:tabular-nums}.timeline{list-style:none;border-top:1px solid var(--line);margin-top:10px;padding:8px 0}.timeline li{display:flex;align-items:flex-start;gap:12px;padding:11px 2px;font-size:14px;color:var(--muted)}.timeline .dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--line);background:var(--paper);margin-top:6px;flex:none}.timeline li.done{color:var(--ink-soft)}.timeline li.done .dot{background:var(--ok);border-color:var(--ok)}.timeline li.active{color:var(--ink);font-weight:700}.timeline li.active .dot{background:var(--seal);border-color:var(--seal);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #c0392b59}50%{box-shadow:0 0 0 6px #c0392b00}}@media (prefers-reduced-motion: reduce){.timeline li.active .dot{animation:none}}.status-actions{text-align:center;margin-top:8px}.btn-dl{background:var(--ok);text-decoration:none;width:auto;display:inline-block;padding:14px 40px}.btn-dl:hover{background:#256b43}.btn-dl[hidden]{display:none}.center-text{text-align:center;margin-top:14px}.sitefoot{border-top:1px solid var(--line);padding:20px;text-align:center;font-size:12px;color:var(--muted);letter-spacing:1px}.icp{margin-top:6px;font-size:11px}.flow{list-style:none;margin-top:36px;border-top:1px solid var(--line);padding-top:8px}.flow li{display:flex;align-items:center;gap:14px;padding:12px 2px;border-bottom:1px solid var(--line)}.flow li:last-child{border-bottom:none}.flow-no{width:26px;height:26px;flex:none;border:1.5px solid var(--seal);color:var(--seal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.flow strong{display:block;font-size:14px}.flow em{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-top:1px}.plan-badge{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 12px;border-radius:20px;border:1.5px solid var(--seal);color:var(--seal)}.plan-badge.base{border-color:var(--muted);color:var(--muted)}.plan-badge[hidden]{display:none}.upl-progress{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf9;padding:12px 14px}.upl-progress[hidden]{display:none}.upl-bar{height:6px;width:0%;border-radius:6px;background:var(--seal);transition:width .2s ease}.upl-progress .upl-text{font-size:12px;color:var(--muted);margin-top:8px}.status-meta{margin-top:10px;font-size:12px;color:var(--muted);letter-spacing:1px}.timeline li{position:relative}.timeline li:before{content:"";position:absolute;left:7.5px;top:22px;bottom:-4px;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline li.done:before{background:var(--ok)}@keyframes stamp{0%{transform:scale(1.6);opacity:0}60%{transform:scale(.94);opacity:1}to{transform:scale(1);opacity:1}}.query-code.stamped{animation:stamp .45s ease-out both}@media (prefers-reduced-motion: reduce){.query-code.stamped{animation:none}}@media (min-width: 641px){.masthead{padding:36px 24px 32px}.page{padding:36px 24px 80px}.lede h1{font-size:34px}}