/* ============================================================
   品牌研究 brand.css
   内容来自 lanhu_yanjiuyuan 设计稿；导航与页尾与 Profile.html 保持一致；
   交互（平滑滚动 / 吸顶导航 / 滚动淡入 / 卡片上浮）参考 Profile.html
   ============================================================ */

.page {
  background-color: rgba(248, 248, 248, 1);
  position: relative;
  width: 1920px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

/* 导航栏（与 Profile.html 一致） */
.group_1 {
  background-color: rgba(255, 255, 255, 1);
  width: 1921px;
  height: 108px;
}

.image_1 {
  width: 190px;
  height: 58px;
  margin: 26px 0 0 183px;
}

.text-wrapper_1 {
  width: 1184px;
  height: 56px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
  margin: 27px 310px 0 54px;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.text_2 {
  overflow-wrap: break-word;
  color: rgba(192, 5, 19, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

.text_3 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 56px;
}

/* ===================== 主体内容 ===================== */
.section_9 {
  position: relative;
  width: 1922px;
  height: 3695px;
}

.section_2 {
  position: relative;
  width: 800px;
  height: 1922px;
  background: url(./img/FigmaDDSSlicePNG25301c1661d364e43ec049a6e711a912.png)
    0px -800px no-repeat;
  background-size: 1923px 801px;
  margin-top: 800px;
}

.group_3 {
  background-color: rgba(39, 39, 39, 1);
  border-radius: 20px;
  width: 173px;
  height: 540px;
  margin: 666px 0 0 161px;
}

.group_4 {
  background-color: rgba(178, 0, 34, 1);
  border-radius: 20px;
  width: 173px;
  height: 540px;
  margin: 666px 0 0 65px;
}

.group_5 {
  background-color: rgba(39, 39, 39, 1);
  border-radius: 20px;
  width: 173px;
  height: 540px;
  margin: 666px -10px 0 65px;
}

.group_6 {
  background-color: rgba(232, 236, 241, 1);
  height: 838px;
  width: 1921px;
  position: absolute;
  left: 0;
  top: 0px;
}

.text-wrapper_3 {
  width: 1921px;
  height: 838px;
  background: url(./img/FigmaDDSSlicePNG1b644208fd347f983f0b539736fba3a7.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0;
  justify-content: center;
  align-items: center;
  column-gap: 108px;
}

/* 研究中心：黑/红交替竖排圆角卡片 */
.rc-card {
  width: 100px;
  height: 440px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rc-card.rc-dark {
  background-color: rgba(39, 39, 39, 1);
}

.rc-card.rc-red {
  background-color: rgba(178, 0, 34, 1);
}

.rc-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

.rc-text {
  writing-mode: vertical-rl;
  text-orientation: upright;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  font-weight: 700;
  letter-spacing: 6px;
  line-height: 1;
}

.paragraph_2 {
  width: 50px;
  height: 323px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 226px 0 0 232px;
}

.paragraph_3 {
  width: 50px;
  height: 323px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 206px 0 0 192px;
}

.paragraph_4 {
  width: 53px;
  height: 406px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 193px 0 0 187px;
}

.paragraph_5 {
  width: 53px;
  height: 406px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 193px 0 0 183px;
}

.paragraph_6 {
  width: 53px;
  height: 406px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 193px 0 0 185px;
}

.paragraph_7 {
  width: 53px;
  height: 406px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 193px 0 0 187px;
}

.paragraph_8 {
  width: 53px;
  height: 406px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 34px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 40px;
  margin: 193px 207px 0 183px;
}

.section_1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 1924px;
  height: 800px;
  /* 背景图（玻璃幕墙建筑）+ 灰色蒙层，Logo 与介绍内容显示在其上 */
  background-image: linear-gradient(
      rgba(90, 96, 105, 0.55),
      rgba(90, 96, 105, 0.55)
    ),
    url(./img/brand_hero_bg.png);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

/* 英雄区底部居中的三角形，颜色与下方浅灰色研究中心带一致 */
.section_1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 34px solid transparent;
  border-right: 34px solid transparent;
  border-bottom: 32px solid rgba(232, 236, 241, 1);
  z-index: 3;
}

.image_2 {
  width: 252px;
  height: 169px;
  margin: 120px 0 0 835px;
}

.text-wrapper_2 {
  background-color: rgba(238, 239, 243, 0.7);
  border-radius: 20px;
  height: 387px;
  width: 1030px;
  margin: 59px 0 95px 448px;
  justify-content: center;
}

.paragraph_1 {
  width: 845px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: justified;
  line-height: 40px;
  margin: 0 0 0 102px;
}

.section_7 {
  height: 900px;
  background: url(./img/FigmaDDSSlicePNG9787bd14f70646334f9ad3bf660936dd.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 1922px;
  position: absolute;
  left: 0;
  top: 1593px;
  justify-content: flex-center;
}

.group_25 {
  width: 1600px;
  height: 290px;
  margin: 126px 0 0 161px;
}

.group_7 {
  background-color: rgba(238, 239, 243, 0.9);
  border-radius: 20px;
  width: 612px;
  height: 253px;
}

.text-group_13 {
  width: 258px;
  height: auto;
  margin: 33px 0 0 31px;
  justify-content: flex-start;
}

.text_4 {
  width: 161px;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(178, 0, 34, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
}

.paragraph_90 {
  width: 258px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 22px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 38px;
  margin-top: 18px;
}

.section_10 {
  width: 268px;
  height: auto;
  margin: 33px 42px 0 13px;
  justify-content: flex-start;
}

.image_3 {
  width: 45px;
  height: 64px;
  margin-left: 203px;
}

.paragraph_10 {
  width: 268px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 22px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 38px;
}

.group_9 {
  background-color: rgba(178, 0, 34, 1);
  border-radius: 20px;
  width: 612px;
  height: 290px;
}

.image_40 {
  width: 50px;
  height: 50px;
  margin: 29px 0 0 39px;
}

.text-group_14 {
  width: 441px;
  height: auto;
  margin: 33px 47px 0 35px;
  justify-content: flex-start;
}

.text_5 {
  width: 161px;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
}

.paragraph_11 {
  width: 441px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 38px;
  margin-top: 18px;
}

.group_26 {
  width: 1597px;
  height: 254px;
  margin: 104px 0 126px 161px;
}

.group_10 {
  background-color: rgba(178, 0, 34, 1);
  border-radius: 20px;
  width: 612px;
  height: 253px;
  margin-top: 1px;
}

.block_14 {
  width: 519px;
  height: 55px;
  margin: 33px 0 0 31px;
}

.text_6 {
  width: 161px;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
}

.label_1 {
  width: 45px;
  height: 46px;
  margin-top: 9px;
}

.paragraph_12 {
  width: 562px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 22px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 38px;
  margin: 9px 0 41px 31px;
}

.group_11 {
  background-color: rgba(238, 239, 243, 0.9);
  border-radius: 20px;
  width: 612px;
  height: 253px;
}

.image_5 {
  width: 50px;
  height: 50px;
  margin: 34px 0 0 42px;
}

.text-group_15 {
  width: 418px;
  height: auto;
  margin: 30px 70px 0 32px;
  justify-content: flex-start;
}

.text_7 {
  width: 161px;
  height: 46px;
  overflow-wrap: break-word;
  color: rgba(178, 0, 34, 1);
  font-size: 30px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 40px;
}

.paragraph_13 {
  width: 418px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 22px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 38px;
  margin-top: 14px;
}


/* ===================== 报告 ===================== */
.group_13 {
  background-color: rgba(232, 236, 241, 1);
  height: 1202px;
  width: 1919px;
  position: absolute;
  left: 1px;
  top: 2600px;
}

.text-wrapper_20 {
  width: 240px;
  height: 53px;
  margin: 76px 0 0 838px;
}

.text_12 {
  width: 240px;
  height: 53px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 40px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 40px;
}

.section_11 {
  width: 1466px;
  height: 323px;
  margin-left: 291px;
}

.group_15 {
  width: 343px;
  height: 270px;
}

.group_16 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
  margin: 83px 0 0 75px;
}

.image_7 {
  width: 182px;
  height: 240px;
}

.box_8 {
  width: 271px;
  height: 186px;
  margin: 32px 15px 0 32px;
}

.text-group_16 {
  width: 271px;
  height: 85px;
}

.text_13 {
  width: 271px;
  height: 31px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.text_14 {
  width: 255px;
  height: 36px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  margin-top: 18px;
}

.text_15 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 73px;
}

.group_18 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
  margin: 83px 0 0 48px;
}

.image_8 {
  width: 186px;
  height: 240px;
}

.text-wrapper_21 {
  width: 265px;
  height: 186px;
  margin: 32px 21px 0 28px;
}

.paragraph_15 {
  width: 172px;
  height: 67px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
}

.text_16 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 91px;
}

.section_12 {
  width: 1049px;
  height: 240px;
  margin: 60px 0 0 160px;
}

.block_5 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
}

.image_9 {
  width: 186px;
  height: 240px;
}

.text-wrapper_22 {
  width: 265px;
  height: 191px;
  margin: 27px 21px 0 28px;
}

.paragraph_16 {
  width: 178px;
  height: 78px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
}

.text_17 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 85px;
}

.block_6 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
}

