.contract-list-container[data-v-b390b360]{padding:20px;background:#f5f7fa;min-height:100vh}.page-header[data-v-b390b360]{margin-bottom:20px}.header-content[data-v-b390b360]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 32px;border-radius:12px;color:#fff;box-shadow:0 4px 20px rgba(102,126,234,.3)}.header-left .page-title[data-v-b390b360]{margin:0 0 8px 0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px}.header-left .page-title i[data-v-b390b360]{font-size:28px}.header-left .page-subtitle[data-v-b390b360]{margin:0;opacity:.9;font-size:14px}.header-right[data-v-b390b360]{display:flex;gap:12px}.add-btn[data-v-b390b360],.refresh-btn[data-v-b390b360]{border:2px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-btn[data-v-b390b360]:hover,.refresh-btn[data-v-b390b360]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);color:#fff}.search-section[data-v-b390b360]{margin-bottom:20px}.search-card[data-v-b390b360]{border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,.1)}.search-content[data-v-b390b360]{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-left[data-v-b390b360]{flex:1;max-width:400px}.search-input[data-v-b390b360]{width:100%}.search-input[data-v-b390b360] .el-input__inner{border-radius:8px;border:2px solid #e4e7ed;padding-left:40px}.search-input[data-v-b390b360] .el-input__inner:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.search-right[data-v-b390b360]{display:flex;gap:12px}.search-btn[data-v-b390b360]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:10px 20px}.clear-btn[data-v-b390b360]{border:2px solid #e4e7ed;color:#606266;border-radius:8px;padding:10px 20px}.clear-btn[data-v-b390b360]:hover{border-color:#c0c4cc;color:#409eff}.table-section[data-v-b390b360]{margin-bottom:20px}.table-card[data-v-b390b360]{border-radius:12px;border:none;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.contract-table[data-v-b390b360]{border-radius:8px;overflow:hidden}.contract-table[data-v-b390b360] .el-table__header{background:#f8f9fa}.contract-table[data-v-b390b360] .el-table__header th{background:#f8f9fa;color:#2c3e50;font-weight:600;border-bottom:2px solid #e9ecef}.contract-table[data-v-b390b360] .el-table__row:hover{background:#f8f9fa}.title-cell[data-v-b390b360]{display:flex;align-items:center;gap:8px}.title-cell i[data-v-b390b360]{color:#667eea;font-size:16px}.title-text[data-v-b390b360]{font-weight:500;color:#2c3e50}.time-cell[data-v-b390b360]{display:flex;align-items:center;gap:8px;color:#606266;font-size:13px}.time-cell i[data-v-b390b360]{color:#909399}.price-text[data-v-b390b360]{display:flex;align-items:center;gap:4px;color:#e6a23c;font-weight:600}.price-text i[data-v-b390b360]{color:#e6a23c}.action-buttons[data-v-b390b360]{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.action-btn[data-v-b390b360]{border-radius:6px;font-size:12px;padding:6px 12px;border-width:1px}.pagination-wrapper[data-v-b390b360]{display:flex;justify-content:center;margin-top:20px;padding:20px 0}.preview-dialog[data-v-b390b360] .el-dialog{border-radius:12px;overflow:hidden}.preview-dialog[data-v-b390b360] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;margin:0}.preview-dialog[data-v-b390b360] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.preview-dialog[data-v-b390b360] .el-dialog__close{color:#fff;font-size:20px}.preview-dialog[data-v-b390b360] .el-dialog__close:hover{color:#f0f0f0}.preview-content[data-v-b390b360]{padding:24px}.preview-header[data-v-b390b360]{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.preview-header h3[data-v-b390b360]{font-size:20px;color:#2c3e50;margin:0 0 12px 0}.preview-meta[data-v-b390b360]{display:flex;gap:24px;flex-wrap:wrap}.meta-item[data-v-b390b360]{display:flex;align-items:center;gap:6px;color:#606266;font-size:14px}.meta-item i[data-v-b390b360]{color:#667eea}.preview-body[data-v-b390b360]{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.file-preview[data-v-b390b360]{margin-bottom:20px}.file-info[data-v-b390b360]{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #e4e7ed}.file-info i[data-v-b390b360]{color:#667eea;font-size:18px}.content-preview h4[data-v-b390b360]{color:#2c3e50;margin:0 0 12px 0;font-size:16px}.content-html[data-v-b390b360]{background:#fff;padding:16px;border-radius:6px;border:1px solid #e4e7ed;max-height:400px;overflow-y:auto;line-height:1.6}@media (max-width:768px){.contract-list-container[data-v-b390b360]{padding:12px}.header-content[data-v-b390b360]{flex-direction:column;gap:16px;text-align:center}.search-content[data-v-b390b360]{flex-direction:column;gap:12px}.search-left[data-v-b390b360]{max-width:100%}.action-buttons[data-v-b390b360]{flex-direction:column;gap:4px}.preview-meta[data-v-b390b360]{flex-direction:column;gap:8px}}.form-dialog[data-v-b390b360] .el-dialog{border-radius:12px;overflow:hidden}.form-dialog[data-v-b390b360] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;margin:0}.form-dialog[data-v-b390b360] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.form-dialog[data-v-b390b360] .el-dialog__close{color:#fff!important;font-size:20px!important}.form-dialog[data-v-b390b360] .el-dialog__body{padding:24px}.form-dialog[data-v-b390b360] .el-dialog__footer{padding:20px 24px;background:#f8f9fa;border-top:1px solid #e9ecef}.page-top[data-v-b390b360]{margin-top:15px}.el_input[data-v-b390b360]{width:475px}