:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #f8fafc;--text: #1f252d;--muted: #68717d;--subtle: #8b95a1;--line: #dfe5ec;--line-strong: #cdd6e0;--reserve: #e53935;--reserve-dark: #bd2622;--waiting: #c97913;--waiting-bg: #fff6e6;--success: #16885f;--success-bg: #e9f8f1;--info: #2d6cdf;--info-bg: #edf4ff;--shadow: 0 18px 45px rgba(29, 39, 55, .08);--radius: 8px;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,select{font:inherit}button{border:0}button:not(:disabled){cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin:0}.app-shell{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.header-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-header h1{font-size:30px;line-height:1.18;font-weight:800;letter-spacing:0}.app-header p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:7px}.mode-pill{border:1px solid rgba(229,57,53,.26);border-radius:999px;color:var(--reserve-dark);background:#fff8f8;font-size:13px;line-height:1;padding:10px 13px;white-space:nowrap}.mode-mock{border-color:#16885f3d;color:var(--success);background:#eefaf5}.identity-card,.filter-card,.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.identity-card{display:grid;gap:16px;padding:16px;margin-bottom:12px}.openid-form{display:flex;align-items:end;gap:12px}.field{display:grid;gap:7px;min-width:170px}.field span{color:var(--muted);font-size:13px;line-height:1}.field-openid{flex:1}.field-search{min-width:220px;flex:1}input,select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--text);outline:none;padding:0 12px}input:focus,select:focus{border-color:#e53935c7;box-shadow:0 0 0 3px #e539351f}input[type=date],input[type=datetime-local]{cursor:pointer}.primary-button,.secondary-button,.action-button{min-height:42px;border-radius:var(--radius);padding:0 18px;font-weight:700;transition:transform .16s ease,filter .16s ease,border-color .16s ease}.primary-button,.action-button{background:var(--reserve);color:#fff}.primary-button:hover:not(:disabled),.action-button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-strong);background:#fff;color:var(--text)}.secondary-button:hover:not(:disabled){border-color:var(--muted)}.profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-summary>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.profile-summary span,.profile-summary small{display:block;color:var(--muted);font-size:12px;line-height:1.45}.profile-summary strong{display:block;font-size:15px;line-height:1.45;margin:4px 0 2px}.filter-card{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px;margin-bottom:12px}.segmented{display:flex;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.segmented button{min-width:72px;background:#fff;color:var(--muted);font-weight:700;padding:0 16px}.segmented button.active{background:var(--text);color:#fff}.refresh-button{min-width:86px}.message{border-radius:var(--radius);font-size:14px;line-height:1.5;margin:12px 0;padding:12px 14px}.message-success{background:var(--success-bg);color:var(--success)}.message-error{background:#fff0ef;color:var(--reserve-dark)}.message-info{background:var(--info-bg);color:var(--info)}.basket-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(229,57,53,.18);border-radius:var(--radius);background:#fff8f8;box-shadow:var(--shadow);margin:12px 0;padding:14px}.basket-bar span,.basket-bar small{display:block;color:var(--muted);font-size:12px;line-height:1.45}.basket-bar strong{display:block;font-size:16px;line-height:1.45;margin:3px 0}.basket-actions{display:flex;flex:0 0 auto;gap:10px}.mobile-tabs{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.content-card{padding:16px}.reservation-section{position:sticky;top:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{font-size:18px;line-height:1.35}.section-head.compact h3{font-size:15px;line-height:1.35}.section-head p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:3px}.course-table{display:grid;gap:8px}.course-head-row,.course-row{display:grid;grid-template-columns:116px minmax(0,1fr) 148px 162px;gap:12px;align-items:center}.course-head-row{color:var(--subtle);font-size:12px;line-height:1;padding:0 12px 3px}.course-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.course-row-selected{background:snow;border-color:#e539356b}.course-row-reserve{border-left:4px solid var(--reserve)}.course-row-waiting{border-left:4px solid var(--waiting)}.course-row-success{border-left:4px solid var(--success)}.course-time strong{display:block;font-size:18px;line-height:1.2}.course-time span{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:3px}.course-info{min-width:0}.course-title-line{display:flex;align-items:center;gap:8px;min-width:0}.course-title-line h3{font-size:16px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-meta,.course-note,.waiting-note{font-size:13px;line-height:1.5;margin-top:4px}.course-meta,.course-note{color:var(--muted)}.waiting-note{color:var(--waiting);font-weight:700}.status-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;font-size:12px;line-height:1;min-height:24px;padding:0 9px}.status-reserve{background:#fff1f0;color:var(--reserve-dark)}.status-waiting{background:var(--waiting-bg);color:var(--waiting)}.status-success{background:var(--success-bg);color:var(--success)}.status-info{background:var(--info-bg);color:var(--info)}.status-muted{background:#eef1f4;color:var(--muted)}.course-capacity span{color:var(--muted);display:block;font-size:13px;line-height:1.4}.capacity-bar{height:6px;border-radius:999px;background:#edf0f4;overflow:hidden;margin-top:7px}.capacity-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--info),var(--reserve))}.course-action{display:flex}.course-action-group{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.course-action-group.single-action{grid-template-columns:1fr}.action-button,.grab-button,.stop-button{width:100%;min-height:42px;border-radius:var(--radius);padding:0 14px;font-weight:700;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background-color .16s ease}.action-button,.stop-button{background:var(--reserve);color:#fff}.grab-button{border:1px solid rgba(229,57,53,.22);background:#fff8f8;color:var(--reserve-dark)}.grab-button.selected{border-color:#16885f47;background:var(--success-bg);color:var(--success)}.grab-button:hover:not(:disabled),.action-button:hover:not(:disabled),.stop-button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.action-button,.grab-button{font-size:14px}.waiting-button{background:var(--waiting)}.reservation-list{display:grid;gap:10px}.reservation-item{display:grid;grid-template-columns:32px minmax(0,1fr) 92px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.reservation-index{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--info-bg);color:var(--info);font-weight:800}.reservation-item h3{font-size:15px;line-height:1.45}.reservation-content{min-width:0}.reservation-item p,.reservation-item span{color:var(--muted);display:block;font-size:13px;line-height:1.5;margin-top:3px}.reservation-cancel{min-height:34px;border:1px solid rgba(229,57,53,.22);border-radius:var(--radius);background:#fff8f8;color:var(--reserve-dark);font-size:13px;font-weight:700;padding:0 10px;transition:transform .16s ease,filter .16s ease}.reservation-cancel:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.empty-state{display:grid;place-items:center;gap:6px;min-height:168px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);text-align:center;padding:24px}.empty-state strong{color:var(--text);font-size:16px}.welcome-state{margin-top:12px}.loading-stack{display:grid;gap:8px}.loading-stack.compact{gap:10px}.skeleton-row,.skeleton-line{border-radius:var(--radius);background:linear-gradient(90deg,#eef2f6,#f8fafc 45%,#eef2f6);background-size:220% 100%;animation:shimmer 1.3s ease-in-out infinite}.skeleton-row{height:78px}.skeleton-line{height:16px;width:72%}.skeleton-line.wide{width:100%}.skeleton-line.short{width:45%}.confirm-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#1018226b;padding:18px}.confirm-sheet{width:min(520px,100%);border-radius:var(--radius);background:#fff;box-shadow:0 24px 72px #0f172a40;overflow:hidden}.confirm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:18px}.confirm-head span{color:var(--reserve-dark);display:block;font-size:13px;font-weight:700;line-height:1;margin-bottom:7px}.confirm-head h2{font-size:22px;line-height:1.25}.ghost-icon{width:34px;height:34px;border-radius:999px;background:#f1f4f7;color:var(--muted);font-size:24px;line-height:1}.confirm-loading,.confirm-body{padding:18px}.confirm-loading{display:grid;gap:12px}.confirm-body h3{font-size:19px;line-height:1.4;margin-bottom:14px}.confirm-body dl{display:grid;gap:10px;margin:0}.confirm-body dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px}.confirm-body dt{color:var(--subtle)}.confirm-body dd,.confirm-body dt{font-size:14px;line-height:1.55;margin:0}.confirm-tip{border-radius:var(--radius);background:var(--info-bg);color:var(--info);font-size:13px;line-height:1.6;margin-top:16px;padding:11px 12px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:14px 18px 18px}.grab-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0f172a75;padding:18px}.grab-sheet{position:relative;width:min(840px,100%);max-height:calc(100vh - 36px);border-radius:var(--radius);background:#fff;box-shadow:0 24px 72px #0f172a40;overflow:hidden;display:flex;flex-direction:column}.grab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:18px}.grab-kicker{color:var(--reserve-dark);display:block;font-size:13px;font-weight:700;line-height:1;margin-bottom:7px}.grab-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grab-title-row h2{font-size:22px;line-height:1.25}.grab-title-block p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:6px}.grab-loading,.grab-body{padding:18px}.grab-loading{display:grid;gap:12px}.grab-body{display:grid;gap:14px;overflow:auto}.grab-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grab-overview-card,.grab-details>div,.grab-stats article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.grab-overview-card{display:grid;gap:4px}.grab-overview-card span,.grab-details span,.grab-stats span,.field-label-row span{color:var(--muted);font-size:12px;line-height:1.4}.grab-overview-card strong,.grab-details strong,.grab-stats strong{font-size:15px;line-height:1.45}.grab-overview-card small,.field-label-row small{color:var(--subtle);font-size:12px;line-height:1.45}.grab-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-group{display:grid;gap:7px}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.grab-slider{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center;min-height:58px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;padding:8px 10px 8px 12px}.grab-slider input[type=range]{min-height:36px;border:0;border-radius:0;padding:0;background:transparent;accent-color:var(--reserve)}.grab-slider input[type=range]:focus{box-shadow:none}.grab-slider-readout{display:grid;place-items:center;min-height:42px;border-radius:var(--radius);background:#fff1f0;color:var(--reserve-dark)}.grab-slider-readout strong{font-size:20px;line-height:1}.grab-slider-readout span{color:var(--reserve-dark);font-size:12px;line-height:1.4}.auto-waiting-toggle{display:flex;grid-column:1 / -1;gap:10px;align-items:flex-start;min-height:58px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;padding:12px;cursor:pointer}.auto-waiting-toggle.disabled{cursor:default;opacity:.72}.auto-waiting-toggle input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--reserve)}.auto-waiting-toggle span{display:grid;gap:3px}.auto-waiting-toggle strong{color:var(--text);font-size:14px;line-height:1.35}.auto-waiting-toggle small{color:var(--subtle);font-size:12px;line-height:1.45}.locked-button{background:var(--surface-soft);color:var(--muted)}.grab-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grab-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grab-details strong{display:block;margin-top:4px}.grab-logs{display:grid;gap:10px}.grab-task-list{display:grid;gap:8px}.grab-task-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.grab-task-row h3{font-size:15px;line-height:1.4}.grab-task-row p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}.grab-task-meta{display:grid;grid-template-columns:auto 52px;gap:6px 8px;align-items:center;justify-content:end;text-align:right}.grab-task-meta span,.grab-task-meta small{color:var(--muted);font-size:12px;line-height:1.45}.grab-task-meta small{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grab-log-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:220px;overflow:auto}.grab-log-list li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.grab-log-list li.tone-success{border-color:#16885f3d;background:#f4fbf7}.grab-log-list li.tone-warning{border-color:#c979133d;background:#fff8ee}.grab-log-list li.tone-info{border-color:#2d6cdf38;background:#f0f5ff}.grab-log-list li.tone-muted{border-color:var(--line);background:var(--surface-soft)}.grab-log-time{color:var(--subtle);font-size:12px;line-height:1.45;font-variant-numeric:tabular-nums}.grab-log-text{font-size:13px;line-height:1.5}.grab-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:14px 18px 18px}.grab-confirm-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a47;padding:18px}.grab-confirm-card{width:min(360px,100%);border-radius:var(--radius);background:#fff;box-shadow:0 18px 54px #0f172a33;padding:18px;display:grid;gap:12px}.grab-confirm-card h3{font-size:18px;line-height:1.35}.grab-confirm-card p{color:var(--muted);font-size:13px;line-height:1.6}.grab-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@keyframes shimmer{to{background-position:-220% 0}}@media (max-width: 980px){.workspace{grid-template-columns:1fr}.reservation-section{position:static}}@media (max-width: 760px){.app-shell{width:min(100% - 20px,560px);padding:18px 0 36px}.app-header{align-items:flex-start;flex-direction:column;gap:10px}.app-header h1{font-size:25px}.openid-form,.filter-card,.profile-summary{display:grid;grid-template-columns:1fr}.field,.field-search,.primary-button,.secondary-button,.segmented{min-width:0;width:100%}.segmented button{flex:1}.mobile-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.mobile-tabs button{min-height:42px;border-radius:var(--radius);background:#fff;color:var(--muted);font-weight:800}.mobile-tabs button.active{background:var(--text);color:#fff}.workspace.show-courses .reservation-section,.workspace.show-reservations .course-section,.course-head-row{display:none}.course-row{grid-template-columns:1fr;gap:11px;align-items:stretch}.course-time{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.course-time strong{font-size:20px}.course-title-line{align-items:flex-start}.course-title-line h3{white-space:normal}.course-action{justify-content:stretch}.course-action-group{grid-template-columns:repeat(2,minmax(0,1fr))}.basket-bar,.basket-actions{display:grid;grid-template-columns:1fr}.confirm-layer{align-items:end;padding:0}.confirm-sheet{width:100%;border-radius:8px 8px 0 0}.confirm-actions{display:grid;grid-template-columns:1fr 1.2fr}.grab-layer{align-items:end;padding:0}.grab-sheet{width:100%;max-height:90vh;border-radius:8px 8px 0 0}.grab-head{padding:16px}.grab-title-row h2{font-size:19px}.grab-loading,.grab-body{padding:16px}.grab-overview,.grab-settings,.grab-details,.grab-stats{grid-template-columns:1fr}.grab-task-row,.grab-task-meta{grid-template-columns:1fr;justify-content:stretch;text-align:left}.reservation-item{grid-template-columns:32px minmax(0,1fr)}.reservation-cancel{grid-column:1 / -1}.grab-actions{display:grid;grid-template-columns:1fr 1.2fr}.grab-log-list li{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}