/* ===== rem 适配：750 设计稿，1rem = 100px（与记者节名单 H5 方案一致） ===== */
html {
  min-height: 100vh;
  /* 750 设计稿等比缩放，视口超过 750px 后锁定 100px */
  font-size: min(calc(100vw / 7.5), 100px);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

body {
  margin: 0 auto;
  width: 100%;
  max-width: 750px;
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif; /* 苹果/安卓系统自带字体，忽略 PSD 字体 */
  background: #ece7e3;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  display: block;
  border: 0;
  max-width: 100%;
}

p {
  margin: 0;
  padding: 0;
}

/* ===== 页面容器：750 × 3197（PSD 画布） ===== */
.page {
  position: relative;
  width: 7.5rem;
  height: 31.97rem; /* PSD 画布高，内容流按坐标绝对锚定 */
  margin: 0 auto;
  overflow: hidden;
  color: #956423; /* PSD 全局文字/装饰主色 rgb(149,100,35) */
}

/* ----- 背景三段拼接：bg1 0-1100 / bg2 1100-2200 / bg3 2200-3197 ----- */
.bg {
  position: absolute;
  left: 0;
  width: 7.5rem;
  height: auto;
}
.bg1 { top: 0; }
.bg2 { top: 11rem; }
.bg3 { top: 21.99rem; width: 7.52rem; } /* 亚像素留缝防护 */

/* ----- 顶部双 LOGO：PSD (20,59,183,98) / (646,53,726,94) ----- */
.logo {
  position: absolute;
  height: auto;
}
.logo-l { top: 0.59rem; left: 0.2rem; width: 1.63rem; }
.logo-r { top: 0.53rem; right: 0.24rem; width: 0.8rem; }

/* ===== 主标题区：PSD title 图层 (66,184,685,354)，绝对定位避免占流 ===== */
.title-area {
  position: absolute;
  top: 1.84rem;
  left: 0;
  width: 7.5rem;
  text-align: center;
}

/* 英文行：字形带 184-196，两侧细线装饰 6px 高垂直居中 */
.title-en {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.13rem;
}
.title-en .deco { width: 0.81rem; height: 0.06rem; }
.en-txt {
  margin: 0 0.03rem;
  font-size: 0.12rem;
  line-height: 0.13rem;
  letter-spacing: 0.01rem;
  font-weight: 700;
  font-family: Georgia, 'Times New Roman', 'PingFang SC', 'Microsoft YaHei', serif;
}
.en-txt sup {
  font-size: 0.08rem;
  line-height: 0;
  vertical-align: super;
}

/* 第一行「第六届21世纪金牌分析师评选」：字形带 206-246（相对 title 顶 22） */
.title-l1 {
  margin-top: 0.1rem;
  font-size: 0.45rem;
  line-height: 0.4rem;
  letter-spacing: 0.015rem;
  font-weight: 700;
}

/* 第二行「正式启幕」：4 字 × 46px + 31px 字距，字形带 264-309 */
.title-l2 {
  margin-top: 0.18rem;
  font-size: 0.46rem;
  line-height: 0.42rem;
  letter-spacing: 0.31rem;
  text-indent: 0.31rem; /* 补偿末字后字距，保持视觉居中 */
  font-weight: 700;
}

/* 副标题：20px，字形带 335-354 */
.title-sub {
  margin-top: 0.25rem;
  font-size: 0.2rem;
  line-height: 0.2rem;
  letter-spacing: 0.005rem;
  font-weight: 700;
}

/* ===== 章节容器：绝对锚定到 PSD 坐标 ===== */
.sec {
  position: absolute;
  left: 0;
  width: 7.5rem;
}
.sec-intro { top: 8.16rem; }   /* 评选背景与宗旨 标题带 816-848 */
.sec-system { top: 11.4rem; }  /* 评选体系 1140 */
.sec-mechanism { top: 17.71rem; } /* 评选机制 1771 */
.sec-notice { top: 23.72rem; } /* 参评须知 2372 */
.sec-contact { top: 28.69rem; } /* 联系我们 2869 */

/* 章节标题（35px 粗体 + 两侧 91×6 装饰线，装饰与文字间距 6px） */
.sec-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.32rem;
}
.sec-title .deco { width: 0.91rem; height: 0.06rem; }
.sec-title .st-txt {
  margin: 0 0.06rem;
  font-size: 0.35rem;
  line-height: 0.32rem;
  letter-spacing: 0.04rem;
  font-weight: 700;
}

/* 正文：PSD 字号 30×图层缩放 0.6944=20.8px，行距 29.7px（5 行 879→1019），首行缩进 2 字 */
.body-txt {
  margin: 0.31rem auto 0;
  width: 6.46rem; /* PSD 文字区 54-696（微调避免系统字体多折一行） */
  padding: 0;
  font-size: 0.208rem;
  line-height: 0.297rem;
  letter-spacing: 0;
}
.body-txt .indent {
  text-indent: 0.37rem; /* 首行缩进 2 字 */
}
/* 列表式正文：文字左缘对齐 PSD x=91 */
.list-txt {
  margin-left: 0.91rem;
  line-height: 0.297rem;
}
.list-txt .li {
  white-space: nowrap;
}

