/* ============================================================   蜗食记 · 新首页样式 v200.1（2026-08-26 视觉修正，响应式）   断点：≥1200 三栏 / 992~1199 单栏（藏左栏+右栏下移） / <768 手机   ============================================================ */html,body{margin:0;padding:0}
*,*::before,*::after{box-sizing:border-box}
.hm-page{background:#f4f5f7;color:#343434;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hm-page img{display:block;object-fit:cover}
.hm-page a{text-decoration:none;color:inherit}
.hm-page i[class^="ri-"],.hm-page i[class*=" ri-"]{font-style:normal}
.hm-stage{max-width:1200px;margin:0 auto;position:relative;padding:0 12px}

/* ---------- 顶部（贴边，底部 1px 线 #f0f0f0；内容与页面两端对齐） ---------- */.hm-hd{height:94px;background:#fff;border-bottom:1px solid #f0f0f0}
.hm-hd .hm-stage{height:94px;display:flex;align-items:center}
.hm-logo{margin-left:0;width:138px;height:59px}
.hm-hd .hm-sep{width:1px;background:#f0f0f0;align-self:stretch}
.hm-logo-sep{margin-left:24px}
.hm-search{margin-left:0;flex:1;align-self:stretch;display:flex;align-items:center;padding:0 30px 0 12px}
.hm-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:18px;color:#343434}
.hm-search input::placeholder{color:#b6b6b6;font-size:18px}
.hm-search button{border:none;background:none;cursor:pointer;padding:0;font-size:26px;color:#8f959e;line-height:1}
.hm-search button:hover{color:#fc4a00}
.hm-right{margin-left:auto;display:flex;align-items:stretch;height:94px}
.hm-item{width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#343434}
.hm-item>i{font-size:28px;color:#343434;line-height:1}
.hm-item .t{font-size:14px;color:#333;margin-top:5px}
.hm-item .bdg{position:absolute;top:15px;left:55px;min-width:27px;height:18px;border-radius:9px;background:#ff3d60;color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 5px}

/* ---------- 主体 ---------- */.hm-bd{display:flex;padding:21px 0 40px}

/* ---------- 左栏（100px 方块，滚动吸顶） ---------- */.hm-rail{width:100px;flex:none;position:sticky;top:20px;align-self:flex-start}
.hm-nav{width:100px;height:100px;margin:0 auto 1px;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:center;padding-top:16px;color:#343434}
.hm-nav>i{font-size:26px;color:#b8bec6;line-height:1.2}
.hm-nav.on>i{color:#fc4a00}
.hm-nav .lb{font-size:16px;font-weight:600;color:#343434;margin-top:1px}
.hm-nav.on .lb{color:#fc4a00}
.hm-qr{margin-top:16px;text-align:center}
.hm-qr .cap{font-size:12px;color:#343434;margin-bottom:6px}
.hm-qr .qrbox{width:100px;height:100px;background:#fff;border-radius:5px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.hm-qr .qrbox img{max-width:90px;max-height:90px}

/* ---------- 信息流（间距 24/卡片间距 24/内边距 20，宽度弹性占满） ---------- */.hm-feed{flex:1;margin-left:24px;min-width:0}
.hm-card{display:block;background:#fff;border-radius:5px;padding:20px;margin-bottom:24px;transition:box-shadow .15s}
.hm-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}
.hm-au{display:flex;align-items:center}
.hm-au .av{width:31px;height:31px;border-radius:50%}
.hm-au .who{font-size:12px;color:#8f959e;margin-left:9px}

/* v463-z3：徽章尺寸与 App 端一致（11px / padding 1px5px / 圆角 3px / 右距 5px，App .wsj-bdg 同规格） */.hm-bdg{font-size:11px;color:#fff;border-radius:3px;padding:1px 5px;margin-left:10px;line-height:1.2;flex:none}
.hm-b-seed{background:#ff3d60}
.hm-b-note{background:#0abe74}
.hm-b-art{background:#4ba2ff}
.hm-b-fan{background:#fb4b00;margin-left:0}
.hm-b-entry{background:#fb4b00}
.hm-ttl{font-size:18px;font-weight:600;color:#343434;margin-top:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* v463-z2：徽章前置标题行（所有卡片）——徽章浮动环绕：首行从徽章右侧起，   标题换行后回到最左与徽章左对齐（与 App 端 .tt-row 同款方案）。   ★最多两行：浮动环绕下 -webkit-line-clamp 失效（需 block 盒），改用两行高度硬切——   line-height 25px（18px×1.4）× 2 行 = max-height 50px + overflow hidden。 */.hm-tt-row{display:block;overflow:hidden;margin-top:14px;line-height:25px;max-height:50px}
.hm-tt-row>.hm-bdg{float:left;margin-top:3px;margin-left:0;margin-right:5px}

/* v463-zc：★overflow 必须显式 visible——全局 .hm-ttl 带 overflow:hidden（原配合 line-clamp），   不覆盖的话标题仍是 BFC、不与浮动徽章重叠 → 整块被推到徽章右侧、换行不回最左（实测踩坑） */.hm-tt-row>.hm-ttl{display:block;font-size:18px;font-weight:600;color:#343434;margin-top:0;overflow:visible}
.hm-dig{font-size:13px;color:#6a6a73;line-height:1.75;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}
.hm-hero{margin-top:15px}
.hm-hero img{width:100%;height:320px}
.hm-imgs3{margin-top:15px;display:flex;gap:16px}
.hm-imgs3 img{flex:1;width:33%;height:149px;min-width:0}

/* v334b：iPad mini2 等老 Safari 不认 flex gap——卡片底部操作栏间距改用相邻兄弟 margin（现代+旧一致） */.hm-meta{display:flex;align-items:center;margin-top:14px;font-size:14px;color:#8f959e}
.hm-meta .mi + .mi{margin-left:22px}
.hm-meta .mi{display:flex;align-items:center;white-space:nowrap}
.hm-meta .mi > * + *{margin-left:6px}
.hm-meta .mi i{font-size:18px;line-height:1}

/* 食典条目条（1px 内阴影 + 顶部居中向上小三角） */.hm-bk{display:block;margin-top:15px;background:#f8f8f8;border-radius:5px;padding:13px 14px;display:flex;align-items:center;position:relative;box-shadow:inset 0 0 0 1px #eceded;cursor:pointer}
.hm-bk::before{content:"";position:absolute;top:-7px;left:50%;margin-left:-8px;width:0;height:0;border:8px solid transparent;border-bottom-color:#eceded;border-top:0}
.hm-bk::after{content:"";position:absolute;top:-6px;left:50%;margin-left:-7px;width:0;height:0;border:7px solid transparent;border-bottom-color:#f8f8f8;border-top:0}
.hm-bk:hover{background:#fffaf5;box-shadow:inset 0 0 0 1px #ffd4be}
.hm-bk:hover::before{border-bottom-color:#ffd4be}
.hm-bk:hover::after{border-bottom-color:#fffaf5}
.hm-bk .th{width:72px;height:73px;flex:none}
.hm-bk .ti{flex:1;min-width:0;margin-left:14px}
.hm-bk .nm{font-size:14px;font-weight:600;color:#343434}
.hm-bk .nm .go{font-size:12px;color:#fc4a00;font-weight:normal;margin-left:8px}
.hm-bk .sc{display:flex;align-items:center;gap:8px;margin-top:5px}
.hm-bk .num{font-size:22px;font-weight:700;color:#fc4a00;font-family:Arial}
.hm-stars{color:#fc4a00;font-size:12px;letter-spacing:1px;display:inline-flex;align-items:center;line-height:1}

/* v272 星星组 flex 居中：与数字/评分文字同一视觉中线 */.hm-stars .off{color:#d6d9e0}
.hm-bk .ct{font-size:12px;color:#8f969e}
.hm-bk .kv{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.hm-bk .kv span{font-size:11px;padding:3px 9px;border-radius:5px;white-space:nowrap}
.hm-kv-b{color:#2c62a6;background:#e9f1fb}
.hm-kv-g{color:#06735f;background:#cdf1e3}
.hm-kv-y{color:#976f1a;background:#f7ecd4}
.hm-kv-r{color:#99253a;background:#fadfe4}
.hm-bk .eat{flex:none;font-size:11px;color:#8f969e;text-align:right;padding-left:10px}

/* 右图卡（缩略图统一 223×145） */.hm-row2{display:flex;gap:20px}
.hm-row2 .txt{flex:1;min-width:0;display:flex;flex-direction:column}
.hm-row2 .th{width:223px;height:145px;flex:none;align-self:flex-start}

/* 返利卡 */.hm-card.fanli{background:#fffaf6}
.hm-fan-ad{font-size:12px;color:#8f959e;margin-left:8px}
.hm-price{color:#fb4b00;font-size:22px;font-weight:700;font-family:Arial}
.hm-price i{font-style:normal;font-size:14px}
.hm-del{color:#b2aeab;font-size:13px;text-decoration:line-through;margin-left:6px;font-weight:400}
.hm-fan-tag{font-size:11px;color:#fff;background:#fb4b00;border-radius:5px;padding:3px 8px;margin-left:10px}
.hm-fan-src{font-size:12px;color:#b2aeab;margin-top:14px}

/* 热评卡 */.hm-page .hm-qa-link{color:#fc4a00;font-weight:600}
.hm-card .quote{font-size:15px;color:#6a6a73;line-height:1.8;margin-top:14px}
.hm-qa-score{display:flex;align-items:center;gap:4px;flex-wrap:wrap}

/* 热评卡评分行：星与文字垂直居中（inline 混排不齐根治） */.hm-quote{font-size:15px;color:#6a6a73;line-height:1.8;margin-top:16px;overflow-wrap:break-word}
.hm-qa-score{margin-top:10px;font-size:12px;color:#8f959e}
.hm-dash{color:#d6d9e0;font-weight:400}

/* ---------- 右栏 ---------- */.hm-side{width:260px;flex:none;margin-left:24px;min-width:0}
.hm-scard{background:#fff;border-radius:5px;margin-bottom:24px;padding:20px}
.hm-up .h{display:flex;align-items:center}
.hm-up .avb{width:64px;height:64px;border-radius:50%}
.hm-up .who{margin-left:13px;min-width:0}
.hm-up .who .n{font-size:17px;font-weight:600;color:#343434;display:flex;align-items:center;min-width:0}
.hm-up .who .n .nn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hm-up .who .n .lv{flex:none}
.hm-up .who .lv{font-size:11px;color:#fff;background:#fc4a00;border-radius:5px;padding:2px 6px;margin-left:6px;font-weight:normal;vertical-align:2px}
.hm-up .who .sd{font-size:11px;color:#8f959e;margin-top:6px}
.hm-up .nums{display:flex;margin-top:18px}
.hm-up .nums div{flex:1;text-align:center}
.hm-up .nums b{display:block;font-size:17px;font-weight:700;color:#1f2329;font-family:Arial}
.hm-up .nums span{font-size:11px;color:#8f959e}
.hm-up .sign{display:block;margin-top:16px;height:40px;border-radius:5px;background:#fc4a00;color:#fff;font-size:14px;line-height:40px;text-align:center}
.hm-up .sign:hover{background:#e04300}
.hm-up .apps{margin-top:18px}
.hm-up .apps .th2{display:flex;justify-content:space-between;align-items:baseline}
.hm-up .apps .th2 .l{font-size:14px;font-weight:600;color:#343434}
.hm-up .apps .th2 .r{font-size:12px;color:#0472fa}
.hm-up .app3{display:flex;margin-top:14px}
.hm-up .app3 .ap{flex:1;text-align:center}
.hm-up .app3 .cir{width:54px;height:54px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}
.hm-up .c1{background:#0ac075}
.hm-up .c2{background:#ff3d60}
.hm-up .c3{background:#49a2fe}
.hm-up .app3 .al{font-size:11px;color:#77777f;margin-top:7px}
.hm-smod .sh{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px}
.hm-smod .sh .l{font-size:16px;font-weight:700;color:#1f2329;display:flex;align-items:center;gap:6px}
.hm-smod .sh .l .sic{color:#fc4a00;font-size:18px;flex:none;display:inline-flex;align-items:center;line-height:1}
.hm-smod .sh .r{font-size:12px;color:#bbbfc4}
.hm-hot .it{display:flex;align-items:center;gap:10px;padding:8px 0}
.hm-hot .rn{width:18px;height:18px;border-radius:5px;font-size:11px;color:#fff;text-align:center;line-height:18px;flex:none;font-family:Arial}
.hm-hot .rn.top{background:#fc4a00}
.hm-hot .rn.no{background:#f0f1f3;color:#bbbfc4}
.hm-hot .kw{flex:1;font-size:14px;color:#6a6a73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-hot .hv{font-size:12px;color:#bbbfc4;font-family:Arial}
.hm-bk5 .it{display:flex;align-items:center;gap:10px;padding:9px 0}
.hm-bk5 .rn2{width:14px;font-size:13px;font-weight:700;font-style:italic;color:#bbbfc8;font-family:Arial;flex:none;text-align:center}
.hm-bk5 .rn2.top{color:#fc4a00}
.hm-bk5 img{width:52px;height:52px;flex:none}
.hm-bk5 .ti{flex:1;min-width:0}
.hm-bk5 .nm{font-size:13px;font-weight:600;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-bk5 .sb{display:flex;align-items:center;gap:6px;margin-top:4px}
.hm-bk5 .num{font-size:16px;font-weight:700;color:#fc4a00;font-family:Arial}
.hm-bk5 .hm-stars{font-size:10px}
.hm-bk5 .ct{font-size:11px;color:#8f969e}
.hm-act .it{display:flex;align-items:center;gap:10px;padding:10px 0}
.hm-act .av{width:48px;height:48px;border-radius:50%;flex:none}
.hm-act .ti{flex:1;min-width:0}
.hm-act .it .ti{min-width:0}
.hm-act .nm{font-size:13px;font-weight:600;color:#1f2329;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-act .ds{font-size:11px;color:#8f969e;margin-top:4px}
.hm-act .fo{flex:none;font-size:12px;color:#fc4a00;border:1px solid #fc4a00;background:#fff;border-radius:5px;padding:5px 13px}

/* 加载更多 */.hm-load{text-align:center;padding:8px 0 4px}
.hm-load button{border:1px solid #e3e6ea;background:#fff;color:#8f959e;font-size:13px;padding:10px 44px;border-radius:5px;cursor:pointer}
.hm-load button:hover{border-color:#fc4a00;color:#fc4a00}

/* ---------- 页脚（照抄值得买：一行链接 + 网站信息可展开；桌面端初始隐藏、下拉滑出固定视口底部） ---------- */.hm-foot{position:fixed;left:0;right:0;bottom:0;z-index:60;transform:translateY(101%);transition:transform .3s ease;background:#fff;border-top:1px solid #eceded;font-size:12px;color:#8f959e;box-shadow:0 -2px 12px rgba(0,0,0,.05)}
.hm-foot.show{transform:translateY(0)}
.hm-fline{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 0;flex-wrap:wrap}
.hm-fline a{color:#646a73}
.hm-fline a:hover{color:#fc4a00}
.hm-fdot{color:#d6d9e0}
#hmFinfoT{color:#343434;font-weight:600}
#hmFinfoT i{font-size:14px;vertical-align:-2px;transition:transform .2s}
#hmFinfoT.on i{transform:rotate(180deg)}
.hm-finfo{border-top:1px dashed #eceded;padding:12px 0 16px;text-align:center;line-height:2}
.hm-finfo p{margin:0}
.hm-finfo a{color:#8f959e}
.hm-finfo a:hover{color:#fc4a00}
.hm-foot a{color:#8f959e}
.hm-foot a:hover{color:#fc4a00}

/* ============ 响应式 ============ */html,body{overflow-x:clip}
.hm-tabs{display:none}
@media (max-width:1399px){  .hm-rail{display:none}

/* 移动端频道 Tab（替代左栏菜单） */  .hm-tabs{display:flex;background:#fff;border-bottom:1px solid #f0f0f0;padding:0 12px;gap:4px}
  .hm-tabs a{flex:none;padding:12px 16px;font-size:15px;color:#646a73;border-bottom:2px solid transparent}
  .hm-tabs a.on{color:#fc4a00;font-weight:600;border-bottom-color:#fc4a00}
  .hm-feed{margin-left:0;flex:1 1 100%;width:100%}
  .hm-bd{flex-wrap:wrap;padding-top:16px}
  .hm-side{width:100%;margin-left:0;flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .hm-scard{margin-bottom:0}
  .hm-logo{margin-left:12px}
}
@media (max-width:599px){  .hm-hd,.hm-hd .hm-stage{height:60px}
  .hm-hd .hm-stage{align-items:center}
  .hm-stage{margin:0}

/* 手机端规避部分厂商 margin auto 居中计算差异 */  .hm-logo{margin-left:8px;width:100px;height:43px;flex:none}
  .hm-logo-sep{margin-left:10px;flex:none}
  .hm-sep{flex:none}
  .hm-search{margin-left:10px;height:38px;max-width:none;flex:1;min-width:0;align-self:center;padding:0 8px 0 10px}
  .hm-search input{font-size:14px;min-width:0}
  .hm-search input::placeholder{font-size:14px}
  .hm-search button{font-size:20px;flex:none;line-height:1}
  .hm-right{margin-left:0;height:60px;flex:none;align-self:center}
  .hm-item{width:52px;flex:none;height:60px}
  .hm-item>i{font-size:22px;line-height:1}
  .hm-item .t{display:none}
  .hm-item .bdg{top:8px;left:34px}

/* 手机端：用户面板置顶，其余右栏模块在信息流之后 */  .hm-bd{display:flex;flex-direction:column}
  .hm-side{display:contents}
  .hm-up{order:-1;margin-bottom:16px}
  .hm-scard{margin-bottom:16px}
  .hm-hero img{height:200px}
  .hm-imgs3 img{height:100px}
    .hm-card .hm-au-r2{padding-right:0}

/* 手机端作者独占全宽行 */    .hm-row2 .hm-ttl{margin-top:0}

/* 标题贴 row2 顶：与图/摘要顶部对齐（rcard2 同款） */  .hm-row2 .hm-tt-row{margin-top:0}

/* v463-zb：徽章前置标题行同口径（★只在手机端归零——PC 端标题上间距靠 .hm-tt-row 的 margin-top:14px，误写成全局会把作者行与标题挤在一起） */  html,body{overflow-x:hidden}

/* 手机端横向溢出兜底：clip 在部分厂商 WebView 兼容差导致右侧贴边；手机端无 sticky 依赖 */  body{width:100%}

/* 锁定版心宽：未知超宽子元素只溢出被裁，不再把卡片右缘推出视口 */  .hm-stage{width:100%}

/* 显式满宽：不依赖块级 auto 计算（iQOO 贴边兜底） */  .hm-bd{min-width:0}
  .hm-scard,.hm-card{max-width:100%}

/* 卡片层硬兜底：任何父级宽度异常不再传导到卡片右缘 */  .hm-search input::placeholder{content:'关键字'}

/* 手机端提示文字精简 */  
/* v363g：删除原「搜索聚焦时隐藏我的/发文」规则（.hm-hd .hm-stage:focus-within .hm-right{display:none}
）。     实测（首页手机端事件探针）：触摸按下图标时 input 先获得焦点 → 该规则让 .hm-right 整块隐藏、     .hm-search{flex:1}
 随即扩宽盖住图标位置 → mouseup/click 的 target 从 A.hm-item 变成 INPUT，     于是「我的/发文」点不动（PC/pad 无此规则所以正常）。这里让图标常驻，输入框相应变窄但可正常输入。 */  .hm-au .who{min-width:0}

  .hm-card.fanli .hm-ttl{margin-top:8px}                     /* 返利卡：标题上间距 */
  .hm-card.fanli .fan-price{margin-top:8px}
  .hm-card.fanli .hm-row2 .th{margin-top:26px}               /* 返利卡：图片下移与标题顶部对齐（标题被 .hm-au 压在约 26px 处，v463-zc 随头像 33→31 同步减 2） */
  .hm-price{font-size:16px}
  .hm-price i{font-size:11px}
  .hm-bk .eat{display:none}
  /* ===== v463-zd：手机端卡片规格完全对齐 App（来源 App src/pages/home/index.vue + uni.scss）=====
     App 规格：卡片 padding 12px / 圆角 5px / 卡间距 12px；作者行 mb 8px、头像 26px、昵称 11px；
     标题 16px/1.4；摘要 12px/1.65、mt4；右图宽 112px（高随文字块）、gap 12px；
     三图高 78px、gap 4px、mt8；hero 图 170px；meta 行 gap 20px、mt12、13px、图标 19px；
     徽章 11px/1px 5px/r3（已对齐）。改这里 = 网站与 App 视觉同步，任一端调整请同步另一端。 */
  .hm-card{padding:12px;margin-bottom:12px}
  .hm-card .hm-au-r2{margin-bottom:8px}                      /* 作者行下间距 14→8（App .au-row mb $sp-2） */
  .hm-au .av{width:26px;height:26px}                         /* 头像 31→26（App .au-av） */
  .hm-au .who{font-size:11px;margin-left:8px}                /* 昵称 12→11、左距 9→8（App .au-who） */
  .hm-ttl,.hm-tt-row>.hm-ttl{font-size:16px}                 /* 标题 16px（App .sc2-tt） */
  .hm-dig{font-size:12px;line-height:1.65;margin-top:4px;min-height:0}   /* 摘要 13→12 / 1.75→1.65 / 7→4；★min-height:0——全局 45px 在 12px 字号下会露出第三行一点点 */
  .hm-row2{gap:12px}                                         /* 图文间距 20→12（App .lr gap $sp-3） */
  .hm-row2 .th{width:112px;height:auto;align-self:stretch;margin-top:0;object-fit:cover}   /* 右图 130×85 → 宽 112 + 高随文字块（App .lr-thwrap） */
  .hm-row2 .txt{justify-content:flex-start}
  /* ★图文区与互动栏的分层（对齐 App）：App 的 meta 在图文区**之外**（图正下方），
     网站 DOM 里 meta 在 .txt 内 → 图 stretch 会被拉到 meta 底（「图顶到卡片下沿、跟图标一行」）。
     v463-zh：改用 **grid + display:contents** 纯 CSS 实现同一分层——
       第 1 行 标题 / 第 2 行 摘要 / 第 3 行 meta（整宽）；右图跨第 1-2 行 → **图高=标题+摘要**、图底=摘要底，
       meta 自然落在图下方，卡片底部空白随内容自适应（此前用绝对定位+padding-bottom:44px，
       矮卡片（如条目详情种草卡摘要只有一行）会在底部留一大块空白——用户反馈「底部间距很大」）。
     不支持 display:contents 的老 WebView 走下面的 @supports 外兜底（meta 回文档流）。 */
  .hm-card--row{padding-bottom:12px}
  .hm-card--row .hm-row2 .txt > div:last-child{position:static;left:auto;right:auto;bottom:auto;margin-top:12px!important}
  @supports (display:contents){
    .hm-card--row .hm-row2{display:grid;grid-template-columns:1fr 112px;column-gap:12px;row-gap:0}
    .hm-card--row .hm-row2 .txt{display:contents}
    .hm-card--row .hm-row2 .txt > .hm-tt-row{grid-column:1;grid-row:1}
    .hm-card--row .hm-row2 .txt > .hm-dig{grid-column:1;grid-row:2}
    .hm-card--row .hm-row2 .txt > div:last-child{grid-column:1/3;grid-row:3;margin-top:12px!important}
    .hm-card--row .hm-row2 .th{grid-column:2;grid-row:1/3;align-self:stretch;margin-top:0;height:auto}
  }
  .hm-imgs3{gap:4px;margin-top:8px}                          /* 三图间距 16→4、上距 15→8（App .imgs3） */
  .hm-imgs3 img{height:78px}                                 /* 三图高 100→78（App .img3） */
  .hm-hero{margin-top:8px}
  .hm-hero img{height:170px}                                 /* hero 图 200→170（App .hero-img） */
  .hm-meta{margin-top:12px;font-size:13px}                   /* meta 上距 14→12、字号 14→13（App .meta-row） */
  .hm-meta .mi + .mi{margin-left:20px}                       /* 图标间距 22→20（App gap $sp-5） */
  .hm-meta .mi i{font-size:19px}                             /* 图标 20→19（App :size="19"） */

/* 图标 20→19（App :size="19"） */  
/* 手机端页脚改静态（固定底栏太占屏） */  .hm-foot{position:static;transform:none}
}
.hm-bk .nm .go i,.hm-bk .eat i{font-size:13px;vertical-align:-2px}

/* ---------- 卡片交互（v200.6） ---------- */.hm-card:hover .hm-ttl{color:#fc4a00}
.hm-meta .mi{cursor:pointer}
.hm-meta .mi:hover{color:#fc4a00}
.hm-meta .mi.on{color:#fc4a00}
.hm-toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:rgba(20,24,29,.85);color:#fff;font-size:13px;padding:9px 18px;border-radius:5px;z-index:99;opacity:0;transition:opacity .25s;pointer-events:none}
.hm-toast.show{opacity:1}
.hm-confetti{position:fixed;z-index:98;pointer-events:none}
.hm-confetti i{position:absolute;display:block;width:8px;height:8px;border-radius:2px;opacity:1;animation:hm-pop .8s ease-out forwards}
.hm-confetti i.f{border-radius:50%;font-style:normal;font-size:12px;line-height:1;width:auto;height:auto;background:none!important}
@keyframes hm-pop{  0%{transform:translate(0,0) rotate(0) scale(1);opacity:1}
  100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rr)) scale(.4);opacity:0}
}
.hm-meta .mi em{font-style:normal}

/* ---------- 回到顶部（v200.7） ---------- */.hm-logo{position:relative;top:-2px}
.hm-top{position:fixed;right:26px;bottom:90px;z-index:70;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #eceded;color:#8f959e;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.hm-top.show{opacity:1;pointer-events:auto}
.hm-top:hover{color:#fc4a00;border-color:#fc4a00}
@media (max-width:599px){.hm-top{right:14px;bottom:70px;width:38px;height:38px;font-size:19px}
}

/* ---------- v200.8 图标与间距微调 ---------- */.hm-nav .i-f{display:none}
.hm-nav.on .i-l{display:none}
.hm-nav.on .i-f{display:inline}
@media (min-width:600px){.hm-meta .mi i{font-size:20px}
}

/* v463-zd：图标 20px 只留 PC——手机端 19px 对齐 App（原全局规则写在手机段之后，会把手机端覆盖掉） */.hm-quote{margin-top:20px}
.hm-bk5 .sic,.hm-act .sic{font-size:18px}

/* ---------- v200.10/11 头部滑过效果（v200.12：底色更浅+底部线区分页面背景） ---------- */.hm-search{border-radius:0;transition:background .2s, box-shadow .2s}
.hm-search:hover,.hm-search:focus-within{background:#fafbfc;box-shadow:inset 0 -1px 0 #e3e6ea}
.hm-item{transition:color .2s}
.hm-item:hover>i,.hm-item:hover .t{color:#fc4a00}

/* ---------- v212：到底提示/摘要斜体楷体 ---------- */.hm-end{text-align:center;color:#9aa1ab;font-size:16px;padding:18px 0 10px}

/* 摘要楷体仅正文简介（.ar-head .desc），卡片不用 */
/* ---------- v214：左栏滑过变橙 ---------- */.hm-nav:hover>i,.hm-nav:hover .lb{color:#fc4a00}

/* v253：FA 圆润星 + 灰底半星叠层（hm_stars 统一输出结构） */.wsj-star{position:relative;display:inline-block;color:#d6d9e0;font-style:normal;vertical-align:-.15em;line-height:1}
.wsj-star.on{color:#fc4a00}
.wsj-star .fill{position:absolute;top:0;left:0;width:50%;overflow:hidden;color:#fc4a00;display:inline-block;white-space:nowrap}

/* ---------- v261：右图卡作者行提出 row2（手机端作者独占一行）---------- */
/* PC 复原规则必须限定 min-width:768px：媒体查询不增加特异性，写在文件尾部会覆盖手机块内的覆盖（v261c 实锤：作者行被 243px padding 挤没、图被 -33px 推歪） */@media (min-width:768px){  .hm-card .hm-au-r2{padding-right:243px}

/* PC 复原：作者行宽=原txt宽（图223+gap20） */  .hm-card .hm-au-r2 + .hm-row2 .th{margin-top:-31px}

/* PC 复原：图上移与作者行平齐（头像行高31px，v463-zc 由 33 减 2） */}
.hm-bk .nm{display:flex;align-items:baseline}

/* 条目卡第一行不换行：名称省略、保留「食典条目」 */.hm-bk .nm .nmt{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-bk .nm .go{flex:none}
.fan-price{margin-top:16px}

/* 返利卡价格行（原 inline style 移出） */
/* ===== v332c pad 通用适配层（768~1399，覆盖 iPad Pro 横屏）：首页/推荐/返利(hm-体系) ===== */@media (min-width:600px) and (max-width:1399px){  .hm-stage{padding:0 16px}
  .hm-card{padding:16px 16px 14px}
  .hm-row2{gap:14px}
  .hm-row2 .th{width:160px;height:104px}

/* pad 右图缩小，给文字留空间 */  .hm-ttl{font-size:17px}
  .hm-imgs3 img{height:120px}
  .hm-hero img{height:240px}
  .hm-bk .th{width:60px;height:61px}
  .hm-bk .num{font-size:20px}
  .hm-card .hm-au-r2{padding-right:174px}

/* 作者行宽=缩后图160+gap14 */  .hm-card .hm-au-r2 + .hm-row2 .th{margin-top:-31px}
}

/* ===== v338：未登录防复制——复制时提示登录（js 拦截+引导登录，不再静默禁选文字；仅移动端禁系统长按菜单） ===== */.no-copy{-webkit-touch-callout:none}

/* v463-zc：PC 端（≥600px）类型徽章——高度 +2px（padding 上下各 +1）并与标题首行垂直居中（标题 18px×1.4=25.2px，徽章 11px×1.2+4=17.2px → 居中偏移 4px） */@media (min-width:600px){  .hm-tt-row>.hm-bdg{padding:2px 5px;margin-top:4px}
}