.view-subtasks-container[data-v-2ef577ca]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9f0fb);padding:20px;box-sizing:border-box;display:flex;flex-direction:column;height:100vh}.page-header[data-v-2ef577ca]{display:flex;align-items:center;gap:20px;margin-bottom:24px;background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 4px 24px 0 rgba(0,0,0,.07);position:sticky;top:0;z-index:10}.header-buttons[data-v-2ef577ca]{display:flex;gap:10px}.page-header h2[data-v-2ef577ca]{margin:0;flex:1;text-align:center;font-size:28px;font-weight:700;color:#222;letter-spacing:1px}.header-actions[data-v-2ef577ca]{align-items:center;gap:15px}.status-tag[data-v-2ef577ca]{font-weight:600;padding:6px 12px;border-radius:6px}.add-subtask-button[data-v-2ef577ca]{background:linear-gradient(135deg,#67c23a,#52c41a);border:none;border-radius:8px;font-weight:600;padding:10px 20px;box-shadow:0 4px 12px rgba(103,194,58,.3);transition:all .3s ease}.add-subtask-button[data-v-2ef577ca]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(103,194,58,.4);background:linear-gradient(135deg,#52c41a,#389e0d)}.content-wrapper[data-v-2ef577ca]{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 32px 0}.error-container[data-v-2ef577ca],.loading-container[data-v-2ef577ca]{max-width:1400px;margin:20px auto;padding:40px;border-radius:12px;background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.08);text-align:center}.loading-content[data-v-2ef577ca]{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-content i[data-v-2ef577ca]{font-size:48px;color:#409eff;animation:rotate-2ef577ca 2s linear infinite}.loading-content p[data-v-2ef577ca]{font-size:16px;color:#606266;margin:0}@keyframes rotate-2ef577ca{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-content[data-v-2ef577ca]{display:flex;flex-direction:column;align-items:center;gap:15px}.error-content i[data-v-2ef577ca]{font-size:48px;color:#f56c6c;margin-bottom:10px}.error-content h3[data-v-2ef577ca]{margin:0;color:#f56c6c;font-size:20px;font-weight:600}.error-content p[data-v-2ef577ca]{margin:0;color:#606266;font-size:14px;line-height:1.6}.main-content[data-v-2ef577ca]{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.parent-task-card[data-v-2ef577ca]{border-radius:12px;box-shadow:0 2px 16px 0 rgba(64,158,255,.06);border:none;background:linear-gradient(135deg,#e3f0ff,#f8fbff);border-left:5px solid #409eff}.parent-task-header[data-v-2ef577ca]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.parent-task-info[data-v-2ef577ca]{flex:1}.parent-task-name[data-v-2ef577ca]{margin:0 0 10px 0;font-size:24px;font-weight:700;color:#2c3e50;line-height:1.3}.parent-task-desc[data-v-2ef577ca]{color:#606266;line-height:1.6;margin:0;font-size:14px}.parent-task-status[data-v-2ef577ca]{flex-shrink:0}.status-tag-large[data-v-2ef577ca]{font-size:14px;font-weight:600;padding:8px 16px;border-radius:8px}.parent-task-meta[data-v-2ef577ca]{display:flex;gap:20px;flex-wrap:wrap}.meta-item[data-v-2ef577ca]{display:flex;align-items:center;gap:8px;color:#606266;font-size:14px}.meta-item i[data-v-2ef577ca]{color:#409eff;font-size:16px}.statistics-card[data-v-2ef577ca]{border-radius:12px;box-shadow:0 2px 16px 0 rgba(64,158,255,.06);border:none;background:linear-gradient(135deg,#f8fafd,#e9f0fb);border-left:5px solid #67c23a}.statistics-content[data-v-2ef577ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px 0}.stat-item[data-v-2ef577ca]{text-align:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.stat-item[data-v-2ef577ca]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-number[data-v-2ef577ca]{font-size:32px;font-weight:700;color:#409eff;margin-bottom:8px}.stat-label[data-v-2ef577ca]{font-size:14px;color:#606266;font-weight:500}.subtasks-list-card[data-v-2ef577ca]{border-radius:12px;box-shadow:0 2px 16px 0 rgba(64,158,255,.06);border:none}.card-header[data-v-2ef577ca]{display:flex;align-items:center;justify-content:space-between}.header-left[data-v-2ef577ca]{display:flex;align-items:center;gap:10px}.header-left i[data-v-2ef577ca]{color:#409eff;font-size:18px}.count-tag[data-v-2ef577ca]{margin-left:10px}.header-actions[data-v-2ef577ca]{display:flex;gap:10px}.empty-state[data-v-2ef577ca]{padding:60px 20px;text-align:center}.subtasks-grid[data-v-2ef577ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.subtask-item[data-v-2ef577ca]{border-radius:8px;border:1px solid #e1e8ed;cursor:pointer;transition:all .3s ease;background:#fff}.subtask-item[data-v-2ef577ca]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#409eff}.subtask-header[data-v-2ef577ca]{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px 20px;border-bottom:1px solid #f0f2f5}.subtask-title-section[data-v-2ef577ca]{display:flex;align-items:center;gap:12px;flex:1}.subtask-title-section i[data-v-2ef577ca]{font-size:18px}.subtask-name[data-v-2ef577ca]{font-size:16px;font-weight:600;color:#2c3e50;flex:1}.subtask-actions[data-v-2ef577ca]{display:flex;gap:8px}.subtask-content[data-v-2ef577ca]{padding:20px}.subtask-description[data-v-2ef577ca]{color:#606266;line-height:1.6;margin-bottom:20px;padding:15px;background:#f8fafd;border-radius:6px;border-left:4px solid #409eff}.subtask-info-grid[data-v-2ef577ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:20px}.info-item[data-v-2ef577ca]{display:flex;align-items:center;padding:12px 15px;background:#f8fafd;border-radius:6px;transition:all .3s ease}.info-item[data-v-2ef577ca]:hover{background:#e3f0ff}.info-item i[data-v-2ef577ca]{margin-right:8px;color:#409eff;font-size:14px}.label[data-v-2ef577ca]{color:#909399;margin-right:8px;font-size:13px;min-width:60px}.value[data-v-2ef577ca]{color:#606266;font-weight:500;margin-right:8px}.weight[data-v-2ef577ca]{color:#ff9800;font-weight:500;font-size:12px}.progress-value[data-v-2ef577ca]{color:#409eff;font-weight:600;font-size:16px}.subtask-progress-section[data-v-2ef577ca]{margin-bottom:15px}.subtask-timestamps[data-v-2ef577ca]{display:flex;gap:20px;font-size:12px;color:#909399}.timestamp[data-v-2ef577ca]{display:flex;align-items:center;gap:5px}.timestamp i[data-v-2ef577ca]{font-size:12px}.subtask-detail-dialog .el-dialog__body[data-v-2ef577ca]{padding:30px}.detail-content[data-v-2ef577ca]{max-height:70vh;overflow-y:auto}.detail-header[data-v-2ef577ca]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f2f5}.detail-title[data-v-2ef577ca]{margin:0;font-size:24px;font-weight:700;color:#2c3e50}.detail-description[data-v-2ef577ca]{margin-bottom:24px}.detail-description h4[data-v-2ef577ca]{margin:0 0 12px 0;font-size:16px;font-weight:600;color:#333;border-left:4px solid #409eff;padding-left:12px}.detail-description p[data-v-2ef577ca]{margin:0;line-height:1.6;color:#606266;padding:16px;background:#f8fafd;border-radius:6px;border-left:4px solid #409eff}.detail-info-section[data-v-2ef577ca],.detail-progress-section[data-v-2ef577ca],.detail-time-section[data-v-2ef577ca],.detail-timestamps[data-v-2ef577ca]{margin-bottom:24px}.detail-info-section h4[data-v-2ef577ca],.detail-progress-section h4[data-v-2ef577ca],.detail-time-section h4[data-v-2ef577ca],.detail-timestamps h4[data-v-2ef577ca]{margin:0 0 16px 0;font-size:16px;font-weight:600;color:#333;border-left:4px solid #409eff;padding-left:12px}.detail-info-grid[data-v-2ef577ca],.detail-time-grid[data-v-2ef577ca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-info-item[data-v-2ef577ca],.detail-time-item[data-v-2ef577ca]{display:flex;align-items:center;padding:12px 16px;background:#f8fafd;border-radius:6px;border-left:3px solid #409eff;transition:all .3s ease}.detail-info-item[data-v-2ef577ca]:hover,.detail-time-item[data-v-2ef577ca]:hover{background:#e3f0ff;transform:translateX(2px)}.info-label[data-v-2ef577ca],.time-label[data-v-2ef577ca]{color:#909399;font-weight:500;margin-right:12px;min-width:80px}.info-value[data-v-2ef577ca],.time-value[data-v-2ef577ca]{color:#606266;font-weight:600}.progress-display[data-v-2ef577ca]{padding:20px;background:#f8fafd;border-radius:8px;border-left:4px solid #409eff}.progress-text[data-v-2ef577ca]{display:block;margin-bottom:12px;font-size:16px;font-weight:600;color:#409eff}.timestamp-info[data-v-2ef577ca]{padding:16px;background:#f8fafd;border-radius:6px;border-left:4px solid #409eff}.timestamp-info p[data-v-2ef577ca]{margin:8px 0;color:#606266;display:flex;align-items:center;gap:8px}.timestamp-info i[data-v-2ef577ca]{color:#409eff;font-size:14px}.dialog-footer[data-v-2ef577ca]{text-align:right;padding-top:20px;border-top:1px solid #f0f2f5}@media screen and (max-width:1200px){.subtask-info-grid[data-v-2ef577ca],.subtasks-grid[data-v-2ef577ca]{grid-template-columns:1fr}}@media screen and (max-width:900px){.page-header[data-v-2ef577ca]{flex-direction:column;align-items:flex-start;gap:15px}.header-actions[data-v-2ef577ca]{align-self:flex-end}.page-header h2[data-v-2ef577ca]{font-size:24px}.parent-task-header[data-v-2ef577ca]{flex-direction:column;align-items:stretch;gap:15px}.parent-task-status[data-v-2ef577ca]{align-self:flex-start}.parent-task-meta[data-v-2ef577ca]{flex-direction:column;gap:10px}.subtask-header[data-v-2ef577ca]{flex-direction:column;align-items:flex-start;gap:15px}.subtask-actions[data-v-2ef577ca]{align-self:flex-end}.subtask-timestamps[data-v-2ef577ca]{flex-direction:column;gap:10px}}@media screen and (max-width:768px){.subtask-content[data-v-2ef577ca],.view-subtasks-container[data-v-2ef577ca]{padding:15px}.subtask-info-grid[data-v-2ef577ca]{gap:10px}.info-item[data-v-2ef577ca]{padding:10px 12px}.subtask-actions[data-v-2ef577ca]{width:100%;justify-content:flex-end}.statistics-content[data-v-2ef577ca]{grid-template-columns:repeat(2,1fr);gap:15px}.stat-item[data-v-2ef577ca]{padding:15px}.stat-number[data-v-2ef577ca]{font-size:24px}.detail-info-grid[data-v-2ef577ca],.detail-time-grid[data-v-2ef577ca]{grid-template-columns:1fr}}