:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f0f2f5}#app{width:100%}.etag-demo[data-v-c3aba0aa]{max-width:1400px;margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,sans-serif}h1[data-v-c3aba0aa]{text-align:center;color:#1a1a2e;margin-bottom:.2rem;font-size:1.5rem;font-weight:700}.subtitle[data-v-c3aba0aa]{text-align:center;color:#666;margin-bottom:1rem;font-size:.85rem}.controls[data-v-c3aba0aa]{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem;align-items:flex-start}.control-group[data-v-c3aba0aa]{display:flex;flex-direction:column;gap:.3rem;align-items:center}.control-group .control-label[data-v-c3aba0aa]{font-size:.6rem;color:#666;font-weight:600;text-transform:uppercase}.control-group>div:first-child+button[data-v-c3aba0aa],.control-group>div:first-child~button[data-v-c3aba0aa]{display:inline-flex}.control-group[data-v-c3aba0aa]{flex-direction:row;flex-wrap:wrap;justify-content:center}.control-group .control-label[data-v-c3aba0aa]{width:100%;text-align:center;margin-bottom:.2rem}.btn[data-v-c3aba0aa]{padding:.4rem .7rem;border:none;border-radius:6px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s}.btn[data-v-c3aba0aa]:disabled{opacity:.35;cursor:not-allowed}.btn-primary[data-v-c3aba0aa]{background:#4361ee;color:#fff}.btn-primary[data-v-c3aba0aa]:hover:not(:disabled){background:#3a56d4}.btn-success[data-v-c3aba0aa]{background:#06d6a0;color:#fff}.btn-success[data-v-c3aba0aa]:hover:not(:disabled){background:#05c090}.btn-warning[data-v-c3aba0aa]{background:#f4a261;color:#fff}.btn-warning[data-v-c3aba0aa]:hover:not(:disabled){background:#e8914d}.btn-danger[data-v-c3aba0aa]{background:#ef476f;color:#fff}.btn-danger[data-v-c3aba0aa]:hover:not(:disabled){background:#e5355d}.btn-secondary[data-v-c3aba0aa]{background:#adb5bd;color:#fff}.btn-secondary[data-v-c3aba0aa]:hover:not(:disabled){background:#9ca3ab}.btn-put[data-v-c3aba0aa]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-put[data-v-c3aba0aa]:hover:not(:disabled){background:linear-gradient(135deg,#e080eb,#e4465b)}.btn-conflict[data-v-c3aba0aa]{background:linear-gradient(135deg,#ff6b6b,#c0392b);color:#fff}.btn-conflict[data-v-c3aba0aa]:hover:not(:disabled){background:linear-gradient(135deg,#ee5a5a,#af281a)}.step-indicator[data-v-c3aba0aa]{background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;padding:.5rem .75rem;border-radius:8px;margin-bottom:.75rem;display:flex;align-items:center;gap:.6rem;box-shadow:0 3px 10px #4361ee4d}.step-badge[data-v-c3aba0aa]{background:#fff3;padding:.2rem .5rem;border-radius:5px;font-weight:700;font-size:.7rem}.step-text[data-v-c3aba0aa]{font-size:.8rem}.stage[data-v-c3aba0aa]{display:flex;align-items:flex-start;padding:1rem .5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:.75rem;overflow-x:auto;gap:0}.node[data-v-c3aba0aa]{flex-shrink:0;width:85px;text-align:center;transition:transform .3s}.node.highlight[data-v-c3aba0aa]{transform:scale(1.08)}.node.highlight .node-icon[data-v-c3aba0aa]{box-shadow:0 0 15px #4361ee80}.node-icon[data-v-c3aba0aa]{width:38px;height:38px;margin:0 auto .3rem;padding:.4rem;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s}.frontend-icon[data-v-c3aba0aa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cache-icon[data-v-c3aba0aa]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff}.cdn-icon[data-v-c3aba0aa]{background:linear-gradient(135deg,#f72585,#b5179e);color:#fff}.origin-icon[data-v-c3aba0aa]{background:linear-gradient(135deg,#4cc9f0,#4361ee);color:#fff}.backend-icon[data-v-c3aba0aa]{background:linear-gradient(135deg,#f4a261,#e76f51);color:#fff}.db-icon[data-v-c3aba0aa]{background:linear-gradient(135deg,#7209b7,#560bad);color:#fff}.node-icon svg[data-v-c3aba0aa]{width:20px;height:20px}.node-label[data-v-c3aba0aa]{font-size:.65rem;font-weight:600;color:#1a1a2e;margin-bottom:.3rem}.cache-box[data-v-c3aba0aa]{background:#fff;padding:.4rem;border-radius:6px;box-shadow:0 2px 6px #0000000f;font-size:.6rem;text-align:left;border:2px solid transparent;transition:border-color .3s;min-height:55px}.cache-box.active[data-v-c3aba0aa]{border-color:#06d6a0}.cache-box.source[data-v-c3aba0aa]{border-color:#7209b7}.cache-box.info[data-v-c3aba0aa]{border-color:#4cc9f0}.cache-title[data-v-c3aba0aa]{font-weight:600;color:#666;font-size:.55rem;text-transform:uppercase;margin-bottom:.2rem}.cache-box code[data-v-c3aba0aa]{display:block;background:#f1f3f4;padding:.1rem .25rem;border-radius:3px;font-size:.5rem;color:#e76f51;margin-bottom:.1rem;word-break:break-all}.cache-data[data-v-c3aba0aa]{color:#333;font-size:.55rem}.cache-data.small[data-v-c3aba0aa]{font-size:.5rem;color:#666}.ttl[data-v-c3aba0aa]{font-size:.5rem;color:#06d6a0;font-weight:600}.version[data-v-c3aba0aa]{font-size:.55rem;color:#7209b7;font-weight:700}.empty[data-v-c3aba0aa]{color:#adb5bd;font-style:italic;font-size:.5rem}.network[data-v-c3aba0aa]{flex:1;min-width:55px;max-width:90px;position:relative;height:45px;margin:30px 0}.network.short[data-v-c3aba0aa]{min-width:40px;max-width:65px}.network-line[data-v-c3aba0aa]{position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,#ced4da 0px,#ced4da 5px,transparent 5px,transparent 10px)}.network-label[data-v-c3aba0aa]{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:.5rem;color:#adb5bd}.packet[data-v-c3aba0aa]{position:absolute;width:20px;height:12px;border-radius:3px;opacity:0;left:5px;box-shadow:0 2px 5px #0003}.packet.top[data-v-c3aba0aa]{top:8px}.packet.bottom[data-v-c3aba0aa]{top:25px}.explanation[data-v-c3aba0aa]{background:#fff;padding:.75rem;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:.75rem;min-height:70px}.info-panel h4[data-v-c3aba0aa]{margin:0 0 .4rem;color:#1a1a2e;font-size:.85rem}.info-panel p[data-v-c3aba0aa]{margin:0;color:#555;font-size:.75rem}.info-panel.cold[data-v-c3aba0aa]{border-left:3px solid #4361ee;padding-left:.75rem}.info-panel.hit[data-v-c3aba0aa]{border-left:3px solid #06d6a0;padding-left:.75rem}.info-panel.stale[data-v-c3aba0aa]{border-left:3px solid #f4a261;padding-left:.75rem}.info-panel.changed[data-v-c3aba0aa]{border-left:3px solid #ef476f;padding-left:.75rem}.info-panel.ready[data-v-c3aba0aa]{border-left:3px solid #4cc9f0;padding-left:.75rem}.info-panel.put[data-v-c3aba0aa]{border-left:3px solid #f093fb;padding-left:.75rem}.info-panel.conflict[data-v-c3aba0aa]{border-left:3px solid #c0392b;padding-left:.75rem}.flow-diagram[data-v-c3aba0aa]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.5rem 0;font-size:.7rem}.flow-step[data-v-c3aba0aa]{background:#f1f3f4;padding:.2rem .5rem;border-radius:5px;font-weight:500}.flow-step.hit[data-v-c3aba0aa]{background:#d8f3dc;color:#06d6a0}.flow-step.success[data-v-c3aba0aa]{background:#d8f3dc;color:#118ab2}.flow-step.changed[data-v-c3aba0aa]{background:#fce4ec;color:#ef476f}.flow-step.put[data-v-c3aba0aa]{background:#fce4f5;color:#f093fb}.flow-step.conflict[data-v-c3aba0aa]{background:#fce4ec;color:#c0392b}.flow-arrow[data-v-c3aba0aa]{color:#adb5bd;font-family:monospace;font-size:.65rem}.savings-box[data-v-c3aba0aa]{margin-top:.5rem;padding:.4rem .6rem;background:linear-gradient(90deg,rgba(6,214,160,.1) 0%,transparent 100%);border-left:2px solid #06d6a0;font-size:.7rem;color:#118ab2}.note-box[data-v-c3aba0aa]{margin-top:.5rem;padding:.4rem .6rem;background:linear-gradient(90deg,rgba(239,71,111,.1) 0%,transparent 100%);border-left:2px solid #ef476f;font-size:.7rem;color:#c9184a}.legend[data-v-c3aba0aa]{background:#f8f9fa;padding:.6rem .75rem;border-radius:8px;border:1px solid #e9ecef}.legend-title[data-v-c3aba0aa]{font-weight:600;color:#1a1a2e;font-size:.75rem;margin-bottom:.4rem}.legend-grid[data-v-c3aba0aa]{display:flex;gap:1rem;flex-wrap:wrap}.legend-item[data-v-c3aba0aa]{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:#555}.dot[data-v-c3aba0aa]{width:8px;height:8px;border-radius:2px;flex-shrink:0}.dot.cold[data-v-c3aba0aa]{background:#4361ee}.dot.hit[data-v-c3aba0aa]{background:#06d6a0}.dot.stale[data-v-c3aba0aa]{background:#f4a261}.dot.changed[data-v-c3aba0aa]{background:#ef476f}.dot.put[data-v-c3aba0aa]{background:linear-gradient(135deg,#f093fb,#f5576c)}.dot.conflict[data-v-c3aba0aa]{background:#c0392b}.glossary[data-v-c3aba0aa]{background:#fff;border-radius:12px;padding:1rem;margin-top:1rem;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.glossary-header[data-v-c3aba0aa]{margin-bottom:1rem;border-bottom:1px solid #e9ecef;padding-bottom:.75rem}.glossary-header h3[data-v-c3aba0aa]{margin:0 0 .25rem;color:#1a1a2e;font-size:1.1rem;font-weight:700}.glossary-subtitle[data-v-c3aba0aa]{margin:0;color:#666;font-size:.75rem}.glossary-grid[data-v-c3aba0aa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.glossary-item[data-v-c3aba0aa]{background:#f8f9fa;border-radius:8px;padding:.75rem;border-left:3px solid #4361ee;transition:transform .2s,box-shadow .2s}.glossary-item[data-v-c3aba0aa]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.glossary-item[data-v-c3aba0aa]:nth-child(2){border-left-color:#06d6a0}.glossary-item[data-v-c3aba0aa]:nth-child(3){border-left-color:#f093fb}.glossary-item[data-v-c3aba0aa]:nth-child(4){border-left-color:#00b894}.glossary-item[data-v-c3aba0aa]:nth-child(5){border-left-color:#c0392b}.glossary-item[data-v-c3aba0aa]:nth-child(6){border-left-color:#7209b7}.term-header[data-v-c3aba0aa]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.term[data-v-c3aba0aa]{font-weight:700;font-size:.9rem;color:#1a1a2e;font-family:SF Mono,Consolas,monospace}.adp-link[data-v-c3aba0aa]{font-size:.6rem;padding:.15rem .4rem;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;border-radius:4px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.adp-link[data-v-c3aba0aa]:hover{transform:scale(1.05);box-shadow:0 2px 8px #4361ee66}.adp-links-inline[data-v-c3aba0aa]{display:flex;gap:.3rem}.example code.weak[data-v-c3aba0aa]{background:#fff3cd;color:#856404}.definition[data-v-c3aba0aa]{margin:0 0 .5rem;font-size:.7rem;color:#555;line-height:1.5}.definition strong[data-v-c3aba0aa]{color:#1a1a2e}.example[data-v-c3aba0aa]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.example code[data-v-c3aba0aa]{background:#e9ecef;padding:.2rem .4rem;border-radius:4px;font-size:.65rem;color:#e76f51;font-family:SF Mono,Consolas,monospace}.auto-badge[data-v-c3aba0aa]{font-size:.55rem;padding:.1rem .35rem;background:linear-gradient(135deg,#06d6a0,#00b894);color:#fff;border-radius:3px;font-weight:600;text-transform:uppercase}.manual-badge[data-v-c3aba0aa]{font-size:.55rem;padding:.1rem .35rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:3px;font-weight:600;text-transform:uppercase}.status-badge[data-v-c3aba0aa]{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:700;font-family:SF Mono,Consolas,monospace}.status-badge.success[data-v-c3aba0aa]{background:#d8f3dc;color:#06d6a0}.status-badge.conflict[data-v-c3aba0aa]{background:#fce4ec;color:#c0392b}.flow-mini[data-v-c3aba0aa]{font-size:.6rem;padding:.15rem .35rem;background:#e9ecef;border-radius:3px;font-family:SF Mono,Consolas,monospace;color:#555}.arrow-mini[data-v-c3aba0aa]{color:#adb5bd;font-family:monospace;font-size:.6rem}.glossary-footer[data-v-c3aba0aa]{margin-top:1rem;padding-top:.75rem;border-top:1px solid #e9ecef}.footer-note[data-v-c3aba0aa]{background:linear-gradient(90deg,rgba(67,97,238,.08) 0%,transparent 100%);padding:.6rem .75rem;border-radius:6px;font-size:.75rem;color:#555;margin-bottom:.75rem;border-left:3px solid #4361ee}.footer-note strong[data-v-c3aba0aa]{color:#1a1a2e}.footer-note code[data-v-c3aba0aa]{background:#e9ecef;padding:.1rem .3rem;border-radius:3px;font-size:.7rem;color:#e76f51}.adp-links[data-v-c3aba0aa]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.links-label[data-v-c3aba0aa]{font-size:.7rem;color:#666;font-weight:600}.adp-links a[data-v-c3aba0aa]{font-size:.7rem;color:#4361ee;text-decoration:none;padding:.25rem .5rem;background:#4361ee14;border-radius:4px;transition:background .2s,color .2s}.adp-links a[data-v-c3aba0aa]:hover{background:#4361ee;color:#fff}.method-comparison[data-v-c3aba0aa]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.method-comparison h4[data-v-c3aba0aa]{margin:0 0 .75rem;color:#1a1a2e;font-size:.9rem;font-weight:700}.method-table[data-v-c3aba0aa]{width:100%;border-collapse:collapse;font-size:.7rem;margin-bottom:.75rem}.method-table th[data-v-c3aba0aa],.method-table td[data-v-c3aba0aa]{padding:.5rem .6rem;text-align:left;border-bottom:1px solid #e9ecef}.method-table th[data-v-c3aba0aa]{background:#f8f9fa;font-weight:600;color:#666;font-size:.65rem;text-transform:uppercase}.method-table code[data-v-c3aba0aa]{background:#e9ecef;padding:.15rem .35rem;border-radius:3px;font-size:.65rem;color:#e76f51}.method-table tr[data-v-c3aba0aa]:hover{background:#4361ee08}.method-get[data-v-c3aba0aa]{border-left:3px solid #06d6a0}.method-put[data-v-c3aba0aa]{border-left:3px solid #f093fb}.method-delete[data-v-c3aba0aa]{border-left:3px solid #ef476f}.method-post[data-v-c3aba0aa]{border-left:3px solid #adb5bd}.method-query[data-v-c3aba0aa]{border-left:3px solid #4361ee}.badge-yes[data-v-c3aba0aa]{display:inline-block;padding:.1rem .35rem;background:#d8f3dc;color:#06d6a0;border-radius:3px;font-size:.6rem;font-weight:600}.badge-no[data-v-c3aba0aa]{display:inline-block;padding:.1rem .35rem;background:#fce4ec;color:#c0392b;border-radius:3px;font-size:.6rem;font-weight:600}.badge-na[data-v-c3aba0aa]{display:inline-block;padding:.1rem .35rem;background:#f1f3f4;color:#adb5bd;border-radius:3px;font-size:.6rem;font-weight:600}.draft-badge[data-v-c3aba0aa]{display:inline-block;padding:.1rem .3rem;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;border-radius:3px;font-size:.5rem;font-weight:600;text-transform:uppercase;margin-left:.3rem;vertical-align:middle}.table-notes[data-v-c3aba0aa]{background:#f8f9fa;padding:.6rem .75rem;border-radius:6px;font-size:.7rem;color:#555}.table-notes p[data-v-c3aba0aa]{margin:0 0 .4rem;line-height:1.5}.table-notes p[data-v-c3aba0aa]:last-child{margin-bottom:0}.table-notes strong[data-v-c3aba0aa]{color:#1a1a2e}.table-notes code[data-v-c3aba0aa]{background:#e9ecef;padding:.1rem .25rem;border-radius:3px;font-size:.65rem;color:#e76f51}.table-notes a[data-v-c3aba0aa]{color:#4361ee;text-decoration:none}.table-notes a[data-v-c3aba0aa]:hover{text-decoration:underline}.app[data-v-21557a9b]{min-height:100vh;background:#f0f2f5}