.content .content-block {max-width: 800px;}

.form-enter {background: white;border-radius: 5px;padding: 1.5em;/* margin-bottom: 1.5em; */box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.form-enter div.form-group:nth-of-type(1) {margin-top: 0;}
.form-group {margin-top: 1.25em;}
.form-section {background: white;border-radius: 5px;padding: 1.5em;margin-bottom: 1.5em;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.form-section:last-child {margin-bottom: 0;}
.form-group {margin-top: 1.25em;}
.form-row {display: flex;flex-wrap: wrap;margin: 0 -0.625em;}
.form-col {flex: 1;padding: 0 0.625em;min-width: 250px;}
.form-col-full {width: 100%;}
label {display: block;font-weight: bold;margin-bottom: 0.3em;color: #333;}
label .important{color: #c62828;font-size: 1.5em;vertical-align: top;height: 1em;display: inline-block;}
input[type="text"],input[type="email"],input[type="date"],select,textarea {width: 100%;padding: 0.625em;border: 1px solid #ddd;border-radius: 4px;box-sizing: border-box;font-family: inherit;font-size: 1em;transition: border 0.3s ease;}
input[type="text"]:focus,input[type="email"]:focus,input[type="date"]:focus,select:focus,textarea:focus {border: #c62828;outline: none;box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.2);}
.checkbox-group,.radio-group {margin: 0.5em 0;}
.checkbox-group input,.radio-group input {margin-right: 0.5em;}
.checkbox-group label,.radio-group label {font-weight: normal;display: inline;color: #333;}
.submit-group {display: flex;justify-content: space-between;align-items: center;gap:  0.625em;}
.submit-btn {background: #c62828;color: white;padding: 0.667em 1.5em;text-decoration: none;border-radius: 4px;font-weight: bold;transition: background 0.3s ease;border: none;font-size: 1em;cursor: pointer;width: 100%;text-align: center;max-width: 320px;display: block;margin: 0 auto;}
.submit-btn:hover {background: #b71c1c;color: white;}
.cancel-btn {background: #6c757d;}
.cancel-btn:hover {background: #5a6268;}
.note-box {margin-top: 1em;padding: 0.625em;background: #fff3cd;border: 1px solid #ffeaa7;border-radius: 4px;}
.note-box.style2 {background: #b7e0ff;border: 1px solid #b7e0ff;}

.modal .copy-btn{background: #0096fa;margin-left: 0.5em;vertical-align: super;}
.modal .copy-btn:hover {background: #007acc;}

.registration-history {background: white;border-radius: 5px;padding: 1.5em;/* margin-bottom: 1.5em; */box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.registration-history h3 {margin-top: 0;}
.registration-history .registration-list {list-style-type: none;padding: 0;margin-left: 0!important;}
.registration-history li {padding: 0.5em 0;border-bottom: 1px solid #eee;margin: 0;display: flex;justify-content: space-between;align-items: center;font-size: 1em;}
.registration-history li:last-child {border-bottom: none;padding-bottom: 0;}
.registration-history .registration-id {/* font-family: monospace; */font-weight: bold;background: unset;border: none;cursor: pointer;display: block;margin-top: 0.1em;font-size: 1em;color: #2f64a5;}
.registration-history .registration-time {/* font-size: 0.8em; */color: #666;margin: 0 10px;white-space: nowrap;}
.registration-history .delete-id-btn {float: right;background: #dc3545;color: white;border: none;border-radius: 4px;cursor: pointer;padding: 0.2em 0.4em;font-size: 1em;margin-left: auto;}
.registration-history .delete-id-btn:hover {background: #c82333;}

/* 文件上传区域样式 */
.file-upload-area .drop-zone {border: 2px dashed #ccc;border-radius: 0.5em;padding: 2em 1em;text-align: center;transition: all 0.3s ease;background: #f9f9f9;cursor: pointer;}
.file-upload-area .drop-zone:hover, .drop-zone.dragover {border-color: #4CAF50;background: #f0f8f0;}
.file-upload-area .upload-icon {font-size: 3em;margin-bottom: 0.333em;}
.file-upload-area .drop-text {font-size: 1.2em;margin-bottom: 0.5em;color: #333;}
.file-upload-area .browse-link {color: #4CAF50;text-decoration: underline;cursor: pointer;}
.file-upload-area .drop-hint {font-size: 0.8em;color: #666;margin-bottom: 0;}
/* 文件列表样式 */
.file-upload-area .file-list {margin-top: 1em;}
.file-upload-area .file-item {display: flex;align-items: center;padding: 0.5em;border: 1px solid #e0e0e0;border-radius: 8px;margin-top: 0.5em;background: #fff;transition: all 0.3s ease;justify-content: space-between;gap: 1em;position: relative;overflow: hidden;}
.file-upload-area .file-item:hover {/* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */}
.file-upload-area .file-preview {width: 4em;height: 4em;display: flex;align-items: center;justify-content: center;/* margin-right: 15px; */border-radius: 4px;overflow: hidden;background: #f5f5f5;z-index: 2;}
.file-upload-area .file-preview img {max-width: 100%;max-height: 100%;object-fit: contain;}
.file-upload-area .file-preview .file-icon {font-size: 1.5em;}
.file-upload-area .file-info {flex: 1;/* width: 100%; */z-index: 2;}
.file-upload-area .file-name {font-weight: bold;margin-bottom: 0.3em;word-break: break-all;}
.file-upload-area .file-meta {display: flex;align-items: center;gap: 1em;font-size: 0.8em;color: #666;justify-content: space-between;}
.file-upload-area .file-size {/* font-size: 12px; */color: #666;}
.file-upload-area .file-progress {width: 100%;/* background: #f0f0f0; *//* border-radius: 3px; *//* margin-top: 8px; */overflow: hidden;position: absolute;left: 0;top: 0;height: 100%;}
.file-upload-area .progress-bar {height: 100%;background: #4cae4f4d;width: 0%;transition: width 0.3s ease;}
.file-upload-area .progress-text {/* font-size: 12px; *//* margin-top: 5px; */text-align: center;}
.file-upload-area .file-actions {display: flex;gap: 0.5em;/* flex-wrap: wrap; *//* width: 5em; */align-items: center;margin-left: auto;}
.file-upload-area .action-btn {padding: 0.5em 1em;border: none;border-radius: 4px;cursor: pointer;font-size: 1em;transition: all 0.2s ease;width: 100%;width: fit-content;display: block;}
.file-upload-area .action-btn.hidden {display: none;}
.file-upload-area .delete-btn {background: #ff9800;color: white;}
.file-upload-area .delete-btn:hover {background: #f57c00;}
.file-upload-area .download-btn {background: #2196F3;color: white;/* margin-top: 0.5em; */}
.file-upload-area .download-btn:hover {background: #1976D2;}
.file-upload-area .uploaded .file-progress {display: none;}
.file-upload-area .uploaded .progress-text {color: #4CAF50;font-weight: bold;}

@media (max-width: 768px) {
    .form-row {flex-direction: column;margin: 0;}
    .form-col {padding: 0;min-width: 100%;}
    .form-enter {padding: 1em;}
    .form-section {padding: 1em;}
    .registration-history {padding: 1em;}
    .modal{font-size: clamp(8px, 3vw, 16px);}
    .file-upload-area .drop-zone {padding: 1em;}
}

/* :root {--primary: #c62828;--primary-dark: #b71c1c;--secondary: #6c757d;--secondary-dark: #5a6268;--link: #2f64a5;--link-dark: #1d4d88;--danger: #dc3545;--danger-dark: #c82333;--success-bg: #d4edda;--success-text: #155724;--error-bg: #f8d7da;--error-text: #721c24;--note-bg: #fff3cd;--note-border: #ffeaa7;--border: #ddd;--border-radius: 4px;--text: #333;--text-muted: #666;--bg-light: #f5f5f5;} */
/* h4 {font-size: 1.25em;margin: 0.5em 0 0.25em;} */
/* .readonly-field {background: #f5f5f5;} */
/* .success-message {background: #d4edda;color: #155724;padding: 15px;border-radius: 4px;margin-bottom: 20px;} */
/* .error-message {background: #f8d7da;color: #721c24;padding: 15px;border-radius: 4px;margin-bottom: 20px;} */
/* .message {padding: 15px;margin: 20px 0;border-radius: 4px;} */
/* .message p {margin: 0 0 10px 0;} */
/* .message p:last-child {margin-bottom: 0;} */
/* fieldset {border: 1px solid #ddd;border-radius: 4px;padding: 20px;margin-bottom: 20px;background: #fafafa;} */
/* legend {font-weight: bold;padding: 0 10px;color: #333;width: auto;} */
/* .inline {display: inline-block;margin-right: 15px;} */
/* .note {font-size: 0.9em;color: #666;font-style: italic;margin-top: 5px;} */
/* .survey-link {display: inline-block;background: #2f64a5;color: white;padding: 12px 24px;text-decoration: none;border-radius: 4px;font-weight: bold;transition: background 0.3s ease;border: none;font-size: 1em;cursor: pointer;text-align: center;margin-top: 10px;} */
/* .survey-link:hover {background: #1d4d88;color: white;} */
/* .form-text {color: #666;font-size: 0.9em;margin-top: 5px;} */