/* ========================================================================
   侧边栏「同频道服务列表」共享样式
   用于：服务详情页 / 文章详情页 / 频道列表页 的右侧“其他服务 / 相关测算”区块
   统一规范：卡片 #f0f0f0 边框、统一阴影、#f5f5f5 分隔线
   本文件为共享模块，三页均引用，请勿在各页 css 中重复定义。
   ======================================================================== */

/* 卡片容器 */
.channel-services { background: #fff; border: 1px solid #f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,.06); border-radius: 0; overflow: hidden; margin: 0; padding: 0; }

/* 标题栏 */
.channel-services-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid #f5f5f5; }
.channel-services-title { font-size: 1.125rem; font-weight: 700; color: #333; display: flex; align-items: center; gap: 0.5rem; }
.channel-services-title .icon { color: #f97316; }
.channel-services-more { font-size: 0.875rem; color: #999; text-decoration: none; }
.channel-services-more:hover { color: var(--color-primary, #2563eb); }

/* 服务列表（连贯列表，用下边框分隔） */
.channel-services-list { display: flex; flex-direction: column; margin: 0; padding: 0 1.25rem 1rem; list-style: none; }
.channel-services-list li:first-child .channel-service-item { padding-top: 0.25rem; }
.channel-services-list li:last-child .channel-service-item { padding-bottom: 0; border-bottom: none; }

/* 列表单条服务：图标 + 名称 + 描述 */
.channel-service-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f5f5f5; text-decoration: none; color: #374151; transition: background .2s; }
.channel-service-item:hover,
.channel-service-item.active { background: #fff7ed; }
.channel-service-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 6px; object-fit: cover; background: #f3f4f6; display: flex; align-items: center; justify-content: center; font-size: 22px; }
.channel-service-icon.placeholder { color: #b45309; }
.channel-service-body { flex: 1; min-width: 0; }
.channel-service-name { font-size: 0.95rem; font-weight: 600; color: #1f2937; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.channel-service-desc { margin-top: 3px; font-size: 0.8rem; color: #9ca3af; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }