.bg-wrap[data-v-be4e26ec]{position:relative;height:60vh;min-height:400px;overflow:hidden}.todo-image[data-v-be4e26ec]{width:100%;height:100%;position:absolute;top:0;left:0}.todo-header[data-v-be4e26ec]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2}.todo-title h1[data-v-be4e26ec]{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.todo-title p[data-v-be4e26ec]{font-size:1.2rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.todo-container[data-v-be4e26ec]{padding:2rem 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:40vh}.todo-content[data-v-be4e26ec]{max-width:1600px;margin:0 auto;padding:0 2rem}.todo-grid-layout[data-v-be4e26ec]{display:flex;gap:3rem;margin-top:2rem;align-items:flex-start}.left-panel[data-v-be4e26ec]{width:700px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem}.right-panel[data-v-be4e26ec]{flex:1;min-width:1200px;display:flex;flex-direction:column;gap:1.5rem}.grid-item[data-v-be4e26ec]{width:100%}.add-todo-wrap[data-v-be4e26ec]{display:none}.shadow-box[data-v-be4e26ec]{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.shadow-box-mini[data-v-be4e26ec]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.left-panel .overview-section[data-v-be4e26ec]{min-height:280px;padding:0}.left-panel .process-section[data-v-be4e26ec]{min-height:320px;max-height:400px}.overview-title[data-v-be4e26ec],.process-title[data-v-be4e26ec]{font-size:18px;font-weight:700;color:#303133;margin-bottom:0;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #ebeef5;padding:1.5rem}.timeline-title[data-v-be4e26ec]{font-size:18px;font-weight:700;color:#303133;display:flex;align-items:center;justify-content:space-between}.timeline-title-left[data-v-be4e26ec]{display:flex;align-items:center;gap:.5rem}.timeline-title-right[data-v-be4e26ec]{display:flex;align-items:center}.add-todo-btn-header[data-v-be4e26ec]{padding:8px 16px;font-size:14px;border-radius:20px;box-shadow:0 2px 8px rgba(64,158,255,.3);transition:all .3s ease}.add-todo-btn-header[data-v-be4e26ec]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.4)}.add-todo-btn-empty[data-v-be4e26ec]{margin-top:1rem;padding:12px 24px;font-size:16px;border-radius:25px;box-shadow:0 4px 12px rgba(64,158,255,.3)}.overview-cards[data-v-be4e26ec]{display:flex;gap:1rem;margin-top:0;padding:1.5rem}.overview-card[data-v-be4e26ec]{flex:1;display:flex;align-items:center;padding:1.5rem;border-radius:40px;transition:transform .3s ease}.overview-card[data-v-be4e26ec]:hover{transform:translateY(-2px)}.card-icon[data-v-be4e26ec]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;margin-right:.8rem;margin-top:8px}.overdue-icon[data-v-be4e26ec]{background:linear-gradient(135deg,#f56c6c,#f78989)}.pending-icon[data-v-be4e26ec]{background:linear-gradient(135deg,#409eff,#66b1ff)}.completed-icon[data-v-be4e26ec]{background:linear-gradient(135deg,#67c23a,#85ce61)}.card-content[data-v-be4e26ec]{flex:1;min-width:60px}.card-number[data-v-be4e26ec]{font-size:22px;font-weight:700;color:#303133;line-height:1;margin-bottom:.3rem}.card-label[data-v-be4e26ec]{font-size:13px;color:#909399;white-space:nowrap}.process-section[data-v-be4e26ec]{display:flex;flex-direction:column;height:250px}.process-title[data-v-be4e26ec]{padding:1.5rem;border-bottom:1px solid #ebeef5}.process-list[data-v-be4e26ec]{padding:1rem 0;max-height:280px;overflow-y:auto}.process-list[data-v-be4e26ec]::-webkit-scrollbar{width:4px}.process-list[data-v-be4e26ec]::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}.process-list[data-v-be4e26ec]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:2px}.process-item[data-v-be4e26ec]{padding:.8rem 1.5rem;border-bottom:1px solid #ebeef5;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center}.process-item[data-v-be4e26ec]:last-child{border-bottom:none}.process-item[data-v-be4e26ec]:hover{background-color:#f5f7fa}.process-content[data-v-be4e26ec]{flex:1;min-width:0}.process-item-title[data-v-be4e26ec]{font-size:16px;font-weight:500;color:#303133;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-item-time[data-v-be4e26ec]{font-size:13px;display:flex;align-items:center;gap:.3rem}.overdue-time[data-v-be4e26ec]{color:#f56c6c}.pending-time[data-v-be4e26ec]{color:#409eff}.process-actions[data-v-be4e26ec]{display:flex;gap:.5rem}.timeline-section[data-v-be4e26ec]{display:flex;flex-direction:column;overflow:hidden;height:400px}.right-panel .timeline-section[data-v-be4e26ec]{height:calc(920px + 3rem);min-height:calc(920px + 3rem);max-height:calc(920px + 4rem);width:100%}.timeline-title[data-v-be4e26ec]{padding:1.5rem;border-bottom:1px solid #ebeef5;margin-bottom:0}.timeline-wrapper[data-v-be4e26ec]{flex:1;overflow:hidden;position:relative}.timeline-scroll-area[data-v-be4e26ec]{height:calc(100% - 80px);padding:4rem 3rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.right-panel .timeline-scroll-area[data-v-be4e26ec]{height:calc(100% - 80px);padding:4rem 2.5rem}.timeline-scroll-area[data-v-be4e26ec]::-webkit-scrollbar{width:6px}.timeline-scroll-area[data-v-be4e26ec]::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.timeline-scroll-area[data-v-be4e26ec]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#409eff,#66b1ff);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.timeline-scroll-area[data-v-be4e26ec]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#337ecc,#409eff)}.timeline[data-v-be4e26ec]{position:relative;animation:fadeInUp-be4e26ec .6s ease-out}@keyframes fadeInUp-be4e26ec{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-item[data-v-be4e26ec]{display:flex;margin-bottom:3rem;position:relative}.timeline-node[data-v-be4e26ec]{position:relative;margin-right:3rem;display:flex;flex-direction:column;align-items:center}.timeline-dot[data-v-be4e26ec]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:2}.timeline-dot.completed[data-v-be4e26ec]{background:linear-gradient(135deg,#67c23a,#85ce61)}.timeline-dot.pending[data-v-be4e26ec]{background:linear-gradient(135deg,#409eff,#66b1ff)}.timeline-dot.overdue[data-v-be4e26ec]{background:linear-gradient(135deg,#f56c6c,#f78989)}.timeline-line[data-v-be4e26ec]{width:2px;height:60px;background:linear-gradient(180deg,#e4e7ed,#c0c4cc);margin-top:8px}.timeline-content[data-v-be4e26ec]{flex:1;padding:2rem 3rem;transition:all .3s ease;min-width:0}.timeline-content[data-v-be4e26ec]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.todo-header-info[data-v-be4e26ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.todo-meta[data-v-be4e26ec]{display:flex;align-items:center;gap:.5rem}.todo-date[data-v-be4e26ec]{color:#909399;font-size:12px}.todo-priority[data-v-be4e26ec]{padding:1px 6px;border-radius:10px;font-size:12px;font-weight:700}.priority-1[data-v-be4e26ec]{background:#e1f3d8;color:#67c23a}.priority-2[data-v-be4e26ec]{background:#ecf5ff;color:#409eff}.priority-3[data-v-be4e26ec]{background:#fef0f0;color:#f56c6c}.todo-actions[data-v-be4e26ec]{display:flex;gap:.3rem}.completed-btn[data-v-be4e26ec]{color:#67c23a!important}.delete-btn[data-v-be4e26ec]{color:#f56c6c!important}.todo-title-text[data-v-be4e26ec]{font-size:16px;font-weight:700;color:#303133;margin-bottom:.5rem;transition:all .3s ease;line-height:1.4}.completed-text[data-v-be4e26ec]{text-decoration:line-through;color:#909399}.todo-description[data-v-be4e26ec]{color:#606266;line-height:1.6;margin-bottom:.5rem;font-size:14px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.todo-due-date[data-v-be4e26ec]{color:#909399;font-size:12px;display:flex;align-items:center;gap:.3rem}.overdue-text[data-v-be4e26ec]{color:#f56c6c;font-weight:700}.empty-state[data-v-be4e26ec]{text-align:center;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-column:span 2}.empty-icon[data-v-be4e26ec]{font-size:4rem;margin-bottom:1rem}.empty-text[data-v-be4e26ec]{font-size:1.5rem;color:#606266;margin-bottom:.5rem}.empty-desc[data-v-be4e26ec]{color:#909399;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width:1800px){.right-panel[data-v-be4e26ec]{min-width:1200px}.right-panel .timeline-section[data-v-be4e26ec]{height:calc(920px + 3rem);min-height:calc(920px + 3rem);max-height:calc(920px + 4rem)}}@media (max-width:1600px){.todo-content[data-v-be4e26ec]{max-width:1400px;padding:0 1.5rem}.right-panel[data-v-be4e26ec]{min-width:1000px}.right-panel .timeline-section[data-v-be4e26ec]{height:calc(920px + 3rem);min-height:calc(920px + 3rem);max-height:calc(920px + 4rem)}}@media (max-width:1400px){.todo-content[data-v-be4e26ec]{max-width:1200px}.left-panel[data-v-be4e26ec]{width:600px}.right-panel[data-v-be4e26ec]{min-width:800px}.right-panel .timeline-section[data-v-be4e26ec]{height:calc(920px + 3rem);min-height:calc(920px + 3rem);max-height:calc(920px + 4rem)}.todo-grid-layout[data-v-be4e26ec]{gap:2rem}}@media (max-width:1200px){.left-panel[data-v-be4e26ec]{width:500px}.right-panel[data-v-be4e26ec]{min-width:500px}}@media (max-width:992px){.todo-grid-layout[data-v-be4e26ec]{flex-direction:column}.left-panel[data-v-be4e26ec]{width:100%;flex-direction:row;flex-wrap:wrap}.left-panel .grid-item[data-v-be4e26ec]{flex:1;min-width:300px}.right-panel[data-v-be4e26ec]{width:100%;min-width:auto}.right-panel .timeline-section[data-v-be4e26ec]{height:80vh;min-height:500px;max-height:800px}.timeline-scroll-area[data-v-be4e26ec]{padding:3rem 2rem}.timeline-item[data-v-be4e26ec]{margin-bottom:2.5rem}.timeline-line[data-v-be4e26ec]{height:40px}.timeline-section[data-v-be4e26ec]{max-width:100%}.empty-state[data-v-be4e26ec]{grid-column:span 1}.overview-cards[data-v-be4e26ec]{flex-wrap:wrap}.overview-card[data-v-be4e26ec]{flex:0 0 calc(33.33% - 1rem)}}@media (max-width:768px){.todo-title h1[data-v-be4e26ec]{font-size:2rem}.todo-title p[data-v-be4e26ec]{font-size:1rem}.left-panel[data-v-be4e26ec]{flex-direction:column}.left-panel .grid-item[data-v-be4e26ec]{width:100%}.overview-cards[data-v-be4e26ec]{flex-direction:column}.overview-card[data-v-be4e26ec]{flex:none}.timeline-item[data-v-be4e26ec]{flex-direction:column}.timeline-node[data-v-be4e26ec]{margin-right:0;margin-bottom:.5rem;flex-direction:row;justify-content:flex-start}.timeline-line[data-v-be4e26ec]{width:40px;height:2px;margin-top:0;margin-left:8px}.todo-header-info[data-v-be4e26ec]{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-title[data-v-be4e26ec]{flex-direction:column;gap:1rem;align-items:flex-start}.add-todo-btn-header[data-v-be4e26ec],.timeline-title-right[data-v-be4e26ec]{width:100%;justify-content:center}}#bannerWave1[data-v-be4e26ec]{height:84px;background:var(--bannerWave1);width:200%;z-index:10}#bannerWave1[data-v-be4e26ec],#bannerWave2[data-v-be4e26ec]{position:absolute;bottom:0;animation:gradientBG 120s linear infinite}#bannerWave2[data-v-be4e26ec]{height:100px;background:var(--bannerWave2);width:400%;z-index:5}