:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-width:1180px;--ink:#241a33;--muted:#5b5870;--primary:#e11d48;--primary-soft:#fb7185;--accent:#2563eb;--sun:#facc15;--mint:#22c55e;--surface:#fff;--surface-alt:#fff4ef;--line:#241a331f;--radius-ui:14px;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--ring:0 0 0 3px #2563eb40}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-body),"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background-color:#f8f4ec;margin:0;padding:0}body{background:#f8f4ec}a{color:inherit;text-decoration:none}a,button{cursor:pointer}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}form{flex-direction:column;gap:12px;display:flex}:focus-visible{box-shadow:var(--ring);outline:none}.app-shell{flex-direction:column;align-items:center;gap:28px;min-height:100vh;padding:12px 10px 90px;display:flex;position:relative}.primary-nav{border:2px solid var(--line);border-radius:var(--radius-ui);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffeb;justify-content:center;width:auto;padding:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.nav-links{gap:6px;width:auto;display:flex}.nav-link{border-radius:var(--radius-ui);text-align:center;background:#fff;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;font-size:14px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.nav-link:hover{background:#eff6ff}.nav-link.is-active{color:#1d4ed8;background:#dbeafe}.nav-icon{width:18px;height:18px;display:inline-flex}.nav-icon svg{width:100%;height:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-content{width:min(var(--page-width),100%);z-index:1;position:relative}.page{flex-direction:column;gap:24px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-bottom:8px;font-size:12px}h1{font-family:var(--font-display),"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(30px,4vw,44px)}.subtitle{color:var(--muted);margin:8px 0 0;font-size:15px}.status-stack{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill{border:2px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:13px}.status-pill.is-syncing{border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb26}.card{background:var(--surface);border:3px solid var(--line);border-radius:var(--radius-ui);padding:24px}.section-title{font-family:var(--font-display),"PingFang SC","Microsoft YaHei",sans-serif;margin:0 0 16px;font-size:20px}.block-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.tile{border-radius:var(--radius-ui);border:3px solid #0000;flex-direction:column;gap:12px;padding:20px;transition:border-color .2s,transform .2s;display:flex}.tile:hover{transform:translateY(-1px)}.tile-rose{background:linear-gradient(135deg,#ffe4ea,#fff);border-color:#e11d482e}.tile-blue{background:linear-gradient(135deg,#e0ecff,#fff);border-color:#2563eb2e}.tile-sun{background:linear-gradient(135deg,#fff3c2,#fff);border-color:#facc1559}.tile-top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.tile h3{font-size:20px;font-family:var(--font-display),"PingFang SC","Microsoft YaHei",sans-serif;margin:0}.tile p{color:var(--muted);margin:0;font-size:14px}.tile-meta{font-weight:600}.chip{color:var(--ink);background:#241a3314;border-radius:999px;padding:4px 10px;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{border-radius:var(--radius-ui);background:var(--surface-alt);border:2px solid #e11d481a;padding:14px}.stat-value{font-size:18px;font-weight:700}.stat-label{color:var(--muted);font-size:13px}.reminder-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.reminder{border-radius:var(--radius-ui);background:#ffffffb3;border:2px solid #2563eb1f;flex-direction:column;gap:6px;padding:16px;display:flex}.reminder-title{font-weight:700}.reminder-body{color:var(--muted);font-size:14px}.reminder-meta{color:var(--muted);font-size:12px}.field{flex-direction:column;gap:8px;margin-bottom:0;display:flex}label{color:var(--muted);font-size:14px}input[type=text],input[type=password],input[type=number],select,textarea{border-radius:var(--radius-ui);color:var(--ink);background:#f8fafc;border:2px solid #cbd5e1;width:100%;padding:10px 12px;font-size:15px;transition:border-color .2s,background .2s}textarea{resize:vertical}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,select:focus,textarea:focus{background:#fff;border-color:#93c5fd}input::placeholder,textarea::placeholder{color:#94a3b8}.file-picker{border-radius:var(--radius-ui);background:#ffffffe6;border:2px dashed #241a3333;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex;position:relative}.file-picker:focus-within{background:#fff;border-color:#2563eb99}.file-picker input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.file-picker-body{flex-direction:column;gap:6px;display:flex}.file-picker-title{font-size:14px;font-weight:700}.file-picker-meta{color:var(--muted);font-size:13px}.file-picker-action{border-radius:var(--radius-ui);background:#fff;border:2px solid #d1d5db;padding:8px 14px;font-size:13px;font-weight:600}.subjects{flex-wrap:wrap;gap:10px;display:flex}.subject-button{border-radius:var(--radius-ui);cursor:pointer;background:#fff;border:2px solid #d1d5db;padding:8px 16px;font-size:14px;transition:border-color .2s,color .2s}.subject-button.active{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.button{border-radius:var(--radius-ui);cursor:pointer;color:#fff;background:#2563eb;border:2px solid #d1d5db;padding:11px 20px;font-size:15px;font-weight:600;transition:background .2s}.button:hover{background:#1d4ed8}.button:active{background:#1e40af}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button.ghost{color:var(--ink);background:#fff;border:2px solid #d1d5db}.button.small{padding:8px 14px;font-size:13px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;margin-top:8px;display:flex}.assignment-list{gap:10px;margin-bottom:16px;display:grid}.assignment-cards{gap:16px;display:grid}.assignment-card{flex-direction:column;gap:12px;display:flex}.assignment-edit{gap:12px;display:grid}.assignment-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;margin-top:auto;display:flex}.assignment-item{border:2px solid var(--line);border-radius:var(--radius-ui);background:#fff;padding:12px}.assignment-title{font-weight:600}.assignment-meta{color:var(--muted);margin-top:4px;font-size:13px}.assignment-desc{color:var(--muted);margin-top:6px;font-size:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.submission{border:2px solid var(--line);border-radius:var(--radius-ui);background:#ffffffe6;flex-direction:column;gap:10px;padding:16px;display:flex}.submission img{border-radius:var(--radius-ui);border:2px solid #241a3314;width:100%}.submission-images{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.review-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.review-pill{border-radius:var(--radius-ui);color:#475569;background:#f1f5f9;border:2px solid #d1d5db;padding:4px 10px;font-size:12px}.review-pill.is-reviewed{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.review-score{font-weight:600}.review-comment,.note{border-radius:var(--radius-ui);border:2px solid var(--line);color:var(--muted);background:#fff;padding:10px 12px;font-size:14px}.admin-list{gap:16px;display:grid}.admin-item{border:2px solid var(--line);border-radius:var(--radius-ui);background:#fff;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-form{gap:12px;display:grid}.admin-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-title{font-weight:600}.admin-meta{color:var(--muted);margin-top:4px;font-size:13px}.meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.notice{border-radius:var(--radius-ui);color:#1e3a8a;background:#2563eb1a;border:2px solid #2563eb2e;padding:12px 16px;font-size:14px}.error{border-radius:var(--radius-ui);color:#9f1239;background:#e11d481f;border:2px solid #e11d4833;padding:12px 16px;font-size:14px}.hint{color:var(--muted);margin:8px 0 16px;font-size:14px}.animate-in{animation:.6s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:840px){.primary-nav{border-radius:var(--radius-lg);width:auto}}@media (max-width:720px){.app-shell{padding:12px 8px 110px}.page-header{flex-direction:column;align-items:flex-start}.card{padding:18px}}.stats-overview{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface-alt);border-radius:var(--radius-sm);text-align:center;padding:16px}.stat-number{color:var(--accent);font-size:28px;font-weight:700}.charts-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.chart-container{background:var(--surface-alt);border-radius:var(--radius-sm);padding:16px}.chart-container.full-width{grid-column:1/-1}.chart-title{text-align:center;margin-bottom:12px;font-weight:600}.export-dates{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.homework-status{flex-direction:column;gap:16px;display:flex}.status-group{background:var(--surface-alt);border-radius:var(--radius-sm);padding:12px}.status-header{border-radius:4px;margin-bottom:8px;padding:4px 8px;font-weight:600;display:inline-block}.status-header.completed{color:#166534;background:#dcfce7}.status-header.pending{color:#92400e;background:#fef3c7}.status-header.expired{color:#991b1b;background:#fecaca}.status-items{flex-direction:column;gap:8px;display:flex}.status-item{background:var(--surface);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.status-item.completed{border-left:3px solid #22c55e}.status-item.pending{border-left:3px solid #f59e0b}.status-item.expired{border-left:3px solid #ef4444}.due-date{color:var(--muted);font-size:12px}.expired-tag{color:#991b1b;background:#fecaca;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:12px}.assignment-cards.archived .assignment-card{opacity:.7}.assignment-card.archived{background:var(--surface-alt)}.button.ghost.danger{color:#dc2626}.button.ghost.danger:hover{background:#fecaca}.assignment-list.expired .assignment-item{opacity:.7}@media (max-width:720px){.stats-overview{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-container.full-width{grid-column:1}.export-dates{grid-template-columns:1fr}}