:root{--ds-bg: #f8f7f2;--ds-surface: #ffffff;--ds-surface-warm: #f5f2ec;--ds-surface-green: #eef8f5;--ds-primary: #16885f;--ds-primary-strong: #0f6f4d;--ds-primary-light: #2f7f74;--ds-accent: #bd6d35;--ds-accent-light: #bd733f;--ds-border: #e2caaf;--ds-border-soft: rgba(225, 202, 176, .6);--ds-text: #333333;--ds-text-secondary: #5c5c5c;--ds-text-muted: #969696;--ds-danger: #c0392b;--ds-radius: 8px;--ds-shadow: 0 4px 16px rgba(0, 0, 0, .08);--ds-shadow-lg: 0 12px 32px rgba(0, 0, 0, .14)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--ds-bg);color:var(--ds-text);font-size:14px;line-height:1.6}a{color:var(--ds-primary);text-decoration:none}button{font-family:inherit}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--ds-text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef8f5,#f8f7f2 55%,#f5f2ec)}.login-card{width:360px;padding:36px 32px 28px;background:var(--ds-surface);border-radius:12px;box-shadow:var(--ds-shadow-lg);border:1px solid var(--ds-border-soft)}.login-logo{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;letter-spacing:2px}.login-title{text-align:center;font-size:18px;color:var(--ds-text);margin:0 0 24px}.login-form{display:flex;flex-direction:column;gap:12px}.login-btn{height:38px;font-size:15px}.login-tip{margin-top:16px;text-align:center;font-size:12px;color:var(--ds-text-muted)}.teacher-shell{min-height:100vh;display:flex;flex-direction:column}.teacher-main{flex:1;max-width:1080px;width:100%;margin:0 auto;padding:20px 24px 40px}.teacher-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.teacher-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));align-items:start;gap:14px}.hw-card{min-width:0;background:var(--ds-surface);border:1px solid var(--ds-border-soft);border-radius:10px;padding:16px 18px;box-shadow:var(--ds-shadow);display:flex;flex-direction:column;gap:12px}.hw-card-title{font-size:16px;font-weight:600;color:var(--ds-text);word-break:break-word}.hw-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.hw-card-meta{display:flex;flex-direction:column;gap:6px}.hw-meta-row{display:flex;gap:8px;font-size:13px}.hw-meta-label{color:var(--ds-text-muted);flex-shrink:0;min-width:56px}.hw-meta-value{color:var(--ds-text-secondary)}.hw-meta-req{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hw-meta-value.expired{color:var(--ds-danger)}.hw-stat-link{color:var(--ds-primary);font-weight:600;cursor:pointer}.hw-stat-link:hover{text-decoration:underline}.view-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.view-check-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ds-text-secondary);cursor:pointer}.view-class-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.view-class-empty{color:var(--ds-text-muted);font-size:13px}.view-filters{display:flex;gap:6px}.zy-chip{padding:4px 12px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-surface);color:var(--ds-text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.zy-chip:hover{border-color:var(--ds-primary);color:var(--ds-primary)}.zy-chip.active{background:var(--ds-surface-green);border-color:var(--ds-primary);color:var(--ds-primary);font-weight:600}.view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;max-height:60vh;overflow-y:auto;padding-right:4px}.sub-card{display:flex;flex-direction:column;gap:10px;background:var(--ds-surface);border:1px solid var(--ds-border-soft);border-radius:10px;padding:12px 14px;box-shadow:var(--ds-shadow)}.sub-card-top{display:flex;gap:10px;align-items:flex-start}.sub-file-icon{flex-shrink:0;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--ds-primary-light),var(--ds-primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sub-card-info{flex:1;min-width:0}.sub-title{font-size:14px;font-weight:600;color:var(--ds-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-student,.sub-time{font-size:12px;color:var(--ds-text-secondary)}.sub-review-tag{flex-shrink:0;padding:2px 8px;border-radius:10px;font-size:12px;background:var(--ds-surface-warm);color:var(--ds-text-muted)}.sub-review-tag.done{background:var(--ds-surface-green);color:var(--ds-primary)}.sub-score-row{display:flex;align-items:center;gap:8px}.sub-score-label{font-size:13px;color:var(--ds-text-secondary)}.sub-pingyu{font-size:12px;color:var(--ds-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sub-actions{display:flex;gap:8px;flex-wrap:wrap}.review-student{margin-bottom:14px;padding:8px 12px;background:var(--ds-surface-warm);border-radius:6px;font-size:14px;color:var(--ds-text)}.review-score-row{display:flex;align-items:center;gap:12px}.review-score-num{font-size:15px;font-weight:600;color:var(--ds-primary)}.stat-block{margin-bottom:16px}.stat-block-title{font-size:14px;margin-bottom:8px}.stat-block-title.unsubmitted{color:var(--ds-danger)}.stat-block-title.submitted{color:var(--ds-primary)}.stat-block-title strong{margin-left:4px}.stat-list{display:flex;flex-wrap:wrap;gap:8px}.stat-student{padding:4px 12px;border-radius:6px;background:var(--ds-surface-warm);font-size:13px;color:var(--ds-text)}.stat-empty{padding:12px 0;color:var(--ds-text-muted);font-size:13px}.preview-zip{display:flex;flex-direction:column}.preview-zip-item{display:flex;justify-content:space-between;gap:16px;padding:8px 10px;border-bottom:1px solid var(--ds-border-soft);font-size:13px}.preview-zip-name{color:var(--ds-text);word-break:break-all}.preview-zip-size{color:var(--ds-text-muted);flex-shrink:0}.preview-doc{background:var(--ds-surface);border:1px solid var(--ds-border-soft);border-radius:8px;padding:16px;max-height:60vh;overflow-y:auto;color:var(--ds-text)}.preview-doc img{max-width:100%}.preview-doc table{border-collapse:collapse}.preview-doc table td,.preview-doc table th{border:1px solid var(--ds-border);padding:4px 8px}