@charset "UTF-8";

@font-face {
    font-family: 'FZLTHProJ-Medium';
    font-weight: 600;
    src: url('../fonts/FZLTHProJ-Medium.otf');
    font-display: swap;
}

@font-face {
    font-family: 'FZLTHProJ-Regular';
    font-weight: 400;
    src: url('../fonts/FZLTHProJ-Regular.otf');
    font-display: swap;
}

/* @font-face {
    font-family: 'Zalando-Sans';
    font-weight: 400;
    src: url('../fonts/ZalandoSansExpanded-Medium.ttf');
    font-display: swap;
} */

@font-face {
    font-family: 'Gowun-Batang';
    font-weight: 400;
    src: url('../fonts/GowunBatang-Bold.ttf');
    font-display: swap;
}

/* @font-face {
    font-family: 'Zalando Sans SemiExpanded';
    font-weight: 400;
    src: url('../fonts/ZalandoSansSemiExpanded-VariableFont_wght.ttf');
    font-display: swap;
} */

/* .zalando-sans-medium {
    font-family: "Zalando Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
} */

/* layer: fonts */
/* latin-ext */
@font-face {
    font-family: "Zalando Sans SemiExpanded";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/6qLSKYcHuh3msE9OaXROVVclRRa-ClZSEipa2hrE5x-Ld7V4bjmtCw.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Zalando Sans SemiExpanded";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/6qLSKYcHuh3msE9OaXROVVclRRa-ClZSEipa2hrE5xGLd7V4bjk.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Zalando Sans SemiExpanded";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/6qLSKYcHuh3msE9OaXROVVclRRa-ClZSEipa2hrE5x-Ld7V4bjmtCw.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Zalando Sans SemiExpanded";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/6qLSKYcHuh3msE9OaXROVVclRRa-ClZSEipa2hrE5xGLd7V4bjk.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
        U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* ===== Font ===== */
    /* English */
    --font-en-display: 'Zalando-Sans-Semi-Expanded', sans-serif;
    --font-en-text: 'Zalando-Sans-Semi-Expanded', sans-serif;
    --font-size-en-display: .42rem;
    --font-size-en-text: .18rem;
    --line-height-en-display: 1;
    --line-height-en-text: 1;
    /* 中文 */
    --font-zh-display: 'FZLTHProGlobal-Demibold', sans-serif;
    --font-zh-text: 'FZLTHProGlobal-Regular', sans-serif;
    --font-size-zh-display: .24rem;
    --font-size-zh-text: .18rem;
    --line-height-zh-display: 1;
    --line-height-zh-text: 1;

    --font-en-display: .42rem;
    --font-en-sub-display: .34rem;
    --font-en-text: .18rem;
    --font-zh-display: .24rem;
    --font-zh-text: .18rem;

    /* ===== 品牌颜色 ===== */
    --color-brand-primary: #1A1A1A;
    --color-brand-secondary: #8B8B8B;
    --color-brand-accent: #D4AF37;

    /* ===== 文本颜色 ===== */
    /* 主标题 */
    --color-text-primary: #1A1A1A;
    /* 正文 */
    --color-text-secondary: #4A4A4A;
    /* 辅助说明 */
    --color-text-muted: #8B8B8B;
    /* 深色背景文字 */
    --color-text-inverse: #FFFFFF;

    /* ===== 背景颜色 ===== */
    /* 页面背景 */
    --color-bg-primary: #FFFFFF;
    /* 区块背景 */
    --color-bg-secondary: #F5F5F5;
    /* 次级区域 */
    --color-bg-muted: #EBEBEB;
    /* 深色背景 */
    --color-bg-inverse: #1A1A1A;
    --color-bg-inverse-rgb: 26 26 26;

    /* ===== 边框/分隔线 ===== */
    --color-border-default: #E0E0E0;
    --color-border-muted: #F0F0F0;

    /* ===== 状态颜色 ===== */
    --color-state-success: #16a34a;
    --color-state-warning: #f59e0b;
    --color-state-error: #dc2626;
    --color-state-info: #0ea5e9;

    /* ===== 基础无色系 ===== */
    --color-base-white: #FFFFFF;
    --color-base-black: #1f1f1f;
    --color-base-gray: #f3f3f3;

    /* ===== 低饱和浅色 ===== */
    --color-neutral-50: #faf9f5;
    --color-neutral-100: #f2efe7;
    --color-neutral-200: #e6e4dd;

    /* ===== 低饱和暗色 ===== */
    --color-neutral-300: #e6dacd;
    --color-neutral-400: #dacdc3;
    --color-neutral-500: #b09b86;

    /* ===== 彩色跳色 ===== */
    --color-accent-1: #735b4e;
    --color-accent-2: #ceb191;
    --color-accent-3: #a3ccb5;
    --color-accent-4: #a8c1c6;
    --color-accent-5: #9ab3c8;
    --color-accent-6: #c9c398;
    --color-accent-7: #b2cabb;
    --color-accent-8: #a8b7c8;
    --color-accent-9: #aea8c2;
    --color-accent-10: #c69b9b;

}

@media (max-width: 768px) {
    :root {
        --font-en-display: .48rem;
        --font-en-sub-display: .36rem;
        --font-en-text: .24rem;
        --font-zh-display: .36rem;
        --font-zh-text: .24rem;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    /* 针对 Chrome/Safari，让文字更清爽 */
    -moz-osx-font-smoothing: grayscale;
    /* 针对 Firefox */
    text-rendering: optimizeLegibility;
}

html:focus-within {
    scroll-behavior: auto;
}

/* 以1920px宽度，100px字体大小为基准动态的根元素字体大小 */
/* pxtorem-disable */
html {
    font-size: calc(100vw * 100 / 1920);
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: calc(100vw * 100 / 768);
    }
}
/* pxtorem-enable */

.iconfont {
    font-size: .16rem;
}

.swiper-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

svg {
    display: block;
    width: 100%;
    height: auto;
}