body{width:100vw;max-width:1280px;height:100vh;margin:50px;position:relative}.footer{position:fixed;bottom:0;left:0;right:0;height:40px;line-height:40px;text-align:center;background-color:#f5f5f5;font-size:14px}.footer a{color:#666;text-decoration:none}.footer a:hover{color:#409eff}.login-container[data-v-7e4688d8]{max-width:300px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.form-group[data-v-7e4688d8]{margin-bottom:15px;display:flex;align-items:center}label[data-v-7e4688d8]{margin-right:10px;display:inline-block;width:60px}input[data-v-7e4688d8],select[data-v-7e4688d8]{flex:1;padding:8px;border:1px solid #ccc;border-radius:3px}button[data-v-7e4688d8]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}button[data-v-7e4688d8]:hover{background-color:#0056b3}.classroom[data-v-b3eeb98e]{display:flex;flex-direction:column;gap:10px}.row[data-v-b3eeb98e]{display:flex;gap:10px}.seat[data-v-b3eeb98e]{width:30px;height:30px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer}.seat[data-v-b3eeb98e]:hover{background:linear-gradient(45deg,#fcc,#ffe0b3,#ffc,#cfc,#cce6ff,#d9ccff,#f0ccff)}.aisle[data-v-b3eeb98e]{width:30px;background-color:#eee}button[data-v-b3eeb98e]{margin-bottom:10px}router-link[data-v-b3eeb98e]{margin-right:10px;text-decoration:none;color:#007bff}router-link[data-v-b3eeb98e]:hover{text-decoration:underline}.seat.selected[data-v-b3eeb98e]{background-color:#add8e6}.blackboard[data-v-b3eeb98e]{width:50%;height:100px;background:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:4em;font-weight:700;overflow:hidden}.ampm[data-v-b3eeb98e],.room[data-v-b3eeb98e]{display:flex;list-style:none;justify-content:flex-start}.ampm li[data-v-b3eeb98e],.room li[data-v-b3eeb98e]{width:100px;height:30px;line-height:30px;border:1px solid black;text-align:center;cursor:pointer;background-color:#eee;-webkit-user-select:none;user-select:none}.room li[data-v-b3eeb98e]:hover,.room li.pick[data-v-b3eeb98e],.ampm li.pick[data-v-b3eeb98e]{background-color:#98fb98}.classroom[data-v-bb717c13]{padding:20px}.blackboard[data-v-bb717c13]{width:100%;height:100px;background:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet);color:#fff;text-align:center;line-height:100px;font-size:46px;margin-bottom:20px}.c7[data-v-bb717c13]{background:linear-gradient(45deg,red,orange,#ff0,green,#00f,indigo,violet)}.room-title[data-v-bb717c13]{font-size:18px;font-weight:700;margin:20px 0;color:#333}.row[data-v-bb717c13]{display:flex;gap:15px;margin-bottom:10px}.seat[data-v-bb717c13]{width:120px;height:42px;border:2px solid #EEE;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8fff8;cursor:pointer;position:relative}.nameText[data-v-bb717c13]{color:#000;text-shadow:0 0 2px #FFD700,0 0 4px #FFD700,0 0 6px #FFD700}.aisle[data-v-bb717c13]{width:80px;background-color:#f0f0f0}.error[data-v-bb717c13]{color:#f44;padding:10px;border:1px solid #ff4444;margin:10px 0}.seat.selected[data-v-bb717c13]{background:linear-gradient(45deg,#ff00004d,#ffa5004d,#ffff004d,#0080004d,#0000ff4d,#4b00824d,#ee82ee4d);color:#fff}.seat.occupied[data-v-bb717c13]{border:1px solid black;border-radius:5px 5px 0 0;color:red}.controls[data-v-bb717c13]{display:flex;gap:10px;margin-bottom:20px}select[data-v-bb717c13]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}button[data-v-bb717c13]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#afeeee;cursor:pointer}.student-list[data-v-bb717c13]{position:fixed;right:0;top:50%;transform:translateY(-50%);width:40px;padding:15px 5px;background-color:#f8f8ff;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:-2px 0 8px #0000001a}.student-list.expanded[data-v-bb717c13]{width:250px;right:0}.student-list h3[data-v-bb717c13]{writing-mode:vertical-rl;margin:0}.student-list.expanded h3[data-v-bb717c13]{writing-mode:horizontal-tb;transform:none;margin-bottom:10px}.collapsed-tip[data-v-bb717c13]{writing-mode:vertical-rl;font-size:12px;color:#666}.slide-enter-active[data-v-bb717c13],.slide-leave-active[data-v-bb717c13]{transition:all .3s ease}.slide-enter-from[data-v-bb717c13],.slide-leave-to[data-v-bb717c13]{opacity:0;transform:translate(20px)}.personal-page[data-v-b7a7b9d9]{display:grid;grid-template-rows:auto 1fr;height:100vh}.top-section[data-v-b7a7b9d9]{background-color:#f0f0f0;padding:20px;text-align:center}.bottom-section[data-v-b7a7b9d9]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.full-body-image[data-v-b7a7b9d9]{display:flex;justify-content:center;align-items:center}.full-body-image img[data-v-b7a7b9d9]{max-width:100%;max-height:100%}.right-section[data-v-b7a7b9d9]{display:flex;flex-direction:column;gap:20px}.avatar[data-v-b7a7b9d9]{display:flex;justify-content:center;align-items:center}.avatar img[data-v-b7a7b9d9]{width:200px;height:200px;border-radius:50%}.learning-stats[data-v-b7a7b9d9],.battle-stats[data-v-b7a7b9d9]{padding:20px;background-color:#f0f0f0;border-radius:8px;margin-bottom:15px}.battle-stats[data-v-b7a7b9d9]{background-color:#e8f4ff}