.header[data-v-1bf2a044]{text-align:center;margin-top:20px;margin-bottom:30px}.header h1[data-v-1bf2a044]{color:var(--text-main);font-size:20px;font-weight:600}.header p[data-v-1bf2a044]{color:var(--text-sub);margin-top:5px;font-size:12px}.card-container[data-v-1bf2a044]{background:#fff;border-radius:16px;width:100%;min-width:350px;animation:.5s fadeIn-1bf2a044;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.card-banner[data-v-1bf2a044]{background:linear-gradient(90deg,#1890ff 0%,#722ed1 100%);height:8px}.school-info[data-v-1bf2a044]{border-bottom:1px dashed #eee;align-items:center;padding:20px 20px 10px;display:flex}.school-logo[data-v-1bf2a044]{width:40px;height:40px;color:var(--primary-color);background:#e6f7ff;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:12px;font-weight:700;display:flex}.school-name h2[data-v-1bf2a044]{color:var(--text-main);font-size:16px}.school-name p[data-v-1bf2a044]{color:var(--text-sub);letter-spacing:1px;font-size:10px}.student-profile[data-v-1bf2a044]{padding:20px;display:flex}.avatar-box[data-v-1bf2a044]{color:#ccc;background:#f5f5f5;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;width:80px;height:100px;margin-right:15px;font-size:12px;display:flex;overflow:hidden}.avatar-box img[data-v-1bf2a044]{object-fit:cover;width:100%;height:100%}.info-list[data-v-1bf2a044]{flex-direction:column;flex:1;justify-content:center;display:flex}.info-item[data-v-1bf2a044]{margin-bottom:10px;display:flex}.info-item[data-v-1bf2a044]:last-child{margin-bottom:0}.info-label[data-v-1bf2a044]{width:50px;color:var(--text-sub);font-size:13px}.info-value[data-v-1bf2a044]{color:var(--text-main);flex:1;font-size:15px;font-weight:600}.status-bar[data-v-1bf2a044]{background:#fafafa;border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.status-text[data-v-1bf2a044]{color:var(--text-sub);font-size:12px}.status-badge[data-v-1bf2a044]{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status-badge.normal[data-v-1bf2a044]{color:var(--success-color);background:#f6ffed;border:1px solid #b7eb8f}.status-badge.error[data-v-1bf2a044]{color:var(--error-color);background:#fff1f0;border:1px solid #ffa39e}.error-container[data-v-1bf2a044]{text-align:center;padding:40px 20px;display:none}.error-icon[data-v-1bf2a044]{color:var(--error-color);margin-bottom:15px;font-size:60px}.error-container h2[data-v-1bf2a044]{color:var(--text-main);margin-bottom:10px;font-size:18px}.error-container p[data-v-1bf2a044]{color:var(--text-sub);font-size:13px;line-height:1.5}.loading-overlay[data-v-1bf2a044]{z-index:10;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner[data-v-1bf2a044]{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;margin-bottom:15px;animation:1s linear infinite spin-1bf2a044}.loading-text[data-v-1bf2a044]{color:var(--text-sub);font-size:13px}@keyframes spin-1bf2a044{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-1bf2a044{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}