ai_dianshang/miniprogram/pages/help-center/index.wxss

.help-center-container {
  background-color: #f5f5f5;
  min-height: 100vh;
  padding-bottom: 40rpx;
}

/* 搜索栏样式 */
.search-section {
  background-color: #fff;
  padding: 20rpx 32rpx;
  margin-bottom: 20rpx;
}

/* 通用标题样式 */
.section-title {
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
  padding: 32rpx 32rpx 24rpx;
  background-color: #fff;
}

/* 快捷入口样式 */
.quick-access-section {
  background-color: #fff;
  margin-bottom: 20rpx;
}

.quick-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32rpx;
  padding: 0 32rpx 32rpx;
}

.quick-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24rpx 16rpx;
  border-radius: 16rpx;
  background-color: #f8f9fa;
  transition: all 0.3s ease;
}

.quick-item:active {
  background-color: #e9ecef;
  transform: scale(0.95);
}

.quick-text {
  font-size: 24rpx;
  color: #666;
  margin-top: 12rpx;
  text-align: center;
}

/* 常见问题样式 */
.faq-section {
  background-color: #fff;
  margin-bottom: 20rpx;
}

.faq-answer {
  padding: 24rpx 32rpx;
  font-size: 28rpx;
  line-height: 1.6;
  color: #666;
  background-color: #f8f9fa;
  border-radius: 8rpx;
  margin: 0 32rpx 24rpx;
}

/* 使用指南样式 */
.guide-section {
  background-color: #fff;
  margin-bottom: 20rpx;
}

/* 联系我们样式 */
.contact-section {
  background-color: #fff;
  margin-bottom: 20rpx;
}

/* 底部样式 */
.footer-section {
  background-color: #fff;
  padding: 32rpx;
  text-align: center;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 40rpx;
  margin: 24rpx 0;
}

.footer-link {
  font-size: 26rpx;
  color: #007aff;
  text-decoration: underline;
}

.footer-link:active {
  opacity: 0.7;
}

.version-info {
  font-size: 24rpx;
  color: #999;
  margin-top: 24rpx;
}

/* 折叠面板自定义样式 */
.t-collapse-panel__header {
  padding: 24rpx 32rpx !important;
  font-size: 30rpx !important;
  font-weight: 500 !important;
}

.t-collapse-panel__content {
  padding: 0 !important;
}

/* 单元格自定义样式 */
.t-cell {
  padding: 24rpx 32rpx !important;
}

.t-cell__title {
  font-size: 30rpx !important;
  font-weight: 500 !important;
}

.t-cell__note {
  font-size: 26rpx !important;
  color: #999 !important;
}

/* 响应式设计 */
@media (max-width: 375px) {
  .quick-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .quick-text {
    font-size: 22rpx;
  }
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
  .help-center-container {
    background-color: #1a1a1a;
  }
  
  .section-title,
  .quick-access-section,
  .faq-section,
  .guide-section,
  .contact-section,
  .footer-section {
    background-color: #2a2a2a;
  }
  
  .section-title {
    color: #fff;
  }
  
  .quick-item {
    background-color: #3a3a3a;
  }
  
  .quick-item:active {
    background-color: #4a4a4a;
  }
  
  .quick-text {
    color: #ccc;
  }
  
  .faq-answer {
    background-color: #3a3a3a;
    color: #ccc;
  }
}