/* MOBILE_TITLE_FIT_ALIGN_V20260704BG
 * 112313 澳门 + 香港前台：
 * 1) 外部资料列表标题手机自适应，不被置顶标签挤压截断；
 * 2) 资料详情标题与历史开奖行可换行、对齐；
 * 3) 小屏幕开奖结果单独右对齐一行，不挤压作者/资料类型；
 * 4) 仅样式，不改任何资料、历史、开奖或判中。
 */

/* -------- 资料外：澳门 index.php / 香港 hk.php 列表标题 -------- */
.post-list-row{
  min-width:0!important;
}

.post-list-title{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

@media (max-width: 680px){
  .post-list-row{
    align-items:stretch!important;
    min-height:0!important;
  }

  .post-list-badge-cell{
    flex:0 0 60px!important;
    width:60px!important;
    min-width:60px!important;
    padding:5px 3px!important;
    align-items:flex-start!important;
  }

  .post-list-badge-cell > *{
    max-width:54px!important;
    min-height:0!important;
    padding:5px 3px!important;
    font-size:clamp(13px,3.6vw,16px)!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-align:center!important;
  }

  .post-list-title{
    display:block!important;
    flex:1 1 0!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    font-size:clamp(15px,4.35vw,19px)!important;
    line-height:1.28!important;
    padding:8px 7px 8px 0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    transform:none!important;
  }

  .post-list-title *,
  .post-list-title font,
  .post-list-title span{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

@media (max-width: 390px){
  .post-list-badge-cell{
    flex-basis:54px!important;
    width:54px!important;
    min-width:54px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .post-list-badge-cell > *{
    max-width:50px!important;
    font-size:13px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .post-list-title{
    font-size:clamp(14px,4.15vw,17px)!important;
    line-height:1.25!important;
    padding-right:5px!important;
  }
}

/* -------- 资料内：标题手机适配 -------- */
.view .view-title{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.3!important;
}

.view .view-title *,
.view .view-title .hk-detail-full-title-guapai-v20260703{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

.view .view-meta{
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

@media (max-width: 680px){
  .view .view-title{
    font-size:clamp(17px,4.7vw,22px)!important;
    line-height:1.32!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .view .view-meta{
    font-size:clamp(12px,3.45vw,15px)!important;
    line-height:1.45!important;
  }
}

/* -------- 资料内：历史标题 + 开奖结果自适应对齐 -------- */
.view .tema-history-head,
.view .texiao-history-head,
.view .xiaoma-history-head,
.view .bo-history-head,
.view .zs-juesha-history-head{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media (max-width: 680px){
  .view .tema-history-head,
  .view .texiao-history-head,
  .view .xiaoma-history-head,
  .view .bo-history-head,
  .view .zs-juesha-history-head{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    column-gap:5px!important;
    row-gap:3px!important;
    white-space:normal!important;
    line-height:1.32!important;
  }

  .view .tema-history-head > *,
  .view .texiao-history-head > *,
  .view .xiaoma-history-head > *,
  .view .bo-history-head > *,
  .view .zs-juesha-history-head > *{
    min-width:0!important;
  }

  .view .tema-qishu,
  .view .texiao-qishu,
  .view .xiaoma-qishu,
  .view .tema-author,
  .view .texiao-author,
  .view .xiaoma-author,
  .view .tema-type,
  .view .texiao-type,
  .view .xiaoma-type{
    font-size:clamp(15px,4vw,18px)!important;
    line-height:1.32!important;
  }

  .view .tema-author,
  .view .texiao-author,
  .view .xiaoma-author,
  .view .tema-type,
  .view .texiao-type,
  .view .xiaoma-type{
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .view .tema-open-status,
  .view .texiao-open-status,
  .view .bo-open-status,
  .view .zs-juesha-open,
  .view .xiaoma-result{
    margin-left:auto!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    text-align:right!important;
    font-size:clamp(15px,4vw,18px)!important;
    line-height:1.32!important;
  }

  .view .tema-history-nums,
  .view .texiao-history-sx,
  .view .xiaoma-history-body,
  .view .bo-inline-wrap,
  .view .ptpm-inline-wrap,
  .view .zs-juesha-history-body{
    max-width:100%!important;
    font-size:clamp(16px,4.35vw,20px)!important;
    line-height:1.5!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}



/* INNER_HISTORY_TITLE_SAME_ROW_V20260704BH
 * 资料内历史卡第一行：
 * 期数 + 作者 + 资料类型始终保持同一排；
 * 不让“资料类型”自动掉到下一行。
 * 窄屏时只让“开：号码生肖准/错”单独右对齐下一行。
 */
@media (max-width:680px){
  .view .tema-history-head,
  .view .texiao-history-head,
  .view .xiaoma-history-head,
  .view .bo-history-head,
  .view .zs-juesha-history-head{
    column-gap:4px!important;
    row-gap:2px!important;
  }

  .view .tema-qishu,
  .view .texiao-qishu,
  .view .xiaoma-qishu,
  .view .zs-juesha-qishu,
  .view .tema-sep,
  .view .texiao-sep,
  .view .xiaoma-sep,
  .view .zs-juesha-sep{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:clamp(14px,3.8vw,17px)!important;
    line-height:1.28!important;
  }

  .view .tema-author,
  .view .texiao-author,
  .view .xiaoma-author,
  .view .zs-juesha-author,
  .view .tema-type,
  .view .texiao-type,
  .view .xiaoma-type,
  .view .zs-juesha-type{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:36vw!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    font-size:clamp(14px,3.8vw,17px)!important;
    line-height:1.28!important;
  }
}



/* HISTORY_MATERIAL_IN_TITLE_CARD_V20260704BJ
 * 澳门 + 香港：每期历史资料放进同一个标题蓝框。
 *
 * 卡内第一行：期数 + 作者 + 资料类型 + 开奖结果
 * 卡内第二行：该期资料内容
 *
 * 所有资料类型统一覆盖：
 * 特码、特肖、肖码、头数、尾数、平特、平码、波色、五行、其他、绝杀等。
 *
 * 只改视觉容器；不改变资料文本、历史、开奖、判中或标红逻辑。
 */

/* -------- 各类型历史卡：整张卡统一为一个蓝色标题框 -------- */
.view .tema-history-item,
.view .texiao-history-item,
.view .xiaoma-history-item,
.view .zs-juesha-history-row{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:8px 0 12px!important;
  padding:9px 11px 10px!important;
  overflow:hidden!important;
  border:1px solid #b9ddf7!important;
  border-radius:12px!important;
  background:#edf8ff!important;
  box-shadow:0 3px 8px rgba(76,148,190,.12)!important;
}

/* 头部本身不要再单独变成另一张框，统一并入外层蓝框。 */
.view .tema-history-item > .tema-history-head,
.view .texiao-history-item > .texiao-history-head,
.view .xiaoma-history-item > .xiaoma-history-head,
.view .zs-juesha-history-row > .zs-juesha-history-head{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* 资料正文现在属于同一张蓝框，使用虚线作卡内分隔。 */
.view .tema-history-item > .tema-history-nums,
.view .texiao-history-item > .texiao-history-sx,
.view .xiaoma-history-item > .xiaoma-history-body,
.view .zs-juesha-history-row > .zs-juesha-history-body,
.view .zs-juesha-history-row > .zs-juesha-history-content{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:7px 0 0!important;
  padding:7px 0 0!important;
  border-top:1px dashed #d9b85e!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* -------- 手机：标题和开奖仍在卡内第一行；资料正文在卡内第二行 -------- */
@media (max-width:680px){
  .view .tema-history-head,
  .view .texiao-history-head,
  .view .xiaoma-history-head,
  .view .bo-history-head,
  .view .ptpm-history-head,
  .view .zs-juesha-history-head{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:3px!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    line-height:1.22!important;
  }

  .view .tema-qishu,
  .view .texiao-qishu,
  .view .xiaoma-qishu,
  .view .zs-juesha-qishu,
  .view .tema-sep,
  .view .texiao-sep,
  .view .xiaoma-sep,
  .view .zs-juesha-sep{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:clamp(12px,3.6vw,16px)!important;
    line-height:1.22!important;
  }

  .view .tema-author,
  .view .texiao-author,
  .view .xiaoma-author,
  .view .zs-juesha-author,
  .view .tema-type,
  .view .texiao-type,
  .view .xiaoma-type,
  .view .zs-juesha-type{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:31vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    font-size:clamp(12px,3.6vw,16px)!important;
    line-height:1.22!important;
  }

  /* 覆盖 BG/BH：开奖结果留在标题第一行最右侧。 */
  .view .tema-open-status,
  .view .texiao-open-status,
  .view .bo-open-status,
  .view .zs-juesha-open,
  .view .xiaoma-result{
    order:0!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    white-space:nowrap!important;
    text-align:right!important;
    font-size:clamp(12px,3.6vw,16px)!important;
    line-height:1.22!important;
  }

  .view .tema-history-item > .tema-history-nums,
  .view .texiao-history-item > .texiao-history-sx,
  .view .xiaoma-history-item > .xiaoma-history-body,
  .view .zs-juesha-history-row > .zs-juesha-history-body,
  .view .zs-juesha-history-row > .zs-juesha-history-content{
    font-size:clamp(16px,4.35vw,20px)!important;
    line-height:1.48!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

@media (max-width:360px){
  .view .tema-history-item,
  .view .texiao-history-item,
  .view .xiaoma-history-item,
  .view .zs-juesha-history-row{
    padding:8px 8px 9px!important;
  }

  .view .tema-history-head,
  .view .texiao-history-head,
  .view .xiaoma-history-head,
  .view .bo-history-head,
  .view .ptpm-history-head,
  .view .zs-juesha-history-head{
    gap:2px!important;
  }

  .view .tema-author,
  .view .texiao-author,
  .view .xiaoma-author,
  .view .zs-juesha-author{
    max-width:22vw!important;
  }

  .view .tema-type,
  .view .texiao-type,
  .view .xiaoma-type,
  .view .zs-juesha-type{
    max-width:27vw!important;
  }

  .view .tema-qishu,
  .view .texiao-qishu,
  .view .xiaoma-qishu,
  .view .zs-juesha-qishu,
  .view .tema-author,
  .view .texiao-author,
  .view .xiaoma-author,
  .view .zs-juesha-author,
  .view .tema-type,
  .view .texiao-type,
  .view .xiaoma-type,
  .view .zs-juesha-type,
  .view .tema-open-status,
  .view .texiao-open-status,
  .view .bo-open-status,
  .view .zs-juesha-open,
  .view .xiaoma-result{
    font-size:12px!important;
  }
}