:root{--brand: #F2A488;--brand-strong: #D9704F;--brand-soft: #FCE7DB;--brand-softer: #FDF3EE;--mint: #8FCBB0;--mint-strong: #2E8B6F;--mint-soft: #E5F5EE;--sky: #8FB8DE;--sky-soft: #E8F1F9;--sun: #F2C879;--sun-soft: #FBF1DA;--coral: #EFA98C;--coral-soft: #FCEAE3;--grape: #B9A7D6;--grape-soft: #F0EBF8;--success: #4FA98A;--success-soft: #E2F4EE;--warning: #E0A94B;--warning-strong: #8A6A2E;--warning-soft: #FBF1DA;--danger: #D9687F;--danger-soft: #FBE7EC;--info: #6FA3CC;--info-strong: #3A6285;--info-soft: #E8F1F9;--text-1: #4A3A40;--text-2: #7C6E73;--text-3: #AB9FA4;--text-on-brand: #FFFFFF;--text-on-dark: #FFFFFF;--bg: #FBF7F0;--bg-gradient: linear-gradient(165deg, #FDFAF6 0%, #FBF5EE 50%, #F8EFE7 100%);--surface: #FFFFFF;--surface-2: #FCF8F2;--surface-hover: #FBEDE4;--surface-sunken: #F6EEE6;--border: #F0E7E0;--border-strong: #E6D8CE;--radius-sm: 12px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(74, 58, 64, .06);--shadow: 0 8px 24px rgba(74, 58, 64, .08);--shadow-lg: 0 16px 40px rgba(74, 58, 64, .12);--shadow-brand: 0 10px 24px rgba(242, 164, 136, .22);--shadow-inset: inset 0 1px 2px rgba(74, 58, 64, .04);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--font-sans: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Inter", "PingFang SC", var(--font-sans);--ease: cubic-bezier(.22, .61, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s var(--ease);--t: .25s var(--ease);--t-slow: .4s var(--ease);--z-nav: 100;--z-modal: 1000;--z-toast: 2000;--content-max: 1240px;--fs-caption: 12px;--fs-body: 14px;--fs-sub: 15px;--fs-title-sm: 16px;--fs-title: 18px;--fs-section: 21px;--fs-page: 26px;--fs-display: 34px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-base: 1.6;--lh-loose: 1.75;--border-hair: #F1E9E2;--ring: 0 0 0 3px rgba(242, 164, 136, .2);--page-pad: var(--sp-6);--section-gap: var(--sp-6);--card-gap: var(--sp-5)}html,body,#app{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-1);background:var(--bg);font-size:var(--fs-body);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-bold);color:var(--text-1);line-height:var(--lh-tight);letter-spacing:-.01em}h1{font-size:var(--fs-page)}h2{font-size:var(--fs-section)}h3{font-size:var(--fs-title)}h4{font-size:var(--fs-title-sm)}h5{font-size:var(--fs-sub)}h6{font-size:var(--fs-body)}p{margin:0}a{color:var(--brand-strong);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--brand)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text-1)}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--brand-soft);color:var(--brand-strong)}:focus-visible{outline:3px solid rgba(242,164,136,.45);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand-soft);border-radius:var(--radius-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;line-height:1;color:var(--text-1);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),border-color var(--t-fast);white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:var(--text-on-brand);border-color:transparent;box-shadow:var(--shadow-brand)}.btn-primary:hover{filter:brightness(1.06)}.btn-mint{background:linear-gradient(135deg,#A8DCC4 0%,var(--mint) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 24px #7fc9b047}.btn-sky{background:linear-gradient(135deg,#A9CDE8 0%,var(--sky) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 24px #8fb8de47}.btn-sun{background:linear-gradient(135deg,#F7DCA0 0%,var(--sun) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 24px #f2c87947}.btn-ghost{background:transparent;border-color:var(--border-strong);box-shadow:none}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--brand);color:var(--brand-strong)}.btn-danger{background:linear-gradient(135deg,#E09595 0%,var(--danger) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 24px #c95c5c42}.btn-soft{background:var(--brand-soft);color:var(--brand-strong);border-color:transparent;box-shadow:none}.btn-info{background:var(--info-soft);color:var(--info);border-color:transparent;box-shadow:none}.btn-info:hover{filter:brightness(.97);background:var(--info-soft)}.btn-warning{background:var(--warning-soft);color:var(--warning);border-color:transparent;box-shadow:none}.btn-warning:hover{filter:brightness(.97);background:var(--warning-soft)}.btn-sm{padding:7px 13px;font-size:13px}.btn-lg{padding:13px 26px;font-size:15px}.btn-icon{padding:9px;width:38px;height:38px;border-radius:var(--radius-pill)}.btn-block{width:100%}.card{background:#ffffffeb;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);box-shadow:0 2px 12px #b48c7814;padding:var(--sp-5)}.panel{background:#ffffffeb;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);box-shadow:0 2px 12px #b48c7814;padding:var(--sp-4)}.card-hover{transition:transform var(--t),box-shadow var(--t)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.stat-card .stat-ico{width:44px;height:44px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:20px;background:var(--brand-soft)}.stat-card .stat-num{font-family:var(--font-num);font-size:24px;font-weight:700;color:var(--text-1);line-height:1.1}.stat-card .stat-label{font-size:12px;color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--brand-soft);color:var(--brand-strong)}.badge-mint{background:var(--mint-soft);color:var(--mint-strong)}.badge-sky{background:var(--sky-soft);color:var(--info-strong)}.badge-sun{background:var(--sun-soft);color:var(--warning-strong)}.badge-success{background:var(--success-soft);color:#1e6b4f}.badge-warning{background:var(--warning-soft);color:var(--warning-strong)}.badge-danger{background:var(--danger-soft);color:#a84242}.badge-grape{background:var(--grape-soft);color:#5e4f7e}.tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-sm);font-size:12px;background:var(--surface-sunken);color:var(--text-2)}.tag-admin{background:var(--brand-soft);color:var(--brand-strong);border-radius:var(--radius-pill);font-weight:700;padding:4px 12px}.tag-teacher{background:var(--mint-soft);color:var(--mint-strong);border-radius:var(--radius-pill);font-weight:700;padding:4px 12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;background:var(--surface);border:1.5px solid var(--border);color:var(--text-2);cursor:pointer;transition:all var(--t-fast)}.chip:hover{border-color:var(--brand);color:var(--brand-strong)}.chip.is-active{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-brand)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-label{font-size:13px;font-weight:600;color:var(--text-2)}.input,.select,.textarea{width:100%;padding:11px 14px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text-1);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.textarea{resize:vertical;min-height:90px;line-height:1.6}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239A938A' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.input-search{padding-left:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239A938A' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center}.input-group{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.input-group label{font-size:13px;font-weight:600;color:var(--text-2)}.input-group input,.input-group select,.input-group textarea{width:100%;padding:11px 14px;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);color:var(--text-1);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{position:sticky;top:0;z-index:1;text-align:left;padding:14px 16px;font-size:13px;font-weight:700;color:var(--text-2);background:var(--surface-2);border-bottom:1.5px solid var(--border);white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.avatar{width:44px;height:44px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:20px;background:var(--brand-soft);color:var(--brand-strong);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:64px;height:64px;font-size:28px}.avatar-sm{width:34px;height:34px;font-size:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--text-3)}.empty-state .empty-icon{font-size:56px;filter:drop-shadow(0 6px 12px rgba(242,164,136,.18))}.empty-state .empty-hint{font-size:14px;color:var(--text-2)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);color:var(--text-2)}.loading-spinner{font-size:40px;animation:spin 1.4s var(--ease) infinite}@keyframes spin{to{transform:rotate(360deg)}}.segment{display:inline-flex;padding:4px;gap:4px;background:var(--surface-sunken);border-radius:var(--radius-pill);border:1.5px solid var(--border)}.segment .seg-item{padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.segment .seg-item.is-active{background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow-sm)}.progress{width:100%;height:10px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.progress>span{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--brand),var(--brand-strong));transition:width var(--t-slow)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#211f1b73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;animation:fade-in .2s ease both}.modal{width:100%;max-width:420px;margin:auto;background:#fff;border:1px solid #ECE8E0;border-radius:18px;box-shadow:0 20px 50px #211f1b29,0 4px 14px #211f1b14;padding:0;animation:pop-in .24s cubic-bezier(.22,.61,.36,1) both;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm{max-width:360px}.modal-lg{max-width:520px}.modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #ECE8E0;background:#fff;border-radius:18px 18px 0 0}.modal-title{font-size:16px;font-weight:700;margin:0;color:#211f1b;display:flex;align-items:center;gap:8px}.modal-body,.modal-section{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 22px}.modal-foot{flex:0 0 auto;display:flex;gap:12px;padding:14px 22px 18px;border-top:1px solid #ECE8E0}.modal-foot .btn{flex:1}.modal-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid #ECE8E0;background:#faf9f6;color:#6b665e;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.modal-close:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong);transform:rotate(90deg)}.modal>.modal-title:first-child{flex:0 0 auto;padding:18px 22px 8px}.btn-group{display:flex;gap:12px;margin-top:16px}.btn-group .btn{flex:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:var(--z-toast);padding:16px 30px;border-radius:var(--radius-pill);max-width:90vw;width:-webkit-fit-content;width:fit-content;color:#fff;font-size:19px;font-weight:600;white-space:normal;line-height:1.4;text-align:center;box-shadow:0 12px 32px #211f1b47;animation:toast-in .32s cubic-bezier(.18,.89,.32,1.28) both}.toast-success{background:var(--mint-strong)}.toast-success:before{content:"✓";margin-right:8px;font-weight:700;font-size:21px;vertical-align:-1px}.toast-error{background:#b5633f}.toast-error:before{content:"✕";margin-right:8px;font-weight:700;font-size:21px;vertical-align:-1px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,18px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.divider{height:1px;background:var(--border);border:none;margin:var(--sp-4) 0}.section-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:var(--sp-2)}.section-title:before{content:"";width:5px;height:18px;border-radius:var(--radius-pill);background:linear-gradient(var(--brand),var(--brand-strong))}.premium-bg{background-image:linear-gradient(to bottom,rgba(251,247,240,.95) 0%,rgba(251,247,240,.45) 45%,rgba(251,247,240,.3) 70%,transparent 100%),linear-gradient(#fbf7f059,#fbf7f059),url(/bg-premium2.webp);background-size:100% 280px,cover,cover;background-position:center top,center top,center top;background-repeat:no-repeat,no-repeat,no-repeat}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise-in{animation:rise-in var(--t-slow) var(--ease) both}.tag,.stat-card .stat-label,.card-title{font-weight:600}.result-title{font-weight:700}.day-group-title{font-weight:600}.page-subtitle{font-weight:500}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--sp-5)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 auto;min-width:0}.flex-none{flex:none}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--text-2)}.text-weak{color:var(--text-3)}.text-brand{color:var(--brand-strong)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.line-clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-pill{border-radius:var(--radius-pill)}.overflow-hidden{overflow:hidden}.relative{position:relative}.w-full{width:100%}.hidden{display:none!important}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}:root{--content-max: 100%}}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 var(--sp-4)}.hide-mobile{display:none!important}.stack-mobile{flex-direction:column;align-items:stretch}}@media(max-width:480px){.grid-cols-auto{grid-template-columns:1fr}body{font-size:13px}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-1);min-height:100vh}:root{--primary-gradient: linear-gradient(135deg, var(--brand), var(--brand-strong));--success-gradient: linear-gradient(135deg, var(--mint), var(--success));--secondary-gradient: linear-gradient(135deg, var(--coral), var(--danger));--warning-gradient: linear-gradient(135deg, var(--sun), #E0B974);--bg-light: var(--surface-2);--card-shadow: var(--shadow);--card-hover-shadow: var(--shadow-lg);--text-primary: var(--text-1);--text-secondary: var(--text-2);--border-color: var(--border)}.app-container{max-width:1400px;margin:0 auto;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-6);flex-wrap:wrap;gap:var(--sp-4)}.page-header h2{font-size:var(--fs-page);font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.page-header h2:before{content:"";width:5px;height:22px;border-radius:var(--radius-pill);background:linear-gradient(var(--brand),var(--brand-strong));flex:none}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--surface-2);font-weight:600;color:var(--text-2);font-size:13px}tr:hover{background:var(--surface-hover)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-2)}.empty-state .icon{font-size:64px;margin-bottom:16px}@media(max-width:768px){.app-container{padding:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}th,td{padding:8px 12px;font-size:13px}}