/* responsive-guard-20261021 — 横向溢出防护与全局盒模型（思研科技网站） */

html, body { max-width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }

*, *::before, *::after { box-sizing: border-box; }

img, video, canvas, iframe { max-width: 100%; }

table, pre { max-width: 100%; }

pre, code { white-space: pre-wrap; overflow-wrap: anywhere; }

.container { width: 100%; max-width: var(--max-w); }

p, h1, h2, h3, h4, h5, h6, li, a, span, div, td, th, button { overflow-wrap: break-word; word-break: break-word; }

input, textarea, select, button { max-width: 100%; }

@media (max-width: 768px) {

  .container { padding-left: 16px; padding-right: 16px; }

  /* 移动端底部固定咨询栏：正文底部留出安全区，栏体收拢为悬浮胶囊，避免透明图标散压正文标题 */

  body { padding-bottom: 88px; }

  .float-bar {

    background: rgba(255, 255, 255, .94);

    border: 1px solid #e6edf5;

    border-radius: 999px;

    padding: 5px 9px;

    box-shadow: 0 6px 18px rgba(11, 58, 111, .14);

  }

}