/* ============================================================
   全站卡片列表 hover 交互（2026-11-02）
   交互统一对齐"找装修公司"列表 .zxc-card：
     上浮 2px + 橙色描边 #e86d3f + 橙调阴影 + 暖白渐变底 + 封面图放大 1.03
   为了让上浮和阴影不被裁掉，原来的"外框 + 分隔线"列表改成"卡片留缝"：
     容器去掉外框与 overflow 裁切，行本身变成白底圆角卡片，行间留 12px。
   描边统一用 box-shadow 0 0 0 1px 画（不新增真实 border），
   既不与既有 border 规则打架，hover 时也不会产生 1px 布局位移。
   ============================================================ */

/* ---------- 1. 列表容器：去外框 / 去裁切 / 单列留缝 ---------- */
html#zhixia-public-ui body #main-content .zx-channel :is(#wenda-list,#gonglue-grid,#news-list,#diary-list),
html#zhixia-public-ui body #main-content .zx-channel .materials-list,
html#zhixia-public-ui body #main-content :is(#home-gonglue-list,#home-wenda-list,#home-diary-list){
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
  min-height:0!important;
}

/* ---------- 2. 行卡片化：白底 + 10px 圆角 + 静默 1px 描边 ---------- */
html#zhixia-public-ui body #main-content .zx-channel #wenda-list > .question-card,
html#zhixia-public-ui body #main-content .zx-channel #gonglue-grid > .guide-row,
html#zhixia-public-ui body #main-content .zx-channel #news-list > .news-row,
html#zhixia-public-ui body #main-content .zx-channel #diary-list > .diary-card,
html#zhixia-public-ui body #main-content .zx-channel .materials-list > .materials-card,
html#zhixia-public-ui body #main-content #home-gonglue-list > .guide-row,
html#zhixia-public-ui body #main-content #home-wenda-list > .qa-item,
html#zhixia-public-ui body #main-content #home-diary-list > .diary-item{
  position:relative!important;
  margin:0!important;
  background:#fff!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:0 0 0 1px #e9ecee!important;
  overflow:hidden!important;
}

/* 首页侧栏的列表本来就是放在带内边距的面板里，卡片化后收窄留白，避免双重padding挤占标题 */
html#zhixia-public-ui body #main-content :is(#home-wenda-list,#home-diary-list){gap:10px!important}
html#zhixia-public-ui body #main-content #home-wenda-list > .qa-item{padding:12px 12px!important}
html#zhixia-public-ui body #main-content #home-diary-list > .diary-item{padding:11px 12px!important}

/* ---------- 3. 悬停：与 .zxc-card 完全一致 ---------- */
@media(hover:hover) and (pointer:fine){
  html#zhixia-public-ui body #main-content .zx-channel #wenda-list > .question-card,
  html#zhixia-public-ui body #main-content .zx-channel #gonglue-grid > .guide-row,
  html#zhixia-public-ui body #main-content .zx-channel #news-list > .news-row,
  html#zhixia-public-ui body #main-content .zx-channel #diary-list > .diary-card,
  html#zhixia-public-ui body #main-content .zx-channel .materials-list > .materials-card,
  html#zhixia-public-ui body #main-content #home-gonglue-list > .guide-row,
  html#zhixia-public-ui body #main-content #home-wenda-list > .qa-item,
  html#zhixia-public-ui body #main-content #home-diary-list > .diary-item{
    transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease!important;
  }
  html#zhixia-public-ui body #main-content .zx-channel #wenda-list > .question-card:hover,
  html#zhixia-public-ui body #main-content .zx-channel #gonglue-grid > .guide-row:hover,
  html#zhixia-public-ui body #main-content .zx-channel #news-list > .news-row:hover,
  html#zhixia-public-ui body #main-content .zx-channel #diary-list > .diary-card:hover,
  html#zhixia-public-ui body #main-content .zx-channel .materials-list > .materials-card:hover,
  html#zhixia-public-ui body #main-content #home-gonglue-list > .guide-row:hover,
  html#zhixia-public-ui body #main-content #home-wenda-list > .qa-item:hover,
  html#zhixia-public-ui body #main-content #home-diary-list > .diary-item:hover{
    transform:translateY(-2px)!important;
    background:linear-gradient(180deg,#fff 0%,#FFF7F2 100%)!important;
    box-shadow:0 0 0 1px #e86d3f,0 12px 30px rgba(232,109,63,.18),0 2px 6px rgba(41,45,49,.05)!important;
  }
}

