/* 我要和解页面样式 - 从 wanttosettle.vue 转换 */
.page-container { min-height: 100vh; padding: 40px 20px; }
.fontW { font-weight: 600; }
.header { display: flex; justify-content: space-between; align-items: center; width: 95vw; max-width: var(--max-width-content); margin: 0 auto 60px; font-size: 17px; }
.header .nav { display: flex; gap: 30px; }
.header .nav .nav-item { text-decoration: none; color: var(--primary-color); padding-bottom: 4px; transition: all 0.3s; cursor: pointer; }
.header .nav .nav-item.active { color: var(--primary-color); border-bottom: 2px solid var(--primary-color); }
.header .nav .nav-item:hover { color: var(--primary-color); font-size: 18px; }
.form-section { width: 90%; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); max-width: var(--max-width-home-input); }
.info-form { display: flex; flex-direction: column; gap: 24px; font-size: 15px; }
.form-item { display: flex; flex-direction: column; gap: 6px; }
.form-item .form-text { font-size: 12px; color: #666; margin-top: 4px; }
.form-item .form-label { color: #333; font-weight: 600; }
.form-item .form-label::before { content: "* "; color: #ff4d4f; }
.form-item .form-input, .form-item .form-select { height: 38px; padding: 0 12px; border: 1px solid #ccc; border-radius: 4px; transition: border-color 0.3s; font-size: 14px; }
.form-item .form-input:focus, .form-item .form-select:focus { outline: none; border-color: #30b2cd; }
.form-item textarea.form-input { height: 80px; padding: 8px 12px; resize: vertical; }
.form-item .error-tip { color: #ff4d4f; margin-top: 4px; font-size: 13px; }
.submit-btn { height: 42px; background: var(--primary-color); color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: background 0.3s; font-size: 16px; }
.submit-btn:hover { background: #f6a83b; }