.content.data-v-ddb9bfb8{padding:24rpx 24rpx 140rpx;background-color:#f8f9fb;min-height:100vh}.header-card.data-v-ddb9bfb8{background:linear-gradient(135deg,#fff,#fefefe);padding:32rpx;border-radius:24rpx;margin-bottom:24rpx;box-shadow:0 4rpx 16rpx rgba(0,0,0,.04)}.project-header.data-v-ddb9bfb8{display:flex;align-items:center;margin-bottom:24rpx}.project-icon-box.data-v-ddb9bfb8{width:80rpx;height:80rpx;background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:20rpx;display:flex;align-items:center;justify-content:center;margin-right:24rpx;box-shadow:0 4rpx 12rpx rgba(30,136,229,.3)}.project-title-wrapper.data-v-ddb9bfb8{flex:1}.project-title-wrapper .title.data-v-ddb9bfb8{font-size:34rpx;font-weight:600;color:#2c3e50;display:block;margin-bottom:8rpx}.project-tag.data-v-ddb9bfb8{display:inline-block;font-size:22rpx;color:#1e88e5;background:rgba(30,136,229,.1);padding:4rpx 16rpx;border-radius:8rpx}.project-divider.data-v-ddb9bfb8{height:1px;background-color:#f0f0f0;margin:24rpx 0}.project-info-grid.data-v-ddb9bfb8{display:flex;justify-content:space-between}.project-info-grid .info-item.data-v-ddb9bfb8{flex:1}.project-info-grid .info-item .label.data-v-ddb9bfb8{display:block;font-size:24rpx;color:#94a3b8;margin-bottom:8rpx}.project-info-grid .info-item .value.data-v-ddb9bfb8{font-size:28rpx;color:#475569;font-weight:500}.status-text.data-v-ddb9bfb8{color:#10b981!important}.tab-wrapper.data-v-ddb9bfb8{margin:0 -24rpx 24rpx}.tab-scroll.data-v-ddb9bfb8{white-space:nowrap}.tab-container.data-v-ddb9bfb8{display:inline-flex;padding:8rpx 24rpx}.tab-item.data-v-ddb9bfb8{padding:16rpx 32rpx;margin-right:20rpx;border-radius:100rpx;background:#fff;font-size:26rpx;color:#64748b;display:flex;align-items:center;border:1px solid #e2e8f0;transition:all .3s}.tab-item.active.data-v-ddb9bfb8{background:#1e88e5;color:#fff;border-color:#1e88e5;box-shadow:0 4rpx 12rpx rgba(30,136,229,.2)}.tab-count.data-v-ddb9bfb8{margin-left:8rpx;font-size:22rpx;opacity:.8}.action-bar.data-v-ddb9bfb8{display:flex;align-items:center;margin-bottom:24rpx;gap:20rpx}.search-box.data-v-ddb9bfb8{flex:1;height:80rpx;background:#fff;border-radius:100rpx;padding:0 32rpx;display:flex;align-items:center;border:1px solid #e2e8f0}.search-input.data-v-ddb9bfb8{flex:1;margin-left:12rpx;font-size:28rpx;color:#334155}.btn-group.data-v-ddb9bfb8{display:flex;gap:16rpx}.icon-btn.data-v-ddb9bfb8{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80rpx}.icon-btn text.data-v-ddb9bfb8{font-size:20rpx;color:#64748b;margin-top:4rpx}.task-list.data-v-ddb9bfb8{display:flex;flex-direction:column;gap:24rpx}.task-card.data-v-ddb9bfb8{background:#fff;border-radius:20rpx;display:flex;overflow:hidden;box-shadow:0 2rpx 12rpx rgba(0,0,0,.03);position:relative}.card-status-bar.data-v-ddb9bfb8{width:8rpx;background-color:#cbd5e1}.task-card.todo .card-status-bar.data-v-ddb9bfb8{background-color:#f59e0b}.task-card.finished .card-status-bar.data-v-ddb9bfb8{background-color:#10b981}.task-card.wait .card-status-bar.data-v-ddb9bfb8{background-color:#6366f1}.task-card.pending .card-status-bar.data-v-ddb9bfb8{background-color:#94a3b8}.card-content.data-v-ddb9bfb8{flex:1;padding:28rpx;display:flex;flex-direction:column}.card-main.data-v-ddb9bfb8{margin-bottom:24rpx}.card-header-row.data-v-ddb9bfb8{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16rpx}.task-name.data-v-ddb9bfb8{font-size:30rpx;font-weight:600;color:#1e293b;flex:1;margin-right:16rpx}.status-tag.data-v-ddb9bfb8{font-size:22rpx;padding:4rpx 16rpx;border-radius:6rpx}.status-tag.todo.data-v-ddb9bfb8{color:#f59e0b;background:rgba(245,158,11,.1)}.status-tag.finished.data-v-ddb9bfb8{color:#10b981;background:rgba(16,185,129,.1)}.status-tag.wait.data-v-ddb9bfb8{color:#6366f1;background:rgba(99,102,241,.1)}.status-tag.pending.data-v-ddb9bfb8{color:#64748b;background:rgba(100,116,139,.1)}.card-detail-row.data-v-ddb9bfb8{display:flex;flex-wrap:wrap;gap:24rpx}.detail-item.data-v-ddb9bfb8{display:flex;align-items:center;gap:8rpx;font-size:24rpx;color:#64748b}.card-actions.data-v-ddb9bfb8{display:flex;justify-content:flex-end;gap:16rpx;padding-top:24rpx;border-top:1px solid #f1f5f9}.action-btn-outline.data-v-ddb9bfb8,.action-btn-primary.data-v-ddb9bfb8,.action-btn-warn.data-v-ddb9bfb8{height:60rpx;padding:0 32rpx;border-radius:30rpx;display:flex;align-items:center;justify-content:center;font-size:24rpx;font-weight:500}.action-btn-outline.data-v-ddb9bfb8{border:1px solid #e2e8f0;color:#64748b}.action-btn-primary.data-v-ddb9bfb8{background-color:#1e88e5;color:#fff}.action-btn-warn.data-v-ddb9bfb8{background-color:#f59e0b;color:#fff}.custom-popup-mask.data-v-ddb9bfb8{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:999}.popup-content.data-v-ddb9bfb8{background:#fff;width:640rpx;border-radius:32rpx;overflow:hidden}.popup-header.data-v-ddb9bfb8{padding:32rpx;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.popup-title.data-v-ddb9bfb8{font-size:32rpx;font-weight:600;color:#1e293b}.popup-body.data-v-ddb9bfb8{padding:32rpx}.form-label.data-v-ddb9bfb8{font-size:26rpx;font-weight:500;color:#64748b;margin-bottom:16rpx}.popup-textarea.data-v-ddb9bfb8{width:100%;height:240rpx;background:#f8fafc;padding:24rpx;border-radius:16rpx;font-size:28rpx;color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0}.word-count.data-v-ddb9bfb8{font-size:22rpx;color:#94a3b8;text-align:right;margin-top:12rpx}.popup-footer.data-v-ddb9bfb8{padding:24rpx 32rpx 40rpx;display:flex;gap:24rpx}.btn-cancel.data-v-ddb9bfb8,.btn-confirm.data-v-ddb9bfb8{flex:1;height:88rpx;border-radius:44rpx;display:flex;align-items:center;justify-content:center;font-size:30rpx;font-weight:500}.btn-cancel.data-v-ddb9bfb8{background:#f1f5f9;color:#64748b}.btn-confirm.data-v-ddb9bfb8{background:#1e88e5;color:#fff}.loading-state.data-v-ddb9bfb8,.empty-state.data-v-ddb9bfb8{padding:100rpx 0;display:flex;flex-direction:column;align-items:center;gap:24rpx;color:#94a3b8;font-size:26rpx}.rotate.data-v-ddb9bfb8{animation:rotate-ddb9bfb8 1.5s linear infinite}@keyframes rotate-ddb9bfb8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
