/* ===== 布局一致性：任何屏幕宽度下均不重排，移动端与电脑端布局相同 ===== */
.grid-container4{display:flex;flex-wrap:wrap;gap:10px;padding:0}
.grid-container4>*{flex:1 1 calc(25% - 7.5px);min-width:0}
.grid-container3{display:flex;flex-wrap:wrap;gap:10px;padding:0}
.grid-container3>*{flex:1 1 calc(33.333% - 6.667px);min-width:0}
.grid-container2{display:flex;flex-wrap:wrap;gap:10px;padding:0}
.grid-container2>*{flex:1 1 calc(50% - 5px);min-width:0}
.grid-container1{display:flex;flex-wrap:wrap;gap:10px;padding:0}
.grid-container1>*{flex:1 1 100%;min-width:0}
.grid-item{border:0;padding:0;font-size:15px;border-radius:10px;text-align:center}
.grid-item1{border:1px solid rgba(0,0,0,0.8);padding:0;font-size:15px;border-radius:10px;text-align:center}
.center-text{width:99%;text-align:left}
.grid-bottom{text-align:center;font-size:15pt;font-weight:700;margin-top:30px;margin-bottom:30px;color:#000}
h1{font-size:15pt;font-weight:700;margin-top:20px;margin-bottom:20px;color:#000;text-align:center}
h2{font-size:12pt;font-weight:700;margin-top:15px;margin-bottom:20px}
h3{font-size:12pt;font-weight:600;margin-top:15px;margin-bottom:15px}
img{width:100%;height:auto;border:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
/* ===== 工具类：替代 HTML5 已废弃的 align 属性 ===== */
.text-center{text-align:center}
.text-left{text-align:left}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ===== 全局基础 ===== */
*{box-sizing:border-box}
body{margin:0;padding:0 10px}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
hr{margin:30px 0}