:root {
    --en-font-family: "HarmonyOS_Sans_SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    --en-font-color: #303030;
    --en-font-weight-regular: 400;
    --en-font-weight-medium: 500;
    --en-font-weight-semibold: 600;
    --en-font-weight-bold: 700;
    --en-font-size-h0: 40px;
    --en-line-height-h0: 1.3;
    --en-font-size-h1: 30px;
    --en-line-height-h1: 1.33;
    --en-font-size-h2: 24px;
    --en-line-height-h2: 1.42;
    --en-font-size-h3: 20px;
    --en-line-height-h3: 1.5;
    --en-font-size-h4: 18px;
    --en-line-height-h4: 1.55;
    --en-font-size-h5: 16px;
    --en-line-height-h5: 1.5;
    --en-font-size-h6: 15px;
    --en-line-height-h6: 1.46;
    --en-font-size-body: 14px;
    --en-line-height-body: 1.6;
    --en-font-size-caption: 12px;
    --en-line-height-caption: 1.5;
    --en-btn-min-width: 60px;
    --en-btn-height-m: 32px;
    --en-btn-height-l: 44px;
    --en-btn-padding-m: 0 16px;
    --en-btn-padding-l: 0 20px;
    --en-btn-radius-m: 4px;
    --en-btn-radius-l: 4px;
    --en-btn-font-size-m: 14px;
    --en-btn-line-height-m: 22px;
    --en-btn-font-size-l: 16.8px;
    --en-btn-line-height-l: 26.4px;
    --en-primary: #7366ff;
    --en-btn-primary-default: #7366ff;
    --en-btn-primary-hover: #8884ff;
    --en-btn-secondary-default: #ffffff;
    --en-btn-secondary-hover: #f0f2f5;
    --en-btn-secondary-border: #d5d9e0;
    --en-btn-secondary-text: #5c626e;
    --en-btn-text-default: #7366ff;
    --en-btn-text-hover: #8884ff;
    --en-text-primary: #111111;
    --en-text-secondary: #4b5563;
    --en-text-tertiary: #6b7280;
    --en-border: rgba(17, 24, 39, 0.08);
    --en-bg-soft: #f5f7fb;
    --en-bg-card: rgba(255, 255, 255, 0.92);
    --en-primary-dark: #0f172a;
    --en-accent: #18d2c4;
    --en-radius-lg: 28px;
    --en-radius-md: 20px;
    --en-radius-sm: 14px;
    --en-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
}

/* 正文字体 14/22 400px */
body * {
    font-family: var(--en-font-family);
    font-size: var(--en-font-size-body);
    line-height: var(--en-line-height-body);
    font-weight: var(--en-font-weight-regular);
}

p {
    margin: 0;
}

a{
    margin: 0;
    text-decoration: none;
}


/* 基础按钮样式 */
.en-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--en-btn-min-width);
    min-height: var(--en-btn-height-m);
    padding: var(--en-btn-padding-m);
    border-radius: var(--en-btn-radius-m);
    border: 1px solid transparent;
    text-decoration: none;
    font-size: var(--en-btn-font-size-m);
    line-height: var(--en-btn-line-height-m);
    font-weight: var(--en-font-weight-regular);
    letter-spacing: 0;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.en-btn:hover {
    transform: none;
}

/* 主按钮 */
.en-btn--primary {
    color: #ffffff;
    background: var(--en-btn-primary-default);
}

.en-btn--primary:hover {
    background: var(--en-btn-primary-hover);
}

/* 次要按钮 */
.en-btn--secondary {
    color: var(--en-btn-secondary-text);
    background: var(--en-btn-secondary-default);
    border-color: var(--en-btn-secondary-border);
}

.en-btn--secondary:hover {
    background: var(--en-btn-secondary-hover);
}

/* 次要按钮在头部和底部的样式 */
.en-header .en-btn--secondary,
.en-footer .en-btn--secondary {
    background: var(--en-btn-secondary-default);
    border-color: var(--en-btn-secondary-border);
}

/* 文本按钮 */
.en-btn--text {
    min-width: auto;
    min-height: var(--en-btn-height-m);
    padding: 0;
    color: var(--en-btn-text-default);
    background: transparent;
    border-color: transparent;
    font-size: var(--en-btn-font-size-m);
    line-height: var(--en-btn-line-height-m);
    font-weight: var(--en-font-weight-medium);
}

.en-btn--text:hover {
    color: var(--en-btn-text-hover);
}

/* 小号按钮 */
.en-btn--small,
.en-btn--m {
    min-height: var(--en-btn-height-m);
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--en-btn-padding-m);
    border-radius: var(--en-btn-radius-m);
    font-size: var(--en-btn-font-size-m);
    line-height: var(--en-btn-line-height-m);
    font-weight: var(--en-font-weight-regular);
}

