.contract-type-container[data-v-18f4a21c]{padding:24px;background-color:#f5f7fa;min-height:100vh}.page-header[data-v-18f4a21c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.page-title[data-v-18f4a21c]{font-size:24px;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:8px}.page-title i[data-v-18f4a21c]{color:#409eff;font-size:26px}.refresh-btn[data-v-18f4a21c]{color:#409eff;font-size:14px;transition:color .3s}.refresh-btn[data-v-18f4a21c]:hover{color:#66b1ff}.action-section[data-v-18f4a21c]{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.search-area[data-v-18f4a21c]{flex:1;max-width:400px}.search-input[data-v-18f4a21c]{width:100%}.button-area[data-v-18f4a21c]{display:flex;gap:12px}.add-btn[data-v-18f4a21c]{font-weight:500;padding:10px 20px}.table-section[data-v-18f4a21c]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.data-table[data-v-18f4a21c]{border-radius:8px;overflow:hidden}.data-table[data-v-18f4a21c] .el-table__header{background:#f8f9fa}.data-table[data-v-18f4a21c] .el-table__header th{background:#f8f9fa;color:#2c3e50;font-weight:600;border-bottom:2px solid #e9ecef}.data-table[data-v-18f4a21c] .el-table__body tr:hover{background:#f8f9fa}.type-name[data-v-18f4a21c]{display:flex;align-items:center;gap:8px}.type-name i[data-v-18f4a21c]{color:#409eff;font-size:16px}.type-name span[data-v-18f4a21c]{font-weight:500;color:#2c3e50}.time-info[data-v-18f4a21c]{display:flex;align-items:center;justify-content:center;gap:6px;color:#606266}.time-info i[data-v-18f4a21c]{color:#909399}.pagination-wrapper[data-v-18f4a21c]{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.page-top[data-v-18f4a21c]{margin-top:15px}.el_input[data-v-18f4a21c]{width:475px}@media (max-width:768px){.contract-type-container[data-v-18f4a21c]{padding:16px}.page-header[data-v-18f4a21c]{flex-direction:column;gap:16px;text-align:center}.action-section[data-v-18f4a21c]{flex-direction:column;align-items:stretch}.search-area[data-v-18f4a21c]{max-width:none}.button-area[data-v-18f4a21c]{justify-content:center}.action-buttons[data-v-18f4a21c]{gap:4px}.action-btn[data-v-18f4a21c]{font-size:11px;padding:4px 6px}}.action-buttons[data-v-18f4a21c]{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.action-btn[data-v-18f4a21c]{font-size:12px;padding:5px 8px;border-radius:4px;transition:all .3s}.action-btn[data-v-18f4a21c]:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.el-button--primary[data-v-18f4a21c]:hover{background:#66b1ff;border-color:#66b1ff}.el-button--success[data-v-18f4a21c]:hover{background:#85ce61;border-color:#85ce61}.el-button--danger[data-v-18f4a21c]:hover{background:#f78989;border-color:#f78989}.template-status[data-v-18f4a21c]{display:flex;justify-content:center;align-items:center}.template-upload-area[data-v-18f4a21c]{width:100%}.upload-section[data-v-18f4a21c]{text-align:center;padding:20px;border:2px dashed #d9d9d9;border-radius:8px;background-color:#fafafa;transition:border-color .3s}.upload-section[data-v-18f4a21c]:hover{border-color:#409eff}.template-uploader[data-v-18f4a21c]{display:block;margin-bottom:10px}.upload-tip[data-v-18f4a21c]{display:flex;align-items:center;justify-content:center;gap:6px;color:#909399;font-size:12px;margin-top:8px}.upload-tip i[data-v-18f4a21c]{color:#409eff}.uploaded-file[data-v-18f4a21c]{border:1px solid #e4e7ed;border-radius:8px;padding:16px;background-color:#f8f9fa}.file-info[data-v-18f4a21c]{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.file-info i[data-v-18f4a21c]{color:#409eff;font-size:18px}.file-name[data-v-18f4a21c]{font-weight:500;color:#2c3e50;flex:1}.file-size[data-v-18f4a21c]{color:#909399;font-size:12px}.file-actions[data-v-18f4a21c]{display:flex;gap:12px;flex-wrap:wrap}.file-actions .el-button--text[data-v-18f4a21c]{padding:4px 8px;font-size:12px;margin:0}.danger-text[data-v-18f4a21c]{color:#f56c6c!important}.danger-text[data-v-18f4a21c]:hover{color:#f78989!important}@media (max-width:768px){.file-actions[data-v-18f4a21c]{justify-content:center}.file-info[data-v-18f4a21c]{flex-direction:column;text-align:center;gap:4px}}