/**
 * 逸程全站基础层
 * 只放低风险 reset、全站 token 和媒体基础规则；具体组件由各自组件 CSS 接管。
 */

:root {
    --yc-color-brand-deep: #102A3A;
    --yc-color-brand-main: #126B8F;
    --yc-color-brand-active: #168EC2;
    --yc-color-brand-bright: #1FA7F1;
    --yc-color-brand-light: #EAF6FC;
    --yc-color-weg-blue: #00579D;
    --yc-color-text-primary: #111827;
    --yc-color-text-secondary: #344054;
    --yc-color-text-muted: #667085;
    --yc-color-text-inverse: #FFFFFF;
    --yc-color-surface-page: #FFFFFF;
    --yc-color-surface-panel: #FFFFFF;
    --yc-color-surface-soft: #F5F8FB;
    --yc-color-surface-tint: #EAF6FC;
    --yc-color-border-subtle: #DDE8EF;
    --yc-color-border-inverse: rgba(255, 255, 255, 0.46);
    --yc-color-border-header: rgba(255, 255, 255, 0.22);
    --yc-overlay-hero-left: rgba(4, 18, 34, 0.60);
    --yc-overlay-hero-mid: rgba(4, 18, 34, 0.23);
    --yc-overlay-hero-clear: rgba(4, 18, 34, 0.02);
    --yc-font-family-base: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    --yc-font-size-nav: 16px;
    --yc-font-size-button: 14px;
    --yc-font-size-eyebrow: 13px;
    --yc-font-size-body: 18px;
    --yc-font-size-card-title: 24px;
    --yc-font-size-section-title: 42px;
    --yc-font-size-hero-title: 66px;
    --yc-line-height-tight: 1.04;
    --yc-line-height-title: 1.2;
    --yc-line-height-body: 1.7;
    --yc-font-weight-medium: 600;
    --yc-font-weight-bold: 700;
    --yc-font-weight-black: 900;
    --yc-space-1: 8px;
    --yc-space-2: 12px;
    --yc-space-3: 16px;
    --yc-space-4: 24px;
    --yc-space-5: 32px;
    --yc-space-6: 42px;
    --yc-space-7: 56px;
    --yc-space-8: 72px;
    --yc-space-9: 112px;
    --yc-container-header: 1440px;
    --yc-container-wide: 1520px;
    --yc-container-content: 1200px;
    --yc-container-finder: 1440px;
    --yc-header-height: 90px;
    --yc-header-height-mobile: 72px;
    --yc-header-search-width: 150px;
    --yc-header-search-height: 46px;
    --yc-hero-min-height: 760px;
    --yc-hero-max-height: 900px;
    --yc-hero-mobile-height: 610px;
    --yc-finder-height: 206px;
    --yc-finder-overlap: 182px;
    --yc-radius-none: 0;
    --yc-radius-dropdown: 16px;
    --yc-radius-pill: 999px;
    --yc-shadow-header: 0 10px 30px rgba(15, 35, 60, 0.08);
    --yc-shadow-panel: 0 24px 54px rgba(15, 43, 74, 0.13);
    --yc-shadow-dropdown: 0 22px 46px rgba(15, 35, 60, 0.15);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    text-size-adjust: 100%;
}

body {
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    background: var(--yc-color-surface-page);
    color: var(--yc-color-text-primary);
    font-family: var(--yc-font-family-base);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
form,
figure {
    margin: 0;
}

ul,
ol {
    padding-left: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

i,
em {
    font-style: normal;
}

article,
aside,
dialog,
footer,
header,
main,
section,
nav,
figure,
menu,
audio,
canvas,
progress,
video {
    display: block;
}

button,
input,
select,
textarea {
    font: inherit;
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img,
video {
    max-width: 100%;
    height: auto;
}