body{background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.study-plan-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}h2{color:#303133;margin-bottom:30px;font-weight:600}.calendar-container{border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.el-calendar-table td{padding:8px;position:relative}.el-calendar-table td.is-today{background-color:#ecf5ff}.el-calendar-table td.is-today .has-events,.has-events{background:linear-gradient(45deg,#409eff,#67c23a);color:#fff}.has-events{position:relative;border-radius:6px;cursor:pointer;transition:all .3s;padding:4px 8px;margin:2px;display:flex;align-items:center;justify-content:center;min-height:32px;font-weight:500}.has-events:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:hsla(0,0%,100%,.8);border-radius:50%}.has-events:hover{background:linear-gradient(45deg,#66b1ff,#85ce61);transform:translateY(-1px);box-shadow:0 2px 8px rgba(64,158,255,.3)}.has-events:hover:before{background-color:#fff}.el-calendar-table th{padding:12px;font-weight:600;color:#606266;background-color:#f8f9fa}.el-calendar__header{padding:0 0 20px 0;border-bottom:1px solid #ebeef5;margin-bottom:20px;.el-calendar__title{font-size:20px;font-weight:600;color:#303133}.el-calendar__button-group{.el-button{padding:8px 16px;border-radius:8px;font-weight:500;transition:all .3s;&:hover{transform:translateY(-2px)}}}}.el-calendar-table{th{padding:12px;font-weight:600;color:#606266;background:#f8f9fa}td{padding:8px;.cell{height:40px;display:flex;align-items:center;justify-content:center}}.has-events{position:relative;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;font-weight:500;cursor:pointer;transition:all .3s;&:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(64,158,255,.3)}&:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#409eff;border-radius:50%}}}.timeline-container{padding:20px}.timeline-item{position:relative;padding-left:40px;margin-bottom:30px;&:before{left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#409eff,#67c23a)}&:after,&:before{content:"";position:absolute}&:after{left:-8px;top:12px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #409eff;box-shadow:0 0 0 4px #ecf5ff}.timeline-content{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:all .3s;&:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.timeline-status{display:flex;align-items:center;gap:12px;margin-bottom:10px;min-height:32px}.timeline-status .el-tag{font-size:13px;border-radius:8px;padding:2px 12px;font-weight:500;letter-spacing:1px}.timeline-status .el-button{margin-left:8px;padding:4px 14px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 2px 8px rgba(103,194,58,.08);transition:all .2s}.timeline-status .finish-time{color:#67c23a;font-size:13px;margin-left:8px;font-weight:500}.timeline-time{font-size:16px;font-weight:600;color:#409eff;margin-bottom:12px}.timeline-type{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-right:12px;&.reading{background:#f0f9eb;color:#67c23a}&.exercise{background:#ecf5ff;color:#409eff}}}}.study-plan-dialog{.el-dialog__body{padding:30px}.el-form{.el-form-item{margin-bottom:24px;.el-form-item__label{font-size:15px;font-weight:500;color:#303133}.el-radio-group{.el-radio{margin-right:30px;padding:12px 20px;border-radius:8px;border:1px solid #dcdfe6;transition:all .3s;&.is-checked,&:hover{border-color:#409eff;background:#ecf5ff}.el-radio__label{font-size:14px}}}.el-cascader,.el-select,.el-time-picker{width:100%;.el-input__inner{height:44px;line-height:44px;border-radius:8px;border:1px solid #dcdfe6;transition:all .3s;&:focus,&:hover{border-color:#409eff}&:focus{box-shadow:0 0 0 2px rgba(64,158,255,.2)}}}.el-input-number{width:180px;.el-input__inner{height:44px;line-height:44px;border-radius:8px}}}}.dialog-footer{padding-top:20px;border-top:1px solid #ebeef5;text-align:right;.el-button{padding:12px 24px;font-size:15px;border-radius:8px;transition:all .3s;&--default{border:1px solid #dcdfe6;&:hover{border-color:#409eff;color:#409eff}}&--primary{background:linear-gradient(135deg,#409eff,#67c23a);border:none;box-shadow:0 4px 12px rgba(64,158,255,.2);&:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(64,158,255,.3)}}}}}.el-dialog{border-radius:12px;overflow:hidden}.el-dialog__header{background:#f8f9fa;padding:20px;border-bottom:1px solid #ebeef5}.el-dialog__title{font-weight:600;color:#303133}.el-dialog__body{padding:30px}.el-form-item__label{font-weight:500;color:#606266}.el-button,.el-input__inner{border-radius:6px}.el-button{padding:10px 20px}.el-button--primary{background:linear-gradient(45deg,#409eff,#67c23a);border:none}.el-button--primary:hover{background:linear-gradient(45deg,#66b1ff,#85ce61)}.el-calendar{background:transparent}.el-calendar__body,.el-calendar__header{padding:20px}.study-plan-dialog{.el-dialog__header{background:linear-gradient(135deg,#409eff,#67c23a);padding:20px 30px;border-bottom:none;.el-dialog__title{color:#fff;font-size:20px;font-weight:600}.el-dialog__headerbtn .el-dialog__close{color:#fff}}}.study-plan-container{padding:0;background:#f8f9fa;border-radius:0;box-shadow:none}.plan-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#fff;border-bottom:1px solid #ebeef5;.header-left{display:flex;align-items:center;gap:15px;h2{margin:0;font-size:22px;color:#303133}.study-count{color:#909399;font-size:14px}}.add-plan-btn{padding:12px 24px;font-size:15px;border-radius:8px;background:linear-gradient(135deg,#409eff,#67c23a);border:none;box-shadow:0 4px 12px rgba(64,158,255,.2);transition:all .3s;&:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(64,158,255,.3)}i{margin-right:6px}}}