/* ========== 鸿蒙中文字体（独立 font-family 名，每个字重唯一） ========== */
/* Thin（超细，100） */
@font-face {
    font-family: 'HarmonyOS_Thin';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Thin.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Thin.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Light（轻量，300） */
@font-face {
    font-family: 'HarmonyOS_Light';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Light.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Regular（常规，400）- 基础默认 */
@font-face {
    font-family: 'HarmonyOS_Regular';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Medium（中等，500） */
@font-face {
    font-family: 'HarmonyOS_Medium';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Semibold（半粗，600） */
@font-face {
    font-family: 'HarmonyOS_Semibold';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Semibold.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Semibold.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Semibold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Bold（粗体，700） */
@font-face {
    font-family: 'HarmonyOS_Bold';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Black（特粗，900） */
@font-face {
    font-family: 'HarmonyOS_Black';
    src: url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Black.woff') format('woff'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Black.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/HarmonyOS_Sans_SC_Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== 西文字体 Barlow（拆分独立 font-family 名，适配 UEditor 选择） ========== */
/* Barlow Regular（常规，400） */
@font-face {
    font-family: 'Barlow_Regular'; /* 独立命名，区分粗体 */
    src: url('/ttecc/static/common/fonts/Barlow-Regular.woff') format('woff'),
         url('/ttecc/static/common/fonts/Barlow-Regular.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/Barlow-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Barlow Bold（粗体，700） */
@font-face {
    font-family: 'Barlow_Bold'; /* 独立命名，区分常规 */
    src: url('/ttecc/static/common/fonts/Barlow-Bold.woff') format('woff'),
         url('/ttecc/static/common/fonts/Barlow-Bold.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/Barlow-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== 西文字体 Montserrat（仅粗体，独立命名） ========== */
@font-face {
    font-family: 'Montserrat_Bold'; /* 独立命名，适配 UEditor 选择 */
    src: url('/ttecc/static/common/fonts/Montserrat-Bold.woff') format('woff'),
         url('/ttecc/static/common/fonts/Montserrat-Bold.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ========== Element UI 图标字体 element-icons（保留原有，无需拆分） ========== */
@font-face {
    font-family: 'element-icons';
    src: url('/ttecc/static/common/fonts/element-icons.woff') format('woff'),
         url('/ttecc/static/common/fonts/element-icons.ttf') format('truetype'),
         url('/ttecc/static/common/fonts/element-icons.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
  /* 鸿蒙字体变量（独立名） */
  --font-harmony-thin: 'HarmonyOS_Thin', sans-serif;
  --font-harmony-light: 'HarmonyOS_Light', sans-serif;
  --font-harmony-regular: 'HarmonyOS_Regular', sans-serif;
  --font-harmony-medium: 'HarmonyOS_Medium', sans-serif;
  --font-harmony-semibold: 'HarmonyOS_Semibold', sans-serif;
  --font-harmony-bold: 'HarmonyOS_Bold', sans-serif;
  --font-harmony-black: 'HarmonyOS_Black', sans-serif;
  /* 西文字体变量（独立名） */
  --font-barlow-regular: 'Barlow_Regular', Roboto, sans-serif;
  --font-barlow-bold: 'Barlow_Bold', Roboto, sans-serif;
  --font-montserrat-bold: 'Montserrat_Bold', Times New Roman, serif;
  /* 全局基础字体（默认鸿蒙常规 + Barlow常规） */
  --font-family-base: var(--font-harmony-regular), var(--font-barlow-regular), sans-serif;
}

/* 基础样式（适配独立字体名） */
body {
  background-color: #fff;
  font-family: var(--font-family-base); /* 双保障：变量 + 显式 */
  font-family: 'Barlow_Regular', 'HarmonyOS_Regular', sans-serif;
  font-size: 16px;
  font-weight: 400; /* 独立字体名，无需靠 weight 区分 */
  color: #333333;
  line-height: 1.8; 
}

/* 保留原有通用样式，无修改 */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}
/*工具类样式（保留原有）*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}
/* 等比填充（保留原有） */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

/* 全局模块字体（适配独立名） */
/* 标题：Barlow 粗体 */
.page-title {
    font-family: var(--font-barlow-bold);
}
/* 副标题：Montserrat 粗体 */
.page-subtitle {
    font-family: var(--font-montserrat-bold);
}
/* 鸿蒙半粗体强调文本 */
.emphasis-text {
    font-family: var(--font-harmony-semibold);
}
/* Element 图标（自动生效） */
.el-icon {
    font-family: 'element-icons' !important;
}