/* /Areas/DoctorCenter/Views/Counseling/Appointment_Confirm.cshtml.rz.scp.css */
/* 调整时间表单样式 */
.adjust-time-form[b-fdm0oa7l2f] { margin-top: 20px; padding: 20px; background-color: #f8f9fa; border-radius: 5px; border: 1px solid #e9ecef; }

.form-row[b-fdm0oa7l2f] { display: flex; gap: 20px; margin-bottom: 15px; }

.date-time-group[b-fdm0oa7l2f] { flex: 1; min-width: 0; /* 防止内容溢出 */ }

.adjust-time-form .form-group[b-fdm0oa7l2f] { margin-bottom: 15px; }

.adjust-time-form label[b-fdm0oa7l2f] { display: block; margin-bottom: 5px; font-weight: 500; color: #495057; }

.adjust-time-form .form-control[b-fdm0oa7l2f] { width: 100%; padding: 10px; border: 1px solid #ced4da; border-radius: 4px; font-size: 14px; transition: border-color 0.3s ease; }

.adjust-time-form .form-control:focus[b-fdm0oa7l2f] { border-color: #ff6b81; outline: none; box-shadow: 0 0 0 2px rgba(255, 107, 129, 0.2); }

/* 确认按钮区域样式 */
/*.confirm-buttons { display: flex; gap: 15px; margin-top: 20px; }

.confirm-buttons button { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; transition: all 0.3s ease; }*/



/* 必填项样式 */
.required[b-fdm0oa7l2f] { color: #e74c3c; font-weight: bold; }
/* /Areas/DoctorCenter/Views/Counseling/Record.cshtml.rz.scp.css */


/*.form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }

.rating-group { display: flex; gap: 0.625rem; align-items: center; }

.rating-label { margin: 0; font-weight: normal; color: var(--neutral-500); }

.rating-stars { display: flex; gap: 0.3125rem; }
.rating-star { font-size: 1.5rem; color: var(--neutral-300); cursor: pointer; transition: color 0.2s ease; }
.rating-star:hover,
.rating-star.active { color: var(--color-yellow); }

.tag-group { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-top: 0.625rem; }
.tag { display: inline-block; padding: 0.375rem 0.75rem; background-color: var(--neutral-100); border: 1px solid var(--neutral-300); border-radius: 1.25rem; font-size: 0.875rem; color: var(--neutral-600); cursor: pointer; transition: var(--transition-custom); }
.tag:hover,
.tag.selected { background-color: var(--primary-color); border-color: var(--primary-color); color: white; }*/

/* /Areas/DoctorCenter/Views/Schedule/Scheduling_Batchs.cshtml.rz.scp.css */
.settings-title[b-mrwg7az63b] { font-size: 1rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 1rem; }

/* 工作日设置样式 */
.workday-settings[b-mrwg7az63b] { margin-bottom: 1.5rem; }

.workday-options[b-mrwg7az63b] { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.workday-option[b-mrwg7az63b] { display: inline-flex; align-items: center; cursor: pointer; transition: color 0.2s ease; }
.workday-option:hover[b-mrwg7az63b] { color: var(--primary-color); }
.workday-option input[type="radio"][b-mrwg7az63b] { margin-right: 0.5rem; width: 18px; height: 18px; cursor: pointer; }
.workday-option input[type="radio"]:checked[b-mrwg7az63b] { accent-color: var(--primary-color); }

/* 工作时段排班 */
.time-slots[b-mrwg7az63b] { margin-bottom: 1.5rem; }
.time-slot[b-mrwg7az63b] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.time-slot-label[b-mrwg7az63b] { display: flex; align-items: center; padding: 0.6rem 1rem; border: 1px solid var(--neutral-300); border-radius: var(--card-border-radius); cursor: pointer; transition: all 0.2s ease; min-width: 100px; justify-content: center; }
.time-slot-label:hover[b-mrwg7az63b] { border-color: var(--primary-color); background-color: var(--primary-light); }
.time-slot-checkbox[b-mrwg7az63b] { margin-right: 0.5rem; width: 18px; height: 18px; cursor: pointer; }
.time-slot-checkbox:checked + span[b-mrwg7az63b] { color: var(--primary-color); font-weight: 500; }

/* 服务形式选择样式 */
.service-settings[b-mrwg7az63b] { margin-bottom: 1.5rem; }
.service-options[b-mrwg7az63b] { display: flex; flex-wrap: wrap;  gap: 1rem; }
/* /Views/Account/ForgotPassword.cshtml.rz.scp.css */
/* 忘记密码页面专用样式 */
.forgot-password-main[b-aljnhe9vbg] { display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 4rem - 6rem); padding: 2rem 1rem; margin-top: 60px; }

.forgot-password-container[b-aljnhe9vbg] { width: 100%; max-width: 500px; }

.forgot-password-card[b-aljnhe9vbg] { background-color: #ffffff; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); padding: 2.5rem; transition: var(--transition-custom); }

.forgot-password-card:hover[b-aljnhe9vbg] { box-shadow: var(--card-shadow-hover); }

.forgot-password-title[b-aljnhe9vbg] { text-align: center; font-size: 1.8rem; color: var(--secondary-color); margin-bottom: 0.5rem; font-weight: 600; }

.forgot-password-desc[b-aljnhe9vbg] { text-align: center; color: var(--neutral-600); margin-bottom: 2rem; font-size: 0.95rem; }

/* 找回方式选项卡样式 */
.recovery-method-tabs[b-aljnhe9vbg] { margin-bottom: 1.5rem; }

.recovery-method-tabs input[type="radio"][b-aljnhe9vbg] { display: none; }

.tab-labels[b-aljnhe9vbg] { display: flex; position: relative; margin-bottom: 1.5rem; border-bottom: 1px solid var(--neutral-200); }

.tab-label[b-aljnhe9vbg] { flex: 1; text-align: center; padding: 0.75rem 0; cursor: pointer; transition: color 0.3s ease; font-weight: 500; color: var(--neutral-500); }

.tab-label:hover[b-aljnhe9vbg] { color: var(--primary-color); }

#phone-method:checked ~ .tab-labels label[for="phone-method"][b-aljnhe9vbg],
#email-method:checked ~ .tab-labels label[for="email-method"][b-aljnhe9vbg] { color: var(--primary-color); }

.tab-indicator[b-aljnhe9vbg] { position: absolute; bottom: -1px; left: 0; width: 50%; height: 2px; background-color: var(--primary-color); transition: transform 0.3s ease; }

#email-method:checked ~ .tab-labels .tab-indicator[b-aljnhe9vbg] { transform: translateX(100%); }

/* 选项卡内容样式 */
.tab-content[b-aljnhe9vbg] { display: none; }

#phone-method:checked ~ .phone-content[b-aljnhe9vbg],
#email-method:checked ~ .email-content[b-aljnhe9vbg] { display: block; }

/* 验证码输入组样式 */
.code-group[b-aljnhe9vbg] { display: flex; gap: 0.75rem; align-items: stretch; }

.code-input[b-aljnhe9vbg] { flex: 1; }

.code-btn[b-aljnhe9vbg] { width: auto; padding: 0.75rem 1rem; background-color: var(--primary-color); color: white; border: none; border-radius: 0.5rem; cursor: pointer; transition: var(--transition-custom); height: 100%; }

.code-btn:hover[b-aljnhe9vbg] { background-color: var(--warning); }

.code-btn:disabled[b-aljnhe9vbg] { background-color: var(--neutral-400); cursor: not-allowed; }

/* 返回登录链接样式 */
.back-to-login[b-aljnhe9vbg] { text-align: center; margin-top: 1.5rem; }

.login-link[b-aljnhe9vbg] { color: var(--primary-color); text-decoration: none; font-weight: 500; }

.login-link:hover[b-aljnhe9vbg] { text-decoration: underline; }

.form-group[b-aljnhe9vbg] { margin-bottom: 1.5rem; padding: 0.5rem 0; }

.form-label[b-aljnhe9vbg] { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--neutral-600); }

.input-group[b-aljnhe9vbg] { position: relative; display: flex; align-items: center; height: 100%; }

.code-group[b-aljnhe9vbg] { display: flex; gap: 0.75rem; align-items: stretch; height: 100%; }

.input-icon[b-aljnhe9vbg] { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--neutral-400); width: 1rem; height: 1rem; }
/* /Views/Account/Login.cshtml.rz.scp.css */
/* 登录页面专用样式 */
.login-main[b-zinpqdnxjb] { display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 4rem - 6rem); padding: 2rem 1rem; }

.login-container[b-zinpqdnxjb] { width: 100%; max-width: 500px; }

.login-card[b-zinpqdnxjb] { background-color: #ffffff; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); padding: 2.5rem; transition: var(--transition-custom); }

.login-card:hover[b-zinpqdnxjb] { box-shadow: var(--card-shadow-hover); }

.login-title[b-zinpqdnxjb] { text-align: center; font-size: 1.8rem; color: var(--primary-color); margin-bottom: 2rem; font-weight: 600; }

/* 用户类型切换选项卡 */
.user-type-tabs[b-zinpqdnxjb] { margin-bottom: 2rem; }

.user-type-tabs input[type="radio"][b-zinpqdnxjb] { display: none; }

.tab-labels[b-zinpqdnxjb] { display: flex; border-bottom: 1px solid var(--neutral-200); margin-bottom: 1.5rem; position: relative; }

.tab-indicator[b-zinpqdnxjb] { position: absolute; bottom: -1px; left: 0; width: 50%; height: 2px; background-color: var(--primary-color); transition: var(--transition-custom); }

.tab-label[b-zinpqdnxjb] { flex: 1; text-align: center; padding: 0.75rem 0; cursor: pointer; font-weight: 500; color: var(--neutral-500); position: relative; transition: var(--transition-custom); }

.tab-label:hover[b-zinpqdnxjb] { color: var(--primary-color); }

#counselor:checked ~ .tab-labels label[for="counselor"][b-zinpqdnxjb],
#assessor:checked ~ .tab-labels label[for="assessor"][b-zinpqdnxjb] { color: var(--primary-color); }

#counselor:checked ~ .tab-labels .tab-indicator[b-zinpqdnxjb] { left: 0; }

#assessor:checked ~ .tab-labels .tab-indicator[b-zinpqdnxjb] { left: 50%; }

.tab-label[b-zinpqdnxjb] { flex: 1; text-align: center; padding: 0.75rem 0; cursor: pointer; font-weight: 500; color: var(--neutral-500); position: relative; transition: var(--transition-custom); z-index: 10; }

.tab-label:hover[b-zinpqdnxjb] { color: var(--primary-color); transform: translateY(-2px); }

/* 表单样式 */
.forgot-password[b-zinpqdnxjb] { color: var(--primary-color); text-decoration: none; font-size: 0.875rem; transition: var(--transition-custom); }
.forgot-password:hover[b-zinpqdnxjb] { text-decoration: underline; }


/* 选项卡内容切换 */
.tab-content[b-zinpqdnxjb] { display: block; padding: 2rem 0; opacity: 0; transform: translateY(10px); max-height: 0; overflow: hidden; transition: var(--transition-custom); }

.user-type-tabs #counselor:checked ~ .tab-content.counselor-content[b-zinpqdnxjb],
.user-type-tabs #assessor:checked ~ .tab-content.assessor-content[b-zinpqdnxjb] { opacity: 1; transform: translateY(0); max-height: 500px; overflow: visible; }

/* 移动端适配 */
@media (max-width: 768px) {
    .login-card[b-zinpqdnxjb] { padding: 1.5rem; }

    .login-title[b-zinpqdnxjb] { font-size: 1.5rem; }

    .tab-label[b-zinpqdnxjb] { font-size: 0.9rem; }
}

/* 修复选项卡标签布局 */
.user-type-tabs[b-zinpqdnxjb] { position: relative; }

.tab-labels[b-zinpqdnxjb] { display: flex; margin-bottom: 1.5rem; }

/* 确保两个表单内容正确切换 */
.counselor-content[b-zinpqdnxjb],
.assessor-content[b-zinpqdnxjb] { display: none; }

#counselor:checked ~ .counselor-content[b-zinpqdnxjb] { display: block; }

#assessor:checked ~ .assessor-content[b-zinpqdnxjb] { display: block; }
/* /Views/Account/Register.cshtml.rz.scp.css */
/* 注册页面专用样式 */
.register-main[b-nv89habe54] { display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 4rem - 6rem); padding: 2rem 1rem; }

.register-container[b-nv89habe54] { width: 100%; max-width: 500px; }

.register-card[b-nv89habe54] { background-color: #ffffff; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); padding: 2.5rem; transition: var(--transition-custom); }

.register-card:hover[b-nv89habe54] { box-shadow: var(--card-shadow-hover); }

.register-title[b-nv89habe54] { text-align: center; font-size: 1.8rem; color: var(--primary-color); margin-bottom: 2rem; font-weight: 600; }

/* 表单样式 */
.register-form[b-nv89habe54] { display: flex; flex-direction: column; gap: 1.5rem; }

.form-group[b-nv89habe54] { margin-bottom: 1.0rem; }

.form-label[b-nv89habe54] { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--neutral-700); }

.input-group[b-nv89habe54] { position: relative; }

.form-input[b-nv89habe54] { width: 100%; padding: 0.75rem 0.75rem 0.75rem 2.5rem; border: 1px solid var(--neutral-300); border-radius: 0.5rem; font-size: 1rem; transition: var(--transition-custom); }

.form-input:focus[b-nv89habe54] { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1); }

.input-icon[b-nv89habe54] { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--neutral-400); }

.password-match-message[b-nv89habe54] { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 0.875rem; }

.form-actions[b-nv89habe54] { margin-top: 0.5rem; }

.terms-link[b-nv89habe54],
.privacy-link[b-nv89habe54] { color: var(--primary-color); text-decoration: none; }

.terms-link:hover[b-nv89habe54],
.privacy-link:hover[b-nv89habe54] { text-decoration: underline; }


/*.checkbox-label { display: flex; align-items: flex-start; color: var(--neutral-600); font-size: 0.875rem; cursor: pointer; }

.checkbox-label input { margin-right: 0.5rem; margin-top: 0.25rem; }*/

.button-group[b-nv89habe54] { display: flex; gap: 1rem; margin-bottom: 1rem; }

.register-btn[b-nv89habe54] { flex: 7; padding: 0.875rem; font-size: 1rem; font-weight: 500; border-radius: 0.5rem; border: none; background: var(--gradient-primary); color: white; cursor: pointer; transition: var(--transition-custom); box-shadow: 0 4px 12px rgba(22, 93, 255, 0.25); }

.register-btn:hover[b-nv89habe54] { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(22, 93, 255, 0.3); }

.back-btn[b-nv89habe54] { flex: 3; font-size: 1rem; font-weight: 500; border-radius: 0.5rem; border: 1px solid var(--neutral-300); background-color: transparent; cursor: pointer; transition: var(--transition-custom); }

.back-btn:hover[b-nv89habe54] { transform: translateY(-2px); box-shadow: 0 4px 18px rgba(22, 93, 255, 0.3); }


.login-link-container[b-nv89habe54] { text-align: center; margin-top: 1.5rem; color: var(--neutral-600); font-size: 0.9rem; }

.login-link[b-nv89habe54] { color: var(--primary-color); text-decoration: none; font-weight: 500; }

.login-link:hover[b-nv89habe54] { text-decoration: underline; }


.form-group.error .form-input[b-nv89habe54] { border-color: var(--danger); }

.error-message[b-nv89habe54] { color: var(--danger); font-size: 0.875rem; margin-top: 0.25rem; display: block; position: absolute; right: 8px; top: 8px; }

.form-hint[b-nv89habe54] { font-size: 0.95rem; color: #e63946; background-color: #fff3cd; padding: 10px 15px; border-radius: 4px; margin-bottom: 1rem; border-left: 4px solid #ffc107; }

.radio-group[b-nv89habe54] { display: flex; gap: 1.5rem; margin-top: 1.2rem; }
.radio-label[b-nv89habe54] { display: flex; align-items: center; gap: 0.5rem; }



/* 桌面视图两列布局 */
@media (min-width: 768px) {
    .form-row[b-nv89habe54] { display: flex; gap: 1.5rem; }

    .form-row .form-group[b-nv89habe54] { width: calc(50% - 0.75rem); margin-bottom: 0; }

    .register-container[b-nv89habe54] { max-width: 900px; }

}

/* 移动端适配 */
@media (max-width: 768px) {
    .register-main[b-nv89habe54] { padding-top: 2rem; }

    .register-card[b-nv89habe54] { padding: 1.5rem; }

    .register-title[b-nv89habe54] { font-size: 1.5rem; }

    .checkbox-label[b-nv89habe54] { /* flex-direction: column; */ align-items: flex-start; gap: 0.5rem; }
}
/* /Views/Article/Details.cshtml.rz.scp.css */
/* 心理科普详情页样式 */

.card-content[b-9alsiy7uve] { padding:0 20px 20px 20px; }


/* 推荐列表（横向） */
.related-list-horizontal[b-9alsiy7uve] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }
.related-list-horizontal .item[b-9alsiy7uve] { display: flex; gap: 1rem; padding: 1rem; border-radius: 8px; transition: transform 0.3s ease; text-decoration: none; }
.related-list-horizontal .item:hover[b-9alsiy7uve] { transform: translateY(-1px); background-color: #f8f9fa; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.related-list-horizontal .item img[b-9alsiy7uve] { width: 80px; height: 80px; object-fit: cover; border-radius: 4px; }
.related-list-horizontal .item .content[b-9alsiy7uve] { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.related-list-horizontal .item .title[b-9alsiy7uve] { font-size: 1rem; font-weight: 600; line-height: 1.3; margin-bottom: 0.5rem; color: var(--neutral-800); }
.related-list-horizontal .item .meta[b-9alsiy7uve] { font-size: 0.85rem; color: var(--neutral-400); }

/* 推荐列表（纵向） */
.related-list-vertical[b-9alsiy7uve] { display: flex; flex-direction: column; gap: 1rem; }
.related-list-vertical .item[b-9alsiy7uve] { display: flex; gap: 1rem; text-decoration: none; transition: all 0.3s ease; }
.related-list-vertical .item:hover[b-9alsiy7uve] { transform: translateX(2px); }
.related-list-vertical .item img[b-9alsiy7uve] { width: 100px; height: 80px; border-radius: 4px; object-fit: cover; flex-shrink: 0; }
.related-list-vertical .item .content[b-9alsiy7uve] { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.related-list-vertical .item .title[b-9alsiy7uve] { font-size: 0.9375rem; font-weight: 500; color: var(--neutral-800); margin-bottom: 0.5rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.related-list-vertical .item .title:hover[b-9alsiy7uve] { color: var(--primary-color); }
.related-list-vertical .item .meta[b-9alsiy7uve] { font-size: 0.75rem; color: var(--neutral-400); }

/* 评论 相关样式 */

.comment-form[b-9alsiy7uve] { margin-bottom: 2rem; }

.comment-input[b-9alsiy7uve] { width: 100%; min-height: 120px; padding: 1rem; border: 1px solid #ddd; border-radius: 8px; font-size: 1rem; resize: vertical; transition: border-color 0.3s ease; }

.comment-input:focus[b-9alsiy7uve] { outline: none; border-color: #667eea; }

.comments-list[b-9alsiy7uve] { display: flex; flex-direction: column; gap: 1.5rem; }

.comment-item[b-9alsiy7uve] { display: flex; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #eee; }

.comment-item:last-child[b-9alsiy7uve] { border-bottom: none; }

.comment-avatar[b-9alsiy7uve] { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }

.comment-content[b-9alsiy7uve] { flex: 1; }

.comment-header[b-9alsiy7uve] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }

.comment-author[b-9alsiy7uve] { font-size: 1rem; font-weight: 600; color: #333; margin: 0; }

.comment-time[b-9alsiy7uve] { font-size: 0.85rem; color: #999; }

.comment-text[b-9alsiy7uve] { color: #666; line-height: 1.6; margin-bottom: 0.8rem; }

.comment-actions[b-9alsiy7uve] { display: flex; gap: 1.5rem; }

.comment-action-btn[b-9alsiy7uve] { display: flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0.8rem; background-color: transparent; border: 1px solid #ddd; color: #666; border-radius: 4px; font-size: 0.85rem; cursor: pointer; transition: all 0.3s ease; }

.comment-action-btn:hover[b-9alsiy7uve] { border-color: #667eea; color: #667eea; background-color: #f0f4ff; }

/* 面包屑导航 */
.breadcrumb[b-9alsiy7uve] { padding: 1rem 0; border-bottom: 1px solid var(--border-color); }

.breadcrumb-list[b-9alsiy7uve] { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }

.breadcrumb-item[b-9alsiy7uve] { margin-right: 0.75rem; font-size: 0.875rem; }

.breadcrumb-item[b-9alsiy7uve]::after { content: ">"; margin-left: 0.75rem; color: var(--text-secondary); }

.breadcrumb-item:last-child[b-9alsiy7uve]::after { display: none; }

.breadcrumb-item a[b-9alsiy7uve] { color: var(--text-secondary); text-decoration: none; transition: color 0.3s ease; }

.breadcrumb-item a:hover[b-9alsiy7uve] { color: var(--primary-color); }

.breadcrumb-item.active[b-9alsiy7uve] { color: var(--primary-color); font-weight: 500; }

/* 布局：2列 */
.row[b-9alsiy7uve] { display: flex; flex-wrap: wrap; margin: 0 -1rem; }

.content-col[b-9alsiy7uve] { width: 100%; max-width: 75%; padding: 0 1rem; }

.sidebar-col[b-9alsiy7uve] { width: 100%; max-width: 25%; padding: 0 1rem; }


/* 文章头部信息 */
.article-title[b-9alsiy7uve] { font-size: 2rem; font-weight: 700; color: var(--text-primary); line-height: 1.3; margin-bottom: 1rem; }

.article-meta[b-9alsiy7uve] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; font-size: 0.875rem; color: var(--text-secondary); }

.meta-item[b-9alsiy7uve] { display: flex; align-items: center; gap: 0.5rem; }

.meta-item i[b-9alsiy7uve] { font-size: 0.875rem; }

/* 内容类型标签 */
.content-type[b-9alsiy7uve] { padding: 0.25rem 0.75rem; border-radius: 1rem; font-size: 0.875rem; font-weight: 500; display: inline-flex; align-items: center; gap: 0.25rem; }

.article-type[b-9alsiy7uve] { background-color: rgba(60, 138, 184, 0.1); color: var(--primary-color); }

.video-type[b-9alsiy7uve] { background-color: rgba(231, 76, 60, 0.1); color: #e74c3c; }

/* 作者信息 */
.author-info[b-9alsiy7uve] { display: flex; align-items: flex-start; gap: 1rem; padding: 1.5rem; background-color: var(--card-bg); border-radius: 8px; margin-bottom: 2rem; border: 1px solid var(--border-color); }

.author-avatar[b-9alsiy7uve] { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }

.author-details[b-9alsiy7uve] { flex: 1; }

.author-name[b-9alsiy7uve] { font-size: 1.125rem; font-weight: 600; color: var(--text-primary); margin-bottom: 0.25rem; }

.author-title[b-9alsiy7uve] { font-size: 0.875rem; color: var(--text-secondary); margin-bottom: 0.5rem; }

.author-bio[b-9alsiy7uve] { font-size: 0.875rem; color: var(--text-secondary); line-height: 1.6; }


/*视频类型，区域部分*/
/* 视频播放器容器 */
.video-player-container[b-9alsiy7uve] { width: 100%; background-color: #000; /* margin: 20px 0; */ position: relative; /* border-radius: 8px; */ overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

/* B站视频播放器样式 */
.bilibili-player[b-9alsiy7uve] { width: 100%; height: 500px; min-height: 400px; border: none; }

/* 视频简介区域 */
.video-description[b-9alsiy7uve] { background-color: #fff; padding: 20px; /* border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px; */ }

.description-title[b-9alsiy7uve] { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 15px; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; }

.video-description p[b-9alsiy7uve] { color: #666; line-height: 1.8; margin-bottom: 10px; }

.video-contents[b-9alsiy7uve] { color: #666; line-height: 1.8; margin-left: 20px; }


/* 以上是新的 */





/* 科普主图 */
.psychology-main-image[b-9alsiy7uve] { margin-bottom: 2rem; overflow: hidden; border-radius: 8px; }

.psychology-img[b-9alsiy7uve] { width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease; }

.psychology-img:hover[b-9alsiy7uve] { transform: scale(1.02); }



/* 热门标签 */
.tags-list[b-9alsiy7uve] { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.tag[b-9alsiy7uve] { padding: 0.5rem 1rem; background-color: #f8f9fa; color: var(--text-secondary); border-radius: 2rem; font-size: 0.875rem; text-decoration: none; transition: all 0.3s ease; border: 1px solid transparent; }
.tag:hover[b-9alsiy7uve] { background-color: rgba(60, 138, 184, 0.1); color: var(--primary-color); border-color: var(--primary-color); }

/* 热门视频 */
.videos-list[b-9alsiy7uve] { display: flex; flex-direction: column; gap: 1rem; }

.video-item[b-9alsiy7uve] { text-decoration: none; transition: all 0.3s ease; display: block; }

.video-item:hover .video-title[b-9alsiy7uve] { color: var(--primary-color); }

.video-thumbnail[b-9alsiy7uve] { position: relative; margin-bottom: 0.5rem; border-radius: 4px; overflow: hidden; }

.video-img[b-9alsiy7uve] { width: 100%; height: auto; transition: transform 0.3s ease; }

.video-item:hover .video-img[b-9alsiy7uve] { transform: scale(1.05); }

.video-duration[b-9alsiy7uve] { position: absolute; bottom: 0.5rem; right: 0.5rem; background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.75rem; }

.video-title[b-9alsiy7uve] { font-size: 0.9375rem; font-weight: 500; color: var(--neutral-700); line-height: 1.4; transition: color 0.3s ease; }



/* 响应式设计 */
@media (max-width: 1024px) {
    .content-col[b-9alsiy7uve] { max-width: 100%; }

    .sidebar-col[b-9alsiy7uve] { max-width: 100%; }

    .recommendation-item[b-9alsiy7uve] { width: 100%; }
}

@media (max-width: 768px) {
    .psychology-title[b-9alsiy7uve] { font-size: 1.75rem; }

    .psychology-actions[b-9alsiy7uve] { flex-direction: column; gap: 1.5rem; align-items: stretch; }

    .share-buttons[b-9alsiy7uve] { justify-content: center; }

    .interaction-buttons[b-9alsiy7uve] { justify-content: center; }

    .author-info[b-9alsiy7uve] { flex-direction: column; align-items: flex-start; }

    .author-avatar[b-9alsiy7uve] { width: 80px; height: 80px; }

    .comment-item[b-9alsiy7uve] { flex-direction: column; align-items: flex-start; }

    .breadcrumb-item[b-9alsiy7uve] { font-size: 0.75rem; }

    .psychology-content h3[b-9alsiy7uve] { font-size: 1.375rem; }

    .psychology-content h4[b-9alsiy7uve] { font-size: 1.125rem; }
}

@media (max-width: 480px) {
    .psychology-title[b-9alsiy7uve] { font-size: 1.5rem; }

    .psychology-meta[b-9alsiy7uve] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }

    .recommendation-item[b-9alsiy7uve] { flex-direction: column; }

    .recommendation-img[b-9alsiy7uve] { width: 100%; height: auto; }

    .related-item[b-9alsiy7uve] { flex-direction: column; }

    .related-img[b-9alsiy7uve] { width: 100%; height: auto; }
}
/* /Views/Article/Index.cshtml.rz.scp.css */
/* 心理科普页面样式 */



/* 主要内容区域布局 */
.main-content-section[b-y3sn41ocou] { padding: 30px 0 50px; }


/* 焦点推荐区域 */
.featured-section[b-y3sn41ocou] { background: white; border-radius: 12px; padding: 25px; margin-bottom: 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.section-header[b-y3sn41ocou] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid var(--border-color); }

.section-header .section-title[b-y3sn41ocou] { font-size: 1.5rem; color: var(--neutral-700); margin-bottom: 0; display: flex; align-items: center; }

.section-header .section-title i[b-y3sn41ocou] { margin-right: 10px; color: var(--primary-color); }

.section-more[b-y3sn41ocou] { color: var(--primary-color); text-decoration: none; font-size: 0.9rem; display: flex; align-items: center; transition: color 0.3s ease; }

.section-more:hover[b-y3sn41ocou] { color: var(--primary-dark); }

.featured-content[b-y3sn41ocou] { display: flex; gap: 20px; }

.featured-main[b-y3sn41ocou] { flex: 2; }

.featured-sidebar[b-y3sn41ocou] { flex: 1; }

.featured-item[b-y3sn41ocou] { display: block; text-decoration: none; transition: transform 0.3s ease; border-radius: 8px; overflow: hidden; }

.featured-item:hover[b-y3sn41ocou] { transform: translateY(-3px); }

.featured-large[b-y3sn41ocou] { position: relative; background: #f8f9fa; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); height: 300px; }

.featured-media[b-y3sn41ocou] { position: relative; height: 60%; overflow: hidden; }

.featured-img[b-y3sn41ocou] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.featured-item:hover .featured-img[b-y3sn41ocou] { transform: scale(1.05); }

.featured-overlay[b-y3sn41ocou] { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); }

.featured-text[b-y3sn41ocou] { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; }

.featured-text .category-basics[b-y3sn41ocou] { background: var(--primary-color); color: white; padding: 3px 10px; border-radius: 15px; font-size: 0.8rem; margin-bottom: 10px; display: inline-block; }

.featured-title[b-y3sn41ocou] { font-size: 1.3rem; font-weight: 700; margin-bottom: 8px; color: white; }

.featured-excerpt[b-y3sn41ocou] { font-size: 0.9rem; line-height: 1.5; color: var(--neutral-600); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 小尺寸焦点内容 */
.featured-small[b-y3sn41ocou] { display: flex; margin-bottom: 15px; background: #f8f9fa; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); height: 85px; }

.featured-media-small[b-y3sn41ocou] { position: relative; width: 35%; min-width: 100px; }

.featured-img-small[b-y3sn41ocou] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }

.featured-small:hover .featured-img-small[b-y3sn41ocou] { transform: scale(1.05); }

.video-badge[b-y3sn41ocou] { position: absolute; top: 8px; right: 8px; background: rgba(0, 0, 0, 0.7); color: white; padding: 3px 8px; border-radius: 3px; font-size: 0.7rem; z-index: 2; }

.featured-text-small[b-y3sn41ocou] { flex: 1; padding: 10px 15px; display: flex; flex-direction: column; justify-content: space-between; }

.featured-title-small[b-y3sn41ocou] { font-size: 0.9rem; font-weight: 600; color: var(--neutral-700); margin-bottom: 5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.featured-meta[b-y3sn41ocou] { font-size: 0.8rem; color: var(--neutral-600); }

/* 内容类型标签页 */
.content-tabs-section[b-y3sn41ocou] { background: white; border-radius: 12px; padding: 25px; margin-bottom: 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.content-type-tabs[b-y3sn41ocou] { display: flex; border-bottom: 1px solid var(--border-color); margin-top: 15px; }

.tab-btn[b-y3sn41ocou] { background: none; border: none; padding: 12px 25px; font-size: 1rem; color: var(--neutral-600); cursor: pointer; position: relative; transition: color 0.3s ease; }

.tab-btn:hover[b-y3sn41ocou] { color: var(--primary-color); }

.tab-btn.active[b-y3sn41ocou] { color: var(--primary-color); font-weight: 600; }

.tab-btn.active[b-y3sn41ocou]::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: var(--primary-color); }


/* 分类标签颜色 */
/*.category-basics { background: #4CAF50; color: white; }
.category-childhood { background: #2196F3; color: white; }
.category-adolescence { background: #FF9800; color: white; }
.category-adulthood { background: #9C27B0; color: white; }
.category-elderly { background: #F44336; color: white; }
.category-anxiety { background: #00BCD4; color: white; }
.category-relationship { background: #E91E63; color: white; }
.category-professional { background: #607D8B; color: white; }
.category-health { background: #8BC34A; color: white; }
.category-family { background: #FFC107; color: #333; }
.category-work { background: #795548; color: white; }*/





/* 侧边栏样式 */
.sidebar-section[b-y3sn41ocou] { background: white; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.sidebar-title[b-y3sn41ocou] { font-size: 1.2rem; font-weight: 700; color: var(--neutral-700); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--border-color); display: flex; align-items: center; }

.sidebar-title i[b-y3sn41ocou] { margin-right: 10px; color: var(--primary-color); }

/* 热门专题 */
.topics-list[b-y3sn41ocou] { display: flex; flex-direction: column; gap: 15px; }

.topic-item[b-y3sn41ocou] { text-decoration: none; transition: all 0.3s ease; }

.topic-item:hover[b-y3sn41ocou] { transform: translateY(-3px); }

.topic-img-container[b-y3sn41ocou] { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 10px; }

.topic-img[b-y3sn41ocou] { width: 100%; height: 150px; object-fit: cover; transition: transform 0.3s ease; }

.topic-item:hover .topic-img[b-y3sn41ocou] { transform: scale(1.05); }

.topic-overlay[b-y3sn41ocou] { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); }

.topic-count[b-y3sn41ocou] { position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.7); color: white; padding: 3px 8px; border-radius: 4px; font-size: 0.8rem; }

.topic-title[b-y3sn41ocou] { font-size: 1rem; font-weight: 600; color: var(--neutral-700); text-align: center; }

/* 热门排行 */
.hot-list[b-y3sn41ocou] { display: flex; flex-direction: column; gap: 15px; }

.hot-item[b-y3sn41ocou] { display: flex; align-items: center; gap: 15px; text-decoration: none; transition: all 0.3s ease; }

.hot-item:hover[b-y3sn41ocou] { transform: translateX(5px); }

.hot-rank[b-y3sn41ocou] { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; background: var(--bg-secondary); color: var(--neutral-600); border-radius: 50%; font-size: 0.8rem; font-weight: 600; }

.hot-rank-top[b-y3sn41ocou] { background: var(--primary-color); color: white; }

.hot-content[b-y3sn41ocou] { flex: 1; }

.hot-title[b-y3sn41ocou] { font-size: 0.9rem; font-weight: 600; color: var(--neutral-700); margin-bottom: 5px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.hot-meta[b-y3sn41ocou] { font-size: 0.8rem; color: var(--neutral-600); }

/* 推荐视频 */
.videos-list[b-y3sn41ocou] { display: flex; flex-direction: column; gap: 15px; }

.video-item[b-y3sn41ocou] { text-decoration: none; transition: all 0.3s ease; }

.video-item:hover[b-y3sn41ocou] { transform: translateY(-3px); }

.video-thumbnail[b-y3sn41ocou] { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 10px; }

.video-img[b-y3sn41ocou] { width: 100%; height: 160px; object-fit: cover; transition: transform 0.3s ease; }

.video-item:hover .video-img[b-y3sn41ocou] { transform: scale(1.05); }

.video-duration[b-y3sn41ocou] { position: absolute; bottom: 10px; right: 10px; background: rgba(0, 0, 0, 0.7); color: white; padding: 3px 8px; border-radius: 4px; font-size: 0.8rem; }

.play-icon-small[b-y3sn41ocou] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.7); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: all 0.3s ease; }
.play-icon-small i[b-y3sn41ocou] { margin-right: -5px; }
.video-item:hover .play-icon-small[b-y3sn41ocou] { background: var(--primary-color); transform: translate(-50%, -50%) scale(1.1); }

.video-title[b-y3sn41ocou] { font-size: 0.9rem; font-weight: 600; color: var(--neutral-700); line-height: 1.4; }

/* 专家专栏 */
.experts-list[b-y3sn41ocou] { display: flex; flex-direction: column; gap: 15px; }

.expert-item[b-y3sn41ocou] { display: flex; align-items: center; gap: 15px; text-decoration: none; padding: 10px; border-radius: 8px; transition: all 0.3s ease; }

.expert-item:hover[b-y3sn41ocou] { background: var(--bg-secondary); }

.expert-avatar[b-y3sn41ocou] { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 3px solid var(--primary-color); }

.expert-info[b-y3sn41ocou] { flex: 1; }

.expert-name[b-y3sn41ocou] { font-size: 1rem; font-weight: 700; color: var(--neutral-700); margin-bottom: 3px; }

.expert-title[b-y3sn41ocou] { font-size: 0.8rem; color: var(--neutral-600); line-height: 1.3; }

/* 关注我们 */
.follow-us[b-y3sn41ocou] { text-align: center; }

.qrcode[b-y3sn41ocou] { width: 180px; height: 180px; margin: 0 auto 15px; border: 1px solid var(--border-color); border-radius: 8px; padding: 10px; background: white; }

.follow-text[b-y3sn41ocou] { font-size: 0.9rem; color: var(--neutral-600); margin-bottom: 15px; line-height: 1.4; }

.social-icons[b-y3sn41ocou] { display: flex; justify-content: center; gap: 15px; }

.social-icon[b-y3sn41ocou] { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--bg-secondary); color: var(--neutral-700); border-radius: 50%; font-size: 1.2rem; transition: all 0.3s ease; text-decoration: none; }

.social-icon:hover[b-y3sn41ocou] { background: var(--primary-color); color: white; transform: translateY(-3px); }

/* 响应式设计 （已移动到article.css）*/
/*@media (max-width: 1200px) {
    .content-row { flex-direction: column; }

    .content-right { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; }

    .sidebar-section { flex: 1; min-width: calc(50% - 10px); }

    .featured-content { flex-direction: column; }

    .featured-large { height: 250px; }

    .featured-sidebar { display: flex; flex-wrap: wrap; gap: 10px; }

    .featured-small { flex: 1; min-width: calc(50% - 5px); }
}

@media (max-width: 992px) {
    .category-nav { gap: 10px; }

    .category-item { padding: 10px 15px; min-width: 80px; }

    .category-item i { font-size: 1.2rem; margin-bottom: 5px; }

    .category-item span { font-size: 0.8rem; }

    .psychology-item { flex-direction: column; align-items: center; }

    .psychology-media { width: 100%; height: 250px; }
}

@media (max-width: 768px) {
    .section-title { font-size: 2rem; }

    .sidebar-section { min-width: 100%; }

    .search-bar { max-width: 100%; margin: 0 20px; }

    .featured-small { min-width: 100%; }

    .psychology-header { flex-direction: column; align-items: flex-start; gap: 10px; }

    .psychology-footer { flex-direction: column; align-items: flex-start; gap: 15px; }

    .psychology-meta { gap: 15px; flex-wrap: wrap; }
}

@media (max-width: 576px) {
    .section-title { font-size: 1.7rem; }

    .category-nav { justify-content: flex-start; overflow-x: auto; padding: 0 15px; }

    .category-item { min-width: 70px; padding: 10px; }

    .category-item span { font-size: 0.75rem; }

    .psychology-media { height: 200px; }

    .featured-large { height: 200px; }

    .featured-title { font-size: 1.1rem; }

    .featured-excerpt { font-size: 0.8rem; }

    .qrcode { width: 150px; height: 150px; }
}
*/
/* /Views/Assessment/Index.cshtml.rz.scp.css */
/* 心理测评中心首页样式 */

/* 统计数据样式 */
.stats-container[b-ymn9lv0g5t] { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.stats-grid[b-ymn9lv0g5t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }

.stat-card[b-ymn9lv0g5t] { text-align: center; padding: 20px; background-color: var(--neutral-50); border: 1px solid var(--neutral-200); border-radius: 12px; transition: transform 0.3s ease; box-shadow: var(--shadow-card); }
.stat-card:hover[b-ymn9lv0g5t] { transform: translateY(-5px); }

.stat-number[b-ymn9lv0g5t] { font-size: 2.5rem; font-weight: 700; color: #4F46E5; margin-bottom: 10px; }
.stat-label[b-ymn9lv0g5t] { font-size: 1rem; color: #6B7280; }

/* 功能特点样式 */
.features-section[b-ymn9lv0g5t] { padding: 60px 0; background-color: #f9fafb; }


.features-cards[b-ymn9lv0g5t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }

.feature-card[b-ymn9lv0g5t] { background-color: white; padding: 30px; border-radius: 12px; /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); */ transition: all 0.3s ease; border: 1px solid #E5E7EB; }
.feature-card:hover[b-ymn9lv0g5t] { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }

.feature-icon[b-ymn9lv0g5t] { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 20px; font-size: 24px; }
.feature-icon i[b-ymn9lv0g5t] { margin-right: 0; }

.feature-title[b-ymn9lv0g5t] { font-size: 1.25rem; font-weight: 600; color: #1F2937; margin-bottom: 15px; }
.feature-description[b-ymn9lv0g5t] { font-size: 1rem; color: #6B7280; line-height: 1.6; }

/* 热门测评量表样式 */
.popular-assessments-section[b-ymn9lv0g5t] { padding: 80px 0; background-color: white; }

.section-header[b-ymn9lv0g5t] { text-align: center; margin-bottom: 50px; }

.assessments-grid[b-ymn9lv0g5t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 40px; }

.assessment-card[b-ymn9lv0g5t] { background-color: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; display: flex; flex-direction: column; }
.assessment-card:hover[b-ymn9lv0g5t] { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }

.card-image-container[b-ymn9lv0g5t] { height: 200px; overflow: hidden; }

.card-image[b-ymn9lv0g5t] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.assessment-card:hover .card-image[b-ymn9lv0g5t] { transform: scale(1.05); }

.card-content[b-ymn9lv0g5t] { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.card-header[b-ymn9lv0g5t] { display: flex; justify-content: space-between; align-items: flex-start; padding: 0; box-shadow: none; margin-bottom: 15px; }
.card-title[b-ymn9lv0g5t] { font-size: 1.25rem; font-weight: 600; color: #1F2937; margin: 0; }
.card-category[b-ymn9lv0g5t] { font-size: 0.875rem; padding: 4px 8px; border-radius: 4px; font-weight: 500; }
.category-emotion[b-ymn9lv0g5t] { background-color: #FEE2E2; color: #DC2626; }
.category-stress[b-ymn9lv0g5t] { background-color: #FEF3C7; color: #D97706; }
.card-description[b-ymn9lv0g5t] { font-size: 1rem; color: #6B7280; margin-bottom: 20px; line-height: 1.6; flex: 1; }
.card-footer[b-ymn9lv0g5t] { display: flex; justify-content: space-between; align-items: center; }
.card-meta[b-ymn9lv0g5t] { display: flex; flex-direction: column; }
.meta-label[b-ymn9lv0g5t] { font-size: 0.875rem; color: #9CA3AF; }
.meta-value[b-ymn9lv0g5t] { font-size: 1rem; color: #4B5563; font-weight: 500; margin: 0; }
.card-footer .btn-primary[b-ymn9lv0g5t] { background-color: #4F46E5; color: white; padding: 8px 16px; border-radius: 6px; font-weight: 500; transition: all 0.3s ease; text-decoration: none; border: none; cursor: pointer; }
.card-footer .btn-primary:hover[b-ymn9lv0g5t] { background-color: #4338CA; transform: translateY(-2px); }
.view-all-container[b-ymn9lv0g5t] { text-align: center; margin-top: 40px; }


/* 测评分类样式 */
.assessment-categories-section[b-ymn9lv0g5t] { padding: 30px 0; background: linear-gradient(135deg, #f8fafc 0%, #f6edff 100%); position: relative; overflow: hidden; }

/* 背景装饰元素 */
/* .assessment-categories-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
} */

/* 背景装饰圆点 */
/* .assessment-categories-section::after {
  content: '';
  position: absolute;
  top: 20%;
  right: -100px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99,102,241,0.1) 0%, rgba(255,255,255,0) 70%);
} */

/* .assessment-categories-section .container::before {
  content: '';
  position: absolute;
  bottom: 10%;
  left: -150px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(236,72,153,0.08) 0%, rgba(255,255,255,0) 70%);
} */

.categories-grid[b-ymn9lv0g5t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; position: relative; z-index: 1; }

.category-card[b-ymn9lv0g5t] { background: rgba(255, 255, 255, 0.95); padding: 20px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; flex-direction: column; height: 100%; position: relative; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); backdrop-filter: blur(5px); text-align: center; min-height: 180px; justify-content: space-between; }

/* 确保容器有相对定位，让装饰元素正确显示 */
.assessment-categories-section .container[b-ymn9lv0g5t] { position: relative; z-index: 1; }

.category-card[b-ymn9lv0g5t]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.category-card:hover[b-ymn9lv0g5t] { transform: translateY(-5px); box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.1), 0 8px 8px -5px rgba(0, 0, 0, 0.04); background: white; }
.category-card:hover[b-ymn9lv0g5t]::before { transform: scaleX(1); }

.category-icon[b-ymn9lv0g5t] { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 15px; font-size: 24px; position: relative; z-index: 1; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.category-icon i[b-ymn9lv0g5t] { margin-right: 0; }

.category-card:hover .category-icon[b-ymn9lv0g5t] { transform: scale(1.1) rotate(5deg); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }

.category-title[b-ymn9lv0g5t] { font-size: 1.25rem; font-weight: 700; color: #111827; margin-bottom: 10px; position: relative; display: inline-block; padding-bottom: 5px; }
.category-title[b-ymn9lv0g5t]::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; transition: width 0.3s ease; }
.category-card:hover .category-title[b-ymn9lv0g5t]::after { width: 60px; }

.category-description[b-ymn9lv0g5t] { font-size: 0.9rem; color: #4B5563; margin-bottom: 15px; line-height: 1.5; flex: 1; transition: color 0.3s ease; }
.category-card:hover .category-description[b-ymn9lv0g5t] { color: #1F2937; }

.category-footer[b-ymn9lv0g5t] { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid #E5E7EB; }
.assessment-count[b-ymn9lv0g5t] { font-size: 0.8rem; color: #6B7280; font-weight: 500; transition: color 0.3s ease; }
.category-card:hover .assessment-count[b-ymn9lv0g5t] { color: var(--primary-color); }

.btn-section-more[b-ymn9lv0g5t] { background: linear-gradient(135deg, var(--primary-color), var(--color-purple)); color: white; padding: 6px 12px; border-radius: 20px; font-weight: 600; font-size: 0.8rem; text-decoration: none; transition: all 0.3s ease; transform: translateY(0); }
.btn-section-more:hover[b-ymn9lv0g5t] { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); color: white; }

/* 卡片底部分隔线 */
.category-card[b-ymn9lv0g5t]::after { content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background-color: #e5e7eb; transform: scaleX(0); transition: transform 0.3s ease; }
.category-card:hover[b-ymn9lv0g5t]::after { transform: scaleX(1); }

/* 分类卡片操作区域 */
.category-card .card-actions[b-ymn9lv0g5t] { margin-top: auto; }

/* 为不同分类添加特定的渐变效果和一致的颜色主题 */
/* 分类1 */
.category-card:nth-child(1) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #ef4444, #f87171); color: white; }
.category-card:nth-child(1)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #ef4444, #f87171); }
.category-card:nth-child(1) .category-title[b-ymn9lv0g5t]::after { background-color: #ef4444; }
.category-card:nth-child(1):hover .category-title[b-ymn9lv0g5t] { color: #ef4444; }
.category-card:nth-child(1):hover .assessment-count[b-ymn9lv0g5t] { color: #ef4444; }

/* 分类2 */
.category-card:nth-child(2) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #3b82f6, #60a5fa); color: white; }
.category-card:nth-child(2)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.category-card:nth-child(2) .category-title[b-ymn9lv0g5t]::after { background-color: #3b82f6; }
.category-card:nth-child(2):hover .category-title[b-ymn9lv0g5t] { color: #3b82f6; }
.category-card:nth-child(2):hover .assessment-count[b-ymn9lv0g5t] { color: #3b82f6; }

/* 分类3 */
.category-card:nth-child(3) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #10b981, #34d399); color: white; }
.category-card:nth-child(3)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #10b981, #34d399); }
.category-card:nth-child(3) .category-title[b-ymn9lv0g5t]::after { background-color: #10b981; }
.category-card:nth-child(3):hover .category-title[b-ymn9lv0g5t] { color: #10b981; }
.category-card:nth-child(3):hover .assessment-count[b-ymn9lv0g5t] { color: #10b981; }

/* 分类4 */
.category-card:nth-child(4) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: white; }
.category-card:nth-child(4)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.category-card:nth-child(4) .category-title[b-ymn9lv0g5t]::after { background-color: #f59e0b; }
.category-card:nth-child(4):hover .category-title[b-ymn9lv0g5t] { color: #f59e0b; }
.category-card:nth-child(4):hover .assessment-count[b-ymn9lv0g5t] { color: #f59e0b; }

/* 分类5 */
.category-card:nth-child(5) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #8b5cf6, #a78bfa); color: white; }
.category-card:nth-child(5)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.category-card:nth-child(5) .category-title[b-ymn9lv0g5t]::after { background-color: #8b5cf6; }
.category-card:nth-child(5):hover .category-title[b-ymn9lv0g5t] { color: #8b5cf6; }
.category-card:nth-child(5):hover .assessment-count[b-ymn9lv0g5t] { color: #8b5cf6; }

/* 分类6 */
.category-card:nth-child(6) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #ec4899, #f472b6); color: white; }
.category-card:nth-child(6)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #ec4899, #f472b6); }
.category-card:nth-child(6) .category-title[b-ymn9lv0g5t]::after { background-color: #ec4899; }
.category-card:nth-child(6):hover .category-title[b-ymn9lv0g5t] { color: #ec4899; }
.category-card:nth-child(6):hover .assessment-count[b-ymn9lv0g5t] { color: #ec4899; }

/* 分类7 */
.category-card:nth-child(7) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #0ea5e9, #38bdf8); color: white; }
.category-card:nth-child(7)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }
.category-card:nth-child(7) .category-title[b-ymn9lv0g5t]::after { background-color: #0ea5e9; }
.category-card:nth-child(7):hover .category-title[b-ymn9lv0g5t] { color: #0ea5e9; }
.category-card:nth-child(7):hover .assessment-count[b-ymn9lv0g5t] { color: #0ea5e9; }

/* 分类8 */
.category-card:nth-child(8) .category-icon[b-ymn9lv0g5t] { background: linear-gradient(135deg, #16a34a, #4ade80); color: white; }
.category-card:nth-child(8)[b-ymn9lv0g5t]::before { background: linear-gradient(90deg, #16a34a, #4ade80); }
.category-card:nth-child(8) .category-title[b-ymn9lv0g5t]::after { background-color: #16a34a; }
.category-card:nth-child(8):hover .category-title[b-ymn9lv0g5t] { color: #16a34a; }
.category-card:nth-child(8):hover .assessment-count[b-ymn9lv0g5t] { color: #16a34a; }

/* 测评流程样式 */
.assessment-process-section[b-ymn9lv0g5t] { padding: 80px 0; background-color: #f9fafb; position: relative; overflow: hidden; }

/* 装饰背景元素 - 增强视觉效果 */
.assessment-process-section[b-ymn9lv0g5t]::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; height: 1000px; background: radial-gradient(circle, rgba(79,70,229,0.08) 0%, rgba(79,70,229,0) 70%); z-index: 0; }

/* 添加多个装饰元素增强层次感 */
.assessment-process-section[b-ymn9lv0g5t]::after { content: ''; position: absolute; top: 20%; right: 10%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(236,72,153,0.05) 0%, rgba(236,72,153,0) 70%); z-index: 0; }

.process-steps[b-ymn9lv0g5t] { display: flex; justify-content: space-between; align-items: flex-start; position: relative; max-width: 1200px; margin: 0 auto; z-index: 1; flex-wrap: nowrap; }

/* 增强流程步骤卡片设计 */
.process-step[b-ymn9lv0g5t] { display: flex; align-items: flex-start; flex: 1; margin: 0 10px; max-width: 270px; position: relative; z-index: 2; padding: 24px; background-color: white; border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border: 1px solid transparent; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: hidden; min-width: 0; }

/* 添加卡片顶部装饰条 */
.process-step[b-ymn9lv0g5t]::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 6px; background: linear-gradient(90deg, #4F46E5 0%, #6366F1 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }

/* 为步骤卡片添加内部装饰元素 */
.process-step[b-ymn9lv0g5t]::after { content: ''; position: absolute; bottom: -20px; right: -20px; width: 100px; height: 100px; background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%); border-radius: 50%; z-index: 0; transition: transform 0.4s ease; }

/* 悬停效果 */
.process-step:hover[b-ymn9lv0g5t] { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); border-color: rgba(79, 70, 229, 0.2); }
.process-step:hover[b-ymn9lv0g5t]::before { transform: scaleX(1); }
.process-step:hover[b-ymn9lv0g5t]::after { transform: scale(1.5); }

/* 步骤图标容器 - 增强视觉效果 */
.process-number[b-ymn9lv0g5t] { width: 64px; height: 64px; background: linear-gradient(135deg, #4F46E5 0%, #6366F1 100%); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 16px rgba(79, 70, 229, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.1) inset; position: relative; overflow: hidden; transition: all 0.3s ease; border: 4px solid rgba(255, 255, 255, 0.9); backface-visibility: hidden; perspective: 1000px; margin-right: 20px; animation: pulse-border-b-ymn9lv0g5t 3s infinite alternate; line-height: 1; text-align: center; }

/* 确保伪元素也是完美圆形 */
.process-number[b-ymn9lv0g5t]::before,
.process-number[b-ymn9lv0g5t]::after { border-radius: 50%; }

/* 边框脉冲动画 */
@keyframes pulse-border-b-ymn9lv0g5t {
    0% { border-color: rgba(255, 255, 255, 0.5); box-shadow: 0 8px 16px rgba(79, 70, 229, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.1) inset; }
    100% { border-color: rgba(255, 255, 255, 0.9); box-shadow: 0 8px 16px rgba(79, 70, 229, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.2) inset; }
}

/* 闪光动画效果 */
.process-number[b-ymn9lv0g5t]::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.2) 50%, transparent 60%); transform: rotate(30deg); animation: shimmer-b-ymn9lv0g5t 2.5s infinite; z-index: 1; }

@keyframes shimmer-b-ymn9lv0g5t {
    0% { transform: translateX(-100%) rotate(30deg); }
    100% { transform: translateX(100%) rotate(30deg); }
}

/* 添加步骤图标 */
.process-step:nth-child(1) .process-number[b-ymn9lv0g5t]::before { content: '📋'; position: absolute; font-size: 1.5rem; opacity: 0; transform: scale(0.8); transition: all 0.3s ease; z-index: 3; }
.process-step:nth-child(3) .process-number[b-ymn9lv0g5t]::before { content: '✏️'; position: absolute; font-size: 1.5rem; opacity: 0; transform: scale(0.8); transition: all 0.3s ease; z-index: 3; }
.process-step:nth-child(5) .process-number[b-ymn9lv0g5t]::before { content: '📊'; position: absolute; font-size: 1.5rem; opacity: 0; transform: scale(0.8); transition: all 0.3s ease; z-index: 3; }
.process-step:nth-child(7) .process-number[b-ymn9lv0g5t]::before { content: '💡'; position: absolute; font-size: 1.5rem; opacity: 0; transform: scale(0.8); transition: all 0.3s ease; z-index: 3; }

/* 数字span样式 */
.process-number span[b-ymn9lv0g5t] { position: relative; z-index: 2; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; transition: all 0.3s ease; display: inline-block; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 10px rgba(255, 255, 255, 0.3); backface-visibility: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; line-height: 1; }

/* 为数字添加内部发光效果 */
.process-number span[b-ymn9lv0g5t]::after { content: attr(data-number); position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-shadow: 0 0 8px rgba(255, 255, 255, 0.8); opacity: 0.7; z-index: -1; }

/* 悬停时的数字和图标交互 */
.process-step:hover .process-number[b-ymn9lv0g5t] { transform: scale(1.15); box-shadow: 0 8px 16px rgba(79, 70, 229, 0.4); position: relative; z-index: 4; }

/* 确保所有步骤图标在悬停时都能正确显示 */
.process-step:nth-child(1):hover .process-number[b-ymn9lv0g5t]::before,
.process-step:nth-child(3):hover .process-number[b-ymn9lv0g5t]::before,
.process-step:nth-child(5):hover .process-number[b-ymn9lv0g5t]::before,
.process-step:nth-child(7):hover .process-number[b-ymn9lv0g5t]::before { opacity: 1; transform: scale(1); z-index: 5; position: absolute; }

.process-step:hover .process-number span[b-ymn9lv0g5t] { opacity: 0; transform: scale(0.8); z-index: 1; }

/* 内容区域 */
.process-content[b-ymn9lv0g5t] { flex: 1; min-width: 0; /* 防止内容溢出 */ padding-right: 8px; /* 增加内容区域内边距 */ }

/* 标题样式 */
.process-title[b-ymn9lv0g5t] { font-size: 1.25rem; font-weight: 700; color: #1F2937; margin-bottom: 12px; position: relative; display: inline-block; transition: color 0.3s ease; letter-spacing: -0.5px; line-height: 1.4; padding-bottom: 4px; }
.process-title[b-ymn9lv0g5t]::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: linear-gradient(90deg, #4F46E5 0%, #EC4899 100%); transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border-radius: 2px; }
.process-step:hover .process-title[b-ymn9lv0g5t] { color: #4F46E5; }
.process-step:hover .process-title[b-ymn9lv0g5t]::after { width: 100%; }

/* 描述文本样式 */
.process-description[b-ymn9lv0g5t] { font-size: 0.95rem; color: #6B7280; line-height: 1.7; transition: all 0.3s ease; margin: 0; letter-spacing: 0.2px; text-align: left; }
.process-step:hover .process-description[b-ymn9lv0g5t] { color: #4B5563; transform: translateX(2px); }

/* 连接线设计 */
.process-connector[b-ymn9lv0g5t] { position: absolute; height: 4px; background: linear-gradient(90deg, #4F46E5 0%, #EC4899 100%); top: 52px; left: 0; right: 0; margin: 0 auto; max-width: calc(100% - 100px); z-index: 1; display: none; border-radius: 2px; box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3); overflow: hidden; }

/* 连接线动态效果 */
.process-connector[b-ymn9lv0g5t]::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); animation: flow-b-ymn9lv0g5t 3s infinite linear; }

@keyframes flow-b-ymn9lv0g5t {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* 连接线装饰 */
.process-connector[b-ymn9lv0g5t]::after { content: ''; position: absolute; width: 16px; height: 16px; background: linear-gradient(135deg, #4F46E5 0%, #6366F1 100%); border: 3px solid white; border-radius: 50%; top: 50%; right: -8px; transform: translateY(-50%); box-shadow: 0 2px 4px rgba(79, 70, 229, 0.3); }

/* 响应式设计 - 超大屏幕 */
@media (min-width: 1200px) {
    .process-step[b-ymn9lv0g5t] { margin: 0 15px; max-width: 280px; }

    .process-connector[b-ymn9lv0g5t] { max-width: calc(100% - 120px); }
}

/* 响应式设计 - 大屏幕 */
@media (min-width: 992px) {
    .process-connector[b-ymn9lv0g5t] { display: block; }

    /* 确保大屏幕上四个步骤在一行 */
    .process-steps[b-ymn9lv0g5t] { flex-wrap: nowrap; justify-content: space-between; }

    .process-step[b-ymn9lv0g5t] { margin-bottom: 0; }
}

/* 响应式设计 - 中等屏幕 */
@media (min-width: 768px) and (max-width: 991px) {
    .process-steps[b-ymn9lv0g5t] { flex-direction: column; align-items: center; }

    .process-step[b-ymn9lv0g5t] { width: 100%; max-width: 550px; margin-bottom: 30px; position: relative; margin-left: 0; margin-right: 0; }

    /* 垂直连接线 */
    .process-step:not(:last-child)[b-ymn9lv0g5t]::after { content: ''; position: absolute; left: 28px; bottom: -30px; width: 3px; height: 30px; background: linear-gradient(to bottom, #4F46E5 0%, #6366F1 100%); box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2); }
}

/* 响应式设计 - 小屏幕 */
@media (max-width: 767px) {
    .assessment-process-section[b-ymn9lv0g5t] { padding: 60px 0; }

    .process-steps[b-ymn9lv0g5t] { flex-direction: column; align-items: center; }

    .process-step[b-ymn9lv0g5t] { width: 100%; max-width: 100%; margin-bottom: 30px; position: relative; padding: 20px; }

    .process-number[b-ymn9lv0g5t] { width: 48px; height: 48px; font-size: 1.125rem; margin-right: 15px; }

    .process-title[b-ymn9lv0g5t] { font-size: 1.125rem; }

    .process-description[b-ymn9lv0g5t] { font-size: 0.9rem; }

    /* 垂直连接线 */
    .process-step:not(:last-child)[b-ymn9lv0g5t]::after { content: ''; position: absolute; left: 24px; bottom: -30px; width: 3px; height: 30px; background: linear-gradient(to bottom, #4F46E5 0%, #6366F1 100%); box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2); }
}

/* 用户评价样式 */
.testimonials-section[b-ymn9lv0g5t] { padding: 80px 0; background-color: #f5f5f5; }

.testimonials-slider[b-ymn9lv0g5t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto; }

.testimonial-item[b-ymn9lv0g5t] { background-color: white; padding: 30px; border-radius: 12px; border: 1px solid #E5E7EB; transition: all 0.3s ease; }

/* 评价卡片悬停效果 */
.testimonial-item:hover[b-ymn9lv0g5t] { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }

/* 评价星级 */
.testimonial-rating[b-ymn9lv0g5t] { margin-bottom: 15px; }

.testimonial-rating i[b-ymn9lv0g5t] { color: #FBBF24; font-size: 16px; margin-right: 2px; }

/* 评价内容 */
.testimonial-text[b-ymn9lv0g5t] { font-size: 1rem; color: #4B5563; line-height: 1.6; margin-bottom: 20px; font-style: italic; }

/* 评价作者信息 */
.testimonial-author[b-ymn9lv0g5t] { display: flex; align-items: center; gap: 15px; }

.author-avatar[b-ymn9lv0g5t] { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }

.author-info h4[b-ymn9lv0g5t] { font-size: 1rem; font-weight: 600; color: #1F2937; margin: 0; }

.author-info p[b-ymn9lv0g5t] { font-size: 0.875rem; color: #9CA3AF; margin: 5px 0 0; }



/* 答案区域样式 */
.faq-answer[b-ymn9lv0g5t] { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }

.faq-answer p[b-ymn9lv0g5t] { padding: 0 0 20px; margin: 0; font-size: 1rem; color: #6B7280; line-height: 1.6; }

/* 查看全部按钮区域 */
.view-all-faq[b-ymn9lv0g5t] { text-align: center; margin-top: 40px; }

/* 联系咨询样式 */
.contact-section[b-ymn9lv0g5t] { padding: 80px 0; background-color: #4F46E5; color: white; }

/* 联系内容布局 */
.contact-content[b-ymn9lv0g5t] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; }

/* 联系信息区域 */
.contact-title[b-ymn9lv0g5t] { font-size: 2rem; font-weight: 700; margin-bottom: 20px; color: white; }

.contact-description[b-ymn9lv0g5t] { font-size: 1.125rem; margin-bottom: 30px; line-height: 1.6; color: #E0E7FF; }

.contact-info[b-ymn9lv0g5t] { display: flex; flex-direction: column; gap: 15px; }

.contact-item[b-ymn9lv0g5t] { display: flex; align-items: center; gap: 15px; font-size: 1.125rem; }

.contact-item i[b-ymn9lv0g5t] { color: #EC4899; }

/* 联系表单样式 */
.contact-form[b-ymn9lv0g5t] { background-color: white; padding: 30px; border-radius: 12px; color: #1F2937; }

.form-title[b-ymn9lv0g5t] { font-size: 1.5rem; font-weight: 600; margin-bottom: 20px; color: #1F2937; }

.form-group[b-ymn9lv0g5t] { margin-bottom: 20px; }

/* 表单输入样式 */
.form-input[b-ymn9lv0g5t], .form-textarea[b-ymn9lv0g5t] { width: 100%; padding: 12px; border: 1px solid #E5E7EB; border-radius: 6px; font-size: 1rem; transition: border-color 0.3s ease; }

.form-input:focus[b-ymn9lv0g5t], .form-textarea:focus[b-ymn9lv0g5t] { outline: none; border-color: #4F46E5; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); }


/* 响应式设计 - 大屏幕 (992px以下) */
@media (max-width: 992px) {

    /* 流程步骤响应式 */
    .process-steps[b-ymn9lv0g5t] { flex-direction: column; align-items: center; }

    .process-step[b-ymn9lv0g5t] { margin-bottom: 30px; max-width: 100%; width: 300px; }

    .process-connector[b-ymn9lv0g5t] { display: none; }
}

/* 响应式设计 - 中等屏幕 (768px以下) */
@media (max-width: 768px) {

    /* 网格布局响应式 */
    .assessments-grid[b-ymn9lv0g5t], .categories-grid[b-ymn9lv0g5t], .testimonials-slider[b-ymn9lv0g5t] { grid-template-columns: 1fr; }

    .stats-grid[b-ymn9lv0g5t] { grid-template-columns: repeat(2, 1fr); }

    .features-cards[b-ymn9lv0g5t] { grid-template-columns: 1fr; }

    .contact-content[b-ymn9lv0g5t] { grid-template-columns: 1fr; }
}

/* 响应式设计 - 小屏幕 (576px以下) */
@media (max-width: 576px) {

    /* 网格布局响应式 */
    .stats-grid[b-ymn9lv0g5t] { grid-template-columns: 1fr; }

    /* .section-description {
    font-size: 1rem;
  } */


}
/* /Views/Assessment/Start.cshtml.rz.scp.css */

.assessment-container[b-bdx5u0hor6] { background-color: white; border-radius: 20px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); padding: 30px; width: 100%; max-width: 800px; }

.section-title[b-bdx5u0hor6] { font-size: 24px; font-weight: 600; color: #333; text-align: center; margin-bottom: 10px; }

.section-description[b-bdx5u0hor6] { text-align: center; color: #666; margin-bottom: 30px; }

.progress-bar-container[b-bdx5u0hor6] { width: 100%; height: 8px; background-color: #e9ecef; border-radius: 4px; margin-bottom: 30px; overflow: hidden; }

.progress-bar[b-bdx5u0hor6] { height: 100%; background: linear-gradient(90deg, #4f46e5 0%, #8b5cf6 100%); border-radius: 4px; width: 33%; /* 默认显示2/3进度 */  transition: width 0.5s ease; }

.question-card[b-bdx5u0hor6] { margin-bottom: 30px; }

.question-header[b-bdx5u0hor6] { display: flex; align-items: center; margin-bottom: 20px; }

.question-number[b-bdx5u0hor6] { background-color: #6366f1; color: white; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-right: 15px; }

.question-text[b-bdx5u0hor6] { font-size: 18px; color: #333; line-height: 1.5; }

.question-options[b-bdx5u0hor6] { display: flex; flex-direction: column; gap: 15px; }

.option-item[b-bdx5u0hor6] { position: relative; }

.option-item input[b-bdx5u0hor6] { display: none; }

.option-item label[b-bdx5u0hor6] { display: block; padding: 15px 20px; border: 2px solid #adb5bd; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; position: relative; padding-left: 50px; }

.option-item input:checked + label[b-bdx5u0hor6] { border-color: #6366f1; background-color: #f0f4ff; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2); }

.option-item label[b-bdx5u0hor6]::before { content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 2px solid #adb5bd; background-color: white; }

.option-item input:checked + label[b-bdx5u0hor6]::before { border-color: #6366f1; background-color: #6366f1; }

.option-item input:checked + label[b-bdx5u0hor6]::after { content: "✓"; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); color: white; font-size: 12px; font-weight: bold; }

.question-navigation[b-bdx5u0hor6] { margin-top: 2rem; display: flex; justify-content: flex-end; gap: 1rem; }

.btn-prev[b-bdx5u0hor6] { margin-right: auto; }

.question-status[b-bdx5u0hor6] { text-align: center; color: #666; margin-top: 20px; font-size: 14px; }

.hidden[b-bdx5u0hor6] { display: none; }

.btn-prev[b-bdx5u0hor6],
.btn-next[b-bdx5u0hor6],
.btn-submit[b-bdx5u0hor6] { padding: 12px 24px; border-radius: 12px; border: none; font-weight: 500; cursor: pointer; transition: all 0.3s ease; font-size: 16px; }

.btn-prev[b-bdx5u0hor6] { background-color: #f3f4f6; color: #4b5563; }

.btn-prev:hover[b-bdx5u0hor6] { background-color: #e5e7eb; }

.btn-next[b-bdx5u0hor6],
.btn-submit[b-bdx5u0hor6] { background: linear-gradient(90deg, #4f46e5 0%, #8b5cf6 100%); color: white; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35); }

.btn-next:hover[b-bdx5u0hor6],
.btn-submit:hover[b-bdx5u0hor6] { box-shadow: 0 10px 25px rgba(99, 102, 241, 0.45); transform: translateY(-2px); }

.btn-submit[b-bdx5u0hor6] { display: none; margin-left: auto; }

@media (max-width: 768px) {
    .assessment-container[b-bdx5u0hor6] { padding: 20px; }

    .question-text[b-bdx5u0hor6] { font-size: 16px; }

    .btn-prev[b-bdx5u0hor6],
    .btn-next[b-bdx5u0hor6],
    .btn-submit[b-bdx5u0hor6] { padding: 10px 20px; font-size: 14px; }
}
/* /Views/Assessment/StartPlan.cshtml.rz.scp.css */

.assessment-container[b-izbme3zaf4] { background-color: white; border-radius: 20px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); padding: 30px; width: 100%; max-width: 800px; }

.section-title[b-izbme3zaf4] { font-size: 24px; font-weight: 600; color: #333; text-align: center; margin-bottom: 10px; }

.section-description[b-izbme3zaf4] { text-align: center; color: #666; margin-bottom: 30px; }

.progress-bar-container[b-izbme3zaf4] { width: 100%; height: 8px; background-color: #e9ecef; border-radius: 4px; margin-bottom: 30px; overflow: hidden; }

.progress-bar[b-izbme3zaf4] { height: 100%; background: linear-gradient(90deg, #4f46e5 0%, #8b5cf6 100%); border-radius: 4px; width: 33%; /* 默认显示2/3进度 */ }

.question-card[b-izbme3zaf4] { margin-bottom: 30px; }

.question-header[b-izbme3zaf4] { display: flex; align-items: center; margin-bottom: 20px; }

.question-number[b-izbme3zaf4] { background-color: #6366f1; color: white; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-right: 15px; }

.question-text[b-izbme3zaf4] { font-size: 18px; color: #333; line-height: 1.5; }

.question-options[b-izbme3zaf4] { display: flex; flex-direction: column; gap: 15px; }

.option-item[b-izbme3zaf4] { position: relative; }

.option-item input[b-izbme3zaf4] { display: none; }

.option-item label[b-izbme3zaf4] { display: block; padding: 15px 20px; border: 2px solid #adb5bd; border-radius: 12px; cursor: pointer; transition: all 0.3s ease; position: relative; padding-left: 50px; }

.option-item input:checked + label[b-izbme3zaf4] { border-color: #6366f1; background-color: #f0f4ff; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2); }

.option-item label[b-izbme3zaf4]::before { content: ""; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 2px solid #adb5bd; background-color: white; }

.option-item input:checked + label[b-izbme3zaf4]::before { border-color: #6366f1; background-color: #6366f1; }

.option-item input:checked + label[b-izbme3zaf4]::after { content: "✓"; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); color: white; font-size: 12px; font-weight: bold; }

.question-navigation[b-izbme3zaf4] { margin-top: 2rem; display: flex; justify-content: flex-end; gap: 1rem; }

.btn-prev[b-izbme3zaf4] { margin-right: auto; }

.question-status[b-izbme3zaf4] { text-align: center; color: #666; margin-top: 20px; font-size: 14px; }

.hidden[b-izbme3zaf4] { display: none; }

.btn-prev[b-izbme3zaf4],
.btn-next[b-izbme3zaf4],
.btn-submit[b-izbme3zaf4] { padding: 12px 24px; border-radius: 12px; border: none; font-weight: 500; cursor: pointer; transition: all 0.3s ease; font-size: 16px; }

.btn-prev[b-izbme3zaf4] { background-color: #f3f4f6; color: #4b5563; }

.btn-prev:hover[b-izbme3zaf4] { background-color: #e5e7eb; }

.btn-next[b-izbme3zaf4],
.btn-submit[b-izbme3zaf4] { background: linear-gradient(90deg, #4f46e5 0%, #8b5cf6 100%); color: white; box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35); }

.btn-next:hover[b-izbme3zaf4],
.btn-submit:hover[b-izbme3zaf4] { box-shadow: 0 10px 25px rgba(99, 102, 241, 0.45); transform: translateY(-2px); }

.btn-submit[b-izbme3zaf4] { display: none; margin-left: auto; }

@media (max-width: 768px) {
    .assessment-container[b-izbme3zaf4] { padding: 20px; }

    .question-text[b-izbme3zaf4] { font-size: 16px; }

    .btn-prev[b-izbme3zaf4],
    .btn-next[b-izbme3zaf4],
    .btn-submit[b-izbme3zaf4] { padding: 10px 20px; font-size: 14px; }
}
/* /Views/Home/Index.cshtml.rz.scp.css */
/* 通用区块标题样式 */
.section-title[b-c3l8kh69jn] { position: relative; }

.section-title[b-c3l8kh69jn]::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 150px; height: 4px; background: linear-gradient(90deg, var(--primary-light), var(--primary-color)); border-radius: 9999px; }

/* 英雄区域样式 */
.hero-section[b-c3l8kh69jn] { position: relative; padding: 60px 0 60px; background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); }

/* 轮播容器样式 */
.hero-bg-carousel[b-c3l8kh69jn] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.3; overflow: hidden; }

.carousel-container[b-c3l8kh69jn] { position: relative; width: 100%; height: 100%; }
.carousel-slides[b-c3l8kh69jn] { position: relative; width: 100%; height: 100%; overflow: hidden; }

/* 轮播项 */
.carousel-slide[b-c3l8kh69jn] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.8s ease, transform 0.8s ease; transform: scale(1.1); }
.carousel-slide.active[b-c3l8kh69jn] { opacity: 1; transform: scale(1); z-index: 1; }

.carousel-image[b-c3l8kh69jn] { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* 轮播控制按钮 */
.carousel-control[b-c3l8kh69jn] { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); border: none; border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; z-index: 10; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.carousel-control:hover[b-c3l8kh69jn] { background: white; transform: translateY(-50%) scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); }
.carousel-control i[b-c3l8kh69jn] { font-size: 1.2rem; color: var(--primary-color); }

.prev-control[b-c3l8kh69jn] { left: 20px; }
.next-control[b-c3l8kh69jn] { right: 20px; }

.hero-container[b-c3l8kh69jn] { position: relative; z-index: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.hero-content[b-c3l8kh69jn] { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }

/* 左侧主要内容 */
.hero-main-content[b-c3l8kh69jn] { display: flex; flex-direction: column; gap: 24px; max-width: 550px; }

/* 标题区域 */
.hero-title[b-c3l8kh69jn] { font-size: 3.2rem; font-weight: 800; line-height: 1.1; margin: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加文字阴影 */ }
.title-line[b-c3l8kh69jn] { display: block; margin-bottom: 12px; }
.title-gradient[b-c3l8kh69jn] { background: linear-gradient(90deg, var(--primary-color) 0%, var(--color-purple) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; }

/* 副标题 */
.hero-subtitle[b-c3l8kh69jn] { font-size: 1.125rem; color: var(--neutral-800); line-height: 1.7; margin: 0; opacity: 0.9; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 添加文字阴影 */ padding: 10px 0; }

/* 功能标签 */
.hero-features[b-c3l8kh69jn] { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }

.feature-tag[b-c3l8kh69jn] { display: inline-flex; align-items: center; gap: 6px; background-color: rgba(255, 255, 255, 0.8); padding: 6px 14px; border-radius: 20px; font-size: 0.9rem; color: var(--neutral-600); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; }
.feature-tag i[b-c3l8kh69jn] { color: var(--primary-color); font-size: 0.8rem; }

.card-content[b-c3l8kh69jn] { display: flex; flex-direction: column; }

/* 动画效果 */
@keyframes pulse-b-c3l8kh69jn {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes slideIn-b-c3l8kh69jn {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes float-b-c3l8kh69jn {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

.float-animation[b-c3l8kh69jn] { animation: float-b-c3l8kh69jn 4s ease-in-out infinite; }

.pulse-effect[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; }
.pulse-effect:hover[b-c3l8kh69jn]::before { width: 300px; height: 300px; }
.animate-text[b-c3l8kh69jn] { opacity: 0; animation: fadeIn-b-c3l8kh69jn 0.8s ease forwards 0.3s; }

@keyframes fadeIn-b-c3l8kh69jn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 服务导航 */
.services-nav-grid[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

.service-nav-card[b-c3l8kh69jn] { /* background-color: white; */ border-radius: 1rem; padding: 1.5rem; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(0, 0, 0, 0.05); position: relative; overflow: auto; backdrop-filter: blur(5px); }
.service-nav-card:hover[b-c3l8kh69jn] { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); backdrop-filter: blur(20px); }

/* 顶部装饰条 */
.service-nav-card:nth-child(1)[b-c3l8kh69jn] { border-color: var(--primary-light); }
.service-nav-card:nth-child(1):hover .service-title[b-c3l8kh69jn] { color: var(--primary-color); }
.service-nav-card:nth-child(1)[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-light) 100%); }

.service-nav-card:nth-child(2)[b-c3l8kh69jn] { border-color: var(--color-purple-light); }
.service-nav-card:nth-child(2):hover .service-title[b-c3l8kh69jn] { color: var(--color-purple); }
.service-nav-card:nth-child(2)[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--color-purple) 0%, var(--color-purple-light) 100%); }

.service-nav-card:nth-child(3)[b-c3l8kh69jn] { border-color: var(--color-green); }
.service-nav-card:nth-child(3):hover .service-title[b-c3l8kh69jn] { color: var(--color-green-dark); }
.service-nav-card:nth-child(3)[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--color-green-dark) 0%, var(--color-green) 100%); }

.service-nav-card:nth-child(4)[b-c3l8kh69jn] { border-color: var(--color-pink); }
.service-nav-card:nth-child(4):hover .service-title[b-c3l8kh69jn] { color: var(--color-pink-dark); }
.service-nav-card:nth-child(4)[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--color-pink-dark) 0%, var(--color-pink) 100%); }

/* 图标容器样式 */
.service-icon-wrapper[b-c3l8kh69jn] { display: flex; align-items: center; justify-content: center; }
.service-icon-circle[b-c3l8kh69jn] { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease; }
.service-icon-primary[b-c3l8kh69jn] { background-color: rgba(59, 130, 246, 0.1); }
.service-icon-blue[b-c3l8kh69jn] { background-color: rgba(59, 130, 246, 0.1); }
.service-icon-green[b-c3l8kh69jn] { background-color: rgba(34, 197, 94, 0.1); }
.service-icon-purple[b-c3l8kh69jn] { background-color: rgba(139, 92, 246, 0.1); }
.service-icon-orange[b-c3l8kh69jn] { background-color: rgba(249, 115, 22, 0.1); }
.service-icon-pink[b-c3l8kh69jn] { background-color: rgba(246, 93, 247, 0.1); }
.service-nav-card:hover .service-icon-circle[b-c3l8kh69jn] { transform: scale(1.1); }
.service-icon-circle i[b-c3l8kh69jn] { font-size: 2rem; }
.service-icon-primary i[b-c3l8kh69jn] { color: var(--primary-color); }
.service-icon-blue i[b-c3l8kh69jn] { color: var(--color-blue); }
.service-icon-green i[b-c3l8kh69jn] { color: var(--color-green-dark); }
.service-icon-purple i[b-c3l8kh69jn] { color: var(--color-purple); }
.service-icon-pink i[b-c3l8kh69jn] { color: var(--color-pink); }
.service-icon-orange i[b-c3l8kh69jn] { color: var(--color-orange); }

/* 服务标题 */
.service-title[b-c3l8kh69jn] { font-size: 1.8rem; text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加文字阴影 */ font-weight: 600; color: var(--neutral-800); margin-bottom: 1rem; line-height: 1.4; }
.service-description[b-c3l8kh69jn] { font-size: 0.875rem; color: var(--neutral-500); line-height: 1.6; }

/* 服务链接 - 默认隐藏，鼠标悬停时浮动显示 */
.service-link[b-c3l8kh69jn] { display: none; /* 默认隐藏 */ align-items: center; gap: 8px; color: var(--primary-color); font-weight: 600; font-size: 0.875rem; text-decoration: none; transition: all 0.3s ease; position: absolute; /* 绝对定位，浮动显示 */ bottom: 2rem; left: 50%; transform: translateX(-50%); background-color: white; padding: 8px 16px; border-radius: 50px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 10; }
/* 鼠标悬停在卡片上时显示链接 */
.service-nav-card:hover .service-link[b-c3l8kh69jn] { display: flex; animation: fadeInUp-b-c3l8kh69jn 0.3s ease; }

@keyframes fadeInUp-b-c3l8kh69jn {
    from { opacity: 0; transform: translateX(-50%) translateY(10px); }

    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

.service-link i[b-c3l8kh69jn] { transition: transform 0.3s ease; }
.service-link:hover i[b-c3l8kh69jn] { transform: translateX(5px); }

/* 心理科普区域样式 */
.knowledge-section[b-c3l8kh69jn] { padding: 60px 0; background-color: white; position: relative; overflow: hidden; }

/* 背景装饰 */
.knowledge-section[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(59, 130, 246, 0.03) 0%, rgba(59, 130, 246, 0) 100%); }

/* 知识卡片网格 */
.knowledge-grid[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 30px; }

.knowledge-card[b-c3l8kh69jn] { background-color: white; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; transform-style: preserve-3d; }
.knowledge-card:hover[b-c3l8kh69jn] { transform: translateY(-15px) rotateX(5deg); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); }
.knowledge-card[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, var(--primary-color) 0%, var(--color-blue) 100%); }

/* 卡片图片容器 */
.knowledge-image[b-c3l8kh69jn] { position: relative; overflow: hidden; height: 220px; }
.knowledge-image img[b-c3l8kh69jn] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.knowledge-card:hover .knowledge-image img[b-c3l8kh69jn] { transform: scale(1.08); }

/* 卡片标签 */
.knowledge-card-category[b-c3l8kh69jn] { position: absolute; top: 16px; left: 16px; display: inline-block; backdrop-filter: blur(8px);  border-radius: 50px; font-size: 0.85rem; font-weight: 600; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 1; }

/* 卡片内容 */
.knowledge-content[b-c3l8kh69jn] { padding: 24px; }
.knowledge-title[b-c3l8kh69jn] { font-size: 1.4rem; font-weight: 700; color: var(--neutral-600); margin-bottom: 12px; line-height: 1.4; transition: color 0.3s ease; }
.knowledge-card:hover .knowledge-title[b-c3l8kh69jn] { color: var(--primary-color); }
.knowledge-excerpt[b-c3l8kh69jn] { color: var(--neutral-500); margin-bottom: 20px; line-height: 1.7; font-size: 0.95rem; }

/* 查看更多按钮 */
.view-more-container[b-c3l8kh69jn] { text-align: center; margin-top: 30px; }

/* 心理测评中心样式 */
#assessment-center[b-c3l8kh69jn] { padding: 60px 0; background-color: #f9fafb; position: relative; overflow: hidden; }

/* 背景装饰 */
#assessment-center[b-c3l8kh69jn]::before,
#assessment-center[b-c3l8kh69jn]::after { content: ''; position: absolute; border-radius: 50%; opacity: 0.1; }
#assessment-center[b-c3l8kh69jn]::before { width: 400px; height: 400px; background-color: var(--primary-color); top: -200px; right: -100px; }
#assessment-center[b-c3l8kh69jn]::after { width: 300px; height: 300px; background-color: var(--color-purple); bottom: -150px; left: -100px; }

/* 测评卡片网格 */
.assessment-grid[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; margin-bottom: 70px; }
.assessment-card[b-c3l8kh69jn] { background-color: white; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; transform-style: preserve-3d; height: 100%; display: flex; flex-direction: column;overflow:hidden; }
.assessment-card:hover[b-c3l8kh69jn] { transform: translateY(-15px) rotateX(5deg); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12); }
.assessment-card[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, var(--color-purple) 0%, var(--primary-color) 100%); }

/* 测评卡片图片 */
.assessment-card-image[b-c3l8kh69jn] { position: relative; overflow: hidden; height: 200px; }
.assessment-card-image img[b-c3l8kh69jn] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.assessment-card:hover .assessment-card-image img[b-c3l8kh69jn] { transform: scale(1.08); }

/* 测评类型标签 */
.assessment-card-category[b-c3l8kh69jn] { position: absolute; top: 16px; left: 16px; display: inline-block; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(8px); color: var(--color-purple); padding: 6px 14px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 1; }

/* 测评卡片内容 */
.assessment-card-content[b-c3l8kh69jn] { padding: 24px; flex: 1; display: flex; flex-direction: column; }
.assessment-card-title[b-c3l8kh69jn] { font-size: 1.4rem; font-weight: 700; color: var(--neutral-600); margin-bottom: 12px; line-height: 1.4; transition: color 0.3s ease; }
.assessment-card:hover .assessment-card-title[b-c3l8kh69jn] { color: var(--color-purple); }
.assessment-card-description[b-c3l8kh69jn] { color: var(--neutral-500); margin-bottom: 20px; line-height: 1.7; font-size: 0.95rem; flex: 1; }

/* 测评信息 */
.assessment-card-info[b-c3l8kh69jn] { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; padding-top: 16px; border-top: 1px solid var(--neutral-100); }
.assessment-card-time[b-c3l8kh69jn] { display: flex; align-items: center; gap: 6px; color: var(--neutral-400); font-size: 0.85rem; }
.assessment-card-difficulty[b-c3l8kh69jn] { display: flex; align-items: center; gap: 6px; color: var(--neutral-400); font-size: 0.85rem; }

/* 测评中心CTA区域 */
.assessment-cta[b-c3l8kh69jn] { text-align: center; background: linear-gradient(135deg, rgba(147, 51, 234, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%); padding: 60px; border-radius: 20px; position: relative; overflow: hidden; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); }
.assessment-cta[b-c3l8kh69jn]::before,
.assessment-cta[b-c3l8kh69jn]::after { content: ''; position: absolute; border-radius: 50%; opacity: 0.08; }
.assessment-cta[b-c3l8kh69jn]::before { width: 200px; height: 200px; background-color: var(--primary-color); top: -100px; right: -50px; }
.assessment-cta[b-c3l8kh69jn]::after { width: 150px; height: 150px; background-color: var(--color-purple); bottom: -75px; left: -30px; }
.assessment-cta-content[b-c3l8kh69jn] { position: relative; z-index: 1; }
.assessment-cta-title[b-c3l8kh69jn] { font-size: 2.2rem; font-weight: 800; color: var(--neutral-600); margin-bottom: 16px; }
.assessment-cta-description[b-c3l8kh69jn] { font-size: 1.1rem; color: var(--neutral-500); max-width: 700px; margin: 0 auto 30px; line-height: 1.7; }

/* 心理课程培训样式 */
#course-training[b-c3l8kh69jn] { padding: 60px 0; background-color: white; position: relative; overflow: hidden; }

/* 背景装饰 */
#course-training[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, rgba(59, 130, 246, 0) 50%); }
.course-description[b-c3l8kh69jn] { font-size: 1.1rem; color: var(--neutral-500); max-width: 700px; margin: 0 auto; line-height: 1.7; }

/* 课程分类标签 */
.course-categories[b-c3l8kh69jn] { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 50px; }
.course-category-btn[b-c3l8kh69jn] { background-color: white; color: var(--neutral-500); padding: 10px 20px; border-radius: 50px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; border: 1px solid var(--neutral-100); cursor: pointer; }
.course-category-btn:hover[b-c3l8kh69jn],
.course-category-btn.active[b-c3l8kh69jn] { background-color: var(--color-green); color: white; border-color: var(--color-green); box-shadow: 0 4px 12px rgba(34, 197, 94, 0.2); }

/* 课程卡片网格 */
.course-grid[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; margin-bottom: 60px; }

.course-card[b-c3l8kh69jn] { background-color: white; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; transform-style: preserve-3d; height: 100%; display: flex; flex-direction: column; }
.course-card:hover[b-c3l8kh69jn] { transform: translateY(-15px) rotateX(5deg); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12); }
.course-card[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, var(--color-green) 0%, var(--primary-color) 100%); }

/* 课程卡片标签 */
.course-badge[b-c3l8kh69jn] { position: absolute; top: 16px; right: 16px; display: inline-block; background-color: var(--color-green); color: white; padding: 6px 14px; border-radius: 50px; font-size: 0.85rem; font-weight: 600; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3); z-index: 1; }
.course-badge.hot[b-c3l8kh69jn] { background-color: var(--color-orange); box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3); }
.course-badge.new[b-c3l8kh69jn] { background-color: var(--primary-color); box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); }

/* 课程卡片图片 */
.course-image-container[b-c3l8kh69jn] { position: relative; overflow: hidden; height: 200px; }
.course-image[b-c3l8kh69jn] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.course-card:hover .course-image[b-c3l8kh69jn] { transform: scale(1.08); }

/* 课程卡片内容 */
.course-content[b-c3l8kh69jn] { padding: 24px; flex: 1; display: flex; flex-direction: column; }
.course-category[b-c3l8kh69jn] { display: inline-block; background-color: rgba(34, 197, 94, 0.1); color: var(--color-green); padding: 4px 12px; border-radius: 50px; font-size: 0.8rem; font-weight: 600; margin-bottom: 12px; }
.course-card-title[b-c3l8kh69jn] { font-size: 1.4rem; font-weight: 700; color: var(--neutral-600); margin-bottom: 12px; line-height: 1.4; transition: color 0.3s ease; }
.course-card:hover .course-card-title[b-c3l8kh69jn] { color: var(--color-green); }
.course-excerpt[b-c3l8kh69jn] { color: var(--neutral-500); margin-bottom: 20px; line-height: 1.7; font-size: 0.95rem; flex: 1; }

/* 课程信息 */
.course-meta[b-c3l8kh69jn] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 20px; padding-top: 16px; border-top: 1px solid var(--neutral-100); }
.course-info[b-c3l8kh69jn] { display: flex; align-items: center; gap: 6px; color: var(--neutral-400); font-size: 0.85rem; }
.course-instructor[b-c3l8kh69jn] { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.instructor-avatar[b-c3l8kh69jn] { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid var(--neutral-100); }
.instructor-info[b-c3l8kh69jn] { display: flex; flex-direction: column; }
.instructor-name[b-c3l8kh69jn] { font-weight: 600; color: var(--neutral-600); font-size: 0.9rem; }
.instructor-role[b-c3l8kh69jn] { color: var(--neutral-400); font-size: 0.8rem; }

/* 课程底部信息 */
.course-footer[b-c3l8kh69jn] { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.course-free[b-c3l8kh69jn] { font-size: 1.6rem; font-weight: 700;font-style:italic; color: var(--color-green); }
.course-price[b-c3l8kh69jn] { display: flex; flex-direction: column; }
.current-price[b-c3l8kh69jn] { font-size: 1.6rem; font-weight: 700; color: var(--color-orange); }
.original-price[b-c3l8kh69jn] { font-size: 0.85rem; color: var(--neutral-400); text-decoration: line-through; }
.course-rating[b-c3l8kh69jn] { display: flex; align-items: center; gap: 4px; color: var(--color-orange); font-weight: 600; }
.course-rating i[b-c3l8kh69jn] { font-size: 0.9rem; }
.course-rating span[b-c3l8kh69jn] { color: var(--neutral-600); font-size: 0.9rem; }

/* 课程CTA区域 */
.course-cta[b-c3l8kh69jn] { text-align: center; background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%); padding: 60px; border-radius: 20px; position: relative; overflow: hidden; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); }
.course-cta[b-c3l8kh69jn]::before,
.course-cta[b-c3l8kh69jn]::after { content: ''; position: absolute; border-radius: 50%; opacity: 0.08; }
.course-cta[b-c3l8kh69jn]::before { width: 200px; height: 200px; background-color: var(--color-green); top: -100px; right: -50px; }
.course-cta[b-c3l8kh69jn]::after { width: 150px; height: 150px; background-color: var(--primary-color); bottom: -75px; left: -30px; }
.course-cta-content[b-c3l8kh69jn] { position: relative; z-index: 1; }
.course-cta-title[b-c3l8kh69jn] { font-size: 2.2rem; font-weight: 800; color: var(--neutral-600); margin-bottom: 16px; }
.course-cta-description[b-c3l8kh69jn] { font-size: 1.1rem; color: var(--neutral-500); max-width: 700px; margin: 0 auto 30px; line-height: 1.7; }

/* 心理咨询辅导样式 */
.counseling-section[b-c3l8kh69jn] { position: relative; padding: 4rem 0; background: linear-gradient(135deg, #f0f9ff 0%, #f0f0ff 100%); overflow: hidden; width: 100%; margin: 0px auto; }

/* 背景装饰元素 */
.counseling-bg-shape[b-c3l8kh69jn] { position: absolute; z-index: 0; }
.bg-circle1[b-c3l8kh69jn] { width: 300px; height: 300px; border-radius: 50%; background: rgba(123, 104, 238, 0.05); top: 10%; left: -100px; animation: float-b-c3l8kh69jn 8s ease-in-out infinite; }
.bg-circle2[b-c3l8kh69jn] { width: 400px; height: 400px; border-radius: 50%; background: rgba(70, 130, 180, 0.05); bottom: -200px; right: -150px; animation: float-b-c3l8kh69jn 10s ease-in-out infinite reverse; }
.bg-wave[b-c3l8kh69jn] { position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(255,255,255,0.7)" fill-opacity="1" d="M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,229.3C672,235,768,213,864,181.3C960,149,1056,107,1152,90.7C1248,75,1344,85,1392,90.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>'); background-size: cover; background-position: center; background-repeat: no-repeat; }

/* 标题区域 */
.counseling-header[b-c3l8kh69jn] { text-align: center; margin-bottom: 3rem; position: relative; z-index: 1; }
.counseling-tag[b-c3l8kh69jn] { display: inline-block; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; padding: 0.25rem 1rem; border-radius: 9999px; font-size: 0.875rem; margin-bottom: 0.5rem; font-weight: 500; letter-spacing: 0.5px; }
.counseling-title[b-c3l8kh69jn] { font-size: 1.5rem; font-weight: 700; color: var(--neutral-600); margin-bottom: 1rem; line-height: 1.2; }
.counseling-description[b-c3l8kh69jn] { font-size: 1rem; color: var(--neutral-500); max-width: 800px; margin: 0 auto 1.5rem; line-height: 1.6; }
.counseling-more[b-c3l8kh69jn] { display: inline-flex; align-items: center; color: var(--primary-color); font-weight: 600; font-size: 1rem; transition: all 0.3s ease; text-decoration: none; }
.counseling-more:hover[b-c3l8kh69jn] { color: var(--secondary-color); transform: translateX(5px); }
.counseling-more i[b-c3l8kh69jn] { margin-left: 0.25rem; transition: transform 0.3s ease; }
.counseling-more:hover i[b-c3l8kh69jn] { transform: translateX(3px); }

/* 咨询服务类型 */
.counseling-service-types[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 4rem; position: relative; z-index: 1; }
.service-type-card[b-c3l8kh69jn] { background: white; border-radius: 0.75rem; padding: 2rem; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; position: relative; overflow: hidden; }
.service-type-card[b-c3l8kh69jn]::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); transform: scaleX(0); transform-origin: right; transition: transform 0.3s ease; }
.service-type-card:hover[b-c3l8kh69jn] { transform: translateY(-5px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.service-type-card:hover[b-c3l8kh69jn]::before { transform: scaleX(1); transform-origin: left; }
.service-type-icon[b-c3l8kh69jn] { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 2rem; color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); position: relative; z-index: 1; }
.service-type-icon.individual[b-c3l8kh69jn] { background: linear-gradient(135deg, #4e73df, #667eea); }
.service-type-icon.couple[b-c3l8kh69jn] { background: linear-gradient(135deg, #1cc88a, #36b9cc); }
.service-type-icon.youth[b-c3l8kh69jn] { background: linear-gradient(135deg, #f6c23e, #e74a3b); }
.service-type-title[b-c3l8kh69jn] { font-size: 1.125rem; font-weight: 600; color: var(--neutral-600); margin-bottom: 0.5rem; }
.service-type-desc[b-c3l8kh69jn] { color: var(--neutral-500); margin-bottom: 1rem; line-height: 1.6; }
.service-type-link[b-c3l8kh69jn] { display: inline-flex; align-items: center; color: var(--primary-color); font-weight: 600; font-size: 0.875rem; transition: all 0.3s ease; text-decoration: none; }
.service-type-link:hover[b-c3l8kh69jn] { color: var(--secondary-color); transform: translateX(5px); }
.service-type-link i[b-c3l8kh69jn] { margin-left: 0.25rem; font-size: 1rem; transition: transform 0.3s ease; }
.service-type-link:hover i[b-c3l8kh69jn] { transform: translateX(2px); }

/* 咨询师网格 */
.counselors-grid[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 2rem; margin-bottom: 4rem; position: relative; z-index: 1; }
.counselor-card[b-c3l8kh69jn] { background: white; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; display: flex; flex-direction: column; gap: 1rem; position: relative; overflow: hidden; }
.counselor-card[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); }
.counselor-card:hover[b-c3l8kh69jn] { transform: translateY(-10px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.counselor-avatar-container[b-c3l8kh69jn] { position: relative; display: inline-block; }
.counselor-avatar[b-c3l8kh69jn] { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 4px solid white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; }
.counselor-avatar img[b-c3l8kh69jn] { width: 100%; height: 100%; object-fit: cover; }
.counselor-card:hover .counselor-avatar[b-c3l8kh69jn] { transform: scale(1.05); }
.counselor-badge[b-c3l8kh69jn] { position: absolute; bottom: 0; right: -10px; background: var(--primary-color); color: white; padding: 3px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 500; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.counselor-info h3[b-c3l8kh69jn] { font-size: 1.25rem; font-weight: 600; color: var(--neutral-600); margin-bottom: 0.25rem; }
.counselor-info p[b-c3l8kh69jn] { color: var(--neutral-500); margin-bottom: 1rem; }
.counselor-specialty[b-c3l8kh69jn] { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 1rem; }
.counselor-specialty .tag[b-c3l8kh69jn] { padding: 0.25rem 0.5rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; }
.counselor-stats[b-c3l8kh69jn] { display: flex; gap: 1rem; align-items: center; }
.counselor-stat[b-c3l8kh69jn] { display: flex; align-items: center; gap: 0.25rem; color: var(--neutral-500); font-size: 0.875rem; }
.counselor-stat i[b-c3l8kh69jn] { color: #f39c12; }
.rating-score[b-c3l8kh69jn] { font-weight: 600; color: var(--neutral-600); }
.counselor-footer[b-c3l8kh69jn] { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.counselor-price[b-c3l8kh69jn] { display: flex; align-items: baseline; gap: 0.25rem; }
.price-value[b-c3l8kh69jn] { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); }
.price-unit[b-c3l8kh69jn] { color: var(--neutral-500); font-size: 0.875rem; }
.counselor-btn[b-c3l8kh69jn] { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; border: none; padding: 0.5rem 1.5rem; border-radius: 9999px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); text-decoration: none; }
.counselor-btn:hover[b-c3l8kh69jn] { transform: translateY(-3px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, var(--secondary-color), var(--primary-color)); }

/* 咨询流程 */
.counseling-process[b-c3l8kh69jn] { text-align: center; margin-bottom: 4rem; position: relative; z-index: 1; }

.process-title[b-c3l8kh69jn] { font-size: 1.25rem; font-weight: 600; color: var(--neutral-600); margin-bottom: 2rem; }

.process-steps[b-c3l8kh69jn] { display: flex; flex-wrap: wrap; justify-content: center; gap: 3rem; max-width: 1000px; margin: 0 auto; }

.process-step[b-c3l8kh69jn] { display: flex; align-items: center; max-width: 280px; position: relative; }

.step-number[b-c3l8kh69jn] { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: white; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); flex-shrink: 0; transition: transform 0.3s ease; }

.process-step:hover .step-number[b-c3l8kh69jn] { transform: scale(1.1); }

.step-content[b-c3l8kh69jn] { margin-left: 1rem; text-align: left; }

.step-title[b-c3l8kh69jn] { font-size: 1rem; font-weight: 600; color: var(--neutral-600); margin-bottom: 0.25rem; }

.step-desc[b-c3l8kh69jn] { color: var(--neutral-500); font-size: 0.875rem; line-height: 1.5; }

.step-arrow[b-c3l8kh69jn] { position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236c757d"><path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-size: contain; background-repeat: no-repeat; display: none; }

/* 咨询CTA区域 */
.counseling-cta[b-c3l8kh69jn] { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); border-radius: 1rem; padding: 3rem; text-align: center; color: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; }

.counseling-cta[b-c3l8kh69jn]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z" fill="%23ffffff" fill-opacity="0.05" fill-rule="evenodd"/></svg>'); opacity: 0.3; }

.counseling-cta-content[b-c3l8kh69jn] { position: relative; z-index: 1; }

.cta-title[b-c3l8kh69jn] { font-size: 2.2rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; }

.cta-description[b-c3l8kh69jn] { font-size: 1rem; margin-bottom: 1.5rem; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6; }

.cta-buttons[b-c3l8kh69jn] { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }

.cta-btn[b-c3l8kh69jn] { display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; padding: 0.5rem 1.5rem; border-radius: 9999px; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; text-decoration: none; }

.cta-btn.primary[b-c3l8kh69jn] { background: white; color: var(--primary-color); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.cta-btn.primary:hover[b-c3l8kh69jn] { transform: translateY(-3px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.cta-btn.secondary[b-c3l8kh69jn] { background: rgba(255, 255, 255, 0.2); color: white; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); }

.cta-btn.secondary:hover[b-c3l8kh69jn] { background: rgba(255, 255, 255, 0.3); transform: translateY(-3px); }

/* 动画效果 */
@keyframes float-b-c3l8kh69jn {

    0%, 100% { transform: translateY(0); }

    50% { transform: translateY(-20px); }
}

/* 用户评价样式 */
.testimonials-section[b-c3l8kh69jn] { padding: 4rem 0; background-color: var(--neutral-200); background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); }
.testimonials-grid[b-c3l8kh69jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.testimonial-card[b-c3l8kh69jn] { background-color: white; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.testimonial-header[b-c3l8kh69jn] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }
.testimonial-rating[b-c3l8kh69jn] { color: #f59e0b; }
.testimonial-author[b-c3l8kh69jn] { display: flex; align-items: center; gap: 0.5rem; }
.testimonial-author img[b-c3l8kh69jn] { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }
.author-name[b-c3l8kh69jn] { font-weight: 600; color: var(--neutral-600); margin-bottom: 0; }
.author-service[b-c3l8kh69jn] { font-size: 0.875rem; color: var(--neutral-500); margin-bottom: 0; }
.testimonial-content[b-c3l8kh69jn] { color: var(--neutral-500); line-height: 1.6; font-style: italic; }


/* 关于我们部分（开始） - 介绍平台背景、优势和团队信息 */
.about-section[b-c3l8kh69jn] { padding: 5rem 0; }
.about-content[b-c3l8kh69jn] { /* 关于内容容器 - 图文结合展示平台介绍 */ display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }

.about-title[b-c3l8kh69jn] { font-size: 1.5rem; font-weight: 600; color: var(--neutral-700); margin-bottom: 1.5rem; }
.about-text[b-c3l8kh69jn] { color: var(--neutral-600); margin-bottom: 1.5rem; line-height: 1.6; }
.about-advantages[b-c3l8kh69jn] { margin-top: 2rem; }
.advantages-title[b-c3l8kh69jn] { font-size: 1.125rem; font-weight: 500; color: var(--neutral-700); margin-bottom: 1rem; }

.advantages-list[b-c3l8kh69jn] { list-style: none; padding: 0; }
.advantage-item[b-c3l8kh69jn] { display: flex; align-items: flex-start; margin-bottom: 0.75rem; }
.advantage-icon[b-c3l8kh69jn] { color: var(--success); margin-right: 0.75rem; margin-top: 0.25rem; }
.about-image-container[b-c3l8kh69jn] { position: relative; width: 70%; /* overflow: hidden; */ }
.about-image-wrapper[b-c3l8kh69jn] { position: relative; z-index: 10; border-radius: 1rem; overflow: hidden; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); }

.about-image[b-c3l8kh69jn] { width: 100%; height: auto; }
.about-bg-secondary[b-c3l8kh69jn] { position: absolute; bottom: -1rem; right: -1rem; width: var(--circle-size); height: var(--circle-size); background-color: rgba(114, 46, 209, 0.2); border-radius: 50%; filter: blur(2rem); z-index: 1; }
.about-bg-primary[b-c3l8kh69jn] { position: absolute; top: -1rem; left: -1rem; width: var(--circle-size); height: var(--circle-size); background-color: rgba(22, 93, 255, 0.2); border-radius: 50%; filter: blur(2rem); z-index: 1; }

/* 响应式设计 */
@media (max-width: 1200px) {
    .hero-title[b-c3l8kh69jn] { font-size: 2.8rem; }

    /* 服务导航卡片 */
    .services-nav-grid[b-c3l8kh69jn] { grid-template-columns: repeat(2, 1fr); gap: 1rem; }

    .service-nav-card[b-c3l8kh69jn] { padding: 25px 20px; }

    /* 心理科普区域 */
    .knowledge-grid[b-c3l8kh69jn] { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }

    /* 测评中心区域 */
    .assessment-grid[b-c3l8kh69jn] { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }

    /* 课程培训区域 */
    .course-grid[b-c3l8kh69jn] { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }

    .course-cta-title[b-c3l8kh69jn] { font-size: 2.5rem; }
}

@media (max-width: 1024px) {

    /* 英雄区域 */
    .hero-title[b-c3l8kh69jn] { font-size: 1.875rem; }

    /* 关于我们区域 */
    .about-content[b-c3l8kh69jn] { flex-direction: column; }

    .about-image-container[b-c3l8kh69jn] { width: 100%; }

    .about-image[b-c3l8kh69jn] { order: -1; /* 图片在小屏幕上显示在上方 */ }

    /* 联系我们区域 */
    .contact-content[b-c3l8kh69jn] { flex-direction: column; }
}

@media (max-width: 992px) {

    /* 英雄区域 */
    .hero-content[b-c3l8kh69jn] { grid-template-columns: 1fr; gap: 40px; }

    .hero-title[b-c3l8kh69jn] { font-size: 2.4rem; }

    /* 服务导航卡片 */
    .services-nav-grid[b-c3l8kh69jn] { grid-template-columns: repeat(2, 1fr); gap: 1rem; }

    /* 咨询流程 */
    .process-steps[b-c3l8kh69jn] { flex-direction: column; align-items: center; gap: 2rem; }

    .process-step[b-c3l8kh69jn] { max-width: 100%; width: 300px; justify-content: center; }

    .step-arrow[b-c3l8kh69jn] { display: none; }

    /* 咨询CTA */
    .counseling-cta[b-c3l8kh69jn] { padding: 2rem; }
}

@media (max-width: 768px) {

    /* 英雄区域 */
    .hero-content[b-c3l8kh69jn] { flex-direction: column; text-align: center; }

    /* 服务导航卡片 */
    .services-nav-grid[b-c3l8kh69jn] { grid-template-columns: 1fr; gap: 1rem; }

    .service-nav-card[b-c3l8kh69jn] { padding: 1.5rem; text-align: center; }

    .service-nav-item[b-c3l8kh69jn] { padding: 24px; }

    .service-icon-circle[b-c3l8kh69jn] { width: 60px; height: 60px; }

    .service-icon-circle i[b-c3l8kh69jn] { font-size: 1.5rem; }

    .service-title[b-c3l8kh69jn] { font-size: 1.5rem; }

    .service-description[b-c3l8kh69jn] { font-size: 1rem; }

    /* 轮播组件 */
    .carousel-control[b-c3l8kh69jn] { width: 35px; height: 35px; }

    .carousel-control i[b-c3l8kh69jn] { font-size: 1rem; }

    /* 心理科普 */
    .knowledge-section[b-c3l8kh69jn] { padding: 80px 0; }

    .knowledge-grid[b-c3l8kh69jn] { grid-template-columns: 1fr; }

    .knowledge-image[b-c3l8kh69jn] { height: 200px; }

    /* 测评中心 */
    #assessment-center[b-c3l8kh69jn] { padding: 80px 0; }

    .assessment-title[b-c3l8kh69jn] { font-size: 2rem; }

    .assessment-cta-title[b-c3l8kh69jn] { font-size: 1.8rem; }

    .assessment-grid[b-c3l8kh69jn] { grid-template-columns: 1fr; }

    .assessment-cta[b-c3l8kh69jn] { padding: 40px 20px; }

    /* 课程培训 */
    #course-training[b-c3l8kh69jn] { padding: 80px 0; }

    .course-cta-title[b-c3l8kh69jn] { font-size: 1.8rem; }

    .course-grid[b-c3l8kh69jn] { grid-template-columns: 1fr; }

    .course-cta[b-c3l8kh69jn] { padding: 40px 20px; }

    .course-categories[b-c3l8kh69jn] { gap: 8px; }

    .course-category-btn[b-c3l8kh69jn] { padding: 8px 16px; font-size: 0.9rem; }

    /* 心理咨询 */
    .counseling-service-types[b-c3l8kh69jn] { grid-template-columns: 1fr; }

    .counselors-grid[b-c3l8kh69jn] { grid-template-columns: 1fr; }

    /* CTA按钮 */
    .cta-buttons[b-c3l8kh69jn] { flex-direction: column; gap: 0.5rem; }

    .cta-btn[b-c3l8kh69jn] { width: 100%; max-width: 300px; margin: 0 auto; }

    .view-more-btn[b-c3l8kh69jn],
    .course-card-btn[b-c3l8kh69jn] { padding: 14px 28px; }

    /* 关于我们 */
    .about-content[b-c3l8kh69jn] { display: block; }
}

@media (max-width: 480px) {

    /* 网格布局统一设置 */
    .service-nav-grid[b-c3l8kh69jn],
    .knowledge-grid[b-c3l8kh69jn],
    .assessment-grid[b-c3l8kh69jn],
    .course-grid[b-c3l8kh69jn],
    .counselors-grid[b-c3l8kh69jn],
    .testimonials-grid[b-c3l8kh69jn] { grid-template-columns: 1fr; }

    /* 返回顶部按钮 */
    .back-to-top[b-c3l8kh69jn] { bottom: 1rem; right: 1rem; width: 40px; height: 40px; font-size: 1rem; }

    /* 卡片内容区域统一设置 */
    .knowledge-content[b-c3l8kh69jn],
    .assessment-card-content[b-c3l8kh69jn],
    .course-content[b-c3l8kh69jn] { padding: 20px; }

    /* 卡片标题统一设置 */
    .knowledge-title[b-c3l8kh69jn],
    .assessment-card-title[b-c3l8kh69jn],
    .course-card-title[b-c3l8kh69jn] { font-size: 1.2rem; }
}
/* /Views/Home/Index2.cshtml.rz.scp.css */
body[b-e3k20h32wj] {
}
/* /Views/Home/_about.cshtml.rz.scp.css */
/* 关于我们部分样式 - 介绍平台背景、优势和团队信息 */
.about-section[b-3afxbz240f] { padding: 5rem 0; }

.section-header[b-3afxbz240f] { text-align: center; margin-bottom: 2rem; }

.section-title[b-3afxbz240f] { font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 700; color: var(--neutral-700); margin-bottom: 1rem; }

.section-description[b-3afxbz240f] { font-size: 1.125rem; color: var(--neutral-500); max-width: 600px; margin: 0 auto; }

.about-content[b-3afxbz240f] { /* 关于内容容器 - 图文结合展示平台介绍 */ display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; }

@media (min-width: 768px) {
    .about-content[b-3afxbz240f] { grid-template-columns: 1fr 1fr; gap: 5rem; }
}

.about-title[b-3afxbz240f] { font-size: 1.5rem; font-weight: 600; color: var(--neutral-700); margin-bottom: 1.5rem; }

.about-text[b-3afxbz240f] { color: var(--neutral-600); margin-bottom: 1.5rem; line-height: 1.6; }

.about-advantages[b-3afxbz240f] { margin-top: 2rem; }

.advantages-title[b-3afxbz240f] { font-size: 1.125rem; font-weight: 500; color: var(--neutral-700); margin-bottom: 1rem; }

.advantages-list[b-3afxbz240f] { list-style: none; padding: 0; }

.advantage-item[b-3afxbz240f] { display: flex; align-items: flex-start; margin-bottom: 0.75rem; }

.advantage-icon[b-3afxbz240f] { color: var(--success); margin-right: 0.75rem; margin-top: 0.25rem; }

.about-image-container[b-3afxbz240f] { position: relative; width: 70%; overflow: hidden; }

@media (max-width: 768px) {
    .container[b-3afxbz240f] { padding: 0 1rem; }
    .about-image-container[b-3afxbz240f] { width: 100%; }
}

.about-image-wrapper[b-3afxbz240f] { position: relative; z-index: 10; border-radius: 1rem; overflow: hidden; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1); }

.about-bg-secondary[b-3afxbz240f] { position: absolute; bottom: -1rem; right: -1rem; width: var(--circle-size); height: var(--circle-size); background-color: rgba(114, 46, 209, 0.2); border-radius: 50%; filter: blur(2rem); z-index: 1; }

.about-bg-primary[b-3afxbz240f] { position: absolute; top: -1rem; left: -1rem; width: var(--circle-size); height: var(--circle-size); background-color: rgba(22, 93, 255, 0.2); border-radius: 50%; filter: blur(2rem); z-index: 1; }
/* /Views/Home/_assessments.cshtml.rz.scp.css */
/* 量表列表区域样式 - 展示心理测评量表列表 */
.assessments-section[b-omszy2jots] { padding: var(--assessments-padding); }

.assessments-container[b-omszy2jots] { max-width: 72rem; margin: 0 auto; padding: 0 1.5rem; }
.assessments-grid[b-omszy2jots] { display: grid; grid-template-columns: 1fr; gap: var(--assessments-gap); }

.assessments-list-grid[b-omszy2jots] { display: flex; flex-direction: column; gap: 1.5rem; }
.assessments-list-grid .assessment-card[b-omszy2jots] { display: flex; align-items: center; padding: 1.75rem; gap: 1.5rem; }
.assessments-list-grid .card-image-container[b-omszy2jots] { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.assessments-list-grid .card-content[b-omszy2jots] { flex-grow: 1; padding: 0; }
.assessments-list-grid .card-description[b-omszy2jots] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.assessments-list-grid .card-footer[b-omszy2jots] { justify-content: flex-end; }
.assessments-list-grid .meta-label[b-omszy2jots],
.assessments-list-grid .meta-value[b-omszy2jots] { display: none; }

.card-image-container[b-omszy2jots] { height: 16rem; overflow: hidden; }

/* 测评卡片 - 单个心理测评量表的展示卡片 */ 
.assessment-card[b-omszy2jots] { background-color: white; border-radius: var(--card-border-radius); border: 1px solid var(--neutral-200); overflow: hidden; box-shadow: var(--shadow-card); transition: var(--transition-custom); }
.assessment-card:hover[b-omszy2jots] { transform: translateY(-1px); box-shadow: var(--shadow-card-hover); }
.assessment-card:hover .card-image[b-omszy2jots] { transform: scale(1.05); }

/* 卡片图片 - 测评卡片中的主图，包含悬停放大效果 */
.card-image[b-omszy2jots] { width: 100%; height: 100%; transition: transform 0.5s ease; }
.assessment-card:hover .card-image[b-omszy2jots] { transform: scale(1.05); }

.card-content[b-omszy2jots] { padding: 20px; }
.card-header[b-omszy2jots] { padding: 16px 0; border-bottom: 1px solid var(--neutral-100); display: flex; justify-content: space-between; align-items: center;box-shadow:none; }

.card-title[b-omszy2jots] { font-size: 18px; color: var(--neutral-800); font-weight: 600; margin: 0; }

.card-action[b-omszy2jots] { font-size: 14px; color: var(--primary-color); text-decoration: none; font-weight: 500; transition: color 0.2s ease; }

.card-action:hover[b-omszy2jots] { color: #2980b9; }

.card-content[b-omszy2jots] { padding: 20px; }
.card-description[b-omszy2jots] { color: var(--neutral-500); margin-bottom: 1.5rem; line-height: 1.5; }

/* 卡片底部 - 包含测评时长和难度等元数据 */ 
.card-footer[b-omszy2jots] { display: flex; justify-content: space-between; align-items: center; }

/* 元数据标签 - 用于显示测评卡片中的辅助信息标签 */
.meta-label[b-omszy2jots] {  color: var(--neutral-400); font-size: 0.75rem; }
/* 元数据值 - 用于显示测评卡片中的具体数据值 */
.meta-value[b-omszy2jots] {  color: var(--neutral-700); font-weight: bold; font-size: 0.875rem; }



.card-category[b-omszy2jots] { padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.75rem; font-weight: bold; }
.category-emotion[b-omszy2jots] { background-color: rgba(var(--primary-rgb), 0.1); color: var(--primary-color); }
.category-stress[b-omszy2jots] { background-color: rgba(255, 125, 0, 0.1); color: var(--warning); }
.category-health[b-omszy2jots] { background-color: rgba(var(--secondary-rgb), 0.1); color: var(--secondary-color); }
.category-self[b-omszy2jots] { background-color: rgba(0, 180, 42, 0.1); color: var(--success); }
.category-social[b-omszy2jots] { background-color: rgba(255, 125, 0, 0.1); color: var(--warning); }

/* 区块底部 - 包含'查看全部'等操作按钮 */ 
.section-footer[b-omszy2jots] { text-align: center; margin-top: 3rem; }


@media (min-width: 768px) {
    .assessments-grid[b-omszy2jots] { grid-template-columns: repeat(2, 1fr); }
    /* 平板设备适配 - 屏幕宽度≥768px时应用 */
    .section-header[b-omszy2jots] { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (min-width: 1024px) {
    .assessments-grid[b-omszy2jots] { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .assessments-grid[b-omszy2jots] { gap: 1.5rem; }
}



/* /Views/Home/_doctors.cshtml.rz.scp.css */
/* 心理咨询师团队样式 - 展示专业咨询师信息 */
.doctors-section[b-pkqbt4x24h] { padding: 5rem 0; background-color: #ffffff; }

/* 区块头部容器 - 包含标题和描述，统一各区块头部样式 */
.section-header[b-pkqbt4x24h] { display: flex; flex-direction: column; align-items: flex-start;  text-align: center; margin-bottom: 4rem; }
.section-description[b-pkqbt4x24h] { font-size: 1.125rem; color: var(--neutral-500); max-width: 600px; margin: 0 auto; }


.doctors-grid[b-pkqbt4x24h] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2.5rem; }

/* 咨询师卡片 - 包含头像、名称、专业领域等信息 */ 
.doctor-card[b-pkqbt4x24h] { background: rgb(245 245 245 / 35%); border: 1px solid #e5e5e5; border-radius: 10px; padding: 2.5rem 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.doctor-card:hover[b-pkqbt4x24h] { /* 咨询师卡片悬停效果 - 轻微上浮并增强阴影 */ transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }

.doctor-avatar[b-pkqbt4x24h] { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color:#eee; /* margin-bottom: 1.8rem; */ }

.doctor-avatar i[b-pkqbt4x24h] { font-size: 2.2rem; }

.doctor-blue[b-pkqbt4x24h] { background-color: #E8F0FE; }

.doctor-blue i[b-pkqbt4x24h] { color: #4285F4; }

.doctor-green[b-pkqbt4x24h] { background-color: #E6F4EA; }

.doctor-green i[b-pkqbt4x24h] { color: #0F9D58; }

.doctor-orange[b-pkqbt4x24h] { background-color: #FEF7E0; }

.doctor-orange i[b-pkqbt4x24h] { color: #F4B400; }

.doctor-purple[b-pkqbt4x24h] { background-color: #F3E8FF; }

.doctor-purple i[b-pkqbt4x24h] { color: #8E24AA; }

.doctor-red[b-pkqbt4x24h] { background-color: #FEE; }

.doctor-red i[b-pkqbt4x24h] { color: #DB4437; }

.doctor-teal[b-pkqbt4x24h] { background-color: #E0F2F1; }

.doctor-teal i[b-pkqbt4x24h] { color: #00897B; }

.doctor-name[b-pkqbt4x24h] { font-size: 1.5rem; margin-bottom: 0.5rem; color: #333333; }

.doctor-title[b-pkqbt4x24h] { font-size: 1rem; color: #666666; margin-bottom: 1.2rem; font-weight: 400; }

.doctor-bio[b-pkqbt4x24h] { color: #555555; line-height: 1.6; margin-bottom: 1.5rem; font-size: 0.95rem; }



.doctor-tags[b-pkqbt4x24h] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }


.doctor-rating[b-pkqbt4x24h] { color: #F4B400; margin-bottom: 1.5rem; font-size: 0.9rem; display: flex; align-items: center; }

.doctor-rating i[b-pkqbt4x24h] { margin-right: 0.3rem; }








@media (min-width: 768px) {

    /* 平板设备适配 - 屏幕宽度≥768px时应用 */
    .section-header[b-pkqbt4x24h] { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (max-width: 768px) {
    .doctors-grid[b-pkqbt4x24h] { grid-template-columns: 1fr; gap: 1.5rem; }
}



/* /Views/Home/_features.cshtml.rz.scp.css */
.features-section[b-tnv86xa3qd] { padding: 4rem 0; background-color: #f9f9f9; }

.features-section .container[b-tnv86xa3qd] { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }

.features-cards[b-tnv86xa3qd] { display: flex; gap: 2rem; margin-top: 4rem; flex-wrap: wrap; justify-content: center; }

/* 特性卡片 - 单个功能特性的展示卡片 */
.feature-card[b-tnv86xa3qd] { background: white; border-radius: 10px; padding: 2.5rem 2rem; width: 100%; max-width: 320px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.feature-card:hover[b-tnv86xa3qd] { transform: translateY(-8px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }

.feature-icon[b-tnv86xa3qd] { width: 70px; height: 70px; border-radius: 50%; background-color: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-bottom: 1.8rem; }

.feature-icon i[b-tnv86xa3qd] { font-size: 2rem; color: var(--primary-color); }

.feature-title[b-tnv86xa3qd] { font-size: 1.5rem; margin-bottom: 1.2rem; color: var(--heading-color); }

.feature-description[b-tnv86xa3qd] { color: var(--text-color); line-height: 1.7; font-size: 1rem; }
/* /Views/Home/_hero.cshtml.rz.scp.css */
/* 英雄区域样式 - 网站首页顶部横幅，展示核心价值主张 */
.hero-section[b-eunl13l40e] { background: linear-gradient(135deg, rgba(22, 93, 255, 0.05) 0%, rgba(114, 46, 209, 0.05) 100%); padding: 5rem 0; }
.hero-container[b-eunl13l40e] { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }


.hero-content[b-eunl13l40e] { /* 英雄区域内容容器 - 包含标题、描述和行动按钮 */ display: flex; flex-direction: column; align-items: center; }
.hero-title[b-eunl13l40e] { /* 英雄区域主标题 - 大字体突出核心价值主张 */ font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.2; color: var(--neutral-700); margin-bottom: 1rem; }
.text-gradient[b-eunl13l40e] { /* 渐变文本工具类 - 用于标题等需要强调的文本 */ background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(135deg, #165DFF 0%, #722ED1 100%); }
.hero-description[b-eunl13l40e] { font-size: 1.125rem; color: var(--neutral-500); margin-bottom: 2rem; max-width: 32rem; }


.hero-buttons[b-eunl13l40e] { /* 英雄区域按钮组 - 包含主要和次要行动按钮 */ display: flex; flex-wrap: wrap; gap: 1rem; }

.hero-text-column[b-eunl13l40e] { width: 100%; margin-bottom: 2rem; }
.hero-image-column[b-eunl13l40e] { width: 100%; }
.hero-image-wrapper[b-eunl13l40e] { position: relative; }
.image-container[b-eunl13l40e] { position: relative; z-index: 10; border-radius: 1rem; max-width: clamp(28rem, 50vw, 36rem); margin: 0 auto; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); }


.about-bg-secondary[b-eunl13l40e] { position: absolute; bottom: -1rem; right: -1rem; width: var(--circle-size); height: var(--circle-size); background-color: rgba(114, 46, 209, 0.2); border-radius: 50%; filter: blur(2rem); z-index: 1; }
.about-bg-primary[b-eunl13l40e] { position: absolute; top: -1rem; left: -1rem; width: var(--circle-size); height: var(--circle-size); background-color: rgba(22, 93, 255, 0.2); border-radius: 50%; filter: blur(2rem); z-index: 1; }




/* 评分区域样式 - 展示用户总体评分和评价统计 */
.rating-overall-container[b-eunl13l40e] {  margin-top: 2.5rem; display: flex; align-items: center; gap: 1.5rem; }
.avatar-group[b-eunl13l40e] { display: flex; }
.avatar-group img[b-eunl13l40e] { margin-right: -0.5rem; }
.avatar-img[b-eunl13l40e] { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 2px solid white; box-sizing: border-box; }

/* 评分星星容器 - 展示星级评分 */
.rating-container[b-eunl13l40e] { display: flex; flex-direction: column; gap: 0.25rem; }
.rating-stars-container[b-eunl13l40e] { display: flex; align-items: center; }
.rating-stars[b-eunl13l40e] {  display: flex; color: var(--warning); }
.rating-score[b-eunl13l40e] { margin-left: 0.5rem; color: var(--neutral-600); }
.rating-review-count[b-eunl13l40e] { font-size: 0.875rem; color: var(--neutral-500); }


@media (min-width: 640px) {
    .hero-container[b-eunl13l40e] { padding: 0 1.5rem; }
}
@media (min-width: 769px) {
    .hero-content[b-eunl13l40e] { flex-direction: row; align-items: center; gap: 4rem; }
    .hero-text-column[b-eunl13l40e] { width: 50%; margin-bottom: 0; }
    .hero-image-column[b-eunl13l40e] { width: 50%; }
}
@media (min-width: 1024px) {
    .hero-container[b-eunl13l40e] { padding: 0 2rem; }
}

@media (max-width: 768px) {
    .hero-description[b-eunl13l40e] { max-width: 100%; }
    .image-container[b-eunl13l40e] { max-width: 90%; }

    .container[b-eunl13l40e], .hero-container[b-eunl13l40e], .assessments-container[b-eunl13l40e], .stats-container[b-eunl13l40e] { max-width: 100% !important; padding-left: 1rem !important; padding-right: 1rem !important; }

}
/* /Views/Home/_stats.cshtml.rz.scp.css */
/* 统计数据区域样式 - 展示平台关键数据指标 */
.stats-section[b-5si9wtjais] { padding: var(--stats-padding); background-color: var(--neutral-50); }

.stats-container[b-5si9wtjais] { max-width: 74rem; margin: 0 auto; padding: 0 1.5rem; }

.stats-grid[b-5si9wtjais] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--stats-gap); }

.stat-card[b-5si9wtjais] { background-color: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); display: flex; align-items: center; gap: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center; }

.stat-card:hover[b-5si9wtjais] { transform: translateY(-5px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); }


.stat-number[b-5si9wtjais] { /* 统计数值 - 大字体展示关键数据 */ font-size: 3rem; font-weight: bold; color: var(--primary-color); margin-bottom: 0.5rem; }

.stat-label[b-5si9wtjais] { color: var(--neutral-500); font-size: 1rem; }


@media (max-width: 768px) {
    .stats-grid[b-5si9wtjais] { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .stat-card[b-5si9wtjais] { padding: 1.5rem 1rem; max-width: 100%; }
    .stat-number[b-5si9wtjais] { font-size: 1rem !important; }
    .stat-label[b-5si9wtjais] { font-size: 0.85rem; white-space: normal; word-wrap: break-word; }
}
/* /Views/Home/_testimonials.cshtml.rz.scp.css */
/* 用户真实反馈样式 - 展示平台用户的评价与体验 */
.testimonials-section[b-ei7w4oxott] { padding: 5rem 0; background-color: #f9f9f9; }

.testimonials-section .container[b-ei7w4oxott] { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }

.testimonials-section .section-title[b-ei7w4oxott] { text-align: center; margin-bottom: 1rem; }

.testimonials-section .section-description[b-ei7w4oxott] { text-align: center; max-width: 800px; margin: 0 auto 4rem; }

.testimonials-grid[b-ei7w4oxott] { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 2.5rem; }

@media (max-width: 768px) {
    .testimonials-grid[b-ei7w4oxott] { grid-template-columns: 1fr; gap: 1.5rem; }
}

.testimonial-card[b-ei7w4oxott] { /* 用户评价卡片 - 包含评分、评价内容和用户信息 */ background: #ffffff; border-radius: 10px; padding: 2.5rem 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.testimonial-card:hover[b-ei7w4oxott] { /* 评价卡片悬停效果 - 提升卡片层次感 */ transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }

.testimonial-rating[b-ei7w4oxott] { color: #F4B400; margin-bottom: 1.5rem; font-size: 1.2rem; }

.testimonial-text[b-ei7w4oxott] { color: #555555; line-height: 1.7; margin-bottom: 2rem; font-size: 1rem; font-style: italic; position: relative; padding-left: 1.5rem; }

.testimonial-text[b-ei7w4oxott]:before { content: '"'; position: absolute; left: 0; top: -10px; font-size: 3rem; color: rgba(0, 0, 0, 0.1); font-style: normal; }

.testimonial-author[b-ei7w4oxott] { display: flex; align-items: center; }


.author-avatar[b-ei7w4oxott] { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; }

.author-avatar i[b-ei7w4oxott] { font-size: 1.5rem; }

.author-blue[b-ei7w4oxott] { background-color: #E8F0FE; }

.author-blue i[b-ei7w4oxott] { color: #4285F4; }

.author-green[b-ei7w4oxott] { background-color: #E6F4EA; }

.author-green i[b-ei7w4oxott] { color: #0F9D58; }

.author-orange[b-ei7w4oxott] { background-color: #FEF7E0; }

.author-orange i[b-ei7w4oxott] { color: #F4B400; }

.author-name[b-ei7w4oxott] { font-size: 1.1rem; color: #333333; margin-bottom: 0.2rem; }

.author-details[b-ei7w4oxott] { font-size: 0.9rem; color: #666666; }







/* /Views/Psychologist/Detail.cshtml.rz.scp.css */
/* 咨询师详情页样式 */
.counselor-detail-section[b-tnpaoig23e] { padding: 2rem 0; background-color: #ffffff; }

.counselor-detail-container[b-tnpaoig23e] { max-width: 1000px; margin: 0 auto; }

.counselor-basic-info[b-tnpaoig23e] { display: flex; align-items: center; flex-wrap: wrap; }

.doctor-avatar.large[b-tnpaoig23e] { width: 120px; height: 120px; margin-right: 2rem; margin-bottom: 1rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.doctor-avatar.large img[b-tnpaoig23e] { width: 120px; height: 120px; }

.counselor-header-info[b-tnpaoig23e] { flex: 1; }
.doctor-name[b-tnpaoig23e] { font-size: 1.5rem; margin-bottom: 0.5rem; color: #333333; }
.doctor-title[b-tnpaoig23e] { font-size: 1rem; color: #666666; margin-bottom: 1.2rem; font-weight: 400; }
.doctor-bio[b-tnpaoig23e] { color: #555555; line-height: 1.6; margin-bottom: 1.5rem; font-size: 0.95rem; }

.doctor-tags[b-tnpaoig23e] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
/* 标签基础样式 - 用于标记咨询师专长或内容分类 */
.tag[b-tnpaoig23e] { padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.8rem; font-weight: 500; }


.rating-score[b-tnpaoig23e] { font-size: 1.2rem; font-weight: bold; margin-left: 0.5rem; color: var(--neutral-700); }
.review-count[b-tnpaoig23e] { color: var(--neutral-500); margin-left: 0.5rem; font-size: 0.9rem; }

.book-appointment-btn[b-tnpaoig23e] { margin-top: 1rem; }


/* 选项卡样式 */
.counselor-detail-tabs[b-tnpaoig23e] { border-top: 1px solid var(--neutral-200); }
.tabs-nav[b-tnpaoig23e] { display: flex; border-bottom: 1px solid var(--neutral-200); overflow-x: auto; }
.tab-btn[b-tnpaoig23e] { padding: 1rem 1.5rem; background: none; border: none; font-size: 1rem; font-weight: 500; color: var(--neutral-600); cursor: pointer; transition: var(--transition-custom); white-space: nowrap; }
.tab-btn.active[b-tnpaoig23e] { color: var(--primary-color); border-bottom: 3px solid var(--primary-color); }
.tab-btn:hover:not(.active)[b-tnpaoig23e] { color: var(--primary-light); border-bottom: 3px solid var(--neutral-200); }

.tab-content[b-tnpaoig23e] { padding: 2rem 0; display: none; }
.tab-content.active[b-tnpaoig23e] { display: block; }
.tab-title[b-tnpaoig23e] { font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--neutral-700); }

/* 简介内容样式 */
.introduction-content p[b-tnpaoig23e] { margin-bottom: 1rem; line-height: 1.7; color: var(--neutral-600); }

/* 时间线样式 */
.timeline[b-tnpaoig23e] { margin-top: 1rem; margin-left: 1rem; padding-left: 1rem; border-left: 2px solid var(--neutral-200); }
.timeline-item[b-tnpaoig23e] { display: flex; margin-bottom: 2rem; }
.timeline-date[b-tnpaoig23e] { font-weight: 500; color: var(--neutral-500); text-align: right; margin-right: 1rem; }
.timeline-content h5[b-tnpaoig23e] { font-size: 1.1rem; margin-bottom: 0.3rem; }
.timeline-content p[b-tnpaoig23e] { color: var(--neutral-500); }

/* 专业资质列表 */
.certification-list[b-tnpaoig23e] { list-style: none; }
.certification-list li[b-tnpaoig23e] { margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative; }
.certification-list li[b-tnpaoig23e]::before { content: '✓'; position: absolute; left: 0; color: var(--success); }



/* 评价样式 */
.review-filters[b-tnpaoig23e] { display: flex; justify-content: space-between; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem; }
.filter-group[b-tnpaoig23e] { display: flex; align-items: center; }
.filter-group label[b-tnpaoig23e] { margin-right: 0.5rem; color: var(--neutral-600); }
.filter-group select[b-tnpaoig23e] { padding: 0.5rem; border-radius: 4px; border: 1px solid var(--neutral-300); }
.reviews-list[b-tnpaoig23e] { display: flex; flex-direction: column; gap: 1.5rem; }
.review-item[b-tnpaoig23e] { background: var(--neutral-50); padding: 1.5rem; border-radius: var(--card-border-radius); }
.review-header[b-tnpaoig23e] { display: flex; justify-content: space-between; margin-bottom: 1rem; align-items: center; flex-wrap: wrap; }
.author-info[b-tnpaoig23e] { margin-left: 1rem; flex: 1; }
.review-date[b-tnpaoig23e] { color: var(--neutral-500); font-size: 0.9rem; }
.review-content p[b-tnpaoig23e] { color: var(--neutral-600); line-height: 1.7; }



/* 服务类型样式 */
.service-types[b-tnpaoig23e] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }
.service-type[b-tnpaoig23e] { background: var(--neutral-50); padding: 1.5rem; border-radius: var(--card-border-radius); }
.service-type h4[b-tnpaoig23e] { margin-bottom: 0.5rem; color: var(--neutral-700); }
.service-type p[b-tnpaoig23e] { margin-bottom: 1rem; color: var(--neutral-600); }
.service-details[b-tnpaoig23e] { display: flex; justify-content: space-between; color: var(--neutral-500); font-size: 0.9rem; }

/* 可预约时间 */
.available-time[b-tnpaoig23e] { background: var(--neutral-50); padding: 1.5rem; border-radius: var(--card-border-radius); }
.time-slots[b-tnpaoig23e] { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; }
.time-slot[b-tnpaoig23e] { background: #ffffff; padding: 0.8rem 1.2rem; border-radius: 20px; border: 1px solid var(--neutral-200); cursor: pointer; transition: var(--transition-custom); }
.time-slot:hover[b-tnpaoig23e] { border-color: var(--primary-color); color: var(--primary-color); }

/* 预约相关 */
/* 日期选择器样式 */
.date-selector[b-tnpaoig23e] { margin-bottom: 20px; }
.date-tabs[b-tnpaoig23e] { display: flex; overflow-x: auto; padding-bottom: 10px; gap: 10px; }
.date-tab[b-tnpaoig23e] { min-width: 80px; padding: 10px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 8px; text-align: center; cursor: pointer; transition: all 0.3s ease; }
.date-tab:hover[b-tnpaoig23e] { border-color: #ff6b8b; box-shadow: var(--card-shadow); /* border-color: var(--color-pink); */ }
.date-tab.active[b-tnpaoig23e] { background-color: #ff6b8b; border-color: #ff6b8b; color: white; /* background-color: var(--color-pink);
                                        border-color: var(--color-pink-light); */ }

.date-weekday[b-tnpaoig23e] { font-size: 14px; margin-bottom: 5px; }
.date-number[b-tnpaoig23e] { font-size: 18px; font-weight: bold; }


/* 已选时间段样式 */
.selected-slots[b-tnpaoig23e] { padding: 20px; background-color: #ececec; border-radius: 8px; }
.selected-slots h5[b-tnpaoig23e] { margin-bottom: 10px; color: #333; }
.selected-slots-list[b-tnpaoig23e] { margin-bottom: 15px; min-height: 30px; color: #666; }
#confirmAppointment:disabled[b-tnpaoig23e] { background-color: #ccc; cursor: not-allowed; }
#confirmAppointment:not(:disabled):hover[b-tnpaoig23e] { background-color: #ff5276; }



/* 咨询内容描述样式 */
.consultation-description[b-tnpaoig23e] { margin-top: 20px; }
#consultDescription[b-tnpaoig23e] { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; line-height: 1.5; resize: vertical; font-family: inherit; transition: border-color 0.3s ease; }
#consultDescription:focus[b-tnpaoig23e] { outline: none; border-color: #ff6b6b; box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.1); }
#consultDescription[b-tnpaoig23e]::placeholder { color: #999; }


@media (max-width: 768px) {
    .timeline-date[b-tnpaoig23e] { position: static; margin-bottom: 0.5rem; text-align: left; }
    .time-slots-container[b-tnpaoig23e] { grid-template-columns: repeat(1, 1fr); }
}
/* /Views/Psychologist/Index.cshtml.rz.scp.css */
/* 心理辅导门户页面专用样式 */


/* 英雄区域 */
.hero-section[b-jfc1ni6ge6] { padding: 3rem 0; background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%); position: relative; overflow: hidden; }

.hero-section[b-jfc1ni6ge6]::before { content: ''; position: absolute; top: 0; right: 0; width: 40%; height: 100%; background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%); border-radius: 50% 0 0 50%; z-index: 0; }

.hero-content[b-jfc1ni6ge6] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 1; }

.hero-text-column[b-jfc1ni6ge6] { flex: 1; min-width: 300px; padding-right: 2rem; }

.hero-image-column[b-jfc1ni6ge6] { flex: 1; min-width: 300px; margin-top: 2rem; }

.hero-title[b-jfc1ni6ge6] { font-size: 2.8rem; font-weight: 700; color: var(--neutral-800); margin-bottom: 1.5rem; }

.text-gradient[b-jfc1ni6ge6] { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.hero-description[b-jfc1ni6ge6] { font-size: 1.1rem; color: var(--neutral-600); margin-bottom: 2rem; line-height: 1.6; }

.hero-buttons[b-jfc1ni6ge6] { display: flex; flex-wrap: wrap; gap: 1rem; }

.hero-image-container[b-jfc1ni6ge6] { position: relative; border-radius: var(--card-border-radius); overflow: hidden; box-shadow: var(--card-shadow-hover); transition: var(--transition-custom); }

.hero-image-container:hover[b-jfc1ni6ge6] { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.hero-image[b-jfc1ni6ge6] { width: 100%; height: auto; display: block; }





/* 服务特点区域 */
.features-section[b-jfc1ni6ge6] { padding: 5rem 0; background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%); }

.features-grid[b-jfc1ni6ge6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }

.feature-card[b-jfc1ni6ge6] { padding: 2rem; text-align: center; /* 使用共享卡片样式 */ background: white; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); transition: var(--transition-custom); }

.feature-card:hover[b-jfc1ni6ge6] { transform: translateY(-5px); box-shadow: var(--card-shadow-hover); }

.feature-icon[b-jfc1ni6ge6] { width: 80px; height: 80px; margin: 0 auto 1.5rem; font-size: 2rem; /* 使用共享图标样式 */ border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; }

/* 为特点图标定义渐变颜色 */
.features-grid > div:nth-child(1) .feature-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #3b82f6, #60a5fa); }

.features-grid > div:nth-child(2) .feature-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #10b981, #34d399); }

.features-grid > div:nth-child(3) .feature-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }

.features-grid > div:nth-child(4) .feature-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #f59e0b, #fbbf24); }

.feature-title[b-jfc1ni6ge6] { font-size: 1.25rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 1rem; }

.feature-description[b-jfc1ni6ge6] { color: var(--neutral-600); line-height: 1.6;}

/* 辅导服务分类区域 */
.services-section[b-jfc1ni6ge6] { padding: 5rem 0; }

.services-grid[b-jfc1ni6ge6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }

.service-card[b-jfc1ni6ge6] { background: white; padding: 2rem; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); transition: var(--transition-custom); }

/* 为每个服务卡片设置特定的颜色主题 */
.service-card:nth-child(1)[b-jfc1ni6ge6] { border-top: 4px solid #3b82f6; }

.service-card:nth-child(1) .service-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #3b82f6, #60a5fa); }

.service-card:nth-child(1):hover[b-jfc1ni6ge6] { box-shadow: 0 10px 20px rgba(59, 130, 246, 0.15); }
.service-card:nth-child(1):hover .service-title[b-jfc1ni6ge6] { color: #3b82f6; }

.service-card:nth-child(2)[b-jfc1ni6ge6] { border-top: 4px solid #10b981; }

.service-card:nth-child(2) .service-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #10b981, #34d399); }

.service-card:nth-child(2):hover[b-jfc1ni6ge6] { box-shadow: 0 10px 20px rgba(16, 185, 129, 0.15); }
.service-card:nth-child(2):hover .service-title[b-jfc1ni6ge6] { color: #10b981; }

.service-card:nth-child(3)[b-jfc1ni6ge6] { border-top: 4px solid #8b5cf6; }

.service-card:nth-child(3) .service-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }

.service-card:nth-child(3):hover[b-jfc1ni6ge6] { box-shadow: 0 10px 20px rgba(139, 92, 246, 0.15); }
.service-card:nth-child(3):hover .service-title[b-jfc1ni6ge6] { color: #8b5cf6; }

.service-card:nth-child(4)[b-jfc1ni6ge6] { border-top: 4px solid #f59e0b; }

.service-card:nth-child(4) .service-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #f59e0b, #fbbf24); }

.service-card:nth-child(4):hover[b-jfc1ni6ge6] { box-shadow: 0 10px 20px rgba(245, 158, 11, 0.15); }
.service-card:nth-child(4):hover .service-title[b-jfc1ni6ge6] { color: #f59e0b; }

.service-card:nth-child(5)[b-jfc1ni6ge6] { border-top: 4px solid #ef4444; }
.service-card:nth-child(5) .service-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #ef4444, #f87171); }
.service-card:nth-child(5):hover[b-jfc1ni6ge6] { box-shadow: 0 10px 20px rgba(239, 68, 68, 0.15); }
.service-card:nth-child(5):hover .service-title[b-jfc1ni6ge6] { color: #ef4444; }

.service-card:nth-child(6)[b-jfc1ni6ge6] { border-top: 4px solid #14b8a6; }
.service-card:nth-child(6) .service-icon[b-jfc1ni6ge6] { background: linear-gradient(135deg, #14b8a6, #2dd4bf); }
.service-card:nth-child(6):hover[b-jfc1ni6ge6] { box-shadow: 0 10px 20px rgba(20, 184, 166, 0.15); }
.service-card:nth-child(6):hover .service-title[b-jfc1ni6ge6] { color: #14b8a6; }

.service-card:hover[b-jfc1ni6ge6] { transform: translateY(-5px); box-shadow: var(--card-shadow-hover); }

.service-header[b-jfc1ni6ge6] { display: flex; align-items: center; margin-bottom: 1rem; gap: 1rem; }

.service-icon[b-jfc1ni6ge6] { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.75rem; color: white; }



.service-title[b-jfc1ni6ge6] { font-size: 1.25rem; font-weight: 600; color: var(--neutral-800); /* margin-bottom: 1rem; */ }

.service-description[b-jfc1ni6ge6] { color: var(--neutral-600); line-height: 1.6; margin-bottom: 1.5rem; }

.service-info[b-jfc1ni6ge6] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }

.service-count[b-jfc1ni6ge6] { color: var(--neutral-500); font-size: 0.9rem; }



/* 热门辅导师区域 */
.popular-counselors-section[b-jfc1ni6ge6] { padding: 5rem 0; background-color: var(--neutral-50); }

.counselors-grid[b-jfc1ni6ge6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 2rem; }

.counselor-card[b-jfc1ni6ge6] { padding: 2rem; border: 1px solid var(--secondary-light); text-align: center; /* 使用共享卡片样式 */ background: white; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); transition: var(--transition-custom); }

.counselor-card:hover[b-jfc1ni6ge6] { border-width: 2px; transform: translateY(-5px); box-shadow: var(--card-shadow-hover); }

.counselor-avatar[b-jfc1ni6ge6] { width: 100px; height: 100px; margin: 0 auto 1.5rem; font-size: 2.5rem; /* 使用共享图标样式 */ border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; }

/* 为辅导师头像定义渐变颜色 */
.counselors-grid > div:nth-child(1) .counselor-avatar[b-jfc1ni6ge6] { background: linear-gradient(135deg, #3b82f6, #60a5fa); }

.counselors-grid > div:nth-child(2) .counselor-avatar[b-jfc1ni6ge6] { background: linear-gradient(135deg, #10b981, #34d399); }

.counselors-grid > div:nth-child(3) .counselor-avatar[b-jfc1ni6ge6] { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }

.counselor-name[b-jfc1ni6ge6] { font-size: 1.25rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 0.5rem; }

.counselor-title[b-jfc1ni6ge6] { color: var(--neutral-600); margin-bottom: 1rem;}

.counselor-rating[b-jfc1ni6ge6] { margin-bottom: 1rem; color: var(--warning); }

.rating-score[b-jfc1ni6ge6] { color: var(--neutral-600); margin-left: 0.5rem; font-size: 0.9rem; }

.counselor-tags[b-jfc1ni6ge6] { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-bottom: 1.5rem; }

.view-more[b-jfc1ni6ge6] { text-align: center; margin-top: 2rem; }


/* 辅导流程区域 */
.process-section[b-jfc1ni6ge6] { padding: 5rem 0; }

.process-steps[b-jfc1ni6ge6] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; }

.process-step[b-jfc1ni6ge6] { padding: 2rem; text-align: center; flex: 1; min-width: 200px; position: relative; /* 使用共享卡片样式 */ background: white; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); transition: var(--transition-custom); }

.process-step:hover[b-jfc1ni6ge6] { transform: translateY(-5px); box-shadow: var(--card-shadow-hover); }

.step-number[b-jfc1ni6ge6] { width: 50px; height: 50px; margin: 0 auto 1rem; font-size: 1.5rem; font-weight: 700; /* 使用共享图标样式 */ border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; }

/* 为步骤数字定义渐变颜色 */
.process-steps > div:nth-child(1) .step-number[b-jfc1ni6ge6] { background: linear-gradient(135deg, #3b82f6, #60a5fa); }

.process-steps > div:nth-child(3) .step-number[b-jfc1ni6ge6] { background: linear-gradient(135deg, #10b981, #34d399); }

.process-steps > div:nth-child(5) .step-number[b-jfc1ni6ge6] { background: linear-gradient(135deg, #8b5cf6, #a78bfa); }

.process-steps > div:nth-child(7) .step-number[b-jfc1ni6ge6] { background: linear-gradient(135deg, #f59e0b, #fbbf24); }

.step-title[b-jfc1ni6ge6] { font-size: 1.1rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 0.5rem; }

.step-description[b-jfc1ni6ge6] { color: var(--neutral-600); font-size: 0.9rem; }

.process-arrow[b-jfc1ni6ge6] { color: var(--neutral-400); font-size: 1.5rem; margin: 0 0.5rem; display: none; }

/* 媒体查询 - 大屏幕显示箭头 */
@media (min-width: 1024px) {
    .process-arrow[b-jfc1ni6ge6] { display: block; }
}

/* 用户评价区域 */
.testimonials-section[b-jfc1ni6ge6] { padding: 5rem 0; background-color: var(--neutral-50); }

.testimonials-grid[b-jfc1ni6ge6] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }

.testimonial-card[b-jfc1ni6ge6] { background: white; padding: 2rem; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); transition: var(--transition-custom); border-left: 4px solid var(--primary-color); }

.testimonial-card:hover[b-jfc1ni6ge6] { transform: translateY(-5px); box-shadow: var(--card-shadow-hover); }

.testimonial-rating[b-jfc1ni6ge6] { color: var(--warning); margin-bottom: 1rem; }

.testimonial-content[b-jfc1ni6ge6] { color: var(--neutral-700); line-height: 1.6; margin-bottom: 1.5rem; font-style: italic;  }

.testimonial-author[b-jfc1ni6ge6] { display: flex; align-items: center; gap: 1rem; }

.author-avatar[b-jfc1ni6ge6] { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }

.author-avatar img[b-jfc1ni6ge6] { width: 100%; height: 100%; object-fit: cover; }

.author-name[b-jfc1ni6ge6] { font-size: 1rem; font-weight: 600; color: var(--neutral-800); margin: 0; }

.author-title[b-jfc1ni6ge6] { font-size: 0.9rem; color: var(--neutral-600); margin: 0; }

/* 预约区域 */
.appointment-section[b-jfc1ni6ge6] { padding: 5rem 0; background: linear-gradient(135deg, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.05) 100%); }

.appointment-content[b-jfc1ni6ge6] { display: flex; flex-wrap: wrap; gap: 3rem; align-items: flex-start; justify-content: space-between; background: white; border-radius: var(--card-border-radius); padding: 2rem; box-shadow: var(--card-shadow); }

.appointment-text[b-jfc1ni6ge6] { flex: 1; min-width: 300px; }

.appointment-benefits[b-jfc1ni6ge6] { list-style: none; padding: 0; margin: 0; }
.appointment-benefits li[b-jfc1ni6ge6] { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; color: var(--neutral-700); font-size:1rem;}
.appointment-benefits i[b-jfc1ni6ge6] { color: var(--success); }

.appointment-form[b-jfc1ni6ge6] { flex: 1; min-width: 300px; background: var(--neutral-50); padding: 2rem; border-radius: var(--card-border-radius); }

.form-title[b-jfc1ni6ge6] { font-size: 1.5rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 1.5rem; }

.form-group[b-jfc1ni6ge6] { margin-bottom: 1.5rem; }
.form-group label[b-jfc1ni6ge6] { display: block; margin-bottom: 0.5rem; color: var(--neutral-700); font-weight: 500; }

.form-group input[b-jfc1ni6ge6],
.form-group select[b-jfc1ni6ge6],
.form-group textarea[b-jfc1ni6ge6] { width: 100%; padding: 0.75rem; border: 1px solid var(--neutral-300); border-radius: 0.5rem; font-size: 1rem; transition: var(--transition-custom); }

.form-group input:focus[b-jfc1ni6ge6],
.form-group select:focus[b-jfc1ni6ge6],
.form-group textarea:focus[b-jfc1ni6ge6] { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1); }




/* 响应式设计 */
@media (max-width: 768px) {
    .hero-title[b-jfc1ni6ge6] { font-size: 2.2rem; }

    .hero-text-column[b-jfc1ni6ge6] { padding-right: 0; text-align: center; }

    .hero-buttons[b-jfc1ni6ge6] { justify-content: center; }

    .section-title[b-jfc1ni6ge6] { font-size: 1.75rem; }

    .process-steps[b-jfc1ni6ge6] { flex-direction: column; }

    .process-step[b-jfc1ni6ge6] { width: 100%; }

}

@media (max-width: 480px) {
    .hero-section[b-jfc1ni6ge6] { padding: 4rem 0; }

    .hero-title[b-jfc1ni6ge6] { font-size: 1.8rem; }

    .features-section[b-jfc1ni6ge6],
    .services-section[b-jfc1ni6ge6],
    .popular-counselors-section[b-jfc1ni6ge6],
    .process-section[b-jfc1ni6ge6],
    .testimonials-section[b-jfc1ni6ge6],
    .appointment-section[b-jfc1ni6ge6] { font-size: 1.1rem; }

    .section-title[b-jfc1ni6ge6] { font-size: 1.5rem; }

    .section-description[b-jfc1ni6ge6] { margin-bottom: 2rem; }

    .appointment-content[b-jfc1ni6ge6] { padding: 1.5rem; }

    .appointment-form[b-jfc1ni6ge6] { padding: 1.5rem; }
}
/* /Views/Training/Course_Offline.cshtml.rz.scp.css */
/* 线下课程页面样式 */

/*布局-左右侧*/
.content-left[b-ia9i82oyww] { flex: 4; }
.content-right[b-ia9i82oyww] { flex: 2; }
i[b-ia9i82oyww] { margin-right: 0; }


/* 线下课程主体内容 */
.offline-course-main[b-ia9i82oyww] { padding: 30px 0; }

/* 课程标题与概览 */
.course-header[b-ia9i82oyww] { margin: 30px 0; }

.course-title[b-ia9i82oyww] { font-size: 32px; font-weight: 700; color: #212529; margin: 0 0 20px 0; line-height: 1.3; }
.course-meta[b-ia9i82oyww] { display: flex; flex-wrap: wrap; gap: 24px; font-size: 15px; color: #6c757d; }
/*.meta-item { display: flex; align-items: center; gap: 8px; }
.meta-item i { color: var(--primary-color); }*/



/* 左侧：课程详情 */
/*.course-details { flex: 1; }*/

/* 课程章节通用样式 */
.course-section[b-ia9i82oyww] { background-color: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); margin-bottom: 30px; overflow: hidden; }
.section-title[b-ia9i82oyww] { font-size: 20px; font-weight: 600; color: #212529; padding: 20px 24px; background-color: #f8f9fa; border-left: 4px solid var(--primary-color); margin: 0; display: flex; align-items: center; gap: 12px; }
.section-icon[b-ia9i82oyww] { color: var(--primary-color); font-size: 20px; }
.section-content[b-ia9i82oyww] { padding: 24px; }

/* 课程介绍 */
.course-description[b-ia9i82oyww] { font-size: 16px; line-height: 1.7; color: #495057; margin-bottom: 24px; display: block; overflow: auto; }

.course-image[b-ia9i82oyww] { margin-bottom: 24px; border-radius: 8px; overflow: hidden; }

.course-img[b-ia9i82oyww] { width: 100%; height: auto; transition: transform 0.3s ease; }
.course-img:hover[b-ia9i82oyww] { transform: scale(1.01); }

.course-features[b-ia9i82oyww] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }

.feature-item[b-ia9i82oyww] { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #495057; }

.feature-icon[b-ia9i82oyww] { color: #4caf50; font-size: 18px; width: 20px; text-align: center; }

/* 课程计划与安排 */
.schedule-table[b-ia9i82oyww] { display: flex; flex-direction: column; gap: 16px; }

.schedule-item[b-ia9i82oyww] { display: flex; border-radius: 8px; overflow: hidden; background-color: #f8f9fa; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); transition: transform 0.2s, box-shadow 0.2s; }
.schedule-item:hover[b-ia9i82oyww] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.schedule-week[b-ia9i82oyww] { width: 100px; background-color: var(--primary-color); color: white; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; padding: 0 16px; flex-shrink: 0; }
.schedule-date[b-ia9i82oyww] { width: 180px; background-color: rgba(41, 140, 240, 0.1); color: var(--primary-color); display: flex; align-items: center; justify-content: center; font-size: 14px; padding: 0 12px; flex-shrink: 0; }

.schedule-content[b-ia9i82oyww] { flex: 1; padding: 20px 24px; }

.module-title[b-ia9i82oyww] { font-size: 18px; font-weight: 600; color: #212529; margin: 0 0 12px 0; }

.content-list[b-ia9i82oyww] { margin: 0; padding-left: 20px; list-style-type: disc; }
.content-list li[b-ia9i82oyww] { font-size: 15px; line-height: 1.6; color: #495057; margin-bottom: 6px; }
.content-list li:last-child[b-ia9i82oyww] { margin-bottom: 0; }

/* 师资介绍 */
.teachers-list[b-ia9i82oyww] { display: flex; flex-direction: column; gap: 24px; }

.teacher-item[b-ia9i82oyww] { background-color: #f8f9fa; border-radius: 8px; padding: 20px; }
.teacher-info[b-ia9i82oyww] { display: flex; gap: 20px; align-items: flex-start; }
.teacher-avatar[b-ia9i82oyww] { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); flex-shrink: 0; }

.teacher-details[b-ia9i82oyww] { flex: 1; }
.teacher-name[b-ia9i82oyww] { font-size: 20px; font-weight: 600; color: #212529; margin: 0 0 6px 0; }
.teacher-title[b-ia9i82oyww] { font-size: 15px; color: var(--primary-color); margin: 0 0 12px 0; }
.teacher-bio[b-ia9i82oyww] { font-size: 15px; line-height: 1.6; color: #495057; margin: 0; }

/* 场地信息 */
.location-info[b-ia9i82oyww] { display: flex; flex-direction: column; gap: 10px; }
.location-info:not(:first-child)[b-ia9i82oyww] { margin-top: 20px; padding-top: 10px; border-top: 1px solid var(--neutral-300); }

.location-title[b-ia9i82oyww] { font-size: 18px; font-weight: 600; color: #212529; margin: 0; }

.location-address[b-ia9i82oyww] { font-size: 16px; color: #495057; margin: 0; display: flex; align-items: center; gap: 8px; }
.location-map[b-ia9i82oyww] { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.map-img[b-ia9i82oyww] { width: 100%; height: auto; }
.transport-title[b-ia9i82oyww] { font-size: 16px; font-weight: 600; color: #212529; margin: 0 0 12px 0; }
.transport-list[b-ia9i82oyww] { margin: 0; padding: 0; list-style: none; }
.transport-list li[b-ia9i82oyww] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 15px; color: #495057; line-height: 1.5; }
.transport-list li:last-child[b-ia9i82oyww] { margin-bottom: 0; }
.transport-icon[b-ia9i82oyww] { color: var(--primary-color); font-size: 16px; margin-top: 2px; }


/* 右侧：课程信息与报名 */
/*.course-sidebar { width: 380px; flex-shrink: 0; display: flex; flex-direction: column; gap: 24px; }*/

/* 课程价格与报名 */
.course-price-section[b-ia9i82oyww] { background-color: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); padding: 24px; }

.price-content[b-ia9i82oyww] { text-align: center; margin-bottom: 24px; }
.price-free[b-ia9i82oyww] { font-size: 36px; font-weight: 700; color: var(--color-green); margin-bottom: 4px; font-style: italic; }
.price-value[b-ia9i82oyww] { font-size: 36px; font-weight: 700; color: #e53935; margin-bottom: 4px; }
.price-original[b-ia9i82oyww] { font-size: 16px; color: #9e9e9e; text-decoration: line-through; margin-bottom: 8px; }
.discount-info[b-ia9i82oyww] { font-size: 14px; color: #ff9800; background-color: rgba(255, 152, 0, 0.1); padding: 4px 8px; border-radius: 4px; display: inline-block; }

.course-info[b-ia9i82oyww] { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; }
.info-item[b-ia9i82oyww] { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #495057; }
.info-icon[b-ia9i82oyww] { color: var(--primary-color); font-size: 16px; width: 20px; text-align: center; }

.action-buttons[b-ia9i82oyww] { display: flex; flex-direction: column; gap: 12px; }

/*.btn-block { width: 100%; }*/

/* 联系咨询 */
.contact-section[b-ia9i82oyww] { background-color: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); padding: 24px; }


/* 推荐课程 */
.recommended-section[b-ia9i82oyww] { background-color: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); padding: 24px; }

.recommended-title[b-ia9i82oyww] { font-size: 18px; font-weight: 600; color: #212529; margin: 0 0 16px 0; display: flex; align-items: center; gap: 10px; }

.recommended-icon[b-ia9i82oyww] { color: var(--primary-color); font-size: 18px; }

.recommended-list[b-ia9i82oyww] { display: flex; flex-direction: column; gap: 16px; }

.recommended-course[b-ia9i82oyww] { display: flex; align-items: center; gap: 16px; padding: 12px; background-color: #f8f9fa; border-radius: 8px; transition: transform 0.2s, box-shadow 0.2s; text-decoration: none; }
.recommended-course:hover[b-ia9i82oyww] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.recommend-img[b-ia9i82oyww] { width: 80px; height: 60px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.recommend-info[b-ia9i82oyww] { flex: 1; }
.recommend-name[b-ia9i82oyww] { font-size: 15px; font-weight: 500; color: #212529; margin: 0 0 6px 0; }
.recommend-price[b-ia9i82oyww] { font-size: 16px; font-weight: 600; color: #e53935; }


/* 响应式设计 */
@media (max-width: 1200px) {
    /*    .course-content { gap: 20px; }*/

    /*    .course-sidebar { width: 340px; }*/
}

@media (max-width: 992px) {
    .course-content[b-ia9i82oyww] { flex-direction: column; }

    /*    .course-sidebar { width: 100%; }*/

    .schedule-item[b-ia9i82oyww] { flex-direction: column; }

    .schedule-week[b-ia9i82oyww],
    .schedule-date[b-ia9i82oyww] { width: 100%; padding: 12px 16px; justify-content: flex-start; }
}

@media (max-width: 768px) {
    .offline-course-main[b-ia9i82oyww] { padding: 20px 0; }

    .course-title[b-ia9i82oyww] { font-size: 28px; }

    .course-meta[b-ia9i82oyww] { gap: 16px; }

    .course-features[b-ia9i82oyww] { grid-template-columns: 1fr; }

    .teacher-info[b-ia9i82oyww] { flex-direction: column; text-align: center; align-items: center; }

    .location-info[b-ia9i82oyww] { text-align: center; }

    .transport-list li[b-ia9i82oyww] { justify-content: center; }
}

@media (max-width: 576px) {

    .course-title[b-ia9i82oyww] { font-size: 24px; }

    .course-meta[b-ia9i82oyww] { gap: 12px; font-size: 14px; }

    .section-title[b-ia9i82oyww] { font-size: 18px; padding: 16px 20px; }

    .section-content[b-ia9i82oyww] { padding: 20px; }

    .course-price-section[b-ia9i82oyww],
    .contact-section[b-ia9i82oyww],
    .recommended-section[b-ia9i82oyww] { padding: 20px; }

    .price-value[b-ia9i82oyww] { font-size: 32px; }
}
/* /Views/Training/Course_Online.cshtml.rz.scp.css */
/* 课程信息页面样式 */



/* 课程信息主体 */
.course-info-main[b-sqi89pf2rl] { padding: 30px 0; }

.course-info-header[b-sqi89pf2rl] { display: flex; gap: 30px; margin-bottom: 40px; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.course-preview[b-sqi89pf2rl] { flex: 0 0 60%; position: relative; }

.video-container[b-sqi89pf2rl] { position: relative; border-radius: 8px; overflow: hidden; aspect-ratio: 16 / 9; }

.course-preview-img[b-sqi89pf2rl] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }

.video-container:hover .course-preview-img[b-sqi89pf2rl] { transform: scale(1.02); }

.video-play-button[b-sqi89pf2rl] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.6); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; }

.video-play-button:hover[b-sqi89pf2rl] { background: rgba(24, 144, 255, 0.9); transform: translate(-50%, -50%) scale(1.1); }

.video-play-button i[b-sqi89pf2rl] { font-size: 40px; color: #fff; }


@keyframes pulse-b-sqi89pf2rl {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.course-type[b-sqi89pf2rl] { position: absolute; bottom: 20px; right: 20px; padding: 8px 16px; background: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 20px; font-size: 14px; display: flex; align-items: center; gap: 6px; }
.course-info[b-sqi89pf2rl] { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.course-tags[b-sqi89pf2rl] { display: flex; flex-wrap: wrap; gap: 8px; }



.course-title[b-sqi89pf2rl] { font-size: 28px; font-weight: 700; color: var(--text-primary); margin: 0; line-height: 1.3; }

.course-meta[b-sqi89pf2rl] { display: flex; flex-direction: column; gap: 12px; }

.rating-container[b-sqi89pf2rl] { display: flex; align-items: center; gap: 10px; }

.rating-stars i[b-sqi89pf2rl] { color: #ffc400; font-size: 16px; margin-right: 2px; }

.rating-stars i:last-child[b-sqi89pf2rl] { margin-right: 0; }

.rating-score[b-sqi89pf2rl] { font-size: 18px; font-weight: 700; color: #ff6b6b; }

.rating-count[b-sqi89pf2rl] { font-size: 14px; color: #999; }

.course-stats[b-sqi89pf2rl] { display: flex; gap: 20px; font-size: 14px; color: #666; }

.stat-item[b-sqi89pf2rl] { display: flex; align-items: center; gap: 6px; }

.instructor-info[b-sqi89pf2rl] { display: flex; align-items: center; gap: 16px; padding: 20px; background: #f5f7fa; border-radius: 8px; }

.instructor-avatar-container[b-sqi89pf2rl] { flex-shrink: 0; }

.instructor-avatar[b-sqi89pf2rl] { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

.instructor-details[b-sqi89pf2rl] { flex: 1; }

.instructor-name[b-sqi89pf2rl] { font-size: 18px; font-weight: 600; margin: 0 0 4px 0; color: var(--text-primary); }

.instructor-title[b-sqi89pf2rl] { font-size: 14px; color: #666; margin: 0 0 4px 0; }

.instructor-courses[b-sqi89pf2rl] { font-size: 13px; color: #999; margin: 0; }

.view-instructor-btn[b-sqi89pf2rl] { padding: 8px 16px; font-size: 14px; }

.study-plan[b-sqi89pf2rl] { display: flex; flex-direction: column; gap: 16px; }

.plan-item[b-sqi89pf2rl] { display: flex; align-items: flex-start; gap: 12px; }

.plan-item i[b-sqi89pf2rl] { color: var(--primary-color); font-size: 18px; margin-top: 2px; }

.plan-content[b-sqi89pf2rl] { flex: 1; }

.plan-label[b-sqi89pf2rl] { font-weight: 600; color: var(--text-primary); margin-right: 8px; }

.plan-value[b-sqi89pf2rl] { color: #666; }

.course-price-section[b-sqi89pf2rl] { display: flex; align-items: center; justify-content: space-between; padding: 24px; background: linear-gradient(135deg, #f5f7fa 0%, #e6e9ef 100%); border-radius: 8px; margin-top: auto; }

.price-container[b-sqi89pf2rl] { display: flex; align-items: baseline; gap: 12px; }
.current-free[b-sqi89pf2rl] { font-size: 32px; font-weight: 700; color: var(--color-green); font-style: italic; }
.current-price[b-sqi89pf2rl] { font-size: 32px; font-weight: 700; color: var(--color-red); }
.original-price[b-sqi89pf2rl] { font-size: 16px; color: #999; text-decoration: line-through; }


.purchase-actions[b-sqi89pf2rl] { display: flex; align-items: center; gap: 12px; }

.enroll-btn[b-sqi89pf2rl] { padding: 12px 28px; font-size: 16px; font-weight: 600; }

.add-cart-btn[b-sqi89pf2rl] { padding: 12px 20px; font-size: 14px; border: 1px solid var(--primary-color); color: var(--primary-color); }

.add-cart-btn:hover[b-sqi89pf2rl] { background: #e6f7ff; }

.like-btn[b-sqi89pf2rl] { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--neutral-200); display: flex; align-items: center; justify-content: center; font-size: 18px; color: #999; transition: all 0.3s ease; }

.like-btn:hover[b-sqi89pf2rl] { border-color: #ff6b6b; color: #ff6b6b; background: #fff0f0; }

.like-btn.liked[b-sqi89pf2rl] { border-color: #ff6b6b; color: #ff6b6b; background: #fff0f0; }

/* 课程标签页 */
.course-tabs-section[b-sqi89pf2rl] { background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); overflow: hidden; }

.course-tabs[b-sqi89pf2rl] { display: flex; background: #f5f7fa; border-bottom: 1px solid var(--neutral-200); overflow-x: auto; white-space: nowrap; }

.tab-btn[b-sqi89pf2rl] { padding: 16px 24px; font-size: 16px; font-weight: 500; color: #666; background: transparent; border: none; cursor: pointer; position: relative; transition: all 0.3s ease; }

.tab-btn:hover[b-sqi89pf2rl] { color: var(--primary-color); background: rgba(24, 144, 255, 0.05); }

.tab-btn.active[b-sqi89pf2rl] { color: var(--primary-color); background: #fff; box-shadow: 0 -2px 0 var(--primary-color) inset; }

.tab-content[b-sqi89pf2rl] { padding: 30px; display: none; }

.tab-content.active[b-sqi89pf2rl] { display: block; }

/* 课程介绍内容 */
.course-overview h2[b-sqi89pf2rl] { font-size: 22px; font-weight: 600; color: var(--text-primary); margin: 0 0 20px 0; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; }

.course-overview p[b-sqi89pf2rl] { font-size: 16px; line-height: 1.8; color: #666; margin: 0 0 24px 0; }

.highlight-list[b-sqi89pf2rl],
.target-audience[b-sqi89pf2rl] { padding: 0; margin: 0 0 24px 0; list-style: none; }

.highlight-list li[b-sqi89pf2rl],
.target-audience li[b-sqi89pf2rl] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; font-size: 16px; line-height: 1.6; color: #666; }

.highlight-list li:last-child[b-sqi89pf2rl],
.target-audience li:last-child[b-sqi89pf2rl] { margin-bottom: 0; }

.highlight-list li i[b-sqi89pf2rl] { color: #52c41a; font-size: 18px; margin-top: 2px; }

.target-audience li i[b-sqi89pf2rl] { color: var(--primary-color); font-size: 18px; margin-top: 2px; }

.learning-goals[b-sqi89pf2rl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 0 0 32px 0; }

.goal-item[b-sqi89pf2rl] { display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: #f5f7fa; border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.goal-item:hover[b-sqi89pf2rl] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.goal-number[b-sqi89pf2rl] { flex-shrink: 0; width: 40px; height: 40px; background: var(--primary-color); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }

.goal-content h4[b-sqi89pf2rl] { font-size: 16px; font-weight: 600; color: var(--text-primary); margin: 0 0 8px 0; }

.goal-content p[b-sqi89pf2rl] { font-size: 14px; line-height: 1.6; color: #666; margin: 0; }

.course-features[b-sqi89pf2rl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin: 0; }

.feature-item[b-sqi89pf2rl] { display: flex; align-items: flex-start; gap: 16px; padding: 24px; background: linear-gradient(135deg, #f5f7fa 0%, #e6e9ef 100%); border-radius: 8px; transition: transform 0.3s ease; }

.feature-item:hover[b-sqi89pf2rl] { transform: translateY(-2px); }

.feature-icon[b-sqi89pf2rl] { flex-shrink: 0; width: 48px; height: 48px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--primary-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

.feature-content h4[b-sqi89pf2rl] { font-size: 16px; font-weight: 600; color: var(--text-primary); margin: 0 0 8px 0; }

.feature-content p[b-sqi89pf2rl] { font-size: 14px; line-height: 1.6; color: #666; margin: 0; }

/* 课程大纲内容 */
.course-syllabus h2[b-sqi89pf2rl] { font-size: 22px; font-weight: 600; color: var(--text-primary); margin: 0 0 24px 0; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; }

.syllabus-module[b-sqi89pf2rl] { margin-bottom: 24px; border-radius: 8px; overflow: hidden; border: 1px solid var(--neutral-200); transition: box-shadow 0.3s ease; }

.syllabus-module:hover[b-sqi89pf2rl] { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }

.module-header[b-sqi89pf2rl] { display: flex; align-items: center; padding: 16px 20px; background: linear-gradient(135deg, #1890ff 0%, #40a9ff 100%); color: #fff; }

.module-number[b-sqi89pf2rl] { font-size: 14px; font-weight: 600; margin-right: 16px; padding: 4px 8px; background: rgba(255, 255, 255, 0.2); border-radius: 4px; }

.module-title[b-sqi89pf2rl] { flex: 1; font-size: 16px; font-weight: 600; }

.module-duration[b-sqi89pf2rl] { font-size: 14px; background: rgba(255, 255, 255, 0.2); padding: 4px 10px; border-radius: 4px; }

.module-content[b-sqi89pf2rl] { padding: 20px; background: #fff; color: #666; }

.module-content p[b-sqi89pf2rl] { font-size: 14px; margin: 0 0 16px 0; font-weight: 500; }

.module-topics[b-sqi89pf2rl] { padding: 0; margin: 0; list-style: none; }

.module-topics li[b-sqi89pf2rl] { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 15px; color: #666; }

.module-topics li:last-child[b-sqi89pf2rl] { margin-bottom: 0; }

.topic-number[b-sqi89pf2rl] { font-weight: 600; color: var(--primary-color); min-width: 30px; }

/* 章节内容 */
.course-chapters[b-sqi89pf2rl] { display: flex; flex-direction: column; gap: 20px; }

.chapter-item[b-sqi89pf2rl] { padding: 24px; border-radius: 8px; border: 1px solid var(--neutral-200); background: #fff; transition: box-shadow 0.3s ease; }

.chapter-item:hover[b-sqi89pf2rl] { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }

.chapter-header[b-sqi89pf2rl] { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }

.chapter-icon i[b-sqi89pf2rl] { font-size: 24px; color: var(--primary-color); }

.chapter-info[b-sqi89pf2rl] { flex: 1; }

.chapter-title[b-sqi89pf2rl] { font-size: 18px; font-weight: 600; color: var(--text-primary); margin: 0 0 8px 0; }

.chapter-meta[b-sqi89pf2rl] { display: flex; gap: 20px; font-size: 14px; color: #999; }

.meta-item[b-sqi89pf2rl] { display: flex; align-items: center; gap: 6px; }

.play-btn[b-sqi89pf2rl],
.view-btn[b-sqi89pf2rl] { padding: 8px 20px; font-size: 14px; }

.chapter-summary[b-sqi89pf2rl] { margin-bottom: 16px; }

.chapter-summary p[b-sqi89pf2rl] { font-size: 15px; line-height: 1.6; color: #666; margin: 0; }

.chapter-resources[b-sqi89pf2rl] { display: flex; align-items: center; gap: 16px; padding-top: 16px; border-top: 1px solid #f0f0f0; }

.resource-label[b-sqi89pf2rl] { font-size: 14px; color: #999; font-weight: 500; }

.resource-link[b-sqi89pf2rl] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--primary-color); text-decoration: none; padding: 4px 12px; border-radius: 4px; transition: background 0.3s ease; }

.resource-link:hover[b-sqi89pf2rl] { background: #e6f7ff; }

.view-more-chapters[b-sqi89pf2rl] { margin-top: 10px; padding: 12px; font-size: 16px; color: var(--primary-color); background: #f0f9ff; border: 1px solid #bae7ff; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; }

.view-more-chapters:hover[b-sqi89pf2rl] { background: #e6f7ff; border-color: #91d5ff; }

/* 学员评价内容 */
.reviews-summary[b-sqi89pf2rl] { display: flex; gap: 40px; margin-bottom: 32px; padding: 24px; background: #f5f7fa; border-radius: 8px; }

.overall-rating[b-sqi89pf2rl] { text-align: center; min-width: 150px; }

.rating-score-large[b-sqi89pf2rl] { font-size: 48px; font-weight: 700; color: #ff6b6b; margin-bottom: 8px; }

.rating-stars-large i[b-sqi89pf2rl] { color: #ffc400; font-size: 24px; margin: 0 2px; }

.rating-count[b-sqi89pf2rl] { font-size: 14px; color: #999; margin-top: 8px; }

.rating-distribution[b-sqi89pf2rl] { flex: 1; display: flex; flex-direction: column; gap: 12px; justify-content: center; }

.rating-bar[b-sqi89pf2rl] { display: flex; align-items: center; gap: 12px; }

.rating-label[b-sqi89pf2rl] { font-size: 14px; color: #666; width: 30px; text-align: right; }

.rating-progress[b-sqi89pf2rl] { flex: 1; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden; }

.progress-bar[b-sqi89pf2rl] { height: 100%; background: #ffc400; border-radius: 4px; transition: width 0.5s ease; }

.rating-percentage[b-sqi89pf2rl] { font-size: 14px; color: #666; width: 45px; text-align: left; }

.reviews-filter[b-sqi89pf2rl] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--neutral-200); }

.filter-buttons[b-sqi89pf2rl] { display: flex; gap: 12px; }

.filter-btn[b-sqi89pf2rl] { padding: 8px 16px; font-size: 14px; border-radius: 20px; background: #f5f7fa; border: none; color: #666; cursor: pointer; transition: all 0.3s ease; }

.filter-btn:hover[b-sqi89pf2rl] { background: #e6f7ff; color: var(--primary-color); }

.filter-btn.active[b-sqi89pf2rl] { background: var(--primary-color); color: #fff; }

.sort-options select[b-sqi89pf2rl] { padding: 8px 16px; font-size: 14px; border: 1px solid var(--neutral-200); border-radius: 4px; background: #fff; color: #666; cursor: pointer; }

.review-list[b-sqi89pf2rl] { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; }

.review-item[b-sqi89pf2rl] { padding: 24px; border-radius: 8px; border: 1px solid var(--neutral-200); background: #fff; }

.review-header[b-sqi89pf2rl] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }

.reviewer-info[b-sqi89pf2rl] { display: flex; align-items: center; gap: 12px; }

.reviewer-avatar[b-sqi89pf2rl] { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }

.reviewer-name[b-sqi89pf2rl] { font-size: 16px; font-weight: 600; color: var(--text-primary); margin: 0 0 4px 0; }

.review-date[b-sqi89pf2rl] { font-size: 13px; color: #999; }

.review-rating i[b-sqi89pf2rl] { color: #ffc400; font-size: 16px; margin-left: 2px; }

.review-content p[b-sqi89pf2rl] { font-size: 15px; line-height: 1.7; color: #666; margin: 0 0 16px 0; }

.review-footer[b-sqi89pf2rl] { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; border-top: 1px solid #f0f0f0; }

.review-tags[b-sqi89pf2rl] { display: flex; flex-wrap: wrap; gap: 8px; }

.review-tag[b-sqi89pf2rl] { padding: 4px 12px; background: #f5f7fa; color: #666; border-radius: 20px; font-size: 13px; }

.review-actions[b-sqi89pf2rl] { display: flex; gap: 20px; }

.action-btn[b-sqi89pf2rl] { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #999; background: transparent; border: none; cursor: pointer; transition: color 0.3s ease; }

.action-btn:hover[b-sqi89pf2rl] { color: var(--primary-color); }

/* 常见问题内容-联系客服 */
.faq-contact[b-sqi89pf2rl] { text-align: center; }
.faq-contact p[b-sqi89pf2rl] { font-size: 16px; color: #666; margin: 0; }

.contact-link[b-sqi89pf2rl] { color: var(--primary-color); font-weight: 600; text-decoration: none; transition: opacity 0.3s ease; }
.contact-link:hover[b-sqi89pf2rl] { opacity: 0.8; }

/* 推荐课程 */
.recommended-courses[b-sqi89pf2rl] { padding: 40px 0; background: #f5f7fa; }

.section-header[b-sqi89pf2rl] { margin-bottom: 32px; text-align: center; }

.section-title[b-sqi89pf2rl] { font-size: 28px; font-weight: 700; color: var(--text-primary); margin: 0; display: inline-flex; align-items: center; gap: 12px; }

.section-title i[b-sqi89pf2rl] { color: var(--primary-color); }

.courses-grid[b-sqi89pf2rl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }

.course-card[b-sqi89pf2rl] { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.course-card:hover[b-sqi89pf2rl] { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); }

.course-card-media[b-sqi89pf2rl] { position: relative; overflow: hidden; aspect-ratio: 16 / 10; }

.course-card-img[b-sqi89pf2rl] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }

.course-card:hover .course-card-img[b-sqi89pf2rl] { transform: scale(1.05); }

.course-card-content[b-sqi89pf2rl] { padding: 20px; }

.course-card-title[b-sqi89pf2rl] { font-size: 18px; font-weight: 600; color: var(--text-primary); margin: 0 0 12px 0; line-height: 1.4; }

.course-card-title a[b-sqi89pf2rl] { color: var(--text-primary); text-decoration: none; transition: color 0.3s ease; }

.course-card-title a:hover[b-sqi89pf2rl] { color: var(--primary-color); }

.course-card-meta[b-sqi89pf2rl] { display: flex; gap: 16px; margin-bottom: 12px; font-size: 14px; color: #999; }

.course-card-stats[b-sqi89pf2rl] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }

.rating[b-sqi89pf2rl] { display: flex; align-items: center; gap: 6px; font-size: 14px; }

.rating i[b-sqi89pf2rl] { color: #ffc400; }

.learners[b-sqi89pf2rl] { font-size: 14px; color: #999; }

.course-card-price[b-sqi89pf2rl] { font-size: 20px; font-weight: 700; color: #ff6b6b; }

/* 分页 */
.pagination-container[b-sqi89pf2rl] { display: flex; justify-content: center; margin-top: 32px; }

.pagination[b-sqi89pf2rl] { display: flex; align-items: center; gap: 8px; padding: 0; margin: 0; list-style: none; }

.page-item a[b-sqi89pf2rl] { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; font-size: 14px; color: #666; text-decoration: none; transition: all 0.3s ease; }

.page-item a:hover:not(.disabled)[b-sqi89pf2rl] { background: #f0f0f0; color: var(--primary-color); }

.page-item a.active[b-sqi89pf2rl] { background: var(--primary-color); color: #fff; }

.page-item a.disabled[b-sqi89pf2rl] { color: #ccc; cursor: not-allowed; }

.page-item a.disabled:hover[b-sqi89pf2rl] { background: transparent; color: #ccc; }

/* 响应式设计 */
@media (max-width: 1200px) {
    .course-info-header[b-sqi89pf2rl] { flex-direction: column; }

    .course-preview[b-sqi89pf2rl] { flex: none; width: 100%; }
}

@media (max-width: 992px) {
    .course-info-main[b-sqi89pf2rl] { padding: 30px 0; }

    .course-info-header[b-sqi89pf2rl] { padding: 24px; }

    .course-title[b-sqi89pf2rl] { font-size: 24px; }

    .reviews-summary[b-sqi89pf2rl] { flex-direction: column; gap: 24px; align-items: center; }

    .learning-goals[b-sqi89pf2rl] { grid-template-columns: 1fr; }

    .course-features[b-sqi89pf2rl] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .course-info-header[b-sqi89pf2rl] { padding: 20px; }

    .tab-content[b-sqi89pf2rl] { padding: 20px; }

    .course-price-section[b-sqi89pf2rl] { flex-direction: column; align-items: stretch; gap: 20px; }

    .purchase-actions[b-sqi89pf2rl] { justify-content: center; }

    .reviews-filter[b-sqi89pf2rl] { flex-direction: column; align-items: stretch; gap: 16px; }

    .filter-buttons[b-sqi89pf2rl] { justify-content: center; }

    .course-features[b-sqi89pf2rl] { grid-template-columns: 1fr; }

    .syllabus-module[b-sqi89pf2rl] { margin-bottom: 20px; }

    .courses-grid[b-sqi89pf2rl] { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}

@media (max-width: 576px) {
    .course-info-main[b-sqi89pf2rl] { padding: 20px 0; }

    .course-title[b-sqi89pf2rl] { font-size: 20px; }

    .course-stats[b-sqi89pf2rl] { flex-wrap: wrap; gap: 12px; }

    .instructor-info[b-sqi89pf2rl] { flex-direction: column; align-items: stretch; text-align: center; }

    .instructor-avatar-container[b-sqi89pf2rl] { display: flex; justify-content: center; }

    .plan-item[b-sqi89pf2rl] { align-items: center; }

    .chapter-header[b-sqi89pf2rl] { flex-direction: column; align-items: stretch; text-align: center; }

    .chapter-meta[b-sqi89pf2rl] { justify-content: center; flex-wrap: wrap; }

    .review-header[b-sqi89pf2rl] { flex-direction: column; align-items: stretch; gap: 12px; }

    .review-footer[b-sqi89pf2rl] { flex-direction: column; align-items: stretch; gap: 12px; }

    .section-title[b-sqi89pf2rl] { font-size: 24px; }

    .courses-grid[b-sqi89pf2rl] { grid-template-columns: 1fr; }
}
/* /Views/Training/Index.cshtml.rz.scp.css */
/* 心理课程培训首页特定样式 */


/* 主要内容区域 */

/*.content-row { display: grid; grid-template-columns: 1fr 300px; gap: 40px; margin-top: 40px; }*/

/* 左侧内容区 */
/*.content-left { display: flex; flex-direction: column; gap: 40px; }*/

/* 热门推荐区域 */
.featured-section[b-7fg4kkxw9f] { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); }

/* 热门精品课程区域样式 */
.featured-courses-section[b-7fg4kkxw9f] { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); margin-bottom: 40px; }

.featured-course-main[b-7fg4kkxw9f] { margin-bottom: 30px; }

.featured-course-large[b-7fg4kkxw9f] { display: flex; flex-direction: column; background: var(--neutral-200); border: 1px solid var(--neutral-300); border-radius: 8px; overflow: hidden; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.featured-course-large:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); color: var(--color-green); }
.featured-course-large:hover .course-title[b-7fg4kkxw9f] { color: var(--color-green); }

.featured-course-grid[b-7fg4kkxw9f] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }

.featured-course-item[b-7fg4kkxw9f] { display: flex; flex-direction: column; background: var(--neutral-50); border: 1px solid var(--neutral-200); border-radius: 8px; overflow: hidden; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */ }
.featured-course-item:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); }
.featured-course-item:hover .course-price[b-7fg4kkxw9f] { background: linear-gradient(135deg, var(--color-green-light), var(--color-green)); }
.featured-course-item:hover .course-title[b-7fg4kkxw9f] { color: var(--color-green-dark); }
.featured-course-item .course-media[b-7fg4kkxw9f] { width: 100%; height: 200px; }


.section-header[b-7fg4kkxw9f] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid var(--neutral-300); }
.section-header h2[b-7fg4kkxw9f] { font-size: 1.5rem; font-weight: 700; color: var(--neutral-700); margin-bottom: 0; display: flex; align-items: center; gap: 10px; }
.section-header h2 i[b-7fg4kkxw9f] { color: var(--color-green); }

.featured-content[b-7fg4kkxw9f] { display: grid; grid-template-columns: 1fr 300px; gap: 25px; }

.featured-main[b-7fg4kkxw9f] { display: flex; flex-direction: column; }

.featured-item[b-7fg4kkxw9f] { text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 8px; overflow: hidden; }
.featured-item:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }

.featured-large[b-7fg4kkxw9f] { display: flex; flex-direction: column; background: var(--neutral-200); border: 1px solid var(--neutral-300); }
.featured-media[b-7fg4kkxw9f] { position: relative; overflow: hidden; height: 300px; }
.featured-img[b-7fg4kkxw9f] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.featured-item:hover .featured-img[b-7fg4kkxw9f] { transform: scale(1.05); }




@keyframes pulse-b-7fg4kkxw9f {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}

.featured-text[b-7fg4kkxw9f] { display: flex; flex-direction: column; padding: 20px; background-color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; }

.featured-text[b-7fg4kkxw9f]::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, var(--color-green), var(--secondary-color)); }

/* .course-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--neutral-800);
    margin: 0 0 12px 0;
    line-height: 1.3;
    transition: all 0.3s ease;
    padding-left: 4px;
} */

.featured-item:hover .course-title[b-7fg4kkxw9f] { color: var(--color-green); transform: translateX(2px); }

/* .course-meta {
    display: flex;
    gap: 15px;
    margin: 0 0 15px 0;
    flex-wrap: wrap;
    background-color: var(--light-gray);
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.featured-item:hover .course-meta {
    background-color: rgba(33, 150, 243, 0.05);
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--neutral-500);
    font-size: 0.9rem;
    font-weight: 600;
    transition: color 0.3s ease;
} */

.featured-item:hover .meta-item[b-7fg4kkxw9f] { color: var(--color-green); }

/* .meta-item i {
    color: var(--color-green);
    font-size: 1rem;
    width: 18px;
    margin-right: 0;
    text-align: center;
    transition: transform 0.3s ease;
} */

.featured-item:hover .meta-item i[b-7fg4kkxw9f] { transform: scale(1.1); }

.featured-excerpt[b-7fg4kkxw9f] { color: var(--neutral-600); line-height: 1.6; margin: 0 0 18px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.95rem; font-weight: 500; padding-left: 4px; position: relative; }

.featured-sidebar[b-7fg4kkxw9f] { display: flex; flex-direction: column; gap: 20px; }

.featured-small[b-7fg4kkxw9f] { display: flex; gap: 15px; background: var(--neutral-200); border: 1px solid var(--neutral-300); padding: 15px; }

.featured-media-small[b-7fg4kkxw9f] { position: relative; width: 100px; height: 60px; flex-shrink: 0; overflow: hidden; border-radius: 4px; }

.featured-img-small[b-7fg4kkxw9f] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }

.featured-small:hover .featured-img-small[b-7fg4kkxw9f] { transform: scale(1.1); }

.featured-text-small[b-7fg4kkxw9f] { flex: 1; display: flex; flex-direction: column; }

.featured-title-small[b-7fg4kkxw9f] { font-size: 0.95rem; font-weight: 600; color: var(--neutral-700); margin-bottom: 8px; line-height: 1.4; transition: color 0.3s ease; }

.featured-small:hover .featured-title-small[b-7fg4kkxw9f] { color: var(--color-green); }

.course-meta-small[b-7fg4kkxw9f] { display: flex; gap: 10px; margin-bottom: 5px; flex-wrap: wrap; }

.course-price-small[b-7fg4kkxw9f] { font-size: 1.1rem; font-weight: 700; color: var(--color-green); margin-top: auto; }

/* 课程列表区域 */
.courses-list-section[b-7fg4kkxw9f] { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); }

/* 内容标签切换 */
.content-tabs-section[b-7fg4kkxw9f] { margin-bottom: 25px; }

.content-type-tabs[b-7fg4kkxw9f] { display: flex; gap: 5px; flex-wrap: wrap; border-bottom: 1px solid var(--neutral-300); }

.tab-btn[b-7fg4kkxw9f] { padding: 10px 20px; border: none; background: transparent; color: var(--neutral-600); font-size: 0.95rem; font-weight: 500; cursor: pointer; position: relative; transition: color 0.3s ease; }

.tab-btn:hover[b-7fg4kkxw9f] { color: var(--color-green); }

.tab-btn.active[b-7fg4kkxw9f] { color: var(--color-green); font-weight: 600; }

.tab-btn.active[b-7fg4kkxw9f]::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: var(--color-green); border-radius: 3px 3px 0 0; }

/* 筛选区域 */
.page-filter-section[b-7fg4kkxw9f] { display: flex; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; align-items: center; }

.filter-group[b-7fg4kkxw9f] { display: flex; align-items: center; gap: 8px; }

.filter-group label[b-7fg4kkxw9f] { color: var(--neutral-700); font-weight: 500; font-size: 0.95rem; }

.form-select[b-7fg4kkxw9f] { padding: 8px 12px; border: 1px solid var(--neutral-300); border-radius: 4px; background-color: white; color: var(--neutral-700); font-size: 0.9rem; cursor: pointer; transition: border-color 0.3s ease; }

.form-select:focus[b-7fg4kkxw9f] { outline: none; border-color: var(--color-green); }

/* 课程列表 */
.courses-list[b-7fg4kkxw9f] { display: flex; flex-direction: column; gap: 30px; }


.offline-course-item:hover .course-footer[b-7fg4kkxw9f]::before { opacity: 1; transform: translateY(0); }

.course-instructor[b-7fg4kkxw9f] { display: flex; align-items: center; gap: 10px; }

.instructor-avatar[b-7fg4kkxw9f] { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--neutral-300); }



/* 右侧边栏 */
/*.content-right { display: flex; flex-direction: column; gap: 30px; }*/

.sidebar-section[b-7fg4kkxw9f] { background: white; border-radius: 8px; padding: 25px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); }

.sidebar-title[b-7fg4kkxw9f] { font-size: 1.2rem; font-weight: 700; color: var(--neutral-700); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--neutral-300); display: flex; align-items: center; gap: 8px; }

.sidebar-title i[b-7fg4kkxw9f] { color: var(--color-green); }

/* 课程分类列表 */
.category-list[b-7fg4kkxw9f] { list-style: none; padding: 0; margin: 0; }

.category-list-item[b-7fg4kkxw9f] { margin-bottom: 10px; }

.category-link[b-7fg4kkxw9f] { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; border-radius: 6px; color: var(--neutral-700); text-decoration: none; transition: all 0.3s ease; background-color: var(--neutral-200); border: 1px solid transparent; }

.category-link:hover[b-7fg4kkxw9f] { background-color: var(--primary-light); color: var(--color-green); border-color: var(--color-green); }

.category-link.active[b-7fg4kkxw9f] { background-color: var(--color-green); color: white; border-color: var(--primary-dark); }

/* 热门讲师列表 */
.instructor-list[b-7fg4kkxw9f] { display: flex; flex-direction: column; gap: 20px; }

.instructor-item[b-7fg4kkxw9f] { display: flex; gap: 15px; align-items: center; padding: 15px; background-color: var(--neutral-200); border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.instructor-item:hover[b-7fg4kkxw9f] { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }

.instructor-details[b-7fg4kkxw9f] { display: flex; flex-direction: column; gap: 3px; }

.offline-course-item:hover .instructor-name[b-7fg4kkxw9f] { color: var(--color-green); }





/* 学习贴士样式 */
.tips-section[b-7fg4kkxw9f] { background-color: #f6ffed; border: 1px solid #b7eb8f; }
.tips-content p[b-7fg4kkxw9f] { font-size: 14px; color: #595959; line-height: 1.8; margin: 0 0 8px 0; }
.tips-content p:last-child[b-7fg4kkxw9f] { margin-bottom: 0; }

/* 课程分类补充样式 */
.course-categories-section[b-7fg4kkxw9f] { background-color: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

.categories-grid[b-7fg4kkxw9f] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.category-card[b-7fg4kkxw9f] { display: flex; flex-direction: column; align-items: center; padding: 24px 16px; background-color: #f9f9f9; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
.category-card:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); background-color: #fff; }

.category-icon[b-7fg4kkxw9f] { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px; color: #fff; }
.category-icon i[b-7fg4kkxw9f] { margin-right:0;}

.mental-basics-icon[b-7fg4kkxw9f] { background-color: #ff7875; }

.stress-icon[b-7fg4kkxw9f] { background-color: #ffa940; }

.relationship-icon[b-7fg4kkxw9f] { background-color: #40a9ff; }

.family-icon[b-7fg4kkxw9f] { background-color: #52c41a; }

.teen-icon[b-7fg4kkxw9f] { background-color: #722ed1; }

.professional-icon[b-7fg4kkxw9f] { background-color: #eb2f96; }

.category-title[b-7fg4kkxw9f] { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 8px 0; }
.category-count[b-7fg4kkxw9f] { font-size: 14px; color: #999; margin: 0; }

/* 最新课程补充样式 */
.latest-courses-section[b-7fg4kkxw9f] { background-color: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

/* 免费课程区域样式 */
.free-courses-section[b-7fg4kkxw9f] { /* background: white;
    border-radius: 8px; 
    padding: 30px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);*/ margin-bottom: 40px; }

.free-courses-grid[b-7fg4kkxw9f] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }

/* 免费课程项样式 */
.free-course-item[b-7fg4kkxw9f] { display: flex; flex-direction: column; background: white; border: 1px solid var(--neutral-300); border-radius: 8px; overflow: hidden; text-decoration: none; transition: all 0.3s ease; height: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.free-course-item:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-color: var(--success); }
.free-course-item .course-media[b-7fg4kkxw9f] { width: 100%; height: 200px; }
.free-course-item .course-img[b-7fg4kkxw9f] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.free-course-item:hover .course-img[b-7fg4kkxw9f] { transform: scale(1.05); }
.free-course-item .course-content[b-7fg4kkxw9f] { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.free-course-item .course-title[b-7fg4kkxw9f] { font-size: 1.2rem; font-weight: 700; color: var(--neutral-700); margin-bottom: 12px; line-height: 1.4; transition: color 0.3s ease; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; max-width: 100%; }
.free-course-item:hover .course-title[b-7fg4kkxw9f] { color: var(--color-green-dark); transform: scale(1.03); }
.free-course-item .meta-item[b-7fg4kkxw9f] { display: flex; align-items: center; gap: 5px; }



/* 线下课程区域样式 */
.offline-courses-section[b-7fg4kkxw9f] { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); margin-bottom: 40px; }

.offline-courses-grid[b-7fg4kkxw9f] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }

/* 线下课程项样式 */
.offline-course-item[b-7fg4kkxw9f] { display: flex; flex-direction: column; background: var(--neutral-50); border: 1px solid var(--neutral-200); border-radius: 8px; overflow: hidden; text-decoration: none; transition: all 0.3s ease; height: 100%; }
.offline-course-item:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-color: var(--color-green-dark); }
.offline-course-item:hover .course-price[b-7fg4kkxw9f] { background: linear-gradient(135deg, var(--color-green-light), var(--color-green)); }
.offline-course-item .course-media[b-7fg4kkxw9f] { width: 100%; height: 200px; position: relative; overflow: hidden; }
.offline-course-item .course-img[b-7fg4kkxw9f] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.offline-course-item:hover .course-img[b-7fg4kkxw9f] { transform: scale(1.05); }
.offline-course-item:hover .course-content[b-7fg4kkxw9f] { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); }
.offline-course-item .course-title[b-7fg4kkxw9f] { font-size: 1.35rem; font-weight: 700; color: var(--neutral-800); margin-bottom: 0px; line-height: 1.35; transition: all 0.3s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 8px; border-bottom: 2px solid var(--color-green); }
.offline-course-item:hover .course-title[b-7fg4kkxw9f] { color: var(--color-green-dark); transform: translateX(2px); }
.offline-course-item .course-meta[b-7fg4kkxw9f] { background-color: rgba(33, 150, 243, 0.05); padding: 12px 12px 12px 0px; transition: background-color 0.3s ease; }
.offline-course-item .meta-item[b-7fg4kkxw9f] { display: flex; align-items: center; gap: 7px; font-size: 0.9rem; font-weight: 600; color: var(--neutral-700); transition: all 0.3s ease; }
.offline-course-item:hover .meta-item[b-7fg4kkxw9f] { color: var(--color-green-dark); }
.offline-course-item .meta-item i[b-7fg4kkxw9f] { color: var(--color-green); font-size: 1rem; width: 20px; text-align: center; transition: transform 0.3s ease; }
.offline-course-item:hover .meta-item i[b-7fg4kkxw9f] { transform: scale(1.1); }
.offline-course-item .meta-item i[b-7fg4kkxw9f] { color: var(--color-green); font-size: 1rem; }
.offline-course-item .course-info[b-7fg4kkxw9f] { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--neutral-300); }


/* 响应式调整 */
@media (max-width: 768px) {
    /* .course-footer {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    } */

    .instructor-info[b-7fg4kkxw9f] { justify-content: center; order: 2; }

    /* .offline-course-item .course-price {
        order: 1;
        align-self: center;
        margin-bottom: 15px;
    } */
}

.offline-course-item .location-info[b-7fg4kkxw9f] { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--neutral-600); }

.offline-course-item .location-info i[b-7fg4kkxw9f] { color: var(--color-green); }

/* 热门讲师区域样式 */
.popular-instructors-section[b-7fg4kkxw9f] { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); margin-bottom: 40px; }



/* .section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--neutral-700);
    display: flex;
    align-items: center;
    gap: 10px;
} */

.section-title i[b-7fg4kkxw9f] { color: var(--color-green); font-size: 1.8rem; }

.instructors-grid[b-7fg4kkxw9f] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }

/* 线下课程中的讲师信息样式 - 水平布局 */
.offline-course-item .instructor-info[b-7fg4kkxw9f] { display: flex; flex-direction: row; align-items: center; gap: 10px; }

/* 线下课程中讲师名称和头衔的垂直排列 */
.offline-course-item .instructor-info > div[b-7fg4kkxw9f] { display: flex; flex-direction: column; }

/* .offline-course-item .instructor-info .instructor-name,
.offline-course-item .instructor-info .instructor-title {
    display: block;
    width: 100%;
    padding: 0;
} */

/* 讲师卡片样式 */
.instructor-card[b-7fg4kkxw9f] { background: var(--neutral-50); border: 1px solid var(--neutral-100); border-radius: 8px; padding: 25px; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; }
.instructor-card:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-color: var(--color-green); }
.instructor-card:hover .instructor-avatar-container[b-7fg4kkxw9f] { border-color: var(--primary-light); }

.instructor-avatar-container[b-7fg4kkxw9f] { width: 120px; height: 120px; border-radius: 20%; overflow: hidden; margin-bottom: 20px; border: 4px solid white; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }

.instructor-avatar-large[b-7fg4kkxw9f] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.instructor-card:hover .instructor-avatar-large[b-7fg4kkxw9f] { transform: scale(1.1); }

.instructor-info[b-7fg4kkxw9f] { display: flex; flex-direction: column; align-items: center; gap: 0px; }

.instructor-card:hover .instructor-name[b-7fg4kkxw9f] { color: var(--color-green-dark); }

.instructor-title[b-7fg4kkxw9f] { font-size: 0.95rem; color: var(--neutral-600); }


.instructor-courses[b-7fg4kkxw9f] { font-size: 0.8rem; color: var(--color-green); font-weight: 500; }
.instructor-courses i[b-7fg4kkxw9f] { color: var(--color-green); margin-right: 5px; }


/* 讲师项样式 */
.instructor-item[b-7fg4kkxw9f] { background: var(--neutral-200); border: 1px solid var(--neutral-300); border-radius: 8px; padding: 25px; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; }

.instructor-item:hover[b-7fg4kkxw9f] { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-color: var(--color-green); }

.instructor-avatar[b-7fg4kkxw9f] { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; /* margin-bottom: 20px; */ border: 4px solid white; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); object-fit: cover; transition: all 0.4s ease; padding: 2px; }

.offline-course-item:hover .instructor-avatar[b-7fg4kkxw9f] { transform: scale(1.1) rotate(5deg); border-color: var(--primary-light); }

.instructor-avatar img[b-7fg4kkxw9f] { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.instructor-item:hover .instructor-avatar img[b-7fg4kkxw9f] { transform: scale(1.1); }

.instructor-name[b-7fg4kkxw9f] { font-size: 1.2rem; font-weight: 700; color: var(--neutral-700); /* margin-bottom: 8px; */ transition: color 0.3s ease; }

.instructor-item:hover .instructor-name[b-7fg4kkxw9f] { color: var(--color-green); }


.instructor-stats[b-7fg4kkxw9f] { display: flex; justify-content: center; gap: 20px; margin-bottom: 15px; font-size: 0.9rem; color: var(--neutral-600); }

.instructor-stats .stat-number[b-7fg4kkxw9f] { font-weight: 700; color: var(--color-green); font-size: 1.1rem; margin-bottom: 4px; }

.instructor-bio[b-7fg4kkxw9f] { font-size: 0.9rem; color: var(--neutral-600); line-height: 1.5; margin-bottom: 20px; padding: 0 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.instructor-social[b-7fg4kkxw9f] { display: flex; gap: 10px; justify-content: center; }

.instructor-social a[b-7fg4kkxw9f] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: var(--light-gray); color: var(--neutral-600); transition: all 0.3s ease; font-size: 1rem; }

.instructor-social a:hover[b-7fg4kkxw9f] { background-color: var(--color-green); color: white; transform: translateY(-3px); }

/* 响应式设计 */
@media (max-width: 1200px) {
    .content-row[b-7fg4kkxw9f] { grid-template-columns: 1fr; gap: 30px; }

    .content-right[b-7fg4kkxw9f] { max-width: 600px; margin: 0 auto; }

    .featured-content[b-7fg4kkxw9f] { grid-template-columns: 1fr; gap: 20px; }

    /* .course-item {
        flex-direction: column;
    } */

    .course-media[b-7fg4kkxw9f] { width: 100%; height: 250px; }

    /* 响应式设计补充 */
    .featured-course-grid[b-7fg4kkxw9f],
    .offline-courses-grid[b-7fg4kkxw9f] { grid-template-columns: repeat(2, 1fr); }

    .free-courses-grid[b-7fg4kkxw9f],
    .instructors-grid[b-7fg4kkxw9f] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .page-title-section[b-7fg4kkxw9f] { padding: 40px 0; }

    .title-content h1[b-7fg4kkxw9f] { font-size: 2rem; }

    .category-nav[b-7fg4kkxw9f] { flex-direction: column; align-items: stretch; }

    .category-item[b-7fg4kkxw9f] { flex-direction: row; justify-content: center; padding: 12px 20px; }

    .category-item i[b-7fg4kkxw9f] { margin-bottom: 0; margin-right: 10px; }

    .pagination-container[b-7fg4kkxw9f] { flex-direction: column; align-items: center; gap: 20px; }

    .featured-small[b-7fg4kkxw9f] { flex-direction: column; }

    .featured-media-small[b-7fg4kkxw9f] { width: 100%; height: 180px; }

    /* 响应式设计补充 */
    .featured-course-grid[b-7fg4kkxw9f],
    .free-courses-grid[b-7fg4kkxw9f],
    .offline-courses-grid[b-7fg4kkxw9f],
    .instructors-grid[b-7fg4kkxw9f],
    .categories-grid[b-7fg4kkxw9f] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .page-title-section[b-7fg4kkxw9f] { padding: 30px 0; }

    .title-content h1[b-7fg4kkxw9f] { font-size: 1.8rem; }

    .search-input[b-7fg4kkxw9f] { padding: 12px 40px 12px 15px; }

    .search-btn[b-7fg4kkxw9f] { width: 30px; height: 30px; font-size: 1rem; }

    .section-header[b-7fg4kkxw9f] { flex-direction: column; align-items: flex-start; gap: 15px; }

    .page-filter-section[b-7fg4kkxw9f] { flex-direction: column; align-items: flex-start; }

    .filter-group[b-7fg4kkxw9f] { width: 100%; }

    .form-select[b-7fg4kkxw9f] { flex: 1; }

    .course-content[b-7fg4kkxw9f] { padding: 20px; }

    /* .course-title {
        font-size: 1.2rem;
    } */

    .sidebar-section[b-7fg4kkxw9f] { padding: 20px; }
}
/* /Views/Training/Lecturer.cshtml.rz.scp.css */
/* 讲师详情页面样式 */

/* 讲师基本信息 */
.instructor-basic-info[b-3lwxpidq8x] { margin-bottom: 40px; }

.instructor-profile[b-3lwxpidq8x] { display: flex; background: white; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-card); padding: 40px; gap: 40px; align-items: center; transition: box-shadow 0.3s ease; }

.instructor-profile:hover[b-3lwxpidq8x] { box-shadow: var(--shadow-card-hover); }

/* 讲师头像区域 */
.instructor-avatar-large[b-3lwxpidq8x] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 15px; }

.instructor-avatar-placeholder[b-3lwxpidq8x] { width: 180px; height: 180px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 60px; color: #4a6fa5; border: 6px solid var(--primary-light); box-shadow: 0 5px 20px rgba(33, 150, 243, 0.2); transition: transform 0.3s ease; }
.instructor-avatar-placeholder:hover[b-3lwxpidq8x] { transform: scale(1.05); }
.instructor-avatar-placeholder i[b-3lwxpidq8x] { opacity: 0.8; }

.instructor-avatar[b-3lwxpidq8x] { width: 180px; height: 180px; border-radius: 50%; object-fit: cover; border: 6px solid var(--primary-light); box-shadow: 0 5px 20px rgba(33, 150, 243, 0.2); transition: transform 0.3s ease; }
.instructor-avatar:hover[b-3lwxpidq8x] { transform: scale(1.05); }

/*.instructor-badges { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }*/

/* 讲师详细信息 */
.instructor-details[b-3lwxpidq8x] { flex: 1; }

.instructor-name[b-3lwxpidq8x] { font-size: 2.4rem; font-weight: 700; color: var(--neutral-800); margin-bottom: 12px; line-height: 1.2; }

.instructor-title[b-3lwxpidq8x] { font-size: 1.3rem; color: var(--primary-color); margin-bottom: 22px; font-weight: 600; line-height: 1.4; }

.instructor-rating[b-3lwxpidq8x] { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; padding: 12px 0; }

.rating-stars[b-3lwxpidq8x] { display: flex; align-items: center; gap: 5px; font-size: 1.3rem; }

.rating-stars i[b-3lwxpidq8x] { color: #e0e0e0; transition: transform 0.2s ease; }

.rating-stars i.fill[b-3lwxpidq8x] { color: #ffb800; transform: scale(1.1); }

.rating-score[b-3lwxpidq8x] { font-size: 1.3rem; font-weight: 700; color: var(--primary-color); margin-left: 8px; }

.rating-count[b-3lwxpidq8x] { color: var(--neutral-600); font-size: 0.95rem; }

/* 讲师统计信息 */
.instructor-stats[b-3lwxpidq8x] { display: flex; gap: 40px;  padding: 20px 0; border-top: 1px solid var(--neutral-200); border-bottom: 1px solid var(--neutral-200); }

.stat-item[b-3lwxpidq8x] { display: flex; flex-direction: column; align-items: center; transition: transform 0.3s ease; }
.stat-item:hover[b-3lwxpidq8x] { transform: translateY(-5px); }

.stat-number[b-3lwxpidq8x] { font-size: 2rem; font-weight: 700; color: var(--primary-color); margin-bottom: 5px; }

.stat-label[b-3lwxpidq8x] { font-size: 0.95rem; color: var(--neutral-600); text-align: center; }

/* 讲师操作按钮 */
.instructor-actions[b-3lwxpidq8x] { display: flex; gap: 15px; flex-wrap: wrap; }

.appointment-btn[b-3lwxpidq8x],
.follow-btn[b-3lwxpidq8x] { padding: 14px 28px; border-radius: 8px; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.3s ease; font-size: 1rem; border: none; display: inline-flex; align-items: center; gap: 8px; min-width: 140px; justify-content: center; }

.appointment-btn[b-3lwxpidq8x] { background-color: var(--primary-color); color: white; }

.appointment-btn:hover[b-3lwxpidq8x] { background-color: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(33, 150, 243, 0.3); }

.follow-btn[b-3lwxpidq8x] { background-color: white; color: var(--primary-color); border: 2px solid var(--primary-color); }

.follow-btn:hover[b-3lwxpidq8x] { background-color: var(--primary-light); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(73, 80, 87, 0.15); }



/* 专业领域 */
.specialty-list[b-3lwxpidq8x] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }

.specialty-item[b-3lwxpidq8x] { padding: 20px; background-color: var(--neutral-50); border-radius: 8px; border: 1px solid var(--neutral-300); transition: all 0.3s ease; text-align: center; }

.specialty-item:hover[b-3lwxpidq8x] { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); border-color: var(--primary-color); }

.specialty-icon[b-3lwxpidq8x] { font-size: 24px; margin-bottom: 12px; color: var(--primary-color); transition: transform 0.3s ease; }

.specialty-item:hover .specialty-icon[b-3lwxpidq8x] { transform: scale(1.1); }

.specialty-name[b-3lwxpidq8x] { font-size: 1.1rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 10px; }

.specialty-description[b-3lwxpidq8x] { color: var(--neutral-600); line-height: 1.6; font-size: 13px; }

/* 教育背景与资质 */
.qualification-list[b-3lwxpidq8x] { margin-bottom: 30px; }

.qualification-item[b-3lwxpidq8x] { display: flex; gap: 20px; margin-bottom: 25px; position: relative; padding: 20px; background-color: var(--neutral-50); border-radius: 8px; transition: all 0.3s ease; border-left: 3px solid transparent; }

.qualification-item:hover[b-3lwxpidq8x] { background-color: var(--primary-light); transform: translateX(5px); border-left-color: var(--primary-color); }

.qualification-item[b-3lwxpidq8x]::before { content: ''; position: absolute; left: -10px; top: 25px; width: 12px; height: 12px; background-color: var(--primary-color); border-radius: 50%; border: 3px solid white; }

.qualification-item:not(:last-child)[b-3lwxpidq8x]::after { content: ''; position: absolute; left: -5px; top: 37px; width: 2px; height: calc(100% + 15px); background-color: var(--neutral-300); }

.qualification-year[b-3lwxpidq8x] { font-size: 0.95rem; font-weight: 700; color: var(--primary-color); min-width: 100px; display: flex; align-items: center; }

.qualification-content h3[b-3lwxpidq8x] { font-size: 1.1rem; font-weight: 600; color: var(--neutral-800); margin-bottom: 8px; }

.qualification-content p[b-3lwxpidq8x] { color: var(--neutral-600); font-size: 0.95rem; line-height: 1.6; }

.certification-list[b-3lwxpidq8x] { display: flex; flex-wrap: wrap; gap: 15px; }

.certification-item[b-3lwxpidq8x] { display: flex; align-items: center; gap: 8px; padding: 10px 15px; background-color: var(--neutral-100); border-radius: 25px; color: var(--neutral-700); font-size: 0.9rem; }

.certification-item i[b-3lwxpidq8x] { color: var(--primary-color); font-size: 1.1rem; }

/* 讲师课程 */
.instructor-courses[b-3lwxpidq8x] { display: flex; flex-direction: column; gap: 24px; margin-bottom: 25px; }


.view-all-courses[b-3lwxpidq8x] { text-align: center; }

/* 学员评价 */
.reviews-list[b-3lwxpidq8x] { display: flex; flex-direction: column; gap: 25px; margin-bottom: 25px; }

.review-item[b-3lwxpidq8x] { padding: 20px; background-color: var(--neutral-50); border-radius: 8px; position: relative; border: 1px solid var(--neutral-300); box-shadow: var(--shadow-card); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.review-item:hover[b-3lwxpidq8x] { transform: translateY(-3px); box-shadow: var(--shadow-card-hover); }

.review-header[b-3lwxpidq8x] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }

.reviewer-info[b-3lwxpidq8x] { display: flex; align-items: center; gap: 15px; }

.reviewer-avatar[b-3lwxpidq8x] { width: 45px; height: 45px; border-radius: 50%; overflow: hidden; border: 2px solid var(--primary-light); }

.reviewer-avatar img[b-3lwxpidq8x] { width: 100%; height: 100%; object-fit: cover; }

.reviewer-details h4[b-3lwxpidq8x] { font-weight: 600; color: var(--neutral-800); margin-bottom: 3px; }

.review-date[b-3lwxpidq8x] { font-size: 0.85rem; color: var(--neutral-500); }

.review-rating[b-3lwxpidq8x] { display: flex; gap: 3px; font-size: 0.9rem; }

.review-rating i[b-3lwxpidq8x] { color: #ffb800; }

.review-content[b-3lwxpidq8x] { color: var(--neutral-700); line-height: 1.7; margin-bottom: 15px; }

.review-course[b-3lwxpidq8x] { font-size: 0.85rem; color: var(--neutral-500); }

.review-course a[b-3lwxpidq8x] { color: var(--primary-color); text-decoration: none; margin-left: 5px; }

.review-course a:hover[b-3lwxpidq8x] { text-decoration: underline; }

.view-all-reviews[b-3lwxpidq8x] { text-align: center; }


/* 右侧边栏 */

.sidebar-card[b-3lwxpidq8x] { background: white; border-radius: 8px; padding: 25px; box-shadow: var(--shadow-card); transition: box-shadow 0.3s ease; overflow: hidden; }

.sidebar-card:hover[b-3lwxpidq8x] { box-shadow: var(--shadow-card-hover); }

.sidebar-title[b-3lwxpidq8x] { font-size: 1.2rem; font-weight: 700; color: var(--neutral-800); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--neutral-300); display: flex; align-items: center; gap: 8px; position: relative; }

.sidebar-title[b-3lwxpidq8x]::after { content: ''; position: absolute; left: 0; bottom: -2px; height: 2px; width: 40px; background-color: var(--primary-color); }

.sidebar-title i[b-3lwxpidq8x] { color: var(--primary-color); transition: transform 0.3s ease; }

.sidebar-card:hover .sidebar-title i[b-3lwxpidq8x] { transform: scale(1.1); }

/* 边栏讲师信息 */
.sidebar-avatar[b-3lwxpidq8x] { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto 15px; border: 3px solid var(--primary-light); }

.sidebar-avatar img[b-3lwxpidq8x] { width: 100%; height: 100%; object-fit: cover; }

.sidebar-info[b-3lwxpidq8x] { text-align: center; margin-bottom: 20px; }

.sidebar-name[b-3lwxpidq8x] { font-weight: 700; color: var(--neutral-800); margin-bottom: 5px; }

.sidebar-title-text[b-3lwxpidq8x] { font-size: 0.9rem; color: var(--neutral-600); margin-bottom: 10px; }

.sidebar-rating[b-3lwxpidq8x] { display: flex; align-items: center; justify-content: center; gap: 3px; font-size: 0.9rem; }

.sidebar-rating i[b-3lwxpidq8x] { color: #e0e0e0; }

.sidebar-rating i.fill[b-3lwxpidq8x] { color: #ffb800; }

.sidebar-rating span[b-3lwxpidq8x] { margin-left: 5px; color: var(--primary-color); font-weight: 600; }

.sidebar-contact[b-3lwxpidq8x] { text-align: center; }

/* 边栏统计信息 */
.stats-grid[b-3lwxpidq8x] { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }

.stat-box[b-3lwxpidq8x] { text-align: center; padding: 15px; background-color: var(--neutral-50); border-radius: 6px; }

.stat-value[b-3lwxpidq8x] { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); margin-bottom: 5px; }

.stat-label[b-3lwxpidq8x] { font-size: 0.8rem; color: var(--neutral-600); }

/* 热门标签 */
/*.tags-container { display: flex; flex-wrap: wrap; gap: 10px; }

.tag-item { padding: 6px 12px; background-color: var(--neutral-100); color: var(--neutral-700); border-radius: 15px; font-size: 0.85rem; text-decoration: none; transition: all 0.3s ease; }

.tag-item:hover { background-color: var(--primary-light); color: var(--primary-color); }*/

/* 相关讲师 */
.related-instructors[b-3lwxpidq8x] { display: flex; flex-direction: column; gap: 15px; }

.related-instructor-item[b-3lwxpidq8x] { display: flex; align-items: center; gap: 15px; padding: 12px; background-color: var(--neutral-50); border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }

.related-instructor-item:hover[b-3lwxpidq8x] { transform: translateX(5px); background-color: var(--primary-light); }

.related-instructor-avatar[b-3lwxpidq8x] { width: 45px; height: 45px; border-radius: 50%; overflow: hidden; border: 2px solid var(--primary-color); }

.related-instructor-avatar img[b-3lwxpidq8x] { width: 100%; height: 100%; object-fit: cover; }

.related-instructor-info h4[b-3lwxpidq8x] { font-weight: 600; color: var(--neutral-800); margin-bottom: 3px; }

.related-instructor-info p[b-3lwxpidq8x] { font-size: 0.85rem; color: var(--neutral-600); }


/* 响应式设计 */
@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    .instructor-profile[b-3lwxpidq8x] { flex-direction: column; padding: 30px 20px; text-align: center; }

    .instructor-actions[b-3lwxpidq8x] { justify-content: center; }

    .instructor-stats[b-3lwxpidq8x] { justify-content: center; }

    .specialty-list[b-3lwxpidq8x] { grid-template-columns: 1fr; }

    .review-header[b-3lwxpidq8x] { flex-direction: column; align-items: flex-start; gap: 10px; }
}

@media (max-width: 576px) {
    .instructor-name[b-3lwxpidq8x] { font-size: 1.8rem; }

    .instructor-stats[b-3lwxpidq8x] { flex-wrap: wrap; gap: 20px; }

    .section[b-3lwxpidq8x] { padding: 20px; }
}
/* /Views/Training/List.cshtml.rz.scp.css */
/* 课程列表页面特定样式 */



/* 课程列表区域 */
.courses-list-section[b-iv8nd2j1c7] { background: #fff; border-radius: 8px; padding: 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.courses-list[b-iv8nd2j1c7] { display: flex; flex-direction: column; gap: 30px; }



/* 侧边栏样式 */
.sidebar-section[b-iv8nd2j1c7] { background: #fff; border-radius: 8px; padding: 25px; margin-bottom: 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }

.sidebar-title[b-iv8nd2j1c7] { font-size: 1.2rem; font-weight: 600; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid #f1f1f1; display: flex; align-items: center; gap: 10px; color: #333; }
.sidebar-title i[b-iv8nd2j1c7] { color: var(--color-green-dark); font-size: 20px; }

/* 课程分类列表 */
.category-list[b-iv8nd2j1c7] { list-style: none; padding: 0; margin: 0; }
.category-list-item[b-iv8nd2j1c7] { margin-bottom: 12px; }

.category-link[b-iv8nd2j1c7] { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; border-radius: 6px; text-decoration: none; color: #555; transition: all 0.3s ease; background: #f8f9fa; }

.category-link:hover[b-iv8nd2j1c7],
.category-link.active[b-iv8nd2j1c7] { background: var(--color-green-light); color: #fff; }

.course-count[b-iv8nd2j1c7] { background: rgba(255, 255, 255, 0.2); padding: 2px 8px; border-radius: 10px; font-size: 12px; }

/* 讲师列表 */
.instructor-list[b-iv8nd2j1c7] { display: flex; flex-direction: column; gap: 20px; }

.instructor-item[b-iv8nd2j1c7] { display: flex; gap: 15px; align-items: center; transition: all 0.3s ease; }
.instructor-item:hover[b-iv8nd2j1c7] { transform: translateX(5px); }

.instructor-avatar[b-iv8nd2j1c7] { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid #f1f1f1; }

.instructor-details[b-iv8nd2j1c7] { flex: 1; }
.instructor-name[b-iv8nd2j1c7] { font-size: 16px; font-weight: 600; margin: 0 0 5px 0; color: #333; }
.instructor-title[b-iv8nd2j1c7] { font-size: 14px; color: #666; margin: 0 0 5px 0; }
.instructor-courses[b-iv8nd2j1c7] { font-size: 12px; color: #888; margin: 0; }
.instructor-courses i[b-iv8nd2j1c7] { color: #3498db; margin-right: 5px; }






/* 响应式设计 */
@media (max-width: 1200px) {

    .sidebar-section[b-iv8nd2j1c7] { margin-bottom: 20px; }

    .courses-list-section[b-iv8nd2j1c7] { padding: 20px; }
}

@media (max-width: 768px) {
    .title-content h1[b-iv8nd2j1c7] { font-size: 2rem; }

    .title-content p[b-iv8nd2j1c7] { font-size: 1rem; }

    .course-header[b-iv8nd2j1c7] { flex-direction: column; align-items: flex-start; }

    .course-title[b-iv8nd2j1c7] { font-size: 1.2rem; }

    .course-meta[b-iv8nd2j1c7] { gap: 15px; font-size: 13px; }
}

@media (max-width: 480px) {
    .title-content h1[b-iv8nd2j1c7] { font-size: 1.8rem; }

    .course-media[b-iv8nd2j1c7] { height: 200px; }

    .course-image-over[b-iv8nd2j1c7] { height: 200px; }

    .course-price[b-iv8nd2j1c7] { font-size: 20px; padding: 6px 15px; }

    .course-meta[b-iv8nd2j1c7] { font-size: 12px; gap: 10px; }
}