/* 首页增强样式集合（2026-10-21）
   1) 黄历卡 #zzAlm 的补充信息与折叠区
   2) 排盘 CTA 在窄屏下的按钮排布（新文案变长后原会溢出 6px）
   只作用于首页，不写进 zzc2026.css，免得全站 3400 页刷版本号。 */
#zzAlm .al-meta{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:8px;font-size:11.5px;line-height:1.7;opacity:.82}
#zzAlm .al-meta span{white-space:nowrap}
#zzAlm .al-nil{background:none!important;opacity:.45;padding:0!important}

#zzAlm .al-more{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18)}
#zzAlm .al-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;
  font-size:12px;opacity:.9;outline:none}
#zzAlm .al-more summary::-webkit-details-marker{display:none}
#zzAlm .al-more summary::before{content:"+";flex:none;width:15px;height:15px;border-radius:3px;
  background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;
  font-size:13px;line-height:1;font-family:var(--sans,system-ui,sans-serif)}
#zzAlm .al-more[open] summary::before{content:"–"}
#zzAlm .al-more summary:hover{opacity:1}

#zzAlm .al-more-in{padding-top:10px}
#zzAlm .al-mrow{display:flex;gap:8px;font-size:11.5px;line-height:1.75;margin-bottom:5px}
#zzAlm .al-mrow:last-child{margin-bottom:0}
#zzAlm .al-mrow i{font-style:normal;flex:none;width:56px;opacity:.62}
#zzAlm .al-mrow span{flex:1;min-width:0;opacity:.92}

#zzAlm .al-sc{margin-top:10px;padding-top:9px;border-top:1px dashed rgba(255,255,255,.16)}
#zzAlm .al-sc-hd{font-size:11.5px;opacity:.62;margin-bottom:4px}
#zzAlm .al-sc table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.65}
#zzAlm .al-sc th{text-align:left;font-weight:400;white-space:nowrap;padding:4px 8px 4px 0;
  vertical-align:top;opacity:.88}
#zzAlm .al-sc th span{display:block;font-size:10px;opacity:.6}
#zzAlm .al-sc td{padding:4px 0;vertical-align:top}
#zzAlm .al-sc td.y{color:#f2e2bb}
#zzAlm .al-sc td.j{opacity:.72}
#zzAlm .al-sc tr+tr th,#zzAlm .al-sc tr+tr td{border-top:1px solid rgba(255,255,255,.09)}
#zzAlm .al-sc-in{max-height:236px;overflow:auto;-webkit-overflow-scrolling:touch}
#zzAlm .al-sc-in::-webkit-scrollbar{width:4px}
#zzAlm .al-sc-in::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:2px}

@media (max-width:760px){
  #zzAlm .al-meta{font-size:11px}
  #zzAlm .al-sc table{font-size:10.5px}
  #zzAlm .al-sc-in{max-height:none}
}

/* 排盘 CTA：zzc2026.css 在窄屏给的是 .cta .btn{flex:1}（不换行），
   文案「AI 智能解盘 · 排盘后 9 点起」变长后两个按钮合起来要 355px，
   卡片内宽只有 360px，实测右边缘到 396px（视口 390）→ 改为各占一行。 */
@media (max-width:560px){
  .zz .cta .rt{flex-wrap:wrap}
  .zz .cta .btn{flex:1 1 100%;justify-content:center;font-size:13px}
}