@charset "UTF-8";

/* ============================================================
   全局基础
   ============================================================ */
html, body {
  overflow-x: clip;
}

/* ============================================================
   字体
   ============================================================ */
@font-face {
  font-family: 'Inter';
  src: url('https://cmc.cn/fonts/inter-1.woff2') format('woff2');
  font-weight: 400;
  descent-override: 0%;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('https://cmc.cn/fonts/inter-2.woff2') format('woff2');
  font-weight: 700;
  descent-override: 0%;
  font-display: swap;
}

/* ============================================================
   商标的三种写法
   ============================================================ */
/* 核心：® 自动上标 */
@font-face {
  font-family: 'RegUp';
  src: local("Microsoft YaHei");
  unicode-range: U+00AE;
  size-adjust: 51%;
  ascent-override: 0%;
  descent-override: 0%;
  font-display: swap;
}

p[data-trademark]::after { content: attr(data-trademark); vertical-align: super;}
.tm-up[data-tm]::after { content: attr(data-tm); vertical-align: super; font-size: 0.6em; margin-left: 0.1em;}
.trademark::after { content: "®"; vertical-align: super;}

/* ============================================================
   Body / 全局字体栈
   ============================================================ */
body {
  font-family: 'Inter', 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif, 'STHeiti Light', SimHei;
  margin: 0;
  width: 100%;
  font-weight: 400;
  font-size: 0.91rem;
  color: #000;
  line-height: 168%;
  background: url(https://cmc.cn/images/bg.jpg) top center;
}

strong {
  font-family: 'Inter', 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif, 'STHeiti Light', SimHei;
  font-weight: 700;
  color: #000080;
}

/* ============================================================
   标题
   ============================================================ */
.h1, h1 { font-size: 1.4rem; line-height: 130%; font-weight: 800; color: #d3b466; }
.h2, h2 { font-size: 1.2rem; line-height: 130%; font-weight: 800; color: #008000; padding-top: 0; padding-bottom: 24px;} 
.h3, h3 { font-size: 1.1rem; line-height: 150%; font-weight: 800; padding-top: 0; }
.h4, h4 { font-size: 1.0rem; font-weight: 100; padding-top: 0; }
.h5, h5 { font-size: 0.9rem; font-weight: 600; padding-top: 0; }

/* 做高管分隔标题 */
h7 {
  font-size: 1.2em;
  display: flex;
  flex-direction: row;
}
h7::before,
h7::after {
  content: "";
  flex: 1 1;
  border-bottom: 3px solid #b5defc;
  margin: auto;
}

/* ============================================================
   内容区，正文部分字体 article-intro p   详细介绍字体 detail-section p     详细介绍导航 .toc
   ============================================================ */
.cmc-main { margin: 0; }

.article-intro {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 6px 2px 3px;
}
.article-intro h1 { font-size: 1.41rem; margin-bottom: 14px; text-align: center; }
.article-intro p  { font-size: 0.91rem; line-height: 1.8; color: #555; }

.more-link { display: inline-block; margin-top: 16px; }

.intro-details {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.toc {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  background: #2997FF;
  padding: 16px 24px;
  margin-bottom: 40px;
  position: sticky;
  top: 16px;
  z-index: 10;
  border-radius: 8px;
  top: 31px;
  z-index: 1000; 
}
.toc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.toc li { display: flex; align-items: center; }
.toc li + li::before { content: "|"; margin: 0 0.75em; color: #ccc; font-weight: normal; }
.toc a { color: #fff; text-decoration: none; }
.toc a:hover { text-decoration: underline; }

.detail-section {
  scroll-margin-top: 7rem;
  margin-bottom: 36px; /** <h2 class="fw-h2">上距 **/
  padding-bottom: 32px;
  border-bottom: 1px solid #eee;
}
.detail-section h3 { font-size: 1.3rem; margin-bottom: 16px; margin-top: 16px; }
.detail-section p  { font-size: 0.86rem; line-height: 1.7; color: #444; margin-bottom: 13px; }

.cmc-line {
  width: 100%;
  border: none;
  height: 1px;
  background: #eee;
  margin: 32px 0;
  transform: scaleY(0.8);
  transform-origin: center;
}

.back-to-top {
  position: fixed;
  right: max(3px, env(safe-area-inset-right));
  bottom: 68px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  text-align: center;
  line-height: 41px;
  text-decoration: none;
  opacity: 0.7;
}
.back-to-top:hover { opacity: 1; }

/* ============================================================
   文字、图片排版、自动换行、左右字距、100%宽度自适应
   ============================================================ */
.cmc_one {
  line-height: 120%;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.copyright {
  font-size: 0.68rem;
  color: #9e9f9f;
  line-height: 100%;
  text-align: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmc_pic_100 { width: 100%; overflow: hidden; text-align: center; margin: 0 auto; }
.cmc_pic_91  { width: 91%;  overflow: hidden; text-align: center; margin: 0 auto; }
.banner_100  { width: 100%; overflow: hidden; text-align: center; margin: 0 auto; }
.banner_50   { padding-left: 4rem; width: 50%; overflow: hidden; text-align: center; margin: 0 auto; }

/* 自动换行 */
.cmc_wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}

.selector { letter-spacing: -1px; }

/* 左右空隔、底部距离*/
.cmc_left05 { padding-left: 0.5rem; }
.cmc_left1 { padding-left: 1rem; }
.cmc_left2 { padding-left: 2rem; }
.cmc_left3 { padding-left: 3rem; }
.cmc_bottom { padding-bottom: 13px; }
.cmc_top { padding-top: 13px; }

/* ============================================================
   颜色工具类
   ============================================================ */
.color-change {
  color: #C0C0C0;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif, 'STHeiti Light', SimHei;
}
a.color-change:link    { color: #C0C0C0; text-decoration: none; font-weight: 600; }
a.color-change:visited { color: #C0C0C0; text-decoration: none; font-weight: 600; }
a.color-change:active  { color: #C0C0C0; text-decoration: underline; }
a.color-change:hover   { color: #008000; text-decoration: none; }

.color-link-change {
  color: #2997ff;
  text-decoration: none;
  font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif, 'STHeiti Light', SimHei;
}
a.color-link-change:link    { color: #2997ff; text-decoration: none; }
a.color-link-change:visited { color: #2997ff; text-decoration: none; }
a.color-link-change:active  { color: #ed6f00; text-decoration: underline; }
a.color-link-change:hover   { color: #ed6f00; text-decoration: none; }

.color-t-change {
  color: #FF0000;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif, 'STHeiti Light', SimHei;
}

.color-g-change {
  color: #D3B466;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif, 'STHeiti Light', SimHei;
}

/* ============================================================
   颜色类
   ============================================================ */
.cmc_red    { color: #A62027; }
.cmc_red2   { color: #80001E; } /* 勃艮第红 */
.cmc_red3   { color: #D40000; } /* 法拉利红 */
.cmc_red4   { color: #D80C18; } /* 中国红 */
.cmc_red5   { color: #A62027; } /* 卡地亚红 */
.cmc_red6   { color: #D03F25; } /* 珊瑚红/提香红 */
.cmc_red7   { color: #B21C36; } /* 马斯红 */
.cmc_red8   { color: #550108; } /* 安可拉红 */
.cmc_blue   { color: #000080 !important; }
.cmc_blue1  { color: #2997FF; }
.cmc_blue2  { color: #002FA7; } /* 克莱因蓝 */
.cmc_blue3  { color: #2D436F; } /* 午夜蓝 */
.cmc_blue4  { color: #125FA3; } /* 布鲁斯蓝 */
.cmc_blue5  { color: #0195B3; } /* 邦迪蓝 */
.cmc_blue6  { color: #6496EB; } /* 矢车菊蓝 */
.cmc_blue7  { color: #00489D; } /* 宝蓝 */
.cmc_gold   { color: #D3B466; }
.cmc_gold2  { color: #FFD700; }
.cmc_gy     { color: #DAA520; }
.cmc_yellow { color: #F3EA01; }
.cmc_green  { color: #008000; }
.cmc_black  { color: #000000; }
.cmc_white  { color: #FFFFFF; }
.cmc_orange { color: #FF681F; }
.cmc_orange2{ color: #ED6F00; }
.cmc_brown  { color: #410A7F; }
.cmc_hui    { color: #C0C0C0; }
.cmc_qing   { color: #07A8CA; }

/* ============================================================
   彩字
   ============================================================ */
.text-color {
  background: linear-gradient(to right, red, orange, green, orange, red, orange, green, orange, red);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ============================================================
   字重工具类
   ============================================================ */
.cmc_bold { font-weight: bold; }
.cmc_w100 { font-weight: 100; }
.cmc_w200 { font-weight: 200; }
.cmc_w300 { font-weight: 300; }
.cmc_w400 { font-weight: 400; }
.cmc_w600 { font-weight: 600; }
.cmc_w800 { font-weight: 800; }

/* ============================================================
   进一步了解
   ============================================================ */
.more_08_blue { font-size: 0.8rem; color: #2997ff; font-weight: bold; }
.more_1_blue  { font-size: 1.5rem; color: #2997ff; font-weight: bold; }
.more_12_blue { font-size: 1.2rem; color: #2997ff; font-weight: bold; }
.more_2_blue  { font-size: 2rem;   color: #2997ff; font-weight: bold; }

/* ============================================================
   字号
   ============================================================ */
.font_cmc_5     { font-size: 0.5rem;  line-height: 20px; }
.font_cmc_6     { font-size: 0.6rem;  line-height: 150%; }
.font_cmc_6_5   { font-size: 0.65rem; line-height: 120%; }
.font_cmc_7     { font-size: 0.7rem;  line-height: 120%; }
.font_cmc_7b    { font-size: 0.8rem;  line-height: 150%; text-indent: 1rem; }
.font_cmc_7_5   { font-size: 0.75rem; line-height: 120%; }
.font_cmc_8     { font-size: 0.8rem;  line-height: 120%; }
.font_cmc_8_5   { font-size: 0.85rem; line-height: 120%; }
.font_cmc_9     { font-size: 0.9rem;  line-height: 120%; }
.font_cmc_10    { font-size: 1.0rem;  line-height: 120%; }
.font_cmc_11    { font-size: 1.1rem;  line-height: 120%; }
.font_cmc_12    { font-size: 1.2rem;  line-height: 120%; }
.font_cmc_13    { font-size: 1.3rem;  line-height: 120%; }
.font_cmc_14    { font-size: 1.4rem;  line-height: 120%; }
.font_cmc_15    { font-size: 1.5rem;  line-height: 150%; }
.font_cmc_16    { font-size: 1.6rem;  line-height: 150%; }
.font_cmc_16_red{ font-size: 1.6rem;  line-height: 150%; color: #ED6F00; }
.font_cmc_18_red{ font-size: 1.8rem;  line-height: 150%; color: #ED6F00; }
.font_cmc_17    { font-size: 1.7rem;  line-height: 150%; }
.font_cmc_18    { font-size: 1.8rem;  line-height: 150%; } /* 原 1.8em 统一为 rem */
.font_cmc_19    { font-size: 1.9rem;  line-height: 150%; }
.font_cmc_20    { font-size: 2rem;    line-height: 4rem; }
.font_cmc_25    { font-size: 2.5rem;  line-height: 2rem; }
.font_cmc_30    { font-size: 3.0rem;  line-height: 2rem; }

/* ============================================================
   行高
   ============================================================ */
.cmc_h100 { line-height: 100%; }
.cmc_h110 { line-height: 110%; }
.cmc_h120 { line-height: 120%; }
.cmc_h130 { line-height: 130%; }
.cmc_h140 { line-height: 140%; }
.cmc_h150 { line-height: 150%; }
.cmc_h160 { line-height: 160%; }
.cmc_h180 { line-height: 180%; }
.cmc_h200 { line-height: 200%; }
.cmc_h250 { line-height: 250%; }
.cmc_h500 { line-height: 500%; }

/* ============================================================
   对齐
   ============================================================ */
.text-left   { text-align: left; }
.text-right  { text-align: right; }
.text-center { text-align: center; }

.img-right { display: block; margin-left: auto; margin-right: 0; }

/* ============================================================
   缩进
   ============================================================ */
.left_05 { text-indent: 0.5rem; text-align: left; }
.left_1  { text-indent: 1rem;   text-align: left; }
.left_13 { text-indent: 1.3rem; text-align: left; }
.left_2  { text-indent: 2rem;   text-align: left; }
.left_3  { text-indent: 3rem;   text-align: left; }
.left_4  { text-indent: 4rem;   text-align: left; }
.left_5  { text-indent: 5rem;   text-align: left; }
.left_6  { text-indent: 6rem;   text-align: left; }
.left_7  { text-indent: 7rem;   text-align: left; }
.left_10 { text-indent: 10rem;  text-align: left; }
.left_22 { text-indent: 30px; padding-left: 30px; }

.right_3 { padding-right: 3%; }

/* ============================================================
   悬挂缩进 排版
   ============================================================ */


/* ============================================================
   左右距离
   ============================================================ */
.cmc_l_r { padding-left: 2%; padding-right: 2%; }

/* ============================================================
   树状导航
   ============================================================ */
.cmc_menu_tree  { padding-left: 10px; font-size: 0.8rem; line-height: 11px; color: #b0b0b0; }
.cmc_menu_tree2 { padding-left: 10px; font-size: 0.7rem; line-height: 0.5rem; }

.link-foot { text-align: left; line-height: 150%; }

/* ============================================================
   摘要
   ============================================================ */
.cmc_zy   { background-color: #f2f2f2; padding-left: 3%; padding-right: 3%; }
.cmc_zy_b { padding-bottom: 10px; padding-top: 20px; text-align: center; font-size: 1.2rem; color: #ce7a20; }

/* ============================================================
   面包屑导航
   ============================================================ */
.breadcrumb2 { padding: 8px 15px; margin-bottom: 20px; list-style: none; font-size: 0.75rem; }
.breadcrumb2 > li { display: inline-block; }
.breadcrumb2 > li + li::before { padding: 0 8px; color: #ccc; content: "\203A"; }
.breadcrumb2 > .active { color: #777; }
.breadcrumb2 a { color: #337ab7; text-decoration: none; }
.breadcrumb2 a:hover,
.breadcrumb2 a:focus { color: #23527c; text-decoration: underline; }

.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; }
.breadcrumb a { color: #337ab7; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb em { font-style: normal; color: #bbb; padding: 0 6px; }

/* ============================================================
   FAQ 问答，也控制内容页左右宽度
   ============================================================ */
.faq-wrap { margin: 10px 0; }
.faq-wrap h2 { font-size: 22px; margin-bottom: 24px; }
.faq-item { border: 1px solid #2997FF; border-radius: 8px; margin-bottom: 12px; padding: 16px; }
.faq-question { font-size: 18px; margin: 0 0 8px 0; color: #222; }
.faq-answer p { margin: 0; color: #555; line-height: 1.6; }

/* ============================================================
   水平线
   ============================================================ */
hr { height: 1px; border: none; border-top: 1.4px dotted #185598; }

/* ============================================================
   搜索框
   ============================================================ */
.search-1 { display: flex; align-items: center; border: 1px solid #bfbfbf; background: #fff; border-radius: 4px; }
.search-2 { flex: 1; border: none; outline: none; padding: 8px 12px; height: 41px; font-size: 14px; }
.search-3 { width: 40px; height: 41px; border: none; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.search-4 { height: 41px; width: auto; padding-right: 41px; }

/* ============================================================
   login 链接按钮
   ============================================================ */
.pn {
  border-radius: 4px;
  border: none;
  display: inline-block;
  cursor: pointer;
  font-weight: inherit;
  transition-duration: .4s;
  background-color: #1985ff;
  color: #fff;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
}
.pn:active { background-color: #3c8de6; }
.pn:hover  { background-color: #66adfe; }
.pn em, .pn span, .pn strong { color: #fff !important; }

a.pn { height: auto; padding: 4px 10px; margin: 0 0 0 10px; }
a.pn:hover { text-decoration: none; color: #fff; }

.pr, .pc { margin: 0 5px 0 0; padding: 0; }

/* ============================================================
   菜单字体
   ============================================================ */
.cmc_menufont_1 { color: #D34947; font-weight: 600; text-align: left; font-size: 0.86rem; padding-top: 1rem; }
.cmc_menufont_2 { color: #fff;    font-weight: 600; text-indent: 2rem; text-align: left; }

/* ============================================================
   AD
   ============================================================ */
.adad { display: none; overflow: hidden; }

.boxshadown { background: #fff; border-radius: 8px; box-shadow: 0 10px 20px #ccc; overflow: hidden; margin: 9px auto; }
.textshadown { text-shadow: 1px 2px 5px #bdbbbb; }

/* ============================================================
   font14 链接
   ============================================================ */
.font14 { color: #000; font-size: 1.2rem; text-decoration: none; font-weight: normal; }
a.font14:link    { color: #fff; font-size: 1.2rem; text-decoration: none; }
a.font14:visited { color: #fff; font-size: 1.2rem; text-decoration: none; }
a.font14:active  { color: #fff; font-size: 1.2rem; text-decoration: underline; }
a.font14:hover   { color: #fff; font-size: 1.2rem; text-decoration: none; }

.font_hei { font-family: 'SimHei', 'Microsoft YaHei', sans-serif; }

/* ============================================================
   input placeholder
   ============================================================ */
input::-webkit-input-placeholder {
  color: #999;
  -webkit-transition: color .5s;
  transition: color .5s;
}
input:focus::-webkit-input-placeholder,
input:hover::-webkit-input-placeholder {
  color: #ffffff;
  -webkit-transition: color .5s;
  transition: color .5s;
}

/* ============================================================
   页脚外链
   ============================================================ */
.flink { color: #eee; font-size: 0.7rem; text-decoration: none; font-weight: normal; }
a.flink:link    { color: #eee; font-size: 0.7rem; text-decoration: none; }
a.flink:visited { color: #eee; font-size: 0.7rem; text-decoration: none; }
a.flink:active  { color: #eee; font-size: 0.7rem; text-decoration: underline; }
a.flink:hover   { color: #333; font-size: 0.7rem; text-decoration: none; }

/* ============================================================
   顶栏
   ============================================================ */
.top_div {
  width: 100%;
  height: 30px;
  color: #000000;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  border-radius: 0;
}
.top_div_h {
  margin: 0 auto;
  width: 100%;
  height: 30px;
  position: relative; /* 绝对定位参照物 */
}
.top_div_left {
  float: left;
  line-height: 30px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
a.top_div_left:link,
a.top_div_left:visited,
a.top_div_left:active,
a.top_div_left:hover {
  line-height: 30px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
/* 右侧模块 */
.cmc-header_nav-country {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 30px;
  white-space: nowrap; /* 禁止文字、font-awesome图标换行 */
  font-weight: bold;
  color: #f8712c;
}
.cmc-header_nav-country-bg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-color:#fff;
  z-index:-1;
}

/* ============================================================
   头部
   ============================================================ */
.cmc-header .cmc-header_auth { float: right; margin: 0 20px; }
@media (max-width: 768px) {
  .cmc-header .cmc-header_auth { display: none; }
}

.cmc-header .cmc-header_profile { float: right; margin: 0 20px; }
.cmc-header .cmc-header_profile .cmc-header_profile-logout { display: block; float: left; width: 45px; margin-left: 20px; padding: 10px 0; text-align: center; color: #d73623; }
.cmc-header .cmc-header_profile .cmc-header_profile-account { float: left; position: relative; width: 118px; height: 43px; background: #e7e7e7 url('images/arrowB.jpg') 84px center no-repeat; }
.cmc-header .cmc-header_profile .cmc-header_profile-account.cmc-header_profile-account--active .cmc-header_profile-menu { height: 74px; }
.cmc-header .cmc-header_profile .cmc-header_profile-name { display: block; padding: 10px 26px 10px 10px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #d73623; }
.cmc-header .cmc-header_profile .cmc-header_profile-menu { margin: -1px 0 0; padding: 0 10px; width: 100%; height: 0; position: absolute; top: 100%; list-style: none; text-align: center; background-color: #e7e7e7; z-index: 110; overflow: hidden; -webkit-transition: height .4s linear; transition: height .4s linear; }
.cmc-header .cmc-header_profile .cmc-header_profile-menu a { display: block; padding: 6px 0; }

@media (max-width: 768px) {
  .cmc-header .cmc-header_profile { margin-top: 2px; clear: both; }
  .cmc-header .cmc-header_profile.cmc-header_profile--sm-hide { display: none; }
}
@media (min-width: 768px) {
  .cmc-header .cmc-header_profile.cmc-header_profile--md-hide { display: none; }
}

.cmc-header .cmc-header_nav { float: right; }
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav { float: none; clear: both; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
  .cmc-header .cmc-header_nav.cmc-header_nav--sm-hide { display: none; }
}

.cmc-header .cmc-header_auth-link {
  display: inline-block;
  padding: 0;
  height: 40px;
  line-height: 40px;
  width: 95px;
  text-align: center;
  color: #dab866;
  border: 1px solid #dab866;
  cursor: pointer;
  white-space: pre-line;
  vertical-align: middle;
}
.cmc-header .cmc-header_auth-link.cmc-header_auth-link--single-line { line-height: 39px; }
@media (max-width: 768px) {
  .cmc-header .cmc-header_auth-link.cmc-header_auth-link--single-line { line-height: inherit; }
  .cmc-header .cmc-header_auth-link { width: auto; height: auto; color: #000; white-space: normal; background: #fff; }
}
.cmc-header .cmc-header_auth-link + .cmc-header_auth-link { margin-left: 20px; }

/* ============================================================
   导航 home / mycmc / country
   ============================================================ */
.cmc-header .cmc-header_nav-home { display: none; border-bottom: 1px solid #e6e6e6; }
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-home { display: block; }
}

.cmc-header .cmc-header_nav-mycmc { display: block; padding: 22px 0; color: #ed6f00; text-align: center; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-mycmc { position: relative; display: block; padding: 10px 0; height: 43px; width: 95px; border: 1px solid #ed6f00; color: #ed6f00; text-align: center; line-height: inherit; }
  .cmc-header .cmc-header_nav-mycmc:hover { color: #fff; border-color: #fff; background-color: #ed6f00; text-decoration: underline; }
  .cmc-header .cmc-header_nav-mycmc:hover::after { border-left-color: #fff; background-image: url('images/arrow_white.png'); }
  .cmc-header .cmc-header_nav-mycmc:active { background-color: #9d0102; }
  .cmc-header .cmc-header_nav-mycmc::after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 100%; border-left: 0 solid #ed6f00; background-image: url(/images/arrow_red.png); }
}
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-mycmc-cmcrong { width: 50%; float: right; border-left: 1px solid #e6e6e6; }
}

.cmc-header .cmc-header_nav-country { position: relative; width: 180px; float: left; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country { position: absolute; top: 5px; right: 0; z-index: 105; width: auto; float: none; }
  .cmc-header .cmc-header_nav-country.cmc-header_nav-country--open .cmc-header_nav-country-bg { display: block; }
}
.cmc-header .cmc-header_nav-country .cmc-header_nav-country-bg { display: none; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .cmc-header_nav-country-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .3; z-index: 50; cursor: pointer; }
}

.cmc-header .cmc-header_nav-country .cmc-header_nav-country-seletor {
  height: 30px;
  line-height: 30px;
  width: 170px;
  background: url(arrow_blackdown.png) #fff no-repeat right;
  margin: 0;
  padding: 0;
  text-align: right;
  color: #000;
}
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .cmc-header_nav-country-seletor {
    position: relative; z-index: 100; width: 170px; height: 30px; line-height: 30px;
    color: #000; letter-spacing: 2px; cursor: pointer; background: #fff;
  }
  .cmc-header .cmc-header_nav-country .cmc-header_nav-country-seletor:hover { background-image: url('images/arrow_reddown.png'); }
}
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-country.cmc-header_nav-country--open .cmc-header_nav-country-seletor { background: #fff; color: #000; }
}

/* 全球 = 所有应用 弹窗 */
.cmc-header .cmc-header_nav-country .cmc-header_nav-country-list {
  display: none;
  position: absolute;
  top: 35px;
  right: 0;
  width: 161px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99999;
  background: #fff;
}
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-country .cmc-header_nav-country-list { top: 100%; right: 0; margin-top: -1px; width: 200%; background: #000; color: #fff; }
}
.cmc-header .cmc-header_nav-country.cmc-header_nav-country--open .cmc-header_nav-country-list { display: block; }

.cmc-header .cmc-header_nav-country .cmc-header_nav-country-list-global {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
  width: 810px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99999;
  background: #fefbe5;
}
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-country .cmc-header_nav-country-list-global { top: 100%; right: 0; margin-top: -1px; width: 100%; background: #ebf3fd; color: #000; }
}
.cmc-header .cmc-header_nav-country.cmc-header_nav-country--open .cmc-header_nav-country-list-global { display: block; }

.cmc-header .cmc-header_nav-country .nav-country-list_description { padding: 4px 0; border-bottom: 2px solid #fff; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_description { padding: 18.5px 0; border-bottom: 1px solid #e5e5e5; letter-spacing: 1px; }
}
.cmc-header .cmc-header_nav-country .nav-country-list_description .nav-country-list_description-text {
  padding: 10px;
  margin: 0;
  line-height: 1.5;
  white-space: pre-line;
  background: url('../images/icon_location_white.png') 10px center no-repeat;
  background-size: 40px;
}
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_description .nav-country-list_description-text {
    padding: 10px 0 10px 42px;
    line-height: inherit;
    white-space: normal;
    background: url('../images/icon_location.png') 14px 9px no-repeat;
    background-size: 20px;
  }
}
.cmc-header .cmc-header_nav-country .nav-country-list_description a { color: #ed6f00; vertical-align: middle; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_description a { letter-spacing: 3px; }
}

.cmc-header .cmc-header_nav-country .nav-country-list_nav { padding: 0; margin: 0; list-style: none; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav { position: relative; min-height: 400px; }
}

.cmc-header .cmc-header_nav-country .nav-country-list_nav-item { border-bottom: 2px solid #fff; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item { float: left; width: 20%; text-align: center; border-bottom: 1px solid #e5e5e5; }
}
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item.nav-country-list_nav-item--active { font-weight: bold; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item.nav-country-list_nav-item--active .nav-country-list_nav-item-title::after {
    content: ''; position: absolute; bottom: -1px; left: 50%; margin-left: -22px; width: 40px; height: 1px; background: #fff;
  }
}
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item.nav-country-list_nav-item--active .nav-country-list_nav-item-title { border-bottom: 1px solid #e6e6e6; }
}
.cmc-header .cmc-header_nav-country .nav-country-list_nav-item.nav-country-list_nav-item--active .nav-country-list_nav-item-body { display: block; }

.cmc-header .cmc-header_nav-country .nav-country-list_nav-item-title { margin: 0; padding: 27px 20px; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-title { position: relative; margin: 0; padding: 28px 0; letter-spacing: 3px; cursor: pointer; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-title:hover { color: #ed6f00; }
}

.cmc-header .cmc-header_nav-country .nav-country-list_nav-item-body { display: none; width: 100%; }
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-body { position: absolute; top: 79px; left: 0; font-weight: normal; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-body.nav-country-list_nav-item-body--col-2 .nav-country-list_nav-item-bodygroup { width: 50%; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-body.nav-country-list_nav-item-body--col-3 .nav-country-list_nav-item-bodygroup { width: 33.33%; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-body.nav-country-list_nav-item-body--col-5 .nav-country-list_nav-item-bodygroup { width: 20%; }
}

.cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup { margin: 0; padding: 0; list-style: none; }
.cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup li { padding: 5px 0; }
@media (max-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup a { color: #fff; display: block; padding: 8px 20px; }
}
@media (min-width: 768px) {
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup { float: left; margin: 36px 0 0; padding: 0; height: 100%; width: 100%; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup:not(:last-child) { border-right: 1px solid #000; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup li { padding: 9px 0; }
  .cmc-header .cmc-header_nav-country .nav-country-list_nav-item-bodygroup a:hover { color: #ed6f00; }
}

.cmc-header .cmc-header_menu { display: none; float: right; margin-right: 20px; }
.cmc-header .cmc-header_menu .cmc-header_menu-search { display: inline-block; border-right: 1px solid #e8e8e8; height: 35px; width: 40px; padding-right: 10px; margin-right: 10px; background: url('images/icon_headmenu_search.png') center left no-repeat; background-size: 20px; vertical-align: middle; }
.cmc-header .cmc-header_menu .cmc-header_menu-search.cmc-header_menu-search--active { background-image: url('../images/icon_headmenu_02.png'); background-size: 16px; }
@media screen and (max-width: 768px) {
  .cmc-header .cmc-header_menu .cmc-header_menu-search { width: 30px; padding-right: 0; margin-right: 8px; }
}
.cmc-header .cmc-header_menu .cmc-header_menu-nav { display: inline-block; height: 35px; padding-right: 40px; line-height: 35px; color: #ed6f00; background: url('images/icon_headmenu_01.png') center right no-repeat; background-size: 20px; vertical-align: middle; }
.cmc-header .cmc-header_menu .cmc-header_menu-nav.cmc-header_menu-nav--active { background-image: url('../images/icon_headmenu_02.png'); background-size: 16px; }
@media screen and (max-width: 768px) {
  .cmc-header .cmc-header_menu .cmc-header_menu-nav { padding-right: 30px; }
}
@media (max-width: 768px) {
  .cmc-header .cmc-header_menu { display: block; }
}

.cmc-header .cmc-header_mobile-auth { display: none; margin: 2px 20px 0 15px; clear: both; text-align: right; }
@media (max-width: 768px) {
  .cmc-header .cmc-header_mobile-auth { display: block; }
}

/* ============================================================
   导航 PC / mobile
   ============================================================ */
.cmcnav--header { margin: 0 auto; min-width: 100px; text-shadow: 1px 1px 0px #e0f1fb; }
.cmcnav--header .cmcnav::after { clear: both; display: table; content: " "; }
.cmcnav--header .cmcnav .cmcnav_group { padding: 0; list-style: none; }
.cmcnav--header .cmcnav .cmcnav_group > li > a:hover,
.cmcnav--header .cmcnav .cmcnav_group > li > a:focus { background-color: #fbe4ad; border-bottom: 3px solid #ED6F00; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 { display: block; float: left; width: 133px; height: 44px; border-bottom: 2px solid #dab866; text-align: center; box-sizing: border-box; position: relative; }
.cmcnav--header .cmcnav .cmcnav_mylev-0.cmcnav_item--active { border-bottom: 4px solid #dab866; }

.cmcnav--header .cmcnav .cmcnav_item-link { font-weight: bold; display: block; padding: 10px; line-height: 1.8; color: #000; text-decoration: none; } /** 二级链文字行高 **/
.cmcnav--header .cmcnav .cmcnav_group > li > a { font-weight: bold; display: block; padding: 10px; color: #000; text-decoration: none; line-height: 1.8; }
.cmcnav--header .cmcnav .cmcnav_item-link:hover,
.cmcnav--header .cmcnav .cmcnav_item-link:focus { background-color: #fbe4ad; border-bottom: 3px solid #ED6F00; }

.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group { display: none; position: absolute; left: 0; background-color: #f0f0f0; padding: 0 0 0 19px; z-index: 1000; }

.cmcnav_2_box { width: 100%; float: none; padding: 4px 0; box-sizing: border-box; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_box { width: 100%; float: none; padding: 4px 0; box-sizing: border-box; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link { font-weight: bold; color: #00489D; text-align: left; padding: 3px 0; font-size: 0.8rem; } /** 二级链文字 **/
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link:focus { text-decoration: none; border-bottom: 3px solid #2997ff; margin-right: 14px; background: transparent; }

.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link2 { font-weight: bold; color: #06335c; text-align: left; margin-left: -40px; font-size: 0.9rem; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link2:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link2:focus { text-decoration: none; background: transparent; }

.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link3 { font-weight: bold; color: #2d5777; text-align: left; margin-left: -30px; font-size: 0.9rem; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link3:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_item-link3:focus { text-decoration: none; background: transparent; }

.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_menucolor { font-weight: bold; color: #D34947; text-align: left; padding: 6px 0; font-size: 0.9rem; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_menucolor:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_menucolor:focus { text-decoration: none; background: transparent; }

.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_menucolor2 { font-weight: bold; color: #C0C0C0; text-align: left; padding: 6px 0; font-size: 0.9rem; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_menucolor2:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group .cmcnav_menucolor2:focus { text-decoration: none; background: transparent; }

.cmcnav--header .cmcnav .cmcnav_mylev-0:hover > .cmcnav_group { display: block; top: 44px; width: 241px; box-sizing: border-box; }

/** PC 所有应用 **/
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group2 { text-align: left; display: none; position: absolute; background-color: #fdfdfd; padding: 5px 5px 5px 5px; z-index: 1000; }
.cmcnav--header .cmcnav .cmcnav_mylev-0:hover > .cmcnav_group2 { text-align: left; display: block; top: 44px; width: 168px; box-sizing: border-box; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group2 .cmcnav_item-link { font-weight: bold; color: #0e47bc; text-align: left; padding: 10px 0; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group2 .cmcnav_item-link:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group2 .cmcnav_item-link:focus { text-align: left; text-decoration: none; background: transparent; }

/** PC 首页全屏菜单 **/
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group_index { text-align: left; display: none; position: absolute; left: -1px; background-color: #fdfdfd; padding: 15px 15px 0 15px; z-index: 1000; }
.cmcnav--header .cmcnav .cmcnav_mylev-0:hover > .cmcnav_group_index { text-align: left; display: block; top: 44px; width: 176px; box-sizing: border-box; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group_index .cmcnav_item-link { text-align: left; font-weight: bold; color: #0e47bc; padding: 10px 0; }
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group_index .cmcnav_item-link:hover,
.cmcnav--header .cmcnav .cmcnav_mylev-0 > .cmcnav_group_index .cmcnav_item-link:focus { text-align: left; text-decoration: none; background: transparent; }

@media (max-width: 768px) {
  .cmcnav--header { display: none; }
}

/* ============================================================
   移动端导航
   ============================================================ */
.cmcnav--mobile { display: none; margin: 0 auto; }
@media (max-width: 768px) {
  .cmcnav--mobile { display: block; }
}

.cmcnav--mobile .cmcnav { position: relative; margin: 0 auto; }

@-webkit-keyframes blink { 50% { color: rgba(166, 32, 39, 0); } }
@keyframes blink { 50% { color: rgba(166, 32, 39, 0); } }

.cmcnav--mobile .cmcnav_title::before {
  content: "CMC官网导航·Navigation";
  display: block;
  background: #dab866 url('../images/arrow_heng_red.png') 95% center no-repeat;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-animation: blink 1s infinite;
  animation: blink 2s infinite;
  height: 41px;
  line-height: 41px;
}
.cmcnav--mobile .cmcnav--active::before {
  content: "关闭导航 Close";
  color: #fff;
  background-color: #ed6f00;
  background-image: url('../images/icon_menu2.png');
  border: 1px solid #fff;
}

.cmcnav--mobile .cmcnav .cmcnav_group {
  display: none;
  position: absolute;
  z-index: 50;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0;
  list-style: none;
  background: url(../images/menu_nr_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.cmcnav--mobile .cmcnav .cmcnav_item { border-bottom: 1px solid #cfcfcf; border-left: 0 solid #e6e6e6; border-right: 0 solid #e6e6e6; text-indent: 0; line-height: 1.2; }
.cmcnav--mobile .cmcnav .cmcnav_item-link { line-height: 2em; text-decoration: none; }
.cmcnav--mobile .cmcnav .cmcnav_item-link:hover,
.cmcnav--mobile .cmcnav .cmcnav_item-link:focus { background-color: #fff; }

.cmcnav--mobile .cmcnav .cmcnav_groupbox { display: flex; }
.cmcnav--mobile .cmcnav .cmcnav_parent { width: 40%; background-color: #dab866; }
.cmcnav--mobile .cmcnav .cmcnav_children { width: 60%; background: #f5f5f5; }
.cmcnav--mobile .cmcnav .cmcnav_groupul { padding: 10px 0; }
.cmcnav--mobile .cmcnav .nav-item-active .nav-item-link { background-color: #001f52; }

.cmcnav--mobile .cmcnav .nav-item .nav-item-link {
  display: block;
  height: 42px;
  padding: 0 10px;
  line-height: 42px;
}
.cmcnav--mobile .cmcnav .nav-item .nav-item-link span {
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 1rem;
  color: #fff;
  background-image: url(../images/arraw.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  text-align: left;
  padding-right: 18px;
  overflow: hidden;
}
.cmcnav--mobile .cmcnav .nav-item:hover .nav-item-link { background-color: #001f52; }
.cmcnav--mobile .cmcnav .cmcnav_children .children-list { display: none; }
.cmcnav--mobile .cmcnav .nav-sitem .nav-sitem-link {
  display: block;
  height: 42px;
  padding: 0 10px;
  line-height: 42px;
  font-size: 1rem;
  letter-spacing: -1px;
  text-align: left;
  overflow: hidden;
}

/* ============================================================
   二维码
   ============================================================ */
#switcher { height: 40px; z-index: 10; position: relative; }
.center { width: 100%; padding-top: 0; }
.top2 {
  position: relative;
  font-weight: normal;
  height: 40px;
  width: 120px;
  line-height: 40px;
  border: 1px solid #dab866;
  color: #dab866;
  font-family: "微软雅黑";
  text-align: center;
  text-decoration: none;
}
.vm {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
  height: 110px;
  width: 120px;
  display: none;
  padding: 0;
}
.top2:hover .vm { display: block; }

/* ============================================================
   关系图 / 树状图
   ============================================================ */
.cert-tree { font-size: 0.86rem; line-height: 1.68; color: #06254c; }
.cert-tree ul { list-style: none; margin: 0; padding-left: 6px; position: relative; }
.cert-tree > ul { padding-left: 0; }
.cert-tree li { position: relative; padding-left: 18px; margin: 2px 0; }
.cert-tree li::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; border-left: 1px solid #cbd5e1; }
.cert-tree li:last-child::before { height: 0.8em; bottom: auto; }
.cert-tree li::after { content: ""; position: absolute; left: 0; top: 0.8em; width: 14px; border-top: 1px solid #cbd5e1; }
.cert-tree > ul > li::before,
.cert-tree > ul > li::after { display: none; }
.cert-tree > ul > li { padding-left: 0; }
.cert-tree .node { display: inline-block; }
.cert-tree a { color: #002FA7; text-decoration: none; }
.cert-tree a:hover { text-decoration: underline; }
.cert-tree .cmc_blue { color: #002FA7; }
.cert-tree .cmc_hui { color: #a9a9a9; }
.cert-tree .fa { margin-right: 4px; }

.multi-fire::before {
  font-family: FontAwesome;
  content: "\f06d\f06d";
}

/* ============================================================
   pre.relation-map（原未用，保留备用；补变量回退）
   ============================================================ */
pre.relation-map {
  background: var(--code-bg, #f5f5f5);
  color: var(--code-text, #333);
  padding: 0;
  border: none;
  border-radius: 12px;
  overflow-x: auto;
  line-height: 1.6;
  font-size: 0.92rem;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
pre.relation-map::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}
pre.relation-map::-webkit-scrollbar-thumb,
pre.relation-map::-webkit-scrollbar-track,
pre.relation-map::-webkit-scrollbar-corner {
  display: none !important;
  background: transparent !important;
}

/* ============================================================
   表格 / 响应式基础
   ============================================================ */
table { width: 100%; border-collapse: collapse; }
td, th { margin: 0; }

/* PC 端不显示 */
.hidden-pc { display: none; }

/* Mobi 端不显示（默认显示，移动端隐藏） */
.hidden-mobi { display: block; }

/* 响应式容器 */
.cmcrong {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
@media (min-width: 961px) {
  .cmcrong { width: 961px; }
}

@media (max-width: 768px) {
  .hidden-pc { display: block !important; }
  .hidden-mobi { display: none; }
}

/* 手机版界面适配 */
@media (max-width: 450px) {
  /* 在此添加手机版样式 */
}

/* 平板界面适配 */
@media (min-width: 451px) and (max-width: 960px) {
  /* 在此添加平板样式 */
}

/* ============================================================
   cmc_fonts
   ============================================================ */
.cmc_fonts {
  font-family: 'Microsoft YaHei', 'KaiTi', Arial, Helvetica, sans-serif;
}

/* ============================================================
   首字下沉
   ============================================================ */
/* 浏览器不支持 initial-letter 时采用旧方案 */
@supports not (initial-letter: 5) and not (-webkit-initial-letter: 5) {
  .intro::first-letter {
    color: hsl(350, 50%, 50%);
    font-size: 3em;
    float: left;
    line-height: .7;
    margin: 17px 2px 0 0;
  }
}

/* 支持的浏览器采用新方案 */
@supports (initial-letter: 5) or (-webkit-initial-letter: 5) {
  .intro:nth-of-type(1)::first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
  }
}

/* ============================================================
   响应式字号（原 @media 缺少选择器，已修正为 html / p）
   ============================================================ */
@media screen and (min-width: 768px) {
  html { font-size: 1.1rem; }
  p { font-size: 1.1rem; }
}
@media screen and (max-width: 768px) {
  html { font-size: 1.1rem; }
  p { font-size: 1.1rem; }
}