2 lines
3.3 KiB
CSS
2 lines
3.3 KiB
CSS
.my-done[data-v-f17731f2]{width:100%;background:linear-gradient(135deg,#f0f7ff,#e6f5ff);min-height:100vh;padding:30px;position:relative}.page-container[data-v-f17731f2]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.main-card[data-v-f17731f2]{border-radius:20px;border:none;box-shadow:0 8px 32px #165dff1a;background:#fff;overflow:hidden}.card-header[data-v-f17731f2]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e4e7ed}.header-content[data-v-f17731f2]{display:flex;align-items:center;gap:24px}.page-title[data-v-f17731f2]{font-size:24px;font-weight:600;color:#303133;margin:0}.header-actions[data-v-f17731f2]{display:flex;align-items:center;gap:16px}.done-count[data-v-f17731f2]{font-size:14px;padding:6px 12px;border-radius:20px;background:#e6f9f0;color:#67c23a}.filter-section[data-v-f17731f2]{padding:20px 32px;background:#f8f9fa;border-bottom:1px solid #e4e7ed}.filter-form[data-v-f17731f2]{margin-bottom:0}.table-container[data-v-f17731f2]{padding:0 32px 32px}.el-table[data-v-f17731f2]{border-radius:12px;overflow:hidden}.el-table th[data-v-f17731f2]{background:#f0f7ff;color:#303133;font-weight:500;border-bottom:1px solid #e4e7ed}.el-table td[data-v-f17731f2]{padding:16px 0;border-bottom:1px solid #f0f7ff}.el-table td[data-v-f17731f2]:last-child{padding-right:24px}.action-buttons[data-v-f17731f2]{display:flex;gap:8px}.action-buttons .el-button[data-v-f17731f2]{padding:4px 8px;font-size:12px}.action-buttons .el-button[data-v-f17731f2]:hover{transform:translateY(-1px)}.track-dialog[data-v-f17731f2]{border-radius:16px}.track-info[data-v-f17731f2]{padding:0 10px}.track-desc[data-v-f17731f2]{margin-bottom:10px}.timeline-card[data-v-f17731f2]{padding:0;margin-bottom:16px;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.timeline-card[data-v-f17731f2]:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.timeline-card[data-v-f17731f2] .el-card__body{padding:14px}.step-header[data-v-f17731f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.step-name[data-v-f17731f2]{font-weight:600;font-size:14px;color:#303133}.step-detail[data-v-f17731f2]{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#606266}.step-remark[data-v-f17731f2]{color:#909399;font-style:italic}.my-done[data-v-f17731f2]:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,rgba(22,93,255,.03) 0%,transparent 100%);z-index:0}.my-done[data-v-f17731f2]:after{content:"";position:absolute;bottom:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(22,93,255,.05) 0%,transparent 70%);border-radius:50%;z-index:0}@media (max-width: 768px){.my-done[data-v-f17731f2]{padding:20px}.main-card[data-v-f17731f2]{margin:0 10px}.card-header[data-v-f17731f2]{padding:20px}.filter-section[data-v-f17731f2]{padding:16px}.table-container[data-v-f17731f2]{padding:0 16px 16px}.page-title[data-v-f17731f2]{font-size:20px}}[data-v-f17731f2]::-webkit-scrollbar{width:8px;height:8px}[data-v-f17731f2]::-webkit-scrollbar-track{background:#f0f7ff;border-radius:4px}[data-v-f17731f2]::-webkit-scrollbar-thumb{background:#165dff;border-radius:4px;transition:all .3s ease}[data-v-f17731f2]::-webkit-scrollbar-thumb:hover{background:#1a75ff;box-shadow:0 0 6px #165dff4d}
|