.image_10 {
  width: 186px;
  height: 240px;
}

.text-wrapper_23 {
  width: 265px;
  height: 191px;
  margin: 27px 21px 0 28px;
}

.paragraph_17 {
  width: 178px;
  height: 78px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
}

.text_18 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 85px;
}

.section_13 {
  width: 1600px;
  height: 240px;
  margin: 60px 0 150px 160px;
}

.box_2 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
}

.image_11 {
  width: 186px;
  height: 240px;
}

.text-wrapper_24 {
  width: 265px;
  height: 191px;
  margin: 27px 21px 0 28px;
}

.paragraph_18 {
  width: 178px;
  height: 78px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
}

.text_19 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 85px;
}

.box_3 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
  margin-left: 49px;
}

.image_12 {
  width: 186px;
  height: 240px;
}

.text-wrapper_25 {
  width: 272px;
  height: 191px;
  margin: 27px 14px 0 28px;
}

.text_20 {
  width: 272px;
  height: 78px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
}

.text_21 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 85px;
}

.box_4 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  width: 500px;
  height: 240px;
  margin-left: 51px;
}

.image_13 {
  width: 186px;
  height: 240px;
}

.group_28 {
  width: 271px;
  height: 179px;
  margin: 32px 15px 0 28px;
}

.text-group_17 {
  width: 271px;
  height: 74px;
}

