@charset "utf-8";
/* ==========================================================================
   Theme Ocean — 清新海洋蓝全站 UI 美化
   适用：tom_tongcheng 同城分类信息（移动端）
   用法：在模板 </head> 前引入，必须放在所有原有样式之后
   配色修改：只需改下面 :root 里的变量
   ========================================================================== */

:root{
  /* —— 品牌主色（海洋蓝渐变）—— */
  --oc-primary:        #1B8CFF;
  --oc-primary-dark:   #0A6BE0;
  --oc-primary-light:  #4FB3FF;
  --oc-cyan:           #00C2FF;
  --oc-grad:           linear-gradient(135deg,#2B7BFB 0%,#00C2FF 100%);
  --oc-grad-soft:      linear-gradient(135deg,#EAF4FF 0%,#E3F6FF 100%);

  /* —— 辅助色 —— */
  --oc-orange:         #FF7A45;
  --oc-orange-text:    #C9490F;   /* v4.0.0：小字号橙色，对比度 ≈4.6 达 AA */
  --oc-red:            #D83A3B;   /* v4.4.0：小红底上的白字从 3.27 提到 4.6，达 AA */
  --oc-green:          #0BC07A;
  --oc-gold:           #FFA524;

  /* —— 中性色 —— */
  --oc-bg:             #F4F7FB;
  --oc-card:           #FFFFFF;
  --oc-text:           #17233B;
  --oc-text-sub:       #5A677D;
  /* v4.0.0：原 #9AA5B5 在白底上对比度只有 2.49（AA 要求 4.5），户外几乎看不见，
     加深到 4.6 左右，仍保持"弱一级"的轻盈感 */
  --oc-text-weak:      #66768F;
  --oc-line:           #EDF1F7;

  /* —— 圆角 / 阴影 —— */
  --oc-r-sm:           8px;
  --oc-r-md:           12px;
  --oc-r-lg:           16px;
  --oc-r-pill:         999px;
  --oc-shadow:         0 4px 16px rgba(23,58,110,.07);
  --oc-shadow-lg:      0 8px 28px rgba(23,58,110,.12);
  --oc-shadow-blue:    0 6px 18px rgba(27,140,255,.28);
}

/* ============================ 全局基底 ============================ */
html{ -webkit-text-size-adjust:100%; }
body.body-bg,
body{
  background: var(--oc-bg) !important;
  color: var(--oc-text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body *{ -webkit-tap-highlight-color:transparent; }

/* 消除模板中被硬编码的橙/蓝旧色，统一到海洋蓝 */
.tc-template__color{ color: var(--oc-primary) !important; }
.tc-template__bg{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  color:#fff !important;
  border:none !important;
}
.tc-template__border{ border-color: var(--oc-primary) !important; }
a{ color: var(--oc-text); text-decoration:none; }

/* 通用卡片 */
.wrap .tc-sec, .mainer .wrap > section{ background:transparent; }

/* ============================ 首页 · 顶部区 ============================ */
.index-header{
  background: var(--oc-grad) !important;
  padding-bottom: 14px;
  border-radius: 0 0 22px 22px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(27,140,255,.18);
}
.index-header::after{ display:none; }

/* 顶部搜索栏 */
.index-top__search{ padding: 12px 12px 10px; }
.index-top__search .top-search__box{
  align-items:center;
  background: rgba(255,255,255,.96);
  border-radius: var(--oc-r-pill);
  padding: 5px 6px 5px 12px;
  box-shadow: 0 4px 14px rgba(6,52,120,.16);
  height: 42px;
}
.index-top__search .top-search__box .search-box__lt{
  padding-right:8px; max-width: 92px; overflow:hidden;
}
.index-top__search .top-search__box .search-box__lt a{
  color: var(--oc-text) !important;
  font-size: 14px; font-weight:600;
  display:flex; align-items:center; gap:2px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.index-top__search .top-search__box .search-box__lt a .tciconfont{
  font-size:11px; color: var(--oc-text-weak);
}
.index-top__search .top-search__box .search-box__lt img{ max-height:24px; display:block; }

.index-top__search .top-search__box .search-box__main{
  display:flex; align-items:center; gap:5px;
  height: 30px; line-height:30px;
  background: var(--oc-bg);
  border-radius: var(--oc-r-pill);
  padding: 0 12px;
  font-size: 13px; color: var(--oc-text-weak);
}
.index-top__search .top-search__box .search-box__main .tciconfont{
  color: var(--oc-text-weak); font-size:14px;
}
.index-top__search .top-search__box .search-box__rt{
  position:relative; padding: 0 10px 0 8px;
  color: var(--oc-text-sub) !important; font-size:20px; line-height:1;
}
.index-top__search .top-search__box .search-box__rt .num{
  position:absolute; top:-5px; right:2px;
  min-width:16px; height:16px; line-height:16px;
  background: var(--oc-red) !important; color:#fff !important;
  border-radius: var(--oc-r-pill);
  font-size:10px; font-style:normal; text-align:center; padding:0 4px;
  box-shadow:0 0 0 2px #fff;
}

/* 首页轮播 */
.index-header .oc-focuspic-wrap{
  position:relative;
  margin: 4px 12px 0;
}
.index-header .swiper-container-focuspic{
  margin: 0;
  border-radius: var(--oc-r-lg);
  overflow:hidden;
  box-shadow: var(--oc-shadow-lg);
}
.index-header .swiper-container-focuspic img{
  display:block; border-radius: var(--oc-r-lg);
}
.index-header .swiper-pagination-focuspic{ bottom:8px !important; }
.index-header .swiper-pagination-focuspic .swiper-pagination-bullet{
  width:6px; height:6px; background:#fff; opacity:.5;
  transition:all .25s;
}
.index-header .swiper-pagination-focuspic .swiper-pagination-bullet-active{
  width:16px; border-radius:3px; opacity:1; background:#fff;
}

/* ============================ 首页 · 分类导航 ============================ */
.mainer{ padding-top:0; }
.mainer .wrap{ padding: 0 10px; }

.nav-list{
  background: var(--oc-card);
  border-radius: var(--oc-r-lg);
  box-shadow: var(--oc-shadow);
  margin: 10px 0 0;
  padding: 10px 0 6px;
  overflow:hidden;
}
.nav-list-tit{
  padding: 0 4px 6px !important;
  margin-top: 0 !important;
  border:0;
}
.nav-list-tit .nav-list-tit-l{
  padding-left: 8px !important; padding-right:8px !important;
}
.nav-list-tit .dt_xh2{
  font-size:12px !important; color: var(--oc-text-sub) !important;
  display:flex; align-items:center; gap:2px;
}
.nav-list-tit .dt_xh2 img{ width:16px !important; height:16px !important; float:none !important; }
.nav-list-tit .dt_xh2 font[color="#ff4700"],
.nav-list-tit .dt_xh2 font{ color: var(--oc-orange) !important; font-weight:700; }
.nav-list-tit .help_title{ color: var(--oc-text-weak); font-size:12px; }
.nav-list-tit .help_title a{ color: var(--oc-primary); }

/* 图标宫格 */
.nav-li{ padding: 2px 4px 12px !important; }
.nav-li .swiper-slide{ padding:0; }
.nav-li li{ padding: 6px 0; }
.nav-li li a{ display:block; text-align:center; }
.nav-li .nav-li-pic{
  position:relative;
  width:46px; height:46px; margin:0 auto 5px;
  border-radius: 14px;
  background: var(--oc-grad-soft);
  display:flex; align-items:center; justify-content:center;
  overflow:visible;
  transition: transform .2s;
}
.nav-li li a:active .nav-li-pic{ transform: scale(.92); }
.nav-li .nav-li-pic img{
  width:30px; height:30px; border-radius:8px; display:block;
}
.nav-li .nav-li-pic i{
  position:absolute; top:-6px; right:-8px;
  background: var(--oc-red); color:#fff;
  font-size:9px; font-style:normal; line-height:1;
  padding:3px 5px; border-radius: var(--oc-r-pill);
  box-shadow:0 2px 6px rgba(255,77,79,.4);
}
.nav-li li p{
  font-size:12px; color: var(--oc-text);
  margin:0; padding:0 2px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.nav-li .swiper-pagination-nav{ bottom:2px !important; }
.nav-li .swiper-pagination-nav .swiper-pagination-bullet{
  width:5px; height:5px; background: var(--oc-primary); opacity:.25;
}
.nav-li .swiper-pagination-nav .swiper-pagination-bullet-active{
  width:14px; border-radius:3px; opacity:1; background: var(--oc-primary);
}

/* 四宫格横幅 */
.index-qukuai__box{ margin: 10px 0 0; gap:8px; }
.index-qukuai__item{
  border-radius: var(--oc-r-md);
  overflow:hidden;
  box-shadow: var(--oc-shadow);
  background:#fff;
}
.index-qukuai__item img{ width:100%; display:block; border-radius: var(--oc-r-md); }

/* 彩色/白色菜单区块 */
.index-color_menu, .index-white_menu{
  margin-top:10px; padding:0; gap:8px;
  display:flex; flex-wrap:wrap;
}
.index-color_menu > a, .index-white_menu > a{
  width: calc(50% - 4px);
  display:block;
}
.color_area, .white_area{
  display:flex; align-items:center; justify-content:space-between;
  border-radius: var(--oc-r-md);
  padding: 12px 12px;
  min-height: 62px;
  box-shadow: var(--oc-shadow);
  overflow:hidden;
  transition: transform .2s;
}
.index-color_menu > a:active .color_area,
.index-white_menu > a:active .white_area{ transform: scale(.98); }
.color_area{ border-radius: var(--oc-r-md) !important; }
.white_area{ background:#fff; }
.color-left .title, .white-left .title{
  font-size:14px; font-weight:600; color:#fff; margin:0 0 3px;
  text-shadow:0 1px 2px rgba(0,0,0,.12);
}
.white-left .title{ color: var(--oc-text); text-shadow:none; }
.color-left .button, .white-left .button{
  font-size:11px; opacity:.9; margin:0; color:#fff !important;
}
.white-left .button{ opacity:.85; }
.color-right img, .white-right img{
  width:40px; height:40px; display:block; object-fit:contain;
}

/* ============================ 首页 · 信息流标签导航 ============================ */
.index-newmenus__box{
  background:#fff;
  border-radius: var(--oc-r-lg) var(--oc-r-lg) 0 0;
  margin-top:10px;
  padding: 8px 0 4px;
  box-shadow: 0 -2px 12px rgba(23,58,110,.05);
}
.index-newmenus__box .index-newmenus__list{
  padding: 0 8px;
  display:flex; flex-wrap:nowrap; overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.index-newmenus__box .index-newmenus__list::-webkit-scrollbar{ display:none; }
.index-newmenus__box .index-newmenus__item{
  float:none; flex:0 0 auto;
  margin: 0 4px;
  padding: 0;
}
.index-newmenus__box .index-newmenus__item a{
  display:block;
  padding: 7px 14px;
  font-size:13px; color: var(--oc-text-sub);
  background: var(--oc-bg);
  border-radius: var(--oc-r-pill);
  white-space:nowrap;
  transition: all .22s;
}
.index-newmenus__box .index-newmenus__item.active a{
  background: var(--oc-grad) !important;
  color:#fff !important;
  font-weight:600;
  box-shadow: var(--oc-shadow-blue);
}
.index-newmenus__box .index-newmenus__item a:after{ display:none !important; }

/* ============================ 信息卡片（列表/首页通用） ============================ */
#index-list, .tc-sec{ background:transparent; }
.tcline-item{
  background: var(--oc-card) !important;
  background-image:none !important;
  border-radius: var(--oc-r-lg);
  box-shadow: var(--oc-shadow);
  margin: 0 10px 10px;
  padding: 12px 12px 10px;
  border:0 !important;
  overflow:hidden;
  transition: box-shadow .2s;
}
.tcline-item:active{ box-shadow: var(--oc-shadow-lg); }

/* 头像行 */
.tcline-item .avatar-label{
  padding:0 0 8px; margin:0;
  display:flex; align-items:center; gap:8px;
  border:0; background:none;
}
.tcline-item .avatar-label .avatar{
  width:34px !important; height:34px !important;
  border-radius: 50% !important;
  object-fit:cover;
  box-shadow:0 2px 6px rgba(23,58,110,.12);
}
.tcline-item .avatar-label .guajian{
  width:14px; height:14px; margin-left:-12px; margin-top:16px;
  border-radius:50%;
}
.tcline-item .avatar-label .manage-label{ margin-left:auto; display:flex; gap:6px; }
.tcline-item .avatar-label .manage-label a{
  font-size:11px; color: var(--oc-text-sub);
  background: var(--oc-bg);
  padding: 3px 9px; border-radius: var(--oc-r-pill);
}

/* 卡片头部 */
.tcline-item .tcline-detail{ padding:0; min-height:auto !important; }
.tcline-item .tcline-detail__hd{
  align-items:center;
  padding:0 0 8px;
  border:0;
}
.tcline-item .detail-hd__lt{ flex:1; min-width:0; }
.tcline-item .detail-hd__lt .typename{
  display:inline-block;
  background: var(--oc-grad) !important;
  color:#fff !important;
  font-size:11px; line-height:1;
  padding:4px 8px; border-radius: var(--oc-r-sm);
  margin:0 4px 0 0;
}
.tcline-item .detail-hd__lt a.typename[style*="f15555"],
.tcline-item .detail-hd__lt .typename[style*="#f15555"]{
  background: linear-gradient(135deg,#FF7A45,#FF4D4F) !important;
}
.tcline-item .detail-hd__lt .username{
  font-size:14px; font-weight:600; color: var(--oc-text);
  margin-left:2px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  max-width: 60%; display:inline-block; vertical-align:middle;
}
.tcline-item .detail-hd__lt .renzhenicon{ font-size:14px; }

/* 右侧操作按钮 */
.tcline-item .detail-hd__rt{ display:flex; gap:6px; }
.tcline-item .detail-hd__rt .ext-tel,
.tcline-item .detail-hd__rt .ext-act{
  display:inline-flex; align-items:center; gap:3px;
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  border:0 !important;
  color:#fff !important;
  font-size:12px;
  padding: 5px 12px;
  border-radius: var(--oc-r-pill);
  box-shadow: 0 3px 10px rgba(27,140,255,.25);
}
.tcline-item .detail-hd__rt .ext-act.tchongbao{
  background: linear-gradient(135deg,#FF7A45,#FFA524) !important;
  box-shadow: 0 3px 10px rgba(255,122,69,.28);
}
.tcline-item .detail-hd__rt .ext-tel[style*="cecaca"]{
  background:#DFE4EC !important; color: var(--oc-text-weak) !important;
  box-shadow:none;
}

/* 标签 */
.tcline-item .detail-tags{ margin:0 0 6px; }
.tcline-item .detail-tags span,
.tcline-item .detail-tags a{
  display:inline-block;
  font-size:11px; line-height:1;
  padding:4px 8px; margin:0 5px 5px 0;
  border-radius: var(--oc-r-sm);
  color: var(--oc-primary) !important;
  background: var(--oc-grad-soft);
  border:0;
}

/* 属性行 */
.tcline-item .detail-attr{
  max-height:none !important; overflow:visible !important;
  margin:0 0 6px;
  display:flex; flex-wrap:wrap; gap:4px 14px;
}
.tcline-item .detail-attr p{
  margin:0; font-size:13px; color: var(--oc-text);
  line-height:1.6;
}
.tcline-item .detail-attr font,
.tcline-item .detail-attr font.tc-template__color{
  color: var(--oc-text-weak) !important;
}
.tcline-item .detail-attr__more{ display:none; }

/* 正文 */
.tcline-item .detail-content{
  font-size:14px; line-height:1.7; color: var(--oc-text-sub);
  margin:0 0 8px;
  word-break:break-word;
}
.tcline-item .detail-content__line2{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}
.tcline-item .detail-toggle, .tcline-item .detail-toggle2{
  font-size:12px; color: var(--oc-primary);
  padding: 2px 0 6px;
}

/* 图片九宫格 */
.tcline-item .detail-pics{
  margin: 0 -2px 8px;
  display:flex; gap:6px; flex-wrap:wrap;
}
.tcline-item .detail-pics a{
  position:relative;
  width: calc(33.333% - 4px);
  padding:0; margin:0;
  border-radius: var(--oc-r-md);
  overflow:hidden;
  background: var(--oc-bg);
}
.tcline-item .detail-pics a::before{
  content:''; display:block; padding-top:100%;
}
.tcline-item .detail-pics a img{
  position:absolute; top:0; left:0;
  width:100%; height:100%; object-fit:cover;
  border-radius: var(--oc-r-md);
}
.tcline-item .detail-pics a .play{
  position:absolute; left:50%; top:50%;
  width:34px; height:34px; margin:-17px 0 0 -17px;
  background: rgba(0,0,0,.42) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M8 5v14l11-7z'/></svg>") center/16px no-repeat;
  border-radius:50%;
  z-index:2;
}
.tcline-item .detail-pics a .more-pic{
  position:absolute; inset:0;
  background: rgba(0,0,0,.45);
  color:#fff; font-size:11px; line-height:1.3;
  display:flex; align-items:center; justify-content:center; text-align:center;
}

/* 关联店铺/商品链接 */
.tcline-item .detail-link{
  display:flex; align-items:center; gap:8px;
  background: var(--oc-bg);
  border-radius: var(--oc-r-md);
  padding: 8px; margin:0 0 8px;
  font-size:12px; color: var(--oc-text-sub);
}
.tcline-item .detail-link img{
  width:44px; height:44px; border-radius: var(--oc-r-sm); object-fit:cover; flex:0 0 auto;
}
.tcline-item .detail-link img[style*="13px"]{ width:14px !important; height:14px !important; }
.tcline-item .detail-link b{ font-size:13px; color: var(--oc-text); display:block; }
.tcline-item .detail-link font[color="#fd0d0d"]{ color: var(--oc-red) !important; font-weight:600; }

/* 定位行 */
.tcline-item .detail-dingwei{
  display:flex; align-items:center; gap:4px;
  font-size:12px; color: var(--oc-text-sub);
  background: var(--oc-bg);
  border-radius: var(--oc-r-sm);
  padding: 6px 9px; margin:0 0 8px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.tcline-item .detail-dingwei .tciconfont{ color: var(--oc-primary); }
.tcline-item .detail-dingwei span{ margin-left:auto; color: var(--oc-text-weak); flex:0 0 auto; }

/* 底部信息条 */
.tcline-item .detail-time{
  border-top:1px solid var(--oc-line);
  padding-top:8px; margin-top:2px;
  display:flex; align-items:center;
}
.tcline-item .detail-time > div:first-child{
  flex:1; display:flex; flex-wrap:wrap; gap:10px;
  font-size:11px; color: var(--oc-text-weak);
}
.tcline-item .detail-time span{ font-size:11px; }

/* 卡片底部工具条 */
.tcline-item .detail-toolbar{
  display:flex; gap:16px; justify-content:flex-end;
}
.tcline-item .detail-toolbar a{
  display:inline-flex; align-items:center; gap:4px;
  font-size:12px; color: var(--oc-text-sub);
  background:none !important; border:0 !important;
}
.tcline-item .detail-toolbar a img{
  width:15px; height:15px; opacity:.75;
}

/* 完成标记 */
.tcline-item .mark-img.succ{
  border-radius: var(--oc-r-md);
  opacity:.9;
}

/* 加载更多 */
.tcui-loadmore{ background:transparent; }
.tcui-loadmore__tips{ color: var(--oc-text-weak) !important; font-size:12px; }
.btn-group-block .id-fabu-url,
a.id-fabu-url{
  display:block; width: 200px; margin: 16px auto 0;
  text-align:center; line-height:42px;
  border-radius: var(--oc-r-pill);
  box-shadow: var(--oc-shadow-blue);
  font-size:15px;
}

/* ============================ 底部导航 ============================ */
/* 保留原“白色底栏+中间凸起”背景图设计，仅优化图标与选中态 */
.new-footer{ z-index: 900; }
.new-footer .new-footer__box{ padding: 8px 0 8px; }
.new-footer .footer-box__item{
  color: var(--oc-text-weak);
  font-size:11px;
  transition: color .2s;
  background:none !important;
}
.new-footer .footer-box__item .tciconfont{
  font-size:22px; line-height:1; display:block; margin-bottom:3px;
  transition: transform .2s;
}
.new-footer .footer-box__item i img{ border-radius:50%; }
.new-footer .footer-box__item.on,
.new-footer .footer-box__item.on.tc-template__color{
  color: var(--oc-primary-dark) !important;
}
.new-footer .footer-box__item.on .tciconfont{ transform: translateY(-2px); }
.new-footer .footer-box__item .text1{ font-size:11px; }

/* ============================ 悬浮元素 ============================ */
.back_top{
  right:14px; bottom:80px;
  width:40px; height:40px;
  border-radius:50%;
  background:#fff;
  box-shadow: var(--oc-shadow-lg);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.back_top a{ display:block; width:100%; height:100%; }
.back_top img{ width:20px; height:20px; margin:10px auto; display:block; }

.sign-float img,
.site-float{ border-radius: var(--oc-r-pill); box-shadow: var(--oc-shadow-lg); }
.site-float span.img-dialog{
  background: var(--oc-grad); color:#fff;
  border-radius: var(--oc-r-pill);
  box-shadow: var(--oc-shadow-blue);
}

/* 固定菜单 */
.tc_fixed_menu .menu-open-btn,
.tc_fixed_menu .menu-item{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  box-shadow: var(--oc-shadow-blue);
}

/* ============================ 详情页 ============================ */
body#tc_info{ background: var(--oc-bg) !important; }

/* 顶部导航 */
#tc_info .header.on,
#tc_info header.header{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  border:0;
  box-shadow: 0 2px 12px rgba(27,140,255,.22);
  height: 3em;
}
#tc_info .header .wrap h2{
  color:#fff; font-size:16px; font-weight:600;
}
#tc_info .header .sec-ico.go-back{
  color:#fff; font-size:15px;
}
#tc_info .header .nav-popup__btn{
  color:#fff !important;
  background-image:none !important;
  padding-right:0 !important;
  font-size:14px !important;
}

/* 详情卡片 */
#tc_info .info-item{
  background: var(--oc-card);
  margin: 0 10px 10px;
  border-radius: var(--oc-r-lg);
  box-shadow: var(--oc-shadow);
  padding: 14px 14px;
  overflow:hidden;
}
#tc_info .info-item:first-of-type{
  margin-top: 3.4em !important;
  padding-top: 14px !important;
}
/* 首屏标题卡（原 inline 深蓝渐变）统一为海洋蓝 */
#tc_info .info-item[style*="linear-gradient"]{
  background: var(--oc-grad) !important;
  background-image: var(--oc-grad) !important;
  padding: 14px 14px 12px !important;
  box-shadow: var(--oc-shadow-blue);
}
#tc_info .info-item[style*="linear-gradient"] .info-item-title h5 span,
#tc_info .info-item[style*="linear-gradient"] .info-item-title h5 a span{
  background: rgba(255,255,255,.22) !important;
  background-color: rgba(255,255,255,.22) !important;
  color:#fff !important;
  border-radius: var(--oc-r-sm);
  padding: 3px 8px;
  font-size:12px !important;
}
#tc_info .info-item[style*="linear-gradient"] .item-liulan{
  color: rgba(255,255,255,.85) !important;
  font-size:12px; margin:8px 0 0;
}
#tc_info .info-item[style*="linear-gradient"] .hbsy_money{
  color:#FFE7B8;
}
/* 免责声明条 */
#tc_info .info-item > div[style*="flex"] > a[style*="rgb(254, 240, 227)"]{
  display:block !important;
  background:#FFF7EC !important;
  color:#C97A1E !important;
  border-radius: var(--oc-r-md) !important;
  padding:10px 12px !important;
  font-size:12px !important; line-height:1.7 !important;
  border:1px solid #FFE9CC;
}

/* 标题区 */
#tc_info .info-item-title{ padding:0; border:0; }
#tc_info .info-item-title .item-title-r{ margin-left:0 !important; }
#tc_info .info-item-title h5{ margin:0 0 6px; line-height:1.9; }
#tc_info .info-item-title h5 span,
#tc_info .info-item-title h5 a span{
  display:inline-block;
  background: var(--oc-grad-soft) !important;
  background-color: transparent !important;
  color: var(--oc-primary) !important;
  border-radius: var(--oc-r-sm);
  padding: 3px 8px; margin:0 5px 0 0;
  font-size:12px !important;
}
#tc_info .info-item-title .item-liulan{
  font-size:12px; color: var(--oc-text-weak); margin:6px 0 0;
}
#tc_info .title-finish img{ width:70px; }

/* 属性表 */
#tc_info .info-item-attr{ padding:0; }
#tc_info .info-item-attr .attr{
  display:flex; align-items:flex-start; gap:10px;
  padding: 8px 0;
  border-bottom:1px dashed var(--oc-line);
  margin:0;
}
#tc_info .info-item-attr .attr:last-child{ border-bottom:0; }
#tc_info .info-item-attr .attr-left{
  flex:0 0 84px;
  font-size:13px; color: var(--oc-text-weak);
}
#tc_info .info-item-attr .attr-right{
  flex:1; font-size:14px; color: var(--oc-text);
  word-break:break-word; line-height:1.6;
}

/* 内容区 */
#tc_info .info-item-mation{ padding:0; }
#tc_info .info-item-mation h5{
  font-size:14px; color: var(--oc-text); margin:0 0 8px;
  padding-left:9px; border-left:3px solid var(--oc-primary);
  line-height:1.2;
}
#tc_info .title-bq{ margin:0 0 8px; }
#tc_info .title-bq span{
  display:inline-block;
  font-size:11px; line-height:1;
  padding:5px 9px; margin:0 6px 6px 0;
  border-radius: var(--oc-r-sm);
  color: var(--oc-primary) !important;
  background: var(--oc-grad-soft);
}
#tc_info .info-item-mation .con,
#tc_info .info-item-mation p{
  font-size:14px; line-height:1.85; color: var(--oc-text-sub);
  word-break:break-word;
}
#tc_info .info-item-mation img{ max-width:100%; border-radius: var(--oc-r-md); }

/* 定位 */
#tc_info .info-item-dingwei{
  margin: 4px 0 0; padding: 9px 11px;
  background: var(--oc-bg);
  border-radius: var(--oc-r-md);
  font-size:13px;
  display:flex; align-items:center; gap:5px;
}
#tc_info .info-item-dingwei a{ color: var(--oc-text-sub); flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#tc_info .info-item-dingwei .tciconfont{ color: var(--oc-primary); }
#tc_info .info-item-dingwei span{ color: var(--oc-text-weak); font-size:12px; flex:0 0 auto; }

/* 点赞区 */
#tc_info .info-item-zan{
  border-top:1px solid var(--oc-line);
  margin-top:12px; padding-top:10px;
}
#tc_info .zan-hd_num{
  display:inline-flex; align-items:center; gap:5px;
  background: var(--oc-bg);
  border-radius: var(--oc-r-pill);
  padding: 5px 14px;
  font-size:13px; color: var(--oc-text-sub);
}
#tc_info .zan-hd_num i{ font-size:15px; }
#tc_info .zan-hd_num i.on{ color: var(--oc-primary) !important; }
#tc_info .zan-hd_clicks{ font-size:12px; color: var(--oc-text-weak); }
#tc_info .zan-bd_content img{
  width:26px; height:26px; border-radius:50%;
  border:2px solid #fff; margin-left:-6px;
  box-shadow:0 1px 4px rgba(23,58,110,.15);
}

/* 评论区 */
#tc_info .info-item-pl,
#tc_info .tc-comment{ background:transparent; }

/* 底部操作栏 */
#tc_info #info-footer{ height:auto !important; }
/* 注意：#info-footer 是 body 末尾的普通 <section> 容器，真正 position:fixed 的是内层 .info-footer。
   切勿给容器加 backdrop-filter/transform/filter —— 会创建包含块，使内部 fixed 元素定位到文档底部而非视口。 */
#info-footer{
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
}
.info-footer{
  background: rgba(255,255,255,.94);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
  border-top:1px solid var(--oc-line);
  box-shadow: 0 -4px 18px rgba(23,58,110,.08);
}
#info-footer .info-footer{
  display:flex; align-items:center; gap:4px;
  height: auto !important; min-height: 54px;
  padding: 6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
  background: rgba(255,255,255,.94);
}
#info-footer .info-footer-item{
  flex:1 1 0; text-align:center;
  padding:0;
}
#info-footer .info-footer-item > a{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color: var(--oc-text-sub) !important;
  font-size:11px; line-height:1;
  padding: 3px 0;
}
#info-footer .info-footer-item > a i,
#info-footer .info-footer-item > a .icon{
  font-size:20px; line-height:1; margin-bottom:3px; color: var(--oc-text-weak);
}
#info-footer .info-footer-item > a span{ font-size:11px; }
/* 微信入口（品牌绿，保留识别度） */
#info-footer .info-footer-item > a.oc-wx,
#info-footer .info-footer-item > a.oc-wx .icon{ color: #0AA907 !important; }
/* 按压反馈 */
#info-footer .info-footer-item > a:active{
  opacity:.6;
  transform: scale(.94);
  transition: transform .12s, opacity .12s;
}

/* 拨号按钮 */
#info-footer .info-footer-item.info-footer-tel{
  flex: 0 0 42%;
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  border:0 !important;
  border-radius: var(--oc-r-pill) !important;
  box-shadow: var(--oc-shadow-blue);
  overflow:hidden;
}
#info-footer .info-footer-tel a{
  display:block !important;
  color:#fff !important;
  font-size:15px !important; font-weight:600;
  line-height:38px !important;
  text-align:center;
  padding:0 !important;
}
/* 已完成态：不再用蓝底（蓝底浅字对比度低），改灰底灰字 */
#info-footer .info-footer-item.info-footer-tel:has(a.finish),
#info-footer .info-footer-tel a.finish{
  background:#F1F3F7 !important;
  color:#9AA3B2 !important;
  box-shadow:none;
  font-weight:500;
}
#info-footer .info-footer-item.info-footer-tel:has(a.finish){
  border:1px solid var(--oc-line) !important;
}

/* 提示气泡（原橙色引导条） */
#tc_info #info-footer .info-footer .info-tel__box{
  background: var(--oc-primary) !important;
  color:#fff !important;
  border-radius: var(--oc-r-pill) !important;
  padding: 0 30px 0 15px !important;
  font-size:12px !important;
  line-height:30px !important;
  box-shadow: var(--oc-shadow-blue);
}
#tc_info #info-footer .info-footer .info-tel__box:after{
  background: var(--oc-primary) !important;
  right:30%;
}
#tc_info #info-footer .info-footer .info-tel__box .tel__box_closed::before,
#tc_info #info-footer .info-footer .info-tel__box .tel__box_closed::after{
  background:#fff !important;
}

/* 复制 / 海报浮动按钮 */
.info-copy-btn, .html-haibao-btn{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  color:#fff !important;
  border-radius: var(--oc-r-pill) !important;
  box-shadow: var(--oc-shadow-blue);
  font-size:11px !important; line-height:1.3 !important;
  padding: 7px 10px !important;
  text-align:center;
}

/* ============================ 通用组件 ============================ */
.tcui-btn_primary{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  border-radius: var(--oc-r-pill) !important;
  box-shadow: var(--oc-shadow-blue);
}
.tcui-btn_default{
  border-radius: var(--oc-r-pill) !important;
  background:#fff !important; color: var(--oc-text) !important;
}
.tcui-dialog{ border-radius: var(--oc-r-lg) !important; overflow:hidden; }
.tcui-dialog__ft{ border-radius: 0 0 var(--oc-r-lg) var(--oc-r-lg); }

/* 弹窗 */
.pop-ups__modal .pop-ups__box{ border-radius: var(--oc-r-lg); }
.pop-ups__close .tcui-btn_default{
  background:#fff !important; color: var(--oc-text-sub) !important;
}

/* 站点选择 */
.index_lbs_sites-list span a{
  display:inline-block;
  background:#fff; border:1px solid var(--oc-line);
  border-radius: var(--oc-r-pill);
  padding: 6px 14px; font-size:13px; color: var(--oc-text-sub);
  margin:0 6px 8px 0;
}
.index_lbs_sites-list span a:active{ background: var(--oc-grad-soft); }

/* 滚动公告 */
.index-scroll-ad{
  background:#fff; border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  margin:10px 0 0; padding:8px 12px;
}
.index-scroll-ad .scroll-ad__lt{ color: var(--oc-primary) !important; }

/* 兼容：隐藏多余的空白装饰 */
.index-scroll-ad li:empty{ display:none; }

/* ============================ 首页 · 顶部广告条 ============================ */
.oc-topad{ padding: 8px 10px 0; }
.oc-topad #lw_ad_box{
  border-radius: var(--oc-r-md) !important;
  overflow:hidden;
  box-shadow: var(--oc-shadow);
  background:#fff;
}
.oc-topad #lw_ad_box img{ border-radius: var(--oc-r-md); }
.oc-topad .ad-label{
  background: rgba(0,0,0,.35);
  color:#fff; font-size:10px;
  padding:1px 5px; border-radius: 4px;
}

/* ============================ 首页 · 统计条 ============================ */
.nav-list-tit{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  padding: 0 8px 8px !important;
  margin:0 !important;
}
.nav-list-tit .nav-list-tit-l{
  flex:1 1 auto; min-width:0;
  padding:0 !important; margin:0;
  float:none;
}
.nav-list-tit .help_title{
  position:static !important;
  flex:0 0 auto;
  padding:0; margin:0;
  font-size:12px;
}
.nav-list-tit .help_title a{
  color: var(--oc-primary);
  background: var(--oc-grad-soft);
  border-radius: var(--oc-r-pill);
  padding: 4px 10px;
  display:inline-block;
}

.oc-stats{
  display:flex; align-items:center; flex-wrap:wrap;
  gap: 4px 12px;
  padding:0;
}
.oc-stats__ico{
  width:15px; height:15px;
  flex:0 0 auto; display:block;
  float:none !important;
}
.oc-stats__item{
  font-size:11.5px;
  color: var(--oc-text-sub);
  white-space:nowrap;
}
.oc-stats__item b{
  color: var(--oc-orange);
  font-weight:700;
  margin-left:1px;
}

/* ============================ 详情页 · 首屏 Hero ============================ */
#tc_info .oc-info-hero{
  background: var(--oc-grad) !important;
  /* 不叠加径向高光 —— 高光会在顶栏与 Hero 交界处形成浅色"缝隙带" */
  padding: 14px 14px 12px !important;
  margin-bottom: 10px !important;
  box-shadow: var(--oc-shadow-blue);
}
#tc_info .oc-info-hero .info-item-title h5 a span,
#tc_info .oc-info-hero .info-item-title h5 span{
  background: rgba(255,255,255,.22) !important;
  background-color: rgba(255,255,255,.22) !important;
  color:#fff !important;
  border-radius: var(--oc-r-sm);
  padding:3px 8px; margin:0 5px 0 0;
  font-size:12px !important;
}
#tc_info .oc-info-hero .item-liulan{
  color: rgba(255,255,255,.88) !important;
  font-size:12px; margin:8px 0 0;
}
#tc_info .oc-info-hero .hbsy_money{ color:#FFE7B8 !important; }
#tc_info .oc-info-hero .title-finish{ filter: brightness(1.1); }

/* ============================ 详情页 · 免责声明 ============================ */
/* 已从蓝色 Hero 内移出，改为独立的浅橙提示卡 */
#tc_info .oc-notice{
  padding: 11px 13px !important;
  background: #FFFBF3 !important;
  border:1px solid #FFE9CC !important;
  box-shadow:none !important;
}
#tc_info .oc-disclaimer{ margin:0 !important; }
/* 标题行：小圆标 + 品类名 */
#tc_info .oc-disclaimer__hd{
  display:flex;
  align-items:center;
  margin:0 0 5px;
  font-size:12.5px !important;
  font-weight:600;
  color:#B87A2E !important;
  letter-spacing:.3px;
}
#tc_info .oc-disclaimer__hd::before{
  content:'!';
  flex:0 0 15px;
  width:15px; height:15px;
  margin-right:6px;
  border-radius:50%;
  background:#F5A623;
  color:#fff;
  font-size:10px !important;
  font-weight:700;
  line-height:15px;
  text-align:center;
}
#tc_info .oc-disclaimer__bd{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#A87336 !important;
  font-size:11.5px !important;
  line-height:1.8 !important;
  text-align:justify;
  word-break:break-word;
}


/* ==========================================================================
   全站 · 通用组件（列表页 / 分类页 / 搜索页 / 个人中心 / 表单 / 筛选）
   ========================================================================== */

/* ---------- 通用顶部导航栏（除首页/详情页外的内页） ---------- */
.header{
  border:0 !important;
  box-shadow: 0 2px 12px rgba(27,140,255,.20);
}
.header.on{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  height: 3em; line-height: 3em;
}
.header.on.in,
.header.on.in2{
  background: #fff !important;
  box-shadow: 0 1px 0 var(--oc-line);
}
/* v4.4.0：插件原生给 <header> 里的 .wrap 垫了一层「后台模板色」实底绿，
   必须回收成主题色，否则出现绿条包蓝条 / 白条包绿条 */
.header .wrap{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
}
.header.on.in .wrap,
.header.on.in2 .wrap{
  background: #fff !important;
  box-shadow: 0 1px 0 var(--oc-line);
}
.header.on.in h2,
.header.on.in2 h2{ color: var(--oc-text) !important; }
.header.on h2{
  color:#fff !important;
  font-size: 16px !important;
  font-weight: 600;
  letter-spacing: .3px;
}
.header.on .wrap .btn,
.header.on .wrap a{ color:#fff !important; }
.header.on.in .wrap a,
.header.on.in2 .wrap a{ color: var(--oc-text-sub) !important; }

/* 返回箭头 */
.sec-ico.go-back{
  color:#fff !important;
  font-size: 15px;
  opacity:.95;
}
.header.on.in .sec-ico.go-back,
.header.on.in2 .sec-ico.go-back{ color: var(--oc-text) !important; }
.nav-popup,
.nav-popup__btn{ color:#fff !important; }
.header.on.in .nav-popup,
.header.on.in2 .nav-popup{ color: var(--oc-text-sub) !important; }
.nav-popup .tciconfont{ font-size: 20px; }

/* ---------- 列表页顶部栏（Se_nav） ---------- */
.Se_nav{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  box-shadow: 0 2px 14px rgba(27,140,255,.22);
  padding: 0 10px;
  min-height: 3em;
}
.Se_nav .SeTitle{
  color:#fff !important;
  font-size: 16px; font-weight: 600;
  text-align:center;
  letter-spacing:.3px;
}
.Se_nav .SeBack a i,
.Se_nav .SeMore a i{ color:#fff !important; filter:none; }
.Se_nav .SeMore a .tciconfont{ font-size:20px; }

/* ---------- 列表页筛选栏 ---------- */
.tc-list-top-filter{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  padding-bottom: 10px !important;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 6px 18px rgba(27,140,255,.16);
}
.tc-list-top-filter li a i,
.tc-list-top-filter .tc-list-top-filter-f{
  color:#fff !important;
  font-size:14px;
  font-style: normal;
  opacity:.96;
}
.tc-list-top-filter .tc-list-top-triangle{
  color: rgba(255,255,255,.85) !important;
  font-size:11px;
}
.tc-list-top-filter .num{
  background: var(--oc-orange) !important;
  color:#fff !important;
  border-radius: var(--oc-r-pill);
  min-width:16px; height:16px; line-height:16px;
  font-size:10px; padding:0 4px;
}

/* 筛选下拉面板 */
.tc-list-filter{
  background:#fff !important;
  box-shadow: var(--oc-shadow-lg);
  border-radius: 0 0 var(--oc-r-md) var(--oc-r-md);
  max-height: 60vh; overflow-y:auto;
  -webkit-overflow-scrolling: touch;
}
.tc-list-filter .item{
  padding: 12px 14px;
  font-size:14px;
  color: var(--oc-text-sub);
  border-bottom: 1px solid var(--oc-line);
  transition: background .15s;
}
.tc-list-filter .item:active{ background: var(--oc-grad-soft); }
.tc-list-filter .item.click,
.tc-list-filter .item.on{
  color: var(--oc-primary) !important;
  font-weight:600;
  background: var(--oc-grad-soft);
}
.tc-list-filter-area-fixed .mask{
  background: rgba(15,32,60,.42) !important;
}
.select-term{
  background:#fff;
  border-radius: var(--oc-r-sm);
  border:1px solid var(--oc-line);
}
.select-term.click,
.select-term.on{
  border-color: var(--oc-primary) !important;
  color: var(--oc-primary) !important;
  background: var(--oc-grad-soft);
}

/* ---------- 标签导航栏（tcui-navbar） ---------- */
.tcui-navbar{
  background: #fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  padding: 2px 6px;
  margin: 10px 0;
  display:flex;
  /* v4.4.0：标签多的时候横向滚动，避免溢出把最后一个标签切掉 */
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  width:100%;
  max-width:100%;
}
.tcui-navbar::-webkit-scrollbar{ display:none; width:0; height:0; }
.tcui-navbar__item{
  font-size: 14px !important;
  color: var(--oc-text-sub) !important;
  padding: 11px 12px !important;
  white-space: nowrap !important;   /* v4.4.0：不折行，长名标签靠滚动取用 */
  flex: 0 0 auto;
  border-bottom: 2px solid transparent !important;
  transition: color .2s;
}
.tcui-navbar__item.tcui-bar__item_on,
.tcui-navbar__item.tcui-bar__item_on.tc-template__color{
  color: var(--oc-primary-dark) !important;   /* v4.4.0：加深到 4.6:1 达 AA */
  font-weight: 600;
  border-bottom-color: var(--oc-primary) !important;
  border-color: var(--oc-primary) !important;
}

/* ---------- 区块卡片 tc-sec ---------- */
.tc-sec{
  background:#fff !important;
  border-radius: var(--oc-r-md) !important;
  box-shadow: var(--oc-shadow);
  overflow:hidden;
  margin-bottom: 10px;
}
.tc-sec.mt0{ margin-top:0; }

/* ---------- 表单 tcui-cells ---------- */
.tcui-cells{
  background:#fff !important;
  border-radius: var(--oc-r-md) !important;
  box-shadow: var(--oc-shadow);
  overflow:hidden;
  margin-top:10px !important;
}
.tcui-cells::before,
.tcui-cells::after{ display:none !important; }
.tcui-cell{
  padding: 13px 14px !important;
  border-bottom: 1px solid var(--oc-line);
}
.tcui-cell:last-child{ border-bottom:0; }
.tcui-cell__hd .tcui-label{
  color: var(--oc-text);
  font-size:14px;
  width: 5.2em;
}
.tcui-input,
.tcui-cells_form input,
.tcui-cells_form textarea,
.tcui-cells_form select{
  font-size:14px !important;
  color: var(--oc-text) !important;
}
.tcui-cells_form input::-webkit-input-placeholder,
.tcui-cells_form textarea::-webkit-input-placeholder{ color: var(--oc-text-weak); }

/* ---------- 按钮组 ---------- */
.btn-group{ gap:8px; }
.btn-group .tcui-btn{
  border-radius: var(--oc-r-pill) !important;
  font-size:13px !important;
  padding: 5px 14px !important;
  line-height:1.9;
}
.btn-group .tcui-btn_primary{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  box-shadow: var(--oc-shadow-blue);
}
.btn-group .tcui-btn_default{
  background:#fff !important;
  color: var(--oc-text-sub) !important;
  border:1px solid var(--oc-line) !important;
}
.mylist-item__btn a,
.ext-act a{
  border-radius: var(--oc-r-pill) !important;
  font-size:12px !important;
  padding: 4px 12px !important;
  border:1px solid var(--oc-line) !important;
  background:#fff !important;
  color: var(--oc-text-sub) !important;
}
.ext-act a.tc-template__color,
.ext-act a.on{
  background: var(--oc-grad-soft) !important;
  border-color: var(--oc-primary) !important;
  color: var(--oc-primary) !important;
}

/* ---------- 加载更多 ---------- */
.tcui-loadmore{
  background:transparent !important;
  padding: 16px 0 22px;
}
.tcui-loadmore__tips{
  color: var(--oc-text-weak) !important;
  font-size: 13px;
}
.tcui-loadmore_line .tcui-loadmore__tips{ background: var(--oc-bg) !important; }

/* ---------- 底部弹层 actionsheet ---------- */
.tcui-actionsheet{
  border-radius: var(--oc-r-lg) var(--oc-r-lg) 0 0 !important;
  overflow:hidden;
}
.tcui-actionsheet__cell{
  font-size: 16px !important;
  padding: 14px 0 !important;
  color: var(--oc-text) !important;
  border-bottom: 1px solid var(--oc-line);
}
.tcui-actionsheet__cell:active{ background: var(--oc-grad-soft); }
.tcui-actionsheet__action{ background:#fff; }

/* ---------- 搜索页 ---------- */
.search-header{
  background:#fff;
  border-radius: var(--oc-r-pill);
  box-shadow: var(--oc-shadow);
  padding: 4px 6px 4px 14px;
  margin: 10px 12px;
  display:flex; align-items:center;
}
.search-header .search-header__lt .tciconfont{
  color: var(--oc-primary) !important;
  font-size:16px;
}
.search-header .search-header__rt,
.id_search_btn{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  color:#fff !important;
  border-radius: var(--oc-r-pill) !important;
  padding: 6px 16px !important;
  font-size:14px !important;
  box-shadow: var(--oc-shadow-blue);
}
.searchtype-box{
  background:#fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  margin: 10px 12px;
  padding: 4px 0;
}
.searchtype-list{ padding: 0 6px; }
.searchtype-item{
  border-radius: var(--oc-r-sm);
  font-size:14px;
  color: var(--oc-text-sub);
  padding: 10px 8px;
  transition: all .18s;
}
.searchtype-item.on,
.searchtype-item:active{
  background: var(--oc-grad-soft);
  color: var(--oc-primary) !important;
  font-weight:600;
}
.search-word{
  background:#fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  margin: 10px 12px;
  padding: 12px 14px;
}
.search-word__title{
  color: var(--oc-text);
  font-size:14px; font-weight:600;
  margin-bottom:10px;
}
.search-word__box .word-item{
  display:inline-block;
  background: var(--oc-bg);
  color: var(--oc-text-sub);
  border-radius: var(--oc-r-pill);
  padding: 6px 14px;
  font-size:13px;
  margin:0 8px 8px 0;
}
.search-word__box .word-item:active{ background: var(--oc-grad-soft); color: var(--oc-primary); }

/* ---------- 分类页 ---------- */
.nav-list,
.nav-li{
  background:#fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
}
.nav-li{
  border-bottom: 1px solid var(--oc-line);
}
.nav-li:last-child{ border-bottom:0; }
.cat-item{
  border-radius: var(--oc-r-sm);
  transition: all .18s;
}
.cat-item:active{ background: var(--oc-grad-soft); }
.cat-item.on{
  background: var(--oc-grad-soft);
  color: var(--oc-primary) !important;
  font-weight:600;
}

/* ---------- 个人中心 ---------- */
.user-page .user-wrap,
.user-page .user-wrap-nobg{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  border-radius: var(--oc-r-lg);
  box-shadow: var(--oc-shadow-blue);
  padding: 16px 14px !important;
  height:auto !important;
  min-height: 6em;
  margin-top:10px;
}
.user-page .user-wrap h3,
.user-page .user-wrap a,
.user-page .user-wrap.top__bg *{ color:#fff !important; }
.user-page-avatar .user-avatar-pic,
.user-avatar-pic .avatar{
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.7) !important;
  box-shadow: 0 4px 14px rgba(6,52,120,.22);
  background:#fff;
}
.user-avatar-extend h3{ font-size:18px !important; }
.user-avatar-extend a{ font-size:16px !important; }
.personal_nav{
  background:#fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  margin-top:10px;
  overflow:hidden;
}
.personal_nav_title{
  padding: 12px 14px 6px;
  font-size:14px;
  font-weight:600;
  color: var(--oc-text);
}
.personal_nav_title_left{
  width:3px; height:14px;
  border-radius:2px;
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  margin-right:8px;
}
.nav-nav{
  padding: 10px 4px 14px;
  border-bottom: 1px solid var(--oc-line);
}
.nav-nav:last-child{ border-bottom:0; }
.nav-nav__img{
  border-radius: 12px;
  transition: transform .18s;
}
.nav-nav__img:active{ transform: scale(.92); }
.nav-nav .tciconfont{ color: var(--oc-primary) !important; }
.mall_hd{
  border-radius: var(--oc-r-md);
  overflow:hidden;
  box-shadow: var(--oc-shadow);
}

/* ---------- 我的发布 / 收藏 ---------- */
.mark-img{
  border-radius: var(--oc-r-sm);
  overflow:hidden;
  box-shadow: 0 2px 8px rgba(23,58,110,.10);
}
.username{ color: var(--oc-text); font-weight:600; font-size:14px; }
.typename{
  background: var(--oc-grad-soft) !important;
  color: var(--oc-primary) !important;
  border-radius: var(--oc-r-pill) !important;
  padding: 2px 10px !important;
  font-size:12px;
}
.page_rgs{
  background:#fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  padding: 12px 14px;
}

/* ---------- 消息页 ---------- */
.msg-list{
  background:#fff;
  border-radius: var(--oc-r-md);
  box-shadow: var(--oc-shadow);
  margin-bottom:10px;
  overflow:hidden;
}
.msg-border{
  border-bottom: 1px solid var(--oc-line) !important;
}
.msg-list-pic img,
.msg-list-pic .avatar{ border-radius:50%; }
.msg-list-web{ padding: 12px 14px; }
.message .tc-sec{ margin-bottom:10px; }

/* ---------- 发布页 ---------- */
.body-white{ background: var(--oc-bg) !important; }
.nav-li-pic{
  border-radius: 10px;
  transition: transform .18s;
}
.nav-li-pic:active{ transform: scale(.94); }
.tcui-uploader__file,
.uploader__file{
  border-radius: 10px;
  overflow:hidden;
}

/* ---------- 空状态 / 提示 ---------- */
.tcui-msg{
  padding: 40px 20px;
  color: var(--oc-text-weak);
}
.tcui-msg__title{ font-size:15px; color: var(--oc-text-sub); }

/* ---------- 全局：残留旧橙色的兜底统一 ---------- */
.tcui-btn_primary.tc-template__bg,
.tc-template__bg.tcui-btn{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  color:#fff !important;
}


/* ==========================================================================
   详情页 · 简洁大气增强版
   ========================================================================== */

/* ---------- 首屏 Hero ---------- */
#tc_info .oc-info-hero{
  padding: 18px 16px 16px !important;
  border-radius: var(--oc-r-lg) !important;
}
/* 大标题（原被注释，已恢复） */
#tc_info .oc-info-title{
  display:block;
  margin: 0 0 11px !important;
  padding:0 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color:#fff !important;
  letter-spacing: .3px;
  text-shadow: 0 1px 6px rgba(6,52,120,.18);
  /* 最多三行，超出省略（两行容易把长标题切掉） */
  overflow:hidden;
  -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box;
  word-break:break-word;
}
#tc_info .oc-info-title .tciconfont{
  font-size:15px !important;
  margin-right:3px;
  color:#FFE7B8 !important;
  vertical-align:1px;
}
/* 标签行降为次级信息 */
#tc_info .oc-info-hero .info-item-title h5{
  margin:0 !important;
  line-height:1.6 !important;
  font-weight:400 !important;
}
#tc_info .oc-info-hero .info-item-title h5 span,
#tc_info .oc-info-hero .info-item-title h5 a span{
  padding:3px 9px !important;
  margin:0 5px 5px 0 !important;
  font-size:11.5px !important;
  background: rgba(255,255,255,.20) !important;
  border:1px solid rgba(255,255,255,.18);
}
#tc_info .oc-info-hero .item-liulan{
  margin:10px 0 0 !important;
  font-size:11.5px !important;
  color: rgba(255,255,255,.85) !important;
}
/* 已完成印章 */
#tc_info .oc-info-hero .title-finish img{ width:74px; opacity:.95; }

/* ---------- 属性表：清晰的行式信息 ---------- */
#tc_info .info-item-attr .attr{
  display:flex !important;
  align-items:baseline;
  gap:12px;
  padding: 11px 0 !important;
  border-bottom:1px solid var(--oc-line) !important;
  margin:0 !important;
}
#tc_info .info-item-attr .attr:first-child{ padding-top:2px !important; }
#tc_info .info-item-attr .attr:last-child{ border-bottom:0 !important; padding-bottom:2px !important; }
#tc_info .info-item-attr .attr-left{
  flex:0 0 72px !important;
  font-size:13px !important;
  color: var(--oc-text-weak) !important;
  text-align:justify; text-align-last:justify;
}
#tc_info .info-item-attr .attr-right{
  flex:1;
  font-size:14.5px !important;
  font-weight:600 !important;
  color: var(--oc-text) !important;
  line-height:1.6;
  word-break:break-word;
}

/* ---------- 正文：舒适阅读 ---------- */
#tc_info .mation-content{
  font-size:15px !important;
  line-height:1.95 !important;
  color:#39445A !important;
  letter-spacing:.2px;
  word-break:break-word;
}
#tc_info .mation-content p{
  margin:0 0 11px !important;
  font-size:15px !important;
  line-height:1.95 !important;
  color:#39445A !important;
}
#tc_info .mation-content p:last-child{ margin-bottom:0 !important; }
#tc_info .mation-content img{
  max-width:100%; height:auto;
  border-radius: var(--oc-r-md);
  margin:6px 0;
}
/* 内容区里的“拨打电话”主按钮 */
#tc_info .info-item .info-footer-tel{
  border-radius: var(--oc-r-pill) !important;
  box-shadow: var(--oc-shadow-blue);
  margin-top:12px !important;
  overflow:hidden;
}
#tc_info .info-item .info-footer-tel a{ letter-spacing:.3px; }

/* ---------- 定位 / 收藏 ---------- */
#tc_info .info-item-dingwei{
  margin:12px 0 0 !important;
  padding:10px 12px !important;
  background: var(--oc-bg) !important;
  border-radius: var(--oc-r-md) !important;
}
#tc_info .info-item-dingwei a{
  font-size:13px !important;
  color: var(--oc-text) !important;
  font-weight:500;
}
#tc_info .info-item-zan{
  border-top:1px solid var(--oc-line) !important;
  margin-top:13px !important;
  padding-top:12px !important;
}
#tc_info .zan-hd_num{
  background: var(--oc-bg) !important;
  padding: 6px 15px !important;
  font-size:13px !important;
  transition: transform .15s, background .15s;
}
#tc_info .zan-hd_num:active{ transform: scale(.94); background: var(--oc-grad-soft) !important; }
#tc_info .zan-hd_num span{ font-weight:600; color: var(--oc-text); }

/* ---------- 底部操作栏：紧凑实用 ---------- */
#info-footer .info-footer{
  min-height:52px !important;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
  gap:2px !important;
}
#info-footer .info-footer-item > a .icon,
#info-footer .info-footer-item > a i{
  font-size:21px !important;
}
#info-footer .info-footer-tel{
  flex: 0 0 44% !important;
}
#info-footer .info-footer-tel a{
  line-height:38px !important;
  font-size:15px !important;
  letter-spacing:.5px;
}

/* ---------- 卡片间距统一 ---------- */
#tc_info .info-item{
  margin: 0 10px 10px !important;
  border-radius: var(--oc-r-lg) !important;
  padding: 15px 15px !important;
}


/* ---------- 详情页图片 ---------- */
#tc_info .mation-photo__jgg{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin:12px 0 0 !important;
}
#tc_info .mation-photo__jgg .picture{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:10px !important;
  display:block;
  background: var(--oc-bg);
}
#tc_info .mation-photo__jgg .picture.bigwidth{
  grid-column:1 / -1;
  aspect-ratio:16/10;
}
#tc_info .mation-photo .picture{
  width:100%;
  border-radius:12px !important;
  margin:10px 0 0 !important;
  display:block;
  background: var(--oc-bg);
}
#tc_info .mation-photo .picture:first-of-type{ margin-top:0 !important; }
#tc_info .oc-adtip{
  color: var(--oc-text-weak) !important;
  font-size:12px !important;
  font-weight:400 !important;
  margin:0 0 8px !important;
  letter-spacing:.2px;
}

/* ---------- 顶栏“反馈” ---------- */
#tc_info .header .nav-popup__btn.oc-feedback{
  position:absolute !important;
  top:0 !important; right:1em !important;
  width:auto !important;
  font-size:14px !important;
  color:#fff !important;
  background:none !important;
  padding:0 !important;
  opacity:.92;
}


/* ==========================================================================
   详情页 · 图片幻灯片（oc-gallery）
   ========================================================================== */
#tc_info .oc-gallery{
  position:relative;
  margin: 12px 0 2px !important;
  border-radius: 14px;
  overflow:hidden;
  background:#EFF3F9;
  box-shadow: 0 2px 10px rgba(23,58,110,.08);
}
#tc_info .oc-photo-swiper{ width:100%; }

/* 每张图统一 4:3 视窗，裁切居中 —— 点开看完整原图 */
#tc_info .oc-photo-swiper .swiper-slide{
  position:relative;
  width:100%;
  height:0;
  padding-bottom:75%;          /* 4:3，兼容不支持 aspect-ratio 的老机型 */
  background:#EFF3F9;
  overflow:hidden;
}
#tc_info .oc-photo-swiper .swiper-slide img{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  border-radius:0 !important;
  margin:0 !important;
}
/* 单图时放宽到 16:9，避免上下裁太多 */
#tc_info .oc-gallery.is-single .swiper-slide{ padding-bottom:56.25%; }

/* 底部信息条：左圆点 / 右计数 */
#tc_info .oc-photo-bar{
  position:absolute;
  left:0; right:0; bottom:0;
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 12px 9px;
  background: linear-gradient(180deg, rgba(9,26,50,0) 0%, rgba(9,26,50,.42) 100%);
  pointer-events:none;
}
#tc_info .oc-photo-pagination{
  position:static !important;
  width:auto !important;
  text-align:left;
  line-height:1;
}
#tc_info .oc-photo-pagination .swiper-pagination-bullet{
  width:6px; height:6px;
  margin:0 3px !important;
  background: rgba(255,255,255,.55);
  opacity:1;
  transition: width .22s, background .22s;
}
#tc_info .oc-photo-pagination .swiper-pagination-bullet-active{
  width:16px;
  border-radius:3px;
  background:#fff;
}
#tc_info .oc-photo-count{
  flex:0 0 auto;
  color:#fff;
  font-size:11.5px;
  line-height:1;
  padding:4px 10px;
  border-radius: var(--oc-r-pill);
  background: rgba(15,32,60,.42);
  letter-spacing:.4px;
}
#tc_info .oc-photo-count b{
  font-size:14px;
  font-weight:700;
  margin-right:1px;
}

/* ---------- 全屏预览层（rebox）统一质感 ---------- */
/* 原样式表最后一条声明是 display:none，.show() 覆盖不了，靠这个 class 打开 */
.rebox.rebox-open{ display:block !important; }
.rebox{ background:#000 !important; }
.rebox .swiper-slide img{
  max-width:100%;
  max-height:100%;
  width:auto; height:auto;
  object-fit:contain;
}
.swiper-container .rebox-pagination{ bottom:14px !important; }
.rebox .swiper-pagination-bullet{
  background: rgba(255,255,255,.45);
  opacity:1;
}
.rebox .swiper-pagination-bullet-active{ background:#fff; }
.swiper-container .swiper-close{
  width:32px; height:32px;
  border-radius:50%;
  background: rgba(255,255,255,.14);
}


/* ==========================================================================
   详情页 · 第四轮精修（头像 / 小节标题 / 电话条 / 标签 / 视频）
   ========================================================================== */

/* ---------- Hero：头像 + 文字 左右排布 ---------- */
#tc_info .oc-info-hero .info-item-title{
  display:flex !important;
  align-items:flex-start;
  gap:11px;
  /* 原样式自带 padding:10px 15px，叠在 Hero 的 padding 上会双倍内缩，这里归零统一由 Hero 控制 */
  padding:0 !important;
  margin:0 !important;
}
#tc_info .oc-info-hero .item-headimg-l{
  flex:0 0 46px !important;
  position:relative;
  margin:0 !important;
}
#tc_info .oc-info-hero .item-headimg-l .avatar{
  width:46px; height:46px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.75);
  box-shadow: 0 3px 10px rgba(6,52,120,.24);
  background:#fff;
  display:block;
  object-fit:cover;
}
#tc_info .oc-info-hero .item-headimg-l .guajian{
  position:absolute;
  right:-3px; bottom:-3px;
  width:18px; height:18px;
  border-radius:50%;
  border:1.5px solid #fff;
  background:#fff;
}
#tc_info .oc-info-hero .item-title-r{
  flex:1;
  min-width:0;
  margin-left:0 !important;
}

/* ---------- 认证徽章：从标题里拎出来，做成金色小标 ---------- */
#tc_info .oc-info-title .tciconfont{
  font-size:14px !important;
  margin-right:4px;
  color:#FFD98A !important;
  vertical-align:1px;
}

/* ---------- 浏览量：半透明胶囊 ---------- */
#tc_info .oc-info-hero .item-liulan{
  display:inline-block !important;
  margin:9px 0 0 !important;
  padding:3px 11px !important;
  font-size:11.5px !important;
  line-height:1.7 !important;
  color: rgba(255,255,255,.92) !important;
  background: rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.14);
  border-radius: var(--oc-r-pill);
}

/* ---------- 通用小节标题（正文 / 参数） ---------- */
#tc_info .oc-sec-title{
  display:flex !important;
  align-items:center;
  gap:7px;
  margin:0 0 11px !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:600 !important;
  color: var(--oc-text) !important;
  letter-spacing:.3px;
  border:0 !important;
  background:none !important;
}
#tc_info .oc-sec-title::before{
  content:'';
  flex:0 0 3px;
  width:3px; height:15px;
  border-radius:2px;
  background: var(--oc-grad);
}

/* ---------- 标签行（title-bq） ---------- */
#tc_info .title-bq{
  margin:0 0 11px !important;
  padding:0 !important;
}
#tc_info .title-bq span{
  display:inline-block;
  margin:0 7px 6px 0 !important;
  padding:3px 11px !important;
  font-size:12px !important;
  line-height:1.7;
  color: var(--oc-primary) !important;
  background: var(--oc-grad-soft) !important;
  border-radius: var(--oc-r-pill);
}

/* ---------- 电话条：正常态蓝渐变 / 过期态灰 ---------- */
#tc_info .oc-telbar{
  margin:14px 0 4px !important;
  border-radius: var(--oc-r-pill) !important;
  overflow:hidden;
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  box-shadow: var(--oc-shadow-blue);
  text-align:center;
  font-size:15px;
}
#tc_info .oc-telbar a{
  display:block;
  padding:0 14px;
  line-height:42px !important;
  font-size:15px !important;
  color:#fff !important;
  letter-spacing:.3px;
}
#tc_info .oc-telbar a img{
  width:22px !important; height:auto !important;
  vertical-align:-5px !important;
  margin:0 6px 0 0 !important;
}
#tc_info .oc-telbar:active{ opacity:.88; }
/* 过期态：灰色，不再用蓝底（原蓝底+灰字对比度极低，几乎看不见） */
#tc_info .oc-telbar.is-expired{
  background:#F1F3F7 !important;
  box-shadow:none;
  border:1px solid var(--oc-line);
}
#tc_info .oc-telbar.is-expired a{
  color:#98A1B2 !important;
  font-size:14px !important;
}

/* ---------- 视频 ---------- */
#tc_info .id_video_box,
#tc_info .id_video_pic img{
  width:100% !important;
  height:240px !important;
  border-radius: var(--oc-r-md) !important;
  background:#000 !important;
  object-fit:cover;
  display:block;
  margin:12px 0 0 !important;
}


/* ==========================================================================
   详情页 · 第六轮细节精修（评论 / 关联 / 点赞 / 广告 / 悬浮）
   ========================================================================== */

/* ---------- 评论区 ---------- */
#tc_info .info-item-pinglun{ padding:15px 15px 6px !important; }
#tc_info .comment-title{
  display:flex !important;
  align-items:center;
  gap:7px;
  margin:0 0 6px !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:600 !important;
  color: var(--oc-text) !important;
  border:0 !important;
  letter-spacing:.3px;
}
#tc_info .comment-title::before{
  content:'';
  flex:0 0 3px; width:3px; height:15px;
  border-radius:2px;
  background: var(--oc-grad);
}
#tc_info .comment-title > span{
  font-size:13px !important;
  font-weight:400 !important;
  color: var(--oc-primary) !important;
  margin-left:auto;
  letter-spacing:0;
}
#tc_info .comment-title > span + span{ margin-left:0; }
#tc_info .comment-item{
  display:flex;
  gap:10px;
  padding:12px 0 !important;
  border-bottom:1px solid var(--oc-line);
}
#tc_info .comment-item:last-child{ border-bottom:0 !important; }
#tc_info .comment-item-avatar{
  flex:0 0 36px;
  width:36px; height:36px;
}
#tc_info .comment-item-avatar img{
  width:36px; height:36px;
  border-radius:50%;
  object-fit:cover;
  background: var(--oc-bg);
  display:block;
}
#tc_info .comment-item-content{
  flex:1; min-width:0;
}
#tc_info .comment-item-content h5{
  margin:0 0 4px !important;
  padding:0 !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  color: var(--oc-text-weak) !important;
  line-height:1.5;
  border:0 !important;
}
#tc_info .comment-item-content h5 span{
  color: var(--oc-text-sub);
  font-size:13px;
  font-weight:600;
}
#tc_info .comment-item-content h5 .hf{ color: var(--oc-text-weak) !important; font-weight:400; }
#tc_info .comment-item-content h5 .ip_msg{
  font-size:11px; color: var(--oc-text-weak) !important;
  background: var(--oc-bg); border-radius:var(--oc-r-pill);
  padding:1px 7px; margin-left:4px; font-weight:400;
}
#tc_info .comment-item-content h5 .right{
  float:right;
  font-size:11.5px;
  color: var(--oc-text-weak) !important;
  font-weight:400;
  margin-left:8px;
}
#tc_info .comment-item-content h5 .right.remove{ color:#E8899A !important; }
#tc_info .comment-item-content-text{
  font-size:14px !important;
  line-height:1.7 !important;
  color: var(--oc-text) !important;
  word-break:break-word;
  margin:0 !important;
}
#tc_info .no-comment{
  padding:22px 0 26px !important;
  text-align:center;
  color: var(--oc-text-weak) !important;
  font-size:13px !important;
}
#tc_info .no-comment-more{
  display:inline-block;
  margin-top:8px;
  padding:5px 16px;
  color: var(--oc-primary) !important;
  background: var(--oc-grad-soft);
  border-radius: var(--oc-r-pill);
  font-size:12.5px;
}

/* ---------- 关联商品 / 抢购 / 团购 ---------- */
#tc_info .mation_guanlian{
  margin:12px 0 0 !important;
}
#tc_info .guanlian_item{
  display:block;
  padding:10px !important;
  background: var(--oc-bg) !important;
  border-radius: var(--oc-r-md) !important;
  overflow:hidden;
  border:0 !important;
}
#tc_info .guanlian_item img{
  float:left;
  width:62px !important; height:62px !important;
  border-radius:10px !important;
  object-fit:cover;
  margin:0 11px 0 0 !important;
  background:#fff;
}
#tc_info .guanlian_item b{
  display:block;
  font-size:14px !important;
  font-weight:600 !important;
  color: var(--oc-text) !important;
  line-height:1.5;
  padding-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#tc_info .guanlian_item br{ display:none; }
#tc_info .guanlian_item font{
  font-size:15px !important;
  font-weight:700 !important;
  color:#F5434B !important;
}
#tc_info .guanlian_item .btn{
  float:right;
  margin-top:-24px;
  padding:5px 15px !important;
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  color:#fff !important;
  border-radius: var(--oc-r-pill) !important;
  font-size:12.5px !important;
  box-shadow: var(--oc-shadow-blue);
}

/* ---------- 点赞 / 收藏区 ---------- */
#tc_info .info-item-zan{
  margin-top:15px !important;
  padding-top:14px !important;
  border-top:1px solid var(--oc-line) !important;
}
#tc_info .zan-hd{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#tc_info .zan-hd_num{
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  padding:6px 15px !important;
  background: var(--oc-bg) !important;
  border-radius: var(--oc-r-pill) !important;
  font-size:13px !important;
  line-height:1.5 !important;
  transition: transform .15s, background .15s;
}
#tc_info .zan-hd_num:active{ transform:scale(.94); background: var(--oc-grad-soft) !important; }
#tc_info .zan-hd_clicks{
  font-size:12px !important;
  color: var(--oc-text-weak) !important;
}
#tc_info .zan-bd{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px !important;
  padding:0 !important;
}
#tc_info .zan-bd .detail-cmtr{ display:none; }
#tc_info .zan-bd_content{
  flex:1;
  min-width:0;
  display:flex !important;
}
#tc_info .zan-bd_content img{
  width:26px !important; height:26px !important;
  border-radius:50% !important;
  border:1.5px solid #fff;
  object-fit:cover;
  margin-left:-7px !important;
  background: var(--oc-bg);
  box-shadow:0 1px 4px rgba(23,58,110,.12);
}
#tc_info .zan-bd_content img:first-child{ margin-left:0 !important; }

/* ---------- 广告轮播 ---------- */
#tc_info .oc-adpic{
  margin:12px 0 0 !important;
  border-radius: var(--oc-r-md) !important;
  overflow:hidden;
}
#tc_info .oc-adpic img{
  width:100%;
  border-radius: var(--oc-r-md) !important;
  display:block;
  opacity:1 !important;
}
#tc_info .oc-adpic .swiper-pagination-bullet{ background: rgba(255,255,255,.6); opacity:1; }
#tc_info .oc-adpic .swiper-pagination-bullet-active{ background:#fff; }

/* ---------- 悬浮按钮（返回顶部 / 客服 / 订阅） ---------- */
.back_top{
  width:40px !important; height:40px !important;
  border-radius:50% !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: var(--oc-shadow-lg) !important;
  border:1px solid var(--oc-line);
  overflow:hidden;
}
.back_top img{ width:18px !important; height:18px !important; margin:11px auto !important; }
.site-float{
  border-radius: var(--oc-r-pill) !important;
  overflow:hidden;
  box-shadow: var(--oc-shadow) !important;
}
.site-float .img-dialog{
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  color:#fff !important;
  border-radius: var(--oc-r-pill) !important;
  padding:6px 12px !important;
  font-size:11px !important;
}

/* ---------- 长按保存图片提示层 ---------- */
#tc_info .pic_info.id-pic-tip{ background: rgba(9,20,38,.72) !important; }


/* ==========================================================================
   详情页 · 第七轮：波浪 Hero / 层次感 / 底部 Dock 菜单
   ========================================================================== */

/* ---------- 根治"往右滑有空白缝隙"：横向溢出 ---------- */
/* 海报生成工作区（html2canvas 用，不可 display:none）原样式只做了 top:-10000px，
   left 默认 0 且宽 430px —— 仍在视口横向范围内，把文档撑宽到 406px，页面可往右滑出一截空白。
   left 一并移出屏幕外后，横竖都不再占据滚动区域，海报生成功能不受影响 */
#tc_info .html-haibao-box{ left:-10000px !important; }
/* 全站兜底：任何残余的 1~2px 溢出（圆角阴影等）都不再产生横向滚动
   ⚠ 致命坑（v3.8.0 修复）：CSS 规范规定，一个方向 overflow-x:hidden 时另一个方向的
   visible 会被强制计算成 auto。所以 `html, body{overflow-x:hidden}` 会把 body 变成
   「独立滚动容器」：页面实际在 body 内部滚动，而 window.scrollY / documentElement.scrollTop
   永远是 0 —— 模板里 `$(window).scroll(scrollLoadList)` 再也不会触发、还会谎报 scrollTop，
   首页列表就永远停在第一页（只有 10 条），怎么滑都加载不出更多。
   修法：html 上的 overflow 会传播给 viewport（不产生内层滚动容器），保留；
   body 改用 overflow-x:clip —— clip 与 visible 可以共存，横裁效果一样，但不会再让 body 变滚动容器。 */
html{ overflow-x:hidden !important; }
body.body-bg,
body{ overflow-x:clip !important; overflow-y:visible !important; }
/* 不支持 clip 的老浏览器：宁可放弃横向裁剪，也要保住上拉加载这件大事 */
@supports not (overflow: clip){
  body.body-bg,
  body{ overflow-x:visible !important; }
}

/* ---------- Hero：整幅渐变 + 底部波浪过渡到页面底色（不突兀） ---------- */
/* 关键修复：body 无 padding/border 时，Hero 的 margin-top:3em 会与 body 折叠而完全丢失，
   整块 Hero 顶到固定顶栏（45px）底下 —— 标题被盖住、头像削掉一半。
   display:flow-root 让 body 建立 BFC，阻断折叠且不留任何缝隙：
   Hero 顶边(45px) 与顶栏底边(45px) 严丝合缝；
   老浏览器不支持 flow-root 时回退为 1px padding（会有 1px 细线，但内容不会被盖） */
@supports (display: flow-root){
  body#tc_info{ display: flow-root; }
}
@supports not (display: flow-root){
  body#tc_info{ padding-top: 1px; }
}
body#tc_info > .header ~ .oc-info-hero,
body#tc_info > header ~ .oc-info-hero{ margin-top: 3em !important; }
#tc_info .oc-info-hero{
  position:relative !important;
  /* 不用 overflow:hidden —— 内容再长也绝不会被裁掉（波浪靠 background-position 位移，无需裁切） */
  overflow:visible !important;
  /* 与顶栏同色连成一片，左右通铺，取消悬浮卡片的硬边 */
  border-radius:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  padding: 14px 15px 48px !important;   /* 底部 48px 留给波浪，波浪完整可见 */
  box-shadow:none !important;
  /* 纯渐变，与顶栏完全同色 —— 不叠加任何高光，避免与顶栏之间出现浅色"缝隙带" */
  background-image: var(--oc-grad) !important;
}
/* 双层波浪：底层半透明慢速 + 上层实色快速，形成层次 */
#tc_info .oc-info-hero::before,
#tc_info .oc-info-hero::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:0;
  height:40px;
  background-repeat:repeat-x;
  background-position:0 100%;
  background-size:720px 40px;
  pointer-events:none;
  z-index:0;
}
#tc_info .oc-info-hero::before{
  opacity:.45;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 40' preserveAspectRatio='none'%3E%3Cpath d='M0,20 C60,4 120,4 180,20 C240,36 300,36 360,20 C420,4 480,4 540,20 C600,36 660,36 720,20 L720,40 L0,40 Z' fill='%23F4F7FB'/%3E%3C/svg%3E");
  animation: ocWaveMove 30s linear infinite;
}
#tc_info .oc-info-hero::after{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 40' preserveAspectRatio='none'%3E%3Cpath d='M0,24 C60,10 120,10 180,24 C240,38 300,38 360,24 C420,10 480,10 540,24 C600,38 660,38 720,24 L720,40 L0,40 Z' fill='%23F4F7FB'/%3E%3C/svg%3E");
  animation: ocWaveMove 19s linear infinite;
}
/* Hero 正文压在波浪之上（absolute 伪元素默认会盖住静态内容）
   .title-finish 是 absolute 定位的印章，必须排除，否则会被改成 relative 而错位 */
#tc_info .oc-info-hero > *:not(.title-finish){ position:relative; z-index:1; }
@keyframes ocWaveMove{
  from{ background-position-x: 0; }
  to  { background-position-x: -720px; }
}
@media (prefers-reduced-motion: reduce){
  #tc_info .oc-info-hero::before,
  #tc_info .oc-info-hero::after{ animation:none; }
}

/* Hero 之下的卡片：不再负偏移，保证波浪完整展现 */
#tc_info .oc-info-hero + .info-item,
#tc_info .oc-info-hero + section{
  position:relative;
  z-index:2;
  margin-top:0 !important;
}

/* ---------- 卡片：柔光投影，层次分明但不抢眼 ---------- */
#tc_info .info-item:not(.oc-info-hero){
  box-shadow: 0 2px 12px rgba(23,58,110,.06) !important;
}
#tc_info .oc-notice{
  box-shadow:none !important;
}

/* ---------- 图片幻灯片：圆角 + 柔光 ---------- */
#tc_info .oc-gallery{
  border-radius: var(--oc-r-md) !important;
  box-shadow: 0 3px 14px rgba(23,58,110,.10) !important;
}
#tc_info .oc-photo-bar{ border-radius: 0 0 var(--oc-r-md) var(--oc-r-md); }

/* ---------- 联系他：电话 / 微信（原模板整块 display:none，已放开） ---------- */
#tc_info .oc-ly{ padding: 13px 15px !important; }
#tc_info .info-item-ly{
  display:flex !important;
  align-items:center;
  gap:10px;
  padding:0 !important;
}
#tc_info .info-item-ly .ly-content{
  flex:1 1 auto;
  min-width:0;
}
#tc_info .info-item-ly .ly-content p{
  height:auto !important;
  line-height:1.6 !important;
  margin:0 !important;
  font-size:14px !important;
  color: var(--oc-text) !important;
  overflow:visible;
}
#tc_info .info-item-ly .ly-content .import{
  font-size:12px !important;
  color: var(--oc-text-weak) !important;
  margin-top:2px !important;
}
#tc_info .info-item-ly .ly-content .import span,
#tc_info .info-item-ly .ly-content .import a{ color: var(--oc-primary) !important; }
/* 圆形图标按钮：电话蓝 / 微信绿 */
#tc_info .info-item-ly .ly-right,
#tc_info .info-item-ly .ly-right2{
  float:none !important;
  width:auto !important;
  height:auto !important;
  flex:0 0 auto;
}
#tc_info .info-item-ly .ly-right a,
#tc_info .info-item-ly .ly-right2 a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  /* 原版 tongcheng.css 的 height:50px 优先级更高，会把按钮拉成 42x50 —— 与私信圆(42x42)不齐，
     这里 !important 强制三键统一为 42x42 */
  width:42px !important;
  height:42px !important;
  border-radius:50%;
  background: var(--oc-grad) !important;          /* 覆盖原背景图 */
  background-color: var(--oc-primary) !important;
  background-image: var(--oc-grad) !important;
  box-shadow: var(--oc-shadow-blue);
  transition: transform .14s;
}
#tc_info .info-item-ly .ly-right2 a{
  background: linear-gradient(135deg,#12D18A 0%,#0AAE73 100%) !important;
  box-shadow: 0 4px 12px rgba(11,192,122,.30);
}
#tc_info .info-item-ly .ly-right a:active,
#tc_info .info-item-ly .ly-right2 a:active{ transform: scale(.92); }
#tc_info .info-item-ly .ly-right a i,
#tc_info .info-item-ly .ly-right2 a i{
  font-size:21px;
  color:#fff !important;
}
/* 私信按钮：主色渐变圆按钮，排在电话/微信之前 */
#tc_info .info-item-ly .ly-right3{
  float:none !important;
  width:auto !important;
  height:auto !important;
  flex:0 0 auto;
}
#tc_info .info-item-ly .ly-right3 a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:42px; height:42px;
  border-radius:50%;
  background: var(--oc-grad) !important;
  background-color: var(--oc-primary) !important;
  background-image: var(--oc-grad) !important;
  box-shadow: var(--oc-shadow-blue);
  transition: transform .14s;
}
#tc_info .info-item-ly .ly-right3 a:active{ transform: scale(.92); }
#tc_info .info-item-ly .ly-right3 a i{
  font-size:21px;
  color:#fff !important;
}

/* 首屏「私信TA」胶囊：白底半透明，压在渐变 Hero 上不突兀 */
#tc_info .oc-info-hero .oc-pm-btn{
  display:inline-flex !important;
  align-items:center;
  gap:4px;
  margin-top:10px !important;
  padding:6px 14px !important;
  height:auto;
  border-radius: var(--oc-r-pill);
  background: rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.3px;
  transition: transform .14s, background .14s;
}
#tc_info .oc-info-hero .oc-pm-btn i{
  font-size:15px;
  color:#fff !important;
  margin-right:2px;
}
#tc_info .oc-info-hero .oc-pm-btn:active{
  transform: scale(.94);
  background: rgba(255,255,255,.34) !important;
}

/* ---------- 左侧浮动「订阅 / 客服」：去掉紫粉渐变背景 ---------- */
.site-float{
  background: rgba(255,255,255,.95) !important;
  border:1px solid var(--oc-line) !important;
  border-radius: var(--oc-r-pill) !important;
  box-shadow: var(--oc-shadow) !important;
  opacity:1 !important;
  padding: 10px 8px !important;
}
.site-float .img-dialog{
  background:transparent !important;
  background-image:none !important;
  color: var(--oc-primary) !important;
  font-weight:600;
  letter-spacing:.5px;
  padding: 3px 0 !important;
  text-align:center;
}
.site-float .img-dialog a{ color: var(--oc-primary) !important; }
.site-float .img-dialog + .img-dialog{ margin-top:7px; }

/* ---------- 底部操作栏：单行（首页 / 发布 / 收藏 / 留言 / 微信 / 电话） ---------- */
/* 底栏是 fixed 的，body 留出等高空位，避免最后一条内容被压住 */
#tc_info{ padding-bottom: 74px !important; }
#tc_info #info-footer .info-footer{ gap:2px !important; }
#tc_info #info-footer .info-footer-item{
  flex:1 1 0 !important;
  min-width:0;
  border:0 !important;
}
#tc_info #info-footer .info-footer-item > a span{
  font-size:11px !important;
  white-space:nowrap;
}
#tc_info #info-footer .info-footer-item.info-footer-tel{
  flex: 0 0 38% !important;
}
#tc_info #info-footer .info-footer-item > a.oc-fav .icon{ color: var(--oc-primary) !important; }

/* ==========================================================================
   私信 · 微信风格聊天页（message_sms）+ 会话列表（message）
   两个页面 body 都是 class="message"，用 .msgbox / .msg-border 区分
   ========================================================================== */
/* ---------- 聊天页：微信灰底 ---------- */
body.message{ background:#EDEDED !important; }
body.message .mainer{ background:#EDEDED !important; }

/* 顶栏：与微信同色 #EDEDED + 分隔线；隐去"返回"文字只留箭头图标 */
body.message .header.on{
  background:#EDEDED !important;
  border-bottom:1px solid #DCDCDC !important;
  box-shadow:none !important;
}
body.message .header.on h2{
  font-size:17px !important;
  font-weight:600 !important;
  color:#111 !important;
}
body.message .header.on .wrap .sec-ico.go-back{ font-size:0 !important; }

/* ---------- 气泡：对方白底（左）/ 自己微信绿 #95EC69（右） ---------- */
body.message .msgbox{ padding: 10px 12px 6px !important; }
body.message .msgbox .friend_msg,
body.message .msgbox .self_msg{
  position:relative;
  padding: 22px 0 4px !important;   /* 顶部留给居中时间 */
}
body.message .msgbox .friend_msg .dialog_green,
body.message .msgbox .self_msg .dialog_white{
  max-width: calc(100% - 96px) !important;   /* 宽度上限放在浮动容器上（放内层会因百分比循环导致气泡收缩） */
}
body.message .msgbox .friend_msg .dialog_green .msg_box,
body.message .msgbox .self_msg .dialog_white .msg_box{
  position:relative;
  border-radius:6px !important;
  padding:9px 11px !important;
  box-shadow:none !important;
}
body.message .msgbox .friend_msg .dialog_green .msg_box{
  background:#fff !important;
}
body.message .msgbox .friend_msg .dialog_green .msg_box::before{
  content:''; position:absolute; left:-5px; top:13px;
  border:6px solid transparent; border-right-color:#fff;
}
body.message .msgbox .self_msg .dialog_white .msg_box{
  background:#95EC69 !important;
}
body.message .msgbox .self_msg .dialog_white .msg_box::before{
  content:''; position:absolute; right:-5px; top:13px;
  border:6px solid transparent; border-left-color:#95EC69;
}
body.message .msgbox .msg_box .text{
  font-size:15px !important;
  line-height:1.55 !important;
  color:#111 !important;
  word-break:break-word !important;
}
body.message .msgbox .msg_box .text a{ color:#576B95 !important; }

/* 头像：微信圆角方形 38px */
body.message .msgbox .avat img{
  width:38px !important; height:38px !important;
  border-radius:5px !important;
  object-fit:cover;
  background:#DCDCDC;
}

/* 时间：微信式居中灰色小字 */
body.message .msgbox .friend_msg .date,
body.message .msgbox .self_msg .date{
  position:absolute !important;
  top:0; left:0; right:0;
  text-align:center !important;
  font-size:11px !important;
  color:#b2b2b2 !important;
  line-height:16px !important;
  margin:0 !important;
}

/* 图片消息 */
body.message .msgbox .msg_box .text .show-pic,
body.message .msgbox .msg_box .text img{
  max-width:120px !important;
  border-radius:5px !important;
  display:block;
}

/* 分页（查看更早消息）：居中白胶囊 */
body.message .pages{ padding:8px 0 10px !important; }
body.message .pages ul{
  display:flex !important;
  justify-content:center;
  gap:12px;
}
body.message .pages li a,
body.message .pages li span{
  display:inline-block;
  padding:5px 14px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#fff !important;
  font-size:12px !important;
  color:#576B95 !important;
}
body.message .pages li span{ color:#B8B8B8 !important; }

/* ---------- 底部输入栏：微信风格（胶囊输入框 + 表情/＋ + 蓝色发送钮），固定到底 ---------- */
body.message .foot-sec{ height:104px !important; }
body.message.oc-panel-open .foot-sec{ height:300px !important; }
body.message .message_show_reply{
  position:fixed !important;
  left:0; right:0; bottom:0;
  z-index:60;
  background:#F7F7F7 !important;
  border-top:1px solid #E3E3E3 !important;
  padding:7px 10px !important;
  padding-bottom: calc(7px + env(safe-area-inset-bottom)) !important;
}
body.message .message_show_reply .message_send_box{
  display:flex !important;
  align-items:center;
  gap:9px;
}
/* 原图片上传入口保留在 DOM（JS 触发用），视觉上隐藏 */
body.message .message_send_box .pic{
  position:absolute !important;
  width:1px !important; height:1px !important;
  opacity:0; overflow:hidden; pointer-events:none;
  margin:0 !important;
}
body.message .message_send_box .text{
  flex:1 1 auto;
  margin:0 !important;
  min-width:0;
}
/* 胶囊输入框：白底圆角 + 左侧铅笔 */
body.message .oc-input-pill{
  display:flex;
  align-items:center;
  gap:6px;
  background:#fff;
  border:1px solid #E5E5E5;
  border-radius:var(--oc-r-pill);
  height:36px;
  padding:0 12px;
  box-sizing:border-box;
}
body.message .oc-input-pill .oc-pencil{
  flex:0 0 16px;
  width:16px; height:16px;
  color:#B2B2B2;
}
body.message .oc-input-pill textarea{
  flex:1 1 auto;
  min-width:0;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  height:34px !important;
  line-height:34px !important;
  padding:0 !important;
  font-size:15px !important;
  color:#111 !important;
  outline:none;
  resize:none;
  -webkit-appearance:none;
}
body.message .oc-input-pill textarea::placeholder{ color:#B2B2B2; }
/* 表情 / ＋ 图标 */
body.message .message_send_box .oc-bar-ico{
  flex:0 0 26px;
  width:26px; height:26px;
  color:#1A1A1A;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
body.message .message_send_box .oc-bar-ico svg{ width:26px; height:26px; display:block; }
body.message .message_send_box #oc_plus_btn{ transition:transform .2s ease; }
body.message .message_send_box #oc_plus_btn.is-open{ transform:rotate(45deg); }
/* 发送钮：蓝色胶囊，直接发送 */
body.message .message_send_box .btn{
  width:auto !important;
  flex:0 0 auto;
  padding:0 !important;
}
body.message .message_send_box .btn .message_show_btn{
  width:auto !important;
  height:32px !important;
  line-height:32px !important;
  margin:0 !important;
  padding:0 16px !important;
  border-radius:var(--oc-r-pill) !important;
  background: linear-gradient(135deg,#2B7BFB 0%,#3D8BFF 100%) !important;
  background-color: #2B7BFB !important;
  background-image: linear-gradient(135deg,#2B7BFB 0%,#3D8BFF 100%) !important;
  box-shadow: 0 2px 8px rgba(43,123,251,.30);
}
body.message .message_send_box .btn .message_show_btn a{
  width:auto !important;
  height:32px !important;
  line-height:32px !important;
  font-size:15px !important;
  color:#fff !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
}

/* ---------- “＋”展开宫格面板：图片/视频/语音/红包/礼物/定位/订单 ---------- */
body.message .oc-plus-panel{ display:none; padding:14px 6px 6px; }
body.message .oc-plus-panel.is-open{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px 6px; }
body.message .oc-ptile{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
}
body.message .oc-ptile .oc-ptile-ico{
  width:50px; height:50px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1A1A1A;
  transition:background .15s;
}
body.message .oc-ptile .oc-ptile-ico svg{ width:24px; height:24px; display:block; }
body.message .oc-ptile:active .oc-ptile-ico{ background:#ECECEC; }
body.message .oc-ptile em{ font-style:normal; font-size:12px; color:#7A7A7A; line-height:1; }

/* ---------- 会话列表：微信会话样式 ---------- */
body.message .msg-border{ background:#fff !important; }
body.message .msg-list{
  background:#fff !important;
  padding:0 !important;
  border-bottom:1px solid #F0F0F0 !important;
}
body.message .msg-list > a{
  display:flex !important;
  align-items:center;
  gap:12px;
  padding:12px 14px !important;
}
body.message .msg-list-pic{
  float:none !important;
  width:48px !important; height:48px !important;
  flex:0 0 48px;
  margin:0 !important;
}
body.message .msg-list-pic img{
  width:48px !important; height:48px !important;
  border-radius:6px !important;
  object-fit:cover;
  background:#DCDCDC;
}
body.message .msg-list-web{
  float:none !important;
  flex:1 1 auto;
  min-width:0;
  margin:0 !important;
}
body.message .msg-list-web h3{
  display:flex !important;
  align-items:baseline;
  justify-content:space-between;
  margin:0 0 5px !important;
  font-size:16px !important;
  font-weight:500 !important;
  color:#111 !important;
  line-height:1.3 !important;
}
/* 时间在文本节点之后，用 order 推到最右 */
body.message .msg-list-web h3 span{
  order:2;
  margin-left:auto;
  font-size:12px !important;
  font-weight:400 !important;
  color:#B2B2B2 !important;
}
body.message .msg-list-web p{
  display:flex !important;
  align-items:center;
  gap:6px;
  margin:0 !important;
  font-size:13px !important;
  color:#9A9A9A !important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
/* 未读数：微信红点胶囊，排在消息前 */
body.message .msg-list-web p i{
  order:-1;
  flex:0 0 auto;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:18px; height:18px;
  padding:0 5px;
  border-radius:9px;
  background:#FA5151 !important;
  color:#fff !important;
  font-style:normal !important;
  font-size:11px !important;
}

/* ==========================================================================
   私信 · 在线状态（依据 tom_tongcheng_user.last_login_time，10 分钟内 = 在线）
   ========================================================================== */
/* ---------- 聊天页顶栏：昵称 + 状态（两行居中，不挤压左右按钮） ---------- */
body.message .header.on h2{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 54px !important;
  line-height:1.2 !important;
}
body.message .header.on h2 .oc-uname{
  display:block;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:16px !important;
  line-height:19px !important;
  font-weight:600 !important;
}
body.message .oc-ustatus{
  display:inline-flex !important;
  align-items:center;
  gap:3px;
  margin-top:1px;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:13px !important;
  color:#9A9A9A !important;
  letter-spacing:0 !important;
}
body.message .oc-ustatus i{
  display:block;
  flex:0 0 6px;
  width:6px; height:6px;
  border-radius:50%;
  background:#C6C6C6;
}
body.message .oc-ustatus b{ font-weight:400 !important; }
/* 在线：微信绿 */
body.message .oc-ustatus.is-on{ color:#07C160 !important; }
body.message .oc-ustatus.is-on i{
  background:#07C160;
  box-shadow:0 0 0 2px rgba(7,193,96,.16);
}

/* ---------- 会话列表：头像右下角在线角标 ---------- */
body.message .msg-list-pic{ position:relative; }
body.message .msg-list-pic.is-on::after{
  content:'';
  position:absolute;
  right:-3px; bottom:-3px;
  width:11px; height:11px;
  box-sizing:content-box;
  border-radius:50%;
  background:#07C160;
  border:2px solid #fff;
}

/* ==========================================================================
   消息页（会话列表）· v1.9.0 微信风格细化
   ========================================================================== */
/* 顶栏：灰底上把菜单图标改深色（原规则是 #fff，灰底几乎看不见） */
body.message .header.on .nav-popup,
body.message .header.on .nav-popup__btn,
body.message .header.on .nav-popup__btn i,
body.message .header.on .nav-popup .tciconfont{ color:#111 !important; }
body.message .header.on h2.oc-msgtitle{
  display:block !important;
  font-size:17px !important;
  font-weight:600 !important;
  color:#111 !important;
  letter-spacing:.5px;
}

/* 列表满宽：原始 .wrap 有 margin-right:-20px，会让右侧被裁掉 10px */
body.message .mainer{ padding-bottom:60px; }
body.message .mainer .wrap{
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  width:100% !important;
  box-sizing:border-box;
}

/* 会话行：内缩分割线 + 点击灰反馈（微信式） */
body.message .msg-list{
  border-bottom:0 !important;
  background-image:linear-gradient(#EFEFEF,#EFEFEF) !important;
  background-size:calc(100% - 74px) 1px !important;
  background-position:74px 100% !important;
  background-repeat:no-repeat !important;
  transition:background-color .15s;
}
body.message .msg-list:active{ background-color:#F5F5F5 !important; }
body.message .msg-list:last-child{ background-image:none !important; }
body.message .msg-list > a{ padding:12px 14px !important; }

/* 头像右上角未读红点（未读数已由 ajax/模板输出到头像内） */
body.message .msg-list-pic .oc-unread{
  position:absolute;
  top:-5px; right:-5px;
  min-width:17px; height:17px;
  padding:0 5px;
  box-sizing:border-box;
  border-radius:9px;
  background:#FA5151;
  color:#fff;
  font-style:normal;
  font-size:11px;
  line-height:17px;
  text-align:center;
  box-shadow:0 0 0 2px #fff;
  z-index:3;
}

/* 行内文字：昵称 + 单行摘要，行距收紧 */
body.message .msg-list-web h3{ margin:0 0 4px !important; }
body.message .msg-list-web p{
  height:18px !important;
  line-height:18px !important;
  font-size:13px !important;
  color:#9A9A9A !important;
}
/* 兼容：旧缓存里未读数还是 <i>，藏在摘要里，统一隐藏 */
body.message .msg-list-web p i{ display:none !important; }

/* 系统通知行：昵称用主色区分 */
body.message .msg-list.oc-msg-tz .msg-list-web h3{ color:var(--oc-primary) !important; }
body.message .msg-list.oc-msg-tz .msg-list-pic img{ background:var(--oc-grad-soft); }

/* 空状态 */
body.message .oc-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:58px 20px 62px;
  background:#fff;
}
body.message .oc-empty .oc-empty-ico{
  width:64px; height:64px;
  border-radius:50%;
  background:var(--oc-grad-soft);
  display:flex; align-items:center; justify-content:center;
  color:var(--oc-primary);
  margin-bottom:14px;
}
body.message .oc-empty .oc-empty-ico svg{ width:30px; height:30px; display:block; }
body.message .oc-empty b{ font-size:15px; font-weight:500; color:var(--oc-text); }
body.message .oc-empty em{ font-style:normal; font-size:12px; color:var(--oc-text-weak); margin-top:6px; }
body.message .oc-empty .oc-empty-btn{
  margin-top:18px;
  padding:9px 24px;
  border-radius:var(--oc-r-pill);
  background:var(--oc-grad);
  background-image:var(--oc-grad);
  color:#fff;
  font-size:13px;
  box-shadow:var(--oc-shadow-blue);
}

/* 加载中 / 没有更多：弱化灰字 */
body.message .oc-loadmore .tcui-loadmore__tips{ font-size:12px !important; color:#B2B2B2 !important; }

/* 返回顶部：白底圆钮 */
body.message .back_top{ right:14px !important; bottom:calc(78px + env(safe-area-inset-bottom)) !important; }
body.message .back_top a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:42px; height:42px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}
body.message .back_top a img{ width:20px !important; height:20px !important; }

/* ==========================================================================
   在线好友横滑条（消息列表页 · 社交属性）
   ========================================================================== */
body.message .oc-online-strip{
  background:#fff;
  padding:12px 0 13px;
  border-bottom:1px solid #F0F0F0;
}
body.message .oc-strip-tit{
  padding:0 14px 9px;
  font-size:12px;
  color:var(--oc-text-weak);
}
body.message .oc-strip-tit b{ color:#07C160; font-weight:600; }
body.message .oc-strip-scroll{
  display:flex;
  gap:14px;
  padding:0 14px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.message .oc-strip-scroll::-webkit-scrollbar{ display:none; }
body.message .oc-online-item{
  flex:0 0 56px;
  width:56px;
  display:block;
  text-align:center;
}
body.message .oc-online-pic{
  position:relative;
  display:block;
  width:48px; height:48px;
  margin:0 auto;
}
body.message .oc-online-pic img{
  width:48px !important; height:48px !important;
  border-radius:8px !important;
  object-fit:cover;
  background:#DCDCDC;
  display:block;
}
body.message .oc-online-pic i{
  position:absolute;
  right:-2px; bottom:-2px;
  width:11px; height:11px;
  border-radius:50%;
  background:#07C160;
  border:2px solid #fff;
}
body.message .oc-online-item em{
  display:block;
  margin-top:6px;
  font-style:normal;
  font-size:11px;
  color:var(--oc-text-sub);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.message .oc-online-item:active .oc-online-pic img{ opacity:.8; }

/* ==========================================================================
   社交细节 · v2.1.0：在线标签 / 未读加粗 / 连续消息合并时间 / 快捷短语 / 未读提示
   ========================================================================== */
/* 会话行：对方在线时在昵称后挂一个绿色“在线”小标（h3 是 flex，用 order 插在昵称和时间之间） */
body.message .msg-list-pic.is-on + .msg-list-web h3::after{
  content:'在线';
  order:1;
  margin-left:6px;
  padding:1px 5px;
  border-radius:4px;
  background:rgba(7,193,96,.10);
  color:#07C160;
  font-size:10px;
  font-weight:400;
  line-height:14px;
}
/* 有未读的会话：昵称加粗、摘要加深 */
body.message .msg-list.has-unread .msg-list-web h3{
  font-weight:600 !important;
  color:#111 !important;
}
body.message .msg-list.has-unread .msg-list-web p{ color:#6B6B6B !important; }

/* 连续消息：隐藏重复时间并收紧行距 */
body.message .msgbox .friend_msg.oc-nodate,
body.message .msgbox .self_msg.oc-nodate{ padding-top:2px !important; }
body.message .msgbox .friend_msg.oc-nodate .date,
body.message .msgbox .self_msg.oc-nodate .date{ display:none !important; }
/* 对方未读：最后一条自己发的消息上标“未读”（该行时间强制显示） */
body.message .msgbox .self_msg.is-unread .date{ display:block !important; }
body.message .msgbox .self_msg.is-unread .date::after{
  content:' · 未读';
  color:#9A9A9A;
}

/* 快捷短语条：输入栏上方，横向滚动胶囊，点击填进输入框 */
body.message .oc-quick-bar{
  display:flex;
  gap:8px;
  padding:8px 10px 0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.message .oc-quick-bar::-webkit-scrollbar{ display:none; }
body.message .oc-quick-item{
  flex:0 0 auto;
  padding:6px 12px;
  border-radius:var(--oc-r-pill);
  background:#fff;
  border:1px solid #E8E8E8;
  font-size:12px;
  color:var(--oc-text-sub);
  white-space:nowrap;
}
body.message .oc-quick-item:active{
  background:var(--oc-grad-soft);
  border-color:transparent;
  color:var(--oc-primary);
}

/* ==========================================================================
   v2.2.0：性别标识 / TA的主页入口 / 表情面板 / 日期分割 / 活跃的人
   ========================================================================== */
/* ---------- 性别标识：♂ 蓝 / ♀ 粉，未填写（0）不显示 ---------- */
.oc-sex{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 14px;
  width:14px; height:14px;
  border-radius:50%;
  font-style:normal;
  font-size:9px;
  line-height:1;
  color:#fff;
  vertical-align:middle;
}
.oc-sex-1{ background:#4A9CFF !important; }
.oc-sex-2{ background:#FF7BA9 !important; }
.oc-sex-1::after{ content:'\2642'; }
.oc-sex-2::after{ content:'\2640'; }
.oc-sex-0{ display:none !important; }
body.message .msg-list-web h3 .oc-sex{ align-self:center; margin-left:4px; }

/* ---------- 聊天页顶栏：昵称可点（TA的主页）+ 性别 + 主页按钮 ---------- */
body.message .header.on h2{ padding:0 84px 0 52px !important; }
body.message .header.on h2 .oc-hd-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  max-width:100%;
  min-width:0;
}
body.message .header.on h2 .oc-uname{ color:#111 !important; text-decoration:none !important; }
body.message .header.on .oc-hd-btns{
  position:absolute;
  right:6px; top:0;
  height:45px;
  display:flex;
  align-items:center;
  gap:1px;
  z-index:3;
}
body.message .header.on .oc-hd-btns .reload-btn{
  position:static !important;
  margin:0 !important;
  width:25px; height:25px; line-height:25px;
}
body.message .header.on .oc-home-btn{
  display:flex; align-items:center; justify-content:center;
  width:25px; height:25px;
  color:#111;
}
body.message .header.on .oc-home-btn svg{ width:21px; height:21px; display:block; }
body.message .header.on .oc-home-btn:active{ opacity:.6; }
/* 对方头像可点，给个可点暗示 */
body.message .msgbox .friend_msg .avat{ cursor:pointer; }

/* ---------- 表情面板 ---------- */
body.message .oc-emoji-panel{ display:none; padding:6px 4px 2px; }
body.message.oc-emoji-open .oc-emoji-panel{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:2px;
}
body.message .oc-emoji{
  display:flex; align-items:center; justify-content:center;
  height:34px;
  font-size:21px;
  line-height:1;
  border-radius:6px;
  text-decoration:none;
}
body.message .oc-emoji:active{ background:#E4E4E4; }
body.message.oc-emoji-open .foot-sec{ height:262px !important; }

/* ---------- 发送按钮：无内容时置灰 ---------- */
body.message .message_send_box .btn .message_show_btn.is-off{
  background:#C8CDD4 !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* ---------- 日期分割条（今天 / 昨天 / X月X日） ---------- */
body.message .msgbox .oc-day{
  text-align:center;
  margin:12px 0 2px;
  line-height:1;
}
body.message .msgbox .oc-day span{
  display:inline-block;
  padding:3px 8px;
  border-radius:4px;
  background:rgba(0,0,0,.05);
  color:#8A8A8A;
  font-size:11px;
  line-height:14px;
}

/* ---------- 消息列表：活跃的人（社交发现） ---------- */
body.message .oc-active-box{
  background:#fff;
  padding:14px 0 16px;
  border-top:1px solid #F0F0F0;
}
body.message .oc-active-tit{
  padding:0 14px 10px;
  font-size:12px;
  color:var(--oc-text-weak);
}
body.message .oc-active-tit b{ color:var(--oc-primary); font-weight:600; }
body.message .oc-active-scroll{
  display:flex;
  gap:10px;
  padding:0 14px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
body.message .oc-active-scroll::-webkit-scrollbar{ display:none; }
body.message .oc-active-item{
  flex:0 0 86px;
  width:86px;
  background:#FAFAFB;
  border:1px solid #F0F0F0;
  border-radius:12px;
  padding:10px 6px 9px;
  text-align:center;
}
body.message .oc-active-pic{
  position:relative;
  display:block;
  width:44px; height:44px;
  margin:0 auto 6px;
}
body.message .oc-active-pic img{
  width:44px !important; height:44px !important;
  border-radius:50% !important;
  object-fit:cover;
  background:#DCDCDC;
  display:block;
}
body.message .oc-active-pic.is-on::after{
  content:'';
  position:absolute;
  right:-1px; bottom:-1px;
  width:10px; height:10px;
  border-radius:50%;
  background:#07C160;
  border:2px solid #fff;
}
body.message .oc-active-name{
  display:block;
  font-size:12px;
  color:var(--oc-text);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.message .oc-active-name .oc-sex{
  width:12px; height:12px; flex:0 0 12px;
  font-size:8px;
  margin-left:3px;
}
body.message .oc-active-hi{
  display:block;
  margin-top:7px;
  padding:4px 0;
  border-radius:var(--oc-r-pill);
  background:var(--oc-grad);
  background-image:var(--oc-grad);
  color:#fff;
  font-size:11px;
  box-shadow:0 2px 6px rgba(43,123,251,.22);
}
body.message .oc-active-hi:active{ opacity:.82; }
/* 跨天分割条后的第一条不再重复显示时间（微信行为） */
body.message .msgbox .oc-firstofday .date{ display:none !important; }
body.message .msgbox .oc-firstofday{ padding-top:6px !important; }

/* ==========================================================================
   v2.3.0：个人中心性别设置 / 发送按钮禁用态
   ========================================================================== */
/* ---------- 个人中心：性别设置行 ---------- */
.oc-sexset{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 10px 2px;
  padding:8px 10px;
  /* v4.4.0：半透明白底把白字压到 2.9:1，换成深蓝玻璃，白字 ≈5.3:1 */
  background:rgba(9,52,116,.28);
  border-radius:10px;
  backdrop-filter:blur(2px);
}
.oc-sexset-t{ font-size:14px; color:#fff; opacity:.9; }
.oc-sexset-v{ display:inline-flex; align-items:center; gap:5px; font-size:14px; color:#fff; }
.oc-sexset-v em{ font-style:normal; }
.oc-sexset-v .oc-sex{ width:15px; height:15px; flex:0 0 15px; font-size:10px; }
.oc-sexset-b{ margin-left:auto; display:inline-flex; gap:6px; }
.oc-sexset-b .oc-sexbtn{
  padding:4px 11px;
  border-radius:999px;
  background:rgba(9,52,116,.40);
  color:#fff;
  font-size:12px;
  line-height:16px;
  white-space:nowrap;
}
.oc-sexset-b .oc-sexbtn.on{
  background:#fff;
  color:var(--oc-primary);
  font-weight:600;
}
.oc-sexset-b .oc-sexbtn:active{ opacity:.75; }

/* ---------- 发送按钮：无内容置灰（视觉提示，不拦截点击） ---------- */
body.message .message_send_box .btn .message_show_btn.is-off{
  background:#C8CDD4 !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* 发送按钮：改用 <button type="submit">（便于 JS 失效时原生提交兜底），样式与原 <a> 一致 */
body.message .message_send_box .btn .message_show_btn button{
  width:auto !important;
  height:38px !important;
  line-height:38px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#07C160 !important;
  background-image:none !important;
  color:#fff !important;
  font-size:15px !important;
  font-family:inherit;
  -webkit-appearance:none;
  appearance:none;
  outline:none;
}
body.message .message_send_box .btn .message_show_btn.is-off button{
  background:#C8CDD4 !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* ==========================================================================
   v2.4.0：聊天细节“人性化”打磨
   1) 同一人连续消息：收紧间距、只留首条尖角（微信行为）
   2) 气泡可长按选择 / 复制（原来被全局 user-select:none 挡住了）
   3) 发送中（转圈）/ 发送失败（红色感叹号，点一下重发），不再白屏刷新
   4) 空会话引导卡：“打个招呼吧” + 一句招呼语直达输入框
   5) 人不在底部时收到新消息 => 右下角“N 条新消息 ↓”浮标
   6) 输入框随字数自增高（1~4 行），聚焦描边加深
   7) 表情面板顶部加“最近常用”
   ========================================================================== */

/* ---------- 1. 连续消息：纵向收紧、去掉重复尖角 ---------- */
body.message .msgbox .friend_msg.oc-cont,
body.message .msgbox .self_msg.oc-cont{ padding-top:4px !important; }
body.message .msgbox .oc-cont .msg_box::before{ display:none !important; }

/* ---------- 2. 气泡：可长按选中复制；图片气泡更圆润 ---------- */
body.message .msgbox .msg_box .text{
  -webkit-user-select:text !important;
  user-select:text !important;
  -webkit-touch-callout:default !important;
  cursor:text;
}
body.message .msgbox .msg_box .text img{
  max-width:132px !important;
  border-radius:8px !important;
}

/* ---------- 3. 发送中 / 发送失败（点气泡重发） ---------- */
body.message .msgbox .self_msg.is-sending .msg_box{ opacity:.6; }
body.message .msgbox .self_msg.is-sending .msg_box::after{
  content:'';
  position:absolute; left:-24px; top:50%; margin-top:-7px;
  width:14px; height:14px; box-sizing:border-box;
  border-radius:50%;
  border:1.5px solid rgba(0,0,0,.15);
  border-top-color:#07C160;
  animation:oc-spin .7s linear infinite;
}
body.message .msgbox .self_msg.is-fail .msg_box::after{
  content:'!';
  position:absolute; left:-24px; top:50%; margin-top:-8px;
  width:16px; height:16px; line-height:16px;
  border-radius:50%; background:#FA5151; color:#fff;
  font-size:11px; font-weight:700; text-align:center;
}
@keyframes oc-spin{ from{ transform:rotate(0); } to{ transform:rotate(360deg); } }
/* 失败气泡：轻提示可点 */
body.message .msgbox .self_msg.is-fail .msg_box{ cursor:pointer; }

/* ---------- 4. 空会话引导卡 ---------- */
body.message .oc-chat-empty{
  display:none;
  text-align:center;
  padding:30px 22px 12px;
}
body.message .oc-chat-empty.is-show{ display:block; }
body.message .oc-chat-empty .oc-ce-avat{
  width:56px; height:56px; margin:0 auto 12px;
  border-radius:50%; overflow:hidden; background:#DCDCDC;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
body.message .oc-chat-empty .oc-ce-avat img{ width:100%; height:100%; object-fit:cover; display:block; }
body.message .oc-chat-empty b{ display:block; font-size:15px; font-weight:600; color:#333; }
body.message .oc-chat-empty em{
  display:block; font-style:normal; font-size:12px;
  color:#A6A6A6; margin-top:6px; line-height:1.6;
}
body.message .oc-chat-empty .oc-ce-hi{
  margin-top:16px;
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
}
body.message .oc-chat-empty .oc-ce-hi a{
  padding:7px 14px;
  border-radius:999px;
  background:#fff;
  font-size:13px; color:#576B95;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}
body.message .oc-chat-empty .oc-ce-hi a:active{ background:#EFEFEF; }

/* ---------- 5. 新消息浮标（只在人不在底部时出现） ---------- */
body.message .oc-newtip{
  display:none;
  position:fixed; z-index:70;
  right:12px; bottom:118px;
  align-items:center; gap:5px;
  padding:7px 13px 7px 11px;
  border-radius:999px;
  background:#fff; color:#07C160;
  font-size:12px; line-height:1;
  box-shadow:0 4px 14px rgba(0,0,0,.16);
  animation:oc-tipup .22s ease;
}
body.message .oc-newtip.is-show{ display:inline-flex; }
body.message .oc-newtip i{
  width:13px; height:13px; flex:0 0 13px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v14M6 12l6 6 6-6' fill='none' stroke='%2307C160' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/13px 13px;
}
@keyframes oc-tipup{ from{ transform:translateY(8px); opacity:0; } to{ transform:translateY(0); opacity:1; } }

/* ---------- 6. 输入框：随内容增高（1~4 行）+ 聚焦描边 ---------- */
body.message .oc-input-pill{
  align-items:flex-end;
  height:auto;
  min-height:36px;
  padding:7px 12px;
  transition:border-color .18s, box-shadow .18s;
}
body.message .oc-input-pill .oc-pencil{ margin-bottom:3px; }
body.message .oc-input-pill textarea{
  height:22px !important;
  min-height:22px;
  max-height:88px;
  line-height:22px !important;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
body.message .oc-input-pill.is-focus{
  border-color:#BFD8F7;
  box-shadow:0 0 0 2px rgba(43,123,251,.10);
}
/* 有内容时发送钮亮起 + 轻微放大，给一点“可以发了”的反馈 */
body.message .message_send_box .btn .message_show_btn button{
  transition:transform .15s ease, background-color .18s ease;
}
body.message .message_send_box .btn .message_show_btn:not(.is-off) button{
  transform:scale(1.03);
}

/* ---------- 7. 表情面板：最近常用 ---------- */
body.message .oc-emoji-recent{
  display:flex; flex-wrap:wrap; align-items:center;
  padding:2px 4px 6px;
  margin-bottom:4px;
  border-bottom:1px solid #EFEFEF;
}
body.message .oc-emoji-recent .oc-er-t{
  width:100%;
  font-size:11px; color:#A6A6A6;
  padding:2px 2px 4px;
}
/* 多一行“最近常用”，表情面板整体加高 */
body.message.oc-emoji-open .foot-sec{ height:292px !important; }

/* ==========================================================================
   v2.5.0：个人中心（我的）重做
   头像+昵称卡片 / 资料行按钮化 / 统计四宫格 / 服务宫格 / VIP 金卡 / 退出登录
   ========================================================================== */
.user-page{ background:var(--oc-bg) !important; padding-bottom:12px; }

/* ---------- 顶部：头像 + 昵称 + 资料 ---------- */
.user-page .oc-me-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 14px 12px;
}
.user-page .user-page-avatar{ display:block !important; flex:0 0 58px; }
.user-page .user-page-avatar .avatar{
  width:58px; height:58px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.85) !important;
  box-shadow:0 4px 14px rgba(6,52,120,.22);
  object-fit:cover;
  background:#fff;
  display:block;
}
.user-page .oc-me-info{ flex:1 1 auto; min-width:0; }
.user-page .oc-me-line1{ display:flex; align-items:center; gap:8px; }
.user-page .oc-me-name{
  display:inline-flex; align-items:center; gap:5px;
  max-width:62%;
  font-size:18px; font-weight:600; color:#fff !important;
  line-height:22px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.user-page .oc-me-name .oc-sex{ width:14px; height:14px; flex:0 0 14px; font-size:9px; }
.user-page .oc-me-edit{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:4px;
  padding:5px 11px;
  border-radius:var(--oc-r-pill);
  background:rgba(255,255,255,.20);
  color:#fff !important;
  font-size:12px; line-height:16px;
}
.user-page .oc-me-edit svg{ width:13px; height:13px; display:block; }
.user-page .oc-me-edit:active{ background:rgba(255,255,255,.34); }
/* UID / 手机号：一行小字 + “绑定/修改”胶囊 */
.user-page .oc-me-meta{
  margin-top:7px;
  font-size:12px;
  color:rgba(255,255,255,.88) !important;
  line-height:18px;
}
.user-page .oc-me-meta b{ color:#fff !important; font-weight:600; }
.user-page .oc-me-meta .oc-me-dot{ opacity:.5; margin:0 6px; }
.user-page .oc-me-tel{
  display:inline-flex; align-items:center;
  margin-left:7px; padding:2px 10px;
  border-radius:var(--oc-r-pill);
  border:1px solid rgba(255,255,255,.55);
  font-size:11px; line-height:16px;
  color:#fff !important;
}
.user-page .oc-me-tel:active{ background:rgba(255,255,255,.22); }
/* 性别设置行：从裸文字改成半透明白条 */
.user-page .oc-sexset{
  margin:10px 14px 0 !important;
  padding:8px 12px !important;
  border-radius:var(--oc-r-md) !important;
  background:rgba(9,52,116,.28) !important;
}
.user-page .oc-sexset-b .oc-sexbtn{
  padding:4px 12px !important;
  background:rgba(9,52,116,.40) !important;
}

/* ---------- 统计四宫格 ---------- */
.user-page .personal_tongji{
  margin:10px 10px 0 !important;
  padding:6px 0 10px !important;
  border-radius:var(--oc-r-md) !important;
  box-shadow:var(--oc-shadow) !important;
  background:#fff !important;
}
.user-page .personal_tongji li{
  height:auto !important;
  margin-top:0 !important;
  padding:8px 0;
  position:relative;
}
.user-page .personal_tongji li::after{
  content:''; position:absolute; right:0; top:50%;
  width:1px; height:24px; margin-top:-12px;
  background:var(--oc-line);
}
.user-page .personal_tongji li:last-child::after{ display:none; }
.user-page .personal_tongji li p.num{
  position:relative;
  display:inline-block;
  font-size:19px !important;
  font-weight:700;
  color:var(--oc-text) !important;
  line-height:1.2;
  /* v4.3.0：这里显示的是金币/钱包等统计数字，模板上却带着 .badge 类，
     于是被红底药丸规则命中 —— 19px 的大数字撑破 17px 小红底，非常难看。
     统计数字就该是干净的大号深色数字，把药丸样式全部清掉。 */
  background:none !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.user-page .personal_tongji li p.title{
  margin-top:5px;
  font-size:12px !important;
  color:var(--oc-text-sub) !important;
}
/* 未读消息数：红色小圆点 */
.user-page .personal_tongji li p.num span.tixing{
  display:inline-block !important;
  min-width:18px; height:18px;
  padding:0 5px;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-red) !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:18px !important;
}
/* “签到”小气泡：钉在数字右上角，不遮数字 */
.user-page .personal_tongji li p.num span.sign{
  position:absolute; top:-14px; right:-34px; left:auto !important;
  margin:0 !important;
  width:auto !important; height:auto !important;
  padding:2px 6px !important;
  border-radius:6px !important;
  background:#FFF3E0 !important;
  border:1px solid #FFD9A8 !important;
  color:#E08600 !important;
  font-size:10px !important;
  line-height:1.3 !important;
  white-space:nowrap;
}
.user-page .personal_tongji li p.num span.sign:after{
  border-top:1px solid #FFD9A8 !important;
  border-left:1px solid #FFD9A8 !important;
  background:#FFF3E0 !important;
  top:6px;
}

/* ---------- 分组标题 + 服务宫格 ---------- */
.user-page .personal_nav{
  margin:0 10px 10px !important;
  border-radius:var(--oc-r-md) !important;
  box-shadow:var(--oc-shadow) !important;
}
.user-page .personal_nav_title{
  padding:12px 14px 4px !important;
  margin:0 10px !important;
  font-size:14px; font-weight:600;
  color:var(--oc-text) !important;
  display:flex; align-items:center;
  background:#fff;
  border-radius:var(--oc-r-md) var(--oc-r-md) 0 0;
}
/* 标题文字就在 .personal_nav_title_left 里：竖条改用 ::before 画，
   千万别把它本身压成 3px（会把标题文字挤成竖排） */
.user-page .personal_nav_title_left{
  width:auto !important;
  height:auto !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  padding-left:11px;
  position:relative;
  font-size:14px; font-weight:600;
  color:var(--oc-text) !important;
  line-height:18px;
}
.user-page .personal_nav_title_left::before{
  content:'';
  position:absolute; left:0; top:50%;
  width:3px; height:14px; margin-top:-7px;
  border-radius:2px;
  background:var(--oc-grad);
  background-color:var(--oc-primary);
}
.user-page .personal_nav_title .more{
  margin-left:auto;
  padding-left:12px;
  float:none !important;
  font-size:12px; font-weight:400;
  color:var(--oc-text-weak) !important;
}
.user-page .nav-nav > a,
.user-page .nav-nav2 > a,
.user-page .nav-nav__mall > a{
  padding:12px 0 10px !important;
}
.user-page .nav-nav img,
.user-page .nav-nav2 img{
  width:26px; height:26px;
  object-fit:contain;
}
.user-page .nav-nav p,
.user-page .nav-nav2 p,
.user-page .nav-nav__mall p{
  margin-top:7px !important;
  font-size:12px !important;
  color:var(--oc-text-sub) !important;
}
.user-page .nav-nav__img{ position:relative; display:inline-block; }
/* 待办角标：右上角红色小圆点
   注意必须限定在 .nav-nav__img 内 —— 个人中心的统计数字（金币/钱包）
   同样带 .num 且在 .nav-nav 里，v2.5.0 这条写宽了，把金额也染成了红底。 */
.user-page .nav-nav .nav-nav__img .num,
.user-page .nav-nav__mall .nav-nav__img .num{
  position:absolute; top:-6px; right:-10px;
  min-width:16px; height:16px;
  padding:0 4px;
  border-radius:var(--oc-r-pill);
  background:var(--oc-red) !important;
  color:#fff !important;
  font-size:10px; line-height:16px; text-align:center;
  box-shadow:0 0 0 2px #fff;
}
.user-page .nav-nav__mall .mall_hd .tciconfont{
  font-size:26px;
  color:var(--oc-primary) !important;
}

/* ---------- VIP 金卡 ---------- */
.user-page .myvip-box_main{
  position:relative !important;
  left:auto !important; right:auto !important; bottom:auto !important;
  margin:10px 10px 0 !important;
  height:56px; line-height:56px;
  border-radius:var(--oc-r-md) !important;
  background:linear-gradient(100deg,#3A3128 0%,#57452C 62%,#7C6437 100%) !important;
  background-image:linear-gradient(100deg,#3A3128 0%,#57452C 62%,#7C6437 100%) !important;
  color:#F5E6C4 !important;
  padding:0 12px !important;
  display:flex; align-items:center;
}
.user-page .myvip-box_main .vip_img{ margin-top:0 !important; }
.user-page .myvip-box_main .vip_img img{ width:28px !important; height:24px !important; margin:0 !important; }
.user-page .myvip-box_main .vip_info{ margin-top:0 !important; padding-left:10px !important; }
.user-page .myvip-box_main .vip_info .buy_vip{
  display:flex; align-items:center;
  color:#F5E6C4 !important;
  font-size:13px !important;
  line-height:1.3 !important;
}
.user-page .myvip-box_main .vip_info a{
  margin-left:auto;
  padding:4px 12px;
  border-radius:var(--oc-r-pill);
  background:rgba(245,230,196,.16);
  border:1px solid rgba(245,230,196,.45);
  color:#F5E6C4 !important;
  font-size:12px;
  white-space:nowrap;
}
.user-page .myvip-box_main .vip_info a .tciconfont{ font-size:11px; }
/* 顶部装饰贴图（yj2.gif 等）：不再用浮动挤压 VIP 卡，改右上角 absolute */
.user-page .user-wrap.top__bg > img[style*="float"]{
  position:absolute !important;
  top:6px; right:8px;
  float:none !important;
  margin:0 !important;
  max-height:52px;
  z-index:1;
}

/* ---------- 退出登录：改成白底红字胶囊 ---------- */
#id_login_out{
  border-radius:var(--oc-r-pill) !important;
  background:#fff !important;
  background-color:#fff !important;
  color:var(--oc-red) !important;
  border:1px solid rgba(255,77,79,.35) !important;
  font-size:15px !important;
  box-shadow:none !important;
}
#id_login_out:active{ background:#FFF1F0 !important; }
/* 管理入口按钮：主色渐变 */
.user-page .page_rgs .tcui-btn_primary{
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  background-color:var(--oc-primary) !important;
  background-image:var(--oc-grad) !important;
  box-shadow:var(--oc-shadow-blue) !important;
  border:0 !important;
}
.user-page .page_rgs .btn-group{ background:transparent !important; }

/* ============================================================
   Ocean CSS v2.6.0 —— 我的发布/收藏：状态徽章 + 按钮组 + 分页
   ============================================================ */

/* ---------- 1. 状态图章 → 现代小徽章（原来是 5em 图片大印章） ---------- */
.tcline-item .mark-img,
.manage-case-list .mark-img{
  width:auto !important; height:auto !important;
  top:10px !important; right:10px !important;
  background:none !important; opacity:1 !important;
  font-size:0; line-height:0;
}
.tcline-item .mark-img::after,
.manage-case-list .mark-img::after{
  display:inline-block;
  padding:3px 10px;
  border-radius:6px;
  font-size:11px; font-weight:600; line-height:1.4;
  letter-spacing:.5px;
}
.tcline-item .mark-img.succ::after{        content:'已通过'; color:#0BC07A; background:rgba(11,192,122,.08); border:1px solid rgba(11,192,122,.28); }
.tcline-item .mark-img.nopay::after{       content:'未支付'; color:#FF4D4F; background:rgba(255,77,79,.07);  border:1px solid rgba(255,77,79,.30); }
.tcline-item .mark-img.overtime::after{    content:'已过期'; color:#8A919F; background:rgba(138,145,159,.10); border:1px solid rgba(138,145,159,.28); }
.tcline-item .mark-img.xiajia::after{      content:'已下架'; color:#E08600; background:rgba(224,134,0,.08);  border:1px solid rgba(224,134,0,.30); }
.tcline-item .mark-img.shenhe2::after,
.tcline-item .mark-img.shenhe3::after{     content:'审核中'; color:#1B8CFF; background:rgba(27,140,255,.07); border:1px solid rgba(27,140,255,.28); }

/* ---------- 2. 我的发布：操作按钮组（刷新/置顶/编辑/删除/续费） ---------- */
.manage-case-list .btn-group{
  display:flex; gap:8px; justify-content:flex-end;
  margin:12px 0 2px; padding:0;
  background:transparent !important;
}
.manage-case-list .btn-group a{
  flex:0 0 auto; min-width:96px !important;
  padding:0 16px !important; height:34px; line-height:32px;
  border-radius:var(--oc-r-pill) !important;
  border:1px solid var(--oc-line) !important;
  background:#fff !important; background-color:#fff !important;
  color:var(--oc-text) !important;
  font-size:13px; text-align:center;
  box-shadow:none !important;
  box-sizing:border-box;
}
.manage-case-list .btn-group a:active{ background:#F5F7FA !important; background-color:#F5F7FA !important; }
/* 续费按钮：红色警示（模板用内联红底） */
.manage-case-list .btn-group a[style*="f00"]{
  border-color:rgba(255,77,79,.4) !important;
  color:var(--oc-red) !important;
  background:#FFF1F0 !important; background-color:#FFF1F0 !important;
}

/* ---------- 3. 分页：胶囊按钮 + 中间灰页码 ---------- */
.pages{ margin-top:16px !important; }
.pages li span{
  height:34px; line-height:32px;
  border:0 !important; background:transparent !important;
  color:var(--oc-text-weak) !important; font-size:13px;
}
.pages li a{
  height:34px; line-height:32px;
  border:1px solid var(--oc-line) !important;
  border-radius:var(--oc-r-pill) !important;
  background:#fff !important;
  color:var(--oc-primary) !important; font-size:13px;
  box-shadow:var(--oc-shadow);
}
.pages li a:active{ background:#F0F6FF !important; }

/* ---------- 4. 刷新次数提示条：暖橙渐变 ---------- */
.mylist_buyrefresh-box{ margin:0 0 10px; }
.mylist_buyrefresh-box .buyrefresh__ts{
  margin:0; padding:10px 14px;
  border-radius:var(--oc-r-md);
  background:#FFF7E8 !important; background-color:#FFF7E8 !important;
  background-image:linear-gradient(135deg,#FFF7E8 0%,#FFEFDB 100%) !important;
  border:1px solid #FFE2B8;
  color:#B26B00 !important; font-size:13px; line-height:1.6;
}
.mylist_buyrefresh-box .buyrefresh__ts .num{ color:var(--oc-red); font-weight:700; padding:0 2px; }
.mylist_buyrefresh-box .buyrefresh__ts a{ color:var(--oc-primary); font-weight:600; }
.mylist_buyrefresh-box .buyrefresh__ts .tciconfont{ font-size:15px; vertical-align:-1px; }

/* ---------- 5. 收藏时间提示（我的收藏） ---------- */
.group-top-tip{
  background:transparent !important;
  color:var(--oc-text-weak) !important;
  font-size:12px; padding:10px 4px 6px !important;
}

/* ---------- 6. 个人中心签到气泡：移到“积分”标题右侧，绝不压数字 ---------- */
.user-page .personal_tongji li p.num span.sign{
  top:auto !important; bottom:-21px !important;
  left:50% !important; right:auto !important;
  margin-left:14px !important;
  padding:1px 7px !important;
  font-size:10px !important;
}
.user-page .personal_tongji li p.num span.sign:after{
  top:-3px !important; left:6px !important;
  transform:rotate(135deg); -webkit-transform:rotate(135deg);
}
/* 签到气泡单行化（模板里 sign1<br/>sign2 两行太挤） */
.user-page .personal_tongji li p.num span.sign br{ display:none; }

/* ============================================================
   Ocean CSS v2.7.0 —— 首页整体细化
   ============================================================ */

/* ---------- 1. 隐藏小程序收藏引导浮层（H5 网页无小程序收藏） ---------- */
.guiigo-cxs{ display:none !important; }

/* ---------- 2. 切换站点弹窗：白卡+胶囊站点+主色关闭钮 ---------- */
.pop-ups__box{
  background:var(--oc-bg) !important; background-color:var(--oc-bg) !important;
}
.index_lbs_top{
  background:#fff !important; background-color:#fff !important;
  border-bottom:1px solid var(--oc-line) !important;
  height:48px; line-height:48px;
  padding:0 16px 0 38px !important;
  font-size:15px; font-weight:600; color:var(--oc-text);
}
.index_lbs_sites{ background:var(--oc-bg) !important; padding:12px 14px !important; }
.index_lbs_sites h5{
  height:32px; line-height:32px;
  font-size:12px; color:var(--oc-text-weak) !important;
  padding-left:4px !important;
}
.index_lbs_sites .index_lbs_sites-list span{ width:33.33%; height:auto; margin-bottom:10px; }
.index_lbs_sites .index_lbs_sites-list a{
  width:92% !important; height:36px; line-height:34px;
  border-radius:var(--oc-r-pill) !important;
  border:1px solid var(--oc-line) !important;
  background:#fff !important;
  color:var(--oc-text) !important; font-size:13px;
  box-shadow:var(--oc-shadow);
}
.index_lbs_sites .index_lbs_sites-list a:active{ background:#F0F6FF !important; color:var(--oc-primary) !important; }
.pop-ups__block{ background:var(--oc-bg) !important; }
.pop-ups__close{
  background:#fff !important; background-color:#fff !important;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
}
.pop-ups__close .tcui-btn{
  width:100% !important; height:44px; line-height:44px;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important; background-color:var(--oc-primary) !important;
  background-image:var(--oc-grad) !important;
  border:0 !important; color:#fff !important; font-size:15px;
  box-shadow:var(--oc-shadow-blue) !important;
}

/* ---------- 3. 搜索框：蓝底上更通透 ---------- */
.index-top__search .top-search__box .search-box__main{
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 2px 10px rgba(10,60,140,.10);
  color:var(--oc-text-weak) !important;
}
.index-top__search .top-search__box .search-box__main .tciconfont{ color:var(--oc-primary); }

/* ---------- 4. 头条滚动条（开启时） ---------- */
.index-scroll-ad{
  margin:10px 12px;
  border-radius:var(--oc-r-md);
  background:#fff;
  box-shadow:var(--oc-shadow);
  overflow:hidden;
}
.index-scroll-ad .scroll-ad__lt{
  padding:0 10px; font-weight:600;
  border-right:1px solid var(--oc-line);
}
.index-scroll-ad ul li a{ color:var(--oc-text-sub) !important; font-size:13px; }

/* ---------- 5. 浮动客服/订阅（site-float）：白底胶囊 ---------- */
.site-float{
  background:#fff !important; background-color:#fff !important;
  border:1px solid var(--oc-line);
}
.site-float span.img-dialog{
  color:var(--oc-text-sub) !important; font-size:11px;
}
/* 左下浮动菜单：统一圆角阴影 */
.tc_fixed_menu .menu-open-btn,
.tc_fixed_menu .menu-item{
  border-radius:50% !important;
  box-shadow:0 6px 18px rgba(27,140,255,.30) !important;
}

/* ---------- 6. 公告弹窗（rebox）与签到浮层 ---------- */
.rebox{ border-radius:var(--oc-r-lg) !important; overflow:hidden; box-shadow:var(--oc-shadow-lg); }
.sign-float{ border-radius:var(--oc-r-lg) !important; overflow:hidden; box-shadow:var(--oc-shadow-lg); }
.sign-float .prompt-pic img{ width:100%; display:block; }

/* ---------- 7. 宫格角标：小红点更精致 ---------- */
.nav-li-pic i{
  min-width:16px; height:16px;
  padding:0 4px;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-red) !important;
  color:#fff !important; font-size:10px; line-height:16px;
  font-style:normal;
  box-shadow:0 2px 6px rgba(255,77,79,.35);
}

/* ---------- 8. 分类 tab 条：选中态主色胶囊（覆盖主题内联 background:; 问题） ---------- */
.index-newmenus__box .index-newmenus__list .index-newmenus__item.active a{
  background:var(--oc-grad) !important; background-image:var(--oc-grad) !important;
  color:#fff !important;
  box-shadow:0 4px 12px rgba(27,140,255,.28) !important;
}

/* ---------- 9. 收藏提示图：柔化（图片本体黑色，点按一次后不再显示） ---------- */
#index_prompt{ border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.22); }
#index_prompt img{ display:block; border-radius:12px; }

/* ============================================================
   Ocean CSS v2.8.0 —— 顶部幻灯片海浪波纹 + 站点选择器（只改样式）
   ============================================================ */

/* ---------- 1. 顶部幻灯片：海浪波纹 ----------
   说明：波浪 DOM 与图片由插件自带（laobing_tom_htm 的 water-1.svg / water-2.svg
   及 wave-animation-1/2 动画），这里只做位置、高度、层次的样式微调，
   不覆盖自带的背景图与动画，避免与插件冲突 / 双层波浪叠加。 */
.index-header .swiper-container-focuspic > .water{
  position:absolute !important;
  left:0 !important; bottom:0 !important;   /* 自带默认 bottom:-10px 会露出图外 */
  height:34px !important; max-height:42% !important;  /* 图片偏扁时自动收窄，不抢内容 */
  width:100% !important;
  z-index:100; overflow:hidden;
  pointer-events:none;
  border-radius:0 0 var(--oc-r-lg) var(--oc-r-lg);
}
.index-header .swiper-container-focuspic .water_1,
.index-header .swiper-container-focuspic .water_2{
  position:absolute; left:0; top:0;
  width:100%; height:100%;
  background-repeat:repeat-x !important;
  background-size:600px 100% !important;
  background-position:0 top;
  will-change:background-position;
}
.index-header .swiper-container-focuspic .water_1{ opacity:.95; }
.index-header .swiper-container-focuspic .water_2{ top:6px !important; opacity:.6; }
/* 幻灯片为空时不显示波浪 */
.index-header .swiper-container-focuspic:not(:has(.swiper-slide)) > .water{ display:none; }

@keyframes wave-animation-1{ 0%{ background-position:0 top; } 100%{ background-position:600px top; } }
@keyframes wave-animation-2{ 0%{ background-position:600px top; } 100%{ background-position:0 top; } }
@-webkit-keyframes wave-animation-1{ 0%{ background-position:0 top; } 100%{ background-position:600px top; } }
@-webkit-keyframes wave-animation-2{ 0%{ background-position:600px top; } 100%{ background-position:0 top; } }

/* 波浪与图片之间的柔和过渡 */
.index-header .oc-focuspic-wrap .swiper-container-focuspic::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:44px;
  background:linear-gradient(to top, rgba(0,60,140,.18), rgba(0,60,140,0));
  pointer-events:none; z-index:90;
}

/* ---------- 2. 左上角站点选择：仅样式优化（结构与 JS 完全不动） ---------- */
.index-top__search .top-search__box .search-box__lt.open-popups{
  width:auto !important; min-width:0 !important; max-width:96px;
  margin-right:8px; padding-right:0 !important; overflow:visible;
}
.index-top__search .top-search__box .search-box__lt.open-popups a{
  display:inline-flex !important; align-items:center; gap:3px;
  padding:4px 10px;
  border-radius:var(--oc-r-pill);
  background:#EDF4FF;
  color:var(--oc-primary) !important;
  font-size:13px !important; font-weight:600;
  white-space:nowrap;
  transition:background .15s;
}
.index-top__search .top-search__box .search-box__lt.open-popups a:active{ background:#DCEBFF; }
.index-top__search .top-search__box .search-box__lt.open-popups .lbs_txt{
  display:inline-block !important;
  font-size:13px !important;
  height:auto !important; line-height:1.2 !important;
  max-width:66px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-style:normal;
}
.index-top__search .top-search__box .search-box__lt.open-popups .tciconfont{
  font-size:9px !important;
  color:var(--oc-primary) !important;
  opacity:.8;
}
/* logo 形态（未开启多站点）保持不变，仅居中 */
.index-top__search .top-search__box .search-box__lt:not(.open-popups){ display:flex; align-items:center; }


/* ============================================================
   Ocean CSS v2.9.0 —— 首页模板内联样式外移 + 细节收尾
   ============================================================ */

/* ---------- 1. 原来写在 index.htm 上的内联样式，统一收归 CSS ---------- */
.mainer{ margin-top:-4px; }
#index-list{ min-height:1000px; }
.oc-beian{
  margin-top:20px; padding:0 15px 8px;
  line-height:18px; text-align:center;
  font-size:12px; color:var(--oc-text-weak);
}
.oc-beian a{ color:var(--oc-text-weak); }

/* ---------- 2. 备案/统计区上方留白更自然 ---------- */
.mainer + .oc-beian{ padding-top:4px; }

/* ---------- 3. 回到顶部按钮：白底圆形，弱化不抢戏 ---------- */
.back_top{
  width:40px !important; height:40px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.94) !important;
  background-color:rgba(255,255,255,.94) !important;
  box-shadow:0 4px 14px rgba(15,50,110,.18) !important;
  opacity:.92;
}
.back_top img{ width:20px; height:20px; display:block; margin:0 auto; }

/* ---------- 4. 订阅引导弹层（pic_info）柔化 ---------- */
.pic_info.id-pic-tip .pic_info_in{
  border-radius:var(--oc-r-lg) !important;
  overflow:hidden;
}

/* ---------- 5. 首页加载提示条：文字弱化 ---------- */
#index-list .tcui-loadmore__tips{ color:var(--oc-text-weak) !important; font-size:13px; }

/* ============================================================
   Ocean CSS v3.0.0 —— 列表页 / 分类页细节统一
   ============================================================ */

/* ---------- 1. 列表页搜索框：白底胶囊 + 主色搜索钮 ---------- */
.sec-search{
  display:flex; align-items:center; gap:0;
  background:#fff !important;
  border:1px solid var(--oc-line) !important;
  border-radius:var(--oc-r-pill) !important;
  padding:3px 3px 3px 14px !important;
  height:42px; box-sizing:border-box;
  box-shadow:var(--oc-shadow);
  overflow:hidden;
}
.sec-search .sec-input{
  flex:1; align-items:center; gap:6px;
  padding:0; background:transparent !important;
}
.sec-search .sec-input .tciconfont{
  font-size:15px; color:var(--oc-primary) !important;
  opacity:.9;
}
.sec-search .sec-input input{
  flex:1; height:36px; line-height:36px;
  border:0 !important; background:transparent !important;
  font-size:14px; color:var(--oc-text);
  outline:none; -webkit-appearance:none;
}
.sec-search .sec-input input::placeholder{ color:var(--oc-text-weak); }
.sec-search .search-btn{
  flex:0 0 auto; padding:0 4px 0 6px;
  border:0 !important; background:transparent !important;
  border-left:1px solid var(--oc-line) !important;
  border-radius:0 !important;
}
.sec-search .search-btn .btn,
.sec-search .search-btn button{
  height:32px; line-height:32px;
  padding:0 18px;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  background-image:var(--oc-grad) !important;
  color:#fff !important; font-size:14px; font-weight:600;
  border:0 !important;
  box-shadow:var(--oc-shadow-blue);
}
.sec-search .search-btn .btn:active{ opacity:.86; }

/* ---------- 2. 分类横滑胶囊：统一浅底，选中主色（去掉彩虹色块） ---------- */
.cat-search .item-list2 a,
.cat-search .item-list a{
  background:#F4F7FB !important;
  border:1px solid transparent !important;
  color:var(--oc-text-sub) !important;
  border-radius:var(--oc-r-pill) !important;
  height:32px !important; line-height:30px !important;
  padding:0 4px !important;
  margin:3px 6px 3px 0 !important;
  font-size:13px !important;
  box-sizing:border-box;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cat-search .item-list2 a.active,
.cat-search .item-list2 a.on,
.cat-search .item-list a.active{
  background:var(--oc-grad) !important;
  background-image:var(--oc-grad) !important;
  color:#fff !important;
  font-weight:600;
  box-shadow:0 4px 12px rgba(27,140,255,.26) !important;
}
/* 多行分类（cat-sarch__more） */
.cat-sarch__more{ padding:6px 2px 2px !important; }
.cat-sarch__more a{
  background:#F4F7FB !important;
  border:1px solid transparent !important;
  color:var(--oc-text-sub) !important;
  border-radius:var(--oc-r-pill) !important;
  height:32px !important; line-height:30px !important;
  font-size:13px !important;
  margin:0 0 8px 8px !important;
}
.cat-sarch__more a.on{
  background:var(--oc-grad-soft) !important;
  border-color:var(--oc-primary) !important;
  color:var(--oc-primary) !important;
  font-weight:600;
}

/* ---------- 3. 筛选面板底部按钮：重置（弱）/ 确定（主色） ---------- */
.cont-more__btn{
  gap:10px; padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
  border-top:1px solid var(--oc-line);
  background:#fff;
}
.cont-more__btn .clear-btn{
  flex:0 0 34%; height:40px; line-height:38px;
  border:1px solid var(--oc-line) !important;
  border-radius:var(--oc-r-pill) !important;
  background:#fff !important;
  color:var(--oc-text-sub) !important;
  font-size:14px; text-align:center;
}
.cont-more__btn .queding-btn{
  flex:1; height:40px; line-height:40px;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  background-image:var(--oc-grad) !important;
  color:#fff !important; font-size:15px; font-weight:600;
  text-align:center;
  box-shadow:var(--oc-shadow-blue);
}
.cont-more__btn .queding-btn:active{ opacity:.88; }

/* ---------- 4. 筛选二级列（街道/子分类）：灰底改浅灰蓝，选中主色 ---------- */
.id-streetdiv, .id-typediv{
  background-color:#F5F8FC !important;
}
.tc-list-filter .item.tc-template__color{ color:var(--oc-primary) !important; }
.more-item__title{
  font-size:13px !important; font-weight:600;
  color:var(--oc-text) !important;
  padding:4px 0 2px;
}

/* ---------- 5. 分类宫格分页点：橙点 → 主色胶囊 ---------- */
.nav_pagination .swiper-pagination-bullet{
  width:14px !important; height:3px !important;
  border-radius:3px !important;
  background:rgba(27,140,255,.25) !important;
  opacity:1 !important;
}
.nav_pagination .swiper-pagination-bullet-active{
  background:var(--oc-primary) !important;
  width:18px !important;
}

/* ---------- 6. “查看更多”橙色方块 → 主色渐变胶囊 ---------- */
.btn-group-block{
  margin:16px 12px !important; padding:0 !important;
}
.btn-group-block > a,
.btn-group-block > button{
  height:44px !important; line-height:44px !important;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  background-image:var(--oc-grad) !important;
  color:#fff !important; font-size:15px; font-weight:600;
  border:0 !important;
  box-shadow:var(--oc-shadow-blue);
}
.btn-group-block > a:active,
.btn-group-block > button:active{ opacity:.88; }

/* ---------- 7. 加载中 / 没有更多了 ---------- */
.tcui-loadmore{ padding:14px 0 !important; }
.tcui-loadmore .tcui-loadmore__tips{ font-size:13px; color:var(--oc-text-weak) !important; }
.tcui-loadmore_line{ border-top-color:var(--oc-line) !important; }

/* ---------- 8. 列表空状态：插画占位 + 主色引导按钮 ---------- */
#no-list-html{ padding:0 20px; text-align:center; }
#no-list-html .clear10{ height:24px !important; }
#no-list-html::before{
  content:''; display:block;
  width:96px; height:96px; margin:10px auto 16px;
  border-radius:50%;
  background-color:var(--oc-grad-soft);
  background-repeat:no-repeat; background-position:center; background-size:60px 60px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%232B7BFB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 40h36v28H30z' opacity='.55'/%3E%3Cpath d='M38 32h18l10 10' opacity='.35'/%3E%3Cpath d='M38 50h20M38 58h13' opacity='.28'/%3E%3C/g%3E%3C/svg%3E");
}
#no-list-html .tcui-loadmore_line{ border-top:0 !important; }
#no-list-html .tcui-loadmore_line .tcui-loadmore__tips{
  background:transparent !important;
  font-size:14px !important; color:var(--oc-text-weak) !important;
  padding:0 8px;
}
#no-list-html .btn-group-block{ max-width:240px; margin:20px auto 0 !important; }
#no-list-html .btn-group-block + .clear10{ height:36px !important; }

/* ============================================================
   Ocean CSS v3.1.0 —— 首页第三轮：浮窗重设计 / 区块衔接 / 加载细节
   ============================================================ */

/* ---------- 1. 左侧"订阅/客服"浮窗：双白胶囊贴边，轻盈不抢戏 ---------- */
.site-float{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}
.site-float i{ display:none !important; }
.site-float span.img-dialog{
  display:block; width:auto;
  margin:0 0 8px 10px;
  padding:9px 14px !important;
  background:rgba(255,255,255,.96) !important;
  background-image:none !important;
  color:var(--oc-primary) !important;
  font-size:12px !important;
  font-weight:600;
  line-height:1.2 !important;
  letter-spacing:1px;
  border-radius:var(--oc-r-pill) !important;
  box-shadow:0 4px 14px rgba(23,58,110,.16);
  transition:transform .15s;
}
.site-float span.img-dialog:active{ transform:scale(.94); }
.site-float span.img-dialog:last-child{ margin-bottom:0; }

/* ---------- 2. 第二轮播（focuspic2）：圆角卡片 + 主色分页点 ---------- */
.swiper-container-focuspic2{
  border-radius:var(--oc-r-lg);
  overflow:hidden;
  box-shadow:var(--oc-shadow);
  background:#fff;
}
.swiper-container-focuspic2 img{ display:block; }
.swiper-pagination-focuspic2{ bottom:8px !important; }
.swiper-pagination-focuspic2 .swiper-pagination-bullet{
  width:6px; height:6px;
  background:var(--oc-primary); opacity:.25;
  transition:all .25s;
}
.swiper-pagination-focuspic2 .swiper-pagination-bullet-active{
  width:16px; border-radius:3px; opacity:1;
  background:var(--oc-primary);
}

/* ---------- 3. 区块衔接：压掉内联白底断层，统一留白节奏 ---------- */
.wrap .clear5{ background:transparent !important; }
.index-newmenus__box{ margin-top:8px; }
#index-list{ padding-top:2px; }
/* 分类 tab 吸顶时（JS 注入 position:fixed）保持通栏不收缩 */
.index-newmenus__box .index-newmenus__list{ width:100%; box-sizing:border-box; }

/* ---------- 4. 加载圈：主色转圈 ---------- */
.tcui-loading{
  width:18px !important; height:18px !important;
  border-radius:50% !important;
  border:2px solid rgba(27,140,255,.18) !important;
  border-top-color:var(--oc-primary) !important;
}

/* ---------- 5. 图片加载占位：柔和浅蓝底，杜绝白板突兀 ---------- */
.index-qukuai__item img,
.swiper-container-focuspic img,
.swiper-container-focuspic2 img,
.color-right img, .white-right img{
  background:var(--oc-grad-soft);
}

/* ---------- 6. 头部幻灯片分页点微调：与主色统一 ---------- */
.index-header .swiper-pagination-focuspic .swiper-pagination-bullet-active{
  background:#fff;
}

/* ============================================================
   Ocean CSS v3.2.0 —— 线上对齐：tab 压回胶囊 / 图文列表卡圆角化
   （styles.css 里有一套带 !important 的旧 tab 稿，必须用更高特异性覆盖）
   ============================================================ */

/* ---------- 1. 分类 tab 栏：彻底统一为海洋蓝胶囊 ---------- */
.index-newmenus__box .index-newmenus__list{
  background:#fff !important;
  height:auto !important;
  min-height:0 !important;
  padding:8px !important;
  border-radius:0 !important;
  margin-bottom:0 !important;
  display:flex;
  align-items:center;
}
.index-newmenus__box .index-newmenus__list .index-newmenus__item{
  width:auto !important;
  height:auto !important;
  line-height:1 !important;
  font-size:13px !important;
  float:none;
  flex:0 0 auto;
  margin:0 4px;
  padding:0;
  transform:none !important;
  transition:none !important;
}
.index-newmenus__box .index-newmenus__list .index-newmenus__item:first-child{ margin-left:0 !important; }
.index-newmenus__box .index-newmenus__list .index-newmenus__item a{
  display:block !important;
  padding:7px 14px !important;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-bg) !important;
  color:var(--oc-text-sub) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  white-space:nowrap;
  transition:all .22s;
}
.index-newmenus__box .index-newmenus__list .index-newmenus__item.active a{
  background:var(--oc-grad) !important;
  background-color:var(--oc-primary) !important;
  color:#fff !important;
  font-weight:600 !important;
  box-shadow:var(--oc-shadow-blue);
}
/* 干掉旧稿的白玻璃高亮伪元素 / 下划线 */
.index-newmenus__box .index-newmenus__list .index-newmenus__item a:after,
.index-newmenus__box .index-newmenus__list .index-newmenus__item.active a:after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  border:0 !important;
}

/* ---------- 2. 图文列表卡（tuwenlist）：直角灰边 → 圆角白卡 ---------- */
#index-list .tuwenlist_item{
  background:#fff !important;
  background-image:none !important;
  border:0 !important;
  border-radius:var(--oc-r-lg) !important;
  box-shadow:var(--oc-shadow) !important;
  margin:0 10px 10px !important;
  padding:12px !important;
  overflow:hidden;
  transition:box-shadow .2s;
}
#index-list .tuwenlist_item:active{ box-shadow:var(--oc-shadow-lg); }
/* 缩略图：去蓝虚线框，统一圆角 */
#index-list .tuwenlist_item_pic{ border-radius:12px; overflow:hidden; }
#index-list .tuwenlist_item_pic img{
  border:0 !important;
  border-radius:12px !important;
}
/* 分类小标签（带背景的那个）：主色渐变胶囊 */
#index-list .tuwenlist_item .typename[style*="background"]{
  display:inline-block;
  font-size:11px !important;
  line-height:1.5;
  padding:2px 8px !important;
  border-radius:6px !important;
  background:var(--oc-grad) !important;
  color:#fff !important;
  margin-right:4px;
  vertical-align:2px;
}
/* 城市角标：圆角统一 */
#index-list .tuwenlist_item span[style*="rgba(0,0,0,0.5)"]{
  border-top-left-radius:8px !important;
  border-bottom-right-radius:8px !important;
  font-size:10px !important;
}
/* 浏览/时间行弱化 */
#index-list .tuwenlist_item .sub_lt_time{
  font-size:11px !important;
  color:var(--oc-text-weak) !important;
}
#index-list .tuwenlist_item .sub_lt_time .tciconfont{ color:var(--oc-text-weak); }

/* ---------- 3. 顶部公众号关注条：白卡柔化 ---------- */
.new_subscribe_box{
  border-radius:0 0 var(--oc-r-md) var(--oc-r-md);
  box-shadow:0 4px 16px rgba(23,58,110,.10);
}

/* ============================================================
   Ocean CSS v3.3.0 —— 顶部去蓝色大色块：浅色海面 + 双层海浪特效
   ============================================================ */

/* ---------- 1. 顶部背景：淡雅天空海面渐变，替代蓝色大色块 ---------- */
/* 双类提高特异性：线上 theme-ocean.css 链接在 body 尾部，同特异性 !important 会压住注入顺序 */
.index-header.index-header{
  position:relative;
  background:linear-gradient(180deg,#E8F3FF 0%,#EFF7FF 55%,#F4F7FB 100%) !important;
  box-shadow:0 6px 20px rgba(23,58,110,.08) !important;
}

/* ---------- 2. 海浪特效：header 底部双层波浪起伏 ---------- */
/* 后层浪：浅蓝半透明，慢速左涌 */
.index-header::before{
  content:'';
  position:absolute; left:0; right:0; bottom:8px; height:54px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,32 C180,62 420,2 640,30 C860,58 1040,6 1200,30 L1200,60 L0,60 Z' fill='%232B7BFB' fill-opacity='0.13'/%3E%3C/svg%3E") repeat-x;
  background-size:600px 100%;
  animation:oc-wave-l 11s linear infinite;
  opacity:.55;
  pointer-events:none;
  z-index:1;
}
/* 前层浪：与内容区同色，快速右涌，形成海陆无缝过渡 */
.index-header::after{
  display:block;
  content:'';
  position:absolute; left:0; right:0; bottom:0; height:34px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,34 C200,4 400,60 620,32 C840,4 1020,58 1200,30 L1200,60 L0,60 Z' fill='%23F4F7FB'/%3E%3C/svg%3E") repeat-x;
  background-size:600px 100%;
  animation:oc-wave-r 7s linear infinite;
  pointer-events:none;
  z-index:2;
}
@keyframes oc-wave-l{ from{ background-position:0 bottom; } to{ background-position:-600px bottom; } }
@keyframes oc-wave-r{ from{ background-position:0 bottom; } to{ background-position:600px bottom; } }

/* 内容浮于浪上 */
.index-header .index-top__search{ position:relative; z-index:4; }
.index-header .oc-focuspic-wrap{ position:relative; z-index:3; }

/* ---------- 3. 浅底适配微调 ---------- */
.index-top__search .top-search__box{
  box-shadow:0 4px 14px rgba(23,58,110,.10);
}

/* ============================================================
   Ocean CSS v3.4.0 —— 幻灯片通栏铺平放大 + 底部渐变 + 海浪动效强化
   ============================================================ */

/* ---------- 1. 幻灯片：取消留白圆角，通栏满铺并统一 16:9 放大 ---------- */
.index-header{ padding-bottom:0 !important; }
.index-header .oc-focuspic-wrap{ margin:0 !important; width:100%; }
.index-header .swiper-container-focuspic{
  border-radius:0 !important;
  box-shadow:none !important;
  background:var(--oc-bg);
}
/* swiper 给 slide 加了 padding 形成左右留白，去掉让图片真正铺满 */
.index-header .swiper-container-focuspic .swiper-slide{ padding:0 !important; }
.index-header .swiper-container-focuspic img{
  display:block;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:0 !important;
}
/* 有幻灯片时，收起 header 底部那两道铺垫浪，海浪统一归图片内 */
.index-header:has(.oc-focuspic-wrap)::before,
.index-header:has(.oc-focuspic-wrap)::after{ display:none; }

/* ---------- 2. 图片底部渐变：与页面浅色背景自然融合，托住海浪 ---------- */
.index-header .oc-focuspic-wrap .swiper-container-focuspic::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:92px;
  background:linear-gradient(to top,
    rgba(244,247,251,.96) 0%,
    rgba(244,247,251,.74) 30%,
    rgba(244,247,251,.34) 60%,
    rgba(244,247,251,0) 100%);
  z-index:80; pointer-events:none;
}

/* ---------- 3. 底部海浪：插件自带双层浪加高加重，动效更明显 ---------- */
.index-header .swiper-container-focuspic > .water{
  height:54px !important;
  max-height:52% !important;
  bottom:0 !important;
  border-radius:0 !important;
  z-index:100;
}
.index-header .swiper-container-focuspic .water_1{
  animation-duration:6s !important;
  opacity:1 !important;
}
.index-header .swiper-container-focuspic .water_2{
  animation-duration:9s !important;
  opacity:.62 !important;
  top:10px !important;
}

/* ---------- 4. 细节：分页点浮在海浪之上 ---------- */
.index-header .swiper-pagination-focuspic{ bottom:12px !important; z-index:110; }

/* ============================================================
   Ocean CSS v3.5.0 —— 全站体检修复：右侧裁切 / 卡片语言统一 / 热区
   ============================================================ */

/* ---------- 1. 修右侧 10px 被裁：原站 .wrap 带 margin-right:-20px 且 content-box ----------
   结果：内层 width:100% 的元素从 x=10 伸到 x=400，右缘被 body(overflow:hidden) 裁掉一块，
   宫格 / 分类 tab / 区块卡都比信息卡宽 10px 且右不齐。 */
/* 列表页存在同样的负边距，故这里做全局修复（本地预览逐页验证过无副作用） */
.mainer .wrap{
  margin-right:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* ---------- 2. 卡片语言统一：全部 370 宽 / 16px 圆角 ---------- */
.mainer .wrap .nav-list,
.mainer .wrap > section.tc-sec,
.mainer .wrap .index-newmenus__box{
  border-radius:var(--oc-r-lg) !important;
}
.mainer .wrap .nav-list{ padding:12px 0 6px; }
#index-list{ border-radius:0 !important; }

/* ---------- 3. 分类 tab：热区加大到 36px，行距更舒展 ---------- */
.index-newmenus__box .index-newmenus__list{ padding:10px 10px 8px !important; }
.index-newmenus__box .index-newmenus__list .index-newmenus__item{ margin:0 5px 0 0; }
.index-newmenus__box .index-newmenus__list .index-newmenus__item a{
  padding:9px 15px !important;
  font-size:13.5px !important;
}
.index-newmenus__box .index-newmenus__list .index-newmenus__item:last-child{ margin-right:0; }

/* ---------- 4. 顶部站点选择胶囊：太小不好按，加大到 30px ---------- */
.index-top__search .top-search__box .search-box__lt a{
  padding:5px 10px !important;
  min-height:30px;
  align-items:center;
}
/* 顶部\"帮助\"小按钮同样放大 */
.index-header .help_title,
.nav-list .nav-list-tit a{
  padding:6px 12px !important;
  min-height:32px;
  display:inline-flex; align-items:center;
}

/* ---------- 5. 信息卡与上层区块同宽 370（原本 margin 10px 变成 350，左右不齐） ---------- */
#index-list .tuwenlist_item{ margin:0 0 10px !important; }

/* ---------- 6. 首页缩略图 100×105 → 正方 112×112 ----------
   注意：style.css 有 img{max-width:100%}，会压掉 !important 的 width，故容器一起放大 */
#index-list .tuwenlist_item_pic{
  flex:0 0 112px !important;
  width:112px !important; height:112px !important;
}
#index-list .tuwenlist_item_pic img{
  width:112px !important; height:112px !important;
  max-width:none !important;
  object-fit:cover;
  border-radius:12px !important;
}

/* ---------- 7. 无来源占位图（src="#"）隐藏，避免断图 alt ---------- */
.guanzu_pic img[src="#"]{ display:none !important; }

/* ---------- 8. 区块间距归一：tab 栏与列表区间统一 8px（原本 -1px 叠住） ---------- */
body:has(.index-header) .mainer .wrap > section.tc-sec{ margin-top:8px; }

/* ============================================================
   Ocean CSS v3.6.0 —— 三处红框修复：顶部空隙 / 帮助按钮 / 波浪白块
   ============================================================ */

/* ---------- 1. 顶部搜索区：原站固定 122px 高导致搜索框下 58px 空白，压回自适应 ---------- */
.index-top__search.index-top__search{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}

/* ---------- 2. 帮助按钮：原站实心蓝块白字 → 白底主色字胶囊，与浮窗语言统一 ---------- */
.help_title.help_title{
  background:rgba(255,255,255,.96) !important;
  background-image:none !important;
  border-radius:var(--oc-r-pill) !important;
  padding:0 !important;
  height:32px;
  display:inline-flex;
  align-items:center;
  box-shadow:0 3px 12px rgba(23,58,110,.14);
}
.help_title.help_title a{
  display:block;
  height:32px;
  line-height:32px;
  padding:0 13px !important;
  border-radius:var(--oc-r-pill);
  background:transparent !important;
  background-image:none !important;
  color:var(--oc-primary) !important;
  font-size:12.5px !important;
  font-weight:600;
}

/* ---------- 3. 波浪回调：54px 拉伸导致白色浪花层过大成块，回到 42px 并让白浪贴合底部 ---------- */
.index-header .swiper-container-focuspic > .water{
  height:42px !important;
  max-height:40% !important;
}
.index-header .swiper-container-focuspic .water_1{
  animation-duration:7s !important;
}
.index-header .swiper-container-focuspic .water_2{
  top:5px !important;
  bottom:auto !important;
  opacity:.5 !important;
  animation-duration:10s !important;
}

/* ============================================================
   Ocean CSS v3.7.0 —— 列表空底 / 海浪重做 / 搜索·私信融入幻灯片
   ============================================================ */

/* ---------- 1. 列表：清掉强制 min-height（844/1000px）造成的"没加载完"式大片留白 ---------- */
#index-list{ min-height:0 !important; }
#load-html{ min-height:0; }
.tcui-loadmore{
  min-height:52px;
  padding:16px 0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.tcui-loadmore .tcui-loading{ width:18px; height:18px; }
.tcui-loadmore .tcui-loadmore__tips{ font-size:13px; color:var(--oc-text-weak) !important; }
/* 个别卡片缩略图被内联尺寸压扁 → 统一按容器铺满 */
#index-list .tuwenlist_item_pic img{ min-width:100%; }

/* ---------- 2. 搜索 + 私信：悬浮嵌入幻灯片头部（玻璃条），不再自成一条 ---------- */
.index-header .index-top__search{ position:relative; }
.index-header:has(.oc-focuspic-wrap) .index-top__search{
  position:absolute; top:10px; left:0; right:0;
  z-index:60;
  padding:0 12px !important;
  pointer-events:none;
}
.index-header:has(.oc-focuspic-wrap) .top-search__box{
  pointer-events:auto;
  height:44px;
  background:rgba(255,255,255,.86) !important;
  -webkit-backdrop-filter:saturate(170%) blur(14px);
  backdrop-filter:saturate(170%) blur(14px);
  box-shadow:0 6px 22px rgba(23,58,110,.20);
}
.index-header .search-box__lt a{ color:var(--oc-primary) !important; }
.index-header .search-box__rt i{ color:var(--oc-primary); font-size:20px; }
.index-header .search-box__main{ color:var(--oc-text-sub); }
/* 幻灯片顶部压深，保证玻璃条在亮色图上依然清晰 */
.index-header .oc-focuspic-wrap{ position:relative; }
.index-header .oc-focuspic-wrap::before{
  content:''; position:absolute; left:0; right:0; top:0; height:96px;
  background:linear-gradient(to bottom, rgba(10,38,72,.34) 0%, rgba(10,38,72,.12) 45%, rgba(10,38,72,0) 100%);
  z-index:55; pointer-events:none;
}

/* ---------- 3. 海浪重做 v4.1.0：三层渐变透明浪，远中近层次 ----------
   每层都带垂直透明渐变：浪峰融进照片、浪脚沉入内容区，不再是"贴纸"。
   三层速度/方向/浓度各不相同，涌动感更接近真实海面。 */
.index-header .swiper-container-focuspic > .water{ display:none !important; }

/* 前浪：白，垂直渐变(峰透明→脚实色)，与内容区无缝收口，最快 */
.index-header .oc-focuspic-wrap .swiper-container-focuspic::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:42px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23F4F7FB' stop-opacity='.30'/%3E%3Cstop offset='.55' stop-color='%23F4F7FB' stop-opacity='.82'/%3E%3Cstop offset='1' stop-color='%23F4F7FB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,30 C160,12 300,46 460,30 C620,14 760,48 920,30 C1040,15 1120,40 1200,30 L1200,60 L0,60 Z' fill='url(%23a)'/%3E%3C/svg%3E") repeat-x;
  background-size:600px 100%;
  animation:oc-wave-r 8s linear infinite;
  z-index:90; pointer-events:none;
}
/* 中浪：主色半透明渐变(峰几乎不可见→脚 .32)，反向涌动 */
.index-header .oc-focuspic-wrap::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:62px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232B7BFB' stop-opacity='.03'/%3E%3Cstop offset='.6' stop-color='%232B7BFB' stop-opacity='.15'/%3E%3Cstop offset='1' stop-color='%232B7BFB' stop-opacity='.34'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,34 C140,52 320,18 500,34 C680,50 860,16 1040,32 C1120,40 1160,44 1200,34 L1200,60 L0,60 Z' fill='url(%23b)'/%3E%3C/svg%3E") repeat-x;
  background-size:600px 100%;
  animation:oc-wave-l 12s linear infinite;
  z-index:88; pointer-events:none;
}
/* 远浪：复用插件自带的 .water 容器当第三层 —— 最淡、最慢、浪形最平缓。
   插件原生 CSS 对 .water 写了 height/z-index 的 !important，
   必须用 body 前缀的全路径 + !important 才压得回来 */
body .index-header .oc-focuspic-wrap .swiper-container-focuspic > .water{
  display:block !important;
  position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important;
  top:auto !important; height:78px !important;
  margin:0 !important; padding:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232B7BFB' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232B7BFB' stop-opacity='.16'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,28 C200,40 420,18 640,30 C860,42 1020,22 1200,30 L1200,60 L0,60 Z' fill='url(%23c)'/%3E%3C/svg%3E") repeat-x !important;
  background-size:600px 100% !important;
  animation:oc-wave-l 19s linear infinite !important;
  z-index:86 !important;
  pointer-events:none !important;
  overflow:hidden;
}
.index-header .oc-focuspic-wrap .swiper-container-focuspic > .water > *{ display:none !important; }

/* ============================================================
   Ocean CSS v3.8.0 —— 根治首页列表「加载不全 / 滑不到底」
   ============================================================ */

/* ---------- 1. 修复上拉无限加载失效（列表永远停在第一页） ----------
   根因：`html, body{overflow-x:hidden}` 让 body 变成独立滚动容器
   → 页面在 body 内部滚，window.scrollY 恒为 0
   → 模板的 $(window).scroll(scrollLoadList) 永远不触发，列表只有第一页。
   已在第 2213 行把 body 换成 overflow-x:clip 解决；这里是第二层保险：
   万一还有别的样式再把某个祖先变成滚动容器，也能靠 min-height 撑出足够滚动距离。 */
#index-list{
  /* 原插件 JS 每帧写入 inline min-height=整屏高，会把列表撑出一大片空白；
     改为一个"够滚但不多"的值：数据极少时仍能触发下一页，正常时不留 fictive 空白 */
  min-height:320px !important;
  padding-bottom:6px;
}
/* 到底提示：给足点击/观感空间，避免"卡住"的错觉 */
#index-list .tcui-loadmore{ min-height:56px; }
#load-html{ min-height:0 !important; }

/* ---------- 2. 到底后的「没有更多」提示沉底、不再被切断 ---------- */
#no-load-html{ padding:18px 0 26px !important; }
#no-load-html .tcui-loadmore__tips{ font-size:13px; color:var(--oc-text-weak) !important; }

/* ---------- 3. 列表容器不要再有任何高度/溢出限制 ---------- */
.mainer .wrap > section#index-list.tc-sec{ overflow:visible !important; }

/* ============================================================
   Ocean CSS v3.9.0
     1) 首页顶部广告彻底移除（兜底，模板已删）
     2) 底部导航：悬浮玻璃 tab bar + 主色渐变发布键（有层次）
     3) 首页：层次感（卡片分层/吸顶玻璃/按压反馈）+ 人性化（热区/易读）
     4) 发布页 step1 分类宫格、step2 表单整体美化
   ============================================================ */

/* ---------- 1. 顶部广告移除 ---------- */
/* 模板已删除 .oc-topad 整块；此处兜底，防止插件后台再次注入 */
.oc-topad,
#lw_ad_box,
.ad-label{ display:none !important; }

/* ============================ 2. 底部导航 ============================ */
/* 原来是一条灰渐变底板 + 灰色外发光，廉价且抢戏；改为：
   圆角玻璃浮条（比屏幕窄 8px，视觉上是"浮"起来的）+ 主色渐变发布键凸起 */
.new-footer .new-footer__box{
  left:8px !important; right:8px !important; width:auto !important; bottom:8px !important;
  padding:7px 4px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  background-image:none !important;
  background-color:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  backdrop-filter:saturate(180%) blur(22px);
  border-radius:24px !important;
  border:0 !important;
  box-shadow:0 10px 30px rgba(23,58,110,.13), 0 0 0 .5px rgba(23,58,110,.06) !important;
  align-items:flex-end !important;
}
.new-footer .footer-box__item{
  padding:7px 0 5px !important;
  border-radius:16px;
  color:var(--oc-text-weak) !important;
  transition:background .18s ease, color .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.new-footer .footer-box__item:active{ background:rgba(23,58,110,.05) !important; }
.new-footer .footer-box__item .tciconfont,
.new-footer .footer-box__item em.tciconfont{
  font-size:23px !important; line-height:1 !important;
  display:block !important; margin:0 0 4px !important;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1);
}
.new-footer .footer-box__item .text1{
  font-size:11px !important; line-height:14px !important; letter-spacing:.2px;
}
/* 选中：淡蓝奶嘴底色 + 主色，图标微微上抬（有"按下去选中"的手感） */
.new-footer .footer-box__item.on{ background:rgba(27,140,255,.10) !important; }
.new-footer .footer-box__item.on .tciconfont,
.new-footer .footer-box__item.on em.tciconfont{ transform:translateY(-2px) scale(1.08); }
/* 自定义图片图标统一成圆 */
.new-footer .footer-box__item i img{
  width:25px !important; height:25px !important;
  border-radius:50%; object-fit:cover; display:block; margin:0 auto;
}
/* 未读消息小红点：胶囊 + 白描边，不与图标糊在一起 */
.new-footer .footer-box__item font.iconfont{ position:relative; display:block; }
.new-footer .footer-box__item font.iconfont > i{
  position:absolute !important; top:-5px !important; left:50% !important; margin-left:2px;
  min-width:16px; height:16px; padding:0 4px;
  box-sizing:border-box;
  border-radius:var(--oc-r-pill);
  background:var(--oc-red) !important; color:#fff !important;
  font-size:10px !important; font-style:normal; line-height:16px !important;
  text-align:center; white-space:nowrap;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.95);
}
/* ---------- 中间发布键：主色渐变圆钮，向上凸起 ---------- */
.new-footer .footer-box__item.footer-box__fabu{
  padding:0 !important; overflow:visible;
}
.new-footer .footer-box__item.footer-box__fabu > i,
.new-footer .footer-box__item.footer-box__fabu .tciconfont{
  display:flex !important; align-items:center; justify-content:center;
  width:50px !important; height:50px !important;
  margin:-16px auto 3px !important;
  border-radius:50% !important;
  background:var(--oc-grad) !important;
  color:#fff !important;
  font-size:24px !important;
  box-shadow:0 8px 20px rgba(27,140,255,.42), 0 0 0 3.5px rgba(255,255,255,.96) !important;
  transition:transform .16s ease, box-shadow .16s ease;
}
.new-footer .footer-box__item.footer-box__fabu:active > i,
.new-footer .footer-box__item.footer-box__fabu:active .tciconfont{
  transform:scale(.92);
  box-shadow:0 4px 12px rgba(27,140,255,.38), 0 0 0 3.5px rgba(255,255,255,.96) !important;
}
.new-footer .footer-box__item.footer-box__fabu i img{
  width:100% !important; height:100% !important;
  margin:0 !important; border-radius:50%; object-fit:cover;
}
.new-footer .footer-box__item.footer-box__fabu .text1{
  color:var(--oc-primary) !important; font-weight:500;
}

/* ============================ 3. 首页层次感 + 人性化 ============================ */

/* ---------- 3.1 统一的"可点击"微反馈（移动端按压缩放，手感更实） ---------- */
.nav-list .nav-li-pic,
.index-newmenus__item a,
#index-list .tuwenlist_item,
.back_top,
.id-fabu-url{
  -webkit-tap-highlight-color:transparent;
}
#index-list .tuwenlist_item{ transition:transform .14s ease, box-shadow .14s ease; }
#index-list .tuwenlist_item:active{ transform:scale(.985); }

/* ---------- 3.2 分类宫格：更大的底盘 + 更稳的呼吸感 ---------- */
.nav-list .nav-list{
  padding:14px 0 10px !important;
  border-radius:var(--oc-r-lg) !important;
  box-shadow:var(--oc-shadow) !important;
}
.nav-list .nav-li{ padding:2px 2px 10px !important; }
.nav-list .nav-li-pic{
  width:50px !important; height:50px !important;
  border-radius:16px !important;
  box-shadow:0 4px 12px rgba(27,140,255,.13);
}
.nav-list .nav-li-pic img{ width:32px !important; height:32px !important; border-radius:9px; }
.nav-list .nav-list .nav-li span,
.nav-list .nav-list .nav-li p{
  font-size:12.5px !important; line-height:16px !important;
  margin-top:6px !important; color:var(--oc-text-sub) !important;
}

/* ---------- 3.3 分类 tab：吸顶时白底毛玻璃 + 底部一道发丝线，形成"抬升"层次 ---------- */
.index-newmenus__box .index-newmenus__list{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:saturate(160%) blur(16px);
  backdrop-filter:saturate(160%) blur(16px);
  box-shadow:0 6px 18px rgba(23,58,110,.07);
  border-bottom:.5px solid rgba(23,58,110,.06);
  scrollbar-width:none;
}
.index-newmenus__box .index-newmenus__list::-webkit-scrollbar{ display:none; }

/* ---------- 3.4 信息卡片：更强的分层（白卡浮在浅灰底上） ---------- */
#index-list .tuwenlist_item{
  background:#fff !important;
  border-radius:var(--oc-r-md) !important;
  box-shadow:0 2px 10px rgba(23,58,110,.055);
  overflow:hidden;
}
#index-list .tuwenlist_item + .tuwenlist_item{ margin-top:10px !important; }

/* ---------- 3.5 回到顶部：圆形玻璃，别再抢内容 ---------- */
.back_top{
  width:42px !important; height:42px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:0 6px 20px rgba(23,58,110,.16) !important;
  color:var(--oc-primary) !important;
  display:flex !important; align-items:center; justify-content:center;
}

/* ============================ 4. 发布页 ============================ */

/* ---------- 4.1 step1 分类选择：宫格卡片化 ----------
   注意：首页的 .nav-li 是 swiper 容器（带 .swiper-container），这里的 flex 宫格布局
   必须绕开它(:not)，否则会把首页轮播宫格压成 25% 宽。 */
body .nav-list{
  background:#fff !important;
  border-radius:var(--oc-r-lg) !important;
  box-shadow:var(--oc-shadow) !important;
  padding:12px 4px 8px !important;
}
body .nav-list > .nav-li:not(.swiper-container){
  background:none !important; background-image:none !important;
  box-shadow:none !important; border-radius:0 !important;
  padding:0 !important;
}
body .nav-list > .nav-li:not(.swiper-container) > ul{
  display:flex !important; flex-wrap:wrap !important;
  padding:0 !important; margin:0 !important; list-style:none !important;
}
body .nav-list > .nav-li:not(.swiper-container) > ul > li{
  flex:0 0 20% !important; width:20% !important;
  box-sizing:border-box; margin:0 !important;
  padding:10px 2px 12px !important; text-align:center;
}
body .nav-list > .nav-li:not(.swiper-container) .nav-li-pic{
  width:52px !important; height:52px !important; margin:0 auto !important;
  border-radius:18px !important;
  box-shadow:0 5px 14px rgba(27,140,255,.14);
}
body .nav-list > .nav-li:not(.swiper-container) .nav-li-pic img{
  width:34px !important; height:34px !important; border-radius:9px;
}
body .nav-list > .nav-li:not(.swiper-container) li p{
  margin:8px 0 0 !important; font-size:12px !important; line-height:15px !important;
  color:var(--oc-text-sub) !important;
}
/* 分组标题"选择模块" */
body .tcui-loadmore_line .tcui-loadmore__tips{
  font-size:13px !important; color:var(--oc-text-sub) !important; font-weight:500;
}

/* ---------- 4.2 step2 表单：整块白卡 + 行式输入，右对齐，输入框更好点 ---------- */
.mainer .wrap.edit-form{ padding:10px !important; }
.mainer .edit-form .edit-item{
  background:#fff !important;
  border-radius:var(--oc-r-lg) !important;
  box-shadow:var(--oc-shadow) !important;
  padding:0 14px !important;
  overflow:hidden;
}
.mainer .edit-form .input-control{
  display:flex !important; align-items:center !important;
  min-height:52px !important; padding:0 !important;
  border-bottom:.5px solid var(--oc-line) !important;
  box-sizing:border-box;
  transition:background .15s ease;
}
.mainer .edit-form .input-control:active{ background:#F8FBFF; }
/* 最后一行不留线，避免"断尾" */
.mainer .edit-form .edit-item > .input-control:last-child,
.mainer .edit-form .input-control.bb0{ border-bottom:0 !important; }
.mainer .edit-form .input-control > span{
  flex:0 0 92px;
  font-size:14.5px !important; color:var(--oc-text-sub) !important;
}
.mainer .edit-form .user-fav{
  flex:1; min-width:0;
  display:flex !important; align-items:center !important; justify-content:flex-end;
  padding:0 !important;
}
.mainer .edit-form .sec-input{ flex:1; min-width:0; padding:0 !important; }
.mainer .edit-form .sec-input input,
.mainer .edit-form .sec-input select,
.mainer .edit-form .tcui-input,
.mainer .edit-form .tcui-select{
  width:100% !important;
  height:44px !important; line-height:44px !important;
  padding:0 4px !important;
  border:0 !important; outline:none !important;
  background:transparent !important;
  font-size:15px !important; color:var(--oc-text) !important;
  text-align:right !important;
  -webkit-appearance:none; appearance:none;
}
.mainer .edit-form .sec-input textarea{
  width:100% !important; min-height:96px !important;
  padding:12px 0 !important;
  border:0 !important; outline:none !important; resize:vertical;
  background:transparent !important;
  font-size:15px !important; line-height:1.6 !important; color:var(--oc-text) !important;
}
.mainer .edit-form input::placeholder,
.mainer .edit-form textarea::placeholder{ color:var(--oc-text-weak) !important; }
/* 聚焦时整行给出主色底提示，聚焦范围看得见 */
.mainer .edit-form .input-control:focus-within{ background:#F6FAFF; }
/* 右箭头：换成干净细箭头 */
.mainer .edit-form .frt{ flex:0 0 auto; margin-left:2px; }
.mainer .edit-form .right-arrow{
  width:7px !important; height:7px !important;
  border-top:1.6px solid #C6CFDB !important; border-right:1.6px solid #C6CFDB !important;
  border-radius:1px;
}
/* 上传图片区 */
.mainer .edit-form .upload-img,
.mainer .edit-form .pic-list li{
  border-radius:var(--oc-r-md) !important; overflow:hidden;
}
/* ---------- 4.3 发布按钮：全宽大渐变，吸底更好点 ---------- */
/* 注意：发布键是 <button id="id_fabu_btn">，ID 选择器特异性更高，这里必须同用 ID 才压得住；
   另外 button 自带 UA padding，不清零会导致高度/居中不对 */
button#id_fabu_btn,
input#id_fabu_btn,
#id_fabu_btn.id_fabu_btn,
a.id_fabu_btn.tc-template__bg{
  display:block !important;
  width:100% !important; height:48px !important; line-height:48px !important;
  margin:18px 0 6px !important; padding:0 !important;
  box-sizing:border-box !important;
  border:0 !important; border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  color:#fff !important; font-size:16px !important; font-weight:600;
  letter-spacing:1px; text-align:center;
  box-shadow:var(--oc-shadow-blue) !important;
  transition:transform .14s ease, box-shadow .14s ease;
}
#id_fabu_btn:active,
a.id_fabu_btn:active{ transform:scale(.98); box-shadow:0 3px 10px rgba(27,140,255,.3) !important; }
/* ---------- 4.4 发布须知提示条 ---------- */
.mainer .edit-form .tcui-cells__title{ padding:12px 2px 10px !important; }
.mainer .edit-form .tcui-cells__title > section{
  background:var(--oc-grad-soft) !important;
  border-radius:var(--oc-r-md) !important;
  padding:11px 13px !important;
  box-shadow:none !important;
}
.mainer .edit-form .tcui-cells__title p{ margin:3px 0 !important; font-size:13px !important; line-height:1.6 !important; }

/* ============================================================
   Ocean CSS v4.0.0 —— 细节打磨 & 实用性（数据驱动，改已知的真实缺陷）
   ============================================================ */

/* ---------- 1. 修 bug：站点胶囊被 flex 压短，与右侧搜索框重叠 12px ----------
   实测 .search-box__lt 容器 71px，内部 <a>(nowrap) 实际要 91px，
   两者差 20px => 胶囊右边界 115px 而搜索输入从 103px 开始，"烟台市"被压到搜索框下面。
   放开压缩后由搜索区(flex:1)让位，胶囊完整显示。 */
.index-header .top-search__box .search-box__lt,
.top-search__box .search-box__lt{
  /* 插件自带样式用 !important 锁死了 width，连 inline width / min-width 都突破不了。
     但它是 flex item —— flex-basis 的优先级高于 width，从这条缝绕过去。 */
  flex:0 0 max-content !important;
  width:auto !important;
  max-width:36% !important;   /* 城市名超长时的兜底 */
}
.index-header .top-search__box .search-box__lt > a,
.top-search__box .search-box__lt > a{
  /* 容器宽度已被锁死放不开，那就让内容自己瘦身到放得下，
     同时兜底裁切，保证城市名再长也不会压到右边的搜索区 */
  max-width:100% !important;
  padding:4px 7px !important;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
}
.index-header .search-box__lt .lbs_txt,
.top-search__box .search-box__lt .lbs_txt{
  font-size:13px !important; letter-spacing:0; max-width:64px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.index-header .search-box__lt .tciconfont,
.top-search__box .search-box__lt .tciconfont{ font-size:10px !important; margin-left:1px !important; }
/* 城市名过长时也不要把搜索区挤没了 */
.index-header .top-search__box .search-box__main,
.top-search__box .search-box__main{ min-width:0; }

/* ---------- 2. 可读性：把所有低于 WCAG AA(4.5:1) 的小字提到合规 ---------- */
/* 搜索框提示文字 */
.search-box__main,
.search-box__main *{ color:#66768F !important; }
/* 统计数字用的橙 #FF7A45 对比度仅 2.59 → 深橙 */
.oc-stats__item b,
.oc-stats__item strong,
.oc-stats b,
.oc-stats strong{ color:var(--oc-orange-text) !important; }
/* 模板里硬编码的 <font color="#999999"> / style 内联浅灰 */
font[color="#999"], font[color="#999999"], font[color="#aaa"], font[color="#AAAAAA"],
[style*="color:#999"], [style*="color:#999999"],
[style*="color:#aaa"], [style*="color:#AAAAAA"]{
  color:var(--oc-text-weak) !important;
}
/* 主色蓝当 14px 正文用对比度只有 3.13 → 正文尺寸的链接/标签改深蓝（背景/大标题不受影响） */
.tuwenlist_item .typename,
.tuwenlist_item .tc-template__color,
#index-list .tuwenlist_item a.tc-template__color{
  color:var(--oc-primary-dark) !important;
}
/* 列表"浏览/时间"那一行用的 #999 → 对比度只有 2.65 */
.sub_lt_time,
.sub_lt_time span,
.sub_lt_time i,
.tuwen_sub_lt,
.tuwen_sub_lt span{ color:var(--oc-text-weak) !important; }
/* 帮助/入口类小字主色 ∵ 12.5px → 深蓝 */
.help_title, .help_title a,
.index-header .help_title a,
body .help_title > a,
.index-header .help_title > a:link,
.index-header .help_title > a:visited{ color:var(--oc-primary-dark) !important; font-weight:500; }
/* 未读徽标：分类宫格角标 / 消息红点，白字太小太浅 */
.nav-li-pic i,
.new-footer .footer-box__item font.iconfont > i,
.tcui-badge, .badge{
  background:#E02B33 !important;
  font-weight:600 !important;
  min-width:17px !important; height:17px !important;
  font-size:10px !important; line-height:17px !important;
}
img[src="#"], img[src=""], img:not([src]){ display:none !important; }

/* ---------- 3. 热区：底部"资质/关于我们"原是 inline 只有 13px 高，手指点不中 ---------- */
body > div > div > a,
body > div > a{
  display:inline-block !important;
  padding:11px 10px !important;
  margin:-9px -10px !important;   /* 视觉位置不变，只是把可点区域撑到 40px+ */
  line-height:18px !important;
}

/* ---------- 4. 列表页顶部筛选条：白字在浅蓝底上偏灰，改深蓝底提升清晰度 ---------- */
.tc-list-top-filter,
.id-model-txt, .id-ordertype-txt,
.tc-list-top-filter > *{ text-shadow:0 1px 2px rgba(10,50,110,.22); }

/* ---------- 5. 实用细节：卡片信息层级 ---------- */
#index-list .tuwenlist_item .tuwenlist_item_info{
  min-width:0; overflow:hidden;
}
#index-list .tuwenlist_item .item-info-date,
#index-list .tuwenlist_item .info-date{
  font-size:11.5px !important; color:var(--oc-text-weak) !important;
}
/* 分隔线用更浅的发丝线，卡片感更干净 */
#index-list .tuwenlist_item .tuwenlist_item_line,
#index-list .tuwenlist_item hr{ border-color:var(--oc-line) !important; opacity:.9; }

/* ============================================================
   Ocean CSS v4.1.0 —— 三层渐变透明浪 + 全站对比度收尾
   ============================================================ */

/* ---------- 1. 「帮助」链接与底栏文字：浅主色统一加深到 AA ---------- */
.nav-list-tit .help_title a,
.nav-list .nav-list-tit a,
body .help_title > a{
  color:var(--oc-primary-dark) !important;
  font-weight:600;
}
/* 底栏选中项 / 发布键文字：11px 主色 → 深主色+600 */
.new-footer .footer-box__item .text1{ font-weight:600; }
.new-footer .footer-box__item.tc-template__color .text1,
.new-footer .footer-box__item.footer-box__fabu .text1{
  color:var(--oc-primary-dark) !important;
}
/* v4.4.0：11px 主色在淡蓝选中底上只有 4.44，压深到 5.2 */
.new-footer .footer-box__item.on .text1{ color:#0A5CC3 !important; }

/* ---------- 2. 首页/分类页 tab 选中态：13.5px 白字提到 14px/700 ----------
   原字号来自 3 类特异性规则，必须同路径 + body 前缀才压得过 */
body .index-newmenus__box .index-newmenus__list .index-newmenus__item.active a{
  font-size:14px !important;
  font-weight:700 !important;
}

/* ---------- 3. 列表筛选条 & 页头「返回」：白字加粗过 AA ---------- */
.tc-list-top-filter li a,
.tc-list-top-filter .tc-list-top-filter-f{ font-weight:600 !important; }
.sec-ico.go-back{ font-weight:600; }

/* ---------- 4. 按压反馈统一：所有可点元素按下微降透明 ---------- */
a:active, button:active, .tcui-cell:active{ opacity:.82; }
a, button{ -webkit-tap-highlight-color:transparent; }

/* ---------- 5. 老式 <font color="#888"> 灰字全局加深（帮助页客服提示等） ---------- */
font[color="#888888"], font[color="#888"],
font[color="#999999"], font[color="#999"],
[color="#888888"], [color="#888"], [color="#999999"], [color="#999"],
[style*="color:#888"], [style*="color: #888"], [style*="color:#999"], [style*="color: #999"]{
  color:#5F6B7E !important;
}

/* ============================================================
   Ocean CSS v4.2.0 —— 全站基础件统一（表单/按钮/卡片/弹窗/空状态）
   作用对象：插件自带 tcui-* UI 框架 + 各页高频类，全站一次生效
   ============================================================ */

/* ---------- 1. 表单卡片与行 ---------- */
.tcui-cells{
  background:#fff !important;
  border-radius:16px !important;
  box-shadow:0 4px 16px rgba(23,58,110,.07) !important;
  margin:10px !important;
  overflow:hidden !important;
}
.tcui-cells::before, .tcui-cells::after{ display:none !important; }
.tcui-cell{
  padding:13px 15px !important;
  border-bottom:1px solid var(--oc-line) !important;
  background:transparent !important;
}
.tcui-cell:last-child{ border-bottom:0 !important; }
.tcui-cell .tcui-cell__hd .tcui-label,
.tcui-cell .tcui-label{
  color:var(--oc-text-sub) !important;
  font-size:14.5px !important;
  width:auto; min-width:76px;
  margin-right:10px;
}
.tcui-cell .tcui-cell__bd{ color:var(--oc-text) !important; font-size:14.5px !important; }

/* ---------- 2. 输入框 / 下拉 / 文本域统一 ---------- */
.mainer input[type=text], .mainer input[type=tel], .mainer input[type=number],
.mainer input[type=password], .mainer select, .mainer textarea,
.tcui-input, .tcui-cells .input{
  height:44px !important;
  line-height:1.4 !important;
  padding:0 12px !important;
  border:1px solid var(--oc-line) !important;
  border-radius:11px !important;
  background:#FAFBFD !important;
  color:var(--oc-text) !important;
  font-size:15px !important;
  box-sizing:border-box !important;
  transition:border-color .18s, background .18s, box-shadow .18s;
}
.mainer textarea{ height:auto !important; min-height:96px; padding:11px 12px !important; line-height:1.6 !important; }
.mainer input[type=text]:focus, .mainer input[type=tel]:focus, .mainer input[type=number]:focus,
.mainer input[type=password]:focus, .mainer select:focus, .mainer textarea:focus,
.tcui-input:focus{
  border-color:var(--oc-primary) !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(43,123,251,.12) !important;
  outline:none;
}
.mainer input::placeholder, .mainer textarea::placeholder{ color:var(--oc-text-weak) !important; }

/* ---------- 3. 按钮：主操作全宽渐变胶囊 ---------- */
.tcui-btn, .tcui-btn_primary,
.mainer .tcui-btn, .mainer a.tcui-btn{
  display:block !important;
  width:calc(100% - 20px) !important;
  height:48px !important; line-height:48px !important;
  margin:16px 10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  color:#fff !important;
  font-size:16px !important; font-weight:600; letter-spacing:1px;
  text-align:center;
  box-shadow:var(--oc-shadow-blue) !important;
  transition:transform .14s ease, box-shadow .14s ease;
}
.tcui-btn:active, .tcui-btn_primary:active{ transform:scale(.98); }
/* 次要按钮：白底细边 */
.tcui-btn_default, .tcui-btn_default.tcui-btn{
  background:#fff !important;
  color:var(--oc-primary-dark) !important;
  border:1px solid rgba(43,123,251,.32) !important;
  box-shadow:0 3px 10px rgba(23,58,110,.06) !important;
}

/* ---------- 4. 弹窗圆角化 ---------- */
.tcui-dialog{
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 22px 60px rgba(11,32,58,.24) !important;
}
.tcui-dialog__hd{ padding:15px 18px 12px !important; }
.tcui-dialog__title{ font-size:16.5px !important; font-weight:600; color:var(--oc-text) !important; }
.tcui-dialog__bd{ padding:6px 18px 18px !important; color:var(--oc-text-sub) !important; font-size:14.5px !important; line-height:1.65 !important; }
.tcui-dialog__ft{ border-radius:0 0 18px 18px !important; }
.tcui-dialog__btn{ font-size:16px !important; font-weight:600; height:50px !important; line-height:50px !important; }
.tcui-dialog__btn.tc-template__color,
.tcui-dialog__btn:last-child{ color:var(--oc-primary-dark) !important; }

/* ---------- 5. 套餐/天数选择卡（购买、发布成功页通用） ---------- */
.top-days__item{
  background:#fff !important;
  border:1.5px solid var(--oc-line) !important;
  border-radius:14px !important;
  padding:12px 10px !important;
  box-shadow:0 3px 10px rgba(23,58,110,.05);
  transition:transform .16s ease, border-color .16s, box-shadow .16s;
}
.top-days__item.on, .top-days__select.on{
  border-color:var(--oc-primary) !important;
  background:linear-gradient(180deg, rgba(43,123,251,.09), rgba(0,194,255,.05)) !important;
  box-shadow:0 6px 18px rgba(43,123,251,.18) !important;
  transform:translateY(-1px);
}
.top-days__price{ color:var(--oc-primary-dark) !important; font-weight:700 !important; font-size:19px !important; }
.top-days__price .yuanico, .yuanico{ font-size:12.5px !important; }
.top-days__days{ color:var(--oc-text) !important; font-weight:600 !important; }
.top-days__desc{ color:var(--oc-text-sub) !important; font-size:12.5px !important; }

/* ---------- 6. 地址管理 ---------- */
.address_list, .address{ background:transparent !important; }
.add_li, .address .add_li{
  background:#fff !important;
  border-radius:15px !important;
  box-shadow:0 4px 14px rgba(23,58,110,.07) !important;
  margin:10px !important; padding:14px 15px !important;
  border:0 !important;
}
.add_li_font{ color:var(--oc-text) !important; font-size:15px !important; font-weight:600; }
.add_tel{ color:var(--oc-text-sub) !important; }
.add_text_red, .add_address_red{ color:var(--oc-primary-dark) !important; font-weight:600; }
.icon_address{ color:var(--oc-primary) !important; }

/* ---------- 7. 提现 / 支付方式 ---------- */
.moneytixian .group, #moneytixian .group,
.mainer .group{
  background:#fff !important;
  border:1.5px solid var(--oc-line) !important;
  border-radius:13px !important;
  padding:12px 14px !important;
}
.mainer .group.selected{
  border-color:var(--oc-primary) !important;
  background:rgba(43,123,251,.06) !important;
}
.pay-way-icon{ width:26px !important; height:26px !important; border-radius:8px; }
.pay-text, .pay-way-explain{ color:var(--oc-text-sub) !important; font-size:13px !important; }

/* ---------- 8. 评论 / 视频详情 ---------- */
.comment-item{
  background:#fff !important;
  border-radius:14px !important;
  padding:12px 13px !important;
  margin:10px !important;
  box-shadow:0 3px 12px rgba(23,58,110,.06) !important;
}
.comment-item-avatar, .comment-item-avatar img{
  width:38px !important; height:38px !important;
  border-radius:50% !important;
  object-fit:cover;
}
.comment-item-content-text{ color:var(--oc-text) !important; font-size:14.5px !important; line-height:1.6 !important; }
.no-comment-more{ color:var(--oc-text-weak) !important; font-size:13.5px !important; padding:18px 0 !important; }

/* ---------- 9. 关注引导条 ---------- */
.new_subscribe_box{
  background:rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-radius:16px !important;
  box-shadow:0 8px 26px rgba(23,58,110,.16) !important;
  padding:12px 14px !important;
  align-items:center !important;
}
.guanzu_button{
  background:var(--oc-grad) !important;
  color:#fff !important;
  border:0 !important; border-radius:var(--oc-r-pill) !important;
  height:34px !important; line-height:34px !important;
  padding:0 16px !important; font-weight:600; font-size:13.5px !important;
  box-shadow:var(--oc-shadow-blue) !important;
}
.guanzu_text{ color:var(--oc-text) !important; font-weight:600; }

/* ---------- 10. 空状态 / 404 ---------- */
.tcui-msg{ padding:44px 20px !important; }
.tcui-icon_msg, .tcui-icon-warn{ color:var(--oc-primary) !important; }
.tcui-msg__title{ color:var(--oc-text) !important; font-size:19px !important; font-weight:700; }
.tcui-msg__desc{ color:var(--oc-text-sub) !important; font-size:14px !important; line-height:1.7 !important; }
.tcui-btn-area{ padding:0 !important; }

/* =====================================================================
   Ocean CSS v4.3.0 —— 登录态页面实测修复（账号 ceshi 真机巡检）
   发现途径：puppeteer 登录 → 逐页审计（溢出/热区/破图/对比度）
   ===================================================================== */

/* ---------- 1. 消息列表长文本撑破容器（1437px） ----------
   根因：p 用了 display:flex，而 text-overflow:ellipsis 对 flex 容器无效
   （裸文本节点变成匿名 flex item，min-width:auto 撑到 1437px 无法收缩）。
   改回 block，省略号才真正生效。 */
body.message .msg-list-web p{
  display:block !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  color:#66768F !important;          /* 13px 灰字 #9A9A9A(2.8) → 达标 */
  line-height:1.6 !important;
}
body.message .msg-list-web p i{
  display:inline-flex !important;
  vertical-align:-2px;
  margin-right:5px;
}

/* ---------- 2. 未读徽标：白字压不住亮红，底色加深一档 ---------- */
body.message .msg-list-pic .oc-unread,
.oc-unread{
  background:#D3202A !important;
  color:#fff !important;
  font-weight:600;
  box-shadow:0 0 0 2px #fff;         /* 白描边，和头像分开 */
}

/* ---------- 3. 未读徽标 .num：只给「角标」场景，金额数字不能碰 ----------
   注意：.num 在本插件里有两种用途 ——
     ① 未读角标（顶部私信、个人中心 nav-nav、列表筛选条）→ 需要红底白字
     ② 金额数字（个人中心统计 personal_tongji、提现手续费 shouxufei）→ 绝对不能加红底
   v4.0.0 曾把裸 .num 一律加红底，把金额数字也染红了，这里收窄回角标场景。 */
.index-top__search .search-box__rt .num,
.user-page .nav-nav .nav-nav__img .num,
.user-page .nav-nav__mall .nav-nav__img .num,
.tc-list-top-filter .num{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-width:17px; height:17px;
  padding:0 5px;
  box-sizing:border-box;
  border-radius:9px;
  background:#E02B33 !important;
  color:#fff !important;
  font-size:10px !important;
  font-style:normal; font-weight:600;
  line-height:1;
}
/* 提现手续费这类小红字：加深到 AA，并且把误加的红底药丸去掉
   （模板给手续费数字也带了 .badge 类，被角标规则染成了红底红字） */
.shouxufei .num,
.shouxufei font,
.rechargeMain .num{
  color:#D3202A !important;
  background:none !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  line-height:1.5 !important;
}

/* ---------- 4. 个人中心小胶囊热区只有 22~26px 高，手指点不中 ---------- */
.oc-me-edit, .oc-me-tel, .oc-sexbtn{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-height:32px !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
  box-sizing:border-box;
}
.oc-sexbtn{ min-width:52px !important; }

/* ---------- 5. 小号红字（<font color="#FD0D0D"> 老式写法）太浅，12.6px 仅 3.73 ---------- */
font[color="#FD0D0D"], font[color="#fd0d0d"],
font[color="#FF0000"], font[color="#ff0000"],
font[color="#F00"], font[color="#f00"], font[color="red"],
[style*="color:#FD0D0D"], [style*="color:#fd0d0d"],
[style*="color:#FF0000"], [style*="color:#ff0000"]{
  color:#D3202A !important;          /* 对白底 ≈5.2，仍是红但不刺眼 */
}

/* ---------- 6. 主色小字在浅蓝底（如网警提示条）对比只有 3.15 → 深一档 ---------- */
.tc-template__color.tc-template__color{ color:#0A6BE0 !important; }

/* ---------- 6.5 两处够不着的小热区（视觉不变，只撑可点区） ---------- */
.oc-empty-btn{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-height:34px !important;
  padding:8px 18px !important;
}
a.more, .user-page a.more{
  display:inline-block !important;
  padding:9px 10px !important;      /* 原 76×16 → 撑到 40px 高，位置不动 */
  margin:-9px -10px !important;
}

/* ---------- 7. 发布页分类宫格铺满整宽（390），与首页卡片(370)语言不一致 ---------- */
.edit-form .nav-list,
.mainer .nav-list{
  margin-left:10px !important;
  margin-right:10px !important;
  width:auto !important;
}

/* ---------- 8. 地址管理空状态：原本只有「新增地址/返回」两个字，太空 ----------
   列表容器里始终残留两个空 div，:empty 匹配不到，改用「没有真实地址项」判断。 */
.address_list:not(:has(.add_li)){
  min-height:210px;
  display:flex !important; flex-direction:column;
  align-items:center; justify-content:center;
}
.address_list:not(:has(.add_li))::before{
  content:'';
  width:64px; height:64px; margin-bottom:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='9' y='13' width='46' height='38' rx='9' fill='none' stroke='%23C6D2E2' stroke-width='3'/%3E%3Cpath d='M9 25 H55' stroke='%23C6D2E2' stroke-width='3'/%3E%3Ccircle cx='23' cy='37' r='5.5' fill='none' stroke='%23B6C5D8' stroke-width='3'/%3E%3Cpath d='M34 34 H47 M34 41 H43' stroke='%23D5DEEA' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:.9;
}
.address_list:not(:has(.add_li))::after{
  content:'还没有收货地址\A添加后下单会更方便';
  white-space:pre-line; text-align:center;
  font-size:14px; line-height:1.9; color:#7A869A;
}

/* ==========================================================================
   v4.4.0 全站登录态巡检修复（29 页审计）
   ========================================================================== */

/* 1) 内页头部固定条 .wrap 被站点自定义样式染成绿色 → 统一回主题色 */
.header .wrap{ background: var(--oc-grad) !important; }
.header.on.in .wrap,
.header.on.in2 .wrap{ background:#fff !important; box-shadow:0 1px 0 var(--oc-line); }

/* 2) 搜索/列表行：时间标签统一主题灰蓝浅签（Q2 修正：去绿改蓝灰） */
.txtlist_item .txtlist_box .txtlist_item__rt,
.txtlist_item__rt{
  background:#EFF6FF !important; color:#6B7C93 !important;
  border-radius:999px; padding:1px 8px !important;
  font-size:12px !important; line-height:18px;
}
.txtlist_item__rt span{ color:inherit !important; }
/* “顶”角标红底加深，白字对比度 3.4 → 4.6 */
.txtlist_item .txtlist_box .top,
.txtlist_item .top{ background:#DC2626 !important; }

/* 3) tcui-navbar 四项在 390px 下溢出 22px → 均分收缩 */
.tcui-navbar__item{
  flex:1 1 0; min-width:0; text-align:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  padding:11px 4px !important;
}
.tcui-navbar__item.tcui-bar__item_on,
.tcui-navbar__item.tcui-bar__item_on.tc-template__color{
  color: var(--oc-primary-dark) !important;
}

/* 4) 底部固定导航遮挡正文 → 全局让出等高空间 */
body{ padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; }

/* 5) 消息页：去掉列表强制 320px 最小高度造成的空洞；预览文字两行截断 */
body.message #index-list{ min-height:0 !important; }
body.message .msg-list-web p{
  display:-webkit-box !important;
  -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; white-space:normal !important;
}

/* 6) 小按钮热区：主页“私信”等蓝色小 pill 提到 30px 高 */
a.tc-template__bg{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:30px; padding:2px 12px; box-sizing:border-box;
}

/* 7) 我的发布：顶部“点击充值刷新套餐”小链接热区提升 */
.buyrefresh__ts a{
  display:inline-flex; align-items:center; min-height:32px; padding:0 4px;
}

/* 8) 个人中心性别设置条：白字压半透明白底对比不足 → 深色玻璃底 */
.user-page .oc-sexset{
  background: rgba(9,50,110,.30) !important;
}
.oc-sexset-t, .oc-sexset-v{ color:#fff; opacity:1; }
.user-page .oc-sexset-b .oc-sexbtn{
  background: rgba(9,50,110,.34) !important; white-space:nowrap;
}

/* 9) 顶部搜索框与城市切换热区 30 → 34px */
.index-top__search .top-search__box .search-box__main{
  height:34px; line-height:34px;
}
.index-top__search .top-search__box .search-box__lt a{ min-height:32px; }

/* 10) 页脚版权小字对比度 3.16 → 4.6（站点注入的无类名区块） */
body > div:not([class]):not([id]) > div:not([class]):not([id]){
  color:#5F6875 !important;   /* v4.4.0：4.1 → 5.3 */
}
body > div:not([class]):not([id]) > div:not([class]):not([id]) a{
  color:#0A6BE0 !important;
}

/* 11) navbar 均分加固（插件原生 flex/basis 优先级更高时仍生效） */
.tcui-navbar__item{
  flex:1 1 0 !important; width:auto !important; min-width:0 !important;
  flex-basis:0 !important;
}

/* ==========================================================================
   v4.4.0 —— 登录态全站巡检修复
   1) 有固定底栏的页面，正文底部留白，滚到底不再被盖住
   2) 消息页：空列表撑出的 320px 空白 + 会话预览 1437px 溢出
   3) 底部版权区（站点公用，无 class）对比度 3.16 → 4.6
   4) 列表徽标「顶 / 时间」白字压彩色实底，换成浅底深字
   5) 小按钮热区补到 30px，搜索框补到 34px
   ========================================================================== */

/* 1) 底栏留白 */
body:has(.new-footer){
  padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
}

/* 2) 消息页 */
body.message #index-list{ min-height:0 !important; }
body.message .msg-list-web p{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}

/* 3) 底部版权区 */
body > div[style*="f7f8fa"]{ padding:14px 14px 18px !important; }
body > div[style*="f7f8fa"] > div{
  color:#656D79 !important;
  font-size:11px !important;
  line-height:1.8 !important;
  letter-spacing:.2px;
}
body > div[style*="f7f8fa"] > div a{ color:var(--oc-primary-dark) !important; }

/* 4) 列表徽标（Q2 修正：去绿改蓝灰） */
.txtlist_item__rt,
.txtlist_item .txtlist_box .txtlist_item__rt{
  float:right !important;
  background:#EFF6FF !important;
  color:#6B7C93 !important;
  border-radius:6px !important;
  padding:1px 6px !important;
  font-size:12px !important;
  line-height:18px !important;
  margin-left:6px;
}
.txtlist_item__rt span{ background:transparent !important; color:inherit !important; }
span.top, .txtlist_item__lt span.top{
  background:#DC2B32 !important;
  color:#fff !important;
  border-radius:4px !important;
  padding:0 4px !important;
  font-size:12px !important;
  line-height:17px !important;
}

/* 5) 热区 */
.btn-group a.tc-template__bg,
.user-page a.tc-template__bg{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:30px !important;
  padding:0 14px !important;
  border-radius:999px !important;
}
.top-search__box .search-box__main,
.index-header .search-box__main{ min-height:34px !important; }
.search-box__lt a{ display:inline-flex !important; align-items:center; min-height:34px !important; }

/* 12) 修复 content-box + width:390 + padding 导致的内页横向溢出 12~22px */
.mainer > .wrap, .tcui-navbar, .tcui-tab__panel{ box-sizing:border-box !important; }

/* 13) 收尾：版权小字加深 / 消息红药丸 / 广告角标 / 悬浮发布页留足底距 / 零星溢出 */
body > div[class=""] > div[class=""],
body > div:not([class]):not([id]) > div:not([class]):not([id]){ color:#626E80 !important; }
.tixing{ background:#E02B33 !important; }
a#submitBtn{ background:#0A8253 !important; }
body:has(.footer-box__fabu){ padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important; }
.msg-list-pic, .user-avatar-pic, .footer-box__item{ overflow:hidden; }
.personal_nav_title_left{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* ---- v4.4.0 收尾：热区 / 溢出 / 卡片小字可读性 ---- */

/* 6) 列表行内链接 20px → 33px 热区（顶 / 标题 / 时间三连） */
.txtlist_item__lt,
.txtlist_item__mt,
.txtlist_item__rt{
  padding:6px 0 !important;
}
.txtlist_item{ padding:8px 15px 10px !important; }

/* 7) 主页「私信」等蓝色胶囊按钮补到 32px */
.btn-group a.tc-template__bg,
.user-page a.tc-template__bg{ min-height:32px !important; }

/* 8) 个人中心分组标题：占满整行，标题在左「查看全部」在右，不再互相挤 */
.personal_nav_title_left{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* 9) 图文卡片里压在图片上的白色小字：加深蒙版 + 文字描边 */
.tuwenlist_bd .tuwen_sub span,
.tuwenlist_bd .tuwen_sub a{
  text-shadow:0 1px 3px rgba(0,0,0,.55) !important;
}

/* 12) 消息页「活跃的人」卡片 */
body.message .oc-active-tit b{ color:var(--oc-primary-dark) !important; }
body.message .oc-active-name{ min-height:22px !important; line-height:22px !important; }
body.message .oc-active-hi{
  min-height:28px !important;
  display:inline-flex !important;
  align-items:center;
  padding:0 12px !important;
}

/* 13) 协议类文字链接补热区 */
.xytxt a.main_c1olor{ display:inline-flex; align-items:center; min-height:26px; padding:0 2px; }

/* 14) 个人中心标题行：整行撑满 + 取消纵向裁切（箭头图标不再被切一半） */
body .user-page .personal_nav_title_left{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
  line-height:27px !important;
}
/* 15) 消息页「活跃的人」卡片：昵称与打招呼按钮补到 32px */
body.message .oc-active-name{ min-height:32px !important; line-height:22px !important; }
body.message .oc-active-hi{ min-height:32px !important; }
/* 16) 搜索结果卡里的电话链接补热区（只作用于搜索页） */
body.tongcheng-search .tuwen_sub a{
  display:inline-flex !important; align-items:center; min-height:32px;
}

/* ==========================================================================
   v4.5.0 —— 发布表单多行字段 + 分类弹层标签重叠
   ========================================================================== */

/* 1) 发布表单：含 textarea / 上传列表的行退回块级排版
      （v4.2 把 .input-control 一律 flex 单行，把「房屋介绍」「添加照片」压扁了） */
.mainer .edit-form .input-control:has(textarea),
.mainer .edit-form .input-control:has(> ul){
  display:block !important;
  min-height:0 !important;
  padding:8px 0 10px !important;
}
/* 「房屋介绍」标签行：左标题右按钮 */
.mainer .edit-form .input-control:has(textarea) > div:first-child{
  display:flex; align-items:center; justify-content:space-between;
  line-height:2.4em;
}
/* 「将图片转成文字」小按钮改主题色胶囊 */
.mainer .edit-form .zhuanwenzi_btn{
  display:inline-flex; align-items:center;
  font-size:12.5px !important; line-height:1.4 !important;
  color:var(--oc-primary-dark) !important;
  background:var(--oc-grad-soft);
  border-radius:999px; padding:4px 11px;
  position:relative; flex:0 0 auto;
}
/* 上传区：缩略图 + 说明文字并排，文字不再被 5.4em 裁断 */
.mainer .edit-form .input-control:has(> ul) > ul{
  display:flex; align-items:center; flex-wrap:wrap;
}
.mainer .edit-form ul li.li_text,
.mainer .edit-form ul li.li_text span{
  width:auto !important; line-height:1.6 !important;
  white-space:nowrap; overflow:visible;
}
.mainer .edit-form ul li.li_text{
  flex:1 1 auto; min-width:0;
  display:flex; align-items:center;
  margin:0 0 0 10px !important;
  font-size:13.5px; color:var(--oc-text-weak) !important;
  min-height:44px;
}

/* 2) 分类弹层：后台自定义 CSS 给 cell 加了负外边距导致互相重叠
      → 统一为主题色胶囊、正常间距、自动换行 */
.tcui-actionsheet__menu{
  display:flex !important; flex-wrap:wrap; align-items:stretch;
  gap:10px; padding:14px !important; background:#fff !important;
}
.tcui-actionsheet__menu .tcui-actionsheet__cell{
  display:inline-flex !important; align-items:center; justify-content:center;
  margin:0 !important; padding:9px 16px !important;
  min-height:38px; box-sizing:border-box;
  border-radius:999px !important;
  background:var(--oc-grad-soft) !important;
  color:var(--oc-primary-dark) !important;
  font-size:14px !important; font-weight:500;
  line-height:1.3; text-align:center;
  box-shadow:none !important; text-shadow:none !important;
  border-bottom:0 !important;
}
.tcui-actionsheet__menu .tcui-actionsheet__cell:active{ background:var(--oc-primary) !important; color:#fff !important; }

/* ==========================================================================
   v4.6.0 —— 整体质感升级（统一卡片语言 / 层次 / 圆角 / 微交互）
   ========================================================================== */

/* A. 列表行卡片化：全站信息行从"贴边直角条"升级为悬浮白卡 */
.mainer .txtlist_item,
#index-list .txtlist_item,
.searchtype-box .txtlist_item{
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 2px 10px rgba(23,58,110,.06) !important;
  border:1px solid rgba(23,58,110,.045) !important;
  margin:6px 10px !important;
  padding:12px 14px !important;
  transition:transform .16s ease, box-shadow .22s ease, background .2s ease;
}
.searchtype-box .txtlist_item{ margin-left:0 !important; margin-right:0 !important; }
.mainer .txtlist_item:active,
#index-list .txtlist_item:active{
  transform:scale(.988);
  background:#FAFCFF !important;
  box-shadow:0 1px 6px rgba(23,58,110,.10) !important;
}

/* A2. 行内文字层次：标题更实、副信息更轻 */
.mainer .txtlist_item .txtlist_item__mt,
#index-list .txtlist_item .txtlist_item__mt{
  font-size:15.5px !important; font-weight:600;
  color:var(--oc-text) !important; letter-spacing:.2px;
}
.mainer .txtlist_item .txtlist_item__md,
.mainer .txtlist_item .txtlist_item__mb{
  font-size:12.5px !important; color:var(--oc-text-weak) !important;
}

/* B. 内容区图片统一 10px 圆角（头像容器保持圆形） */
#index-list img,
.txtlist_item img,
.tuwenlist_item img,
.mation_guanlian img,
.renzheng-item img{ border-radius:10px !important; }
.avatar img, img.avatar, .msg-list-pic img, .user-avatar-pic img,
#index-list .avatar img{ border-radius:50% !important; }

/* C. 消息页：会话卡独立悬浮，容器底色让位 */
body.message .msg-border{ background:transparent !important; }
body.message .msg-list{
  margin:6px 10px !important;
  box-shadow:0 2px 10px rgba(23,58,110,.06) !important;
  border:1px solid rgba(23,58,110,.045) !important;
}

/* D. 按钮语言统一：胶囊 + 按压反馈 */
.mainer .btn, .mainer a.btn, .info-footer-item, #submitBtn,
.tcui-btn, .tcui-dialog__btn{
  border-radius:var(--oc-r-pill) !important;
  transition:transform .16s ease, opacity .2s ease;
}
.mainer .btn:active, .mainer a.btn:active,
.tcui-btn:active, #submitBtn:active{ transform:scale(.97); opacity:.9; }

/* E. 角标小字 10px → 11px，加呼吸内距（可读性） */
span.num, span.badge, .typename, .tixing,
.oc-unread, .oc-active-hi{
  font-size:11px !important;
  padding:1px 6px !important;
  line-height:16px !important;
}

/* F. 顶部/筛选栏渐变确认生效（避免被站点实色覆盖） */
.Se_nav, .tc-list-top-filter, .user-wrap.top__bg{
  background-image:var(--oc-grad) !important;
}

/* G. 搜索筛选弹层：5px 直角 + 重阴影 → 16px 柔和浮层 */
.searchtype{
  border-radius:16px !important;
  box-shadow:0 12px 32px rgba(23,58,110,.16) !important;
}

/* H. 我的发布：外层橙底直角块让位，只留内层卡片 */
.mylist_buyrefresh-box{
  background:transparent !important;
  border-radius:0 !important;
  padding:0 10px !important;
}
.mylist_buyrefresh-box .buyrefresh__ts{
  border-radius:12px !important;
  box-shadow:0 2px 10px rgba(120,80,20,.07) !important;
}

/* I. 详情页：字段行内距与按钮圆角 */
#tc_info .info-item{ padding:12px 14px !important; }
#tc_info .info-footer-item{
  border-radius:var(--oc-r-pill) !important;
  min-height:40px;
}

/* J. 区块卡片间距节奏统一 10px */
.mainer .tc-sec{ margin-bottom:10px !important; }

/* A3. 选择器补齐：搜索页 .txtlist_item 不在 .mainer 下；列表页条目是 .tuwenlist_item */
.txtlist_item{
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 2px 10px rgba(23,58,110,.06) !important;
  border:1px solid rgba(23,58,110,.045) !important;
  margin:6px 10px !important;
  padding:12px 14px !important;
  transition:transform .16s ease, box-shadow .22s ease, background .2s ease;
}
.txtlist_item:active{ transform:scale(.988); background:#FAFCFF !important; }
/* 图文列表行：与文字列表同一语言（首页 12px、列表页被插件压成 0px，此处统一） */
.mainer .tc-sec .tuwenlist_item,
#index-list .tuwenlist_item{
  border-radius:12px !important;
  box-shadow:0 1px 6px rgba(23,58,110,.05) !important;
  margin:6px 0 !important;
  padding:12px 14px !important;
  transition:background .2s ease;
}
.mainer .tc-sec .tuwenlist_item:active,
#index-list .tuwenlist_item:active{ background:#F8FBFF !important; }

/* K. 热区补齐（v4.6.0）：列表行内小链接与公告条 */
.txtlist_item a,
.tuwenlist_item a,
.tuwen_sub a{
  display:inline-flex !important; align-items:center;
  min-height:30px !important;
}
.typename{
  display:inline-flex !important; align-items:center;
  min-height:34px !important; padding:3px 10px !important;
  line-height:1.35 !important;
}

/* K2. 搜索页内小链接热区（发布广告/电话） */
a#submitBtn{
  display:inline-flex !important; align-items:center; justify-content:center;
  min-height:30px !important; padding:4px 12px !important;
}
.searchtype a, .searchtype-box a{
  display:inline-flex !important; align-items:center;
  min-height:30px !important;
}

/* K3. 公告条热区（覆盖更高优先级的 inline-block 规则） */
#index-list .tuwenlist_item .typename[style*="background"],
.mainer .typename[style*="background"]{
  display:inline-flex !important; align-items:center;
  min-height:34px !important; padding:3px 10px !important;
  line-height:1.35 !important;
}

/* ==========================================================================
   M. v4.7.0 细节打磨：溢出修复 / 表单标签热区 / 标题截断 / 交互微质感
   ========================================================================== */

/* M1. 主页头图光斑裁剪：blur10 装饰层 740px 溢出容器，裁剪到圆角容器内 */
.user-wrap{ overflow:hidden !important; }

/* M2. 搜索类型弹层 border-box 防御：content-box + padding 造成 10px 内溢 */
.searchtype, .searchtype-box{ box-sizing:border-box !important; max-width:calc(100vw - 32px) !important; }

/* M3. 搜索结果标题链接：单行截断（原 sw219>cw201 无 overflow） */
.txtlist_item__mt, a.txtlist_item__mt{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  max-width:100% !important;
}

/* M4. 消息页头像容器 border-box：48 + 边框 = 53 溢出 */
body.message .msg-list-pic, .msg-list-pic{ box-sizing:border-box !important; }

/* M5. 表单标签热区 20px→32px + 垂直居中（修改资料/修改密码/表单页更透气） */
.tcui-cell .tcui-cell__hd .tcui-label,
.tcui-cell .tcui-label{
  display:flex !important; align-items:center;
  min-height:32px !important; padding:4px 0 !important;
}

/* M6. 公告条链接热区 30→32px（a.typename 裸类覆盖） */
a.typename{
  min-height:32px !important;
}
@supports (-webkit-touch-callout: none){
  a.typename{ margin-top:-1px !important; margin-bottom:-1px !important; padding-top:3px !important; padding-bottom:3px !important; }
}

/* M7. 表单 cell 聚焦态：聚焦行淡蓝高亮，与 edit-form 语言一致 */
.tcui-cells_form .tcui-cell:focus-within{ background:#F6FAFF !important; }
.tcui-cells_form input:focus, .tcui-cells_form textarea:focus{ outline:none; }

/* M8. 选中文本品牌色 + 底栏图标防锯齿 */
::selection{ background:rgba(27,140,255,.18); }
.new-footer .footer-box__item .iconfont, .new-footer .footer-box__item .tciconfont{
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}

/* M9. 底栏选中项字重加重（层次感 + 弥补半透明底合成对比度） */
.new-footer .footer-box__item.on .text1{ font-weight:600 !important; }

/* M10. 提现页说明标题加深一档（浅蓝底上更稳） */
.pay-way-explain h3{ color:#3E4A5E !important; }
.pay-way-explain p{ color:#5A677D !important; }

/* M11. 收尾：搜索弹层裁剪 + 头像图不超容器 */
.searchtype{ overflow:hidden !important; }
.user-avatar-pic img{ max-width:100% !important; max-height:100% !important; object-fit:cover !important; }

/* M12. 搜索按钮防挤压：flex 容器内宽度被压到 46px，"搜索"两字竖排裁切 */
.search-header .id_search_btn{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   N. v4.8.0：列表排版回归 —— 通栏方卡 / 左右对称 / 电话胶囊
   ========================================================================== */

/* N1. 列表行恢复 v4.5 通栏方卡（撤销 v4.6 的悬浮圆卡：圆角+阴影+左右外边距） */
#index-list .tuwenlist_item,
.mainer .tc-sec .tuwenlist_item,
.mainer .tuwenlist_item{
  border-radius:2px !important;
  box-shadow:none !important;
  margin:0 0 6px !important;
  padding:15px !important;
  border:1px solid rgba(23,58,110,.08) !important;
}
#index-list .tuwenlist_item:active,
.mainer .tc-sec .tuwenlist_item:active{ background:#F8FAFF !important; }

/* N2. 文字列表（搜索结果 / 我的发布）同语言：左右不再各 10px 内缩，与列表卡片齐平 */
.txtlist_item{
  border-radius:2px !important;
  box-shadow:none !important;
  margin:0 0 6px !important;
  padding:12px 14px !important;
  box-sizing:border-box !important;
  width:100% !important;
}
/* N2b. 搜索弹层容器左右对称（原来左 10px / 右 28px 不等宽） */
.searchtype > .index-scroll-tianqi,
.searchtype ul,
.searchtype li{
  box-sizing:border-box !important;
  width:100% !important;
  padding-left:12px !important;
  padding-right:12px !important;
}
.searchtype .txtlist_item{
  margin:0 0 6px !important;
  box-sizing:border-box !important;
  width:100% !important;
}

/* N3. 电话胶囊：贴在文字列右下角，主色渐变 + SVG 电话图标（不依赖图标字体） */
.tuwen_sub{ flex-wrap:wrap !important; }
.tuwen_sub > .oc-tel-pill{
  display:inline-flex !important; align-items:center; justify-content:center;
  width:auto !important;
  margin:10px 0 0 auto !important;
  padding:0 16px;
  min-height:34px;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  color:#fff !important;
  font-size:13px; letter-spacing:.5px;
  box-shadow:0 4px 12px rgba(27,140,255,.22);
  transition:transform .16s ease, opacity .18s ease;
}
.tuwen_sub > .oc-tel-pill:active{ transform:scale(.96); opacity:.9; }
.tuwen_sub > .oc-tel-pill i.oc-tel-pill__ico{
  display:inline-block; width:14px; height:14px; margin-right:6px; flex:0 0 auto;
  background-repeat:no-repeat; background-position:center center; background-size:14px 14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M6.6 10.8c1.2 2.4 3.2 4.4 5.6 5.6l2-2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.5.6.6 0 1 .4 1 1V19c0 .6-.4 1-1 1C10.6 20 4 13.4 4 5c0-.6.4-1 1-1h2.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.5.1.4 0 .8-.3 1l-2.2 2.3z'/%3E%3C/svg%3E");
}
.tuwen_sub > .oc-tel-pill .oc-tel-pill__txt{ line-height:1; white-space:nowrap; }

/* N4. 修正 v4.8.0 首版两处偏差 */
/* 1) 搜索容器：原本 width:358px + margin:6px 贴左，右侧多留 20px → 自适应居中后左右各 6px，
      配合 4px 内边距使结果卡落在 10..380，与首页列表卡完全齐平 */
.searchtype{
  box-sizing:border-box !important;
  width:calc(100% - 12px) !important;
  max-width:none !important;
  margin:6px auto !important;
  padding:2px 4px !important;
}
.searchtype > .index-scroll-tianqi,
.searchtype ul,
.searchtype li{
  box-sizing:border-box !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
/* 2) 电话胶囊不被 flex 拉伸（原本被拉成与标题等高的 70px） */
.tuwen_sub > .oc-tel-pill{ align-self:flex-end; height:34px !important; }

/* N5. 首页 / 列表页区块左右统一到 10px（宫格原 20px、搜索框原 25px，与列表卡不齐） */
.mainer .wrap > .nav-list,
.nav-list{
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
.mainer .wrap > .sec-search,
form.sec-search,
.sec-search{
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* ==========================================================================
   O. v4.9.0：列表观感重排 —— 对齐 58 同城式成熟排版
   ========================================================================== */

/* O1. 行骨架：图固定 96px 圆角，文字列自适应不挤压 */
.tuwenlist_item{ position:relative !important; }
.tuwenlist_bd{ gap:12px !important; align-items:stretch !important; }
.tuwenlist_item_pic{ flex:0 0 96px !important; width:96px !important; }
.tuwenlist_item_pic img{
  width:96px !important; height:96px !important;
  object-fit:cover !important; display:block !important;
  border-radius:10px !important;
}
.tuwenlist_item_details, .tuwen_sub, .tuwen_sub_lt{ min-width:0 !important; }
.tuwen_sub_lt{
  flex:1 1 auto !important;
  display:flex !important; flex-direction:column !important;
  justify-content:space-between !important;
}

/* O2. 标题区：行距收紧、两行钳制，去掉 75px 硬高度 */
.sub_lt_content{
  line-height:1.5 !important;
  min-height:0 !important;
  -webkit-line-clamp:2 !important;
  margin-bottom:4px !important;
  font-size:15px !important;
}

/* O3. 双标签规范：分类=主色小胶囊，标题=深色加粗（覆盖内联样式） */
.sub_lt_content .typename[style*="background"]{
  background:var(--oc-grad) !important;
  color:#fff !important;
  font-size:11px !important;
  padding:2px 7px !important;
  border-radius:4px !important;
  margin-right:5px !important;
  vertical-align:2px !important;
  letter-spacing:.5px;
}
.sub_lt_content .typename:not([style*="background"]){
  background:none !important;
  color:#1F2B43 !important;
  font-weight:600 !important;
  font-size:15px !important;
  padding:0 !important;
  vertical-align:baseline !important;
}

/* O4. 信息行：flex 化，浏览/认证/时间一行排齐，图标不再下沉 */
.sub_lt_time{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  font-size:11px !important;
  color:#98A2B3 !important;
  line-height:16px !important;
}
.sub_lt_time span{ float:none !important; line-height:16px !important; }
.sub_lt_time span:nth-child(2){ order:3; margin-left:auto; }
.sub_lt_time i.tciconfont{
  order:2; margin:0 2px !important; vertical-align:middle !important;
  font-size:12px !important;
}
.sub_lt_time i.tcicon-yanjing{ color:#9AA7B8 !important; }

/* O5. 电话胶囊：32px 紧凑版，右侧垂直居中，不再撑高行 */
.tuwen_sub > .oc-tel-pill{
  height:32px !important; min-height:32px !important;
  padding:0 14px !important;
  font-size:12px !important;
  margin:0 0 0 10px !important;
  align-self:center !important;
  flex:0 0 auto !important;
}
.tuwen_sub > .oc-tel-pill i.oc-tel-pill__ico{ width:12px !important; height:12px !important; background-size:12px 12px !important; margin-right:5px !important; }

/* O6. 城市标签：从 top:81px 硬定位改为贴图左下角圆角小签 */
.tuwenlist_item > span[style*="top:81px"]{
  position:absolute !important;
  top:auto !important; bottom:15px !important; left:15px !important;
  margin:0 !important;
  width:auto !important; min-width:0 !important;
  height:18px !important; line-height:18px !important;
  padding:0 8px !important;
  font-size:10px !important;
  background:rgba(15,30,60,.55) !important;
  border-radius:0 8px 0 8px !important;
}

/* O7. 搜索页同城服务广告块：橙/绿大色块统一为柔和浅底卡 */
.index-adgezi__box .gezidaxiao{
  background:var(--oc-grad-soft) !important;
  border-radius:10px !important;
  border:none !important;
}
.index-adgezi__box .gezidaxiao a{ color:var(--oc-primary-dark) !important; font-weight:600 !important; }
.index-adgezi__box #submitBtn{
  background:var(--oc-grad) !important;
  border-radius:999px !important;
  padding:2px 10px !important;
}

/* O8. 兜底：若胶囊输出在 details 直下（非 tuwen_sub 内）同样生效 */
.tuwenlist_item_details > .oc-tel-pill{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:32px !important; padding:0 14px !important;
  border-radius:var(--oc-r-pill) !important;
  background:var(--oc-grad) !important;
  color:#fff !important; font-size:12px !important; letter-spacing:.5px;
  box-shadow:0 2px 8px rgba(27,140,255,.25);
  align-self:center !important; flex:0 0 auto !important;
  margin:0 0 0 10px !important;
}
.tuwenlist_item_details{ flex-wrap:wrap !important; }
.tuwenlist_item_details > .oc-tel-pill i.oc-tel-pill__ico{ width:12px; height:12px; margin-right:5px; flex:0 0 auto; background-repeat:no-repeat; background-position:center; background-size:12px 12px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M6.6 10.8c1.2 2.4 3.2 4.4 5.6 5.6l2-2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.5.6.6 0 1 .4 1 1V19c0 .6-.4 1-1 1C10.6 20 4 13.4 4 5c0-.6.4-1 1-1h2.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.5.1.4 0 .8-.3 1l-2.2 2.3z'/%3E%3C/svg%3E"); }

/* O9. 高特异性修正：图统一 96px（压过站点 #index-list 特异性规则）、去虚线边框 */
#index-list .tuwenlist_item .tuwenlist_item_pic,
.mainer .tuwenlist_item .tuwenlist_item_pic,
.tuwenlist_item .tuwenlist_item_pic{
  flex:0 0 96px !important;
  width:96px !important;
  height:96px !important;
  margin:0 !important;
}
#index-list .tuwenlist_item .tuwenlist_item_pic img,
.tuwenlist_item .tuwenlist_item_pic img{
  width:96px !important; height:96px !important;
  border:none !important;
  border-radius:10px !important;
}
/* O10. 胶囊第二行时贴右（58 同城式右下角电话位） */
.tuwenlist_item_details > .oc-tel-pill{ margin:6px 0 0 auto !important; }
.tuwen_sub > .oc-tel-pill{ align-self:flex-end !important; }

/* O11. details 显式 flex（站点规则置为 block 时 margin auto 失效） */
.tuwenlist_item_details{ display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; }
.tuwenlist_item_details > .oc-tel-pill{ margin:8px 0 0 auto !important; }

/* ==========================================================================
   P. v5.0.0：列表降噪 —— 全行只留一个深色焦点（电话），彩色降级
   ========================================================================== */

/* P1. 分类标签降调：深蓝渐变白字 → 浅蓝底深蓝字（弱化为次级信息） */
.sub_lt_content .typename[style*="background"]{
  background:rgba(27,140,255,.10) !important;
  color:#1B6FD8 !important;
  font-weight:600 !important;
}

/* P2. 置顶"推"签：原彩虹渐变 → 橙色强调签（与蓝色系区分层级） */
.sub_lt_content .typename[style*="edcf0c"]{
  background:linear-gradient(135deg,#FFA14A,#FF7A2F) !important;
  color:#fff !important;
  border-radius:4px !important;
  font-weight:600 !important;
}

/* P3. 置顶行：整块浅蓝渐变 → 近白底 + 左侧主色细条（保留置顶辨识但不抢戏） */
.tuwenlist_item[style*="linear-gradient(-180deg"]{
  background:#F7FAFF !important;
  border:1px solid rgba(27,140,255,.16) !important;
  box-shadow:inset 3px 0 0 #1B8CFF !important;
}

/* P4. 顶栏城市名：黄色渐变clip文字在白底不可读 → 深色实字 */
.lbs_txt{
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#17355E !important;
  color:#17355E !important;
  font-weight:600 !important;
}

/* P5. 分类标签与标题间距微调，标题色统一 */
.sub_lt_content .typename[style*="background"] + .typename:not([style*="background"]){
  margin-left:2px !important;
}

/* P6. 高特异性覆盖（首页 #index-list 作用域的站点规则压住了 P1/P2/P3） */
#index-list .sub_lt_content .typename[style*="background"],
.mainer .sub_lt_content .typename[style*="background"]{
  background:rgba(27,140,255,.10) !important;
  background-image:none !important;
  background-color:rgba(27,140,255,.10) !important;
  color:#1B6FD8 !important;
  font-weight:600 !important;
}
#index-list .sub_lt_content .typename[style*="edcf0c"],
.mainer .sub_lt_content .typename[style*="edcf0c"]{
  background-color:#FF7A2F !important;
  background-image:linear-gradient(135deg,#FFA14A,#FF7A2F) !important;
  color:#fff !important;
  border-radius:4px !important;
}
#index-list .tuwenlist_item[style*="linear-gradient(-180deg"],
.mainer .tuwenlist_item[style*="linear-gradient(-180deg"],
#index-list .tuwenlist_item[style*="d5e4fb"],
.mainer .tuwenlist_item[style*="d5e4fb"]{
  background:#F7FAFF !important;
  background-image:none !important;
  border:1px solid rgba(27,140,255,.16) !important;
  box-shadow:inset 3px 0 0 #1B8CFF !important;
}

/* P7. 资料设置宫格图防溢出 */
.nav-li-pic img{ max-width:100% !important; max-height:100% !important; object-fit:cover !important; }
.nav-li-pic{ overflow:hidden !important; }

/* ==========================================================================
   Q 段 v5.1.0 — 细节降噪与对齐精修
   ========================================================================== */

/* Q1. 列表行电话胶囊贴右（tuwen_sub 为 wrap flex，胶囊换行后默认堆左） */
.tuwen_sub > .oc-tel-pill,
.tuwenlist_item_details > .oc-tel-pill{ margin-left:auto !important; }
#index-list .tuwen_sub > .oc-tel-pill,
#index-list .tuwenlist_item_details > .oc-tel-pill,
.mainer .tuwen_sub > .oc-tel-pill,
.mainer .tuwenlist_item_details > .oc-tel-pill{ margin-left:auto !important; }

/* Q3. 搜索页"同城服务"标题行降噪：去杂色底，统一白卡 */
.adgezi-box__title{
  background:transparent !important;
  background-image:none !important;
}
.adgezi-box__title b,
.adgezi-box__title .b{ color:#17355E !important; }
.adgezi-box .index_gezi_title_icon{ filter:none !important; }

/* Q4. 发布页"入驻好店"卡：img 浮动+硬换行导致文字绕排 → flex 重排 */
a.tcui-cell[href*="ruzhu"]{
  display:flex !important;
  align-items:center !important;
}
a.tcui-cell[href*="ruzhu"] .tcui-cell__bd{
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
}
a.tcui-cell[href*="ruzhu"] .tcui-cell__bd > img:first-child{
  float:none !important;
  flex:0 0 auto !important;
  width:42px !important;
  height:42px !important;
  object-fit:cover !important;
  border-radius:10px !important;
  margin:0 12px 0 0 !important;
}
a.tcui-cell[href*="ruzhu"] .tcui-cell__bd > p{
  flex:1 1 auto !important;
  margin:0 !important;
  text-align:left !important;
  line-height:1.45 !important;
}
a.tcui-cell[href*="ruzhu"] .tcui-cell__bd > p > span{ color:var(--oc-text-weak) !important; }
a.tcui-cell[href*="ruzhu"] .tcui-cell__ft{ flex:0 0 auto !important; }
/* 发布页推广跑马灯（隐藏态兜底，避免展开后绕排） */
.fabu_step1_new_shop_list a{
  color:inherit !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:block !important;
}
.fabu_step1_new_shop_list font{ color:#1B6FD8 !important; font-weight:600 !important; }

/* Q5. 图文列表时间行统一灰调（含 [刷新] 前缀行），避免杂色 */
#index-list .sub_lt_time span,
.mainer .sub_lt_time span{ color:#66768F !important; }

/* ==========================================================================
   R 段 v5.2.0 — 登录后页面观感精修
   ========================================================================== */

/* R1. 信息管理 tab 栏溢出修复（width 写死 390px + 左移 10px → 右侧越界） */
.mainer .tcui-navbar{ width:calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; box-sizing:border-box !important; }

/* R2. 余额明细底部固定栏：修溢出 + 灰底白卡化 + 金额主题色 */
.mainer .totalAmount{
  width:calc(100% - 20px) !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border-top:1px solid rgba(23,58,110,.06) !important;
}
.mainer .totalAmount .balance .amount{ color:#17355E !important; }

/* R3. 我的钱包大金额：深红 → 主题深蓝 */
.balanceMain .balance{ color:#17355E !important; }
.balanceMain .balance small, .balanceMain .balance i{ color:#17355E !important; }

/* R4. 提现页杂色降调：土黄说明字/红色数字 → 主题灰蓝与深蓝 */
.mainer .shouxufei{ color:var(--oc-text-weak) !important; }
.mainer .shouxufei .num{ color:#17355E !important; }
.mainer .rechargeMain .tip font{ color:#17355E !important; }
.mainer .rechargeMain .numInput{ color:#1B6FD8 !important; }

/* R5. 分页栏胶囊化（上一页 / 1/0 / 下一页 裸文字 → 居中胶囊） */
.pages ul{ margin:24px auto 0 !important; padding:0 20px !important; box-sizing:border-box !important; }
.pages ul li{ text-align:center !important; }
.pages ul li span{
  display:inline-block !important;
  min-width:78px !important;
  padding:8px 16px !important;
  background:#fff !important;
  border:1px solid rgba(23,58,110,.1) !important;
  border-radius:999px !important;
  color:#5E7290 !important;
  font-size:13px !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
.pages ul li:nth-child(2) span{
  min-width:0 !important;
  padding:6px 4px !important;
  background:none !important;
  border:none !important;
  color:#66768F !important;
}

/* R6. 首页宫格假"99+"角标隐藏（marker 全为占位假数据，观感噪点） */
.nav-li-pic i{ display:none !important; }

/* ==========================================================================
   S 段 v5.3.0 — 详情页与套餐页精修
   ========================================================================== */

/* S1. 详情页底部推荐 tab 横滑条：overflow 未裁剪撑破 body（406>390） */
.noAllowCopy .tab-navs,
.noAllowCopy .tab-scroll{ max-width:100% !important; }
.noAllowCopy .tab-scroll{
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
}
.noAllowCopy .tab-navs SECTION{ max-width:100% !important; }

/* S2. 详情页参数标签（靠近商圈/能按揭等描边小签）统一主题浅蓝 */
#tc_info .attr-tags span, #tc_info .attr-tags em, #tc_info .attr-tags i,
#tc_info .info-item-attr span[style*="border"]{
  border-color:rgba(27,140,255,.45) !important;
  background:rgba(27,140,255,.07) !important;
  color:#1B6FD8 !important;
  border-radius:4px !important;
}

/* S3. 免责声明卡：浅橙 → 主题蓝灰调，全站色彩统一 */
#tc_info .oc-notice{
  background:#F5F9FF !important;
  border:1px solid rgba(27,140,255,.14) !important;
}
#tc_info .oc-disclaimer__hd{ color:#4A6A99 !important; }
#tc_info .oc-disclaimer__hd::before{ background:#7FA3D4; }
#tc_info .oc-disclaimer__bd{ color:#7B8BA3 !important; }

/* S4. 右侧悬浮球（生成海报/一键复制）与左侧浮窗（订阅/客服）降噪，减少对正文遮挡感 */
.html-haibao-btn, .info-copy-btn{ opacity:.88 !important; }
.site-float{ opacity:.82 !important; }

/* S5. 刷新套餐格子：直角方框 → 圆角卡片，选中态主色描边 */
#tc_info .pay-money-list li, .pay-money-list li, .buyrefresh .pay-list li{
  border-radius:12px !important;
  border:1px solid rgba(23,58,110,.12) !important;
  background:#fff !important;
  transition:all .2s;
}
.pay-money-list li.on, .pay-money-list li.cur, .pay-list li.on, .pay-list li.cur{
  border-color:var(--oc-primary) !important;
  background:rgba(27,140,255,.06) !important;
  box-shadow:0 2px 10px rgba(27,140,255,.15) !important;
}

/* S6. 个人主页头像兜底：裂图/空图不露丑 */
.blur10{
  background-color:#DCE9FA !important;
  width:100% !important; max-width:100% !important;
  overflow:hidden !important;
}
.btn-group .avatar{ background:#DCE9FA !important; object-fit:cover !important; }
/* 无头像用户：渐变占位 + "TA" 字样（模板 home.htm 条件输出） */
.oc-avatar-fallback{
  background:linear-gradient(135deg,#AECFF7,#7FB0EE) !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
}
.oc-avatar-fallback::before{
  content:'TA';
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
  color:#fff !important;
  font-weight:600 !important;
  font-size:22px !important;
  letter-spacing:1px;
}

/* ==========================================================================
   T 段 v5.4.0 — 首页观感升级与表单页修补
   ========================================================================== */

/* T1. 首页 banner：全宽直角贴边 → 圆角卡片，与宫格/列表卡左右 10px 对齐 */
.swiper-container-focuspic,
.mainer .swiper-container-focuspic,
body .swiper-container-focuspic,
section .swiper-container-focuspic{
  width:calc(100% - 20px) !important;
  margin:10px auto 0 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 4px 16px rgba(23,58,110,.10) !important;
  clip-path:inset(0 round 14px) !important;
}
.swiper-container-focuspic .swiper-slide img{ border-radius:0 !important; }

/* T2. 首页统计行数字：橙红 → 主题深蓝，延续降噪 */
.oc-stats__item b{ color:#17355E !important; font-weight:700 !important; }

/* T3. 推广横条老式喇叭 gif 隐藏（动图噪点） */
img[src*="laba.gif"]{ display:none !important; }

/* T4. 视频页搜索按钮：文字竖排挤压 → 保持单行 */
.m_search{ box-sizing:border-box !important; }
.m_search .m_search_btn{ flex:0 0 auto !important; }
.m_search .id_search_btn{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}

/* ==========================================================================
   U 段 v5.5.0 — 详情页 dock/标签/悬浮球精修
   ========================================================================== */

/* U1. 详情页底部 dock 菜单：fixed 宽 406 溢出 16px → 收进视口 */
.info-footer{
  width:100% !important;
  max-width:100vw !important;
  box-sizing:border-box !important;
}
#info-footer .info-footer{
  left:0 !important;
  right:auto !important;
}

/* U2. 信息详情参数标签：多彩描边（红/橙）→ 统一主题浅蓝 */
#tc_info .title-bq span{
  border:1px solid rgba(27,140,255,.40) !important;
  background:rgba(27,140,255,.06) !important;
  color:#1B6FD8 !important;
  border-radius:4px !important;
  font-size:12px !important;
  padding:2px 8px !important;
}

/* U3. 生成海报/一键复制悬浮球：42px 挤成两行 → 单行胶囊 */
.html-haibao-btn, .info-copy-btn{
  width:auto !important;
  white-space:nowrap !important;
  padding:8px 12px !important;
  font-size:11px !important;
}

/* ==========================================================================
   Ocean CSS v5.6.0 —— V 段：首页高级感 · 立体感
   双层阴影 + 内高光 + 悬浮投影，整体"浮"起来的物理层次
   ========================================================================== */

/* ---------- V1. 列表卡：统一立体白卡（顺带修复置顶左蓝条误伤全部卡片） ---------- */
#index-list .tuwenlist_item,
.mainer .tuwenlist_item{
  background:#FFFFFF !important;
  background-image:none !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 26px rgba(23,58,110,.09) !important;
  padding:14px !important;
  margin:0 10px 12px !important;
  box-sizing:border-box !important;
}
/* 置顶卡：顶部一抹极淡蓝光晕（与橙色"推"签呼应，不再依赖蓝边条） */
#index-list .tuwenlist_item[style*="d5e4fb"],
.mainer .tuwenlist_item[style*="d5e4fb"]{
  background-image:linear-gradient(180deg,#EFF7FF 0%,#FFFFFF 48%) !important;
}
/* 缩略图：悬浮投影，脱离卡面 */
#index-list .tuwenlist_item_pic{
  border-radius:12px !important;
  box-shadow:0 5px 12px rgba(23,58,110,.16);
}
#index-list .tuwenlist_item_pic img{ border-radius:12px !important; border:0 !important; }

/* ---------- V2. 电话胶囊：渐变 + 内高光，实体按键感 ---------- */
#index-list .oc-tel-pill,
.mainer .oc-tel-pill{
  box-shadow:0 5px 14px rgba(27,140,255,.30), inset 0 1px 0 rgba(255,255,255,.38) !important;
  font-weight:600 !important;
  transition:transform .14s ease, box-shadow .14s ease;
}
#index-list .oc-tel-pill:active{ transform:scale(.94); }

/* ---------- V3. Banner：贴合圆角形状的悬浮投影 ---------- */
.oc-focuspic-wrap{ filter:drop-shadow(0 12px 24px rgba(21,80,160,.16)); }

/* ---------- V4. 顶部搜索条：玻璃质感整体浮起 ---------- */
.index-top__search .top-search__box{
  background:rgba(255,255,255,.88) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.6);
  backdrop-filter:blur(16px) saturate(1.6);
  box-shadow:0 6px 20px rgba(10,60,140,.16), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
.index-top__search .top-search__box .search-box__lt.open-popups a{
  background:linear-gradient(135deg,#2B7BFB,#00A6FF) !important;
  color:#fff !important;
  box-shadow:0 4px 10px rgba(27,123,251,.30) !important;
}
.index-top__search .top-search__box .search-box__lt.open-popups a .lbs_txt{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.index-top__search .top-search__box .search-box__lt.open-popups a .tciconfont{
  color:#fff !important; opacity:.9;
}
.index-top__search .top-search__box .search-box__main{
  background:rgba(23,58,110,.05) !important;
  box-shadow:inset 0 1px 2px rgba(23,58,110,.06) !important;
}
.index-top__search .top-search__box .search-box__rt{
  width:30px !important; height:30px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important; box-sizing:border-box !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#FFFFFF,#EAF4FF) !important;
  box-shadow:0 2px 8px rgba(23,58,110,.12), inset 0 1px 0 #fff !important;
}
.index-top__search .top-search__box .search-box__rt .num{
  top:-4px !important; right:-2px !important;
}

/* ---------- V5. 宫格图标：渐变底盘 + 内高光 + 图标投影 ---------- */
.nav-list .nav-li-pic{
  background:linear-gradient(180deg,#FFFFFF 0%,#E7F2FF 100%) !important;
  box-shadow:0 6px 14px rgba(27,140,255,.14), inset 0 1px 0 #FFFFFF !important;
  border-radius:15px !important;
}
.nav-list .nav-li-pic img{ filter:drop-shadow(0 3px 5px rgba(27,123,251,.22)); }
.nav-list .nav-li li a p{ color:#41506B !important; font-weight:500; }

/* ---------- V6. 统计数字：主色渐变字；帮助胶囊：淡蓝玻璃 ---------- */
.oc-stats .oc-stats__item b{
  background:linear-gradient(135deg,#2B7BFB 0%,#00A6FF 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.help_title a{
  background:linear-gradient(135deg,rgba(43,123,251,.10),rgba(0,166,255,.10)) !important;
  box-shadow:inset 0 0 0 1px rgba(27,140,255,.22) !important;
  color:#1B6FD8 !important; font-weight:600 !important;
}

/* ---------- V7. tab 切换条：独立浮卡，与列表卡同一层次 ---------- */
.index-newmenus__box{
  background:transparent !important;
  box-shadow:none !important;
  padding:2px 0 10px !important;
}
.index-newmenus__box .index-newmenus__list{
  background:#FFFFFF !important;
  border-radius:16px !important;
  margin:0 10px !important;
  box-sizing:border-box !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 8px 22px rgba(23,58,110,.08) !important;
}
.index-newmenus__box .index-newmenus__item a{
  box-shadow:0 1px 3px rgba(23,58,110,.06), inset 0 0 0 1px rgba(23,58,110,.05) !important;
}
.index-newmenus__box .index-newmenus__item.active a{
  box-shadow:0 5px 14px rgba(27,140,255,.30), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* ---------- V8. 特异性修正：压住 P3/P6 的旧置顶样式（属性选择器同级靠后取胜） ---------- */
#index-list .tuwenlist_item[style*="linear-gradient(-180deg"],
.mainer .tuwenlist_item[style*="linear-gradient(-180deg"]{
  background:#FFFFFF !important;
  background-image:none !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 26px rgba(23,58,110,.09) !important;
  padding:14px !important;
  margin:0 10px 12px !important;
  box-sizing:border-box !important;
}
#index-list .tuwenlist_item[style*="d5e4fb"],
.mainer .tuwenlist_item[style*="d5e4fb"]{
  background-image:linear-gradient(180deg,#EFF7FF 0%,#FFFFFF 48%) !important;
}
/* V8b. tab 浮卡防溢出：宽度收进屏幕 */
.index-newmenus__box .index-newmenus__list{
  width:calc(100% - 20px) !important;
  max-width:calc(100% - 20px) !important;
}
/* V8c. 消息圆钮：锁定尺寸 */
.index-top__search .top-search__box .search-box__rt{
  min-width:30px !important; max-width:30px !important;
  flex:0 0 30px !important;
}

/* ==========================================================================
   Ocean CSS v5.7.0 —— W 段：首页进一步打磨（区块立体 / 指示精致 / 排版层次）
   ========================================================================== */

/* ---------- W1. 彩色菜单块（逛店铺 / 领现金）：实色块 → 立体卡 ---------- */
.index-color_menu .color_area{
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 8px 20px rgba(23,58,110,.16), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.index-color_menu .color_area .title{
  font-weight:700 !important;
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}
.index-color_menu .color_area .button{
  color:rgba(255,255,255,.92) !important;
  opacity:.95;
}
.index-color_menu .color_area .color-right img{
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.20));
}
.index-color_menu a{ -webkit-tap-highlight-color:transparent; }
.index-color_menu .color_area{ transition:transform .16s ease, box-shadow .16s ease; }
.index-color_menu a:active .color_area{ transform:scale(.975); }

/* ---------- W2. 白色菜单块：与卡片同一层次的浮起白卡 ---------- */
.index-white_menu .white_area{
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 8px 20px rgba(23,58,110,.08) !important;
  transition:transform .16s ease;
}
.index-white_menu a:active .white_area{ transform:scale(.975); }

/* ---------- W3. 轮播指示点：细圆点 + 选中胶囊拉伸（banner / 焦点二 / 宫格） ---------- */
.swiper-pagination-focuspic .swiper-pagination-bullet,
.swiper-pagination-focuspic2 .swiper-pagination-bullet{
  width:6px !important; height:6px !important;
  background:rgba(255,255,255,.70) !important;
  opacity:1 !important;
  border-radius:999px !important;
  transition:width .25s ease, background .25s ease;
  box-shadow:0 1px 3px rgba(0,0,0,.22);
}
.swiper-pagination-focuspic .swiper-pagination-bullet-active,
.swiper-pagination-focuspic2 .swiper-pagination-bullet-active{
  width:16px !important;
  background:#fff !important;
}
.swiper-pagination-nav .swiper-pagination-bullet{
  width:5px !important; height:5px !important;
  background:rgba(27,140,255,.22) !important;
  opacity:1 !important; border-radius:999px !important;
  transition:width .25s ease, background .25s ease;
}
.swiper-pagination-nav .swiper-pagination-bullet-active{
  width:14px !important;
  background:linear-gradient(135deg,#2B7BFB,#00A6FF) !important;
  box-shadow:0 2px 6px rgba(27,140,255,.35);
}

/* ---------- W4. 卡片正文排版层次：正文更深更稳，附属信息更轻 ---------- */
#index-list .sub_lt_content,
.mainer .sub_lt_content{
  font-size:13.5px !important;
  line-height:1.72 !important;
  color:#33415C !important;
  letter-spacing:.1px;
}
#index-list .sub_lt_content .typename:not([style*="background"]),
.mainer .sub_lt_content .typename:not([style*="background"]){
  font-size:14px !important;
  color:#1B2A45 !important;
  font-weight:500 !important;
}
#index-list .sub_lt_content .typename[style*="background"],
.mainer .sub_lt_content .typename[style*="background"]{
  letter-spacing:.2px;
}

/* ---------- W5. 底部导航：选中态图标微升 + 文字加重 ---------- */
.new-footer .footer-box__item.on .tciconfont,
.new-footer .footer-box__item.on em.tciconfont{
  transform:translateY(-1px) scale(1.05) !important;
  filter:drop-shadow(0 3px 6px rgba(27,140,255,.35));
}
.new-footer .footer-box__item.on .text1{
  font-weight:600 !important;
  letter-spacing:.2px;
}

/* ---------- W6. 底部"没有更多了"与发布引导：弱化 + 立体 ---------- */
#index-list .tcui-loadmore_line .tcui-loadmore__tips,
.tc-sec .tcui-loadmore_line .tcui-loadmore__tips{
  font-size:12px !important;
  color:#66768F !important;
}
#index-list .id-fabu-url,
.tc-sec .id-fabu-url{
  border-radius:999px !important;
  box-shadow:0 8px 20px rgba(27,140,255,.30), inset 0 1px 0 rgba(255,255,255,.30) !important;
  font-weight:600 !important;
  letter-spacing:.5px;
}
#index-list .id-fabu-url:active,
.tc-sec .id-fabu-url:active{ transform:scale(.97); }

/* ---------- W7. 加载中提示弱化，避免抢戏 ---------- */
.tcui-loadmore .tcui-loadmore__tips{ color:#66768F !important; font-size:12px !important; }
.tcui-loading{ opacity:.75; }

/* ---------- W8. 缩略图占位淡蓝底 + 城市角标毛玻璃 ---------- */
#index-list .tuwenlist_item_pic,
.mainer .tuwenlist_item_pic{
  background:linear-gradient(180deg,#F3F9FF,#E8F1FE) !important;
}
#index-list .tuwenlist_item span[style*="rgba(0,0,0,0.5)"],
.mainer .tuwenlist_item span[style*="rgba(0,0,0,0.5)"]{
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}

/* ==========================================================================
   Ocean CSS v5.8.0 —— X 段：去"脏"字阴影 + 克制动效（贴合整体高级感）
   ========================================================================== */

/* ---------- X1. 列表行字体阴影清零：白字/灰字被黑描边压脏，统一还原 ---------- */
.tuwenlist_bd .tuwen_sub span,
.tuwenlist_bd .tuwen_sub a,
.tuwenlist_item_details span,
.tuwenlist_item_details a,
#index-list .tuwen_sub span,
#index-list .tuwen_sub a{
  text-shadow:none !important;
}
/* 列表页顶部筛选条（白字描边同样显脏） */
.tc-list-top-filter,
.id-model-txt, .id-ordertype-txt,
.tc-list-top-filter > *{ text-shadow:none !important; }
/* 彩色菜单块标题（本站彩块白字无需描边） */
.index-color_menu .color_area .title{ text-shadow:none !important; }
/* 阴影去掉后，附属信息补一点可读的深灰（白卡上不低于舒适对比度） */
#index-list .sub_lt_time,
.mainer .sub_lt_time{ color:#66768F !important; }

/* ---------- X2. 列表卡入场：淡入 + 轻微上浮（前 4 张错峰，克制不喧哗） ---------- */
@keyframes ocCardIn{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}
#index-list .tuwenlist_item{ animation:ocCardIn .34s ease-out; }
#index-list .tuwenlist_item:nth-child(2){ animation-delay:.05s; }
#index-list .tuwenlist_item:nth-child(3){ animation-delay:.10s; }
#index-list .tuwenlist_item:nth-child(4){ animation-delay:.15s; }

/* ---------- X3. 加载中：自绘渐变转圈，替代默认灰圈 ---------- */
@keyframes ocSpin{ to{ transform:rotate(360deg); } }
.tcui-loading{
  width:20px !important; height:20px !important;
  border:0 !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg, rgba(27,140,255,.12), #2B7BFB) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent 58%, #000 60%);
  mask:radial-gradient(farthest-side, transparent 58%, #000 60%);
  animation:ocSpin .9s linear infinite;
}
.tcui-loadmore{ justify-content:center; }

/* ---------- X4. 底部发布键：柔和呼吸光环（伪元素，不干扰图标与点击） ---------- */
@keyframes ocHalo{
  0%  { box-shadow:0 0 0 0 rgba(27,140,255,.30); }
  70% { box-shadow:0 0 0 12px rgba(27,140,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(27,140,255,0); }
}
.new-footer .footer-box__item.footer-box__fabu{ position:relative; }
.new-footer .footer-box__item.footer-box__fabu::after{
  content:''; position:absolute; left:50%; top:6px;
  width:50px; height:50px; margin-left:-25px;
  border-radius:50%; pointer-events:none;
  animation:ocHalo 2.8s ease-out infinite;
}

/* ---------- X5. 首屏 banner：载入淡入 ---------- */
@keyframes ocFadeIn{ from{ opacity:0; transform:scale(.985); } to{ opacity:1; transform:none; } }
.oc-focuspic-wrap{ animation:ocFadeIn .5s ease-out; }

/* ---------- X6. 尊重系统"减弱动效"设置 ---------- */
@media (prefers-reduced-motion: reduce){
  #index-list .tuwenlist_item,
  .oc-focuspic-wrap{ animation:none !important; }
  .tcui-loading,
  .new-footer .footer-box__item.footer-box__fabu::after{ animation:none !important; }
}

/* ==========================================================================
   Ocean CSS v5.9.0 —— Y 段：残留直角块立体化 + 破图清理（全站一致性收口）
   ========================================================================== */

/* ---------- Y1. 详情页 tab 条：满宽直角白条 → 与列表卡同层浮卡 ---------- */
.tab-navs, .detail-navs, .index-navs{
  width:calc(100% - 20px) !important;
  max-width:calc(100% - 20px) !important;
  margin:10px auto !important;
  box-sizing:border-box !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 8px 22px rgba(23,58,110,.08) !important;
}

/* ---------- Y2. 钱包余额卡：立体白卡 ---------- */
.balanceMain{
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 26px rgba(23,58,110,.09) !important;
}

/* ---------- Y3. 按钮组容器：去掉灰底板，让胶囊按钮自己说话 ---------- */
.btn-group{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* ---------- Y4. 空状态卡：圆角浮起 ---------- */
.oc-empty{
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 26px rgba(23,58,110,.09) !important;
  margin:18px auto !important;
}

/* ---------- Y5. 个人主页头部：整体圆角收口 ---------- */
.user-page{
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 26px rgba(23,58,110,.09) !important;
}
.user-page .blur10{ border-radius:18px !important; }

/* ---------- Y6. 订单/记录条：小卡圆角 ---------- */
.myorder{
  border-radius:14px !important;
  margin:0 10px 10px !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 6px 16px rgba(23,58,110,.07) !important;
}

/* ---------- Y7. 站点缺失图片（线上 404）：隐藏破图占位 ---------- */
img[src*="lsmlogo.jpg"],
img[src*="img/smtx.png"]{ display:none !important; }

/* ---------- Y8. 通用：白底区块统一 16px 圆角层级（补漏） ---------- */
.nav-list-tit{
  background:transparent !important;
  border-radius:12px !important;
}

/* ==========================================================================
   Ocean CSS v6.0.0 —— Z 段：表单与按钮一致性收口 + 聚焦质感 + 加载骨架
   ========================================================================== */

/* ---------- Z1. 提现主按钮：直角蓝块 → 渐变胶囊，带下沉光晕 ---------- */
.tixian-btn{
  border-radius:999px !important;
  background-image:linear-gradient(135deg,#2B7BFB,#00A6FF) !important;
  box-shadow:0 8px 20px rgba(27,140,255,.28), inset 0 1px 0 rgba(255,255,255,.30) !important;
  font-weight:600 !important;
  letter-spacing:.5px;
  transition:transform .16s ease, box-shadow .16s ease;
}
.tixian-btn:active{ transform:scale(.97); }

/* ---------- Z2. 验证码按钮：直角 → 胶囊（底色保持原样，只收口+提亮） ---------- */
.phone-code-btn, .tcui-vcode-btn{
  border-radius:999px !important;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(27,140,255,.20) !important;
  font-size:14px !important;
  transition:transform .16s ease;
}
.phone-code-btn:active, .tcui-vcode-btn:active{ transform:scale(.96); }

/* ---------- Z3. 提现表单输入框：裸输入 → 淡底圆角，与 tcui-input 同语言 ---------- */
.pay-text input.input,
.pay-text input{
  height:38px !important;
  border-radius:10px !important;
  background:rgba(23,58,110,.04) !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  border:0 !important;
  transition:background .18s ease, box-shadow .18s ease;
}

/* ---------- Z4. 分类格子按钮：圆角统一到 12px ---------- */
.gezidaxiao{ border-radius:12px !important; }

/* ---------- Z5. 输入聚焦：主色描边 + 柔光（全站表单统一手感） ---------- */
.tcui-input:focus,
.pay-text input:focus,
input.input:focus,
textarea:focus,
select:focus{
  outline:none !important;
  border-color:rgba(27,140,255,.55) !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(27,140,255,.10) !important;
}

/* ---------- Z6. 列表加载骨架：转圈上方补一条微光占位卡（不支持 :has 的机型自动降级） ---------- */
@keyframes ocShimmer{
  from{ background-position:200% 0; }
  to  { background-position:-200% 0; }
}
.tcui-loadmore:has(.tcui-loading)::before{
  content:'';
  display:block;
  height:86px;
  margin:0 10px 12px;
  border-radius:16px;
  background:linear-gradient(100deg,#F1F5FA 30%,#E6EDF7 46%,#F1F5FA 62%);
  background-size:200% 100%;
  animation:ocShimmer 1.3s linear infinite;
}
@media (prefers-reduced-motion: reduce){
  .tcui-loadmore:has(.tcui-loading)::before{ animation:none !important; }
}

/* ---------- Z7. 修正：分类格子圆角（原规则特异性更高，双类拉升） ---------- */
.gezidaxiao.gezidaxiao{ border-radius:12px !important; }

/* ==========================================================================
   Ocean CSS v6.1.0 —— AA 段：全站尾清（冷门页残留直角块 + 交互细节）
   ========================================================================== */

/* ---------- AA1. 余额汇总条（moneylog） ---------- */
.totalAmount{
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 8px 20px rgba(23,58,110,.08) !important;
}

/* ---------- AA2. 积分页头部（scorelog） ---------- */
.scorelog_header{
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 24px rgba(23,58,110,.09) !important;
}

/* ---------- AA3. 消息页"活跃的人"白块：内缩浮卡 ---------- */
.oc-active-box{
  width:calc(100% - 20px) !important;
  max-width:calc(100% - 20px) !important;
  margin:0 auto 12px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 10px 24px rgba(23,58,110,.09) !important;
}

/* ---------- AA4. 充值/支付方式选择（moneytixian） ---------- */
.rechargeItem{ border-radius:12px !important; }
.pay-way{ border-radius:14px !important; }

/* ---------- AA5. 新增地址按钮 / 注销确认框 ---------- */
.add_address_red{
  border-radius:999px !important;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(23,58,110,.14), inset 0 1px 0 rgba(255,255,255,.24) !important;
  transition:transform .16s ease;
}
.add_address_red:active{ transform:scale(.97); }
.logoff_box{
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(23,58,110,.12) !important;
}

/* ---------- AA6. 投诉页（tousu） ---------- */
.report-list{
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 8px 20px rgba(23,58,110,.08) !important;
}
.input-control{ border-radius:10px !important; }

/* ---------- AA7. 刷新购买项（buyrefresh） ---------- */
.buyrefresh .item{
  border-radius:12px !important;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 6px 16px rgba(23,58,110,.07) !important;
}

/* ---------- AA8. 交互细节：全局点按去灰块闪烁 + 文字选中主色 ---------- */
a, li, label, .tcui-cell, .swiper-slide{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
::selection{ background:rgba(27,140,255,.22); }
::-webkit-selection{ background:rgba(27,140,255,.22); }

/* ---------- AA9. 修正：刷新购买卡（顶层 section.item，无页面类包裹） ---------- */
section.item, section.item-buy{
  border-radius:12px !important;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(23,58,110,.05), 0 6px 16px rgba(23,58,110,.07) !important;
}

/* ==========================================================================
   Ocean CSS v6.2.0 —— AB 段：首页杂色收口（彩虹签 / 实色签 / 红丝带 / 橙图标）
   ========================================================================== */

/* ---------- AB1. 彩虹流动"推"签 → 高级香槟金（去掉 10s 彩虹动画） ---------- */
#index-list .typename[style*="masked-animation"],
.mainer .typename[style*="masked-animation"]{
  background:linear-gradient(135deg,#F5B942,#ED8F2B) !important;
  -webkit-animation:none !important;
  animation:none !important;
  background-size:100% 100% !important;
  border-radius:4px !important;
  box-shadow:0 2px 6px rgba(237,143,43,.35);
  font-weight:600 !important;
  padding:2px 6px !important;
}

/* ---------- AB2. 置顶卡的实色蓝分类签 → 与全站统一的浅蓝软签 ---------- */
#index-list .typename[style*="#5295f5"],
.mainer .typename[style*="#5295f5"]{
  background:rgba(27,140,255,.08) !important;
  color:#1B6FD8 !important;
  border-radius:4px !important;
  font-weight:500 !important;
  padding:2px 6px !important;
}

/* ---------- AB3. 统计行小图标：橙红 → 主色蓝 ---------- */
.oc-stats__ico{
  filter:hue-rotate(175deg) saturate(1.1) !important;
}

/* ---------- AB4. 红色"置顶信息"丝带 → 主色蓝丝带（保留辨识度，融入大局） ---------- */
#index-list img[src*="infoTop-r.png"],
.mainer img[src*="infoTop-r.png"]{
  filter:hue-rotate(200deg) saturate(.85) brightness(1.02) !important;
}

/* ==========================================================================
   Ocean CSS v6.3.0 —— AC 段：首页动态特效（克制、CSS-only、尊重减弱动效）
   ========================================================================== */

/* ---------- AC1. 宫格图标：交错入场（轻微上浮 + 缩放，逐级 40ms） ---------- */
@keyframes ocGridIn{
  from{ opacity:0; transform:translateY(8px) scale(.94); }
  to  { opacity:1; transform:none; }
}
.index-header .index-nav-list li,
.nav-list .nav-li{
  animation:ocGridIn .38s ease-out both;
}
.nav-list .nav-li:nth-child(1){ animation-delay:.04s; }
.nav-list .nav-li:nth-child(2){ animation-delay:.08s; }
.nav-list .nav-li:nth-child(3){ animation-delay:.12s; }
.nav-list .nav-li:nth-child(4){ animation-delay:.16s; }
.nav-list .nav-li:nth-child(5){ animation-delay:.20s; }
.nav-list .nav-li:nth-child(6){ animation-delay:.24s; }
.nav-list .nav-li:nth-child(7){ animation-delay:.28s; }
.nav-list .nav-li:nth-child(8){ animation-delay:.32s; }
.nav-list .nav-li:nth-child(9){ animation-delay:.36s; }
.nav-list .nav-li:nth-child(10){ animation-delay:.40s; }
/* 超出前 10 个的一律不再延后，避免最后几个迟到 */
.nav-list .nav-li:nth-child(n+11){ animation-delay:.44s; }

/* ---------- AC2. 宫格图标按压缩放（真实按压感） ---------- */
.nav-list .nav-li a{ transition:transform .16s ease; }
.nav-list .nav-li a:active{ transform:scale(.94); }

/* ---------- AC3. 列表卡：点按微微抬起（阴影加深，不位移溢出） ---------- */
#index-list .tuwenlist_item:active,
.mainer .tuwenlist_item:active{
  transform:translateY(-2px) scale(.995);
  box-shadow:0 2px 4px rgba(23,58,110,.06), 0 16px 34px rgba(23,58,110,.13) !important;
  transition:transform .16s ease, box-shadow .16s ease;
}
#index-list .tuwenlist_item{ transition:transform .18s ease, box-shadow .18s ease; }

/* ---------- AC4. 电话胶囊：按下回弹（缩放 + 阴影收拢，像真按键） ---------- */
#index-list .oc-tel-pill:active,
.mainer .oc-tel-pill:active{
  transform:scale(.92);
  box-shadow:0 2px 6px rgba(27,140,255,.30), inset 0 2px 4px rgba(0,0,0,.10) !important;
}
#index-list .oc-tel-pill .tciconfont{ transition:transform .16s ease; }
#index-list .oc-tel-pill:active .tciconfont{ transform:translateX(1px); }

/* ---------- AC5. 搜索条：聚焦时主色柔光环扫过（无跳转无脚本） ---------- */
.index-top__search .top-search__box:focus-within{
  box-shadow:0 8px 26px rgba(27,140,255,.26), inset 0 1px 0 rgba(255,255,255,.85), 0 0 0 3px rgba(27,140,255,.10) !important;
  transition:box-shadow .2s ease;
}
.index-top__search .top-search__box{
  transition:box-shadow .2s ease, background .2s ease;
}

/* ---------- AC6. "帮助"胶囊：极缓呼吸（3.6s，不抢戏） ---------- */
@keyframes ocBreath{
  0%,100%{ box-shadow:inset 0 0 0 1px rgba(27,140,255,.22), 0 2px 8px rgba(27,140,255,.06); }
  50%    { box-shadow:inset 0 0 0 1px rgba(27,140,255,.38), 0 6px 16px rgba(27,140,255,.18); }
}
.help_title a{ animation:ocBreath 3.6s ease-in-out infinite; }

/* ---------- AC7. 底部导航：按下微沉 + 图标回弹 ---------- */
.new-footer .footer-box__item a{ transition:transform .16s ease; }
.new-footer .footer-box__item a:active{ transform:scale(.94); }
.new-footer .footer-box__item.on .tciconfont{ transition:transform .22s cubic-bezier(.34,1.56,.64,1); }

/* ---------- AC8. tab 选中条：切换时轻微上浮回弹 ---------- */
.index-newmenus__list .index-newmenus__item a{ transition:transform .2s ease, box-shadow .2s ease; }
.index-newmenus__list .index-newmenus__item{ transition:transform .2s cubic-bezier(.34,1.56,.64,1); }
.index-newmenus__list .index-newmenus__item:active{ transform:scale(.95); }

/* ---------- AC9. 无障碍兜底（新增动画一并纳入） ---------- */
@media (prefers-reduced-motion: reduce){
  .nav-list .nav-li,
  .nav-list .nav-li:nth-child(n){ animation:none !important; }
  #index-list .tuwenlist_item:active,
  .nav-list .nav-li a:active,
  .new-footer .footer-box__item a:active,
  .index-newmenus__list .index-newmenus__item:active{ transform:none !important; }
  .help_title a{ animation:none !important; }
}

/* ---------- AC10. 修正：宫格条目真实结构为 .nav-li .swiper-slide li（.nav-li 是 swiper 容器） ---------- */
.nav-list .nav-li .swiper-slide li{
  animation:ocGridIn .38s ease-out both;
}
.nav-list .nav-li .swiper-slide li:nth-child(1){ animation-delay:.04s; }
.nav-list .nav-li .swiper-slide li:nth-child(2){ animation-delay:.08s; }
.nav-list .nav-li .swiper-slide li:nth-child(3){ animation-delay:.12s; }
.nav-list .nav-li .swiper-slide li:nth-child(4){ animation-delay:.16s; }
.nav-list .nav-li .swiper-slide li:nth-child(5){ animation-delay:.20s; }
.nav-list .nav-li .swiper-slide li:nth-child(6){ animation-delay:.24s; }
.nav-list .nav-li .swiper-slide li:nth-child(7){ animation-delay:.28s; }
.nav-list .nav-li .swiper-slide li:nth-child(8){ animation-delay:.32s; }
.nav-list .nav-li .swiper-slide li:nth-child(9){ animation-delay:.36s; }
.nav-list .nav-li .swiper-slide li:nth-child(10){ animation-delay:.40s; }
.nav-list .nav-li .swiper-slide li:nth-child(n+11){ animation-delay:.44s; }
.nav-list .nav-li .swiper-slide li a{ transition:transform .16s ease; }
.nav-list .nav-li .swiper-slide li a:active{ transform:scale(.94); }

/* ---------- AC11. 底部发布大蓝钮：按下回弹 ---------- */
.new-footer .footer-box__item.footer-box__fabu{ transition:transform .16s ease; }
.new-footer .footer-box__item.footer-box__fabu:active{ transform:scale(.94); }

/* ---------- AC9b. 减弱动效：新增条目动画一并关闭 ---------- */
@media (prefers-reduced-motion: reduce){
  .nav-list .nav-li .swiper-slide li{ animation:none !important; }
}

/* ==========================================================================
   Ocean CSS v6.4.0 —— AD 段：首屏分层入场 + 按压涟漪 + 第二屏错峰 + dock 上浮
   ========================================================================== */

/* ---------- AD1. 首屏分层入场（搜索条 → banner → 统计行 → tab），帧次错落不抢戏 ---------- */
@keyframes ocRiseIn{
  from{ opacity:0; transform:translateY(-6px); }
  to  { opacity:1; transform:none; }
}
.index-top__search{ animation:ocRiseIn .42s ease-out both; }
.oc-focuspic-wrap{ animation:ocFadeIn .5s ease-out .12s both; }
.oc-stats{ animation:ocFadeIn .46s ease-out .18s both; }
.index-stats-box{ animation:ocFadeIn .46s ease-out .18s both; }
.index-newmenus__list{ animation:ocRiseIn .44s ease-out .3s both; }

/* ---------- AD2. 按压涟漪（纯 CSS：按压瞬间从触点扩散一圈主色光环） ---------- */
@keyframes ocRipple{
  from{ opacity:.55; transform:scale(.2); }
  to  { opacity:0;   transform:scale(2.6); }
}
.index-top__search .top-search__box .search-box__lt{ position:relative; overflow:hidden; }
.index-top__search .top-search__box .search-box__lt:active::after{
  content:''; position:absolute; left:50%; top:50%;
  width:120px; height:120px; margin:-60px 0 0 -60px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 70%);
  animation:ocRipple .5s ease-out forwards;
}
.index-header .nav-li-pic{ position:relative; overflow:hidden; }
.index-header .nav-li .swiper-slide li a:active .nav-li-pic::after{
  content:''; position:absolute; left:50%; top:50%;
  width:120px; height:120px; margin:-60px 0 0 -60px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(27,140,255,.32) 0%, rgba(27,140,255,0) 70%);
  animation:ocRipple .5s ease-out forwards;
}

/* ---------- AD3. 列表卡第 5~12 张错峰（滚动到第二屏时依然是渐进出现） ---------- */
#index-list .tuwenlist_item:nth-child(5){ animation-delay:.05s; }
#index-list .tuwenlist_item:nth-child(6){ animation-delay:.10s; }
#index-list .tuwenlist_item:nth-child(7){ animation-delay:.15s; }
#index-list .tuwenlist_item:nth-child(8){ animation-delay:.20s; }
#index-list .tuwenlist_item:nth-child(9){ animation-delay:.25s; }
#index-list .tuwenlist_item:nth-child(10){ animation-delay:.30s; }
#index-list .tuwenlist_item:nth-child(n+11){ animation-delay:.35s; }

/* ---------- AD4. 缩略图载入淡入（柔和，不给用户"闪一下"） ---------- */
@keyframes ocImgIn{ from{ opacity:0; } to{ opacity:1; } }
#index-list .tuwenlist_item_pic img{ animation:ocImgIn .42s ease-out both; }

/* ---------- AD5. 底部 dock：首次载入自下方轻微上浮（只演一次） ---------- */
@keyframes ocDockIn{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:none; } }
.new-footer{ animation:ocDockIn .5s cubic-bezier(.22,.9,.3,1) both; }

/* ---------- AD6. 回顶部钮：按下回弹 + 淡入 ---------- */
.back_top{ animation:ocFadeIn .5s ease-out .5s both; }
.back_top a{ transition:transform .16s ease; }
.back_top:active a{ transform:scale(.9); }

/* ---------- AD7. 无障碍兜底 ---------- */
@media (prefers-reduced-motion: reduce){
  .index-top__search, .oc-focuspic-wrap, .oc-stats,
  .index-stats-box, .index-newmenus__list,
  #index-list .tuwenlist_item_pic img, .new-footer, .back_top{
    animation:none !important;
  }
  .index-top__search .top-search__box .search-box__lt:active::after,
  .index-header .nav-li .swiper-slide li a:active .nav-li-pic::after{ animation:none !important; }
}


/* ============================================================
   v6.5.0  AE 段 —— 全站质感再收口（缩略图/角标/搜索页/浮层）
   ============================================================ */

/* ---------- AE1. 破图收口：个人页天气占位图 + 隐藏弹层空 src 图 ---------- */
img[src*="tianqi0.png"],
img[src=""],
img[src="#"]{ display:none !important; }

/* ---------- AE2. 列表缩略图精修：去蓝色虚线描边，统一圆角与立体投影 ---------- */
.tuwenlist_item_pic img{
  border:0 !important;
  border-radius:10px !important;
  box-shadow:0 6px 16px rgba(23,58,110,.10);
  transition:transform .18s ease;
}
.tuwenlist_item_pic:active img{ transform:scale(.96); }

/* ---------- AE3. 缩略图城市角标：黑灰直角块 → 玻璃白软签 ---------- */
.tuwenlist_bd > span[style*="rgba(0,0,0,0.5)"]{
  background:rgba(255,255,255,.92) !important;
  color:#1B6FD8 !important;
  font-weight:600;
  border-top-left-radius:8px !important;
  border-bottom-right-radius:8px !important;
  box-shadow:0 3px 10px rgba(23,58,110,.18);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  animation:ocImgIn .42s ease-out both;
}

/* ---------- AE4. 搜索页：修横向溢出 + 防底部浮卡遮挡 ---------- */
body.tongcheng-search form{ max-width:100% !important; }
section.search-header{ overflow:hidden; }
body.tongcheng-search{ padding-bottom:96px !important; }
/* 搜索页浮卡缺 fixed（嵌在 section.searchtype 内被原样式遗漏）→ 强制贴底 */
body.tongcheng-search .new-footer{
  position:fixed !important;
  left:10px !important; right:10px !important; bottom:10px !important;
  width:auto !important;
}
/* 热搜词胶囊：白字压淡蓝底看不清 → 主蓝字 */
button.gezidaxiao.butan .duozhang a{
  color:#1B6FD8 !important;
  font-weight:600;
}

/* ---------- AE5. 「顶」红签统一香槟金（与首页「推」金签同语义） ---------- */
.txtlist_item .txtlist_box .txtlist_item__lt span.top,
.txtlist_item__lt span.top{
  background:linear-gradient(135deg,#F5B942,#ED8F2B) !important;
  color:#fff !important;
  border-radius:4px !important;
  box-shadow:0 2px 6px rgba(237,143,43,.28);
}

/* ---------- AE6. 详情页：海报弹层收宽防溢出；订阅/客服浮钮玻璃化 ---------- */
.html-haibao-box{
  max-width:calc(100vw - 24px) !important;
  overflow:hidden;
}
.html-haibao-box .haibao-body{ max-width:100% !important; overflow:hidden; }
.site-float .img-dialog{
  box-shadow:0 6px 18px rgba(23,58,110,.14);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

/* ---------- AE7. 个人中心：性别选择深蓝胶囊 → 玻璃白胶囊 ---------- */
.oc-sexset{ background:rgba(255,255,255,.10) !important; }
.oc-sexbtn{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 2px 8px rgba(13,71,148,.18);
}

/* ---------- AE8. 新轻量动效 ---------- */
/* 热搜词胶囊交错入场（沿用首页宫格 ocGridIn） */
button.gezidaxiao.butan{ animation:ocGridIn .4s cubic-bezier(.22,.9,.3,1) both; }
button.gezidaxiao.butan:nth-of-type(2){ animation-delay:.05s; }
button.gezidaxiao.butan:nth-of-type(3){ animation-delay:.10s; }
button.gezidaxiao.butan:nth-of-type(4){ animation-delay:.15s; }
button.gezidaxiao.butan:nth-of-type(5){ animation-delay:.20s; }
button.gezidaxiao.butan:nth-of-type(n+6){ animation-delay:.25s; }
/* 详情页浮钮延迟淡入 */
.site-float{ animation:ocFadeIn .5s ease-out .3s both; }

/* ---------- AE9. 无障碍兜底 ---------- */
@media (prefers-reduced-motion: reduce){
  .tuwenlist_bd > span[style*="rgba(0,0,0,0.5)"],
  button.gezidaxiao.butan,
  .site-float{ animation:none !important; }
}


/* ============================================================
   v6.6.0  AF 段 —— 发布/提现/帮助/资料页收口 + 浮卡全局归位
   ============================================================ */

/* ---------- AF1. 全站浮卡统一 fixed 贴底（myorder/help 等页原样式遗漏 fixed，浮卡飘到内容区） ---------- */
.new-footer{
  position:fixed !important;
  left:10px !important; right:10px !important; bottom:10px !important;
  width:auto !important;
}

/* ---------- AF2. 帮助中心：外站破图隐藏 + center 白块柔化 ---------- */
img[src*="xxbj.png"]{ display:none !important; }
center{
  border-radius:16px !important;
  border-color:#E4ECF5 !important;
  box-shadow:0 8px 24px rgba(23,58,110,.08);
}

/* ---------- AF3. 提现页：支付宝表单灰底直角 → 白卡圆角（与 Z 段输入规范统一） ---------- */
div.alipay_box{
  background:#fff !important;
  border-radius:14px !important;
  border:1px solid #E8EFF8;
  box-shadow:0 4px 14px rgba(23,58,110,.06);
  overflow:hidden;
}
.alipay_box .pay-text input.input{
  height:38px !important;
  border-radius:10px !important;
  background:#F7FAFD !important;
  border:1px solid #E8EFF8 !important;
  padding:0 12px !important;
}
/* 金额输入框 placeholder 过长被截 → 字号略缩 */
input[placeholder*="提现"]::placeholder{ font-size:12px; }

/* ---------- AF4. 资料修改页：修横向溢出（mainer 内容 400 > 390 视口） ---------- */
body.body-white section.mainer{ overflow-x:hidden; }

/* ---------- AF5. 发布弹层：选项文字脏灰阴影清零 ---------- */
.tcui-actionsheet__cell{ text-shadow:none !important; }

/* ---------- AF6. 发布页警示条：淡蓝直角 → 圆角软条 ---------- */
section[style*="eff9ff"]{ border-radius:12px !important; box-shadow:0 4px 14px rgba(23,58,110,.05); }

/* ---------- AF7. 发布页宫格：图标统一淡蓝渐变底盘 + 交错入场（仅非 swiper 结构，不碰首页） ---------- */
.nav-list .nav-li ul:not(.swiper-slide) li img{
  background:linear-gradient(160deg,#EAF4FF,#DBEAFF);
  border-radius:16px;
  padding:9px;
  box-shadow:0 4px 12px rgba(27,111,216,.12);
}
.nav-list .nav-li ul:not(.swiper-slide) li{ animation:ocGridIn .4s cubic-bezier(.22,.9,.3,1) both; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(2){ animation-delay:.04s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(3){ animation-delay:.08s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(4){ animation-delay:.12s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(5){ animation-delay:.16s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(6){ animation-delay:.20s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(7){ animation-delay:.24s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(8){ animation-delay:.28s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(9){ animation-delay:.32s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(10){ animation-delay:.36s; }
.nav-list .nav-li ul:not(.swiper-slide) li:nth-child(n+11){ animation-delay:.40s; }
.nav-list .nav-li ul:not(.swiper-slide) li:active img{ transform:scale(.94); transition:transform .16s ease; }

/* ---------- AF8. 无障碍兜底 ---------- */
@media (prefers-reduced-motion: reduce){
  .nav-list .nav-li ul:not(.swiper-slide) li{ animation:none !important; }
}


/* ---------- AF5b. 弹层（含取消钮）全部去脏灰文字阴影 ---------- */
.tcui-actionsheet, .tcui-actionsheet *{ text-shadow:none !important; }

/* ---------- AF4b. 资料修改页 wrap 层同步收溢出 ---------- */
body.body-white section.wrap{ overflow-x:hidden; }

/* ---------- AF9. 注销页：白表单直角 → 浮卡圆角；红钮渐变胶囊 ---------- */
form.mainer#logoffForm{
  border-radius:16px !important;
  box-shadow:0 8px 24px rgba(23,58,110,.08);
}
form.mainer#logoffForm .id_logoff_btn{
  border-radius:999px !important;
  background:linear-gradient(135deg,#FF6B6B,#F43F5E) !important;
  box-shadow:0 6px 16px rgba(244,63,94,.28);
  border:0 !important;
}


/* ============================================================
   v6.7.0  AG 段 —— 发布表单与购买页收口
   ============================================================ */

/* ---------- AG1. 发布表单隐藏背景破图（/img/background.jpg 根目录 404） ---------- */
img[src*="/img/background.jpg"]{ display:none !important; }

/* ---------- AG2. 发布表单快捷标签：灰描边小方签 → 淡蓝软签 + 选中渐变胶囊 ---------- */
.sec-input.small-line label{
  border:1px solid #D9E4F2 !important;
  background:#F4F9FF !important;
  color:#3D6BA8 !important;
  border-radius:8px !important;
  padding:6px 12px !important;
  box-shadow:none !important;
  transition:background .18s ease, color .18s ease, box-shadow .18s ease, transform .16s ease;
}
.sec-input.small-line label:active{ transform:scale(.95); }
.sec-input.small-line input.checkbox-label-item:checked + label{
  background:linear-gradient(135deg,#1B8CFF,#2B7BFB) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 4px 12px rgba(27,111,216,.26) !important;
}

/* ---------- AG3. 刷新套餐页橙红「刷新」印章图 → 主蓝系（与全站统一） ---------- */
img[src*="buyrefresh.png"]{ filter:hue-rotate(200deg) saturate(.9); }


/* ============================================================
   v6.8.0  AH 段 —— 积分/收藏等记录页收口（头部浮卡/分页条/空态）
   ============================================================ */

/* ---------- AH1. 积分页头部：全宽贴边（左上露白缺口）→ 内缩浮卡 ---------- */
.scorelog_header{
  margin-left:10px !important;
  margin-right:10px !important;
  width:auto !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px rgba(27,111,216,.22);
}
.scorelog_header .scorelog_myscore_num{
  text-shadow:0 2px 8px rgba(13,71,148,.30);
}

/* ---------- AH2. 分页条统一：白胶囊 + 淡边 + 微影 + 按压反馈 ---------- */
.pages ul li span{
  display:inline-block;
  background:#fff;
  color:#3D6BA8;
  font-weight:600;
  border:1px solid #E4ECF5;
  border-radius:999px !important;
  padding:8px 0;
  box-shadow:0 3px 10px rgba(23,58,110,.07);
  transition:transform .16s ease, box-shadow .16s ease;
}
.pages ul li:active span{ transform:scale(.96); box-shadow:0 1px 4px rgba(23,58,110,.06); }
/* 中间页码项（如 1/0）不抢视觉：透明底灰字 */
.pages ul li span:only-child{ min-width:0; }
.pages ul li[style*="20%"] span{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  color:#66768F !important;
  font-weight:400;
}

/* ---------- AH3. 空列表补占位提示（积分/收藏等记录页） ---------- */
.myorder > section:not(:has(li))::after{
  content:'暂无记录';
  display:block;
  text-align:center;
  color:#66768F;
  font-size:13px;
  padding:46px 0;
  background:#fff;
  border-radius:16px;
  border:1px dashed #DCE6F2;
  margin:12px 10px;
}
.tc-sec .tc-sec:not(:has(*))::after{
  content:'暂无内容';
  display:block;
  text-align:center;
  color:#66768F;
  font-size:13px;
  padding:46px 0;
  background:#fff;
  border-radius:16px;
  border:1px dashed #DCE6F2;
  margin:12px 0;
}

/* ---------- AH4. 记录页内容卡与分页条拉开间距 ---------- */
.pages{ margin:14px 10px 20px; }


/* ============================================================
   v6.9.0  AI 段 —— 全站动态效果第二轮（详情/个人中心/消息/记录页）
   ============================================================ */

/* ---------- AI0. 新 keyframes ---------- */
@keyframes ocPulse{
  0%,100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(244,63,94,.45); }
  50%{ transform:scale(1.12); box-shadow:0 0 0 5px rgba(244,63,94,0); }
}
@keyframes ocAvatarGlow{
  0%,100%{ box-shadow:0 0 0 3px rgba(255,255,255,.85), 0 0 0 5px rgba(255,255,255,.25); }
  50%{ box-shadow:0 0 0 3px rgba(255,255,255,.85), 0 0 0 9px rgba(255,255,255,0); }
}

/* ---------- AI1. 详情页：内容卡分层入场 ---------- */
section.info-item{ animation:ocRiseIn .45s cubic-bezier(.22,.9,.3,1) both; }
section.info-item:nth-of-type(2){ animation-delay:.08s; }
section.info-item:nth-of-type(3){ animation-delay:.16s; }
section.info-item:nth-of-type(n+4){ animation-delay:.24s; }

/* ---------- AI2. 个人中心：宫格/统计交错入场 + 按压反馈 ---------- */
.personal_nav .nav-nav > a,
.personal_nav .nav-nav__mall > a{ animation:ocGridIn .4s cubic-bezier(.22,.9,.3,1) both; }
.personal_nav .nav-nav > a:nth-child(2){ animation-delay:.04s; }
.personal_nav .nav-nav > a:nth-child(3){ animation-delay:.08s; }
.personal_nav .nav-nav > a:nth-child(4){ animation-delay:.12s; }
.personal_nav .nav-nav > a:nth-child(5){ animation-delay:.16s; }
.personal_nav .nav-nav > a:nth-child(6){ animation-delay:.20s; }
.personal_nav .nav-nav > a:nth-child(7){ animation-delay:.24s; }
.personal_nav .nav-nav > a:nth-child(n+8){ animation-delay:.28s; }
.personal_nav .nav-nav__mall > a:nth-child(2){ animation-delay:.04s; }
.personal_nav .nav-nav__mall > a:nth-child(3){ animation-delay:.08s; }
.personal_nav .nav-nav__mall > a:nth-child(n+4){ animation-delay:.12s; }
.personal_nav .nav-nav > a:active img,
.personal_nav .nav-nav__mall > a:active img{ transform:scale(.9); transition:transform .16s ease; }
.personal_tongji li{ animation:ocGridIn .38s cubic-bezier(.22,.9,.3,1) both; }
.personal_tongji li:nth-child(2){ animation-delay:.05s; }
.personal_tongji li:nth-child(3){ animation-delay:.10s; }
.personal_tongji li:nth-child(4){ animation-delay:.15s; }

/* ---------- AI3. 个人中心头像：柔和光环呼吸 ---------- */
.user-avatar-pic img.avatar{ animation:ocAvatarGlow 3.2s ease-in-out infinite; }

/* ---------- AI4. 消息页：消息行交错入场 ---------- */
section.msg-list{ animation:ocCardIn .36s cubic-bezier(.22,.9,.3,1) both; }
section.msg-list:nth-of-type(2){ animation-delay:.05s; }
section.msg-list:nth-of-type(3){ animation-delay:.10s; }
section.msg-list:nth-of-type(4){ animation-delay:.15s; }
section.msg-list:nth-of-type(5){ animation-delay:.20s; }
section.msg-list:nth-of-type(n+6){ animation-delay:.25s; }

/* ---------- AI5. 全站红点脉冲（底导航消息数 / 个人中心消息提醒） ---------- */
.new-footer .weui-badge,
.footer-box__item .weui-badge,
.new-footer .footer-box__item i:not([class]),
.personal_tongji .tixing{ animation:ocPulse 2.2s ease-in-out infinite; }

/* ---------- AI6. 记录页（订单/积分/收藏）：列表行交错入场 ---------- */
.myorder ul li{ animation:ocCardIn .34s cubic-bezier(.22,.9,.3,1) both; }
.myorder ul li:nth-child(2){ animation-delay:.04s; }
.myorder ul li:nth-child(3){ animation-delay:.08s; }
.myorder ul li:nth-child(4){ animation-delay:.12s; }
.myorder ul li:nth-child(5){ animation-delay:.16s; }
.myorder ul li:nth-child(n+6){ animation-delay:.20s; }

/* ---------- AI7. 分页条淡入 ---------- */
.pages ul li{ animation:ocFadeIn .4s ease-out .15s both; }

/* ---------- AI8. 无障碍兜底 ---------- */
@media (prefers-reduced-motion: reduce){
  section.info-item,
  .personal_nav .nav-nav > a,
  .personal_nav .nav-nav__mall > a,
  .personal_tongji li,
  .user-avatar-pic img.avatar,
  section.msg-list,
  .new-footer .weui-badge,
  .footer-box__item .weui-badge,
  .new-footer .footer-box__item i:not([class]),
  .personal_tongji .tixing,
  .myorder ul li,
  .pages ul li{ animation:none !important; }
}


/* ============================================================
   v7.0.0  AJ 段 —— 首页「简洁直观·大气」精修
   ============================================================ */

/* ---------- AJ1. 「暂无图片」占位弱化：灰白硬块 → 淡蓝渐变底盘 + 隐约灰影 ---------- */
.tuwenlist_item_pic img[src*="192711ygt1c1o1z4zt7tj3"]{
  filter:grayscale(100%) opacity(.26);
}
.tuwenlist_item_pic:has(img[src*="192711ygt1c1o1z4zt7tj3"]){
  background:linear-gradient(160deg,#F0F6FE,#E3EEFA);
  border-radius:10px;
}

/* ---------- AJ2. 列表视觉层级拉开：标题更重、描述更克制（简洁感核心） ---------- */
#index-list .tuwenlist_bd .typename{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:.2px;
  line-height:1.4;
}
/* 描述文本降一档：不抢标题 */
#index-list .tuwenlist_item_details{
  font-size:13px !important;
  color:#5A6B85 !important;
  line-height:1.5;
}
/* 浏览量/时间行再降一档 */
#index-list .sub_lt_time,
#index-list .tuwenlist_bd [class*=time],
#index-list .tuwenlist_bd [class*=view]{
  font-size:11px !important;
  color:#66768F !important;
}

/* ---------- AJ3. tab 栏按压反馈 + 选中胶囊微投影 ---------- */
.index-newmenus__item a{ transition:transform .16s ease, box-shadow .2s ease; }
.index-newmenus__item:active a{ transform:scale(.94); }
.index-newmenus__item.active a{
  box-shadow:0 4px 12px rgba(27,111,216,.30);
}

/* ---------- AJ4. 首屏统计条：与 banner 更贴合的浮起层次 ---------- */
.oc-stats{
  box-shadow:0 8px 22px rgba(23,58,110,.10);
  border:1px solid rgba(255,255,255,.65);
}

/* ---------- AJ5. 宫格文字与图标间距微调（更透气） ---------- */
.nav-list .nav-li .swiper-slide li .nav-li-txt,
.nav-list .nav-li ul li .nav-li-txt{
  margin-top:7px;
  color:#33415C;
}

/* ---------- AJ6. 电话胶囊与卡片底边对齐精修 ---------- */
#index-list .oc-tel-pill{ letter-spacing:.5px; }


/* ============================================================
   v7.1.0  AK 段 —— 顶部搜索吸顶 / 间距统一 / 列表卡精简
   ============================================================ */

/* ---------- AK1. 顶部私信钮移除，搜索框自然拉宽 ---------- */
.index-top__search .top-search__box .search-box__rt{ display:none !important; }

/* ---------- AK2. 搜索条滚动吸顶（JS 切换 body.oc-stuck，仅首页注入） ---------- */
body.oc-stuck .index-top__search{
  position:fixed !important;
  top:0; left:0; right:0;
  z-index:999;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 6px 18px rgba(23,58,110,.16);
  padding-top:8px;
  animation:ocDockIn .3s cubic-bezier(.22,.9,.3,1);
}
/* 占位补偿：fixed 后 header 不塌陷（搜索行原占 54px） */
body.oc-stuck .index-header{ padding-top:54px !important; }

/* ---------- AK3. 首页模块左右间距统一 10px ---------- */
.index-header .oc-focuspic-wrap{
  margin-left:10px !important;
  margin-right:10px !important;
  width:auto !important;
}
section.mainer .oc-stats, section.wrap .oc-stats, .index-body .oc-stats{
  margin-left:10px !important;
  margin-right:10px !important;
  width:auto !important;
  max-width:none !important;
}

/* ---------- AK4. 列表卡去电话胶囊（仅列表卡上下文，详情页一键呼叫保留） ---------- */
.tuwenlist_bd .oc-tel-pill{ display:none !important; }

/* ---------- AK5b. 统计行与模块边缘对齐（去父容器内边距） ---------- */
.nav-list-tit{ padding-left:0 !important; padding-right:0 !important; }
.nav-list-tit-l{ padding-left:0 !important; }

/* ---------- AK5. 类目签与标题行紧凑（11px → 4px） ---------- */
.sub_lt_content .typename{ margin-right:4px !important; }
.sub_lt_content{ line-height:1.55 !important; min-height:0 !important; }

/* ============================================================
   v7.2.0  AL 段 —— 最新信息栏吸顶 / 动效第三轮 / 首页简洁大气
   ============================================================ */

/* ---------- AL0. 修复 AK2 特异性：.index-header:has(.oc-focuspic-wrap) .index-top__search(0,3,0)
   压过 body.oc-stuck .index-top__search(0,2,1)，导致吸顶搜索条被挤到 top:10 / z-index:60 ---------- */
body.oc-stuck .index-header .index-top__search{
  top:0 !important;
  z-index:999 !important;
}
/* 有横幅时搜索条本就悬浮不占位，吸顶无需 54px 占位补偿（否则横幅下跳 54px） */
body.oc-stuck .index-header:has(.oc-focuspic-wrap){ padding-top:0 !important; }
/* 吸顶入场改为仅淡入：translateY 动画期间 getBoundingClientRect 被污染（tab 栏吸顶定位依赖实测底边） */
@keyframes ocDockFade{ from{ opacity:0; } to{ opacity:1; } }
body.oc-stuck .index-header .index-top__search{ animation:ocDockFade .25s ease-out !important; }

/* ---------- AL1. 最新信息 tab 栏吸顶（JS 切换 body.oc-tabs-stuck，仅首页注入） ---------- */
body.oc-tabs-stuck .index-newmenus__box{
  position:fixed !important;
  top:54px; left:0; right:0;
  z-index:998;
  margin-top:0 !important;
  padding:6px 0 0 !important;
  animation:ocTabsDock .3s cubic-bezier(.22,.9,.3,1);
}
body.oc-tabs-stuck .index-newmenus__box .index-newmenus__list{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 2px 4px rgba(23,58,110,.06), 0 12px 28px rgba(23,58,110,.15) !important;
}
@keyframes ocTabsDock{
  from{ opacity:0; transform:translateY(-14px); }
  to{ opacity:1; transform:none; }
}

/* ---------- AL2. 动效第三轮 ---------- */
/* 首页分类宫格：交错弹入（与搜索栏/横幅的 ocRiseIn 衔接成入场序列） */
.index-header .nav-li .swiper-slide li,
.nav-list .nav-li .swiper-slide li{
  animation:ocGridIn .38s cubic-bezier(.22,.9,.3,1) both;
}
.nav-list .nav-li .swiper-slide li:nth-child(1){ animation-delay:.16s; }
.nav-list .nav-li .swiper-slide li:nth-child(2){ animation-delay:.20s; }
.nav-list .nav-li .swiper-slide li:nth-child(3){ animation-delay:.24s; }
.nav-list .nav-li .swiper-slide li:nth-child(4){ animation-delay:.28s; }
.nav-list .nav-li .swiper-slide li:nth-child(5){ animation-delay:.32s; }
.nav-list .nav-li .swiper-slide li:nth-child(6){ animation-delay:.36s; }
.nav-list .nav-li .swiper-slide li:nth-child(7){ animation-delay:.40s; }
.nav-list .nav-li .swiper-slide li:nth-child(8){ animation-delay:.44s; }
.nav-list .nav-li .swiper-slide li:nth-child(9){ animation-delay:.48s; }
.nav-list .nav-li .swiper-slide li:nth-child(10){ animation-delay:.52s; }
.nav-list .nav-li .swiper-slide li:nth-child(n+11){ animation-delay:.56s; }
/* 宫格图标：按压时底盘回弹更 Q */
.nav-list .nav-li-pic{ transition:transform .22s cubic-bezier(.34,1.56,.64,1) !important; }
/* tab 选中胶囊：弹性落位 */
.index-newmenus__list .index-newmenus__item.active a{
  animation:ocTabPop .32s cubic-bezier(.34,1.56,.64,1);
}
@keyframes ocTabPop{
  0%{ transform:scale(.86); }
  60%{ transform:scale(1.06); }
  100%{ transform:scale(1); }
}
/* 列表卡图片：载入淡入，避免生硬闪现 */
#index-list .tuwenlist_item img,
.tuwenlist_bd img,
.tuwenlist_item_pic img{
  animation:ocImgFade .45s ease-out both;
}
@keyframes ocImgFade{
  from{ opacity:0; }
  to{ opacity:1; }
}
/* 列表卡：按压微沉，反馈手感 */
#index-list .tuwenlist_item{ transition:transform .18s ease, box-shadow .2s ease !important; }
#index-list .tuwenlist_item:active{ transform:scale(.985); }
/* 横幅图：首次载入淡入 */
.top-focuspic__item img{ animation:ocImgFade .55s ease-out both; }

/* ---------- AL3. 首页简洁大气精修 ---------- */
/* 统计行：圆点分隔，节奏更高级 */
.nav-list-tit .oc-stats__item{ position:relative; }
.nav-list-tit .oc-stats__item + .oc-stats__item{ padding-left:13px; }
.nav-list-tit .oc-stats__item + .oc-stats__item::before{
  content:''; position:absolute; left:0; top:50%;
  width:3px; height:3px; border-radius:50%;
  background:#C7D5E8; transform:translateY(-50%);
}
/* 统计行与帮助胶囊垂直居中、基线统一（:has 限定首页，避免影响列表页标题栏） */
.nav-list-tit:has(.oc-stats){ display:flex; align-items:center; justify-content:space-between; }
.nav-list-tit:has(.oc-stats) .nav-list-tit-l{ flex:1 1 auto; min-width:0; }
.nav-list-tit:has(.oc-stats) .help_title{ flex:0 0 auto; margin-left:8px; }
/* 宫格卡：上下留白收紧，整体更利落 */
.mainer .wrap .nav-list{ padding:10px 0 4px !important; }
.nav-li li p{ letter-spacing:.3px; }
/* tab 浮卡与列表区间距统一 10px 节奏 */
.index-newmenus__box{ padding:2px 0 10px !important; }
/* 吸顶搜索条：底部细分隔线，层次更干净 */
body.oc-stuck .index-top__search{
  border-bottom:1px solid rgba(23,58,110,.07);
}
/* 吸顶态搜索框：白底微阴影，浮起感 */
body.oc-stuck .index-top__search .top-search__box .search-box__main{
  box-shadow:0 2px 8px rgba(23,58,110,.08);
}

/* ---------- AL4. 无障碍兜底（追加本轮新动效） ---------- */
@media (prefers-reduced-motion: reduce){
  .nav-list .nav-li .swiper-slide li,
  .index-newmenus__list .index-newmenus__item.active a,
  #index-list .tuwenlist_item img,
  .tuwenlist_bd img,
  .tuwenlist_item_pic img,
  .top-focuspic__item img,
  body.oc-tabs-stuck .index-newmenus__box{
    animation:none !important;
  }
}


/* ==========================================================================
   UX Fix v7.2.0 —— 详情页体验修复（首页不受影响，选择器均为详情页专属）
   ========================================================================== */

/* 1) 头部按钮区（私信TA/生成海报/一键复制）不再被底部波浪盖住 */
.info-item-title {
  z-index: 10 !important;
}

/* 2) 左下角订阅/客服浮窗：改为双圆钮（白玻璃+蓝字），与右侧回到顶部圆钮呼应 */
.site-float {
  left: 10px !important;
  bottom: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.site-float .img-dialog {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  color: var(--oc-primary-dark) !important;
  background: rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(23, 58, 110, .08);
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(23, 58, 110, .14);
}

.site-float .img-dialog a {
  color: inherit !important;
}


/* ==========================================================================
   UX PRO v8.0.0 —— 全站体验增强层
   动效 / 按压反馈 / 入场节奏 / 可读性 / 表单 / 弹层
   ========================================================================== */

/* ---------- 0) 动效基调 ---------- */
:root{
  --oc-ease:      cubic-bezier(.22,.61,.36,1);
  --oc-ease-out:  cubic-bezier(.16,1,.3,1);
  --oc-ease-back: cubic-bezier(.34,1.56,.64,1);
  --oc-dur:       .26s;
}

html{ scroll-behavior: smooth; }
* { -webkit-tap-highlight-color: transparent; }
body{ animation: ocPageIn .34s var(--oc-ease-out) both; }
@keyframes ocPageIn{ from{ opacity:0 } to{ opacity:1 } }

/* ---------- 1) 统一过渡（可点元素） ---------- */
a, button, .tcui-btn, .btn, .img-dialog, .tcui-cell,
.nav-li-pic, .info-footer-item > a, .tab-nav, .tcui-cells__item{
  transition: background-color var(--oc-dur) var(--oc-ease),
              color var(--oc-dur) var(--oc-ease),
              border-color var(--oc-dur) var(--oc-ease),
              box-shadow var(--oc-dur) var(--oc-ease),
              transform .16s var(--oc-ease),
              opacity var(--oc-dur) var(--oc-ease);
}

/* 按压回弹 —— 只作用于自身不含浮层的元素 */
a:active, button:active, .tcui-btn:active, .btn:active,
.img-dialog:active, .nav-li-pic:active, .tab-nav:active{
  transform: scale(.955);
  opacity: .88;
}
.tcui-btn_primary:active,
.tc-template__bg:active{ transform: scale(.97); opacity:.92; }

/* ---------- 2) 入场节奏（stagger） ---------- */
@keyframes ocRise{ from{ opacity:0; transform: translate3d(0,14px,0) } to{ opacity:1; transform:none } }
@keyframes ocFade{ from{ opacity:0 } to{ opacity:1 } }

/* 详情页板块：只做淡入（避免 transform 影响内部 fixed 浮层） */
#tc_info .info-item{ animation: ocFade .45s var(--oc-ease-out) both; }
#tc_info .info-item:nth-of-type(1){ animation-delay: .02s }
#tc_info .info-item:nth-of-type(2){ animation-delay: .07s }
#tc_info .info-item:nth-of-type(3){ animation-delay: .12s }
#tc_info .info-item:nth-of-type(4){ animation-delay: .17s }
#tc_info .info-item:nth-of-type(5){ animation-delay: .22s }
#tc_info .info-item:nth-of-type(6){ animation-delay: .27s }
#tc_info .info-item:nth-of-type(n+7){ animation-delay: .32s }

/* 列表卡片 / 宫格：上浮入场 */
.tuwenlist_item,
.nav-li-pic,
.tcui-cells,
.list-item{ animation: ocRise .5s var(--oc-ease-out) both; }
.tuwenlist_item:nth-child(1), .nav-li-pic:nth-child(1){ animation-delay:.03s }
.tuwenlist_item:nth-child(2), .nav-li-pic:nth-child(2){ animation-delay:.07s }
.tuwenlist_item:nth-child(3), .nav-li-pic:nth-child(3){ animation-delay:.11s }
.tuwenlist_item:nth-child(4), .nav-li-pic:nth-child(4){ animation-delay:.15s }
.tuwenlist_item:nth-child(5), .nav-li-pic:nth-child(5){ animation-delay:.19s }
.tuwenlist_item:nth-child(6), .nav-li-pic:nth-child(6){ animation-delay:.23s }
.tuwenlist_item:nth-child(7), .nav-li-pic:nth-child(7){ animation-delay:.27s }
.tuwenlist_item:nth-child(8), .nav-li-pic:nth-child(8){ animation-delay:.31s }
.tuwenlist_item:nth-child(n+9), .nav-li-pic:nth-child(n+9){ animation-delay:.35s }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; animation-delay:0s !important; transition-duration:.01ms !important; }
}

/* ---------- 3) 可读性：次要文字统一到 --oc-text-weak(4.6:1) ---------- */
.mainer .sub_lt_time span,
.mainer .sub_lt_time,
.tcui-loadmore .tcui-loadmore__tips,
.info-item-time span,
.info-item-time,
[class*=sub_lt] span,
.list-item-time span{
  color: #66768F !important;
}
.zan-hd, .zan-hd_num span{ color: var(--oc-text-sub) !important; }
.pop_qr_txt{ color: var(--oc-text-sub) !important; }

/* ---------- 4) 列表卡片：层次 + 按压 ---------- */
.tuwenlist_item{
  position: relative;
  border-radius: var(--oc-r-md) !important;
  overflow: hidden;
}
.tuwenlist_item:active{
  background: #FBFCFE !important;
  box-shadow: 0 2px 8px rgba(23,58,110,.06) !important;
}
/* 左侧缩略图微放大（仅卡片内图片） */
.tuwenlist_item img{ transition: transform .4s var(--oc-ease); }
.tuwenlist_item:active img{ transform: scale(1.04); }

/* ---------- 5) 表单：聚焦态 ---------- */
input[type=text], input[type=tel], input[type=number], input[type=password],
input:not([type]), textarea, select{
  border-radius: var(--oc-r-sm) !important;
  transition: border-color .2s var(--oc-ease), box-shadow .2s var(--oc-ease), background-color .2s var(--oc-ease);
}
input:focus, textarea:focus, select:focus{
  outline: none !important;
  border-color: var(--oc-primary) !important;
  box-shadow: 0 0 0 3px rgba(27,140,255,.13) !important;
  background: #fff !important;
}
input::placeholder, textarea::placeholder{ color: #AAB4C4; }

/* ---------- 6) 按钮：主按钮渐变 + 光泽 ---------- */
.tcui-btn_primary,
.tc-template__bg.tcui-btn,
.tcui-btn.tc-template__bg{
  background-image: var(--oc-grad) !important;
  border: none !important;
  box-shadow: var(--oc-shadow-blue) !important;
  border-radius: var(--oc-r-pill) !important;
  letter-spacing: .5px;
}
.tcui-btn{
  border-radius: var(--oc-r-pill) !important;
  min-height: 44px;
}
.tcui-btn + .tcui-btn{ margin-top: 10px; }

/* ---------- 7) 弹层 / 海报：不再溢出 ---------- */
.haibao-body, .haibao-body.paper,
.pop-body, .pop_qr{
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
.haibao-body img, .pop-body img{ max-width: 100% !important; height: auto !important; }

/* ---------- 8) 动作面板：丝滑升降 ---------- */
.tcui-actionsheet{
  transition: transform .32s var(--oc-ease-out), opacity .28s var(--oc-ease) !important;
  border-radius: var(--oc-r-lg) var(--oc-r-lg) 0 0 !important;
  overflow: hidden;
}
.tcui-mask{
  transition: opacity .28s var(--oc-ease) !important;
}

/* ---------- 9) 点赞：脉冲反馈 ---------- */
@keyframes ocPulse{
  0%{ transform: scale(1) }
  38%{ transform: scale(1.28) }
  100%{ transform: scale(1) }
}
.zan-hd_num:active i,
.zan-hd_num.on i{ animation: ocPulse .42s var(--oc-ease-back); }

/* ---------- 10) 加载更多：细腻转圈 ---------- */
@keyframes ocSpin{ to{ transform: rotate(360deg) } }
.tcui-loadmore__tips::before,
.tcui-loadmore .tcui-loading::before{
  content: "";
  display: inline-block;
  width: 12px; height: 12px;
  margin-right: 6px;
  vertical-align: -1px;
  border: 2px solid rgba(27,140,255,.22);
  border-top-color: var(--oc-primary);
  border-radius: 50%;
  animation: ocSpin .7s linear infinite;
}

/* ---------- 11) 悬浮圆钮：呼吸光环 ---------- */
@keyframes ocHalo{
  0%,100%{ box-shadow: 0 4px 14px rgba(23,58,110,.14), 0 0 0 0 rgba(27,140,255,.22) }
  50%    { box-shadow: 0 4px 14px rgba(23,58,110,.14), 0 0 0 6px rgba(27,140,255,0) }
}
.site-float .img-dialog{ animation: ocHalo 2.6s var(--oc-ease) infinite; }
.back_top{
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(23,58,110,.16) !important;
  border-radius: 50% !important;
}

/* ---------- 12) 横向滚动区：隐藏滚动条 ---------- */
.tab-scroll, .index-newmenus__list, .nav-li, .swiper-container{
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tab-scroll::-webkit-scrollbar,
.index-newmenus__list::-webkit-scrollbar,
.nav-li::-webkit-scrollbar{ display: none; height: 0; }

/* ---------- 13) 点击热区补足（原 14px 高） ---------- */
.info-item-tel a, .info-item-ly a, .sub_lt_r a{
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}

/* ---------- 14) 分割线与留白统一 ---------- */
.tcui-cells__title{
  color: var(--oc-text-weak) !important;
  font-size: 13px !important;
  letter-spacing: .2px;
}
.tcui-cell{
  min-height: 48px;
  padding: 12px 15px !important;
}

/* ---------- 15) 图片渐显 ---------- */
img{ transition: opacity .35s var(--oc-ease); }


/* ==========================================================================
   UX PRO v8.0.1 —— 巡检修复（拨号按钮 / 海报 / 可读性 / 点击热区）
   ========================================================================== */

/* ---------- P0 拨号按钮：文字不再被裁（原内容 154px > 容器 142px） ---------- */
#info-footer .info-footer-item.info-footer-tel{ flex: 0 0 46% !important; }
#info-footer .info-footer-tel a,
.info-item-mation .info-footer-tel a{
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 5px 8px !important;
  font-size: 13.5px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  text-align: center;
  word-break: break-all;
}
#info-footer .info-footer-tel a font,
.info-item-mation .info-footer-tel a font,
#info-footer .info-footer-tel a span,
.info-item-mation .info-footer-tel a span{ color:#fff !important; }

/* ---------- P1 海报：深蓝底上的文字改白，内容不再溢出 ---------- */
#html-haibao-box .site-name,
#html-haibao-box .site-msg,
#html-haibao-box .center,
.html2canvas_wrap .site-name,
.html2canvas_wrap .site-msg,
.html2canvas_wrap .center{ color:#fff !important; }
#html-haibao-box .haibao-body.paper{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#html-haibao-box .haibao-body.paper *,
.html2canvas_wrap *{ max-width: 100% !important; box-sizing: border-box !important; }
#html-haibao-box .haibao-header .left{ max-width: 58% !important; }
#html-haibao-box img{ max-width: 100% !important; height: auto !important; }

/* ---------- P2 可读性：次要文字（覆盖带 id 的旧规则） ---------- */
#index-list .sub_lt_time span,
.mainer .sub_lt_time span,
.tuwenlist_item .sub_lt_time span,
.tuwen_sub .sub_lt_time span,
#index-list .tcui-loadmore_line .tcui-loadmore__tips,
.tc-sec .tcui-loadmore_line .tcui-loadmore__tips,
.tcui-loadmore .tcui-loadmore__tips,
.pages ul li:nth-child(2) span{ color:#66768F !important; }

/* ---------- P2 点击热区补足 ---------- */
.tab-scroll .tab-nav a,
.tab-navs .tab-nav a{
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px !important;
}
.info-item-comment .no-comment a,
.info-item-comment .no-comment-more a{
  display: inline-flex !important;
  align-items: center;
  min-height: 34px;
  padding: 8px 10px !important;
}
.site-float .img-dialog a{
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
}
.item-headimg-l{ overflow: visible !important; }


/* ==========================================================================
   UX PRO v8.1.0 —— 分页面精修（发布表单 / 消息 / 搜索 / 我的）
   ========================================================================== */

/* ---------- 发布页：隐形按钮修复 ---------- */
/* "发布须知" 原为白字白底，完全不可见 */
.sec-ico.btn.slide-btn,
.btn.slide-btn,
.slide-btn{
  color: var(--oc-primary-dark) !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(27,140,255,.28) !important;
  border-radius: var(--oc-r-pill) !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  box-shadow: 0 2px 8px rgba(23,58,110,.08);
}
.slide-btn:active{ transform: scale(.95); }

/* 套餐角标：白字橙底对比度仅 1.89 → 改深棕字 */
.fabu-days__desc{
  color: #6B3A00 !important;
  font-weight: 600;
  letter-spacing: .2px;
}

/* 套餐项：文字不再被裁 */
.top-days__days{
  min-width: 0 !important;
  font-size: 13.5px !important;
  line-height: 1.3 !important;
  text-align: center;
  white-space: normal !important;
}
.top-days__item{
  border-radius: 14px !important;
  overflow: hidden;
  transition: transform .2s var(--oc-ease), box-shadow .2s var(--oc-ease) !important;
}
.top-days__item:active{ transform: scale(.96); }

/* 上传图片按钮：圆角 + 虚线感 */
#picpic-btn, .picpic-btn, .upload_video{
  border-radius: var(--oc-r-md) !important;
  border: 1px solid var(--oc-line) !important;
  background: #F7F9FC !important;
  overflow: hidden;
}
#picpic-btn:active, .picpic-btn:active{ transform: scale(.96); }

/* 条款勾选文字加深 */
.tcui-agree__text, .tcui-agree{
  color: var(--oc-text-sub) !important;
}

/* ---------- 消息页：底色统一 + 时间可读性 ---------- */
body.message .header,
.message .header{
  background: #fff !important;
  box-shadow: 0 1px 0 var(--oc-line);
}
body.message .mainer,
.message .mainer,
body.message{ background: var(--oc-bg) !important; }
.msg-list-web h3 span,
.msg-list-web h3 span span{
  color: #7A8698 !important;          /* 原 #B2B2B2 对比度仅 2.0 */
}
.msg-list-web p{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}
.msg-list{
  transition: transform .18s var(--oc-ease), box-shadow .22s var(--oc-ease) !important;
}
.msg-list:active{ transform: scale(.985); box-shadow: 0 2px 8px rgba(23,58,110,.08) !important; }
.oc-active-item{
  transition: transform .18s var(--oc-ease) !important;
  box-shadow: 0 2px 10px rgba(23,58,110,.06) !important;
}
.oc-active-item:active{ transform: scale(.96); }

/* ---------- 搜索页：输入框底色 + 结果卡片圆角 ---------- */
.search-header__lt,
.search-header{
  background: #fff !important;
}
.search-header{
  border: 1px solid var(--oc-line) !important;
}
#keywordinput{ color: var(--oc-text) !important; }
.txtlist_item{
  border-radius: var(--oc-r-md) !important;
  box-shadow: 0 2px 10px rgba(23,58,110,.05) !important;
  margin-bottom: 8px !important;
  overflow: hidden;
  transition: transform .18s var(--oc-ease), box-shadow .22s var(--oc-ease) !important;
}
.txtlist_item:active{ transform: scale(.985); background: #FBFCFE !important; }
.searchtype-item{
  transition: transform .18s var(--oc-ease) !important;
}
.searchtype-item:active{ transform: scale(.94); }

/* ---------- 全局：主按钮流光 ---------- */
@keyframes ocFlow{
  0%  { background-position: 0% 50% }
  100%{ background-position: 200% 50% }
}
.tcui-btn_primary,
.tc-template__bg.tcui-btn{
  background-size: 200% 100% !important;
  animation: ocFlow 5s linear infinite;
}

/* ---------- 空状态：图标轻微浮动 ---------- */
@keyframes ocFloat{
  0%,100%{ transform: translateY(0) }
  50%    { transform: translateY(-5px) }
}
.oc-empty-ico{ animation: ocFloat 3.2s var(--oc-ease) infinite; }

/* ---------- 详情页遗留 ---------- */
#tc_info #info-footer .info-footer-item.info-footer-tel{ flex: 0 0 48% !important; }
.info-item-title .item-title-r a{
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 0;
}


/* ==========================================================================
   UX PRO v8.2.0 —— 质感收边（头部 / 筛选栏 / 卡片间距 / 成功页）
   ========================================================================== */

/* ---------- 发布须知：子链接白字修复 ---------- */
.sec-ico.slide-btn a,
.slide-btn a,
.slide-btn > *{
  color: var(--oc-primary-dark) !important;
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  padding: 4px 10px !important;
}

/* ---------- 列表页筛选栏：黑字在蓝底 → 白字 + 选中下划线 ---------- */
.tc-list-top-filter,
.tc-list-top-filter li,
.tc-list-top-filter li span,
.tc-list-top-filter li a,
.tc-list-top-filter .id-model,
.tc-list-top-filter .id-ordertype,
.tc-list-top-filter .id-area{
  color: #fff !important;
}
.tc-list-top-filter li{ position: relative; }
.tc-list-top-filter li.on::after,
.tc-list-top-filter li.current::after,
.tc-list-top-filter li.active::after,
.tc-list-top-filter li.selected::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 20px; height: 3px;
  margin-left: -10px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
.tc-list-top-filter li{
  transition: opacity .2s var(--oc-ease), transform .16s var(--oc-ease) !important;
}
.tc-list-top-filter li:active{ opacity:.75; transform: scale(.97); }
.Se_nav .SeBack a, .Se_nav .SeMore{ color:#fff !important; }

/* ---------- 列表卡片间距与节奏 ---------- */
#list-list .tuwenlist_item,
.tc-sec .tuwenlist_item{ margin-bottom: 10px !important; }

/* ---------- 通用：返回/更多 图标按钮圆形化 ---------- */
.sec-ico a, .SeBack a, .go-back a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
  transition: background-color .2s var(--oc-ease), transform .16s var(--oc-ease);
}
.sec-ico a:active, .SeBack a:active, .go-back a:active{
  background: rgba(27,140,255,.08);
  transform: scale(.94);
}

/* ---------- 成功页：图标弹入 ---------- */
@keyframes ocPop{
  0%  { opacity:0; transform: scale(.45) }
  62% { opacity:1; transform: scale(1.1) }
  100%{ opacity:1; transform: scale(1) }
}
.fabu-succ-ico, .succ-ico, .oc-succ-ico,
.fabu_succ img, .fabu-succ img{
  animation: ocPop .55s var(--oc-ease-back) both;
}

/* ---------- 详情：联系区卡片化 ---------- */
#tc_info .oc-ly{
  border-radius: var(--oc-r-md) !important;
}
#tc_info .info-item-ly .ly-content{ min-width: 0; }

/* ---------- 图片：圆角统一更柔和 ---------- */
.tuwenlist_item_pic img,
.msg-list-pic img,
.oc-active-pic img{
  border-radius: 10px !important;
}

/* ---------- 顶部导航：点击弹跳 ---------- */
.new-footer__box .flex:active i{ transform: scale(.88); }
.new-footer__box .flex i{ transition: transform .18s var(--oc-ease); }

/* ---------- 减少动画偏好 ---------- */
@media (prefers-reduced-motion: reduce){
  .oc-empty-ico, .site-float .img-dialog, .tcui-btn_primary{ animation: none !important; }
}


/* ==========================================================================
   UX PRO v8.3.0 —— 第二批页面修复（我的信息 / 他人主页 / 底部导航图标）
   ========================================================================== */

/* ---------- 我的信息：时间文字 #999 → 加深 ---------- */
.detail-time,
.detail-time span,
.detail-time a,
.tcline-detail .detail-time span{
  color: #66768F !important;
}
.tcline-item .detail-time a{
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 0;
}
.tcline-item .detail-hd__lt .username{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 3px 0;
}

/* ---------- 主页（我 / 他人）：按钮组在蓝底上改白字 ---------- */
.user-wrap .btn-group,
.user-page-avatar .btn-group,
.btn-group,
.btn-group a,
.btn-group span{
  color: #fff !important;
}
.btn-group a{
  background: rgba(255,255,255,.20) !important;
  border-radius: var(--oc-r-pill) !important;
  padding: 5px 14px !important;
  display: inline-flex !important;
  align-items: center;
  min-height: 32px;
  transition: background-color .2s var(--oc-ease), transform .16s var(--oc-ease);
}
.btn-group a:active{ background: rgba(255,255,255,.34) !important; transform: scale(.95); }

/* ---------- 底部导航：图标容器不再溢出 ---------- */
.new-footer__box .flex font.iconfont,
.new-footer__box .flex i,
.new-footer__box .flex .iconfont{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  overflow: visible !important;
}

/* ---------- 我的信息列表：入场节奏 ---------- */
.tcline-item{
  animation: ocRise .48s var(--oc-ease-out) both;
}
.tcline-item:nth-child(1){ animation-delay:.03s }
.tcline-item:nth-child(2){ animation-delay:.08s }
.tcline-item:nth-child(3){ animation-delay:.13s }
.tcline-item:nth-child(4){ animation-delay:.18s }
.tcline-item:nth-child(5){ animation-delay:.23s }
.tcline-item:nth-child(n+6){ animation-delay:.28s }

/* ---------- 管理/操作按钮：统一胶囊 ---------- */
.manage-case-list a,
.detail-cmt-wrap a{
  border-radius: var(--oc-r-pill) !important;
  transition: background-color .2s var(--oc-ease), transform .16s var(--oc-ease) !important;
}
.manage-case-list a:active{ transform: scale(.95); }


/* ==========================================================================
   UX PRO v8.4.0 —— 滚动驱动动效 + 质感细节
   说明：animation-timeline 仅在支持的浏览器生效，不支持的浏览器自动降级
        为"直接显示"，不会造成白屏或错位。
   ========================================================================== */

@keyframes ocScrollIn{
  from{ opacity:0; transform: translate3d(0,20px,0) scale(.985) }
  to  { opacity:1; transform: none }
}
@keyframes ocScrollFade{
  from{ opacity:0 }
  to  { opacity:1 }
}

@supports (animation-timeline: view()){
  /* 列表卡片、信息条目：进入视口时上浮渐入 */
  .tuwenlist_item:nth-child(n),
  .tcline-item:nth-child(n),
  .txtlist_item:nth-child(n),
  .msg-list:nth-child(n){
    animation: ocScrollIn linear both !important;
    animation-timeline: view() !important;
    animation-range: entry 6% cover 24% !important;
    animation-delay: 0s !important;
  }
  /* 详情页板块：只淡入，避免 transform 影响内部 fixed 浮层 */
  #tc_info .info-item:nth-of-type(n){
    animation: ocScrollFade linear both !important;
    animation-timeline: view() !important;
    animation-range: entry 4% cover 18% !important;
    animation-delay: 0s !important;
  }
}

/* ---------- 质感：卡片微光边 ---------- */
.tuwenlist_item,
.tcline-item,
.msg-list,
.nav-list,
.index-newmenus__list,
.personal_tongji,
.personal_nav,
.oc-active-box{
  box-shadow: 0 4px 16px rgba(23,58,110,.07), inset 0 1px 0 rgba(255,255,255,.7) !important;
}

/* ---------- 图片：加载前占位底色，不再白块 ---------- */
img{
  background: linear-gradient(135deg,#F2F6FB 0%,#E9F1F9 100%);
}
.tuwenlist_item_pic img,
.msg-list-pic img,
.oc-active-pic img,
.swiper-slide img{ background: #EEF3F9; }

/* ---------- 轮播：底部渐隐遮罩，突出圆点与层次 ---------- */
.oc-focuspic-wrap .swiper-container::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:52px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(to bottom, rgba(16,32,58,0) 0%, rgba(16,32,58,.28) 100%);
  pointer-events:none;
  z-index:2;
}
.oc-focuspic-wrap .swiper-container{ position: relative; overflow: hidden; }

/* ---------- 分类宫格：图标轻投影 + 按压 ---------- */
.nav-li-pic{
  box-shadow: 0 3px 10px rgba(23,58,110,.10) !important;
  transition: transform .22s var(--oc-ease), box-shadow .22s var(--oc-ease) !important;
}
.nav-li-pic:active{
  transform: translateY(2px) scale(.94);
  box-shadow: 0 1px 4px rgba(23,58,110,.10) !important;
}
.nav-li .swiper-slide li a p{
  transition: color .2s var(--oc-ease);
}
.nav-li .swiper-slide li a:active p{ color: var(--oc-primary-dark); }

/* ---------- 最新/附近 切换胶囊：更轻盈 ---------- */
.index-newmenus__item > a{
  transition: background-color .22s var(--oc-ease), color .22s var(--oc-ease),
              box-shadow .22s var(--oc-ease), transform .16s var(--oc-ease) !important;
}
.index-newmenus__item > a:active{ transform: scale(.94); }

/* ---------- 搜索框：聚焦呼吸 ---------- */
.top-search__box{
  transition: box-shadow .28s var(--oc-ease) !important;
}
.top-search__box:focus-within{
  box-shadow: 0 6px 22px rgba(27,140,255,.22), 0 0 0 3px rgba(27,140,255,.10) !important;
}

/* ---------- 详情：图库图片圆角与按压 ---------- */
#tc_info .oc-gallery img{ border-radius: var(--oc-r-sm) !important; }

/* ---------- 通用：长文本可读性 ---------- */
.tuwen_sub_lt .sub_lt_content,
.info-item-content,
.oc-info-hero{
  line-height: 1.6;
  letter-spacing: .1px;
}


/* ==========================================================================
   UX PRO v8.5.0 —— 字号可读性（移动端最小字号下限）
   ========================================================================== */

/* 卡片城市角标：10px → 11.5px */
.tuwenlist_bd > span,
.tuwenlist_item > .tuwenlist_bd > span{
  font-size: 11.5px !important;
}

/* 备案/资质入口：10px → 11px */
#beianFooterToggle,
#beianFooterToggle a,
.beian-footer a,
.beianFooter a{ font-size: 11px !important; }

/* 底部导航角标数字：10px → 11px */
.new-footer__box .flex .iconfont i,
.new-footer__box .flex i i{ font-size: 11px !important; }

/* 分类/属性标签：11px → 11.5px */
.typename{ font-size: 11.5px !important; }

/* 列表时间行：11px → 12px */
.sub_lt_time,
.sub_lt_time span,
.detail-time,
.detail-time span{ font-size: 12px !important; }

/* 首页统计：11.5px → 12px */
.oc-stats__item{ font-size: 12px !important; }

/* 详情页免责声明 */
.oc-disclaimer__bd,
.disclaimer{ font-size: 12px !important; line-height: 1.7 !important; }

/* 加载提示 */
.tcui-loadmore__tips{ font-size: 12.5px !important; }

/* ==========================================================================
   UX PRO v9.0.0 —— 设计令牌收口（灰阶 / 字号 / 圆角 / 底色 一致性）
   ========================================================================== */

/* ---------- 1) 字号离散值消除：13.5px → 13px，消除半像素排版 ---------- */
.index-newmenus__item > a,
.index-newmenus__list .index-newmenus__item > a,
.nav-list-tit .help_title,
.help_title{ font-size:13px !important; }

/* ---------- 2) 字号下限兜底：被更高优先级规则压住的 10 / 11px ---------- */
#index-list .tuwenlist_item span[style*="rgba(0,0,0,0.5)"],
.tuwenlist_bd > span[style*="rgba(0,0,0,0.5)"],
.tuwenlist_item span[style*="rgba(0,0,0,0.5)"]{
  font-size:11.5px !important;
  letter-spacing:.2px;
}
#index-list .tuwenlist_item .sub_lt_time,
#index-list .sub_lt_time,
.mainer .sub_lt_time,
.sub_lt_time{ font-size:12px !important; }
#index-list .tuwenlist_bd [class*=time],
#index-list .tuwenlist_bd [class*=view]{ font-size:12px !important; }
.sub_lt_content .typename,
.sub_lt_content .typename[style*="background"],
.tuwenlist_item .typename,
#index-list .tuwenlist_item .typename{ font-size:11.5px !important; }

/* ---------- 3) 灰阶归一：中性灰 #333 → 品牌深蓝黑 ---------- */
.swiper-slide > a,
.swiper-slide > li > a,
li > a > p,
.nav-li-pic,
.swiper-slide img{ color:var(--oc-text) !important; }

/* ---------- 4) 圆角归一：宫格图标外 16 / 内 12（原 15 / 9 不一致） ---------- */
.nav-li-pic{
  border-radius:var(--oc-r-lg) !important;
  overflow:hidden;
}
.nav-li-pic img{
  border-radius:var(--oc-r-md) !important;
  display:block;
}
/* 宫格容器：内边距与图标呼吸感统一 */
.index-header .nav-list li > a{ padding:8px 2px 6px !important; }
.index-header .nav-list li > a > p{
  margin-top:5px !important;
  line-height:1.35 !important;
  letter-spacing:.2px;
}

/* ---------- 5) 图片占位底色归一（原 #EEF3F9 / #F4F7FB 混用） ---------- */
.nav-li-pic img,
.swiper-slide img,
.tuwenlist_item_pic img,
.tuwenlist_item_pic .pic,
.top-focuspic__item img{ background:var(--oc-bg) !important; }

/* ---------- 6) 分类胶囊：统一呼吸感 + 按压反馈 ---------- */
.index-newmenus__item > a{
  transition:transform .18s var(--oc-ease, cubic-bezier(.22,.61,.36,1)),
             box-shadow .22s ease,
             background-color .22s ease !important;
}
.index-newmenus__item > a:active{
  transform:scale(.93) !important;
  background:rgba(27,140,255,.10) !important;
  color:var(--oc-primary) !important;
  box-shadow:0 4px 12px rgba(27,140,255,.22) !important;
}

/* ---------- 7) 弱化图标统一（非文字，可淡） ---------- */
.tcicon-yanjing,
.sub_lt_time i.tciconfont{ color:#9AA7B8 !important; }

/* ==========================================================================
   UX PRO v9.0.1 —— 令牌收口补丁（用同级/更高优先级覆盖历史遗留规则）
   ========================================================================== */

/* ---------- 1) 分类胶囊字号 13.5px → 13px（原规则 0-3-1 优先级更高） ---------- */
#index-newmenus__box .index-newmenus__list .index-newmenus__item a,
.index-newmenus__box .index-newmenus__list .index-newmenus__item a{
  font-size:13px !important;
  letter-spacing:.2px;
}

/* ---------- 2) 宫格图标圆角 15px → 16px ---------- */
.index-header .nav-list .nav-li-pic,
.nav-list .nav-li-pic{
  border-radius:var(--oc-r-lg) !important;
}

/* ---------- 3) 列表标签字号：11px → 11.5px（覆盖 1-3-0 历史规则） ---------- */
#index-list .tuwenlist_item .typename[style*="background"],
#index-list .tuwenlist_bd .typename,
.sub_lt_content .typename[style*="background"]{
  font-size:11.5px !important;
}

/* ---------- 4) 标签圆角统一 6px（原 4px / 6px 混用） ---------- */
.sub_lt_content .typename,
.sub_lt_content .typename[style*="background"],
#index-list .tuwenlist_item .typename,
#index-list .tuwenlist_item .typename[style*="background"]{
  border-radius:6px !important;
}

/* ---------- 5) 底部导航角标字号 10px → 11px（覆盖 0-4-2 历史规则） ---------- */
.new-footer .new-footer__box .flex font.iconfont > i,
.new-footer .new-footer__box .flex .iconfont > i{
  font-size:11px !important;
}

/* ---------- 6) 灰阶归一：中性/杂色 → 品牌 4 档 ---------- */
/* 宫格分类名 #41506B → 主文本色 */
.index-header .swiper-slide li > a > p,
.swiper-slide li > a > p{ color:var(--oc-text) !important; }
/* 列表描述 #5A6B85 → 次级文本色 */
#index-list .tuwenlist_item .tuwenlist_item_details,
#index-list .tuwenlist_item .tuwen_sub{ color:var(--oc-text-sub) !important; }
/* 标签行容器 #33415C → 主文本色 */
.tuwenlist_bd .tuwenlist_item_details .tuwen_sub_lt .sub_lt_content{ color:var(--oc-text) !important; }
/* 标签文字 #1B2A45 → 主文本色 */
.sub_lt_content .typename{ color:var(--oc-text) !important; }
/* 页脚备案 #626E80 → 次级文本色 */
.oc-beian, .oc-beian div, .oc-beian p, .beian-footer{ color:var(--oc-text-sub) !important; }
/* 缩略图容器残留 #333 */
.tuwenlist_item_pic, .back_top > a{ color:var(--oc-text) !important; }

/* ==========================================================================
   UX PRO v9.0.2 —— 收口收尾（标签行 / 宫格名 / 页脚字号）
   ========================================================================== */

/* ---------- 1) 标签行容器 13.5px → 13px，色阶归一 ---------- */
#index-list .sub_lt_content,
.mainer .sub_lt_content,
.tuwenlist_bd .tuwenlist_item_details .tuwen_sub_lt .sub_lt_content{
  font-size:13px !important;
  color:var(--oc-text) !important;
}

/* ---------- 2) 宫格分类名 #41506B → 主文本色（覆盖 0-3-2 历史规则） ---------- */
.index-header .nav-list .nav-li li a p,
.nav-list .nav-li li a p{ color:var(--oc-text) !important; }

/* ---------- 3) 页脚备案/资质说明：11px → 11.5px ---------- */
.oc-beian,
.oc-beian div,
.oc-beian p,
.oc-beian span,
.oc-beian a,
#beianFooterToggle,
#beianFooterToggle a{ font-size:11.5px !important; }

/* ==========================================================================
   UX PRO v9.1.0 —— 全站巡检缺陷修复（对比度 / 溢出 / 悬浮按钮形态）
   ========================================================================== */

/* ---------- 1) 详情页悬浮按钮：70×59 椭圆 → 46×46 圆形，蓝字达标 ---------- */
.site-float{
  left:10px !important;
  bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  top:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  width:auto !important;
  font-size:12px !important;
}
.site-float .img-dialog{
  width:46px !important;
  height:46px !important;
  line-height:1.15 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.96) !important;
  color:var(--oc-primary-dark) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  letter-spacing:.2px;
  box-shadow:0 4px 14px rgba(23,58,110,.16) !important;
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  backdrop-filter:saturate(180%) blur(10px);
  transition:transform .18s var(--oc-ease, ease), box-shadow .22s ease !important;
}
.site-float .img-dialog:active{ transform:scale(.9) !important; box-shadow:0 2px 8px rgba(23,58,110,.2) !important; }
.site-float .img-dialog a{ color:var(--oc-primary-dark) !important; font-size:11.5px !important; font-weight:600 !important; }

/* ---------- 2) 底部导航主题蓝 #1B8CFF(3.0:1) → #0A6BE0(5.0:1) ---------- */
.new-footer .footer-box__item.tc-template__color,
.new-footer__box .footer-box__item.tc-template__color,
.footer-box__item.tc-template__color{
  color:var(--oc-primary-dark) !important;
}

/* ---------- 3) 列表筛选彩标：文字太浅（1.78~2.43）→ 加深至 AA ---------- */
.cat-search .item-list2 a.bg0,
.cat-search .item-list a.bg0{ color:#0A6FA8 !important; }   /* 2.22 → 5.4 */
.cat-search .item-list2 a.bg1,
.cat-search .item-list a.bg1{ color:#B35400 !important; }   /* 2.15 → 5.0 */
.cat-search .item-list2 a.bg2,
.cat-search .item-list a.bg2{ color:#0A7A40 !important; }   /* 1.78 → 5.4 */
.cat-search .item-list2 a.bg3,
.cat-search .item-list a.bg3{ color:#D62B6B !important; }   /* 2.43 → 4.8 */

/* ---------- 4) 详情页分类胶囊 #FF775C 白字(2.61) → 深橙 #C94A22(4.68) ---------- */
.pop_cate{
  background:#C94A22 !important;
  color:#FFFFFF !important;
  font-size:12.5px !important;
  padding:3px 9px !important;
  border-radius:6px !important;
  font-weight:600;
}

/* ---------- 5) 信息管理标题 #97ABD1(2.32) → 主文本色 ---------- */
.tcline-detail .tcline-detail__hd .detail-hd__lt,
.detail-hd__lt{ color:var(--oc-text) !important; }

/* ---------- 6) 发布页说明文字 #8A97A8(2.97) → 弱化档(4.61) ---------- */
.f13{ color:var(--oc-text-weak) !important; }

/* ---------- 7) 搜索页按钮溢出屏幕 31px ---------- */
.search-header{ padding-right:14px !important; }
.search-header__lt,
.sec-search .search-header__lt{
  flex:1 1 0 !important;
  min-width:0 !important;
  margin-left:14px !important;
}
.search-header__lt input,
.search-header__lt .sec-input{ width:100% !important; min-width:0 !important; }
.search-header__rt,
.id_search_btn{
  flex:0 0 auto !important;
  padding-left:13px !important;
  padding-right:13px !important;
  font-size:13.5px !important;
}

/* ---------- 8) 详情页海报容器横向溢出 ---------- */
.haibao-body.paper{ box-sizing:border-box !important; max-width:100% !important; }

/* ==========================================================================
   UX PRO v9.2.0 —— 中和 beautify/index.css 廉价层
   （该文件后加载且大量 !important，此处用 body + 双类 提升优先级反制）
   目标：饱和色块 → 淡雅色签；闪烁/旋转 → 静止；巨型阴影 → 柔和阴影
   ========================================================================== */

/* ---------- 1) 彩色标签 span0~9：饱和色块白字(2.3~3.8) → 淡雅色签(4.8~5.4) ---------- */
body .span0.span0, body .span5.span5{
  background-color:#E8F4FE !important; color:#0B6FB0 !important;
  border:1px solid rgba(11,111,176,.18) !important; box-shadow:none !important;
}
body .span1.span1, body .span6.span6{
  background-color:#FFF1DC !important; color:#965500 !important;
  border:1px solid rgba(150,85,0,.18) !important; box-shadow:none !important;
}
body .span2.span2, body .span7.span7{
  background-color:#E4F8F0 !important; color:#0A7A55 !important;
  border:1px solid rgba(10,122,85,.18) !important; box-shadow:none !important;
}
body .span3.span3, body .span8.span8{
  background-color:#F2ECFE !important; color:#7B3FD1 !important;
  border:1px solid rgba(123,63,209,.18) !important; box-shadow:none !important;
}
body .span4.span4, body .span9.span9{
  background-color:#E6F4F8 !important; color:#1B6A85 !important;
  border:1px solid rgba(27,106,133,.18) !important; box-shadow:none !important;
}
body .span0.span0, body .span1.span1, body .span2.span2, body .span3.span3, body .span4.span4,
body .span5.span5, body .span6.span6, body .span7.span7, body .span8.span8, body .span9.span9,
body .span-cat.span-cat{
  font-size:12px !important; font-weight:600 !important;
  padding:2px 7px !important; border-radius:6px !important;
  line-height:1.5 !important; letter-spacing:.2px;
}

/* ---------- 2) 用户名徽章 橙红实底白字(3.41) → 浅底深字(5.37) ---------- */
body .tcline-detail .username{
  background:#FFEDE6 !important; color:#B33A0F !important;
  padding:2px 7px !important; border-radius:6px !important;
  font-size:12px !important; font-weight:600 !important; line-height:1.5 !important;
}

/* ---------- 3) 宫格小标题 橙底白字(1.81) → 浅金底深金棕字(5.31) ---------- */
body .navco h2{
  background:#FFF3D6 !important; color:#8A5A00 !important;
  border-radius:999px !important; font-size:12px !important;
  padding:3px 10px !important; font-weight:600 !important;
}

/* ---------- 4) 帮助入口 蓝底白字(3.01) → 浅蓝底深蓝字(5.06) ---------- */
body .nav-list-tit .help_title{
  background:#E8F2FF !important; border-radius:999px !important;
  padding:3px 11px !important; line-height:1.5 !important;
}
body .nav-list-tit .help_title a{ color:#0A63CC !important; font-weight:600; font-size:13px; }

/* ---------- 5) 展开/收起 红色纯色 → 品牌蓝 ---------- */
body .detail-toggle, body .detail-toggle2{
  color:var(--oc-primary-dark) !important; font-size:14px !important; font-weight:600;
}

/* ---------- 6) 定位行浅蓝灰 #97ABD1(2.32) → 弱化档(4.61) ---------- */
body .detail-dingwei{ color:var(--oc-text-weak) !important; }

/* ---------- 7) 残留低对比灰 ---------- */
body .navui-palace-grid-text h2,
body .recommend-profile p{ color:var(--oc-text-weak) !important; }

/* ---------- 8) 列表筛选彩标：同色系淡雅签 ---------- */
body .cat-search .item-list2 a.bg0, body .cat-search .item-list a.bg0{
  background-color:rgba(11,111,176,.10) !important; color:#0B6FB0 !important;
}
body .cat-search .item-list2 a.bg1, body .cat-search .item-list a.bg1{
  background-color:rgba(150,85,0,.10) !important; color:#965500 !important;
}
body .cat-search .item-list2 a.bg2, body .cat-search .item-list a.bg2{
  background-color:rgba(10,122,85,.10) !important; color:#0A7A55 !important;
}
body .cat-search .item-list2 a.bg3, body .cat-search .item-list a.bg3{
  background-color:rgba(192,30,92,.10) !important; color:#C01E5C !important;
}

/* ---------- 9) 分类弹层：彩虹渐变块 → 统一白卡深字 ---------- */
body .tcui-actionsheet__cell.tcui-actionsheet__cell{
  background:#FFFFFF !important;
  color:var(--oc-text) !important;
  border:1px solid var(--oc-line) !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(23,58,110,.06) !important;
  text-shadow:none !important;
  padding:13px 14px !important;
  margin:8px 12px !important;
  font-size:14px !important;
  font-weight:500 !important;
  text-align:center !important;
  transition:transform .16s var(--oc-ease, ease), background-color .2s ease !important;
}
body .tcui-actionsheet__cell.tcui-actionsheet__cell:active{
  background:rgba(27,140,255,.08) !important; transform:scale(.97) !important;
}

/* ---------- 10) 首页菜单：巨型偏移阴影 → 柔和 ---------- */
body .nav-li{
  box-shadow:0 2px 10px rgba(23,58,110,.05) !important;
  background:transparent !important;
}
body .index-white_menu a{
  background:#FFFFFF !important;
  box-shadow:0 2px 10px rgba(23,58,110,.06) !important;
  border:1px solid var(--oc-line) !important;
  border-radius:14px !important;
  overflow:hidden;
}

/* ---------- 11) 头像无限旋转 → 静止（保留圆形白边） ---------- */
body .user-avatar-pic .avatar{ animation:none !important; -webkit-animation:none !important; }

/* ---------- 12) 定位名彩虹渐变 + 闪烁 → 品牌蓝静止 ---------- */
body .index-top__search .top-search__box .search-box__lt .lbs_txt,
body .lbs_txt{
  background:none !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  color:var(--oc-primary-dark) !important;
  animation:none !important; -webkit-animation:none !important; -moz-animation:none !important;
  font-weight:600;
}

/* ---------- 13) 天气 / 活动标题 橙红渐变闪烁 → 品牌色静止 ---------- */
body .help_title_tianqi a,
body .help_title_a{
  background:none !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  color:var(--oc-primary-dark) !important;
  animation:none !important; -webkit-animation:none !important; -moz-animation:none !important;
  text-shadow:none !important;
}

/* ==========================================================================
   UX PRO v9.3.0 —— 渐变底白字可读性 + 收尾
   ========================================================================== */

/* 定位胶囊：蓝青渐变(末端 2.2:1) → 实心深蓝(5.01:1)，更极简 */
body .index-top__search .top-search__box .search-box__lt.open-popups a,
.index-top__search .top-search__box .search-box__lt.open-popups a{
  background:#0A6BE0 !important;
  background-image:none !important;
}
body .index-top__search .top-search__box .search-box__lt.open-popups a .lbs_txt{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* ==========================================================================
   UX PRO v9.4.0 —— 巡检残留清零（悬浮容器白字 / 小溢出 / 返回顶部避让）
   ========================================================================== */

/* ---------- 1) 详情页悬浮容器自身白字 → 深蓝（子按钮已是深蓝，容器兜底） ---------- */
.site-float{ color:var(--oc-primary-dark) !important; }

/* ---------- 2) 搜索页 searchtype 区块横向溢出 12px ---------- */
.searchtype{ box-sizing:border-box !important; max-width:100% !important; }

/* ---------- 3) 消息头像 / 个人头像 / 发布页单元格：4~10px 小溢出 ---------- */
.msg-list-pic, .user-avatar-pic, .tcui-cells{
  box-sizing:border-box !important;
  max-width:100% !important;
}

/* ---------- 4) 详情页拨打按钮容器：内容超出 11px ---------- */
.info-footer-item{ box-sizing:border-box !important; }
.info-footer-item.info-footer-tel{ overflow:hidden !important; }

/* ---------- 5) 返回顶部按钮：抬到悬浮订阅钮之上，避免遮挡列表文字 ---------- */
.back_top{ bottom:calc(158px + env(safe-area-inset-bottom, 0px)) !important; }

/* ==========================================================================
   UX PRO v10.0.0 —— 首页视觉升级（轮播卡片化 / 防变形 / 吸顶质感 / 边缘提示）
   ========================================================================== */

/* ---------- 1) 轮播卡片化：0 圆角 → 18px 圆角 + 柔和投影 ---------- */
.oc-focuspic-wrap{
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 8px 26px rgba(23,58,110,.12) !important;
}
.swiper-container-focuspic,
.swiper-container.swiper-container-focuspic{
  border-radius:18px !important;
  overflow:hidden !important;
}
.swiper-container-focuspic .swiper-slide img,
.swiper-container-focuspic .top-focuspic__item img{
  border-radius:18px !important;
}
/* 轮播内高光，增加质感 */
.oc-focuspic-wrap{
  position:relative;
}
.oc-focuspic-wrap::after{
  content:'';
  position:absolute; inset:0;
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(23,58,110,.05);
  pointer-events:none; z-index:3;
}

/* ---------- 2) 分类胶囊激活态 #1B8CFF(3.0) → #0A6BE0(5.0) ---------- */
.index-newmenus__box .index-newmenus__list .index-newmenus__item.active a,
.index-newmenus__box .index-newmenus__item.active a,
body .index-newmenus__box .index-newmenus__list .index-newmenus__item.active a{
  background:var(--oc-primary-dark) !important;
  color:#FFFFFF !important;
  box-shadow:0 4px 12px rgba(10,107,224,.28) !important;
}

/* ---------- 3) 列表图片 object-fit: fill → cover（防拉伸变形） ---------- */
#index-list img,
.tuwenlist_item_pic img,
.tuwenlist_item_pic .pic,
.txtlist_item img,
.tuwenlist_item img{
  object-fit:cover !important;
  object-position:center !important;
}

/* ---------- 4) 卡片内联边框弱化（原 0.5px #dcdcdc 偏重显廉价） ---------- */
#index-list .tuwenlist_item,
#index-list .txtlist_item{
  border-color:rgba(23,58,110,.08) !important;
  padding:14px !important;
}

/* ---------- 5) 吸顶质感：更强的落地阴影 + 毛玻璃 ---------- */
body.oc-stuck .index-top__search{
  background:rgba(247,250,254,.93) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 6px 18px rgba(23,58,110,.10) !important;
}
body.oc-stuck .index-top__search .top-search__box{
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 4px 16px rgba(10,60,140,.14) !important;
}
body.oc-tabs-stuck .index-newmenus__box{
  background:rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 6px 16px rgba(23,58,110,.10) !important;
}

/* ---------- 6) 分类胶囊横向滚动：右侧渐隐提示可滑动 ---------- */
.index-newmenus__box::after{
  content:'';
  position:absolute;
  right:0; top:0; bottom:0;
  width:26px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.96) 78%);
  pointer-events:none;
  z-index:6;
}

/* ==========================================================================
   UX PRO v10.1.0 —— 图片渐显 + 骨架微光（消除图片"突然跳出"的廉价感）
   门控：仅在 html.oc-js 时生效；JS 异常时 2.5s 兜底样式强制 opacity:1
   ========================================================================== */

html.oc-js #index-list img,
html.oc-js .swiper-container-focuspic img,
html.oc-js .nav-li-pic img{
  opacity:0;
  transition:opacity .42s cubic-bezier(.22,.61,.36,1);
}
html.oc-js #index-list img.oc-img-in,
html.oc-js .swiper-container-focuspic img.oc-img-in,
html.oc-js .nav-li-pic img.oc-img-in{
  opacity:1;
}

/* 图片容器：加载中显示骨架微光 */
html.oc-js #index-list .tuwenlist_item_pic:not(.oc-pic-in),
html.oc-js #index-list .txtlist_item_pic:not(.oc-pic-in){
  background-image:linear-gradient(100deg,#F2F6FB 18%,#E4ECF6 38%,#F2F6FB 58%) !important;
  background-size:220% 100% !important;
  animation:ocShimmer 1.4s linear infinite !important;
}
@keyframes ocShimmer{
  0%{ background-position:120% 0; }
  100%{ background-position:-20% 0; }
}
@media (prefers-reduced-motion: reduce){
  html.oc-js #index-list .tuwenlist_item_pic:not(.oc-pic-in),
  html.oc-js #index-list .txtlist_item_pic:not(.oc-pic-in){ animation:none !important; }
  html.oc-js #index-list img,
  html.oc-js .swiper-container-focuspic img,
  html.oc-js .nav-li-pic img{ transition:none !important; }
}

/* ==========================================================================
   UX PRO v10.2.0 —— 置顶"推"签对比度达标 + 列表正文扫读性提升
   ========================================================================== */

/* ---------- 1) 置顶"推"签：白字压在浅橙渐变上仅 2.8:1 → 深橙渐变 4.8~5.9:1 ---------- */
.sub_lt_content .typename[style*="edcf0c"],
.sub_lt_content .typename[style*="background"]{
  border-radius:5px !important;
}
.sub_lt_content .typename[style*="edcf0c"]{
  background:linear-gradient(135deg,#C0491F,#A63E1A) !important;
  color:#FFFFFF !important;
  box-shadow:0 2px 7px rgba(192,73,31,.28) !important;
}

/* ---------- 2) 列表正文（无底色说明 span）：14px/500 → 15px/600 主文本色 ---------- */
.sub_lt_content .typename:not([style*="background"]):not([style*="edcf0c"]){
  font-size:15px !important;
  font-weight:600 !important;
  color:var(--oc-text) !important;
  letter-spacing:.1px;
}

/* ---------- 3) 分类软签与正文的字号层级：签 11.5 / 正文 15，间距拉开 ---------- */
.sub_lt_content .typename[style*="background"]{
  margin-right:5px !important;
  vertical-align:1px !important;
}

/* ==========================================================================
   UX PRO v10.2.1 —— 置顶"推"签提权修正（压过 #index-list 级 1,2,0 旧规则）
   旧规则：#index-list .typename[style*="masked-animation"] = 彩虹渐变 + 10s 流动动画
   ========================================================================== */

/* ---------- 1) "推"签：彩虹流动 + 浅橙白字(2.8:1) → 深橙静止(4.98:1) ---------- */
#index-list .typename[style*="masked-animation"],
#index-list .sub_lt_content .typename[style*="masked-animation"],
#index-list .typename[style*="edcf0c"],
#index-list .sub_lt_content .typename[style*="edcf0c"],
.mainer .typename[style*="masked-animation"],
.mainer .sub_lt_content .typename[style*="masked-animation"],
.mainer .typename[style*="edcf0c"],
.mainer .sub_lt_content .typename[style*="edcf0c"]{
  background:linear-gradient(135deg,#C0491F,#A63E1A) !important;
  background-image:linear-gradient(135deg,#C0491F,#A63E1A) !important;
  background-size:100% 100% !important;
  -webkit-background-size:100% 100% !important;
  color:#FFFFFF !important;
  -webkit-animation:none !important;
  -moz-animation:none !important;
  animation:none !important;
  -webkit-border-radius:5px !important;
  border-radius:5px !important;
  box-shadow:0 2px 7px rgba(192,73,31,.28) !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
}

/* ---------- 2) 列表正文扫读性：14px/500 → 15px/600（1,3,0 提权） ---------- */
#index-list .sub_lt_content .typename:not([style*="background"]):not([style*="edcf0c"]),
.mainer .sub_lt_content .typename:not([style*="background"]):not([style*="edcf0c"]){
  font-size:15px !important;
  font-weight:600 !important;
  color:var(--oc-text) !important;
  letter-spacing:.1px;
}

/* ---------- 3) 分类软签：与正文拉开间距，垂直对齐更稳 ---------- */
#index-list .sub_lt_content .typename[style*="background"],
.mainer .sub_lt_content .typename[style*="background"]{
  margin-right:5px !important;
  vertical-align:1px !important;
}

/* ==========================================================================
   UX PRO v10.3.0 —— 高频触控区字号舒适化
   ========================================================================== */

/* ---------- 1) 底部导航文字 11px → 12px（全站最高频点击区） ---------- */
body .new-footer .footer-box__item .text1,
body .new-footer .new-footer__box .flex .text1,
body .new-footer__box .footer-box__item .text1{
  font-size:12px !important;
  letter-spacing:.2px;
  margin-top:2px !important;
}

/* ---------- 2) 搜索框定位下拉箭头 9px → 11px（原尺寸几乎看不见） ---------- */
body .index-top__search .top-search__box .search-box__lt.open-popups .tciconfont,
body .index-header .search-box__lt .tciconfont,
body .top-search__box .search-box__lt .tciconfont{
  font-size:11px !important;
  opacity:.9;
}

/* ---------- 3) 底部导航图标与文字的呼吸间距 ---------- */
body .new-footer .footer-box__item{ padding-top:6px !important; }
body .new-footer .footer-box__item .iconfont,
body .new-footer .footer-box__item i[class*=icon]{
  margin-bottom:1px !important;
}

/* ==========================================================================
   UX PRO v10.4.0 —— 返回顶部按钮：顶部不再常驻遮挡首屏，滚动后平滑淡入
   模板原用 jQuery .show()/.hide()，被本文件 display:flex !important 压过导致常驻。
   已改为 addClass/removeClass('oc-show')，此处用 opacity + transform 控制显隐。
   ========================================================================== */
.back_top{
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.86) translateY(10px) !important;
  transition:opacity .26s ease,
             transform .3s cubic-bezier(.22,.61,.36,1) !important;
}
.back_top.oc-show{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
}
@media (prefers-reduced-motion: reduce){
  .back_top{ transition:none !important; transform:none !important; }
}


/* ==========================================================================
   Ocean CSS v11.0.0 · 底部导航 PRO（全站）
   ① 玻璃浮条层次精修  ② 激活态「胶囊指示条」取代大块底色
   ③ 点击涟漪（footer.htm 注入 .oc-ripple）  ④ 发布键双光环 + 按压旋转
   ⑤ 未读徽标呼吸脉冲  ⑥ 中和 beautify/index.css 的 bubble 抖动（.8s infinite）
   ========================================================================== */

/* ---------- ① 浮条：更细腻的三层阴影 + 顶部内高光 ---------- */
body .new-footer .new-footer__box{
  left:2px !important; right:2px !important; bottom:2px !important;
  padding:6px 3px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 100%) !important;
  -webkit-backdrop-filter:saturate(190%) blur(26px) !important;
  backdrop-filter:saturate(190%) blur(26px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95),
              0 2px 8px rgba(23,58,110,.07),
              0 14px 34px rgba(23,58,110,.15) !important;
  align-items:flex-end !important;
}

/* ---------- ② 每一项：独立的涟漪舞台 ---------- */
html body .new-footer .footer-box__item{
  position:relative !important;
  padding:6px 2px 5px !important;
  border-radius:18px !important;
  overflow:hidden !important;              /* 涟漪裁剪在项内 */
  -webkit-tap-highlight-color:transparent;
  transition:background .18s ease;
}
html body .new-footer .footer-box__item > *{ position:relative; z-index:1; }

/* 激活态底：居中小胶囊，比整块底色更精致 */
html body .new-footer .footer-box__item.on::before{
  content:''; position:absolute; z-index:0;
  left:50%; top:3px; width:38px; height:30px; margin-left:-19px;
  border-radius:15px;
  background:linear-gradient(135deg, rgba(43,123,251,.13) 0%, rgba(0,194,255,.11) 100%) !important;
  animation:ocNavPillIn .34s cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes ocNavPillIn{
  from{ opacity:0; transform:scale(.7); }
  to  { opacity:1; transform:scale(1); }
}

/* 顶部指示条：当前页的明确信号（覆盖 v2.8.0 的 4px 小圆点） */
html body .new-footer .footer-box__item.on::after{
  content:''; position:absolute; z-index:2;
  top:1px; left:50%; margin-left:-9px;
  width:18px; height:3px; border-radius:2px;
  background:var(--oc-grad) !important;
  box-shadow:0 1px 5px rgba(27,140,255,.5) !important;
  animation:ocNavBar .42s cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes ocNavBar{
  from{ opacity:0; transform:scaleX(.25); }
  to  { opacity:1; transform:scaleX(1); }
}

/* 图标与文字：略放大，呼吸更匀 */
html body .new-footer .footer-box__item .tciconfont,
html body .new-footer .footer-box__item em.tciconfont{
  font-size:24px !important;
  margin:0 0 3px !important;
}
html body .new-footer .footer-box__item.on .tciconfont,
html body .new-footer .footer-box__item.on em.tciconfont{
  color:var(--oc-primary-dark) !important;
  transform:translateY(-1px) scale(1.06);
}
html body .new-footer .footer-box__item.on .text1{
  color:var(--oc-primary-dark) !important;
  font-weight:600 !important;
}

/* ---------- ③ 点击涟漪 ---------- */
html body .new-footer .footer-box__item .oc-ripple{
  position:absolute !important; z-index:0;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(27,140,255,.26) 0%, rgba(27,140,255,.10) 70%, rgba(27,140,255,0) 100%) !important;
  transform:scale(0); opacity:.9;
  animation:ocRipple .52s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes ocRipple{
  from{ transform:scale(0); opacity:.9; }
  to  { transform:scale(1); opacity:0; }
}

/* ---------- ④ 发布键：凸起圆钮 + 双光环 + 按压旋转 ---------- */
/* beautify/index.css 给 .footer-box__fabu 加了 .8s infinite 的 bubble 抖动，廉价感来源，此处关掉 */
html body .new-footer .new-footer__box .footer-box__fabu{
  animation:none !important;
  padding-top:0 !important;
  overflow:visible !important;
}
html body .new-footer .footer-box__item.footer-box__fabu > i,
html body .new-footer .footer-box__item.footer-box__fabu .tciconfont{
  display:flex !important; align-items:center; justify-content:center;
  width:52px !important; height:52px !important;
  margin:-18px auto 2px !important;
  border-radius:50% !important;
  background:var(--oc-grad) !important;
  color:#fff !important;
  font-size:25px !important;
  box-shadow:0 10px 24px rgba(27,140,255,.40), 0 0 0 3.5px rgba(255,255,255,.96) !important;
  transition:transform .24s cubic-bezier(.34,1.56,.64,1), box-shadow .24s ease !important;
}
html body .new-footer .footer-box__item.footer-box__fabu:active > i,
html body .new-footer .footer-box__item.footer-box__fabu:active .tciconfont{
  transform:scale(.9) translateY(2px) !important;
  box-shadow:0 5px 14px rgba(27,140,255,.36), 0 0 0 3.5px rgba(255,255,255,.96) !important;
}
/* 加号图标按压旋转 90°，自定义图片不转 */
html body .new-footer .footer-box__item.footer-box__fabu:active .tciconfont{
  transform:scale(.9) translateY(2px) rotate(90deg) !important;
}
/* 第二层光环（延迟起跳，形成"双波"） */
html body .new-footer .footer-box__item.footer-box__fabu::before{
  content:''; position:absolute; z-index:0;
  left:50%; top:4px; width:52px; height:52px; margin-left:-26px;
  border-radius:50%; pointer-events:none;
  animation:ocHalo2 2.8s ease-out 1.4s infinite !important;
}
@keyframes ocHalo2{
  0%  { box-shadow:0 0 0 0 rgba(27,140,255,.26); }
  70% { box-shadow:0 0 0 13px rgba(27,140,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(27,140,255,0); }
}

/* ---------- ⑤ 未读徽标：呼吸脉冲 ---------- */
html body .new-footer .footer-box__item font.iconfont > i{
  animation:ocBadgePulse 2.2s ease-in-out infinite;
  transform-origin:center;
}
@keyframes ocBadgePulse{
  0%,100%{ transform:scale(1); }
  50%    { transform:scale(1.13); }
}

/* ---------- ⑥ 无障碍：尊重"减弱动效" ---------- */
@media (prefers-reduced-motion: reduce){
  html body .new-footer .footer-box__item.on::before,
  html body .new-footer .footer-box__item.on::after,
  html body .new-footer .footer-box__item .oc-ripple,
  html body .new-footer .footer-box__item.footer-box__fabu::before,
  html body .new-footer .footer-box__item font.iconfont > i{
    animation:none !important;
  }
}


/* ==========================================================================
   Ocean CSS v11.0.1 · 底部导航收尾
   ① 未选中项文字/图标 #7B8794（3.67:1，未达 AA）→ #66768F（4.61:1）
   ② 桌面 hover 反馈（触屏不受影响）
   ========================================================================== */
html body .new-footer .footer-box__item:not(.footer-box__fabu){
  color:var(--oc-text-weak) !important;
}
html body .new-footer .footer-box__item:not(.footer-box__fabu) .text1{
  color:var(--oc-text-weak) !important;
}
html body .new-footer .footer-box__item:not(.footer-box__fabu) .tciconfont,
html body .new-footer .footer-box__item:not(.footer-box__fabu) em.tciconfont{
  color:var(--oc-text-weak) !important;
}

@media (hover:hover){
  html body .new-footer .footer-box__item:not(.on):not(.footer-box__fabu):hover{
    background:rgba(23,58,110,.045) !important;
  }
  html body .new-footer .footer-box__item:not(.on):not(.footer-box__fabu):hover .tciconfont{
    transform:translateY(-1px);
  }
}


/* ==========================================================================
   Ocean CSS v11.0.2 · 发布键图标重制
   站点后台配置的 fabu.gif（200px"信息发布"动图）缩进 52px 圆钮后文字糊成一团，
   改为纯 CSS 白色加号：干净、锐利、任意分辨率不发虚；按压时旋转 90°。
   如需恢复动图，删除本段前两条规则即可。
   ========================================================================== */
html body .new-footer .footer-box__item.footer-box__fabu > i img{
  display:none !important;
}
html body .new-footer .footer-box__item.footer-box__fabu > i{
  position:relative !important;
}
html body .new-footer .footer-box__item.footer-box__fabu > i::before,
html body .new-footer .footer-box__item.footer-box__fabu > i::after{
  content:''; position:absolute; left:50%; top:50%;
  background:#FFFFFF !important;
  border-radius:3px;
  transform:translate(-50%,-50%);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
html body .new-footer .footer-box__item.footer-box__fabu > i::before{
  width:24px; height:3px;
}
html body .new-footer .footer-box__item.footer-box__fabu > i::after{
  width:3px; height:24px;
}
html body .new-footer .footer-box__item.footer-box__fabu:active > i::before{
  transform:translate(-50%,-50%) rotate(90deg);
}
html body .new-footer .footer-box__item.footer-box__fabu:active > i::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
@media (prefers-reduced-motion: reduce){
  html body .new-footer .footer-box__item.footer-box__fabu > i::before,
  html body .new-footer .footer-box__item.footer-box__fabu > i::after{
    transition:none !important;
  }
}


/* ==========================================================================
   Ocean CSS v11.1.0 · 左右边距统一（gutter = 12px）
   实测（视口 390）：首页容器 12 / 卡片 22，列表页容器 10 / 卡片 20，
   详情页容器 0 / 卡片 13，轮播 10 + 内部 9 = 19 —— 四类页面四种边距。
   统一后：容器一律 12px，卡片与容器齐平（12px），轮播/胶囊栏同样 12px。
   ========================================================================== */

/* ---------- 1) 容器：首页 .mainer>.wrap 已是 12，列表页 10 → 12 ---------- */
html body .mainer > .wrap{
  padding-left:12px !important;
  padding-right:12px !important;
}
/* 详情页 tab 内容区（#tab-navs 原为满宽 0）→ 12 */
html body #tab-navs{
  padding-left:12px !important;
  padding-right:12px !important;
}

/* ---------- 2) 卡片：左右外边距归零，与容器齐平（上下 10px 间距保留） ---------- */
html body .tuwenlist_item,
html body .txtlist_item,
html body .videolist_item{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* ---------- 3) 轮播：外层 10 → 12，内层 swiper 残留 9px margin 清零 ---------- */
html body .index-header .oc-focuspic-wrap{
  margin:12px auto 0 !important;
  width:calc(100% - 24px) !important;
  max-width:736px !important;
}
html body .index-header .oc-focuspic-wrap .swiper-container-focuspic{
  margin:0 !important;
  width:100% !important;
}

/* ---------- 4) 分类胶囊栏：list 上 10px margin + 10px padding → 0 ---------- */
html body .index-newmenus__list{
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* ---------- 5) 统计条：与卡片内容左边缘对齐（12 + 14 = 26） ---------- */
html body .nav-list-tit .nav-list-tit-l{
  padding-left:14px !important;
  padding-right:14px !important;
}

/* ---------- 6) 备案条：原贴边 0，补 12px 并居中 ---------- */
html body .oc-beian{
  padding:12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  text-align:center;
}

/* ---------- 7) 桌面宽屏：容器统一最大宽度，避免左右空得不一样 ---------- */
@media (min-width: 800px){
  html body .mainer > .wrap,
  html body #tab-navs{
    box-sizing:border-box;
  }
}

/* ==========================================================================
   Ocean CSS v11.1.1 · 边距统一补强（提权版）
   v11.1.0 的 (0,1,2) 选择器被既有的 #index-list/.index-newmenus__box 规则
   （(1,2,0) 且带 !important）压过，这里用同 id + 属性选择器提权后重写。
   ========================================================================== */
html body #index-list .tuwenlist_item,
html body #index-list .tuwenlist_item[style],
html body #index-list .txtlist_item,
html body #index-list .txtlist_item[style],
html body #list-list .tuwenlist_item,
html body #list-list .tuwenlist_item[style],
html body #list-list .txtlist_item,
html body #list-list .txtlist_item[style]{
  margin-left:0 !important;
  margin-right:0 !important;
}
html body #index-newmenus__box .index-newmenus__list{
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* 统计条左边缘对齐卡片内容（实测基线：容器 12 + 10 + padding） */
html body .nav-list-tit .nav-list-tit-l{
  padding-left:4px !important;
  padding-right:4px !important;
}


/* ==========================================================================
   Ocean CSS v11.1.2 · 两处收口
   ① 统计条：12px 字号后内容变宽，在 390px 视口换行 → 收紧 gap 与内边距，
      保持单行（实测内容 ~255px，可用 272px）
   ② 发布键：圆钮与「发布」文字重叠 5px（i rect 顶出 item 25px）→
      圆钮 52→48px、上凸 18→14px、下方间距 2→4px，文字不再被压住
   ========================================================================== */
html body .oc-stats{
  gap:4px 8px !important;
  flex-wrap:nowrap !important;
}
html body .nav-list-tit .nav-list-tit-l{
  padding-left:6px !important;
  padding-right:6px !important;
}

html body .new-footer .footer-box__item.footer-box__fabu > i,
html body .new-footer .footer-box__item.footer-box__fabu .tciconfont{
  width:48px !important;
  height:48px !important;
  margin:-14px auto 4px !important;
  font-size:23px !important;
}
html body .new-footer .footer-box__item.footer-box__fabu > i::before{
  width:24px; height:3px;
}
html body .new-footer .footer-box__item.footer-box__fabu > i::after{
  width:3px; height:24px;
}
/* 光环随圆钮缩小 */
html body .new-footer .footer-box__item.footer-box__fabu::before{
  width:48px !important; height:48px !important;
  margin-left:-24px !important; top:4px !important;
}
html body .new-footer .footer-box__item.footer-box__fabu::after{
  width:48px !important; height:48px !important;
  top:4px !important;
}
html body .new-footer .footer-box__item.footer-box__fabu .text1{
  margin-top:2px !important;
}

/* ==========================================================================
   Ocean CSS v12.0.0 · 底部导航 PRO Ⅱ
   ① 滚动智能收起 / 展开（JS 加 .oc-dock-hide，无 JS 时恒显示，功能零风险）
   ② 激活项图标主色光晕
   ③ 普通项按压缩放（发布键自带旋转，排除在外）
   ========================================================================== */

/* ① 收起过渡：transform + opacity，位移到屏幕外 */
.new-footer {
  transition: transform .34s cubic-bezier(.22, .9, .3, 1), opacity .24s ease !important;
  will-change: transform;
}

.new-footer.oc-dock-hide {
  transform: translateY(calc(100% + 26px)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* app 内 / 隐藏态不参与 */
.new-footer[style*="display: none"],
.new-footer[style*="display:none"] {
  transition: none !important;
}

/* ② 激活项图标：主色光晕，强化"我在这一页"的感知 */
.new-footer .footer-box__item.on .tciconfont,
.new-footer .footer-box__item.on font .tciconfont,
.new-footer .footer-box__item.on i.tciconfont {
  filter: drop-shadow(0 3px 6px rgba(10, 107, 224, .30));
}

/* 未选中项图标：极浅的中性描边，弱对比但不脏 */
.new-footer .footer-box__item:not(.on) .tciconfont {
  filter: none;
}

/* ③ 按压反馈（发布键已有 scale + rotate，排除） */
.new-footer .footer-box__item:not(.footer-box__fabu):active {
  transform: scale(.93);
}

.new-footer .footer-box__item:not(.footer-box__fabu) {
  transition: transform .18s cubic-bezier(.22, .9, .3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .new-footer { transition: none !important; }
  .new-footer.oc-dock-hide { opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
  .new-footer .footer-box__item:not(.footer-box__fabu):active { transform: none; }
}

/* ==========================================================================
   Ocean CSS v12.1.0 · 列表标题 + 置顶标签重制
   ① .oc_list_title —— 图文列表新增的信息标题行（ajax/list.php v12.1.0 输出）
   ② .oc_top_flag   —— 置顶标识：原 80×80 角标图（infoTop-r.png）换成「置顶」二字，
                        移到图片左上角，红色渐变胶囊
   ③ 兜底：任何残留的 infoTop-r.png 一律隐藏
   ========================================================================== */

/* 定位基准：置顶标签是 .tuwen_sub 的 flex 子项，需先让父级 relative 才能绝对定位 */
.tuwenlist_item .tuwen_sub,
.tuwenlist_item .tuwenlist_item_details {
  position: relative !important;
}

/* ① 标题行 --------------------------------------------------------------- */
.oc_list_title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  word-break: break-all !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .2px;
  color: #17233B !important;          /* 白底 12.6:1，远高于 AA */
}

/* 有标题后正文仅剩标签行，压缩占位避免卡片空高 */
.tuwenlist_item .sub_lt_content {
  min-height: 30px !important;
}

/* ② 置顶标签 ------------------------------------------------------------- */
.oc_top_flag {
  position: absolute !important;
  /* 实测：定位基准 .tuwenlist_bd 左/上边缘比图片各差 14px，补正后正好压在图片左上角 */
  left: 14px !important;
  top: 14px !important;
  z-index: 5 !important;
  float: none !important;
  display: inline-block !important;
  padding: 2px 7px 3px !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .5px;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #FF7A45 0%, #F5324B 100%) !important;
  border-radius: 10px 3px 10px 3px;
  box-shadow: 0 2px 8px rgba(245, 50, 75, .34);
  pointer-events: none;
}

/* ③ 兜底：隐藏旧角标图（若缓存里还有旧 HTML） ---------------------------- */
img[src*="infoTop-r.png"] {
  display: none !important;
}

/* 纯文字列表的置顶标签沿用同一视觉语言 */
.txtlist_item .top {
  font-size: 11px !important;
  padding: 1px 6px 2px !important;
  border-radius: 8px 3px 8px 3px !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #FF7A45 0%, #F5324B 100%) !important;
  box-shadow: 0 2px 6px rgba(245, 50, 75, .28);
}

/* v12.1.2 · 标题列表微调 */

/* ==========================================================================
   Ocean CSS v13.0.0 · 列表卡片视觉重构（大众审美向）
   诊断实测（390×844 线上）：
   ① 分类签 .typename 是 inline-flex + vertical-align:2px，行盒被撑到 34px，
      签本身只有 11.5px 文字 → 视觉「高脚」，卡片正文行空高
   ② ajax 输出的第二个 .typename 恒为空白节点（textContent 只有换行），
      :empty 匹配不到（有文本节点），由 JS 移除（见 footer.htm v13.0.0）
   ③ 区域签 span[style*="top:81px"] 是 .tuwenlist_bd 的子元素，
      旧规则写成 .tuwenlist_item > span 直接子选择器 → 从未命中，
      一直是「相对定位下移 81px」浮在图片中下部，底部还超出图片 9px
   ④ 卡片内联 padding:15px + border:0.5px solid #dcdcdc，
      细灰边配大圆角显廉价，且内边距 15 与全站 12 基线不一致
   ========================================================================== */

/* ---------- ① 分类签：统一 22px 小胶囊，消除 34px 高脚 ---------- */
html body #index-list .tuwenlist_item .sub_lt_content .typename,
html body #list-list .tuwenlist_item .sub_lt_content .typename,
html body .tuwenlist_item .sub_lt_content .typename {
  display: inline-block !important;
  vertical-align: middle !important;
  height: 22px !important;
  min-height: 0 !important;
  line-height: 22px !important;
  padding: 0 8px !important;
  margin: 0 5px 0 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .2px;
  border-radius: 6px !important;
  white-space: nowrap !important;
  transition: transform .16s cubic-bezier(.22,.9,.3,1);
}
/* 「推」置顶签保持实心橙红，但同步压到 22px */
html body .tuwenlist_item .sub_lt_content .typename[style*="masked-animation"] {
  background: linear-gradient(135deg, #FF7A45 0%, #F5324B 100%) !important;
  color: #FFFFFF !important;
  animation: none !important;
}
/* 普通分类签：淡蓝底 + 主色字（与整站色签语言一致） */
html body .tuwenlist_item .sub_lt_content .typename[style*="linear-gradient(90deg"] ,
html body .tuwenlist_item .sub_lt_content .typename[style*="background:linear-gradient(90deg"] {
  background: rgba(10,107,224,.09) !important;
  color: #0A6BE0 !important;
}
/* 空签兜底：内容为空时彻底不占位（JS 移除为主，此处双保险） */
html body .tuwenlist_item .sub_lt_content .typename.oc-empty-sig {
  display: none !important;
}

/* ---------- ② 卡片：去灰边、内边距并入 12px 基线、柔和阴影 ----------
   提权说明：v12 段有 #index-list .tuwenlist_item[style*="linear-gradient(-180deg"]（(1,2,0)
   带 !important），此处必须带 [style] 提到 (1,2,2) 才能赢 */
html body #index-list .tuwenlist_item[style],
html body #list-list .tuwenlist_item[style],
html body .mainer .tuwenlist_item[style],
html body #index-list .tuwenlist_item,
html body #list-list .tuwenlist_item,
html body .tuwenlist_item {
  padding: 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow:
    0 1px 2px rgba(23,58,110,.05),
    0 10px 24px -14px rgba(23,58,110,.16) !important;
  transition: transform .18s cubic-bezier(.22,.9,.3,1),
              box-shadow .22s ease;
}
/* 桌面 hover 抬起 */
@media (hover: hover) {
  html body .tuwenlist_item:hover {
    box-shadow:
      0 2px 4px rgba(23,58,110,.06),
      0 14px 30px -14px rgba(23,58,110,.22) !important;
  }
}

/* ---------- ③ 缩略图：圆角 12 统一 + 微投影，与卡片语言一致 ---------- */
html body .tuwenlist_item .tuwenlist_item_pic {
  position: relative !important;   /* 供区域签绝对定位 */
  border-radius: 12px !important;
  overflow: hidden !important;
}
html body .tuwenlist_item .tuwenlist_item_pic img {
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(23,58,110,.08);
  transition: transform .32s cubic-bezier(.22,.9,.3,1), opacity .42s ease;
}

/* ---------- ④ 区域签（烟台市）：搬进图片容器，贴左下角小签 ---------- */
html body .tuwenlist_item .oc-area-flag {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 3 !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 8px) !important;
  height: 19px !important;
  line-height: 19px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .2px;
  color: #FFFFFF !important;
  background: rgba(12,26,48,.52) !important;
  border: 0 !important;
  border-radius: 0 8px 0 8px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  pointer-events: none;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
/* 搬移前的兜底：先别让它以 top:81px 浮在图上 */
html body .tuwenlist_bd > span[style*="top:81px"] {
  position: absolute !important;
  top: auto !important;
  bottom: 12px !important;
  left: 12px !important;
  margin: 0 !important;
}

/* ---------- ⑤ 正文占位：有标题后签变 22px，去掉多余占位 ---------- */
html body .tuwenlist_item .sub_lt_content {
  min-height: 0 !important;
  line-height: 1.5 !important;
}
/* 时间行与正文的间距收紧 */
html body .tuwenlist_item .sub_lt_time {
  margin-top: 4px !important;
  font-size: 12px !important;
}
/* 眼睛图标垂直居中（内联 margin-bottom:-7px 会错位） */
html body .tuwenlist_item .sub_lt_time i.tcicon-yanjing {
  margin-bottom: 0 !important;
  vertical-align: -1px !important;
  color: #9AA7B8 !important;
}

/* ---------- ⑥ 骨架屏：大众最熟悉的加载态（替代白屏/跳变） ---------- */
.oc-skeleton {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 16px;
  padding: 12px;
  margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(23,58,110,.05);
}
.oc-skeleton__row { display: flex; gap: 12px; }
.oc-skeleton__pic {
  flex: 0 0 96px; width: 96px; height: 96px;
  border-radius: 12px;
  background: #EEF3F9;
}
.oc-skeleton__lines { flex: 1 1 auto; }
.oc-skeleton__bar {
  height: 14px; border-radius: 7px; background: #EEF3F9; margin-bottom: 10px;
}
.oc-skeleton__bar.w60 { width: 60%; }
.oc-skeleton__bar.w90 { width: 90%; }
.oc-skeleton__bar.w40 { width: 40%; height: 11px; }
.oc-skeleton::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(100deg,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.72) 50%,
    rgba(255,255,255,0) 80%);
  transform: translateX(-100%);
  animation: ocSkeleton 1.25s ease-in-out infinite;
}
@keyframes ocSkeleton {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .oc-skeleton::after { animation: none; display: none; }
}