.homework-page{min-height:100vh;background:#f5f7fa}.page-header{background:linear-gradient(135deg,#3a7bd5,#4a8fe0 55%,#6aa9e8);color:#fff;padding:14px 16px 12px}.header-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-left{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.class-name{font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.class-name,.class-name i{font-size:18px}.class-meta{font-size:12px;opacity:.9;margin-top:6px}.meta-sep{margin:0 4px;opacity:.7}.header-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.header-right,.view-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}.view-toggle{width:34px;height:34px;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:17px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}.view-toggle:active{background:hsla(0,0%,100%,.35)}.header-tools{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-top:12px}.tool-date,.tool-select{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.tool-btn{-ms-flex-negative:0;flex-shrink:0;background:hsla(0,0%,100%,.22);border:1px solid hsla(0,0%,100%,.4);color:#fff;font-size:13px;padding:9px 14px}.tool-btn:hover{background:hsla(0,0%,100%,.32);color:#fff}.header-tools ::v-deep .el-input__inner{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.35);color:#fff;font-size:13px}.header-tools ::v-deep .el-input__inner::-webkit-input-placeholder{color:hsla(0,0%,100%,.75)}.header-tools ::v-deep .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.75)}.header-tools ::v-deep .el-input__inner:-ms-input-placeholder{color:hsla(0,0%,100%,.75)}.header-tools ::v-deep .el-input__inner::-ms-input-placeholder{color:hsla(0,0%,100%,.75)}.header-tools ::v-deep .el-input__inner::placeholder{color:hsla(0,0%,100%,.75)}.header-tools ::v-deep .el-input__icon{color:hsla(0,0%,100%,.9);line-height:32px}.header-tools ::v-deep .el-date-editor.el-input .el-input__icon,.header-tools ::v-deep .el-input__prefix{color:hsla(0,0%,100%,.9)}.main-tabs{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #f0f0f0}.main-tab{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:13px 0;cursor:pointer;position:relative}.main-tab__text{font-size:15px;color:#909399;font-weight:500;-webkit-transition:color .2s;transition:color .2s}.main-tab.active .main-tab__text{color:#3a7bd5;font-weight:600}.main-tab__underline{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:3px;background:-webkit-gradient(linear,left top,right top,from(#3a7bd5),to(#7ab8e8));background:linear-gradient(90deg,#3a7bd5,#7ab8e8);border-radius:2px 2px 0 0;-webkit-transition:width .25s ease;transition:width .25s ease}.main-tab.active .main-tab__underline{width:80px}.filter-tabs{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;border-bottom:1px solid #f0f0f0;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{-ms-flex-negative:0;flex-shrink:0;padding:12px 14px;font-size:13px;color:#606266;cursor:pointer;position:relative;white-space:nowrap;-webkit-transition:color .2s;transition:color .2s}.filter-tab.active{color:#3a7bd5;font-weight:600}.filter-tab.active:after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:3px;background:#3a7bd5;border-radius:2px 2px 0 0}.list-header{background:#fafafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 16px;font-size:12px;color:#909399;border-bottom:1px solid #f0f0f0}.col-student{-webkit-box-flex:1;-ms-flex:1;flex:1}.col-status{width:84px;text-align:center}.col-remark{width:76px;text-align:right}.col-subject{-webkit-box-flex:1;-ms-flex:1;flex:1}.col-action{width:64px;text-align:right}.list-body{background:#fff;min-height:200px}.state-box{text-align:center;padding:60px 20px;color:#909399}.state-box i{font-size:44px;color:#dcdfe6;display:block;margin-bottom:12px}.state-box p{font-size:13px;line-height:1.7}.subject-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #f5f5f5;-webkit-transition:background .15s;transition:background .15s}.subject-row:last-child{border-bottom:none}.subject-row:active{background:#f5f7fa}.subject-avatar{width:38px;height:38px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;-ms-flex-negative:0;flex-shrink:0}.row__info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.row__name{font-size:14px;font-weight:600;color:#303133;line-height:1.3}.row__no{font-size:11px;color:#a8abb2;margin-top:2px}.row__status{width:84px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;-ms-flex-negative:0;flex-shrink:0}.row__time{font-size:10px;color:#a8abb2}.row__remark{width:76px;font-size:12px;color:#909399;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row__arrow,.row__remark{-ms-flex-negative:0;flex-shrink:0}.row__arrow{color:#c0c4cc;font-size:14px}.row__action{width:64px;text-align:right;-ms-flex-negative:0;flex-shrink:0}.student-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.student-row:active{background:#f5f7fa}.student-row:last-child{border-bottom:none}.subject-editor-panel{margin:8px 16px 0;background:#f5f7fa;border-radius:10px;padding:14px;border:1px solid #ebeef5}.editor-panel-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.editor-panel-title{font-size:14px;font-weight:600;color:#303133}.editor-panel-header i{font-size:16px;color:#909399;cursor:pointer;padding:4px}.editor-panel-header i:hover{color:#303133}.editor-panel-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;margin-top:10px}.hw-textarea{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dcdfe6;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.55;color:#303133;background:#fff;resize:vertical;min-height:110px;outline:none;font-family:inherit}.hw-textarea:focus{border-color:#3a7bd5;-webkit-box-shadow:0 0 0 2px rgba(58,123,213,.15);box-shadow:0 0 0 2px rgba(58,123,213,.15)}.action-btn{font-size:12px;padding:5px 12px}.card__avatar,.row__avatar{width:46px;height:46px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.card__avatar{width:52px;height:52px;font-size:15px}.card__avatar img,.row__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar--done{background:linear-gradient(135deg,#52c41a,#73d13d)}.avatar--progress{background:linear-gradient(135deg,#fa8c16,#ffc53d)}.avatar--notdone{background:linear-gradient(135deg,#ff4d4f,#ff7875)}.avatar--leave{background:linear-gradient(135deg,#1890ff,#69c0ff)}.avatar--empty{background:linear-gradient(135deg,#c0c4cc,#dcdfe6)}.card__status,.status-pill{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3px;border-radius:11px;padding:3px 9px;font-size:11px;line-height:1.5;white-space:nowrap}.card__status i,.status-pill i{font-size:10px;margin-right:1px}.pill--present{background:#f0f9eb;color:#52c41a;border:1px solid #b7eb8f}.pill--progress{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.pill--leave{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.pill--notdone{background:#fff1f0;color:#ff4d4f;border:1px solid #ffccc7}.pill--empty,.pill--uncalled{background:#f4f4f5;color:#909399;border:1px solid #dcdfe6}.student-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}.student-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:12px 6px 9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;position:relative;cursor:pointer;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.04);box-shadow:0 1px 4px rgba(0,0,0,.04)}.card__menu{position:absolute;top:4px;right:6px;color:#c0c4cc;font-size:14px;padding:2px}.card__name{font-size:13px;font-weight:600;color:#303133;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__time{font-size:10px;color:#a8abb2}.card__status{width:100%;text-align:center;font-size:11px;padding:3px 0;border-radius:11px;font-weight:500}.card--done{border-top:3px solid #52c41a}.card--progress{border-top:3px solid #fa8c16}.card--notdone{border-top:3px solid #ff4d4f}.card--leave{border-top:3px solid #1890ff}.card--empty{border-top:3px solid #dcdfe6}.mini-dot{display:inline-block;width:7px;height:7px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.dot--done{background:#52c41a}.dot--progress{background:#fa8c16}.dot--notdone{background:#ff4d4f}.dot--leave{background:#1890ff}.dot--empty{background:#dcdfe6}.editor-student{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:16px}.editor-name{font-size:16px;font-weight:600;color:#303133}.editor-no{font-size:12px;color:#a8abb2;margin-top:2px}.editor-label{font-size:13px;color:#606266;margin:14px 0 8px;font-weight:500}.editor-readonly{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.editor-readonly__hint{font-size:12px;color:#c0c4cc}.editor-tip{font-size:11px;color:#c0c4cc;margin-top:6px}.editor-status-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;padding:9px 0;border-radius:8px;font-size:13px;cursor:pointer;border:1px solid #e4e7ed;color:#606266;background:#fff;-webkit-transition:all .18s;transition:all .18s}.status-option i{font-size:13px}.status-option.selected{font-weight:600}.opt--done.selected{background:#f0f9eb;color:#52c41a;border-color:#b7eb8f}.opt--progress.selected{background:#fff7e6;color:#fa8c16;border-color:#ffd591}.opt--notdone.selected{background:#fff1f0;color:#ff4d4f;border-color:#ffccc7}.opt--leave.selected{background:#e6f7ff;color:#1890ff;border-color:#91d5ff}.opt--empty.selected{background:#f4f4f5;color:#909399;border-color:#dcdfe6}.editor-subject-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.editor-subject-list,.editor-subject-row{display:-webkit-box;display:-ms-flexbox;display:flex}.editor-subject-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.editor-subject-name{font-size:13px;font-weight:500;color:#606266;width:56px;-ms-flex-negative:0;flex-shrink:0}@media (max-width:767px){.student-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.card__avatar{width:46px;height:46px;font-size:13px}.row__avatar{width:42px;height:42px;font-size:13px}.col-status,.row__status{width:78px}.col-remark,.row__remark{width:60px}.student-row{padding:10px 12px;gap:8px}.header-tools{-ms-flex-wrap:wrap;flex-wrap:wrap}.tool-date,.tool-select{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%}.editor-status-group{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.homework-page{max-width:900px;margin:0 auto}.student-grid{grid-template-columns:repeat(5,1fr);gap:10px}.header-tools{gap:12px}.tool-date,.tool-select{-webkit-box-flex:0;-ms-flex:none;flex:none;width:200px}}@media (min-width:1024px){.homework-page{max-width:1100px;margin:0 auto}.student-grid{grid-template-columns:repeat(6,1fr);gap:12px}.tool-date,.tool-select{-webkit-box-flex:0;-ms-flex:none;flex:none;width:220px}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 16px calc(14px + env(safe-area-inset-bottom, 0px));border-top:1px solid #f0f0f0;-webkit-box-shadow:0 -2px 12px rgba(0,0,0,.08);box-shadow:0 -2px 12px rgba(0,0,0,.08);z-index:200;isolation:isolate}.bottom-bar-inner{max-width:1100px;margin:0 auto}@media (max-width:1023px){.bottom-bar-inner{max-width:900px}}@media (max-width:767px){.bottom-bar-inner{max-width:none}}.bottom-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:8px}.batch-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;padding:9px 6px;color:#3a7bd5;border-color:#b3d4f7;background:#f0f7ff}.batch-btn--reset{color:#909399;border-color:#dcdfe6;background:#f4f4f5}.remark-input{margin-bottom:8px}.submit-btn{width:100%;height:44px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#3a7bd5,#5a9fd4);border:none;border-radius:22px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px}.submit-btn:hover:not(:disabled){opacity:.92}.submit-btn:disabled{background:#c0c4cc;border:none}.changed-badge{background:hsla(0,0%,100%,.3);border-radius:10px;padding:0 6px;font-size:11px;font-weight:700}.bottom-bar-spacer{height:calc(132px + env(safe-area-inset-bottom, 0px));pointer-events:none}.editor-subject-block{margin-top:14px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.editor-subject-head{margin-bottom:8px}.editor-subject-head strong{font-size:14px;color:#1e293b}.editor-subject-content{display:block;margin-top:4px;font-size:12px;color:#64748b;line-height:1.45}.photo-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:4px}.photo-add,.photo-item{width:64px;height:64px;border-radius:8px;position:relative;overflow:hidden;background:#f1f5f9}.photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;line-height:16px;padding:0;cursor:pointer}.photo-add{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px dashed #cbd5e1;color:#64748b;font-size:22px}.import-wrong-chk,.photo-add{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.import-wrong-chk{gap:6px;margin-top:8px;font-size:12px;color:#475569}