/* ===== gonggong.css - 全局公共样式 ===== */

/* 全局重置 */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #fffdfb;
  color: #333;
  line-height: 1.6;
}
a { text-decoration:none; color:inherit; }
ul { list-style:none; }

/* 配色（写在注释里，方便查）
   主色(品牌红): #b8363a  印章红，和 logo 一致
   暖白背景:     #fdf6f0  宣纸色
   浅暖灰背景:   #f9f6f1  板块交替
   边框线:       #e0d5c8  暖棕金
   深色文字:     #333     正文
   灰色文字:     #777     辅助文字
   页脚深色:     #4a3c33  深棕褐
*/

/* 公共按钮 */
.btn-hong {
  display: inline-block;
  background: #b8363a;
  color: #fff;
  padding: 10px 28px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  border: none;
}
.btn-bai {
  display: inline-block;
  border: 1px solid #b8363a;
  color: #b8363a;
  padding: 10px 26px;
  border-radius: 6px;
  font-size: 14px;
  background: transparent;
  cursor: pointer;
}

/* 板块占位样式（所有内容板块通用） */
.bankuai {
  border: 1px solid #e0d5c8;
  background: #fff;
  margin: 8px;
  padding: 24px;
}
.bankuai h2 {
  color: #b8363a;
  margin-bottom: 12px;
}
.bankuai-warm {
  background: #f9f6f1;
}
.bankuai-hong {
  background: #b8363a;
  color: #fff;
}
.bankuai-hong h2 {
  color: #fff;
}

/* 折叠屏展开态适配（600px~1023px 保持窄版，不让内容拉太宽）*/
@media (min-width: 600px) and (max-width: 1023px) {
  .daohang-row,
  .yejiao-row,
  .bankuai-nei,
  .moshi-list,
  .chengnuo-list,
  .liucheng-list,
  .guanyu-row,
  .jieshao-row,
  .yewu-list {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  /* 折叠屏展开态时卡片列数减半，避免太挤 */
  .moshi-list,
  .chengnuo-list,
  .yewu-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .liucheng-list {
    flex-wrap: wrap;
  }
}