:root{--bg: #0b0f1a;--bg2: #111827;--card: #151d2e;--card2: #1b2438;--line: #243149;--accent: #22c55e;--accent2: #4ade80;--warn: #f59e0b;--danger: #ef4444;--info: #38bdf8;--text: #e5eaf3;--text2: #9aa6bd;--text3: #64748b}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,sans-serif;min-height:100vh}body{background:radial-gradient(1200px 500px at 50% -10%,#14213d,#0b0f1a 55%)}.app{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:76px;position:relative}.page{padding:20px 16px}.hero{text-align:center;padding:28px 8px 18px}.hero .logo{font-size:26px;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent}.status-pill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;background:#22c55e1f;color:var(--accent2);border:1px solid rgba(34,197,94,.35)}.status-pill.paused{background:#f59e0b1f;color:var(--warn);border-color:#f59e0b59}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 8px var(--accent);animation:pulse 1.6s infinite}.status-pill.paused .status-dot{background:var(--warn);box-shadow:0 0 8px var(--warn);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero .sub{margin-top:8px;font-size:14px;color:var(--text2)}.section-title{font-size:15px;font-weight:700;margin:18px 2px 10px;color:var(--text)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-card{background:linear-gradient(160deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.type-card .name{font-size:16px;font-weight:700}.type-card .desc{font-size:12px;color:var(--text3);min-height:16px}.type-card .wait{font-size:12px;color:var(--text2);display:flex;justify-content:space-between}.type-card .wait b{color:var(--warn);font-size:13px}.btn{border:none;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s,opacity .12s;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#04120a;box-shadow:0 6px 18px #22c55e4d}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--text2)}.btn-danger{background:#ef444424;color:#f87171;border:1px solid rgba(239,68,68,.4)}.btn:disabled{opacity:.45;pointer-events:none}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#0d121eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;text-align:center;padding:12px 0 10px;color:var(--text3);text-decoration:none;font-size:12px;display:flex;flex-direction:column;gap:3px;align-items:center}.bottom-nav a.router-link-active{color:var(--accent2)}.bottom-nav .icon{font-size:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.queue-banner{margin:4px 2px 14px;background:linear-gradient(135deg,#22c55e24,#38bdf814);border:1px solid rgba(34,197,94,.35);border-radius:16px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.queue-banner .no{font-size:22px;font-weight:800;color:var(--accent2)}.queue-banner .label{font-size:12px;color:var(--text2);margin-top:2px}.ticket{text-align:center;background:linear-gradient(170deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:20px;padding:28px 18px 22px;position:relative;overflow:hidden}.ticket:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.22),transparent 70%)}.ticket .no{font-size:54px;font-weight:900;letter-spacing:4px;background:linear-gradient(90deg,#4ade80,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}.ticket .type{margin-top:8px;font-size:17px;font-weight:700}.ticket .people{margin-top:4px;font-size:13px;color:var(--text2)}.ticket .divider{border-top:1px dashed var(--line);margin:20px 0}.stat-row{display:flex;justify-content:space-around;text-align:center}.stat-row .num{font-size:22px;font-weight:800;color:var(--accent2)}.stat-row .label{font-size:12px;color:var(--text3);margin-top:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600}.status-badge.WAITING{background:#22c55e24;color:var(--accent2)}.status-badge.ALMOST{background:#38bdf824;color:var(--info)}.status-badge.CALLED{background:#f59e0b29;color:var(--warn)}.status-badge.SEATED{background:#a855f729;color:#c084fc}.status-badge.EXPIRED,.status-badge.CANCELLED{background:#ef44441f;color:#f87171}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--text2);margin-bottom:8px}.input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card2);color:var(--text);font-size:16px;outline:none}.input:focus{border-color:var(--accent)}.check-row{display:flex;gap:10px}.check-item{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:13px;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.check-item.on{border-color:var(--accent);color:var(--accent2);background:#22c55e14}.empty{text-align:center;padding:60px 20px;color:var(--text3)}.empty .big{font-size:44px;margin-bottom:12px}.offline-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#f59e0bf2;color:#1a1206;text-align:center;padding:8px;font-size:12px;font-weight:600;z-index:100;animation:slideDown .3s}@keyframes slideDown{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}.toast-wrap{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;width:calc(100% - 48px);max-width:400px;pointer-events:none}.toast{background:#111827f2;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 16px;font-size:14px;text-align:center;box-shadow:0 8px 24px #0006}.toast.error{border-color:#ef444480}.toast.success{border-color:#22c55e80}.toast-enter-active,.toast-leave-active{transition:all .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-8px)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--card2);border:1px solid var(--line);border-radius:18px;padding:20px;width:100%;max-width:380px}.modal h3{font-size:16px;margin-bottom:16px}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--text2);font-size:13px;text-decoration:none;margin-bottom:10px}.paused-overlay{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:var(--warn);border-radius:16px;padding:18px;text-align:center;font-weight:600;margin-bottom:16px}