.app-shell[data-v-6bdf4dcd]{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.bg-atmosphere[data-v-6bdf4dcd]{background:radial-gradient(ellipse 60% 50% at 50% 40%, #c896460f 0%, transparent 70%), radial-gradient(ellipse 80% 60% at 50% 50%, #1a1815 0%, var(--bg-deep) 100%);pointer-events:none;z-index:0;position:fixed;inset:0}.top-bar[data-v-6bdf4dcd]{z-index:10;justify-content:space-between;align-items:flex-start;min-height:72px;padding:12px 16px;display:flex;position:relative}.help-btn[data-v-6bdf4dcd]{border:1px solid var(--card-border);background:var(--card-bg);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.help-btn[data-v-6bdf4dcd]:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.orb-section[data-v-6bdf4dcd]{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.examiner-orb[data-v-6bdf4dcd]{justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.orb-core[data-v-6bdf4dcd]{background:radial-gradient(circle at 40% 35%, var(--gold-bright), var(--gold-dim) 50%, var(--bg-deep) 100%);border-radius:50%;width:52px;height:52px;animation:3s ease-in-out infinite orb-breathe;box-shadow:0 0 20px #c896464d,0 0 50px #c896461f,inset 0 0 8px #ffdc9626}.orb-glow[data-v-6bdf4dcd]{pointer-events:none;background:radial-gradient(circle,#c896461f 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite orb-breathe;position:absolute;inset:-12px}.typewriter-area[data-v-6bdf4dcd]{text-align:center;max-width:480px;min-height:24px}.typewriter-text[data-v-6bdf4dcd]{color:var(--text-dim);letter-spacing:.5px;font-size:16px;line-height:1.6}.typewriter-cursor[data-v-6bdf4dcd]{color:var(--gold);margin-left:1px;font-weight:300;animation:1s step-end infinite cursor-blink}.header-right[data-v-6bdf4dcd]{flex-shrink:0;align-items:center;gap:12px;display:flex}.user-area[data-v-6bdf4dcd]{position:relative}.user-btn[data-v-6bdf4dcd]{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-dim);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:15px;transition:all .3s;display:flex}.user-btn[data-v-6bdf4dcd]:hover{border-color:var(--gold-dim);color:var(--text-warm)}.user-avatar[data-v-6bdf4dcd]{border:1px solid var(--gold-dim);width:28px;height:28px;color:var(--gold-bright);background:#c8964626;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.user-name[data-v-6bdf4dcd]{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.user-dropdown[data-v-6bdf4dcd]{background:var(--card-bg);border:1px solid var(--card-border);z-index:100;border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-item[data-v-6bdf4dcd]{text-align:left;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:15px;transition:all .2s;display:block}.dropdown-item[data-v-6bdf4dcd]:hover{color:var(--text-warm);background:#c8964614}.username-full[data-v-6bdf4dcd]{border-bottom:1px solid var(--card-border);color:var(--text-muted);cursor:default;font-size:13px}.username-full[data-v-6bdf4dcd]:hover{color:var(--text-muted);background:0 0}.admin-link[data-v-6bdf4dcd]{color:var(--gold-bright);text-decoration:none;display:block}.admin-link[data-v-6bdf4dcd]:hover{color:var(--gold-bright);background:#c896461a}.logout-btn[data-v-6bdf4dcd]{color:var(--red)}.logout-btn[data-v-6bdf4dcd]:hover{color:var(--red-bright);background:#c850501a}.login-link[data-v-6bdf4dcd]{border:1px solid var(--gold-dim);color:var(--gold-bright);border-radius:16px;padding:6px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.login-link[data-v-6bdf4dcd]:hover{background:#c896461a}.main-content[data-v-6bdf4dcd]{z-index:5;flex:1;position:relative;overflow:hidden auto}.bottom-nav[data-v-6bdf4dcd]{z-index:20;flex-direction:column;align-items:center;padding:8px 12px 16px;display:flex;position:relative}.nav-overlay[data-v-6bdf4dcd]{z-index:30;background:#00000073;position:fixed;inset:0}.nav-trigger[data-v-6bdf4dcd]{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-dim);cursor:pointer;z-index:35;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:16px;transition:all .3s;display:flex;position:relative}.nav-trigger[data-v-6bdf4dcd]:hover{border-color:var(--gold-dim);color:var(--text-warm)}.nav-trigger-icon[data-v-6bdf4dcd]{font-size:18px;line-height:1}.nav-trigger-label[data-v-6bdf4dcd]{font-weight:500}.nav-trigger-chevron[data-v-6bdf4dcd]{color:var(--text-muted);font-size:12px;transition:transform .3s}.nav-trigger-chevron.is-open[data-v-6bdf4dcd]{transform:rotate(180deg)}.nav-panel[data-v-6bdf4dcd]{z-index:40;background:var(--card-bg);border-top:1px solid var(--card-border);padding:8px 12px calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;flex-direction:column;gap:2px;max-height:60vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.nav-panel-item[data-v-6bdf4dcd]{color:var(--text-dim);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.nav-panel-item[data-v-6bdf4dcd]:hover{color:var(--text-warm);background:#c896460f}.nav-panel-item.active[data-v-6bdf4dcd]{color:var(--gold-bright);background:#c896461a}.nav-item-icon[data-v-6bdf4dcd]{text-align:center;width:28px;font-size:20px;line-height:1}.nav-item-label[data-v-6bdf4dcd]{flex:1;font-weight:500}.nav-item-check[data-v-6bdf4dcd]{color:var(--gold-bright);background:#c8964626;border-radius:10px;padding:2px 8px;font-size:12px}.nav-slide-enter-active[data-v-6bdf4dcd]{transition:transform .3s}.nav-slide-leave-active[data-v-6bdf4dcd]{transition:transform .25s}.nav-slide-enter-from[data-v-6bdf4dcd],.nav-slide-leave-to[data-v-6bdf4dcd]{transform:translateY(100%)}.toast-container[data-v-6bdf4dcd]{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.toast-item[data-v-6bdf4dcd]{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:10px 24px;font-size:15px}.toast-info[data-v-6bdf4dcd]{border:1px solid var(--gold-dim);color:var(--gold-bright);background:#c896461f}.toast-success[data-v-6bdf4dcd]{color:#a0d8a0;background:#64b4781f;border:1px solid #64b47866}.toast-error[data-v-6bdf4dcd]{border:1px solid var(--red);color:var(--red-bright);background:#c850501f}.fade-slide-enter-active[data-v-6bdf4dcd],.fade-slide-leave-active[data-v-6bdf4dcd]{transition:all .35s}.fade-slide-enter-from[data-v-6bdf4dcd]{opacity:0;transform:translateY(12px)}.fade-slide-leave-to[data-v-6bdf4dcd]{opacity:0;transform:translateY(-12px)}.fade-enter-active[data-v-6bdf4dcd],.fade-leave-active[data-v-6bdf4dcd]{transition:opacity .25s}.fade-enter-from[data-v-6bdf4dcd],.fade-leave-to[data-v-6bdf4dcd]{opacity:0}.toast-enter-active[data-v-6bdf4dcd]{transition:all .35s}.toast-leave-active[data-v-6bdf4dcd]{transition:all .25s}.toast-enter-from[data-v-6bdf4dcd]{opacity:0;transform:translateY(20px)}.toast-leave-to[data-v-6bdf4dcd]{opacity:0;transform:translateY(-10px)}@media (width<=480px){.top-bar[data-v-6bdf4dcd]{min-height:56px;padding:8px 10px}.help-btn[data-v-6bdf4dcd]{width:28px;height:28px;font-size:15px}.examiner-orb[data-v-6bdf4dcd],.orb-core[data-v-6bdf4dcd]{width:36px;height:36px}.typewriter-text[data-v-6bdf4dcd]{font-size:14px}.header-right[data-v-6bdf4dcd]{gap:6px}.user-btn[data-v-6bdf4dcd]{padding:3px 8px 3px 3px}.user-name[data-v-6bdf4dcd]{display:none}.user-avatar[data-v-6bdf4dcd]{width:26px;height:26px;font-size:13px}.login-link[data-v-6bdf4dcd]{padding:5px 12px;font-size:13px}.toast-container[data-v-6bdf4dcd]{bottom:80px}.toast-item[data-v-6bdf4dcd]{padding:8px 16px;font-size:14px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0d0d0d;--bg-room:#1a1815;--gold:#c7924b;--gold-dim:#8a6330;--gold-bright:#e8c97a;--text-warm:#f5f0e8;--text-dim:#b8b0a4;--text-muted:#6b6560;--amber:#d4843a;--red:#8b3a3a;--red-bright:#c44a4a;--card-bg:#2a2520;--card-border:#3d3630;--input-bg:#1f1c18}html,body{background:var(--bg-deep);width:100%;height:100%;color:var(--text-warm);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#app{height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2520;border-radius:2px}input[type=text],input[type=email],input[type=password],input[type=tel],textarea{background:var(--input-bg);border:1px solid var(--card-border);width:100%;color:var(--text-warm);resize:vertical;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:17px;line-height:1.6;transition:border-color .4s}input:focus,textarea:focus{border-color:var(--gold-dim);outline:none}::placeholder{color:var(--text-muted)}button{font-family:inherit}.btn-primary{border:1px solid var(--gold-dim);color:var(--gold-bright);cursor:pointer;background:#c896461f;border-radius:24px;padding:12px 28px;font-size:16px;font-weight:500;transition:all .3s;display:inline-block}.btn-primary:hover{background:#c8964633}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{border:1px solid var(--card-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:24px;padding:12px 28px;font-size:16px;transition:all .3s;display:inline-block}.btn-secondary:hover{color:var(--red-bright);border-color:#5a3a3a}.btn-sm{border:1px solid var(--card-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:16px;padding:8px 16px;font-size:14px;transition:all .3s}.btn-sm:hover{border-color:var(--gold-dim);color:var(--text-warm)}.btn-sm.active{border-color:var(--gold);color:var(--gold-bright);background:#c896461a}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:16px;transition:all .35s}.card:hover{border-color:var(--gold-dim)}.card.active{border-color:var(--gold);background:#2d2720}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s fadeSlideIn}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes cursor-blink{50%{opacity:0}}@media (width<=480px){input[type=text],input[type=email],input[type=password],input[type=tel],textarea{padding:12px 14px;font-size:16px}.card{padding:14px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:15px}}