/* 恒天宝官网 · 动态内容增强层样式 v2
 * 相册/照片墙/灯箱/公告行均直接复用站点原生 CSS 类，此处仅补充原生未覆盖的部分。 */

/* 公告行作为按钮时的重置 */
button.notice-row.htb-notice-btn{
  width:100%;background:none;border-left:none;border-right:none;
  cursor:pointer;text-align:left;font:inherit;color:inherit;padding-left:0;padding-right:0;
}
button.notice-row.htb-notice-btn:hover h3{color:#d4aa69}

/* 文章阅读浮层：仿 .gallery-layer */
.htb-article-layer{
  position:fixed;inset:0;z-index:100;background:rgba(4,16,22,.92);
  padding:34px;overflow:auto;color:#fff;
}
.htb-article-body{
  background:#fff;color:#333;border-radius:8px;
  padding:34px 36px;max-width:860px;line-height:1.85;font-size:16px;
}
.htb-article-body img{max-width:100%;height:auto;border-radius:6px;margin:10px 0}
.htb-article-body p{margin:0 0 12px}
.htb-article-body a{color:#0a1d26;text-decoration:underline}
.htb-article-body h1,.htb-article-body h2,.htb-article-body h3{color:#0a1d26;line-height:1.5}
.htb-art-att{margin-top:18px;padding-top:14px;border-top:1px solid #e6ebf2}
.htb-art-att a{color:#0a1d26;font-weight:700}

@media(max-width:640px){
  .htb-article-layer{padding:18px}
  .htb-article-body{padding:24px 20px;font-size:15px}
}

/* 后台可更换的首页大图：data-bg 由脚本设置，覆盖默认背景图 */
.hero[data-bg]::before{background-image:var(--hero-bg)}

/* 往期页面分页条（仿截图样式） */
.htb-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:34px 0 6px;font-size:14px;color:#3c4653}
.htb-pg-total{margin-right:10px;color:#9aa3af;white-space:nowrap}
.htb-pg-btn{min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9dee6;border-radius:6px;color:#3c4653;cursor:pointer;font-size:14px;line-height:1;transition:border-color .15s,color .15s,background .15s}
.htb-pg-btn svg{width:15px;height:15px}
.htb-pg-btn:hover:not(:disabled){border-color:#2f6fed;color:#2f6fed}
.htb-pg-btn:disabled{opacity:.38;cursor:default}
.htb-pg-cur{background:#2f6fed;border-color:#2f6fed;color:#fff;font-weight:700}
.htb-pg-cur:hover:not(:disabled){color:#fff;border-color:#2f6fed}
.htb-pg-ellipsis{color:#9aa3af;padding:0 2px;user-select:none}
.htb-pg-size{position:relative;margin-left:14px}
.htb-pg-sizebtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#fff;border:1px solid #d9dee6;border-radius:6px;color:#3c4653;cursor:pointer;font-size:14px}
.htb-pg-sizebtn svg{width:14px;height:14px;color:#8a94a3}
.htb-pg-sizebtn:hover{border-color:#2f6fed;color:#2f6fed}
.htb-pg-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:100%;background:#fff;border:1px solid #d9dee6;border-radius:8px;box-shadow:0 8px 24px rgba(15,35,55,.14);padding:5px;display:none;z-index:30;white-space:nowrap}
.htb-pg-menu.open{display:block}
.htb-pg-opt{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 14px;font-size:14px;color:#3c4653;cursor:pointer;border-radius:5px}
.htb-pg-opt:hover{background:#f1f5fb}
.htb-pg-opt-cur{color:#2f6fed;font-weight:700}
.htb-pg-jump{display:inline-flex;align-items:center;gap:7px;margin-left:14px;color:#3c4653}
.htb-pg-jump input{width:52px;height:34px;text-align:center;border:1px solid #d9dee6;border-radius:6px;font-size:14px;color:#3c4653;outline:none}
.htb-pg-jump input:focus{border-color:#2f6fed}
.htb-pg-jump input::-webkit-outer-spin-button,.htb-pg-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.htb-pg-jump input[type=number]{-moz-appearance:textfield;appearance:textfield}
@media(max-width:640px){
  .htb-pager{gap:6px}
  .htb-pg-size,.htb-pg-jump{margin-left:0}
}