/* 修复微信 X5 浏览器预初始化 video 容器导致主页出现黑框 */
.uni-video-container {
  background-color: #F5F5F5 !important;
}
/* 页面背景 - 舒适的浅灰色 */
html, body {
  background: #F5F5F5;
}

/* 图片referrer策略 - 解决微信防盗链问题 */
img {
  offset-position: no-referrer !important;
}

uni-page-body, uni-page-wrapper {
  background: #F5F5F5;
}

/* 隐藏播放器右上角水印 - 使用更精确的选择器 */
.text-white.text-center[style*="position: fixed"][style*="background: #000"] {
  display: none !important;
}

/* 暂时取掉 banner 地下布局 — 分类图标 + 继续观看 + 弧形装饰 */
c-category {
  display: none !important;
}
[style*="d4e5ef"] {
  display: none !important;
}
.out::after {
  display: none !important;
}

/* 搜索页 + tab页 避免底部菜单遮挡 */
.content-wrap {
  padding-bottom: 70px !important;
}
.result-section {
  padding-bottom: 70px;
}

/* 首页卡片图标区域 */
.homecards-container {
	overflow: hidden;
	position: relative;
}
.hc-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20rpx 8rpx;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.hc-item:active {
	background: rgba(0,0,0,0.05);
	border-radius: 12rpx;
}
.hc-icon {
	width: 80rpx;
	height: 80rpx;
	border-radius: 16rpx;
	object-fit: cover;
	display: block;
}
.hc-title {
	font-size: 22rpx;
	color: #333;
	margin-top: 10rpx;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120rpx;
	line-height: 1.3;
}

/* === 修复数字9显示问题 === */
/* 使用JavaScript动态检测并修复数字显示，CSS作为备用 */
/* 此代码不会影响原有图标字体 */

.number, .num, .digit, .count, .badge, .score, 
.score-text, .views, .plays,
[class*="num-text"], [class*="count-text"], [class*="score-text"],
.score-value, .views-value, .plays-value {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* === 我的页面美化 === */

/* 用户头像美化 */
.user-avatar, .avatar, .avatar-image, .u-avatar {
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border: 3px solid #fff;
}

/* 卡片美化 */
.user-card, .my-card, .panel-card, .info-card,
.u-card, .uni-card, .card-item {
  background: #fff !important;
  border-radius: 16rpx !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  margin: 15rpx;
  padding: 20rpx;
  border: none !important;
}

/* 列表项美化 */
.my-list, .list-item, .item-content,
.u-list-item, .uni-list-item {
  background: #fff !important;
  border-radius: 12rpx !important;
  margin: 10rpx 15rpx;
  padding: 20rpx;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
}

/* 按钮美化 */
.my-btn, .btn-primary, .btn-default,
.u-btn, .uni-btn {
  border-radius: 20rpx !important;
  padding: 12rpx 32rpx;
  font-size: 28rpx;
}

.btn-primary {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
  border: none !important;
  color: #fff !important;
}

/* 分割线美化 */
.my-divider, .divider, .u-divider {
  height: 16rpx;
  background: #f5f5f5;
  border: none !important;
  margin: 0 !important;
}

/* 文字样式 */
.user-name, .name-text {
  font-size: 34rpx;
  font-weight: 600;
  color: #1a1a1a;
}

.user-level, .level-text {
  font-size: 22rpx;
  color: #FF9800;
  background: rgba(255,152,0,0.1);
  padding: 4rpx 12rpx;
  border-radius: 12rpx;
}

/* 数字统计 */
.stat-item, .count-item {
  text-align: center;
}

.stat-value {
  font-size: 40rpx;
  font-weight: 700;
  color: #1a1a1a;
}

.stat-label {
  font-size: 22rpx;
  color: #999;
  margin-top: 8rpx;
}

/* 图标美化 */
.icon-wrap, .icon-box {
  width: 80rpx;
  height: 80rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrap-primary {
  background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);
}

.icon-wrap-success {
  background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
}

.icon-wrap-warning {
  background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);
}

.icon-wrap-danger {
  background: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%);
}

/* 右侧箭头 */
.arrow-right, .u-arrow {
  color: #ccc !important;
  font-size: 28rpx !important;
}

/* 底部菜单区域 */
.bottom-menu, .menu-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 20rpx;
}

.menu-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15rpx 0;
}

.menu-icon {
  width: 80rpx;
  height: 80rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12rpx;
}

.menu-text {
  font-size: 22rpx;
  color: #666;
}

/* 平板修复：底部菜单、搜索框防重叠 */
@media (min-width: 500px) {
  /* 底部菜单 — 取消绝对定位，使用自然流式布局避免图标与文字重叠 */
  .u-tabbar__content {
    height: auto !important;
    padding: 6px 0 2px;
  }
  .u-tabbar__content__item {
    height: auto !important;
    padding: 6px 0 4px !important;
  }
  .u-tabbar__content__item__button {
    position: static !important;
    transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .u-tabbar__content__item__text {
    position: static !important;
    transform: none !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-top: 2px;
  }

  /* 搜索框 */
  .search-box {
    height: 48px;
    align-items: center;
  }
}