/* ============================================================
   三人行工作助手 · 体验打磨层
   不改版式、不换配色、不动 slogan，只补「手感」：
   点得准、看得清、按得动、不被挡、输入不放大、结果看得全。
   本层最后加载，覆盖全站（首页 / 工具 / 会议 / 桌牌 / 旧页）。
   ============================================================ */

/* ---------- 1. 去掉手机系统默认的点击灰块，换成站点自己的反馈 ---------- */
html{ -webkit-tap-highlight-color:transparent }
a,button,input,select,textarea,label,summary,[role="button"]{ -webkit-tap-highlight-color:transparent }
::selection{ background:var(--accent-soft,#F7E8E4); color:var(--accent-d,#83241F) }

/* ---------- 2. 焦点落点：兼容首页 --accent / 工具页 --acc 两套变量名 ---------- */
:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,
button:focus-visible,a:focus-visible{
  outline-width:2px!important;
  outline-style:solid!important;
  outline-color:var(--accent,var(--acc,#A5322B))!important;
  outline-offset:2px;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--accent,var(--acc,#A5322B))!important;
}

/* ---------- 3. 按压反馈：实色压深 + 极轻下沉，不浮起、不加阴影 ---------- */
button:active:not(:disabled),.btn:active,.back:active,.chip:active,
.catnav button:active,.seg button:active,.tabs button:active,
.m-btn:active,.srx-btn:active,.srx-app:active{
  filter:brightness(.92)!important;transform:translateY(1px)!important;
  transition:filter .08s linear,transform .08s linear;
}
.ti:active,.m-card:active,.fcard:active,.bcard:active{
  filter:brightness(.93)!important;transform:scale(.985)!important;
  transition:filter .08s linear,transform .08s linear;
}
button,.btn,.back,.chip,.catnav button,.seg button,.tabs button,.m-btn{
  transition:background .14s ease,color .14s ease,border-color .14s ease,filter .1s linear;
}

/* ---------- 4. 桌面：一眼看出「这里可点」，磁贴图标轻微抬起 ---------- */
@media (hover:hover) and (pointer:fine){
  button:hover:not(:disabled),.btn:hover,.back:hover,.chip:hover{
    border-color:var(--accent,var(--acc,#A5322B))!important;
  }
  .panel:hover,.card:hover,.fcard:hover,.bcard:hover{
    border-color:color-mix(in srgb,var(--accent,var(--acc,#A5322B)) 42%,var(--hair,#E4DBC9))!important;
  }
  .tlist .ti:hover .ti-ico{ transform:translateY(-2px)!important }
  .ti:hover{ outline:1px solid rgba(255,255,255,.28);outline-offset:-1px }
}

/* ---------- 5. 手机：触摸目标更大、输入不再被 iOS 自动放大、末行不被浮钮盖住 ---------- */
@media (max-width:720px){
  /* 只放大「要按下去」的按钮，工具页那些密集的色块/版式缩略图保持原样 */
  .btn,.btn-pri,.back,.chip,.catnav button,.seg button,.tabs button,
  .m-btn,.srx-btn,.srx-app,.hs-go,.hs-reset,.no-result .hs-reset{
    min-height:38px;
  }
  /* iOS 上字号小于 16px 的输入框被点中时会自动放大整页，这里统一收口 */
  input[type=text],input[type=search],input[type=tel],input[type=number],
  input[type=email],input[type=password],input[type=url],textarea,select{
    font-size:16px!important;max-width:100%;box-sizing:border-box;
  }
  /* 末尾内容别被右下浮钮盖住 */
  main,.wrap,.container,.m-wrap{ padding-bottom:56px }
}

/* ---------- 6. 磁贴描述：桌面也给两行，不再单行省略号 ---------- */
.ti-tx small{
  white-space:normal!important;display:-webkit-box!important;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  line-height:1.45;
}

/* ---------- 7. 滚动时收起浮钮，阅读不被挡；停下即恢复 ---------- */
body.scrolling #srxShare{ opacity:.12;transform:translateX(38%) scale(.82);transition:opacity .2s,transform .2s }
body.scrolling #srxThemeBtn{ opacity:.2;transition:opacity .2s }
/* 手机端：静止时也收小、贴边、略透，不再盖住一整块内容 */
@media (max-width:720px){
  #srxShare{
    width:40px!important;height:40px!important;right:10px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    opacity:.86;transition:opacity .2s,transform .2s;
  }
  #srxShare .lg{ width:34px!important;height:34px!important }
  body.scrolling #srxShare{ opacity:.08!important;transform:translateX(45%) scale(.8)!important }
}

/* ---------- 8. 搜索：清空按钮 / 即时结果提示 / 键盘选中态 / 空结果复位 ---------- */
.hero-search{ position:relative }
.hs-clear{
  position:absolute;right:108px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border:0!important;background:transparent!important;
  color:var(--ink3,#8C8374);font-size:19px;line-height:1;cursor:pointer;
  display:none;place-items:center;z-index:3;box-shadow:none!important;
  border-radius:2px!important;
}
.hs-clear.on{ display:grid }
.hs-clear:hover{ color:var(--accent,#A5322B) }
.hero-search.has-clear input{ padding-right:144px!important }
.hs-hint{
  margin:8px 0 0;font-size:11.5px;color:var(--ink3,#8C8374);letter-spacing:.2px;display:none;
}
.hs-hint.on{ display:block }
.hs-hint b{ color:var(--accent,#A5322B);font-weight:600 }
.ti.kbd-sel{
  outline:2px solid var(--accent,var(--acc,#A5322B))!important;outline-offset:-2px;
}
.no-result .hs-reset{
  margin-top:14px;border:1px solid var(--hair,#E4DBC9);background:var(--card,#FFFDF8);
  color:var(--ink2,#585145);padding:8px 18px;cursor:pointer;font-size:12.5px;
  border-radius:2px!important;
}

/* ---------- 9. 会议页：长段示例说明默认收起，点「详情」展开 ---------- */
.m-demo{ flex-wrap:wrap;align-items:center!important;padding:8px 12px!important;gap:4px 10px!important }
.m-demo.fold>span:not(.m-demo-brief){ display:none }
.m-demo:not(.fold) .m-demo-brief{ display:none }
.m-demo>span.m-demo-full{ flex-basis:100% }
.m-demo-brief{ color:var(--ink2,#585145);flex:1 1 auto;min-width:0;line-height:1.5 }
.m-demo-toggle,.m-demo #mDemoGo{ margin-left:0!important;flex:none }
.m-demo>svg{ flex:none }
.m-demo-toggle{
  border:0!important;background:transparent!important;
  color:var(--pop,#2E4F5C)!important;font-size:11.5px!important;
  cursor:pointer;padding:2px 4px!important;margin-left:0!important;
  white-space:nowrap;min-height:0!important;box-shadow:none!important;
  border-radius:2px!important;
}
@media (max-width:520px){
  .m-demo{ padding:8px 10px!important }
  .m-demo-brief{ font-size:11.5px }
  .m-demo-toggle,.m-demo #mDemoGo{ margin-left:0!important;min-height:30px }
}

/* ---------- 10. 尊重系统「减少动态效果」；桌面滚动条收细 ---------- */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto }
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
@media (min-width:721px){
  *{ scrollbar-width:thin;scrollbar-color:var(--hair2,#D2C7B1) transparent }
  *::-webkit-scrollbar{ width:10px;height:10px }
  *::-webkit-scrollbar-thumb{
    background:var(--hair2,#D2C7B1);border:2px solid transparent;
    background-clip:padding-box;border-radius:0;
  }
  *::-webkit-scrollbar-track{ background:transparent }
}