/* ===== 入驻流程样式 ===== */
.settle-hero { background: linear-gradient(135deg, #ff7300, #ff4500); padding: 60px 0; color: #fff; text-align: center; }
.settle-hero h1 { font-size: 36px; margin-bottom: 12px; }
.settle-title-icon, .settle-section-icon, .settle-inline-icon { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; vertical-align: -0.15em; }
.settle-title-icon { width: 34px; height: 34px; margin-right: 8px; stroke-width: 1.7; }
.settle-section-icon { width: 22px; height: 22px; margin-right: 7px; stroke-width: 1.8; }
.settle-inline-icon { width: 18px; height: 18px; margin-right: 5px; stroke-width: 1.8; }
.settle-hero p { font-size: 16px; opacity: 0.9; }

.settle-steps { display: flex; align-items: center; justify-content: center; padding: 40px 0; background: #fff; border-radius: var(--radius-md); margin: 20px auto; }
.step-item { display: flex; align-items: center; gap: 12px; }
.step-circle { width: 36px; height: 36px; border-radius: 50%; background: #ddd; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.step-item.active .step-circle { background: var(--primary); }
.step-label { color: #666; font-size: 14px; }
.step-item.active .step-label { color: var(--primary); font-weight: 500; }
.step-line { width: 80px; height: 2px; background: #ddd; margin: 0 12px; }
.step-line.active { background: var(--primary); }

.settle-form-wrapper { background: #fff; border-radius: var(--radius-md); padding: 32px; }
.settle-form-header { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; }
.settle-form-header h2 { font-size: 20px; color: #333; margin-bottom: 6px; }
.settle-form-header p { color: var(--text-mute); font-size: 13px; }

.form-section { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid #f0f0f0; }
.form-section:last-of-type { border-bottom: none; }
.form-section-title { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; }
.section-num { width: 24px; height: 24px; background: var(--primary); color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 20px; }
.form-group { display: flex; flex-direction: column; }
.form-group.full-width { grid-column: 1 / -1; }
.form-group label { font-size: 13px; color: var(--text-sub); margin-bottom: 6px; }
.form-group label .required { color: var(--danger); }
.form-group input, .form-group select, .form-group textarea { padding: 10px 12px; border: 1px solid #ddd; border-radius: 4px; }
.form-group input:focus, .form-group select:focus { border-color: var(--primary); }
.form-group .input-tip { font-size: 12px; color: var(--text-mute); margin-top: 4px; }

.upload-box { border: 2px dashed #ddd; border-radius: var(--radius-md); padding: 32px 20px; text-align: center; cursor: pointer; transition: all 0.2s; background: #fafafa; }
.upload-box:hover { border-color: var(--primary); background: var(--primary-bg); }
.upload-placeholder { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.upload-icon { width: 40px; height: 40px; background: #ddd; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 4px; }
.upload-tip { font-size: 12px; color: var(--text-mute); }
.upload-box input[type="file"] { display: none; }
.upload-preview img { max-width: 100%; max-height: 200px; border-radius: 4px; }

.form-actions { display: flex; gap: 12px; justify-content: center; padding-top: 24px; }

/* 入驻须知页 */
.settle-flow { display: flex; align-items: center; justify-content: center; padding: 20px 0; gap: 16px; }
.flow-step { background: #fff; padding: 20px; border-radius: var(--radius-md); text-align: center; flex: 1; max-width: 200px; position: relative; }
.flow-num { position: absolute; top: -12px; left: -12px; width: 28px; height: 28px; background: var(--primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.flow-icon { height: 40px; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; color: var(--primary); }
.flow-icon svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.flow-text h4 { color: #333; margin-bottom: 4px; }
.flow-text p { color: var(--text-mute); font-size: 13px; }
.flow-arrow { color: var(--primary); font-size: 24px; }

.settle-rules { background: #fff; padding: 32px; border-radius: var(--radius-md); }
.rule-section { margin-bottom: 24px; }
.rule-section h3 { font-size: 16px; color: var(--primary); margin-bottom: 12px; padding-left: 12px; border-left: 3px solid var(--primary); }
.rule-section ul { padding-left: 24px; list-style: disc; }
.rule-section ul li { padding: 4px 0; color: var(--text-sub); }

.shop-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 12px; }
.shop-type-item { padding: 16px; background: #fafafa; border-radius: var(--radius-md); text-align: center; border: 1px solid transparent; cursor: pointer; transition: all 0.2s; }
.shop-type-item:hover { border-color: var(--primary); }
.shop-type-item h4 { color: #333; margin-bottom: 6px; }
.shop-type-item p { color: var(--text-mute); font-size: 12px; margin-bottom: 8px; }
.shop-type-item .price { color: var(--primary); font-size: 13px; font-weight: 600; }

.agreement-box { background: #fafafa; border: 1px solid #f0f0f0; border-radius: var(--radius-md); }
.agreement-scroll { max-height: 300px; overflow-y: auto; padding: 16px; font-size: 13px; line-height: 1.8; color: var(--text-sub); }

.settle-agreement { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f0f0f0; text-align: center; }
.checkbox-wrapper { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.checkbox-wrapper input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--primary); }

.settle-result { text-align: center; padding: 80px 20px; background: #fff; border-radius: var(--radius-md); }
.settle-result .icon { font-size: 80px; margin-bottom: 20px; }
.settle-result h2 { color: var(--primary); margin-bottom: 12px; }
.settle-result p { color: var(--text-sub); margin-bottom: 24px; }

/* 入驻优势 */
.advantage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.advantage-item { background: #fff; padding: 24px; border-radius: var(--radius-md); text-align: center; transition: all 0.3s; }
.advantage-item:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.advantage-icon { height: 40px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; color: var(--primary); }
.advantage-icon svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.advantage-item h3 { color: #333; margin-bottom: 6px; }
.advantage-item p { color: var(--text-mute); font-size: 13px; }

/* 审核状态 */
.status-card { background: #fff; border-radius: var(--radius-md); padding: 32px; max-width: 720px; margin: 0 auto; }
.status-header { text-align: center; padding-bottom: 24px; border-bottom: 1px solid #f0f0f0; }
.status-badge { display: inline-block; padding: 6px 20px; border-radius: 20px; font-size: 14px; font-weight: 500; margin-bottom: 12px; }
.status-badge.auditing { background: #fff7e6; color: var(--warning); }
.status-badge.passed { background: #f6ffed; color: var(--success); }
.status-badge.rejected { background: #fff1f0; color: var(--danger); }
.status-header h2 { color: #333; margin-bottom: 6px; }
.status-header p { color: var(--text-mute); font-size: 13px; }

.audit-item { display: flex; padding: 16px 0; border-bottom: 1px dashed #f0f0f0; }
.audit-icon { width: 40px; height: 40px; border-radius: 50%; background: #f0f0f0; color: var(--text-mute); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 16px; }
.audit-icon.passed { background: #f6ffed; color: var(--success); }
.audit-icon.rejected { background: #fff1f0; color: var(--danger); }
.audit-icon.pending { background: #e6f7ff; color: var(--info); }
.audit-content { flex: 1; }
.audit-title { font-size: 15px; color: #333; margin-bottom: 4px; }
.audit-desc { color: var(--text-sub); font-size: 13px; }
.audit-time { font-size: 12px; color: var(--text-mute); margin-top: 4px; }

.status-actions { text-align: center; padding-top: 24px; }