/* 大号按钮 */
.en-btn--l {
    min-height: var(--en-btn-height-l);
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--en-btn-padding-l);
    border-radius: var(--en-btn-radius-l);
    font-size: var(--en-btn-font-size-l);
    line-height: var(--en-btn-line-height-l);
    font-weight: var(--en-font-weight-medium);
}

/* 0 ~ 6 级标题 */
.en-typo-h0 {
    margin: 0;
    font-size: var(--en-font-size-h0);
    line-height: var(--en-line-height-h0);
    font-weight: var(--en-font-weight-bold);
    color: var(--en-font-color);
}

.en-typo-h1 {
    margin: 0;
    font-size: var(--en-font-size-h1);
    line-height: var(--en-line-height-h1);
    font-weight: var(--en-font-weight-bold);
    color: var(--en-font-color);
}

.en-typo-h2 {
    margin: 0;
    font-size: var(--en-font-size-h2);
    line-height: var(--en-line-height-h2);
    font-weight: var(--en-font-weight-bold);
    color: var(--en-font-color);
}

.en-typo-h3 {
    margin: 0;
    font-size: var(--en-font-size-h3);
    line-height: var(--en-line-height-h3);
    font-weight: var(--en-font-weight-bold);
    color: var(--en-font-color);
}

.en-typo-h4 {
    margin: 0;
    font-size: var(--en-font-size-h4);
    line-height: var(--en-line-height-h4);
    font-weight: var(--en-font-weight-bold);
    color: var(--en-font-color);
}

.en-typo-h5 {
    margin: 0;
    font-size: var(--en-font-size-h5);
    line-height: var(--en-line-height-h5);
    font-weight: var(--en-font-weight-bold);
    color: var(--en-font-color);
}

.en-typo-h6 {
    margin: 0;
    font-size: var(--en-font-size-h6);
    line-height: var(--en-line-height-h6);
    font-weight: var(--en-font-weight-medium);
    color: var(--en-font-color);
}

/* 正文字体（一般用于段落） 14/22 400px */
.en-typo-body-regular {
    margin: 0;
    font-size: var(--en-font-size-body);
    line-height: var(--en-line-height-body);
    font-weight: var(--en-font-weight-regular);
    color: var(--en-font-color);
}
/* 用于白色字体 */
.en-color-white {
    color: #ffffff;
}

/* 正文中等粗细 14/22 500px */
.en-typo-body-medium {
    margin: 0;
    font-size: var(--en-font-size-body);
    line-height: var(--en-line-height-body);
    font-weight: var(--en-font-weight-medium);
    color: var(--en-font-color);
}

/* 小号字体 12/18 */
.en-typo-small,
.en-typo-caption {
    margin: 0;
    font-size: var(--en-font-size-caption);
    line-height: var(--en-line-height-caption);
    font-weight: var(--en-font-weight-regular);
    color: var(--en-font-color);
}

.Holistic {
    font-size:28px;
    line-height: 1.33;
    font-weight: 700;
    color: #303030;
}

/* 大屏 */
@media (min-width: 800px) {
    :root {
        --en-font-size-h0: 40px;
        --en-line-height-h0: 1.3;
        --en-font-size-h1: 30px;
        --en-line-height-h1: 1.33;
        --en-font-size-h2: 24px;
        --en-line-height-h2: 1.42;
        --en-font-size-h3: 20px;
        --en-line-height-h3: 1.5;
        --en-font-size-h4: 18px;
        --en-line-height-h4: 1.55;
        --en-font-size-h5: 16px;
        --en-line-height-h5: 1.5;
        --en-font-size-h6: 15px;
        --en-line-height-h6: 1.46;
        --en-font-size-body: 14px;
        --en-line-height-body: 1.6;
        --en-font-size-caption: 12px;
        --en-line-height-caption: 1.5;
    }
}

/* 中小屏 */
@media (max-width: 799px) {
    :root {
        --en-font-size-h0: 32px;
        --en-line-height-h0: 1.25;
        --en-font-size-h1: 26px;
        --en-line-height-h1: 1.3;
        --en-font-size-h2: 22px;
        --en-line-height-h2: 1.45;
        --en-font-size-h3: 20px;
        --en-line-height-h3: 1.4;
        --en-font-size-h4: 17px;
        --en-line-height-h4: 1.4;
        --en-font-size-h5: 15px;
        --en-line-height-h5: 1.46;
        --en-font-size-h6: 14px;
        --en-line-height-h6: 1.42;
    }
}