/* 手机上的小工具（shared/phone-kit.js 的样式，2026-10-01）。只在 ≤640px 生效。 */
.phf-btn { display: none; }
@media (max-width: 640px) {
  .phf-btn { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; min-height: 36px; margin: 8px 0 4px; padding: 0 12px;
    border: 1px solid var(--border-strong); border-radius: var(--radius-full); background: var(--surface); color: var(--text-secondary);
    font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
  .phf-btn b { font-weight: 600; color: var(--accent); overflow: hidden; text-overflow: ellipsis; }
  .phf-btn.has { border-color: var(--accent); }
  /* 收着：外框去掉，各排挪出视线（不用 display:none，脚本还要量这排用不用），只留 .ph-keep 那排里的 data-phone-keep（搜索框） */
  .phf:not(.phf-open) { margin-top: 6px !important; margin-bottom: 4px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  .phf:not(.phf-open) > :not(.ph-keep):not(.ph-keep-all):not(.phf-btn) { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
    clip-path: inset(50%) !important; white-space: nowrap !important; pointer-events: none; }
  .phf:not(.phf-open) > .ph-keep > :not([data-phone-keep]) { display: none !important; }
  .phf:not(.phf-open) > .ph-keep [data-phone-keep] { flex: 1 1 auto; width: 100%; margin-left: 0; min-width: 0; }
  /* 输入框 16px：小于 16px 的，iPhone 一点进去整页会自己放大 */
  .phf input[type="search"], .phf input[type="text"], .phf select { font-size: 16px; }
  .phf input[type="search"] { height: 40px; }
}