:root{--brand-name: "景明教学";--brand-logo: "JM";--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-primary-950: #172554;--color-accent-50: #FFFBEB;--color-accent-100: #FEF3C7;--color-accent-200: #FDE68A;--color-accent-300: #FCD34D;--color-accent-400: #FBBF24;--color-accent-500: #F59E0B;--color-accent-600: #D97706;--color-accent-700: #B45309;--color-accent-800: #92400E;--color-accent-900: #78350F;--color-success-500: #10B981;--color-success-600: #059669;--color-danger-500: #EF4444;--color-danger-600: #DC2626;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 60px;--z-sidebar: 100;--z-header: 90;--z-modal: 1000;--z-tooltip: 1100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-neutral-800);background-color:var(--color-neutral-50)}#root{min-height:100vh}a{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-700)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.text-primary{color:var(--color-primary-600)}.text-success{color:var(--color-success-500)}.text-danger{color:var(--color-danger-500)}.text-warning{color:var(--color-accent-500)}.text-muted{color:var(--color-neutral-500)}.bg-primary{background-color:var(--color-primary-500)}.bg-success{background-color:var(--color-success-500)}.bg-danger{background-color:var(--color-danger-500)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}button,.btn{transition:all .2s cubic-bezier(.25,.1,.25,1)}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-.5px)}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.975);transition-duration:.1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-subtle{0%,to{opacity:.4}50%{opacity:1}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:overlay-in .3s cubic-bezier(.25,.1,.25,1)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.loading-spinner{width:32px;height:32px;border:2.5px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.loading-text{font-size:14px;font-weight:500;color:var(--color-neutral-500);letter-spacing:.01em;animation:pulse-subtle 2s ease-in-out infinite}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots span{width:5px;height:5px;border-radius:50%;background-color:var(--color-neutral-400);animation:dot-bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}.card-interactive{transition:all .25s cubic-bezier(.25,.1,.25,1)}.card-interactive:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.card-interactive:active{transform:translateY(0);box-shadow:none}.selection-card{transition:all .2s cubic-bezier(.25,.1,.25,1)}.selection-card:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.selection-card:active{transform:scale(.98);transition-duration:.1s}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-up .4s cubic-bezier(.25,.1,.25,1)}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:page-enter .45s cubic-bezier(.25,.1,.25,1) both}.card-hover-lift{transition:transform .25s cubic-bezier(.25,.1,.25,1),box-shadow .25s cubic-bezier(.25,.1,.25,1)}.card-hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-hover-lift:active{transform:translateY(0);box-shadow:0 1px 3px #0000000f;transition-duration:.1s}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes empty-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-icon{display:inline-block;animation:empty-icon-bounce 2s ease-in-out infinite;font-size:48px;margin-bottom:12px}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-flex{display:flex!important}.mobile-full-width{width:100%!important}.mobile-no-padding{padding:0!important}.mobile-no-margin{margin:0!important}aside[style*="position: fixed"][style*="left: 0"]{display:none!important}main[style*=marginLeft]{margin-left:0!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}header[style*="position: fixed"][style*="top: 0"]{left:0!important;padding:0 var(--spacing-4)!important}header[style*="position: fixed"] .header-user-text{display:none!important}header[style*="position: fixed"] .header-search-btn{display:none!important}header[style*="position: fixed"]>div:first-child{font-size:var(--font-size-base)!important}.mobile-content-padding{padding:var(--spacing-4)!important}main[style*=marginLeft]>div>div{padding:var(--spacing-4)!important}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-color:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid rgba(0,0,0,.08);display:flex;align-items:stretch;justify-content:space-around;z-index:120;-webkit-tap-highlight-color:transparent}.mobile-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;min-width:44px;color:var(--color-neutral-400);text-decoration:none;transition:color .2s ease;font-size:10px;font-weight:500}.mobile-tab-item.active{color:var(--color-primary-600)}.mobile-tab-icon{font-size:22px;line-height:1;transition:transform .2s cubic-bezier(.25,.1,.25,1)}.mobile-tab-item.active .mobile-tab-icon{transform:scale(1.05)}.mobile-tab-label{font-size:10px;line-height:1.2;letter-spacing:.01em}.mobile-grid-single{grid-template-columns:1fr!important}.mobile-grid-2col{grid-template-columns:repeat(2,1fr)!important}.dashboard-main-grid{grid-template-columns:1fr!important;gap:var(--spacing-4)!important}.stats-grid,.quick-actions-grid,.class-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-3)!important}.welcome-card{padding:var(--spacing-6)!important;margin-bottom:var(--spacing-4)!important;border-radius:var(--radius-lg)!important}.welcome-card h1{font-size:var(--font-size-xl)!important}.welcome-card p{font-size:var(--font-size-sm)!important}.stat-card{padding:var(--spacing-3)!important;gap:var(--spacing-2)!important}.stat-card .stat-icon{width:40px!important;height:40px!important;font-size:20px!important;border-radius:var(--radius-md)!important}.stat-card .stat-value{font-size:var(--font-size-xl)!important}.stat-card .stat-label{font-size:var(--font-size-xs)!important}.quick-action-card{padding:var(--spacing-3)!important;gap:var(--spacing-2)!important}.quick-action-card .action-icon{width:40px!important;height:40px!important;font-size:20px!important;border-radius:var(--radius-md)!important}.quick-action-card>span:first-of-type{font-size:var(--font-size-sm)!important}.quick-action-card>span:last-of-type{font-size:var(--font-size-xs)!important}.card-mobile-compact{padding:var(--spacing-3)!important}.card-title-mobile{font-size:var(--font-size-base)!important}.mobile-table-card-list>div:first-child{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-table-card-list table{min-width:640px}.table-wrapper-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-form-fullwidth>div{width:100%!important}.mobile-input-fullwidth{width:100%!important}.mobile-form-grid{grid-template-columns:1fr!important}.mobile-modal-overlay{padding:0!important;align-items:flex-end!important}.mobile-modal-content{width:100%!important;max-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;max-height:85vh!important;margin:0!important;animation:modalSlideUp .3s cubic-bezier(.25,.1,.25,1)!important}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}button,.btn{min-height:44px;min-width:44px}.mobile-page-header{margin-bottom:var(--spacing-4)!important}.mobile-page-title{font-size:var(--font-size-xl)!important}.section-title-mobile{font-size:var(--font-size-base)!important;margin-bottom:var(--spacing-3)!important}.login-card-mobile{margin:var(--spacing-4)!important;padding:var(--spacing-8) var(--spacing-6)!important;max-width:100%!important}.mobile-tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}.mobile-tabs-scroll::-webkit-scrollbar{display:none}.mobile-tag-compact{font-size:var(--font-size-xs)!important;padding:2px 8px!important}.activity-item-mobile{padding:var(--spacing-2)!important}.activity-icon-mobile{width:36px!important;height:36px!important;font-size:16px!important}.mobile-empty-state{padding:var(--spacing-8) var(--spacing-4)!important}.mobile-empty-state .empty-icon{font-size:40px!important}.mobile-avatar-sm{width:32px!important;height:32px!important}.mobile-selection-grid{grid-template-columns:1fr!important}.mobile-class-detail-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-3)!important}.mobile-chart-container{height:200px!important}.page-container{animation:page-enter-mobile .35s cubic-bezier(.25,.1,.25,1) both}@keyframes page-enter-mobile{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}html{font-size:15px}::-webkit-scrollbar{width:4px;height:4px}.sidebar-toggle-btn{display:none!important}.icon-btn-mobile{width:44px!important;height:44px!important}.mobile-modal-footer{flex-direction:column-reverse!important;gap:var(--spacing-2)!important}.mobile-modal-footer>button{width:100%!important}.dashboard-container>div:first-child>div{padding:var(--spacing-4)!important}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none!important}}@media (max-width: 768px){a,button{-webkit-tap-highlight-color:transparent}}