/* ---------- 4. 本来就自带边框的卡片：同样的手感，只换描边色 ---------- */
@media(hover:hover) and (pointer:fine){
  html#zhixia-public-ui body #main-content :is(.case-card,.news-home-card,.faq-item){
    transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,border-color .28s ease!important;
  }
  html#zhixia-public-ui body #main-content :is(.case-card,.news-home-card,.faq-item):hover{
    transform:translateY(-2px)!important;
    border-color:#e86d3f!important;
    background:linear-gradient(180deg,#fff 0%,#FFF7F2 100%)!important;
    box-shadow:0 12px 30px rgba(232,109,63,.18),0 2px 6px rgba(41,45,49,.05)!important;
  }
}

/* ---------- 5. 封面图：外层统一裁剪，悬停放大 1.03 ---------- */
html#zhixia-public-ui body #main-content :is(#gonglue-grid,#home-gonglue-list) > .guide-row > a:first-child,
html#zhixia-public-ui body #main-content #news-list > .news-row > a:first-child,
html#zhixia-public-ui body #main-content #diary-list > .diary-card .diary-image,
html#zhixia-public-ui body #main-content .materials-list > .materials-card .materials-cover,
html#zhixia-public-ui body #main-content .news-home-card .news-home-image,
html#zhixia-public-ui body #main-content .case-card .case-card__cover{
  overflow:hidden!important;
}
html#zhixia-public-ui body #main-content :is(#gonglue-grid,#home-gonglue-list) > .guide-row > a:first-child img,
html#zhixia-public-ui body #main-content #news-list > .news-row > a:first-child img,
html#zhixia-public-ui body #main-content #diary-list > .diary-card .diary-image img,
html#zhixia-public-ui body #main-content .materials-list > .materials-card .materials-cover img,
html#zhixia-public-ui body #main-content .news-home-card .news-home-image img,
html#zhixia-public-ui body #main-content .case-card .case-card__cover img{
  transition:transform .45s cubic-bezier(.22,.61,.36,1)!important;
}
@media(hover:hover) and (pointer:fine){
  html#zhixia-public-ui body #main-content :is(#gonglue-grid,#home-gonglue-list) > .guide-row:hover > a:first-child img,
  html#zhixia-public-ui body #main-content #news-list > .news-row:hover > a:first-child img,
  html#zhixia-public-ui body #main-content #diary-list > .diary-card:hover .diary-image img,
  html#zhixia-public-ui body #main-content .materials-list > .materials-card:hover .materials-cover img,
  html#zhixia-public-ui body #main-content .news-home-card:hover .news-home-image img,
  html#zhixia-public-ui body #main-content .case-card:hover .case-card__cover img{
    transform:scale(1.03)!important;
  }
}

/* ---------- 6. 减少动态偏好：只保留静态反馈 ---------- */
@media(prefers-reduced-motion:reduce){
  html#zhixia-public-ui body #main-content .zx-channel #wenda-list > .question-card:hover,
  html#zhixia-public-ui body #main-content .zx-channel #gonglue-grid > .guide-row:hover,
  html#zhixia-public-ui body #main-content .zx-channel #news-list > .news-row:hover,
  html#zhixia-public-ui body #main-content .zx-channel #diary-list > .diary-card:hover,
  html#zhixia-public-ui body #main-content .zx-channel .materials-list > .materials-card:hover,
  html#zhixia-public-ui body #main-content #home-gonglue-list > .guide-row:hover,
  html#zhixia-public-ui body #main-content #home-wenda-list > .qa-item:hover,
  html#zhixia-public-ui body #main-content #home-diary-list > .diary-item:hover,
  html#zhixia-public-ui body #main-content :is(.case-card,.news-home-card,.faq-item):hover{
    transform:none!important;
  }
  html#zhixia-public-ui body #main-content :is(#gonglue-grid,#home-gonglue-list) > .guide-row:hover > a:first-child img,
  html#zhixia-public-ui body #main-content #news-list > .news-row:hover > a:first-child img,
  html#zhixia-public-ui body #main-content #diary-list > .diary-card:hover .diary-image img,
  html#zhixia-public-ui body #main-content .materials-list > .materials-card:hover .materials-cover img,
  html#zhixia-public-ui body #main-content .news-home-card:hover .news-home-image img,
  html#zhixia-public-ui body #main-content .case-card:hover .case-card__cover img{
    transform:none!important;
  }
}