188 lines
2.9 KiB
Plaintext
188 lines
2.9 KiB
Plaintext
.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;
|
|
}
|
|
} |