/* 意见建议 页面样式 */
.page-content { padding: var(--spacing-8) 0; }
.page-header { text-align: center; margin-bottom: var(--spacing-8); }
.page-title { font-size: var(--font-size-3xl); color: #333333; margin-bottom: var(--spacing-4); }
.page-description { font-size: var(--font-size-lg); color: #666666; }

.feedback-form-container { max-width: 600px; margin: 0 auto; }
.feedback-form { background: #ffffff; border: 1px solid #e5e5e5; border-radius: var(--radius-lg); padding: var(--spacing-8); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

.form-group { margin-bottom: var(--spacing-6); }
.form-group label { display: block; margin-bottom: var(--spacing-2); font-weight: var(--font-weight-semibold); color: #333333; }
.form-group input,
.form-group select,
.form-group textarea { width: 100%; padding: var(--spacing-3); border: 1px solid #d1d5db; border-radius: var(--radius-base); font-size: var(--font-size-base); transition: border-color var(--transition-base); }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { outline: none; border-color: #FF4500; box-shadow: 0 0 0 3px rgba(255, 69, 0, 0.1); }

.submit-btn { background: #FF4500; color: white; border: none; padding: var(--spacing-3) var(--spacing-6); border-radius: var(--radius-base); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); cursor: pointer; transition: all var(--transition-base); width: 100%; }
.submit-btn:hover { background: #e63e00; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(255, 69, 0, 0.3); }