.text_22 {
  width: 271px;
  height: 31px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.text_23 {
  width: 184px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  margin-top: 9px;
}

.text_24 {
  width: 265px;
  height: 47px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  margin-top: 58px;
}

.group_21 {
  background-color: rgba(249, 249, 249, 1);
  border-radius: 12px;
  position: absolute;
  left: 160px;
  top: 212px;
  width: 500px;
  height: 240px;
}

.image_14 {
  width: 186px;
  height: 240px;
}

.block_15 {
  width: 271px;
  height: 186px;
  margin: 32px 15px 0 28px;
}

.text-group_18 {
  width: 271px;
  height: 85px;
}

.text_25 {
  width: 271px;
  height: 31px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 20px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.text_26 {
  width: 255px;
  height: 36px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  margin-top: 18px;
}

.text_27 {
  width: 265px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(52, 54, 56, 1);
  font-size: 18px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 73px;
}

/* ===================== 页尾（与 Profile.html 一致） ===================== */
.group_17 {
  background-color: rgba(228, 228, 228, 1);
  position: relative;
  width: 1921px;
  height: 248px;
  margin: -1px 0 0 0;
}

.box_15 {
  width: 1593px;
  height: 58px;
  margin: 32px 0 0 167px;
}

.text_70 {
  width: 528px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 34px;
  margin-top: 12px;
}

.image_4 {
  width: 190px;
  height: 58px;
}

.box_16 {
  width: 1921px;
  height: 0;
  border: none;
  border-top: 1px dashed rgba(47, 47, 47, 1);
  margin-top: 28px;
}

.text-wrapper_27 {
  width: 1593px;
  height: 90px;
  margin: 39px 0 0 167px;
}

.paragraph_9 {
  width: 939px;
  height: 90px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 30px;
}

.text_71 {
  width: 311px;
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: left;
  line-height: 30px;
  margin-top: 32px;
}

.text-wrapper_28 {
  background-color: rgba(47, 47, 47, 1);
  border-radius: 30px;
  height: 49px;
  border: 1px solid rgba(82, 82, 82, 1);
  width: 282px;
  position: absolute;
  left: 819px;
  top: 93px;
}

.text_72 {
  width: 83px;
  height: 34px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: Microsoft YaHei-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 34px;
  margin: 7px 0 0 7px;
}

.text_73 {
  position: absolute;
  left: 74px;
  top: 0;
  width: 206px;
  height: 49px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 26px;
  font-family: Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: center;
  line-height: 49px;
}

/* ============================================================
   交互效果：平滑滚动 / 吸顶导航 / 滚动淡入 / 卡片上浮（参考 Profile.html）
   ============================================================ */

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 吸顶导航栏（固定于视口顶部，滚动时加阴影）；随页面水平居中 */
.group_1 {
  position: fixed;
  top: 0;
  left: calc(50% - 960px);
  z-index: 1000;
  transition: box-shadow 0.3s ease;
}

/* 导航底色整体平铺：铺满整个视口宽度，内容仍保持原位 */
.group_1::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 108px;
  background-color: rgba(255, 255, 255, 1);
  z-index: -1;
}

.group_1.scrolled::before {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* 导航改为固定后，页面顶部预留导航高度 */
.page {
  padding-top: 108px;
}

/* 滚动淡入上浮：各主要模块进入视口时渐显并轻微上移 */
.section_1,
.group_6,
.section_7,
.group_13,
.group_17 {
  opacity: 0;
  transform: translateY(48px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.section_1.in-view,
.group_6.in-view,
.section_7.in-view,
.group_13.in-view,
.group_17.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* 卡片鼠标经过时轻微上浮 + 阴影加深 */
.group_7,
.group_9,
.group_10,
.group_11,
.group_16,
.group_18,
.block_5,
.block_6,
.box_2,
.box_3,
.box_4,
.group_21 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.group_7:hover,
.group_9:hover,
.group_10:hover,
.group_11:hover,
.group_16:hover,
.group_18:hover,
.block_5:hover,
.block_6:hover,
.box_2:hover,
.box_3:hover,
.box_4:hover,
.group_21:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}