/* ============================================================
   oc_zyq.css — 参照 zunyiquan.com PC 模板复刻层 v20261024c2
   体系：白色头部 + 蓝紫渐变 Hero（首页）+ #2B6DE5 主蓝 +
         绿色咨询按钮 + 白色悬浮面板 + 右侧工具条白卡
   顺序：首页 oc_global → oc_zyq(header.htm) → oc_pc → oc_zyq(index.php 追加，最终生效)
   回滚：删除各模板/ index.php 中的 oc_zyq.css <link> 即可
   ============================================================ */

/* ---------- 1. 全局底色（zyq 浅灰） ---------- */
body, body.tcpc-index{
  background:#F5F7FA !important;
  background-image:none !important;
  background-attachment:scroll !important;
}
body ::selection{background:rgba(43,109,229,.18)}

/* ---------- 2. 头部白条化（全站基础） ---------- */
.tcpc-header{
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 1px 0 #EDF0F5 !important;
}
.tcpc-header .header-top{
  background:#F7F9FC !important;
  backdrop-filter:none !important;
  border-bottom:1px solid #EEF1F6 !important;
}
.tcpc-header .header-top,
.tcpc-header .header-top .header-top__box .header-top__lt{color:#8A94A6 !important}

/* 导航行：白底深灰字 + 蓝色下划线选中（zyq 式） */
.tcpc-header .header-nav,
.tcpc-header .header-3__nav{
  background:#fff !important;
  backdrop-filter:none !important;
  border-bottom:1px solid #EEF1F6 !important;
  box-shadow:none !important;
  filter:none !important;
}
.tcpc-header .header-nav .nav-list .nav-list__item,
.tcpc-header .header-3__nav .nav-list .nav-list__item{
  background:transparent !important;
  color:#3D4757 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  position:relative;
}
.tcpc-header .header-nav .nav-list .nav-list__item:hover,
.tcpc-header .header-3__nav .nav-list .nav-list__item:hover{
  color:#2B6DE5 !important;
  background:transparent !important;
}
.tcpc-header .header-nav .nav-list .nav-list__item.on,
.tcpc-header .header-nav .nav-list .nav-list__item.active{
  color:#2B6DE5 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-weight:700;
}
.tcpc-header .header-nav .nav-list .nav-list__item.on::after,
.tcpc-header .header-nav .nav-list .nav-list__item.active::after{
  content:"";position:absolute;left:50%;bottom:3px;margin-left:-12px;
  width:24px;height:3px;border-radius:99px;background:#2B6DE5;
}

/* 2b. 首页导航项：模板主色内联把非选中项染白 → 强制深灰（同特异度+后加载胜） */
body.tcpc-index .tcpc-header .header-nav .nav-list .nav-list__item,
body.tcpc-index .tcpc-header .header-3__nav .nav-list .nav-list__item{
  color:#3D4757 !important;
  background:transparent !important;
}
body.tcpc-index .tcpc-header .header-nav .nav-list .nav-list__item:hover,
body.tcpc-index .tcpc-header .header-3__nav .nav-list .nav-list__item:hover{
  color:#2B6DE5 !important;
  background:rgba(43,109,229,.06) !important;
}
body.tcpc-index .tcpc-header .header-nav .nav-list .nav-list__item.on,
body.tcpc-index .tcpc-header .header-3__nav .nav-list .nav-list__item.on,
body.tcpc-index .tcpc-header .header-nav .nav-list .nav-list__item.active{
  color:#2B6DE5 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-weight:700;
  padding:0 14px !important;
}
body.tcpc-index .tcpc-header .header-nav .nav-list .nav-list__item.on::after{
  content:"";position:absolute;left:50%;bottom:3px;margin-left:-12px;
  width:24px;height:3px;border-radius:99px;background:#2B6DE5;
}
body.tcpc-index .tcpc-header .header-nav{
  background:#fff !important;
  backdrop-filter:none !important;
}

/* ---------- 3. 搜索框：zyq 灰底胶囊 + 蓝色搜索键 ---------- */
.tcpc-header .search .search-box{
  border:1.5px solid #E4E9F2 !important;
  background:#F5F7FB !important;
  background-image:none !important;
  box-shadow:none !important;
  border-radius:999px !important;
}
.tcpc-header .search .search-box:focus-within{
  border-color:#2B6DE5 !important;
  box-shadow:0 0 0 3px rgba(43,109,229,.12) !important;
}
.tcpc-header .search .search-box .search-btn{
  background:linear-gradient(120deg,#2B6DE5,#4A8BFF) !important;
  color:#fff !important;
  box-shadow:0 3px 0 rgba(20,70,180,.35) !important;
}

/* ---------- 4. 双按钮 zyq 化：发布=蓝主键 / 入驻=浅蓝副键（双特异度压模板） ---------- */
.tcpc-header .fabu .fabu-btn,
body .tcpc-header .fabu .fabu-btn{
  border-radius:999px !important;
}
.tcpc-header .fabu .fabu-btn:not([data-plugin="shop"]),
body:not(.tcpc-index) .tcpc-header .fabu.clearfix .fabu-item .fabu-btn:not([data-plugin="shop"]),
body.tcpc-index .tcpc-header .fabu .fabu-btn:not([data-plugin="shop"]){
  background:linear-gradient(120deg,#2B6DE5,#4A8BFF) !important;
  background-image:linear-gradient(120deg,#2B6DE5,#4A8BFF) !important;
  color:#fff !important;
  box-shadow:0 4px 0 rgba(20,70,180,.32), 0 10px 18px -10px rgba(43,109,229,.6) !important;
}
.tcpc-header .fabu .fabu-btn[data-plugin="shop"],
body:not(.tcpc-index) .tcpc-header .fabu.clearfix .fabu-item .fabu-btn[data-plugin="shop"],
body.tcpc-index .tcpc-header .fabu .fabu-btn[data-plugin="shop"]{
  background:#EAF1FF !important;
  background-image:none !important;
  color:#2B6DE5 !important;
  box-shadow:none !important;
  border:1px solid #D6E3FB !important;
}
body .tcpc-header .fabu.clearfix .fabu-item .fabu-btn[data-plugin="shop"] *{color:#2B6DE5 !important}
.tcpc-header .fabu .fabu-btn:not([data-plugin="shop"]):hover{transform:translateY(-2px)}
.tcpc-header .fabu .fabu-btn:not([data-plugin="shop"]):active{transform:translateY(2px);box-shadow:0 1px 0 rgba(20,70,180,.32) !important}

/* ---------- 5. 首页 Hero：蓝紫渐变 + 城市天际线剪影 ---------- */
body.tcpc-index .tcpc-header{
  background:linear-gradient(135deg,#8A5CF6 0%,#6E48E8 58%,#7C4DEB 100%) !important;
  box-shadow:none !important;
}
body.tcpc-index .tcpc-header .header-top{
  background:transparent !important;
  border-bottom:none !important;
}
body.tcpc-index .tcpc-header .header-top,
body.tcpc-index .tcpc-header .header-top .header-top__box .header-top__lt,
body.tcpc-index .tcpc-header .header-top a{color:rgba(255,255,255,.85) !important}
/* 天际线剪影（贴 hero 底部，与白色导航衔接） */
body.tcpc-index .tcpc-header .header-wrap{position:relative}
body.tcpc-index .tcpc-header .header-wrap::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:60px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='60' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff'%3E%3Crect x='0' y='28' width='40' height='32'/%3E%3Crect x='48' y='12' width='30' height='48'/%3E%3Crect x='86' y='36' width='46' height='24'/%3E%3Crect x='140' y='5' width='26' height='55'/%3E%3Crect x='149' y='0' width='4' height='7'/%3E%3Crect x='174' y='24' width='38' height='36'/%3E%3Crect x='220' y='38' width='50' height='22'/%3E%3Crect x='278' y='16' width='28' height='44'/%3E%3Crect x='314' y='32' width='42' height='28'/%3E%3Crect x='364' y='8' width='24' height='52'/%3E%3Crect x='396' y='28' width='44' height='32'/%3E%3Crect x='448' y='20' width='30' height='40'/%3E%3Crect x='486' y='38' width='48' height='22'/%3E%3Crect x='542' y='14' width='26' height='46'/%3E%3Crect x='576' y='32' width='24' height='28'/%3E%3C/g%3E%3C/svg%3E") repeat-x left bottom/auto 100%;
  opacity:.22;pointer-events:none;z-index:0;
}
/* hero 内搜索框：白底大阴影（zyq 式） */
body.tcpc-index .tcpc-header .search .search-box{
  background:#fff !important;
  border:1.5px solid #fff !important;
  box-shadow:0 14px 34px -14px rgba(30,15,90,.5) !important;
}
body.tcpc-index .tcpc-header .search .search-box:focus-within{
  box-shadow:0 0 0 4px rgba(255,255,255,.25), 0 16px 38px -14px rgba(30,15,90,.55) !important;
}
body.tcpc-index .tcpc-header .search .search-box .search-btn{
  box-shadow:0 3px 0 rgba(20,70,180,.4) !important;
}
/* hero 内头部气泡/云颜色适配紫底 */
body.tcpc-index .tcpc-header .oc-blob-1{opacity:.5}
body.tcpc-index .tcpc-header .oc-blob-2{opacity:.4}
body.tcpc-index .tcpc-header .oc-blob-3{opacity:.55}

/* ---------- 6. 首页白色悬浮面板（服务卡 + 分类瓷砖） ---------- */
body.tcpc-index .remen.container{
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 24px 60px -30px rgba(30,40,90,.3) !important;
  padding:20px 22px !important;
  margin-top:-42px !important;
  position:relative !important;
  z-index:6 !important;
}
body.tcpc-index .nav-items.container{
  background:#fff;
  border-radius:18px;
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 18px 44px -34px rgba(30,40,90,.3);
  padding:18px 20px;
  margin-top:20px;
}

/* ---------- 7. 区块标题：蓝色左条 + 查看更多（全站） ---------- */
body .each_head .list-title::before{
  background:#2B6DE5 !important;
  box-shadow:0 3px 0 rgba(43,109,229,.22) !important;
}
body .each_head .list-title::after{
  content:"查看更多 ›" !important;
  color:#2B6DE5 !important;
}
body .each_head:hover .list-title::after{color:#1E5BD6 !important}

/* ---------- 8. 详情页咨询按钮：zyq 绿色 ---------- */
body.tcpc-info .content-user a[class*=btn],
body.tcpc-info .content-user .btn{
  background:linear-gradient(120deg,#2BB941,#1FA836) !important;
  background-image:linear-gradient(120deg,#2BB941,#1FA836) !important;
  color:#fff !important;
  box-shadow:0 4px 0 rgba(20,120,50,.35), 0 10px 18px -10px rgba(43,185,65,.55) !important;
  animation:none !important;
}
body.tcpc-info .content-user a[class*=btn]:hover,
body.tcpc-info .content-user .btn:hover{
  filter:brightness(1.06);
  transform:translateY(-2px);
}

/* ---------- 9. 右侧悬浮工具条：白色圆角卡 ---------- */
.tcpc-right-menu{
  background:#fff !important;
  border-radius:14px !important;
  border:1px solid #EEF1F6 !important;
  box-shadow:0 12px 32px -16px rgba(30,40,90,.35) !important;
  overflow:hidden;
}
.tcpc-right-menu a, .tcpc-right-menu .item{color:#5B6675 !important}
.tcpc-right-menu a:hover, .tcpc-right-menu .item:hover{color:#2B6DE5 !important;background:#F3F7FF !important}

/* ---------- 10. 进度条改品牌蓝紫 ---------- */
.oc-progress{background:linear-gradient(90deg,#2B6DE5,#8A5CF6) !important}

@media (prefers-reduced-motion: reduce){
  body.tcpc-index .tcpc-header .header-wrap::after{display:none}
}

/* c3：首页头部整体层级提升，防止悬浮面板 -42px 上移盖住导航条 */
body.tcpc-index .tcpc-header{position:relative !important;z-index:20 !important}

/* ============================================================
   复刻 2 期（c4）：结构级 1:1 —— 白条logo/大标语/漂浮chips/
   热门搜索/热门城市行/居中导航/服务卡彩底
   ============================================================ */

/* ---------- Z1. 白条文字 logo ---------- */
.zyq-toplogo{
  display:inline-flex;align-items:center;gap:7px;margin-right:16px;
  font-size:17px;font-weight:800;color:#2B6DE5;letter-spacing:.5px;
}
.zyq-toplogo i{
  width:22px;height:22px;border-radius:7px;display:inline-block;
  background:linear-gradient(135deg,#2B6DE5,#8A5CF6);
  box-shadow:0 3px 0 rgba(43,109,229,.3);
}

/* ---------- Z2. Hero 大标语（logo 让位） ---------- */
body.tcpc-index .tcpc-header .header-wrap .logo{display:none !important}
body.tcpc-index .tcpc-header .header-wrap{
  display:flex;align-items:center;gap:28px;
  padding:44px 0 60px !important;margin:4px auto 0 !important;
}
.zyq-slogan{flex:0 0 350px;color:#fff;position:relative;z-index:2}
.zyq-slogan h1{
  font-size:30px;line-height:1.4;font-weight:800;margin:0;
  color:#fff !important;text-shadow:0 3px 0 rgba(60,20,160,.22);
}
.zyq-slogan p{margin:10px 0 0;font-size:14px;color:rgba(255,255,255,.88);letter-spacing:.5px}
.zyq-slogan-tags{margin-top:14px;display:flex;gap:8px}
.zyq-slogan-tags span{
  font-size:12px;padding:5px 13px;border-radius:999px;color:#fff;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.38);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s ease;
  cursor:default;
}
.zyq-slogan-tags span:hover{transform:translateY(-3px);background:rgba(255,255,255,.3)}
body.tcpc-index .tcpc-header .search{flex:1 1 auto;position:relative !important}

/* ---------- Z3. 漂浮 chips + 热门搜索 ---------- */
.zyq-chips{position:absolute;top:-42px;left:8px;display:flex;gap:10px;z-index:3}
.zyq-chips span{
  font-size:13px;padding:6px 16px;border-radius:999px;background:#fff;color:#2B6DE5;
  box-shadow:0 8px 16px -8px rgba(30,15,90,.55);cursor:pointer;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
.zyq-chips span:hover{transform:translateY(-4px) scale(1.06)}
.zyq-hotrow{
  position:absolute;left:8px;right:8px;bottom:-46px;
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;z-index:3;
}
.zyq-hotrow em{font-style:normal;color:rgba(255,255,255,.82);font-size:13px}
.zyq-hotrow a{
  font-size:12px;color:#fff;padding:4px 12px;border-radius:999px;text-decoration:none;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease;
}
.zyq-hotrow a:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}

/* ---------- Z4. 热门城市行 ---------- */
.zyq-cityrow{
  background:#fff;border-radius:16px;padding:18px 22px;margin:26px auto 58px !important;
  box-shadow:0 1px 2px rgba(16,24,40,.04), 0 14px 34px -28px rgba(30,40,90,.28);
}
.zyq-city-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.zyq-city-head b{font-size:20px;color:#1F2A3D;position:relative;padding-left:14px}
.zyq-city-head b::before{
  content:"";position:absolute;left:0;top:50%;margin-top:-10px;
  width:5px;height:20px;border-radius:99px;background:#2B6DE5;
}
.zyq-city-head span{color:#98A2B3;font-size:13px}
.zyq-city-head .zyq-more{margin-left:auto;color:#2B6DE5;font-size:13px;text-decoration:none}
.zyq-city-pills{display:flex;flex-wrap:wrap;gap:10px}
.zyq-city{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;
  background:#F6F8FC;border:1px solid #EEF1F6;color:#3D4757;font-size:14px;text-decoration:none;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s ease;
}
.zyq-city i{font-style:normal;font-size:15px}
.zyq-city em{
  font-style:normal;font-size:10px;background:#FF5A5A;color:#fff;
  border-radius:6px;padding:1px 5px;transform:translateY(-7px);
}
.zyq-city.on{background:#EAF1FF;border-color:#2B6DE5;color:#2B6DE5;font-weight:600}
.zyq-city:hover{transform:translateY(-3px);box-shadow:0 10px 18px -10px rgba(43,109,229,.4);border-color:#D6E3FB}

/* ---------- Z5. 导航居中（zyq 式） ---------- */
.tcpc-header .header-nav .nav-list{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  float:none;width:auto;max-width:100%;box-sizing:border-box;padding:0 10px;
}
.tcpc-header .header-nav .nav-list .nav-list__item{float:none !important;display:block}

/* ---------- Z6. 服务卡彩底（zyq AI 卡式） ---------- */
body.tcpc-index .remen.container .item-hot li:nth-child(6n+1){background:#EEF3FF !important}
body.tcpc-index .remen.container .item-hot li:nth-child(6n+2){background:#E9FBF4 !important}
body.tcpc-index .remen.container .item-hot li:nth-child(6n+3){background:#FFF4E8 !important}
body.tcpc-index .remen.container .item-hot li:nth-child(6n+4){background:#F3EEFF !important}
body.tcpc-index .remen.container .item-hot li:nth-child(6n+5){background:#E8F7FD !important}
body.tcpc-index .remen.container .item-hot li:nth-child(6n+6){background:#FFF0EC !important}
body.tcpc-index .remen.container .item-hot li{border-color:transparent !important}

@media (prefers-reduced-motion: reduce){
  .zyq-chips span,.zyq-city,.zyq-slogan-tags span,.zyq-hotrow a{transition:none}
}

/* ============================================================
   c7：Hero 精准 1:1 + 装饰环/虚线 + 秋季落叶 + 图标 3D
   ============================================================ */

/* ---------- C7-1. 大标语 1:1（zyq ~36px 双行） ---------- */
body.tcpc-index .tcpc-header .header-wrap{gap:24px}
.zyq-slogan{flex:0 0 420px}
.zyq-slogan h1{font-size:36px;line-height:1.32;letter-spacing:1px}
.zyq-slogan p{font-size:15px;margin-top:12px}
@media (max-width:1280px){
  .zyq-slogan{flex:0 0 360px}
  .zyq-slogan h1{font-size:30px}
}

/* ---------- C7-2. Hero 装饰：旋转光环 + 金色虚线竖线 ---------- */
.zyq-deco{position:absolute;inset:0;pointer-events:none;z-index:1}
.zyq-deco .zyq-ring{
  position:absolute;border-radius:50%;
  border:2px dashed rgba(255,255,255,.34);
  animation:zyqSpin 26s linear infinite;
}
.zyq-deco .zyq-ring-1{width:230px;height:230px;right:11%;top:-80px}
.zyq-deco .zyq-ring-2{
  width:130px;height:130px;right:23%;bottom:-36px;
  border-style:solid;border-color:rgba(255,255,255,.16);
  animation-duration:40s;animation-direction:reverse;
}
.zyq-deco .zyq-vline{
  position:absolute;right:14.5%;top:14px;bottom:14px;width:0;
  border-left:3px dotted rgba(255,214,79,.8);opacity:.85;
}
@keyframes zyqSpin{to{transform:rotate(360deg)}}

/* ---------- C7-3. 秋季落叶（十月主题） ---------- */
.zyq-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.zyq-leaf{
  position:absolute;top:-44px;line-height:1;will-change:transform;
  animation:zyqLeafFall 8s linear infinite;
  filter:drop-shadow(0 2px 2px rgba(60,20,120,.28));
}
@keyframes zyqLeafFall{
  0%{transform:translate3d(0,-50px,0) rotate(0deg);opacity:0}
  10%{opacity:1}
  85%{opacity:1}
  100%{transform:translate3d(52px,340px,0) rotate(330deg);opacity:0}
}

/* ---------- C7-4. 服务卡图标 3D 弹跳 hover ---------- */
body.tcpc-index .remen.container .item-hot li img{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
body.tcpc-index .remen.container .item-hot li:hover img{transform:translateY(-6px) rotate(-6deg) scale(1.12)}

@media (prefers-reduced-motion: reduce){
  .zyq-deco .zyq-ring{animation:none}
  .zyq-leaf{display:none}
}

/* ============================================================
   c9：Hero 渐变流动 + 逐字弹入 + stagger 入场
   ============================================================ */

/* C9-1. Hero 渐变流动动画 */
body.tcpc-index .tcpc-header{
  background:linear-gradient(120deg,#8A5CF6 0%,#6E48E8 30%,#8A5CF6 58%,#5B3FD6 100%)!important;
  background-size:220% 100%!important;
  animation:ocHeroFlow 9s ease-in-out infinite;
}
@keyframes ocHeroFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* C9-2. 大标语逐字弹入（JS 拆字加 .oc-ch + --d） */
.zyq-slogan h1 .oc-ch{
  display:inline-block;
  animation:ocChIn .55s cubic-bezier(.34,1.56,.64,1) backwards;
  animation-delay:var(--d,0s);
}
@keyframes ocChIn{
  0%{opacity:0;transform:translateY(26px) rotate(10deg) scale(.5)}
  100%{opacity:1;transform:none}
}

/* C9-3. chips/标签/热词/城市 stagger 入场（backwards：结束后不影响 hover transform） */
.zyq-chips span{animation:ocChIn .5s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:var(--d,0s)}
.zyq-slogan-tags span{animation:ocFadeUp .5s ease backwards;animation-delay:var(--d,0s)}
.zyq-hotrow a{animation:ocFadeUp .45s ease backwards;animation-delay:var(--d,0s)}
.zyq-city{animation:ocFadeUp .45s ease backwards;animation-delay:var(--d,0s)}
@keyframes ocFadeUp{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}

@media (prefers-reduced-motion: reduce){
  body.tcpc-index .tcpc-header{animation:none}
  .zyq-slogan h1 .oc-ch,.zyq-chips span,.zyq-slogan-tags span,.zyq-hotrow a,.zyq-city{animation:none}
}

/* ============================================================
   c11：Hero 3D 大吉祥物「球球」（站姿挥手 + 眼神跟随）
   ============================================================ */
.zyq-buddy{
  position:absolute;right:3.5%;bottom:4px;width:92px;height:86px;z-index:2;cursor:pointer;
  border-radius:46% 54% 55% 45%/50% 46% 54% 50%;
  background:radial-gradient(circle at 32% 26%,#BCA9FF 0%,#7C5CF0 72%);
  box-shadow:inset -8px -10px 0 rgba(60,30,150,.2),0 14px 30px -12px rgba(50,20,140,.55);
  animation:zyqBuddyFloat 3.8s ease-in-out infinite;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.zyq-buddy:hover{transform:scale(1.08) rotate(-4deg)}
@keyframes zyqBuddyFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
.zyq-buddy__antenna{
  position:absolute;top:-14px;left:50%;margin-left:-2.5px;width:5px;height:15px;
  border-radius:3px;background:#E9E3FF;
}
.zyq-buddy__antenna::after{
  content:"";position:absolute;top:-9px;left:50%;margin-left:-6px;
  width:12px;height:12px;border-radius:50%;background:#FFD166;
  box-shadow:0 0 0 4px rgba(255,209,102,.32);
  animation:ocAntWob 2.4s ease-in-out infinite;
}
.zyq-buddy__eye{
  position:absolute;top:31%;width:15px;height:19px;border-radius:50%;
  background:#fff;box-shadow:inset 0 -2px 3px rgba(0,0,0,.08);
  animation:ocMascotBlink 4.2s ease-in-out infinite;overflow:hidden;
}
.zyq-buddy__eye--l{left:25%}
.zyq-buddy__eye--r{right:25%;animation-delay:.14s}
.zyq-buddy__eye i{
  position:absolute;left:50%;top:50%;width:7px;height:8px;margin:-4px 0 0 -3.5px;
  border-radius:50%;background:#2A1B5E;
  transform:translate(calc(var(--px,0)*4px),calc(var(--py,0)*3px));
  transition:transform .1s linear;
}
.zyq-buddy__blush{position:absolute;top:55%;width:12px;height:7px;border-radius:50%;background:rgba(255,140,170,.55)}
.zyq-buddy__blush--l{left:11%}
.zyq-buddy__blush--r{right:11%}
.zyq-buddy__mouth{
  position:absolute;left:50%;top:60%;width:18px;height:10px;margin-left:-9px;
  border:3px solid #2A1B5E;border-top:none;
  border-left-color:transparent;border-right-color:transparent;
  border-radius:0 0 14px 14px;
}
.zyq-buddy__arm{position:absolute;top:48%;width:15px;height:26px;border-radius:9px;background:#8F6FF5}
.zyq-buddy__arm--l{left:-9px;transform:rotate(20deg)}
.zyq-buddy__arm--r{right:-9px;transform-origin:top center;animation:ocWave 2.8s ease-in-out infinite}
.zyq-buddy__shadow{
  position:absolute;left:12%;right:12%;bottom:-11px;height:10px;border-radius:50%;
  background:rgba(40,10,120,.3);animation:ocMShadow 3.8s ease-in-out infinite;
}
@media (max-width:1280px){.zyq-buddy{display:none}}
@media (prefers-reduced-motion: reduce){
  .zyq-buddy,.zyq-buddy__arm--r,.zyq-buddy__antenna::after,.zyq-buddy__shadow{animation:none}
}

/* ============================================================
   c12：细节打磨（球球表情联动 / 服务卡辉光 / 搜索键 wiggle）
   ============================================================ */

/* C12-1. 搜索框聚焦时球球惊讶（O 嘴 + 身体前倾） */
body.tcpc-index .tcpc-header .header-wrap:has(.search input:focus) .zyq-buddy{transform:scale(1.06) rotate(-6deg)}
body.tcpc-index .tcpc-header .header-wrap:has(.search input:focus) .zyq-buddy__mouth{
  width:11px;height:11px;margin-left:-5.5px;
  border:3px solid #2A1B5E;border-radius:50%;
  border-left-color:#2A1B5E;border-right-color:#2A1B5E;border-top-color:#2A1B5E;
}
body.tcpc-index .tcpc-header .header-wrap:has(.search input:focus) .zyq-buddy__blush{background:rgba(255,120,160,.75)}

/* C12-2. 服务卡 hover 彩色辉光 */
body.tcpc-index .remen.container .item-hot li:hover{
  box-shadow:0 16px 30px -14px rgba(43,109,229,.4),0 0 0 2px rgba(138,92,246,.28)!important;
}

/* C12-3. 搜索键 hover wiggle */
@keyframes ocWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}
body.tcpc-index .tcpc-header .search button:hover,
body.tcpc-index .tcpc-header .search input[type="submit"]:hover{animation:ocWiggle .4s ease}

/* c12b：JS 驱动的球球惊讶表情（:has 失效的兜底） */
.zyq-buddy.oc-buddy-wow{transform:scale(1.06) rotate(-6deg)}
.zyq-buddy.oc-buddy-wow .zyq-buddy__mouth{
  width:11px;height:11px;margin-left:-5.5px;
  border:3px solid #2A1B5E;border-radius:50%;
  border-left-color:#2A1B5E;border-right-color:#2A1B5E;border-top-color:#2A1B5E;
}
.zyq-buddy.oc-buddy-wow .zyq-buddy__blush{background:rgba(255,120,160,.75)}

/* c12d：:focus-within 纯 CSS 兜底（search 与 buddy 同为 header-wrap 子级） */
body.tcpc-index .tcpc-header .header-wrap .search:focus-within ~ .zyq-buddy{transform:scale(1.06) rotate(-6deg)}
body.tcpc-index .tcpc-header .header-wrap .search:focus-within ~ .zyq-buddy .zyq-buddy__mouth{
  width:11px;height:11px;margin-left:-5.5px;
  border:3px solid #2A1B5E;border-radius:50%;
  border-left-color:#2A1B5E;border-right-color:#2A1B5E;border-top-color:#2A1B5E;
}
body.tcpc-index .tcpc-header .header-wrap .search:focus-within ~ .zyq-buddy .zyq-buddy__blush{background:rgba(255,120,160,.75)}

/* ============================================================
   c13：简洁大气 —— 删除无用模块
   1) 首页左列灰色空广告轮播（4 张占位图，无内容）→ 隐藏，资讯列表拉宽
   2) 商机入口模块（与头部发布/入驻按钮及图标网格完全重复）→ 删除
   ============================================================ */
body.tcpc-index .container-lt .swiper-container{display:none!important}
body.tcpc-index .container-lt{display:flex;gap:20px;align-items:stretch}
body.tcpc-index .container-lt .new-list-box{flex:1 1 auto!important;width:auto!important;max-width:none!important}
body.tcpc-index .fabu-new.section-box{display:none!important}

/* 星星拖尾停用后的兜底（防残留粒子） */
.oc-spark{display:none!important}