*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-text-size-adjust:100%;background:#e8e8e8;min-height:100%}

/* 大框：有边框，白底，内边距，内部 flex 列布局 */
.page-wrapper{max-width:1000px;margin:20px auto;background:#fff;border:1px solid #c8c8c8;padding:10px;display:flex;flex-direction:column;gap:10px}

/* 每个小框统一加边框 */
.top-header{background:#fff;padding:14px 16px;font-size:16px;font-weight:500;color:#222;border:1px solid #d0d0d0}
.navbar{background:#111;padding:0 16px;display:flex;align-items:center;gap:4px;border:1px solid #222}
.navbar .nav-item{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:14px 12px;display:inline-block}
.navbar .nav-item:hover{opacity:.8}
.hero{border:1px solid #d0d0d0;overflow:hidden;line-height:0}
.hero-img{width:100%;display:block}
.story{background:#fff;padding:18px 16px;border:1px solid #d0d0d0}
.story .story-title{font-size:17px;font-weight:700;color:#111;margin-bottom:14px}
.story .story-text{font-size:14px;line-height:1.7;color:#333;text-align:justify;margin-bottom:14px}
.story .story-text:last-child{margin-bottom:0}
.footer{background:#c8c8c8;padding:18px 16px;border:1px solid #b8b8b8}
.footer .footer-section{margin-bottom:20px}
.footer .footer-section:last-child{margin-bottom:0}
.footer .footer-heading{color:#7dc300;font-size:16px;font-weight:600;margin-bottom:10px}
.footer .footer-text{font-size:14px;color:#222;line-height:1.6}