:root{--bg:#0d1117;--bg-soft:#161b22;--bg-softer:#1c2230;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--accent-2:#79c0ff;--green:#3fb950;--amber:#d29922;--red:#f85149;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 500px at 85% -10%, #1b2433 0%, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}::selection{background:#58a6ff59}.shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0d1117d9;position:sticky;top:0}.header-inner{align-items:center;gap:18px;padding-top:14px;padding-bottom:14px;display:flex}.brand{color:var(--text);letter-spacing:.2px;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-icon{font-size:20px}.nav{flex-wrap:wrap;gap:4px;margin-right:auto;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:14px;transition:color .15s,background .15s}.nav a:hover{color:var(--text);background:var(--bg-soft);text-decoration:none}.nav a.router-link-active{color:var(--text);background:var(--bg-soft)}.mode-pill{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}.mode-pill--live{color:var(--green);background:#3fb95014;border-color:#3fb95066}.mode-pill--demo{color:var(--amber);background:#d2992214;border-color:#d2992266}.mode-banner{border-radius:var(--radius);color:var(--muted);background:#d2992212;border:1px solid #d2992259;align-items:baseline;gap:10px;margin:14px 0 0;padding:10px 14px;font-size:14px;display:flex}.mode-banner strong{color:var(--text)}.mode-banner__icon{font-size:16px}main.container{flex:1;padding-top:28px;padding-bottom:40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(24px,4vw,34px)}.page-sub{color:var(--muted);margin:0;font-size:14px}.chip{color:var(--muted);border:1px solid var(--border);background:var(--bg-soft);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12px}.chip--cache{color:var(--green);border-color:#3fb95059}.chip--db{color:var(--accent-2);border-color:#58a6ff59}.hint{color:var(--muted)}.hint--error{color:var(--red)}.btn{color:#051018;background:linear-gradient(180deg, var(--accent-2), var(--accent));cursor:pointer;border:0;border-radius:9px;padding:9px 18px;font-size:14px;font-weight:600;transition:filter .15s,transform .1s;display:inline-block}.btn:hover{filter:brightness(1.1);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn--ghost:hover{background:var(--bg-soft);filter:none}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.movie-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.movie-card:hover{border-color:var(--accent);transform:translateY(-3px)}.movie-card__poster{justify-content:center;align-items:center;height:120px;display:flex;position:relative}.movie-card__icon{filter:drop-shadow(0 4px 10px #00000073);font-size:44px}.movie-card__duration{color:#fff;background:#00000080;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;right:8px}.movie-card__body{flex-direction:column;flex:1;padding:14px;display:flex}.movie-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}.movie-card__meta{color:var(--muted);margin:0 0 8px;font-size:13px}.movie-card__desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:13px;display:-webkit-box;overflow:hidden}.movie-card__footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.movie-card__price{font-size:15px;font-weight:700}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#010409b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;width:100%;max-width:460px;overflow:hidden}.modal__head{align-items:center;gap:12px;padding:16px 18px;display:flex;position:relative}.modal__icon{filter:drop-shadow(0 3px 8px #0006);font-size:30px}.modal__title{margin:0;font-size:17px;line-height:1.25}.modal__meta{opacity:.85;margin:2px 0 0;font-size:12px}.modal__close{color:#fff;cursor:pointer;background:#00000040;border:0;border-radius:8px;width:28px;height:28px;font-size:13px;position:absolute;top:10px;right:10px}.modal__close:hover{background:#00000073}.modal__body{flex-direction:column;gap:16px;padding:18px;display:flex}.field__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;display:block}.field__input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:10px 12px;font-size:14px}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #58a6ff26}.stepper{background:var(--bg);border:1px solid var(--border);border-radius:9px;align-items:center;gap:14px;padding:6px 8px;display:inline-flex}.stepper__btn{border:1px solid var(--border);background:var(--bg-soft);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:7px;font-size:16px}.stepper__btn:hover:not(:disabled){border-color:var(--accent)}.stepper__btn:disabled{opacity:.4;cursor:default}.stepper__value{text-align:center;min-width:24px;font-size:16px;font-weight:700}.modal__error{color:var(--red);margin:0;font-size:13px}.modal__note{color:var(--muted);border-left:2px solid var(--border);margin:0;padding-left:10px;font-size:12px}.modal__foot{border-top:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal__total{font-weight:700}.modal__actions{gap:10px;display:flex}.modal-enter-active,.modal-leave-active{transition:opacity .18s}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .18s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:scale(.96)translateY(8px)}.toast{z-index:60;background:var(--bg-softer);border:1px solid var(--accent);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:11px 20px;font-size:14px;position:fixed;bottom:26px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat__num{font-size:26px;font-weight:700}.stat__label{color:var(--muted);font-size:12px}.stat--pending .stat__num{color:var(--amber)}.stat--confirmed .stat__num{color:var(--green)}.stat--failed .stat__num{color:var(--red)}.booking-list{flex-direction:column;gap:10px;display:flex}.booking-row{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 14px;display:flex}.booking-row__poster{border-radius:10px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.booking-row__main{min-width:0;margin-right:auto}.booking-row__title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;overflow:hidden}.booking-row__meta{color:var(--muted);margin:0;font-size:13px}.booking-row__message{color:var(--muted);margin:4px 0 0;font-size:12px}.booking-row__message--failed{color:var(--red)}.booking-row__worker{opacity:.75}.list-enter-active{transition:opacity .25s,transform .25s}.list-enter-from{opacity:0;transform:translateY(-8px)}.list-leave-active{position:absolute}.list-move{transition:transform .25s}.status-badge{white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:5px 11px;font-size:12px;font-weight:600}.status-badge--pending{color:var(--amber);background:#d2992214;border-color:#d2992273;animation:1.6s ease-in-out infinite pulse}.status-badge--confirmed{color:var(--green);background:#3fb95014;border-color:#3fb95073}.status-badge--failed{color:var(--red);background:#f8514914;border-color:#f8514973}@keyframes pulse{0%,to{box-shadow:0 0 #d2992240}50%{box-shadow:0 0 0 5px #d2992214}}.empty{text-align:center;color:var(--muted);padding:60px 0}.empty__icon{margin:0 0 6px;font-size:40px}.empty p{margin:0 0 16px}.arch__diagram{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;margin-bottom:30px;padding:26px 18px;display:flex}.node{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:10px;min-width:150px;padding:10px 16px}.node strong{font-size:14px;display:block}.node small{color:var(--muted);font-size:11px}.node__icon{margin-bottom:2px;font-size:22px;display:block}.node--api{border-color:#3fb95080}.node--go{border-color:#79c0ff80}.arch__stores{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.arrow{color:var(--muted);text-align:center;font-size:12px}.flow{flex-direction:column;gap:12px;margin:0 0 30px;padding:0;list-style:none;display:flex}.flow__item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);gap:14px;padding:12px 14px;display:flex}.flow__step{color:#051018;background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.flow__code{color:var(--accent-2)}.flow__text{color:var(--muted);margin:2px 0 0;font-size:13px}.arch__title{margin:0 0 14px;font-size:18px}.svc-table{flex-direction:column;gap:8px;margin-bottom:30px;display:flex}.svc-row{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;grid-template-columns:90px 1fr 1fr 1.2fr;align-items:baseline;gap:10px;padding:10px 14px;font-size:13px;display:grid}.svc-row__name{color:var(--accent-2)}.svc-row__stack{color:var(--text)}.svc-row__url,.svc-row__note{color:var(--muted)}.code{background:var(--bg);border:1px solid var(--border);color:var(--accent-2);border-radius:10px;margin:0;padding:14px 16px;font-size:13px;overflow-x:auto}.arch__note{color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--border);color:var(--muted);padding-top:18px;padding-bottom:26px;font-size:13px}@media (width<=640px){.header-inner{flex-wrap:wrap}.svc-row{grid-template-columns:1fr 1fr}.booking-row{flex-wrap:wrap}.booking-row__main{order:3;width:100%;margin-right:0}}