.video-clipper-container[data-v-ea7566da]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-ea7566da]{text-align:center;margin-bottom:30px}.page-header h1[data-v-ea7566da]{font-size:2.5em;color:#2c3e50;margin-bottom:10px;font-weight:600}.page-description[data-v-ea7566da]{font-size:1.1em;color:#7f8c8d;margin:0}.modern-card[data-v-ea7566da]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden;border:1px solid #f0f0f0}.card-header[data-v-ea7566da]{padding:24px 24px 16px;border-bottom:1px solid #f5f5f5}.card-header h3[data-v-ea7566da]{margin:0 0 8px 0;font-size:1.3em;color:#2c3e50;font-weight:600}.card-header p[data-v-ea7566da]{margin:0;color:#7f8c8d;font-size:.95em}.upload-area[data-v-ea7566da]{padding:24px}.upload-content[data-v-ea7566da]{text-align:center;padding:60px 20px}.upload-content i[data-v-ea7566da]{font-size:3em;color:#409eff;margin-bottom:16px}.upload-text[data-v-ea7566da]{font-size:1.1em;color:#606266;margin-bottom:8px}.upload-text em[data-v-ea7566da]{color:#409eff;font-style:normal}.upload-hint[data-v-ea7566da]{color:#909399;font-size:.9em}.uploaded-video[data-v-ea7566da]{text-align:center;padding:20px}.uploaded-video video[data-v-ea7566da]{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.video-info[data-v-ea7566da]{margin-top:16px;color:#606266}.video-info p[data-v-ea7566da]{margin:4px 0}.time-segments[data-v-ea7566da]{padding:24px}.segment-item[data-v-ea7566da]{border:1px solid #e4e7ed;border-radius:8px;padding:20px;margin-bottom:16px;background:#fafbfc}.segment-header[data-v-ea7566da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.segment-title[data-v-ea7566da]{font-weight:600;color:#2c3e50;font-size:1.1em}.segment-controls[data-v-ea7566da]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.time-input-group[data-v-ea7566da]{display:flex;flex-direction:column;gap:8px}.time-input-group label[data-v-ea7566da]{font-weight:600;color:#2c3e50;font-size:.95em}.time-inputs[data-v-ea7566da]{display:flex;align-items:center;gap:8px}.time-inputs span[data-v-ea7566da]{font-weight:700;color:#606266}.segment-info[data-v-ea7566da]{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #e4e7ed}.duration[data-v-ea7566da]{font-weight:600;color:#2c3e50}.status.valid[data-v-ea7566da]{color:#67c23a;font-weight:600}.status.invalid[data-v-ea7566da]{color:#f56c6c;font-weight:600}.segment-preview[data-v-ea7566da]{text-align:center}.add-segment[data-v-ea7566da]{text-align:center;padding:20px;border:2px dashed #d3dce6;border-radius:8px;background:#fafbfc}.output-settings[data-v-ea7566da]{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.setting-item[data-v-ea7566da]{display:flex;flex-direction:column;gap:8px}.setting-item label[data-v-ea7566da]{font-weight:600;color:#2c3e50;font-size:.95em}.progress-info[data-v-ea7566da]{padding:24px}.progress-text[data-v-ea7566da]{text-align:center;margin-top:16px;color:#606266;font-weight:500}.action-buttons[data-v-ea7566da]{text-align:center;margin:30px 0}.action-buttons .el-button[data-v-ea7566da]{margin:0 8px}.usage-tips[data-v-ea7566da]{padding:24px}.tip-item[data-v-ea7566da]{display:flex;align-items:center;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px}.tip-item[data-v-ea7566da]:last-child{margin-bottom:0}.tip-icon[data-v-ea7566da]{font-size:1.2em;margin-right:12px;min-width:24px}.tip-text[data-v-ea7566da]{color:#5a6c7d;line-height:1.5}@media (max-width:768px){.video-clipper-container[data-v-ea7566da]{padding:15px}.page-header h1[data-v-ea7566da]{font-size:2em}.output-settings[data-v-ea7566da],.segment-controls[data-v-ea7566da]{grid-template-columns:1fr;gap:16px}.action-buttons .el-button[data-v-ea7566da]{margin:4px;width:calc(50% - 8px)}}@media (max-width:480px){.time-inputs[data-v-ea7566da]{flex-wrap:wrap;gap:4px}.segment-info[data-v-ea7566da]{flex-direction:column;gap:8px;text-align:center}.action-buttons .el-button[data-v-ea7566da]{width:100%;margin:4px 0}}