@import "https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap";.teacher-nav[data-v-44e6658f]{padding:8px 0;padding-bottom:env(safe-area-inset-bottom,8px);z-index:100;background:#fff;border-top:1px solid #eee;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.teacher-nav-item[data-v-44e6658f]{color:#999;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:.72rem;text-decoration:none;transition:color .2s;display:flex}.teacher-nav-item.active[data-v-44e6658f]{color:var(--color-primary)}.nav-icon[data-v-44e6658f]{font-size:1.3rem}.nav-label[data-v-44e6658f]{font-weight:500}:root{--color-primary:#ff6b9d;--color-primary-light:#ffb3d0;--color-secondary:#7c5cfc;--color-secondary-light:#b8a9ff;--color-success:#4ecdc4;--color-warning:#ffe66d;--color-danger:#ff6b6b;--color-bg:#fff8f0;--color-bg-card:#fff;--color-text:#2d3436;--color-text-muted:#636e72;--color-border:#f0e6d8;--radius:16px;--radius-sm:10px;--radius-full:999px;--shadow:0 4px 16px #ff6b9d26;--shadow-sm:0 2px 8px #0000000f;--font-fun:"ZCOOL KuaiLe", cursive;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}h1,h2,h3{font-family:var(--font-fun)}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}.btn{border-radius:var(--radius-full);border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:0 4px 14px #ff6b9d59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d73}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary-light);background:#fff}.btn-secondary:hover{background:var(--color-primary-light);color:#fff}.btn-icon{border-radius:50%;width:44px;height:44px;padding:0;font-size:1.2rem}.card{background:var(--color-bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:2px solid var(--color-border);padding:20px}.form-group{margin-bottom:16px}.form-label{color:var(--color-text-muted);margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.form-input{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--color-primary)}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:10px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.bottom-nav{border-top:2px solid var(--color-border);padding:8px 0;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:100;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--color-text-muted);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:.7rem;transition:color .2s;display:flex}.bottom-nav a.active{color:var(--color-primary)}.bottom-nav a .nav-icon{font-size:1.4rem}.page{max-width:480px;min-height:100vh;margin:0 auto;padding:16px 16px 80px}.page-title{text-align:center;color:var(--color-primary);margin-bottom:20px;font-size:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sparkle{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}.animate-bounce{animation:2s ease-in-out infinite bounce}.animate-float{animation:3s ease-in-out infinite float}.toast{background:var(--color-text);color:#fff;border-radius:var(--radius-full);z-index:1000;padding:12px 24px;font-size:.9rem;animation:.3s float;position:fixed;top:20px;left:50%;transform:translate(-50%)}