/* 单行引导文字（20.8px） */
.lead-txt {
  margin-top: 0.31rem;
  padding-left: 0.54rem;
  font-size: 0.208rem;
  line-height: 0.21rem;
  letter-spacing: 0;
  font-weight: 400;
}

/* 子标题条（1.行业分析师奖项 等）：662×34 渐变条 + 35px 文字 */
.sub-bar {
  margin: 0 0.44rem;
  height: 0.34rem;
  line-height: 0.34rem;
  padding-left: 0.16rem;
  font-size: 0.243rem; /* PSD 35×0.6944 */
  letter-spacing: 0.01rem;
  font-weight: 700;
  /* PSD 渐变条：左 alpha≈5% → 右 alpha≈48% 的 rgb(149,100,35)，落在米色底上等效如下值 */
  background: linear-gradient(90deg, rgba(149, 100, 35, 0.06) 0%, rgba(149, 100, 35, 0.2) 50%, rgba(149, 100, 35, 0.32) 89%, rgba(149, 100, 35, 0.35) 100%);
}

/* 条下正文/单行：与条底保持 PSD 11-12px 间距 */
.sub .body-txt {
  margin-top: 0.12rem;
}
.sub .single-txt {
  margin: 0.12rem 0 0 0.91rem;
  font-size: 0.208rem;
  line-height: 0.21rem;
  letter-spacing: 0;
  white-space: nowrap;
}

/* 「>>> 点击查看…」右对齐链接按钮 */
.link-btn {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 0.39rem;
  padding-right: 0.53rem;
  font-size: 0.167rem; /* PSD 24×0.6944 */
  line-height: 0.17rem;
  letter-spacing: 0.005rem;
  font-weight: 700;
  color: #956423;
}
/* 扩大点击热区：整行宽 × 上下各外撑 0.25rem，绝对定位不参与布局，视觉位置零变动 */
.link-btn::after {
  content: '';
  position: absolute;
  top: -0.25rem;
  bottom: -0.25rem;
  left: 0;
  right: 0;
}
.link-btn .arrow {
  width: 0.29rem;
  height: 0.17rem;
  margin: 0 0.12rem 0 0;
}

/* ===== 章节内部节奏（PSD 实测逐段间距） ===== */
/* 评选背景与宗旨：标题带底 848 → 正文首行带 876(字形 879)；正文底 1019 → 按钮 1058 */
.sec-intro .link-btn {
  margin-top: 0.295rem;
}

/* 评选体系：标题带底 1172 → lead 1203(31)，lead 底 1224 → 条 1256(32) */
.lead-txt + .sub > .sub-bar {
  margin-top: 0.32rem;
}
/* 板块一按钮底 1428 → 板块二条 1455(27) */
.sec-system .sub + .sub > .sub-bar {
  margin-top: 0.26rem;
}
.sec-system .sub .link-btn {
  margin-top: 0.2rem; /* 行业：正文底 1391 → 按钮字形 1411 */
}
.sec-system .sub + .sub .link-btn {
  margin-top: 0.19rem; /* 特色奖项：列表底 1670 → 按钮字形 1689 */
}

/* 评选机制：标题带底 1803 → 条 1838(35)；条底 1873 → 文 1884(11) */
.sec-mechanism .sec-title + .sub > .sub-bar {
  margin-top: 0.31rem;
}
/* 文底 1935 → 条 1971(36)；条底 2005 → 单行 2017(12)；单行底 2038 → 条 2086(48) */
.sec-mechanism .sub + .sub > .sub-bar {
  margin-top: 0.36rem;
}
.sec-mechanism .sub + .sub + .sub > .sub-bar {
  margin-top: 0.48rem;
}
/* 监督保障 3 行：行距 29.7（2132→2213），底 2213 → 按钮 2241(28) */
.sec-mechanism .body-txt + .link-btn {
  margin-top: 0.28rem;
}
/* 按钮底 2258 → 按钮 2280(22) */
.link-btn + .link-btn {
  margin-top: 0.22rem;
}

/* 参评须知：标题带底 2405 → 条 2441(36)；条底→单行 12；单行底→下一条 33 */
.sec-notice .sec-title + .sub > .sub-bar {
  margin-top: 0.37rem;
}
.sec-notice .sub + .sub > .sub-bar {
  margin-top: 0.34rem;
}
.sec-notice .sub + .sub + .sub > .sub-bar {
  margin-top: 0.29rem;
}
.sec-notice .sub + .sub + .sub + .sub > .sub-bar {
  margin-top: 0.29rem;
}

/* 联系我们：标题带底 2901 → 条 2937(36)；条底 2971 → 文 2983(12) */
.sec-contact .sec-title + .sub > .sub-bar {
  margin-top: 0.36rem;
}

/* 底部落款：PSD (135,3094,619,3126) */
.bottom-logo {
  position: absolute;
  top: 30.94rem;
  left: 50%;
  width: 4.84rem;
  height: 0.32rem;
  margin-left: -2.42rem;
}
