/* 
 * ============================================
 * MARKETING WEBSITE - PIXEL PERFECT CSS
 * ============================================
 * 
 * Design Source: https://www.figma.com/design/j2JwOvlK98TABQ1paXcBL4/MoodyWatchv1.5.5-
 * Target Width: 1440px (Desktop First)
 * 
 * IMPORTANT: 
 * - All values must match Figma exactly
 * - Use Figma's spacing tokens
 * - Use Figma's color tokens
 * - Use Figma's typography scale
 */

/* ============================================
   CSS RESET & BASE STYLES
   ============================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* 
     * COLOR TOKENS - 从Figma获取精确值
     * Figma Design: https://www.figma.com/design/j2JwOvlK98TABQ1paXcBL4/MoodyWatchv1.5.5-?node-id=230-986&m=dev
     */
    --color-primary: #45ae99;        /* botton - 主按钮色 */
    --color-primary-light: #75cebc;  /* botton1 - 浅色按钮 */
    --color-accent: #60dec5;         /* 情绪放松 - 强调色 */
    --color-background: #FFFFFF;     /* System Background/Light/Primary */
    --color-background-hero: #f3fafa; /* Hero背景渐变起始色 */
    --color-text-primary: #010101;   /* title - 主文本色 */
    --color-text-secondary: #777777; /* bodytext - 次要文本色 */
    --color-text-subtitle: #c4c4c4;  /* subtitle - 副标题色 */
    --color-text-secondtitle: #494949; /* secondtitle - 二级标题色 */
    --color-button-bg: #1a1a1a;      /* 下载按钮背景 */
    --color-footer-bg: #e4f6ee;      /* Footer背景色 */
    
    /* 
     * SPACING TOKENS - 从Figma获取精确值
     * 从Figma Auto Layout提取的精确间距值
     */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* Header specific spacing */
    --header-height: 88px;
    --header-padding-x: 120px;
    --header-padding-y: 28px;
    
    /* Hero specific spacing */
    --hero-padding-top: 57px;
    --hero-padding-bottom: 88px;
    --hero-gap: 24px;
    
    /* 
     * TYPOGRAPHY TOKENS - 从Figma获取精确值
     * 从Figma Text属性提取的精确字体值
     */
    --font-family-primary: 'Poppins', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
    --font-family-secondary: 'SF Pro Rounded', sans-serif;
    
    /* Hero Title - 从Figma: 60px, Bold, 103px line-height */
    --font-size-h1: 60px;
    --line-height-h1: 103px;
    --font-weight-h1: 700;
    
    /* Section Titles */
    --font-size-h2: 48px;
    --line-height-h2: 63.947px;
    --font-weight-h2: 700;
    
    /* Body Text */
    --font-size-body: 24px;    /* Hero subtitle */
    --line-height-body: 38px;  /* Hero subtitle line-height */
    --font-weight-body: 500;
    
    /* Button Text */
    --font-size-button: 15px;
    --line-height-button: 20px;
    --font-weight-button: 700;
    
    /* 
     * LAYOUT TOKENS - 从Figma Frame尺寸提取
     */
    --container-max-width: 1440px;
    --container-padding: 120px;  /* 从Figma Header padding-left提取 */
}

body {
    font-family: var(--font-family-primary);
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
    background-color: var(--color-background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
.container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* ============================================
   HEADER / NAVIGATION
   ============================================
   FIGMA REFERENCE: Header (node-id: 230:989)
   LAYOUT: Auto Layout (Horizontal), Height: 88px
   */
.header {
    background-color: #f3fafa;
    height: 88px;
    padding: 0 120px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
}

.nav__logo {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 32px;
    flex-shrink: 0;
}

.nav__logo-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.nav__logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.nav__logo-text {
    font-family: var(--font-family-primary);
    font-size: 28px;
    font-weight: 600;
    line-height: 16.302px; /* 从Figma提取：leading-[16.302px] */
    color: var(--color-text-primary);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;
    height: 28px; /* 从Figma提取：h-[28px] */
    display: flex;
    align-items: center;
}

.nav__logo-text:hover {
    opacity: 0.8;
}

.nav__menu {
    display: none;
    /* 根据Figma设计，当前header中没有导航菜单项 */
}

.nav__lang-switch {
    position: absolute;
    left: 1073px; /* 从Figma提取：left="1073px" */
    top: 50%; /* 从Figma提取：top="46px" with translate-y: -50% */
    transform: translate(-50%, -50%);
    width: 130px; /* 从Figma提取：width="130px" */
    height: 32px; /* 从Figma提取：height="32px" */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.nav__lang-link {
    font-family: 'Poppins', 'Noto Sans JP', sans-serif;
    font-weight: 700; /* 从Figma提取：font-weight="700" */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: opacity 0.2s ease;
}

.nav__lang-link:hover {
    opacity: 0.8;
}

.nav__lang-en {
    font-size: 28px; /* 从Figma提取：text-[28px] */
    color: #000000; /* 默认黑色，可点击 */
    line-height: 16.302px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.nav__lang-en:hover {
    color: #666666;
}

.nav__lang-en--active {
    color: #c5c5c5; /* 当前语言显示为灰色 */
    cursor: default;
    pointer-events: none; /* 禁用当前语言的点击 */
}

.nav__lang-en--active:hover {
    color: #c5c5c5;
}

.nav__lang-separator {
    font-size: 28px; /* 从Figma提取：text-[28px] */
    color: #000000;
    line-height: 16.302px;
    margin: 0 2px;
}

.nav__lang-cn {
    font-size: 24px; /* 从Figma提取：text-[24px] */
    color: #000000; /* 默认黑色，可点击 */
    line-height: 16.302px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.nav__lang-cn:hover {
    color: #666666;
}

.nav__lang-cn--active {
    color: #c5c5c5; /* 当前语言显示为灰色 */
    cursor: default;
    pointer-events: none; /* 禁用当前语言的点击 */
}

.nav__lang-cn--active:hover {
    color: #c5c5c5;
}

.nav__cta {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.btn-download {
    background-color: #1a1a1a;
    color: #FFFFFF;
    border: none;
    border-radius: 30px;
    padding: 0;
    height: 42px; /* 从Figma提取：h-[42px] */
    width: 148px; /* 从Figma提取：w-[148px] */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px; /* 从Figma提取：gap-[2px] */
    cursor: pointer;
    font-family: var(--font-family-primary);
    font-size: 15px; /* 从Figma提取：text-[15px] */
    font-weight: 700;
    line-height: 20px; /* 从Figma提取：leading-[20px] */
    letter-spacing: 0;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none; /* 移除链接下划线 */
}

.btn-download:hover {
    background-color: #2a2a2a;
    transform: translateY(-1px);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-download:active {
    transform: translateY(0);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.btn-download-icon {
    width: 20px; /* 从Figma提取：size-[20px] */
    height: 20px; /* 从Figma提取：size-[20px] */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.btn-download-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.btn-download span:last-child {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    white-space: nowrap;
}

/* Header响应式优化 */
@media (max-width: 1440px) {
    .header {
        padding: 0 80px;
    }
}

@media (max-width: 1024px) {
    .header {
        padding: 0 40px;
    }
    
    .nav__logo-text {
        font-size: 24px;
    }
    
    .btn-download {
        width: 130px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .header {
        padding: 0 20px;
        height: 72px;
    }
    
    .nav__logo-icon {
        width: 28px;
        height: 28px;
    }
    
    .nav__logo-text {
        font-size: 20px;
    }
    
    .btn-download {
        width: 120px;
        height: 38px;
        font-size: 13px;
        gap: 4px;
    }
    
    .btn-download-icon {
        width: 14px;
        height: 14px;
    }
}

/* ============================================
   HERO SECTION
   ============================================
   FIGMA REFERENCE: Background (node-id: 230:884)
   LAYOUT: Auto Layout (Vertical), Background gradient from #ffffff to #f3fafa
   Height: 1251px (from Figma Frame)
   */
.hero {
    background: linear-gradient(to bottom, #ffffff 0%, #f3fafa 100%);
    position: relative;
    min-height: 1251px;
    overflow: visible;
    width: 100%;
}

.hero__background-decoration {
    position: absolute;
    left: -52px; /* 从Figma提取：left-[-52px]，相对于hero__devices */
    top: -6px; /* 从Figma提取：top-[-6px]，相对于hero__devices */
    width: 1653.5px; /* 从Figma提取：w-[1653.5px] */
    height: 688px; /* 从Figma提取：h-[688px] */
    z-index: 0;
    /* 背景波形装饰图形 - 已移除多余的线条 */
    /* 如果需要背景装饰，可以添加图片或SVG */
}

.hero__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 57px; /* 从Figma提取：top-[57px] */
    transform: translateX(-50%); /* 从Figma提取：left-1/2 translate-x-[-50%] */
    z-index: 1;
    width: 1204px; /* 从Figma提取：w-[1204px] */
    max-width: 100%;
    gap: 24px; /* 从Figma提取：gap-[24px] - 文本之间的间距 */
    padding-bottom: 0; /* 与hero-product-mockup之间的间距：0 */
    box-sizing: border-box;
}

.hero__logo {
    width: 120px;
    height: 120px;
    border-radius: 30px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 30px;
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.hero__title {
    font-family: var(--font-family-primary);
    font-size: clamp(32px, 4.17vw, 60px); /* 从Figma提取：text-[60px]，自适应缩放 */
    line-height: clamp(48px, 5.14vw, 74px); /* 从Figma提取：line-height-[74px]，自适应缩放 */
    font-weight: 600; /* 从Figma提取：Poppins SemiBold */
    color: #010101;
    width: 100%;
    margin: 0;
    min-height: clamp(96px, 12.5vw, 191px); /* 自适应高度：最小96px，最大191px */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    flex-shrink: 0;
}

.hero__title p {
    margin: 0;
    line-height: inherit; /* 继承父元素的行高 */
}

.hero__title p:first-child {
    margin-bottom: 0;
}

.hero__subtitle {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.67vw, 24px); /* 从Figma提取：text-[24px]，自适应缩放 */
    line-height: clamp(28.5px, 2.64vw, 38px); /* 线性变化：最小28.5px（18px*1.583），最大38px（24px*1.583），保持1.583倍比例 */
    font-weight: 500;
    color: #010101;
    width: clamp(300px, 77.43vw, 1115px); /* 自适应宽度：最小300px，最大1115px */
    max-width: 100%;
    margin: 0; /* 移除底部margin，间距由container的padding-bottom控制 */
    text-align: center;
    position: relative;
    flex-shrink: 0;
    /* 与title之间的间距由container的gap: 24px控制 */
    /* 与hero-product-mockup之间的间距由container的padding-bottom: 24px控制（固定） */
}

.hero__devices {
    position: absolute;
    bottom: 0; /* 从Figma提取：bottom-0，在Background frame底部对齐 */
    left: 50%; /* 居中定位 */
    transform: translateX(calc(-50% - 0.5px)); /* 水平居中，考虑Figma中的left-[-1px]偏移 */
    width: 1442px; /* 从Figma提取：w-[1442px] */
    max-width: calc(100vw + 2px); /* 允许稍微超出视口以显示完整图片 */
    height: 698px; /* 从Figma提取：h-[698px] */
    overflow: visible;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    /* 与文字之间的间距由hero__container的padding-bottom: 24px控制 */
}

.hero__product-mockup {
    width: 100%;
    max-width: 1442px;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
    display: block;
    z-index: 3;
    position: relative;
    /* 确保图片能够响应式缩放 */
}

/* Hero响应式优化 */
@media (max-width: 1440px) {
    .hero__container {
        width: calc(100% - 160px); /* 左右各80px padding */
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 0; /* 固定间距：文本与图片之间保持0 */
    }
    
    .hero__devices {
        width: 100%;
        max-width: 1442px;
        height: auto;
        min-height: 500px;
        transform: translateX(calc(-50% - 0.5px));
    }
    
    .hero__product-mockup {
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
    }
}

@media (max-width: 1024px) {
    .hero {
        min-height: 1000px;
    }
    
    .hero__container {
        width: calc(100% - 80px); /* 左右各40px padding */
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        padding-bottom: 0; /* 固定间距：文本与图片之间保持0 */
    }
    
    .hero__logo {
        width: 100px;
        height: 100px;
    }
    
    .hero__devices {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 400px;
        transform: translateX(calc(-50% - 0.5px));
    }
    
    .hero__product-mockup {
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
    }
}

@media (max-width: 768px) {
    .hero {
        min-height: 800px;
    }
    
    .hero__container {
        width: calc(100% - 40px); /* 左右各20px padding */
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
        padding-bottom: 0; /* 固定间距：文本与图片之间保持0 */
        gap: 16px;
    }
    
    .hero__logo {
        width: 80px;
        height: 80px;
        /* border-radius保持30px不变，不随屏幕尺寸改变 */
    }
    
    .hero__devices {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 300px;
        transform: translateX(calc(-50% - 0.5px));
    }
    
    .hero__product-mockup {
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
    }
}

@media (max-width: 480px) {
    .hero {
        min-height: 600px;
    }
    
    .hero__container {
        width: calc(100% - 30px); /* 左右各15px padding */
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        padding-bottom: 0; /* 固定间距：文本与图片之间保持0 */
        gap: 12px;
    }
    
    .hero__logo {
        width: 60px;
        height: 60px;
    }
    
    .hero__devices {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 250px;
        transform: translateX(calc(-50% - 0.5px));
    }
    
    .hero__product-mockup {
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
    }
}

/* ============================================
   APP STORE SECTION
   ============================================
   FIGMA REFERENCE: section (node-id: 230:2621)
   LAYOUT: Auto Layout (Horizontal), Height: 100px
   Background: #FFFFFF
   */
.section-appstore {
    background-color: #FFFFFF;
    position: relative;
    height: 204px; /* 从Figma提取：height="204" - 精确匹配Figma设计 */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    margin: 0; /* 移除margin-top，间距由section-heading的padding-bottom控制 */
    overflow: visible; /* 确保内容不被裁剪 */
}

.section-appstore__container {
    position: relative;
    width: 1440px; /* 从Figma frame宽度提取 */
    max-width: 100%;
    height: 204px; /* 从Figma提取：height="204" - 精确匹配Figma设计 */
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow: visible; /* 确保内容不被裁剪 */
}

.appstore-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    position: absolute; /* 改为绝对定位，根据Figma设计 */
}

.appstore-badge:first-child {
    width: 410px; /* 从Figma提取：width="410" */
    height: 82px; /* 从Figma提取：height="82" */
    left: 42px; /* 从Figma提取：x="42" */
    top: 60px; /* 从Figma提取：y="60" - 中文页面默认值 */
}

.appstore-badge:first-child .appstore-badge__content {
    width: 390px; /* 从Figma提取：width="390" */
    height: 50px; /* 从Figma提取：height="50" */
    gap: 13px; /* 从Figma提取：gap-[13px] */
}

/* 英文页面特定样式 */
:lang(en) .appstore-badge:first-child {
    top: 61px; /* 从Figma提取：y="61" - 英文页面精确值 */
}

:lang(en) .appstore-badge--featured {
    width: 554px; /* 从Figma提取：width="554" - 英文页面精确值 */
    height: 116px; /* 从Figma提取：height="116" */
    gap: 8.275px; /* 从Figma提取：gap-[8.275px] */
    left: 468px; /* 从Figma提取：x="468" - 英文页面精确值 */
    top: 44px; /* 从Figma提取：y="44" */
    transform: none; /* 移除居中transform，使用精确left值 */
}

:lang(en) .appstore-badge--featured .appstore-badge__content {
    width: 541px; /* 从Figma提取：width="541" - 英文页面精确值 */
    height: 70px; /* 从Figma提取：height="70" */
}

:lang(en) .appstore-badge:last-child {
    width: 372px; /* 从Figma提取：width="372" - 英文页面精确值 */
    height: 82px; /* 从Figma提取：height="82" */
    left: 1038px; /* 从Figma提取：x="1038" - 英文页面精确值 */
    top: 61px; /* 从Figma提取：y="61" - 英文页面精确值 */
}

:lang(en) .appstore-badge:last-child .appstore-badge__content {
    width: 348px; /* 从Figma提取：width="348" - 英文页面精确值 */
    height: 50px; /* 从Figma提取：height="50" */
    gap: 10px; /* 从Figma提取：gap-[10px] - 英文页面精确值 */
}

.appstore-badge--featured {
    width: 418px; /* 从Figma提取：width="418" - 中文页面默认值 */
    height: 116px; /* 从Figma提取：height="116" */
    gap: 8.275px; /* 从Figma提取：gap-[8.275px] */
    left: 484px; /* 从Figma提取：x="484" - 中文页面默认值 */
    top: 44px; /* 从Figma提取：y="44" */
    transform: none; /* 移除居中transform，使用精确left值 */
}

.appstore-badge--featured .appstore-badge__content {
    width: 418px; /* 从Figma提取：width="418" - 中文页面默认值 */
    height: 70px; /* 从Figma提取：height="70" */
}

.appstore-badge:last-child {
    width: 476px; /* 从Figma提取：width="476" - 中文页面默认值 */
    height: 82px; /* 从Figma提取：height="82" */
    left: 934px; /* 从Figma提取：x="934" - 中文页面默认值 */
    top: 60px; /* 从Figma提取：y="60" - 中文页面默认值 */
}

.appstore-badge:last-child .appstore-badge__content {
    width: 476px; /* 从Figma提取：width="476" - 中文页面默认值 */
    height: 50px; /* 从Figma提取：height="50" */
    gap: 13px; /* 从Figma提取：gap-[13px] - 中文页面默认值 */
}

.appstore-badge__label {
    font-family: 'SF Pro Rounded', var(--font-family-secondary), sans-serif;
    font-size: 19.568px;
    line-height: 28.182px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    margin: 0;
    height: 26.901px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.appstore-badge__label--featured {
    font-size: 26.987px;
    line-height: 38.867px;
    height: 37.101px;
}

.appstore-badge__apple-icon {
    font-family: 'SF Pro Rounded', sans-serif;
    margin-right: 4px;
}

.appstore-badge__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px; /* 从Figma提取：gap-[13px] */
    height: 50px; /* 从Figma提取：height="50" */
    width: 100%;
}

.appstore-badge__content--featured {
    height: 70px; /* 从Figma提取：height="70" */
    width: 418px; /* 从Figma提取：width="418" */
    gap: 0;
    /* 使用space-between确保左右麦穗和文字之间的间距均匀分布 */
    justify-content: space-between;
}

.appstore-badge__icon {
    width: 24px;
    height: 50px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
    object-position: center;
}

.appstore-badge__text {
    font-family: 'SF Pro Rounded', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
    font-size: 36px; /* 从Figma提取：font-size="36px" - 中文页面默认值 */
    font-weight: 700; /* 从Figma提取：SF_Pro_Rounded:Bold */
    line-height: 28.182px; /* 从Figma提取：line-height="28.182px" - 中文页面默认值 */
    color: #000000;
    text-align: center;
    margin: 0;
    padding: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43.34px; /* 从Figma提取：height="43.33993148803711" - 精确匹配 */
    width: 314px; /* 从Figma提取：width="314" - 中文页面默认值 */
}

/* 英文页面特定文本样式 */
:lang(en) .appstore-badge__text {
    font-size: 21.191px; /* 从Figma提取：font-size="21.191px" for first badge - 英文页面 */
    line-height: 26.703px; /* 从Figma提取：line-height="26.703px" - 英文页面 */
    width: 266px; /* 从Figma提取：width="266" for "Featured in multiple regions" - 英文页面 */
}

.appstore-badge--featured .appstore-badge__text {
    font-size: 53.975px; /* 从Figma提取：font-size="53.975px" - 中文页面默认值 */
    line-height: 38.867px; /* 从Figma提取：line-height="38.867px" - 中文页面默认值 */
    height: 59.773px; /* 从Figma提取：height="59.773494720458984" - 中文页面默认值 */
    width: 286.742px; /* 从Figma提取：width="286.7419128417969" - 中文页面默认值 */
    flex: 0 0 286.742px; /* 固定宽度，不伸缩 */
    margin: 0 auto; /* 居中 */
}

/* 英文页面特定featured文本样式 */
:lang(en) .appstore-badge--featured .appstore-badge__text {
    font-size: 32px; /* 从Figma提取：font-size="32px" - 更新为32px */
    line-height: 40.693px; /* 从Figma提取：line-height="40.693px" - 英文页面精确值 */
    height: 60px; /* 从Figma提取：height="60" - 英文页面精确值 */
    width: 431px; /* 从Figma提取：width="431" - 英文页面精确值 */
    flex: 0 0 431px; /* 固定宽度，不伸缩 */
}

.appstore-badge__text--wide {
    font-size: 36px; /* 从Figma提取：font-size="36px" - 中文页面默认值 */
    line-height: 28.182px; /* 从Figma提取：line-height="28.182px" - 中文页面默认值 */
    width: 386.4638671875px; /* 从Figma提取：width="386.4638671875" - 中文页面默认值 */
    height: 41px; /* 从Figma提取：height="41" - 中文页面默认值 */
    flex: 0 0 386.4638671875px; /* 固定宽度，不伸缩 */
}

/* 英文页面特定wide文本样式 */
:lang(en) .appstore-badge__text--wide {
    font-size: 20px; /* 从Figma提取：font-size="20px" - 更新为20px */
    line-height: 26.703px; /* 从Figma提取：line-height="26.703px" - 英文页面精确值 */
    width: 254px; /* 从Figma提取：width="254" - 英文页面精确值 */
    height: 43.34px; /* 从Figma提取：height="43.33993148803711" - 精确匹配 */
    flex: 0 0 254px; /* 固定宽度，不伸缩 */
}

.appstore-badge__laurel {
    flex-shrink: 0;
    display: block;
    object-fit: contain;
    object-position: center;
}

.appstore-badge__laurel--left {
    width: 36px;
    height: 70px;
}

.appstore-badge__laurel--right {
    width: 36px;
    height: 70px;
    /* 右侧麦穗使用social_featured_badgeright_36_70，不需要翻转 */
}

/* App Store Section响应式优化 */
@media (max-width: 1440px) {
    .section-appstore__container {
        padding: 0 80px;
        gap: 24px;
    }
    
    .appstore-badge:first-child {
        left: 80px;
    }
    
    .appstore-badge--featured {
        left: calc(80px + 410px + 16px); /* 80px + width of first badge + 16px gap */
    }
    
    .appstore-badge:last-child {
        left: calc(80px + 410px + 16px + 554px + 16px); /* 80px + width of first + 16px gap + width of second + 16px gap */
    }
}

@media (max-width: 1024px) {
    .section-appstore {
        height: auto;
        padding: 40px 0;
    }
    
    .section-appstore__container {
        flex-direction: column;
        gap: 24px;
        padding: 0 40px;
        height: auto;
        align-items: center;
    }
    
    .appstore-badge {
        position: relative; /* Change to relative for vertical stacking */
        left: auto;
        top: auto;
        width: 100% !important; /* Ensure badges take full width */
        max-width: 450px; /* Limit max width for better readability */
    }
    
    .appstore-badge:first-child,
    .appstore-badge--featured,
    .appstore-badge:last-child {
        left: auto;
        top: auto;
        transform: none;
    }
    
    .appstore-badge__label {
        font-size: clamp(16px, 2.5vw, 19.568px);
    }
    
    .appstore-badge__label--featured {
        font-size: clamp(20px, 3.5vw, 26.987px);
    }
    
    .appstore-badge__icon {
        width: 20px;
        height: 40px;
    }
    
    .appstore-badge__laurel {
        width: 28px;
        height: 56px;
    }
}

@media (max-width: 768px) {
    .section-appstore {
        padding: 30px 0;
    }
    
    .section-appstore__container {
        padding: 0 20px;
        gap: 20px;
    }
    
    .appstore-badge__label {
        font-size: clamp(16px, 2.5vw, 19.568px);
    }
    
    .appstore-badge__label--featured {
        font-size: clamp(20px, 3.5vw, 26.987px);
    }
    
    .appstore-badge__icon {
        width: 20px;
        height: 40px;
    }
    
    .appstore-badge__laurel {
        width: 28px;
        height: 56px;
    }
}

/* ============================================
   SECTION HEADING
   ============================================
   FIGMA REFERENCE: Section (node-id: 254:31778)
   LAYOUT: Auto Layout (Vertical)
   */
.section-heading {
    background-color: #F5FBFB; /* 背景颜色：F5FBFB */
    position: relative;
    height: 204px; /* 从Figma提取：height="204" - 精确匹配Figma设计 */
    padding-top: 60.97px; /* 从Figma提取：top-[60.97px] */
    padding-bottom: 32.975px; /* 计算：204px - 60.97px - 82.042px - 27.014px - 2px(分隔线) + 1px(与section-appstore间距) = 32.974px，四舍五入为32.975px */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    overflow: visible; /* 确保内容不被裁剪 */
}

.section-heading__container {
    position: relative; /* 改为相对定位，避免重叠 */
    left: auto;
    top: auto;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 27.014px; /* 从Figma提取：gap-[27.014px] */
    width: 1440px; /* 文本框长度更改为1440px */
    max-width: 100%;
    margin: 0 auto;
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
}

.section-heading__title {
    font-family: var(--font-family-primary);
    font-size: 48.024px; /* 从Figma提取：text-[48.024px] */
    font-weight: 700;
    line-height: 40.731px; /* 从Figma提取：leading-[40.731px] */
    letter-spacing: 1.921px; /* 从Figma提取：tracking-[1.921px] */
    color: #212529; /* 从Figma提取：text-[#212529] */
    margin: 0;
    text-align: center;
    height: 82.042px; /* 从Figma提取：h-[82.042px] */
    width: 1440px; /* 文本框长度更改为1440px */
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-heading__divider {
    width: 1440px; /* 文本框长度更改为1440px */
    height: 0;
    position: relative;
    flex-shrink: 0;
    /* 分隔线装饰图形 - 使用SVG或CSS实现 */
    /* 从Figma看，这是一个装饰性的分隔线，可以使用渐变或SVG */
    background: linear-gradient(90deg, #45ae99 0%, #75cebc 100%);
    height: 2px;
    border-radius: 1px;
    max-width: 100%;
}

/* ============================================
   SECTION FEATURE
   ============================================
   FIGMA REFERENCE: Section (node-id: 236:10208)
   LAYOUT: Auto Layout (Vertical), Background gradient from #f4fafa to #ffffff
   */
.section-feature {
    background: linear-gradient(to bottom, #f4fafa 0%, #ffffff 100%);
    position: relative;
    width: 100%;
    padding: 61px 91px; /* 从Figma提取：top-[61px], left-[91px] */
    min-height: 1000px; /* 临时高度，后续根据内容调整 */
    overflow: visible;
}

.section-feature__container {
    max-width: 1260px; /* 从Figma提取：w-[1260px] */
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* 上半部分：实时压力提醒 */
.section-feature__top {
    display: flex;
    align-items: flex-start; /* 从Figma看，文本从y=91.5开始，图片从y=61开始，所以顶部对齐 */
    gap: 58.013px; /* 从Figma提取：679.01 - 91 - 530 = 58.01px */
    width: 100%;
    min-height: 495px; /* 从Figma提取：h-[495px] */
    margin-bottom: 0;
    padding-top: 30.5px; /* 从Figma提取：文本y=91.5，图片y=61，取平均值约30.5px作为padding-top */
}

.section-feature__image {
    flex-shrink: 0;
    position: relative;
    width: 530px; /* 从Figma提取：w-[530px] */
    height: 495px; /* 从Figma提取：h-[495px] */
    margin-top: 0; /* 图片从y=61开始，相对于container的top=61，所以margin-top=0 */
}

.section-feature__watch-display {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-feature__watch-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

.section-feature__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0; /* 间距由各个元素的margin控制 */
    max-width: 670px; /* 从Figma提取：w-[670px] */
    min-height: 434px; /* 从Figma提取：h-[434px] */
    margin-top: 30.5px; /* 从Figma提取：文本y=91.5，相对于container的top=61，所以margin-top=30.5px */
}

.section-feature__title {
    font-family: var(--font-family-primary);
    font-size: clamp(24px, 2.5vw, 36px); /* 自适应：最小24px，最大36px */
    font-weight: 700;
    line-height: 1.2; /* 自适应行高 */
    color: #010101;
    margin: 0;
    margin-bottom: clamp(20px, 1.9vw, 28px); /* 自适应间距 */
    display: flex;
    flex-direction: column;
    gap: 0;
}

.section-feature__title p {
    margin: 0;
}

.section-feature__title p:first-child {
    margin-bottom: 0;
}

.section-feature__intro {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 自适应：最小18px，最大26px */
    font-weight: 500;
    line-height: clamp(28px, 2.9vw, 42px); /* 自适应行高：最小28px，最大42px */
    color: #010101;
    margin: 0;
    margin-bottom: clamp(20px, 1.9vw, 28px); /* 自适应间距 */
}

.section-feature__list {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 自适应：最小18px，最大26px */
    font-weight: 500;
    line-height: clamp(32px, 3.3vw, 47px); /* 自适应行高：最小32px，最大47px */
    color: #010101;
    list-style: disc;
    padding-left: clamp(28px, 2.7vw, 39px); /* 自适应padding */
    margin: 0;
    margin-bottom: clamp(20px, 1.9vw, 28px); /* 自适应间距 */
    min-height: clamp(90px, 9vw, 129px); /* 自适应最小高度 */
}

.section-feature__list li {
    margin: 0;
}

.section-feature__list li:last-child {
    margin-bottom: 0;
}

.section-feature__conclusion {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 自适应：最小18px，最大26px */
    font-weight: 500;
    line-height: clamp(28px, 2.9vw, 42px); /* 自适应行高：最小28px，最大42px */
    color: #010101;
    margin: 0;
    min-height: clamp(34px, 3.3vw, 48px); /* 自适应最小高度 */
}

/* 分隔线 */
.section-feature__divider {
    width: 986px; /* 从Figma提取：w-[986px] */
    height: 2px;
    position: relative;
    margin: 0 auto;
    margin-top: 120px; /* 从Figma计算：676 - 61 - 495 = 120px */
    margin-bottom: 120px; /* 从Figma计算：796 - 676 = 120px */
    /* 分隔线装饰图形 - 使用SVG或CSS实现 */
    background: #EAEAEA; /* 颜色更改为 #EAEAEA */
    border-radius: 1px;
}

/* 下半部分：当前行动建议 */
.section-feature__bottom {
    display: flex;
    align-items: flex-start;
    gap: 58.013px; /* 从Figma计算：655.01 - 91 - 506 = 58.01px */
    width: 100%;
    margin-top: 0;
    padding-top: 0; /* 间距由分隔线的margin-bottom控制 */
}

.section-feature__action-content {
    flex: 0 0 clamp(400px, 39.1vw, 563px); /* 从Figma提取：w-[563px] */
    display: flex;
    flex-direction: column;
    gap: 0; /* 间距由各个元素的margin控制 */
}

.section-feature__action-title {
    font-family: var(--font-family-primary);
    color: #010101;
    margin: 0;
    margin-bottom: clamp(30px, 4.2vw, 60px); /* 从Figma提取：gap-[60px] */
    display: flex;
    flex-direction: column;
    gap: 0;
}

.section-feature__action-title-main {
    font-size: clamp(24px, 2.5vw, 36px); /* 从Figma提取：text-[36px] */
    font-weight: 700; /* Bold */
    line-height: clamp(32px, 3.2vw, 46px); /* 从Figma提取：leading-[46px] */
    color: #010101;
    margin: 0;
    margin-bottom: 0;
}

.section-feature__action-title-sub {
    font-size: clamp(20px, 1.9vw, 28px); /* 从Figma提取：text-[28px] */
    font-weight: 600; /* SemiBold */
    line-height: clamp(40px, 4.7vw, 67px); /* 从Figma提取：leading-[67px] */
    color: #010101;
    margin: 0;
}

.section-feature__steps {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 从Figma提取：text-[26px] */
    font-weight: 500; /* Medium */
    line-height: clamp(30px, 3.1vw, 45px); /* 从Figma提取：leading-[45px] */
    color: #010101;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.section-feature__step-label {
    font-weight: 700; /* Bold */
    margin: 0;
    margin-bottom: 0;
}

.section-feature__step-content {
    font-weight: 500; /* Medium */
    margin: 0;
    margin-bottom: 0;
}

.section-feature__graph {
    flex: 1;
    width: 698px; /* 从Figma提取：w-[698px] */
    height: 354px; /* 从Figma提取：h-[354px] */
    position: relative;
    overflow: visible;
    margin-top: 7px; /* 从Figma计算：803 - 796 = 7px，图表相对于文本内容向下偏移7px */
}

.section-feature__emotion-graph {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-feature__graph-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

/* Section Feature响应式优化 */
@media (max-width: 1440px) {
    .section-feature {
        padding: 61px 80px;
    }
    
    .section-feature__container {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .section-feature {
        padding: 61px 40px;
    }
    
    .section-feature__top {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    
    .section-feature__image {
        width: 100%;
        max-width: 530px;
        height: auto;
        aspect-ratio: 530 / 495;
    }
    
    .section-feature__content {
        max-width: 100%;
    }
    
    .section-feature__bottom {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    
    .section-feature__action-content {
        flex: 1;
        max-width: 100%;
    }
    
    .section-feature__graph {
        width: 100%;
        max-width: 698px;
        height: auto;
        aspect-ratio: 698 / 354;
    }
}

@media (max-width: 768px) {
    .section-feature {
        padding: 40px 20px;
    }
    
    /* 小屏幕上的文字自适应已经通过 clamp() 实现，这里可以进一步优化间距 */
    .section-feature__title {
        margin-bottom: clamp(16px, 2.1vw, 28px);
    }
    
    .section-feature__intro {
        margin-bottom: clamp(16px, 2.1vw, 28px);
    }
    
    .section-feature__list {
        margin-bottom: clamp(16px, 2.1vw, 28px);
        padding-left: clamp(20px, 2.6vw, 39px);
    }
    
    .section-feature__action-title {
        margin-bottom: clamp(30px, 3.9vw, 60px);
    }
    
    .section-feature__divider {
        width: 100%;
        max-width: 986px;
        margin-top: clamp(60px, 8.3vw, 120px);
        margin-bottom: clamp(60px, 8.3vw, 120px);
    }
}

/* ============================================
   SECTION FEATURE MBTI
   ============================================
   FIGMA REFERENCE: Section (node-id: 262:69209)
   LAYOUT: Auto Layout (Vertical), Background: #FFFFFF
   */
.section-feature-mbti {
    background-color: #fffcfc; /* 背景颜色更改为 #fffcfc */
    position: relative;
    width: 100%;
    padding: clamp(30px, 4.2vw, 61px) 0; /* 从Figma提取：y=61，自适应 */
    min-height: clamp(600px, 60.7vw, 874px); /* 从Figma提取：height="874"，自适应 */
    overflow: visible;
}

.section-feature-mbti__container {
    max-width: 1440px; /* 从Figma提取：width="1440" */
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
}

.section-feature-mbti__header {
    width: 100%; /* 从Figma看，标题区域应该占满容器宽度 */
    max-width: 1440px; /* 从Figma提取：width="1440" */
    min-height: clamp(90px, 8.3vw, 120px); /* 从Figma计算：143 + 38 - 61 = 120px，自适应 */
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.2vw, 18px); /* 从Figma计算：143 - (61 + 64) = 18px，自适应 */
    margin-bottom: clamp(20px, 2.2vw, 32px); /* 文字与图片之间的间距调整为32px */
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
    align-items: center; /* 确保内容居中 */
    justify-content: flex-start;
}

.section-feature-mbti__title {
    font-family: var(--font-family-primary);
    font-size: clamp(28px, 2.9vw, 42px); /* 从Figma提取：text-[42px]，自适应 */
    font-weight: 700;
    line-height: normal; /* 从Figma提取：leading-[normal] */
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(50px, 4.4vw, 64px); /* 从Figma提取：height="64"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* 确保标题占满容器宽度 */
}

.section-feature-mbti__subtitle {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 从Figma提取：text-[26px]，自适应 */
    font-weight: 500;
    line-height: normal; /* 从Figma提取：leading-[normal] */
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(30px, 2.6vw, 38px); /* 从Figma提取：height="38"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* 确保副标题占满容器宽度 */
}

.section-feature-mbti__image {
    width: 100%;
    max-width: 1440px; /* 从Figma提取：width="1440" */
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 0; /* 间距由header的margin-bottom控制 */
    padding: 0;
    overflow: visible; /* 允许图片超出容器 */
}

.section-feature-mbti__img {
    width: 100%;
    max-width: 1440px; /* 从Figma提取：width="1440" */
    height: auto; /* 保持原始宽高比 */
    display: block;
}

/* Section Feature MBTI响应式优化 */
@media (max-width: 1440px) {
    .section-feature-mbti__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-feature-mbti__image {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-mbti__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .section-feature-mbti {
        padding: clamp(30px, 3.9vw, 40px) var(--header-padding-x);
    }
    
    .section-feature-mbti__header {
        width: 100%;
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-feature-mbti__image {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-mbti__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .section-feature-mbti {
        padding: clamp(20px, 3.9vw, 30px) var(--header-padding-x);
    }
    
    .section-feature-mbti__header {
        padding: 0 var(--header-padding-x);
        margin-bottom: clamp(10px, 1.8vw, 13px);
    }
    
    .section-feature-mbti__title {
        margin-bottom: clamp(12px, 2.3vw, 17.99px);
    }
    
    .section-feature-mbti__image {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-mbti__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .section-feature-mbti {
        padding: clamp(15px, 3.1vw, 20px) var(--header-padding-x);
    }
    
    .section-feature-mbti__header {
        padding: 0 var(--header-padding-x);
    }
    
    .section-feature-mbti__image {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-mbti__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* ============================================
   SECTION FEATURE HEALTH
   ============================================
   FIGMA REFERENCE: Section (node-id: 262:72349)
   LAYOUT: Auto Layout (Vertical), Background: #f3fafa
   */
.section-feature-health {
    background-color: #f3fafa;
    position: relative;
    width: 100%;
    padding-top: clamp(30px, 4.2vw, 61px); /* 从Figma提取：y=61，自适应 */
    padding-bottom: 0; /* 底部不留空隙 */
    min-height: clamp(700px, 76.4vw, 1100px); /* 从Figma提取：h-[1100px]，自适应 */
    overflow: visible;
}

.section-feature-health__container {
    max-width: 1440px; /* 从Figma提取：width="1440" */
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.section-feature-health__header {
    width: 100%;
    max-width: 1070px; /* 从Figma提取：w-[1070px] */
    min-height: clamp(200px, 18.2vw, 262px); /* 从Figma提取：h-[262px]，自适应 */
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.1vw, 16px); /* 从Figma提取：gap-[16px]，自适应 */
    margin-bottom: 24px; /* 切图与文本之间的间距调整为24px */
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
}

.section-feature-health__title {
    font-family: var(--font-family-primary);
    font-size: clamp(28px, 2.9vw, 42px); /* 从Figma提取：text-[42px]，自适应 */
    font-weight: 700;
    line-height: normal; /* 从Figma提取：leading-[normal] */
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(60px, 8.7vw, 125px); /* 从Figma提取：h-[125px]，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section-feature-health__subtitle {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 从Figma提取：text-[26px]，自适应 */
    font-weight: 500;
    line-height: normal; /* 从Figma提取：leading-[normal] */
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(60px, 7.6vw, 109px); /* 从Figma提取：h-[109px]，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section-feature-health__content {
    width: 100%;
    max-width: 1442px; /* 从Figma提取：width="1442" */
    margin-top: 0; /* 间距由header的margin-bottom控制 */
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
}

.section-feature-health__cards {
    width: 100%;
    position: relative;
}

.section-feature-health__image-area {
    width: 100%;
    max-width: 1442px; /* 从Figma提取：width="1442" */
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 0; /* 底部不留空隙 */
    padding: 0;
    box-sizing: border-box;
}

.section-feature-health__img {
    width: 100%;
    max-width: 1442px; /* 从Figma提取：width="1442" */
    height: auto; /* 保持原始宽高比 */
    display: block;
    margin-bottom: 0; /* 底部不留空隙 */
    padding-bottom: 0; /* 底部不留空隙 */
}

/* Section Feature Health响应式优化 */
@media (max-width: 1440px) {
    .section-feature-health__container {
        max-width: 100%;
        padding: 0;
    }
    
    .section-feature-health__content {
        max-width: 100%;
    }
    
    .section-feature-health__image-area {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-health__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .section-feature-health {
        padding-top: clamp(30px, 3.9vw, 40px);
        padding-bottom: 0; /* 底部不留空隙 */
        padding-left: var(--header-padding-x);
        padding-right: var(--header-padding-x);
    }
    
    .section-feature-health__header {
        padding: 0 var(--header-padding-x);
    }
    
    .section-feature-health__content {
        margin-top: 24px; /* 切图与文本之间的间距调整为24px */
    }
    
    .section-feature-health__image-area {
        padding: 0;
        max-width: 100%;
    }
    
    .section-feature-health__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .section-feature-health {
        padding-top: clamp(20px, 3.9vw, 30px);
        padding-bottom: 0; /* 底部不留空隙 */
        padding-left: var(--header-padding-x);
        padding-right: var(--header-padding-x);
    }
    
    .section-feature-health__header {
        padding: 0 var(--header-padding-x);
        gap: clamp(10px, 1.3vw, 16px);
    }
    
    .section-feature-health__content {
        margin-top: 24px; /* 切图与文本之间的间距调整为24px */
    }
    
    .section-feature-health__image-area {
        padding: 0;
        max-width: 100%;
    }
    
    .section-feature-health__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .section-feature-health {
        padding-top: clamp(15px, 3.1vw, 20px);
        padding-bottom: 0; /* 底部不留空隙 */
        padding-left: var(--header-padding-x);
        padding-right: var(--header-padding-x);
    }
    
    .section-feature-health__header {
        padding: 0 var(--header-padding-x);
        gap: clamp(8px, 1.7vw, 12px);
    }
    
    .section-feature-health__content {
        margin-top: 24px; /* 切图与文本之间的间距调整为24px */
    }
    
    .section-feature-health__image-area {
        padding: 0;
        max-width: 100%;
    }
    
    .section-feature-health__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* ============================================
   SECTION FEATURE TREND
   ============================================
   FIGMA REFERENCE: Section - Feature Trend App Card UI
   LAYOUT: Auto Layout (Vertical)
   */
.section-feature-trend {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    padding: clamp(30px, 4.2vw, 61px) 0;
    min-height: clamp(600px, 65.7vw, 946px); /* 从Figma提取：height="946"，自适应 */
    overflow: visible;
}

.section-feature-trend__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(20px, 2.2vw, 52px); /* 从Figma计算：779 - 130 - 596 = 53px，自适应 */
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
    position: relative;
}

.section-feature-trend__left {
    width: auto;
    max-width: clamp(400px, 41.4vw, 596px); /* 从Figma提取：width="596"（卡片宽度），自适应 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

.section-feature-trend__header {
    width: 100%;
    max-width: clamp(400px, 45.1vw, 650px); /* 从Figma提取：width="650"，自适应 */
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.4vw, 20px); /* 从Figma计算：139 - 59 - 64 = 16px，自适应 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
}

.section-feature-trend__title {
    font-family: var(--font-family-primary);
    font-size: clamp(28px, 2.9vw, 42px); /* 从Figma提取：height="64"，估算font-size，自适应 */
    font-weight: 700;
    line-height: normal;
    color: #010101;
    margin: 0;
    text-align: left;
    min-height: clamp(40px, 4.4vw, 64px); /* 从Figma提取：height="64"，自适应 */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: clamp(400px, 45.1vw, 650px); /* 从Figma提取：width="650"，自适应 */
}

.section-feature-trend__subtitle {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 从Figma提取：height="38"，估算font-size，自适应 */
    font-weight: 500;
    line-height: normal;
    color: #010101;
    margin: 0;
    text-align: left;
    min-height: clamp(28px, 2.6vw, 38px); /* 从Figma提取：height="38"，自适应 */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: clamp(400px, 45.1vw, 650px); /* 从Figma提取：width="650"，自适应 */
}

.section-feature-trend__image {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.section-feature-trend__image--card {
    width: 100%;
    max-width: clamp(300px, 41.4vw, 596px); /* 从Figma提取：width="596"，自适应 */
    margin-top: clamp(30px, 1.7vw, 169px); /* 从Figma计算：220 - 61 = 159px，向下移动10px后为169px，自适应 */
}

.section-feature-trend__image--phone {
    width: clamp(300px, 36.9vw, 531px); /* 从Figma提取：width="531"，自适应 */
    flex-shrink: 0;
    margin-top: 0; /* 与标题对齐，y="59" */
    align-self: flex-start; /* 确保图片从顶部对齐 */
}

.section-feature-trend__img {
    width: 100%;
    height: auto;
    display: block;
}

/* Section Feature Trend响应式优化 */
@media (max-width: 1440px) {
    .section-feature-trend__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
        flex-direction: column; /* 小屏幕下切换为垂直布局 */
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__title {
        max-width: 100%;
    }
    
    .section-feature-trend__subtitle {
        max-width: 100%;
    }
    
    .section-feature-trend__left {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__image--card {
        width: 100%;
        max-width: 100%;
        margin-top: clamp(30px, 1.7vw, 169px); /* 向下移动10px */
    }
    
    .section-feature-trend__image--phone {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }
    
    .section-feature-trend__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .section-feature-trend {
        padding: clamp(30px, 3.9vw, 40px) 0;
    }
    
    .section-feature-trend__container {
        flex-direction: column; /* 小屏幕下切换为垂直布局 */
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
        gap: clamp(12px, 1.4vw, 16px);
        margin-bottom: clamp(20px, 2.2vw, 32px);
    }
    
    .section-feature-trend__title {
        max-width: 100%;
    }
    
    .section-feature-trend__subtitle {
        max-width: 100%;
    }
    
    .section-feature-trend__left {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__image--card {
        width: 100%;
        max-width: 100%;
        margin-top: clamp(30px, 1.7vw, 169px); /* 向下移动10px */
    }
    
    .section-feature-trend__image--phone {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }
    
    .section-feature-trend__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    .section-feature-trend {
        padding: clamp(20px, 3.9vw, 30px) 0;
    }
    
    .section-feature-trend__container {
        flex-direction: column; /* 小屏幕下切换为垂直布局 */
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
        gap: clamp(12px, 1.4vw, 16px);
        margin-bottom: clamp(20px, 2.2vw, 32px);
    }
    
    .section-feature-trend__title {
        max-width: 100%;
    }
    
    .section-feature-trend__subtitle {
        max-width: 100%;
    }
    
    .section-feature-trend__left {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__image--card {
        width: 100%;
        max-width: 100%;
        margin-top: clamp(30px, 1.7vw, 169px); /* 向下移动10px */
    }
    
    .section-feature-trend__image--phone {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }
    
    .section-feature-trend__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 480px) {
    .section-feature-trend {
        padding: clamp(15px, 3.1vw, 20px) 0;
    }
    
    .section-feature-trend__container {
        flex-direction: column; /* 小屏幕下切换为垂直布局 */
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
        gap: clamp(12px, 1.4vw, 16px);
        margin-bottom: clamp(20px, 2.2vw, 32px);
    }
    
    .section-feature-trend__title {
        max-width: 100%;
    }
    
    .section-feature-trend__subtitle {
        max-width: 100%;
    }
    
    .section-feature-trend__left {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__header {
        width: 100%;
        max-width: 100%;
    }
    
    .section-feature-trend__image--card {
        width: 100%;
        max-width: 100%;
        margin-top: clamp(30px, 1.7vw, 169px); /* 向下移动10px */
    }
    
    .section-feature-trend__image--phone {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }
    
    .section-feature-trend__img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* ============================================
   SECTION WATCH FEATURE FACE
   ============================================
   FIGMA REFERENCE: Section (node-id: 250:15745)
   LAYOUT: Auto Layout (Vertical)
   */
.section-watchfeature-face {
    background: linear-gradient(to bottom, #ffffff 0%, #fff6f6 100%);
    position: relative;
    width: 100%;
    min-height: clamp(600px, 61.4vw, 884px); /* 从Figma提取：height="884"，自适应 */
    padding: 0;
    overflow: visible;
}

.section-watchfeature-face__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.section-watchfeature-face__ui {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1440px;
    height: clamp(600px, 61.4vw, 884px);
    overflow: hidden;
    z-index: 0;
}

.section-watchfeature-face__ui-img {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    min-height: clamp(600px, 61.4vw, 884px);
    object-fit: contain;
    object-position: center top;
    display: block;
    margin: 0 auto;
}

.section-watchfeature-face__title {
    position: absolute;
    top: clamp(30px, 4.2vw, 61px); /* 从Figma提取：y="61"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-primary);
    font-size: clamp(28px, 2.9vw, 42px); /* 从Figma提取：height="63.947"，估算font-size，自适应 */
    font-weight: 700;
    line-height: normal;
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(40px, 4.4vw, 63.947px); /* 从Figma提取：height="63.947"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    padding: 0;
    box-sizing: border-box;
    z-index: 1;
}

.section-watchfeature-face__subtitle {
    position: absolute;
    top: clamp(50px, 9.9vw, 142.93px); /* 从Figma提取：y="142.9326171875"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.8vw, 26px); /* 从Figma提取：height="84.93"，估算font-size，自适应 */
    font-weight: 500;
    line-height: normal;
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(50px, 5.9vw, 84.93px); /* 从Figma提取：height="84.93"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
    z-index: 1;
}

/* Section Watch Feature Face响应式优化 */
@media (max-width: 1440px) {
    .section-watchfeature-face__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-face__ui {
        max-width: 100%;
    }
    
    .section-watchfeature-face__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-face__subtitle {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .section-watchfeature-face {
        padding: clamp(30px, 3.9vw, 40px) 0;
    }
    
    .section-watchfeature-face__title {
        top: clamp(20px, 2.6vw, 30px);
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-face__subtitle {
        top: clamp(40px, 6.9vw, 100px);
    }
}

@media (max-width: 768px) {
    .section-watchfeature-face {
        padding: clamp(20px, 3.9vw, 30px) 0;
    }
    
    .section-watchfeature-face__title {
        top: clamp(15px, 2.6vw, 20px);
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-face__subtitle {
        top: clamp(30px, 5.2vw, 75px);
    }
}

@media (max-width: 480px) {
    .section-watchfeature-face {
        padding: clamp(15px, 3.1vw, 20px) 0;
    }
    
    .section-watchfeature-face__title {
        top: clamp(10px, 2.1vw, 15px);
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-face__subtitle {
        top: clamp(25px, 4.3vw, 62px);
    }
}

/* ============================================
   SECTION WATCH FEATURE WORKCAT
   ============================================
   FIGMA REFERENCE: Section (node-id: 254:25617)
   LAYOUT: Auto Layout (Vertical)
   */
.section-watchfeature-workcat {
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    min-height: clamp(600px, 68.4vw, 985px); /* 从Figma提取：height="985"，自适应 */
    padding: 0;
    overflow: visible;
}

.section-watchfeature-workcat__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.section-watchfeature-workcat__ui {
    position: absolute;
    top: clamp(100px, 13.9vw, 200px); /* 从Figma提取：y="200"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    width: clamp(600px, 88.8vw, 1279px); /* 从Figma提取：width="1279"，自适应 */
    max-width: 1279px;
    height: auto;
    min-height: clamp(400px, 54.5vw, 785px); /* 从Figma提取：height="785"，自适应 */
    overflow: visible;
    z-index: 0;
}

.section-watchfeature-workcat__ui-img {
    width: 100%;
    max-width: 1279px;
    height: auto;
    min-height: clamp(400px, 54.5vw, 785px);
    object-fit: contain;
    object-position: center bottom;
    display: block;
    margin: 0 auto;
}

.section-watchfeature-workcat__title {
    position: absolute;
    top: clamp(30px, 4.2vw, 61px); /* 从Figma提取：y="61"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-primary);
    font-size: clamp(28px, 3.3vw, 48px); /* 从Figma提取：height="82.041"，估算font-size，自适应 */
    font-weight: 900; /* MiSans:Heavy */
    line-height: 1.2; /* 优化行高 */
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(50px, 5.7vw, 82.041px); /* 从Figma提取：height="82.041"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1440px;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    z-index: 1;
}

.section-watchfeature-workcat__subtitle {
    position: absolute;
    top: calc(clamp(30px, 4.2vw, 61px) + clamp(50px, 5.7vw, 82.041px) + 24px); /* 标题top + 标题高度 + 24px间距 */
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-primary);
    font-size: clamp(20px, 2.5vw, 36px); /* 从Figma提取：height="61"，估算font-size，自适应 */
    font-weight: 600; /* MiSans:Demibold */
    line-height: 1.2; /* 优化行高 */
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(40px, 4.2vw, 61px); /* 从Figma提取：height="61"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1440px;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    z-index: 1;
}

/* Section Watch Feature Workcat响应式优化 */
@media (max-width: 1440px) {
    .section-watchfeature-workcat__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-workcat__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 88.8vw, 1279px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-workcat__ui-img {
        max-width: 100%;
    }
    
    .section-watchfeature-workcat__title {
        max-width: 100%;
    }
    
    .section-watchfeature-workcat__subtitle {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .section-watchfeature-workcat {
        padding: clamp(30px, 3.9vw, 40px) 0;
    }
    
    .section-watchfeature-workcat__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 88.8vw, 1279px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-workcat__ui-img {
        max-width: 100%;
    }
    
    .section-watchfeature-workcat__title {
        top: clamp(20px, 2.6vw, 30px);
    }
    
    .section-watchfeature-workcat__subtitle {
        top: calc(clamp(20px, 2.6vw, 30px) + clamp(50px, 5.7vw, 82.041px) + 24px);
    }
}

@media (max-width: 768px) {
    .section-watchfeature-workcat {
        padding: clamp(20px, 3.9vw, 30px) 0;
    }
    
    .section-watchfeature-workcat__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 88.8vw, 1279px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-workcat__ui-img {
        max-width: 100%;
    }
    
    .section-watchfeature-workcat__title {
        top: clamp(15px, 2.6vw, 20px);
    }
    
    .section-watchfeature-workcat__subtitle {
        top: calc(clamp(15px, 2.6vw, 20px) + clamp(50px, 5.7vw, 82.041px) + 24px);
    }
}

@media (max-width: 480px) {
    .section-watchfeature-workcat {
        padding: clamp(15px, 3.1vw, 20px) 0;
    }
    
    .section-watchfeature-workcat__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 88.8vw, 1279px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-workcat__ui-img {
        max-width: 100%;
    }
    
    .section-watchfeature-workcat__title {
        top: clamp(10px, 2.1vw, 15px);
    }
    
    .section-watchfeature-workcat__subtitle {
        top: calc(clamp(10px, 2.1vw, 15px) + clamp(50px, 5.7vw, 82.041px) + 24px);
    }
}

/* ============================================
   SECTION PHONE FEATURE WIDGET
   ============================================
   FIGMA REFERENCE: Section (node-id: 259-43313)
   LAYOUT: Auto Layout (Vertical), Background: #ffffff
   */
.section-phonefeature-widget {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    min-height: clamp(600px, 65.3vw, 941px); /* 从Figma提取：height="941"，自适应 */
    padding: 0;
    overflow: visible;
}

.section-phonefeature-widget__container {
    max-width: 1442px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.section-phonefeature-widget__title {
    position: absolute;
    top: clamp(30px, 4.2vw, 60px); /* 从Figma提取：y="60"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-primary);
    font-size: 32px; /* 从Figma提取：font-size="32px"，固定值 */
    font-weight: 600; /* Poppins:SemiBold */
    line-height: normal; /* 从Figma提取：leading="normal" */
    color: #000000;
    margin: 0;
    text-align: left;
    list-style: disc;
    padding: 0;
    width: 100%;
    max-width: 1440px;
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
    z-index: 1;
}

.section-phonefeature-widget__title li {
    margin-left: 48px; /* 从Figma提取：ms="48px" */
    margin-bottom: 0;
    list-style-position: outside;
}

.section-phonefeature-widget__title li:first-child {
    margin-bottom: 0;
}

.section-phonefeature-widget__title li:last-child {
    margin-bottom: 0;
}

.section-phonefeature-widget__ui {
    position: absolute;
    top: clamp(100px, 14.1vw, 203px); /* 从Figma提取：y="203"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    width: clamp(600px, 100vw, 1442px); /* 从Figma提取：width="1442"，自适应 */
    max-width: 1442px;
    height: auto;
    min-height: clamp(400px, 51.2vw, 738px); /* 从Figma提取：height="738"，自适应 */
    overflow: visible;
    z-index: 0;
}

.section-phonefeature-widget__ui-img {
    width: 100%;
    max-width: 1442px;
    height: auto;
    min-height: clamp(400px, 51.2vw, 738px);
    object-fit: contain; /* 保持图片完整显示 */
    object-position: center center;
    display: block;
    margin: 0 auto;
}

/* Section Phone Feature Widget响应式优化 */
@media (max-width: 1440px) {
    .section-phonefeature-widget__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-phonefeature-widget__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 100vw, 1442px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-phonefeature-widget__ui-img {
        max-width: 100%;
    }
    
    .section-phonefeature-widget__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

@media (max-width: 1024px) {
    .section-phonefeature-widget__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 100vw, 1442px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-phonefeature-widget__ui-img {
        max-width: 100%;
    }
    
    .section-phonefeature-widget__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

@media (max-width: 768px) {
    .section-phonefeature-widget__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 100vw, 1442px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-phonefeature-widget__ui-img {
        max-width: 100%;
    }
    
    .section-phonefeature-widget__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

@media (max-width: 480px) {
    .section-phonefeature-widget__ui {
        left: 50%;
        transform: translateX(-50%);
        width: clamp(600px, 100vw, 1442px);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-phonefeature-widget__ui-img {
        max-width: 100%;
    }
    
    .section-phonefeature-widget__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

/* ============================================
   SECTION WATCH FEATURE THEME
   ============================================
   FIGMA REFERENCE: Section (node-id: 257-40324)
   LAYOUT: Auto Layout (Vertical), Background: #ffffff
   */
.section-watchfeature-theme {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    min-height: clamp(600px, 54.2vw, 780px); /* 从Figma提取：height="780"，自适应 */
    padding: 0;
    overflow: visible;
}

.section-watchfeature-theme__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.section-watchfeature-theme__title {
    position: absolute;
    top: clamp(30px, 4.2vw, 61px); /* 从Figma提取：y="61"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-family-primary);
    font-size: clamp(24px, 2.5vw, 36px); /* 从Figma提取：估算font-size，自适应 */
    font-weight: 700; /* Bold */
    line-height: 1.2;
    color: #010101;
    margin: 0;
    text-align: center;
    min-height: clamp(40px, 4.2vw, 61px); /* 从Figma提取：height="61"，自适应 */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
    z-index: 1;
}

.section-watchfeature-theme__ui {
    position: absolute;
    top: clamp(80px, 10.2vw, 147px); /* 从Figma提取：y="147"，自适应 */
    left: 50%;
    transform: translateX(-50%);
    width: clamp(600px, 100vw, 1442px); /* 从Figma提取：width="1442"，自适应 */
    height: clamp(400px, 40.1vw, 577px); /* 从Figma提取：height="577"，自适应 */
    overflow: hidden;
    z-index: 0;
}

.section-watchfeature-theme__ui-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 保持图片完整显示 */
    object-position: center center;
    display: block;
}

/* Section Watch Feature Theme响应式优化 */
@media (max-width: 1440px) {
    .section-watchfeature-theme__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-watchfeature-theme__ui {
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-theme__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

@media (max-width: 1024px) {
    .section-watchfeature-theme__ui {
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-theme__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

@media (max-width: 768px) {
    .section-watchfeature-theme__ui {
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-theme__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

@media (max-width: 480px) {
    .section-watchfeature-theme__ui {
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-watchfeature-theme__title {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
}

/* ============================================
   SECTION USER FEEDBACK
   ============================================
   FIGMA REFERENCE: Section (node-id: 230-1477)
   LAYOUT: Auto Layout (Vertical), Background: #e4f6ee
   */
.section-userfeedback {
    background-color: #e4f6ee;
    position: relative;
    width: 100%;
    min-height: clamp(800px, 66.9vw, 964px); /* 从Figma提取：height="964"，自适应 */
    padding: 0;
    overflow: visible;
}

.section-userfeedback__container {
    max-width: 1442px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}

.section-userfeedback__title {
    position: absolute;
    top: clamp(30px, 6.2vw, 90px); /* 从Figma提取：y="90"，自适应 */
    left: clamp(48px, 6.7vw, 96px); /* 从Figma提取：x="96"，自适应 */
    font-family: var(--font-family-primary);
    font-size: clamp(24px, 2.5vw, 36px); /* 从Figma提取：font-size="36px"，自适应 */
    font-weight: 900; /* MiSans:Heavy */
    line-height: clamp(33px, 3.4vw, 49px); /* 从Figma提取：line-height="49px"，自适应 */
    color: #02033b;
    margin: 0;
    text-align: left;
    min-height: clamp(40px, 4.2vw, 60px); /* 从Figma提取：height="60"，自适应 */
    width: clamp(300px, 50.2vw, 724px); /* 从Figma提取：width="724"，自适应 */
    letter-spacing: clamp(-0.48px, -0.05vw, -0.72px); /* 从Figma提取：tracking="-0.72px"，自适应 */
    z-index: 1;
}

.section-userfeedback__content {
    position: absolute;
    top: clamp(56px, 11.5vw, 165px); /* 从Figma提取：y="209"，向上移动44px：209-44=165，自适应 */
    left: clamp(45px, 6.2vw, 90px); /* 从Figma提取：x="90"，自适应 */
    width: clamp(600px, 87.3vw, 1259px); /* 从Figma提取：width="1259"，自适应 */
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 1.9vw, 28px); /* 从Figma提取：gap="28px"，自适应 */
}

.section-userfeedback__row {
    display: flex;
    flex-direction: row;
    gap: clamp(14px, 1.9vw, 27.878px); /* 从Figma提取：gap="27.878px"，自适应 */
    width: 100%;
}

.section-userfeedback__card {
    background-color: #ffffff;
    border-radius: clamp(18px, 2.6vw, 37.17px); /* 从Figma提取：rounded="37.17px"，自适应 */
    padding: clamp(14px, 1.9vw, 27.878px) 28px; /* 左右padding：28px，上下自适应 */
    box-shadow: clamp(4.6px, 0.64vw, 9.293px) clamp(4.6px, 0.64vw, 9.293px) clamp(7.7px, 1.07vw, 15.488px) 0px rgba(202, 225, 222, 0.2); /* 从Figma提取：shadow，自适应 */
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}

/* First card: gap 9px */
.section-userfeedback__row:first-child .section-userfeedback__card:first-child {
    width: clamp(200px, 27vw, 389.516px);
    gap: clamp(4.5px, 0.6vw, 9px);
}

/* Second card: gap 10px */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(2) {
    width: clamp(200px, 27vw, 389.516px);
    gap: clamp(5px, 0.7vw, 10px);
}

/* Third card: gap 22px, width 424px */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(3) {
    width: clamp(200px, 29.4vw, 424px);
    gap: clamp(11px, 1.5vw, 22px);
}

/* Second row cards */
/* Second row first card: gap 22px */
.section-userfeedback__row:last-child .section-userfeedback__card:first-child {
    width: clamp(200px, 27vw, 389.516px);
    gap: clamp(11px, 1.5vw, 22px);
}

/* Second row second card: gap 11px */
.section-userfeedback__row:last-child .section-userfeedback__card:nth-child(2) {
    width: clamp(200px, 27vw, 389.516px);
    gap: clamp(5.5px, 0.75vw, 11px);
}

/* Second row third card: gap 15px */
.section-userfeedback__row:last-child .section-userfeedback__card:nth-child(3) {
    width: clamp(200px, 27vw, 389.516px);
    gap: clamp(7.5px, 1vw, 15px);
}

.section-userfeedback__card-content {
    display: flex;
    flex-direction: column;
    gap: 12px; /* 文本与title之间的距离：12px */
    flex: 1;
}

/* Third card content: height 285px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(3) .section-userfeedback__card-content {
    min-height: clamp(142px, 19.8vw, 285px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.section-userfeedback__stars {
    display: flex;
    flex-direction: row;
    gap: clamp(1.3px, 0.18vw, 2.584px); /* 从Figma提取：gap="2.584px"，自适应 */
    align-items: center;
    padding-top: clamp(0.7px, 0.1vw, 1.427px); /* 从Figma提取：pt="1.427px"，自适应 */
}

.section-userfeedback__star {
    font-size: clamp(9px, 1.3vw, 18.573px); /* 从Figma提取：size="18.573px"，自适应 */
    color: #FFD700; /* 金色星星 */
    line-height: 1;
    display: inline-block;
    width: clamp(9px, 1.3vw, 18.573px);
    height: clamp(9px, 1.3vw, 18.573px);
}

.section-userfeedback__card-title {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.5vw, 22px); /* 从Figma提取：font-size="22px"，自适应 */
    font-weight: 700; /* Poppins:Bold */
    line-height: 1.2;
    color: #010101;
    margin: 0;
}

/* First card title: 22px, single line */
.section-userfeedback__row:first-child .section-userfeedback__card:first-child .section-userfeedback__card-title {
    font-size: clamp(18px, 1.5vw, 22px);
    white-space: nowrap;
}

/* Second card title: 20px, two lines */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(2) .section-userfeedback__card-title {
    font-size: clamp(16px, 1.4vw, 20px);
    white-space: normal;
}

/* Third card title: 20px, two lines */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(3) .section-userfeedback__card-title {
    font-size: clamp(16px, 1.4vw, 20px);
    white-space: normal;
}

/* Second row first card title: 22px, single line */
.section-userfeedback__row:last-child .section-userfeedback__card:first-child .section-userfeedback__card-title {
    font-size: clamp(18px, 1.5vw, 22px);
    white-space: nowrap;
}

/* Second row second card title: 22px, two lines */
.section-userfeedback__row:last-child .section-userfeedback__card:nth-child(2) .section-userfeedback__card-title {
    font-size: clamp(18px, 1.5vw, 22px);
    white-space: normal;
}

/* Second row third card title: 22px, two lines */
.section-userfeedback__row:last-child .section-userfeedback__card:nth-child(3) .section-userfeedback__card-title {
    font-size: clamp(18px, 1.5vw, 22px);
    white-space: normal;
}

.section-userfeedback__card-text {
    font-family: var(--font-family-primary);
    font-weight: 500; /* Poppins:Medium */
    line-height: 16px; /* 文本行间距：16px（固定） */
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
    box-sizing: border-box;
}

/* First card text: 14px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:first-child .section-userfeedback__card:first-child .section-userfeedback__card-text {
    font-size: clamp(12px, 1vw, 14px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Second card text: 13px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(2) .section-userfeedback__card-text {
    font-size: clamp(11px, 0.9vw, 13px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Third card text: 13px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:first-child .section-userfeedback__card:nth-child(3) .section-userfeedback__card-text {
    font-size: clamp(11px, 0.9vw, 13px);
    width: 100%;
    max-width: 100%;
    min-height: clamp(90px, 12.6vw, 181px);
    line-height: 16px; /* 文本行间距：16px（固定） */
    box-sizing: border-box;
}

/* Second row first card text: 13px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:last-child .section-userfeedback__card:first-child .section-userfeedback__card-text {
    font-size: clamp(11px, 0.9vw, 13px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Second row second card text: 13px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:last-child .section-userfeedback__card:nth-child(2) .section-userfeedback__card-text {
    font-size: clamp(11px, 0.9vw, 13px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Second row third card text: 13px, width 100% (不超出卡片，考虑左右padding 28px) */
.section-userfeedback__row:last-child .section-userfeedback__card:nth-child(3) .section-userfeedback__card-text {
    font-size: clamp(11px, 0.9vw, 13px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.section-userfeedback__author {
    font-family: var(--font-family-primary);
    font-size: clamp(12px, 1vw, 14px); /* 从Figma提取：font-size="14px"，自适应 */
    font-weight: 700; /* Poppins:Bold */
    line-height: 1.2;
    color: #808080;
    margin: 0;
    white-space: nowrap;
}

/* Section User Feedback响应式优化 */
@media (max-width: 1440px) {
    .section-userfeedback__container {
        max-width: 100%;
        padding: 0 var(--header-padding-x);
    }
    
    .section-userfeedback__title {
        left: var(--header-padding-x);
        max-width: calc(100% - calc(var(--header-padding-x) * 2));
    }
    
    .section-userfeedback__content {
        left: var(--header-padding-x);
        width: calc(100% - calc(var(--header-padding-x) * 2));
    }
}

@media (max-width: 1024px) {
    .section-userfeedback__row {
        flex-direction: column;
    }
    
    .section-userfeedback__card {
        width: 100% !important;
    }
    
    .section-userfeedback__card-text {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .section-userfeedback__row {
        flex-direction: column;
    }
    
    .section-userfeedback__card {
        width: 100% !important;
    }
    
    .section-userfeedback__card-text {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .section-userfeedback__row {
        flex-direction: column;
    }
    
    .section-userfeedback__card {
        width: 100% !important;
    }
    
    .section-userfeedback__card-text {
        width: 100%;
    }
}

/* ============================================
   SECTION CTA
   ============================================
   FIGMA REFERENCE: Section (node-id: 230-1050)
   LAYOUT: Background: #ffffff, Height: 443px (基于按钮位置355px + 按钮高度60px + 底部间距)
   */
.section-cta {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    padding: 0;
    overflow: visible; /* 确保装饰图片不被裁剪 */
}

.section-cta__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 32px 0; /* 内容距离上下两侧距离32px */
    box-sizing: border-box;
    min-height: 520px; /* 按钮top(400px) + 按钮高度(60px) + 按钮到底部距离(60px) = 520px */
    overflow: visible; /* 确保装饰图片不被裁剪 */
}

.section-cta__logo {
    position: absolute;
    top: 44px; /* 从Figma提取：y="44px"，固定值，不随自适应调节 */
    left: 661px; /* 从Figma提取：x="661px"（相对于1440px），固定值，不随自适应调节 */
    width: 120px; /* 从Figma提取：width="120px"，固定值 */
    height: 120px; /* 从Figma提取：height="120px"，固定值 */
    border-radius: 30px; /* 从Figma提取：rounded="30px"，固定值 */
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12); /* 从Figma提取：shadow="0px 0px 15px 0px rgba(0,0,0,0.12)"，固定值 */
    overflow: hidden;
    z-index: 1;
}

.section-cta__logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.section-cta__title {
    position: absolute;
    /* Logo底部(44+120=164px) + 12px固定间距 = 176px，title中心在176 + 71/2 = 211.5px */
    top: calc(44px + 120px + 12px + 35.5px); /* Logo顶部 + Logo高度 + 12px固定间距 + title高度的一半 */
    left: 50%;
    transform: translate(-50%, -50%); /* 从Figma提取：使用translate-x-[-50%]和translate-y-[-50%]居中 */
    font-family: var(--font-family-primary);
    font-size: 48px; /* 从Figma提取：font-size="48px"，固定值 */
    font-weight: 700; /* Poppins:Bold */
    line-height: 16.302px; /* 从Figma提取：line-height="16.302px"，固定值 */
    color: #010101;
    margin: 0;
    text-align: center;
    height: 71px; /* 从Figma提取：height="71px"，固定值 */
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.section-cta__subtitle {
    position: absolute;
    /* Title底部(176+71=247px) + 9px固定间距 = 256px，subtitle中心在256 + 126/2 = 319px */
    top: calc(44px + 120px + 12px + 71px + 9px + 63px); /* Logo顶部 + Logo高度 + 12px固定间距 + title高度 + 9px固定间距 + subtitle高度的一半 */
    left: 50%;
    transform: translate(-50%, -50%); /* 从Figma提取：使用translate-x-[-50%]和translate-y-[-50%]居中 */
    font-family: var(--font-family-primary);
    font-size: 28px; /* 从Figma提取：font-size="28px"，固定值 */
    font-weight: 600; /* Poppins:SemiBold */
    line-height: 1.5; /* 从Figma提取：leading-[normal]，固定行高 */
    color: #010101;
    margin: 0;
    text-align: center;
    width: 100%;
    max-width: 1441px; /* 从Figma提取：width="1441px"，固定值 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.section-cta__subtitle p {
    margin: 0;
}

.section-cta__subtitle p:first-child {
    margin-bottom: 0; /* 段落之间还原为0 */
}

.section-cta__button {
    position: absolute;
    /* Subtitle底部(256+126=382px) + 18px固定间距 = 400px，按钮顶部在400px */
    top: calc(44px + 120px + 12px + 71px + 9px + 126px + 18px); /* Logo顶部 + Logo高度 + 12px固定间距 + title高度 + 9px固定间距 + subtitle高度 + 18px固定间距 */
    left: 50%;
    transform: translateX(-50%); /* 从Figma提取：使用translate-x-[-50%]水平居中 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #1a1a1a; /* 从Figma提取：bg-[#1a1a1a] */
    color: #ffffff;
    font-family: var(--font-family-primary);
    font-size: 20px; /* 从Figma提取：font-size="20px"，固定值 */
    font-weight: 700; /* Poppins:Bold */
    line-height: 13.294px; /* 从Figma提取：line-height="13.294px"，固定值 */
    text-decoration: none;
    padding: 0;
    border-radius: 82px; /* 从Figma提取：rounded="82px"，固定值 */
    height: 60px; /* 从Figma提取：height="60px"，固定值 */
    width: 265px; /* 从Figma提取：width="265px"，固定值 */
    transition: background-color 0.3s ease;
    z-index: 1;
    text-align: center;
    white-space: nowrap;
    /* 从Figma提取：按钮内部文字使用flex居中，leading-[0] */
}

.section-cta__button:hover {
    background-color: #333333;
}

.section-cta__decoration {
    position: absolute;
    z-index: 1; /* 提高层级，确保在背景之上 */
    pointer-events: none; /* 确保装饰图片不阻挡交互 */
    visibility: visible !important; /* 强制显示 */
    opacity: 1 !important; /* 确保不透明 */
}

.section-cta__decoration--left {
    top: 34px; /* 从Figma提取：top="34px"，固定值，不随自适应调节 */
    left: 219px; /* 从Figma提取：left="219px"（相对于1440px），固定值，不随自适应调节 */
    width: 243px; /* 从Figma提取：width="243px"，固定值 */
    height: 133px; /* 从Figma提取：height="133px"，固定值 */
    overflow: hidden; /* 从Figma提取：overflow-clip */
    display: block !important; /* 确保显示 */
}

.section-cta__decoration--right {
    top: 36px; /* 从Figma提取：top="36px"，固定值，不随自适应调节 */
    left: 1006px; /* 从Figma提取：left="1006px"（相对于1440px），固定值，不随自适应调节 */
    width: 210px; /* 从Figma提取：width="210px"，固定值 */
    height: 185px; /* 从Figma提取：height="185px"，固定值 */
    display: block !important; /* 确保显示 */
}

.section-cta__decoration-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100%;
    max-height: 100%;
}

/* Section CTA响应式优化 */
@media (max-width: 1440px) {
    .section-cta__container {
        max-width: 100%;
        padding: 0;
        min-height: 0;
    }
    
    .section-cta {
        padding-bottom: clamp(22.5px, 3.1vw, 45px); /* 与主样式保持一致：45px */
    }
    
    .section-cta__logo {
        left: clamp(330.5px, 45.9vw, 661px);
    }
    
    .section-cta__title {
        max-width: 100%;
        top: clamp(105.75px, 14.7vw, 211.5px);
        transform: translate(-50%, -50%);
    }
    
    .section-cta__subtitle {
        max-width: 100%;
        top: clamp(150.5px, 20.9vw, 301px);
        transform: translate(-50%, -50%);
    }
    
    .section-cta__button {
        top: clamp(177.5px, 24.7vw, 355px);
        transform: translateX(-50%);
    }
    
    .section-cta__decoration--left {
        left: clamp(109.5px, 15.2vw, 219px);
        display: block !important; /* 确保在大屏幕上显示 */
    }
    
    .section-cta__decoration--right {
        left: clamp(503px, 69.9vw, 1006px);
        right: auto;
        display: block !important; /* 确保在大屏幕上显示 */
    }
}

@media (max-width: 1024px) {
    .section-cta {
        padding-bottom: clamp(20px, 2.8vw, 35px);
    }
    
    .section-cta__container {
        padding: 0 40px;
        min-height: 0;
    }
    
    .section-cta__logo {
        top: clamp(18px, 2.5vw, 35px);
        width: clamp(50px, 7vw, 100px);
        height: clamp(50px, 7vw, 100px);
    }
    
    .section-cta__title {
        max-width: calc(100% - 80px);
        top: clamp(90px, 12vw, 170px);
        font-size: clamp(28px, 3.5vw, 42px);
        transform: translate(-50%, -50%);
    }
    
    .section-cta__subtitle {
        max-width: calc(100% - 80px);
        top: clamp(110px, 16vw, 230px);
        font-size: clamp(18px, 2.2vw, 24px);
        transform: translate(-50%, -50%);
    }
    
    .section-cta__button {
        top: clamp(150px, 20vw, 300px);
        transform: translateX(-50%);
        width: clamp(80px, 11vw, 160px);
        height: clamp(28px, 3.8vw, 55px);
    }
    
    .section-cta__decoration--left,
    .section-cta__decoration--right {
        display: none; /* 小屏幕隐藏装饰图片 */
    }
}

@media (max-width: 768px) {
    .section-cta {
        padding-bottom: clamp(18px, 2.8vw, 30px);
    }
    
    .section-cta__container {
        padding: 0 20px;
        min-height: 0;
    }
    
    .section-cta__logo {
        top: clamp(15px, 2.3vw, 30px);
        width: clamp(45px, 6.5vw, 80px);
        height: clamp(45px, 6.5vw, 80px);
    }
    
    .section-cta__title {
        max-width: calc(100% - 40px);
        top: clamp(75px, 11vw, 150px);
        font-size: clamp(24px, 4vw, 36px);
        line-height: 1.3;
        transform: translate(-50%, -50%);
    }
    
    .section-cta__subtitle {
        max-width: calc(100% - 40px);
        top: calc(clamp(75px, 11vw, 150px) + clamp(24px, 4vw, 36px) * 1.3 / 2 + 89.5px);
        font-size: clamp(16px, 2.5vw, 22px);
        line-height: 1.5;
        transform: translate(-50%, -50%);
    }
    
    .section-cta__button {
        top: calc(clamp(75px, 11vw, 150px) + clamp(24px, 4vw, 36px) * 1.3 / 2 + 89.5px + 54px);
        transform: translateX(-50%);
        width: clamp(70px, 10vw, 140px);
        height: clamp(26px, 4vw, 50px);
        font-size: clamp(14px, 2vw, 18px);
    }
    
    .section-cta__decoration--left,
    .section-cta__decoration--right {
        display: none;
    }
}

@media (max-width: 480px) {
    .section-cta {
        padding-bottom: clamp(16px, 3.5vw, 25px);
    }
    
    .section-cta__container {
        padding: 0 16px;
        min-height: 0;
    }
    
    .section-cta__logo {
        top: clamp(12px, 2.7vw, 25px);
        width: clamp(40px, 9vw, 70px);
        height: clamp(40px, 9vw, 70px);
    }
    
    .section-cta__title {
        max-width: calc(100% - 32px);
        top: clamp(65px, 14vw, 130px);
        font-size: clamp(20px, 4.5vw, 32px);
        line-height: 1.3;
        height: auto;
        transform: translate(-50%, -50%);
    }
    
    .section-cta__subtitle {
        max-width: calc(100% - 32px);
        top: clamp(85px, 17.5vw, 170px);
        font-size: clamp(14px, 3.2vw, 20px);
        line-height: 1.5;
        transform: translate(-50%, -50%);
    }
    
    .section-cta__button {
        top: clamp(110px, 22vw, 200px);
        transform: translateX(-50%);
        width: clamp(60px, 13.5vw, 120px);
        height: clamp(24px, 5vw, 45px);
        font-size: clamp(13px, 3vw, 16px);
        border-radius: clamp(30px, 6.8vw, 60px);
    }
    
    .section-cta__decoration--left,
    .section-cta__decoration--right {
        display: none;
    }
}

/* ============================================
   SECTION NEW 385-7469
   ============================================
   FIGMA REFERENCE: Section (node-id: 385-7469)
   LAYOUT: TBD
   */
.section-new-385-7469 {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
    display: none; /* 隐藏空section，避免空白 */
}

.section-new-385-7469__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
}

/* Section New 385-7469 响应式优化 */
@media (max-width: 1440px) {
    .section-new-385-7469__container {
        padding: 0 80px;
    }
}

@media (max-width: 1024px) {
    .section-new-385-7469 {
        padding: clamp(30px, 4vw, 50px) 0;
    }
    
    .section-new-385-7469__container {
        padding: 0 40px;
    }
}

@media (max-width: 768px) {
    .section-new-385-7469 {
        padding: clamp(24px, 4vw, 40px) 0;
    }
    
    .section-new-385-7469__container {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .section-new-385-7469 {
        padding: clamp(20px, 5vw, 32px) 0;
    }
    
    .section-new-385-7469__container {
        padding: 0 16px;
    }
}

/* ============================================
   SECTION NEW 385-7467
   ============================================
   FIGMA REFERENCE: Section (node-id: 385-7467)
   LAYOUT: TBD
   */
.section-new-385-7467 {
    background-color: #ffffff;
    position: relative;
    width: 100%;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
    display: none; /* 隐藏空section，避免空白 */
}

.section-new-385-7467__container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--header-padding-x);
    box-sizing: border-box;
}

/* Section New 385-7467 响应式优化 */
@media (max-width: 1440px) {
    .section-new-385-7467__container {
        padding: 0 80px;
    }
}

@media (max-width: 1024px) {
    .section-new-385-7467 {
        padding: clamp(30px, 4vw, 50px) 0;
    }
    
    .section-new-385-7467__container {
        padding: 0 40px;
    }
}

@media (max-width: 768px) {
    .section-new-385-7467 {
        padding: clamp(24px, 4vw, 40px) 0;
    }
    
    .section-new-385-7467__container {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .section-new-385-7467 {
        padding: clamp(20px, 5vw, 32px) 0;
    }
    
    .section-new-385-7467__container {
        padding: 0 16px;
    }
}

/* ============================================
   SECTION FOOTER
   ============================================
   FIGMA REFERENCE: Section (node-id: 375-11448)
   LAYOUT: Auto Layout (Vertical), Background: #e4f6ee, Height: 280px
   */
.section-footer {
    background-color: #e4f6ee;
    position: relative;
    width: 100%;
    min-height: clamp(150px, 16vw, 230px); /* 从Figma提取：height="230px"，自适应 */
    padding: 0;
    box-sizing: border-box;
}

.section-footer__main {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    min-height: clamp(150px, 16vw, 230px); /* 从Figma提取：height="230px"，自适应 */
}

.section-footer__brand {
    position: absolute;
    top: clamp(15.5px, 2.2vw, 31px); /* 从Figma提取：y="31px"，1:1还原 */
    left: clamp(60.5px, 8.4vw, 121px); /* 从Figma提取：x="121px"，1:1还原 */
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(4.5px, 0.6vw, 9px); /* 从Figma提取：gap="9px"，自适应 */
    width: clamp(150px, 20.9vw, 301px); /* 从Figma提取：width="301px"，1:1还原 */
    height: clamp(16px, 2.2vw, 32px); /* 从Figma提取：height="32px"，1:1还原 */
}

.section-footer__logo {
    width: clamp(16px, 2.2vw, 32px); /* 从Figma提取：width="32"，自适应 */
    height: clamp(16px, 2.2vw, 32px); /* 从Figma提取：height="32"，自适应 */
    border-radius: clamp(4px, 0.6vw, 8px); /* 从Figma提取：rounded="8px"，自适应 */
    box-shadow: 0px 0px clamp(2px, 0.3vw, 4px) 0px rgba(0, 0, 0, 0.12); /* 从Figma提取：shadow，自适应 */
    overflow: hidden;
}

.section-footer__logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.section-footer__brand-name {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 1.9vw, 28px); /* 从Figma提取：font-size="28px"，自适应 */
    font-weight: 700; /* Poppins:Bold */
    line-height: clamp(10.8px, 1.1vw, 16.302px); /* 从Figma提取：line-height="16.302px"，自适应 */
    color: #010101;
    margin: 0;
    width: clamp(130px, 18vw, 260px); /* 从Figma提取：width="260"，自适应 */
}

.section-footer__disclaimer {
    position: absolute;
    /* Brand底部(31+32=63px) + 12px固定间距 = 75px */
    top: calc(clamp(15.5px, 2.2vw, 31px) + clamp(16px, 2.2vw, 32px) + 12px); /* Brand顶部 + Brand高度 + 12px固定间距 */
    left: clamp(60.5px, 8.4vw, 121px); /* 从Figma提取：x="121px"，1:1还原 */
    font-family: var(--font-family-primary);
    font-size: clamp(10px, 0.8vw, 12px); /* 从Figma提取：font-size="12px"，自适应 */
    font-weight: 500; /* MiSans:Medium */
    line-height: clamp(16.7px, 1.4vw, 20px); /* 从Figma提取：line-height="20px"，自适应 */
    color: #111111;
    margin: 0;
    width: clamp(315px, 43.8vw, 631px); /* 从Figma提取：width="631px"，1:1还原 */
    min-height: clamp(33.5px, 4.7vw, 67px); /* 从Figma提取：height="67px"，1:1还原 */
    text-align: left;
}

.section-footer__decoration {
    position: absolute;
    top: clamp(77px, 10.7vw, 154px); /* 从Figma提取：y="154px"，1:1还原 */
    left: clamp(61px, 8.5vw, 122px); /* 从Figma提取：x="122px"，1:1还原 */
    width: clamp(80px, 11.1vw, 160px); /* 从Figma提取：width="160px"，1:1还原 */
    height: clamp(25px, 3.5vw, 50px); /* 从Figma提取：height="50px"，1:1还原 */
    z-index: 0;
    overflow: hidden;
    display: block;
    text-decoration: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.section-footer__decoration:hover {
    opacity: 0.8;
    transform: scale(1.02);
}

.section-footer__decoration:focus {
    outline: 2px solid #45ae99;
    outline-offset: 2px;
    border-radius: 4px;
}

.section-footer__decoration-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
}


.section-footer__link-group {
    position: absolute;
    top: 33px; /* 从Figma提取：Privacy Policy y="33px"（相对于Legal frame），固定值，不随屏幕尺寸变化 */
    left: 26px; /* 从Figma提取：x="26px"（相对于Legal frame），固定值，不随屏幕尺寸变化，与Legal标题左侧对齐 */
    display: flex;
    flex-direction: column;
    gap: 8px; /* Terms of use y="61px" - Privacy Policy y="33px" - Privacy Policy height="20px" = 8px固定间距 */
    z-index: 1;
}

.section-footer__link {
    position: relative;
    font-family: var(--font-family-primary);
    font-size: clamp(12px, 1vw, 15px); /* 从Figma提取：font-size="15px"，自适应 */
    font-weight: 500; /* Poppins:Medium */
    line-height: clamp(12px, 1vw, 15px); /* 从Figma提取：line-height="15px"，自适应 */
    color: #646464;
    text-decoration: none;
    transition: color 0.3s ease;
    white-space: nowrap;
    display: inline-block;
    padding: 0;
    height: clamp(10px, 1.4vw, 20px); /* 从Figma提取：height="20px"，1:1还原 */
}

.section-footer__link:hover {
    color: #010101;
}

.section-footer__link:focus {
    outline: 2px solid #45ae99;
    outline-offset: 2px;
    border-radius: 2px;
}

.section-footer__link.section-footer__link--contact {
    position: absolute;
    top: 33px; /* 从Figma提取：Contact y="33px"（相对于Company frame），固定值，不随屏幕尺寸变化 */
    left: 24px; /* 从Figma提取：x="24px"（相对于Company frame），固定值，不随屏幕尺寸变化 */
    font-family: var(--font-family-primary);
    font-size: clamp(12px, 1vw, 15px);
    font-weight: 500;
    line-height: clamp(12px, 1vw, 15px);
    color: #646464;
    text-decoration: none;
    transition: color 0.3s ease;
    z-index: 1;
    white-space: nowrap;
    padding: 0;
    height: clamp(10px, 1.4vw, 20px); /* 从Figma提取：height="20px"，1:1还原 */
}

.section-footer__link--contact:hover {
    color: #010101;
}

.section-footer__link--contact:focus {
    outline: 2px solid #45ae99;
    outline-offset: 2px;
    border-radius: 2px;
}

.section-footer__legal {
    position: absolute;
    top: clamp(37.5px, 5.2vw, 75px); /* 从Figma提取：y="75px"，自适应 */
    left: clamp(427px, 59.3vw, 854px); /* 从Figma提取：x="854px"，自适应 */
    width: clamp(75px, 10.4vw, 149px); /* 从Figma提取：width="149px"，自适应 */
    height: clamp(40px, 5.6vw, 83px); /* 从Figma提取：height="83px"，自适应 */
    z-index: 1;
}

.section-footer__legal-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(10px, 1.4vw, 20px); /* 从Figma提取：width="20px"，自适应 */
    height: clamp(10px, 1.4vw, 20px); /* 从Figma提取：height="20px"，自适应 */
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.section-footer__legal-text {
    position: absolute;
    top: 1px; /* 从Figma提取：Legal标题y="1px"（相对于frame），1:1还原 */
    left: 26px; /* 从Figma提取：x="26px"（相对于frame），固定值，不随屏幕尺寸变化 */
    font-family: var(--font-family-primary);
    font-size: clamp(14px, 1.3vw, 18px); /* 从Figma提取：font-size="18px"，自适应 */
    font-weight: 700; /* Poppins:Bold */
    line-height: clamp(14px, 1.3vw, 18px); /* 从Figma提取：line-height="18px"，自适应 */
    color: #010101;
    margin: 0;
    white-space: nowrap;
    height: clamp(10px, 1.4vw, 20px); /* 从Figma提取：height="20px"，1:1还原 */
}

.section-footer__company {
    position: absolute;
    top: clamp(37.5px, 5.2vw, 75px); /* 从Figma提取：y="75px"，自适应 */
    left: clamp(551px, 76.5vw, 1102px); /* 从Figma提取：x="1102px"，自适应 */
    width: clamp(73px, 10.1vw, 146px); /* 从Figma提取：width="146px"，自适应 */
    height: clamp(25.5px, 3.5vw, 51px); /* 从Figma提取：height="51px"，自适应 */
    z-index: 1;
}

.section-footer__company-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: clamp(10px, 1.4vw, 20px); /* 从Figma提取：width="20px"，自适应 */
    height: clamp(10px, 1.4vw, 20px); /* 从Figma提取：height="20px"，自适应 */
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.section-footer__company-text {
    position: absolute;
    top: 1px; /* 从Figma提取：Company标题y="1px"（相对于frame），1:1还原 */
    left: clamp(11.5px, 1.6vw, 23px); /* 从Figma提取：x="23px"（相对于frame x=1102），1:1还原 */
    font-family: var(--font-family-primary);
    font-size: clamp(14px, 1.3vw, 18px); /* 从Figma提取：font-size="18px"，自适应 */
    font-weight: 700; /* Poppins:Bold */
    line-height: clamp(14px, 1.3vw, 18px); /* 从Figma提取：line-height="18px"，自适应 */
    color: #010101;
    margin: 0;
    white-space: nowrap;
    height: clamp(10px, 1.4vw, 20px); /* 从Figma提取：height="20px"，1:1还原 */
}

.section-footer__bottom {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: clamp(4.5px, 0.6vw, 9px) clamp(60px, 8.3vw, 120px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    min-height: clamp(30px, 4.2vw, 61px); /* 从Figma提取：height="61"，自适应 */
}

.section-footer__copyright {
    font-family: var(--font-family-primary);
    font-size: clamp(11px, 1vw, 14px); /* 从Figma提取：font-size="14px"，自适应 */
    font-weight: 400; /* Poppins:Regular */
    line-height: clamp(18.6px, 1.8vw, 26px); /* 从Figma提取：line-height="26px"，自适应 */
    color: #646464;
    margin: 0;
    width: clamp(150px, 19.1vw, 275px); /* 从Figma提取：width="275"，自适应 */
}

.section-footer__social {
    display: flex;
    flex-direction: row;
    gap: clamp(6px, 0.8vw, 12px); /* 从Figma提取：gap="12px"，自适应 */
}

.section-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(24px, 1.7vw, 24px); /* 与图片尺寸匹配 */
    height: clamp(24px, 1.7vw, 24px);
    text-decoration: none;
    transition: opacity 0.3s ease, transform 0.2s ease;
    flex-shrink: 0;
    border-radius: 4px;
    padding: 2px; /* 增加可点击区域 */
}

.section-footer__social-link:hover {
    opacity: 0.7;
    transform: scale(1.1);
}

.section-footer__social-link:focus {
    outline: 2px solid #45ae99;
    outline-offset: 2px;
}

.section-footer__social-icon {
    width: clamp(12px, 1.7vw, 24px);
    height: clamp(12px, 1.7vw, 24px);
    object-fit: contain;
    display: block;
    transition: opacity 0.3s ease;
}

/* Section Footer响应式优化 */
@media (max-width: 1440px) {
    .section-footer__main {
        padding: clamp(20px, 2.8vw, 40px) 80px;
    }
    
    .section-footer__brand {
        left: 80px;
    }
    
    .section-footer__disclaimer {
        left: 80px;
        max-width: calc(100% - 160px);
    }
    
    .section-footer__decoration {
        left: 80px;
    }
    
    .section-footer__link-group {
        left: 26px; /* 固定值，不随屏幕尺寸变化，与Legal标题左侧对齐 */
        right: auto;
    }
    
    .section-footer__link--contact {
        left: auto;
        right: 80px;
    }
    
    .section-footer__legal {
        left: auto;
        right: 320px;
    }
    
    .section-footer__company {
        left: auto;
        right: 160px;
    }
    
    .section-footer__bottom {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width: 1024px) {
    .section-footer__main {
        padding: clamp(30px, 4vw, 40px) 40px;
        display: flex;
        flex-direction: column;
        gap: clamp(24px, 3vw, 32px);
    }
    
    .section-footer__brand {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        margin-bottom: 0;
    }
    
    .section-footer__disclaimer {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    
    .section-footer__decoration {
        position: relative;
        left: auto;
        top: auto;
        width: clamp(120px, 16vw, 160px);
        height: auto;
        margin: 0 auto;
    }
    
    .section-footer__link-group {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        display: flex;
        flex-direction: row;
        gap: 12px; /* 固定间距12px，不随自适应变化 */
        justify-content: flex-start;
        margin: 0;
    }
    
    .section-footer__link--contact {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
    }
    
    .section-footer__legal {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        justify-content: flex-start;
        margin-top: clamp(16px, 2vw, 20px);
    }
    
    .section-footer__company {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        justify-content: flex-start;
        margin-top: clamp(8px, 1vw, 12px);
    }
    
    .section-footer__bottom {
        padding-left: 40px;
        padding-right: 40px;
        flex-direction: column;
        gap: clamp(16px, 2vw, 20px);
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .section-footer__main {
        padding: clamp(24px, 4vw, 32px) 20px;
        gap: clamp(20px, 3vw, 28px);
    }
    
    .section-footer__brand {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        margin-bottom: 0;
    }
    
    .section-footer__disclaimer {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
        font-size: clamp(10px, 1.2vw, 12px);
    }
    
    .section-footer__decoration {
        position: relative;
        left: auto;
        top: auto;
        width: clamp(100px, 20vw, 140px);
        height: auto;
        margin: 0 auto;
    }
    
    .section-footer__link-group {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        display: flex;
        flex-direction: column;
        gap: 12px; /* 固定间距12px，不随自适应变化 */
        align-items: flex-start;
    }
    
    .section-footer__link--contact {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        margin-top: clamp(8px, 1.5vw, 12px);
    }
    
    .section-footer__legal {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        justify-content: flex-start;
        margin-top: clamp(12px, 2vw, 16px);
    }
    
    .section-footer__company {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        justify-content: flex-start;
        margin-top: clamp(8px, 1.5vw, 12px);
    }
    
    .section-footer__bottom {
        padding-left: 20px;
        padding-right: 20px;
        flex-direction: column;
        gap: clamp(16px, 2.5vw, 20px);
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .section-footer__main {
        padding: clamp(20px, 5vw, 28px) 16px;
        gap: clamp(18px, 4vw, 24px);
    }
    
    .section-footer__brand {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        margin-bottom: 0;
    }
    
    .section-footer__disclaimer {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
        font-size: clamp(9px, 2.2vw, 11px);
        line-height: 1.5;
    }
    
    .section-footer__decoration {
        position: relative;
        left: auto;
        top: auto;
        width: clamp(90px, 25vw, 120px);
        height: auto;
        margin: 0 auto;
    }
    
    .section-footer__link-group {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        display: flex;
        flex-direction: column;
        gap: 12px; /* 固定间距12px，不随自适应变化 */
        align-items: flex-start;
    }
    
    .section-footer__link {
        font-size: clamp(11px, 2.5vw, 13px);
    }
    
    .section-footer__link--contact {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        margin-top: clamp(6px, 1.5vw, 10px);
    }
    
    .section-footer__legal {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        justify-content: flex-start;
        margin-top: clamp(10px, 2.5vw, 14px);
        gap: clamp(6px, 1.5vw, 10px);
    }
    
    .section-footer__legal-text {
        font-size: clamp(12px, 2.8vw, 16px);
    }
    
    .section-footer__company {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        justify-content: flex-start;
        margin-top: clamp(6px, 1.5vw, 10px);
        gap: clamp(6px, 1.5vw, 10px);
    }
    
    .section-footer__company-text {
        font-size: clamp(12px, 2.8vw, 16px);
    }
    
    .section-footer__bottom {
        padding-left: 16px;
        padding-right: 16px;
        flex-direction: column;
        gap: clamp(14px, 3vw, 18px);
        align-items: flex-start;
    }
    
    .section-footer__copyright {
        font-size: clamp(10px, 2.2vw, 12px);
        width: 100%;
    }
    
    .section-footer__social {
        gap: clamp(8px, 2vw, 10px);
    }
    
    .section-footer__social-link {
        width: clamp(20px, 3vw, 28px);
        height: clamp(20px, 3vw, 28px);
    }
}

/* ============================================
   PRIVACY POLICY PAGE
   ============================================ */
.privacy-policy {
    background-color: #ffffff;
    min-height: calc(100vh - 88px - 280px); /* 减去header和footer高度 */
    padding: clamp(40px, 5.6vw, 80px) 0;
}

.privacy-policy__container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 clamp(20px, 8.3vw, 120px);
    box-sizing: border-box;
}

.privacy-policy__title {
    font-family: var(--font-family-primary);
    font-size: clamp(32px, 3.3vw, 48px);
    font-weight: 700;
    line-height: 1.3;
    color: #010101;
    margin: 0 0 clamp(32px, 4.2vw, 60px) 0;
    text-align: center;
}

.privacy-policy__content {
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 3.3vw, 48px);
}

.privacy-policy__section {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1.7vw, 24px);
}

.privacy-policy__section-title {
    font-family: var(--font-family-primary);
    font-size: clamp(20px, 2.2vw, 32px);
    font-weight: 700;
    line-height: 1.4;
    color: #010101;
    margin: 0;
}

.privacy-policy__text {
    font-family: var(--font-family-primary);
    font-size: clamp(16px, 1.7vw, 24px);
    font-weight: 400;
    line-height: 1.6;
    color: #494949;
    margin: 0;
}

.privacy-policy__text--date {
    margin-bottom: clamp(32px, 4.2vw, 48px);
}

.privacy-policy__link {
    color: #45ae99;
    text-decoration: none;
    transition: color 0.3s ease;
}

.privacy-policy__link:hover {
    color: #75cebc;
    text-decoration: underline;
}

.privacy-policy__subsection-title {
    font-family: var(--font-family-primary);
    font-size: clamp(18px, 2vw, 28px);
    font-weight: 700;
    line-height: 1.4;
    color: #010101;
    margin: clamp(16px, 2.2vw, 32px) 0 clamp(8px, 1.1vw, 16px) 0;
}

.privacy-policy__list {
    font-family: var(--font-family-primary);
    font-size: clamp(16px, 1.7vw, 24px);
    font-weight: 400;
    line-height: 1.8;
    color: #494949;
    margin: clamp(8px, 1.1vw, 16px) 0;
    padding-left: clamp(20px, 2.8vw, 40px);
    list-style-type: disc;
}

.privacy-policy__list li {
    margin: clamp(4px, 0.6vw, 8px) 0;
}

.privacy-policy__list li strong {
    font-weight: 600;
    color: #010101;
}

/* Privacy Policy响应式优化 */
@media (max-width: 768px) {
    .privacy-policy {
        padding: clamp(30px, 4vw, 60px) 0;
    }
    
    .privacy-policy__container {
        padding: 0 20px;
    }
    
    .privacy-policy__title {
        margin-bottom: clamp(24px, 3vw, 40px);
    }
    
    .privacy-policy__content {
        gap: clamp(20px, 2.5vw, 36px);
    }
    
    .privacy-policy__section {
        gap: clamp(10px, 1.3vw, 20px);
    }
}

/* ============================================
   SECTION FOOTER - SECONDARY PAGES (1:1 Figma还原)
   ============================================
   FIGMA REFERENCE: Section (node-id: 415-5589)
   LAYOUT: Background: #e4f6ee, Height: 230px
   */
.section-footer--secondary {
    min-height: 230px; /* 从Figma提取：height="230px"，固定值 */
}

.section-footer--secondary .section-footer__main {
    min-height: 230px; /* 从Figma提取：height="230px"，固定值 */
}

.section-footer--secondary .section-footer__brand {
    top: 31px; /* 从Figma提取：y="31px"，固定值 */
    left: 121px; /* 从Figma提取：x="121px"，固定值 */
    width: 301px; /* 从Figma提取：width="301px"，固定值 */
    height: 32px; /* 从Figma提取：height="32px"，固定值 */
    gap: 9px; /* 从Figma提取：gap="9px"，固定值 */
}

.section-footer--secondary .section-footer__logo {
    width: 32px; /* 从Figma提取：width="32px"，固定值 */
    height: 32px; /* 从Figma提取：height="32px"，固定值 */
    border-radius: 8px; /* 从Figma提取：rounded="8px"，固定值 */
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); /* 从Figma提取：shadow，固定值 */
}

.section-footer--secondary .section-footer__brand-name {
    font-size: 28px; /* 从Figma提取：font-size="28px"，固定值 */
    line-height: 16.302px; /* 从Figma提取：line-height="16.302px"，固定值 */
    width: 260px; /* 从Figma提取：width="260px"，固定值 */
}

.section-footer--secondary .section-footer__disclaimer {
    top: 75px; /* 从Figma提取：y="75px"（中心位置），固定值 */
    left: 121px; /* 从Figma提取：x="121px"，固定值 */
    width: 631px; /* 从Figma提取：width="631px"，固定值 */
    min-height: 67px; /* 从Figma提取：height="67px"，固定值 */
    font-size: 12px; /* 从Figma提取：font-size="12px"，固定值 */
    line-height: 20px; /* 从Figma提取：line-height="20px"，固定值 */
    transform: translateY(-50%); /* 垂直居中 */
}

.section-footer--secondary .section-footer__decoration {
    top: 154px; /* 从Figma提取：y="154px"，固定值 */
    left: 122px; /* 从Figma提取：x="122px"，固定值 */
    width: 160px; /* 从Figma提取：width="160px"，固定值 */
    height: 50px; /* 从Figma提取：height="50px"，固定值 */
}

.section-footer--secondary .section-footer__legal {
    top: 75px; /* 从Figma提取：y="75px"，固定值 */
    left: 854px; /* 从Figma提取：x="854px"，固定值 */
    width: 149px; /* 从Figma提取：width="149px"，固定值 */
    height: 83px; /* 从Figma提取：height="83px"，固定值 */
}

.section-footer--secondary .section-footer__legal-icon {
    width: 20px; /* 从Figma提取：width="20px"，固定值 */
    height: 20px; /* 从Figma提取：height="20px"，固定值 */
}

.section-footer--secondary .section-footer__legal-text {
    top: 1px; /* 从Figma提取：Legal标题y="1px"（相对于frame），固定值 */
    left: 26px; /* 从Figma提取：x="26px"（相对于frame），固定值 */
    font-size: 18px; /* 从Figma提取：font-size="18px"，固定值 */
    line-height: 18px; /* 从Figma提取：line-height="18px"，固定值 */
    height: 20px; /* 从Figma提取：height="20px"，固定值 */
}

.section-footer--secondary .section-footer__link-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; /* 不使用flex布局，改为block以便单独定位子元素 */
    gap: 0;
}

.section-footer--secondary .section-footer__link {
    position: absolute;
    font-size: 15px; /* 从Figma提取：font-size="15px"，固定值 */
    line-height: 15px; /* 从Figma提取：line-height="15px"，固定值 */
    height: 20px; /* 从Figma提取：height="20px"，固定值 */
    width: 123px; /* 从Figma提取：width="123px"，固定值 */
}

.section-footer--secondary .section-footer__link:first-child {
    top: 33px; /* 从Figma提取：Privacy Policy y="33px"（相对于Legal frame），固定值 */
    left: 26px; /* 从Figma提取：x="26px"（相对于Legal frame），固定值 */
}

.section-footer--secondary .section-footer__link:nth-child(2) {
    /* Privacy Policy底部(33+20=53px) + 12px固定间距 = 65px */
    top: calc(33px + 20px + 12px); /* Privacy Policy顶部 + Privacy Policy高度 + 12px固定间距 */
    left: 26px; /* 从Figma提取：x="26px"（相对于Legal frame），固定值 */
}

.section-footer--secondary .section-footer__company {
    top: 75px; /* 从Figma提取：y="75px"，固定值 */
    left: 1102px; /* 从Figma提取：x="1102px"，固定值 */
    width: 146px; /* 从Figma提取：width="146px"，固定值 */
    height: 51px; /* 从Figma提取：height="51px"，固定值 */
}

.section-footer--secondary .section-footer__company-icon {
    width: 20px; /* 从Figma提取：width="20px"，固定值 */
    height: 20px; /* 从Figma提取：height="20px"，固定值 */
}

.section-footer--secondary .section-footer__company-text {
    top: 1px; /* 从Figma提取：Company标题y="1px"（相对于frame），固定值 */
    left: 23px; /* 从Figma提取：x="23px"（相对于frame），固定值 */
    font-size: 18px; /* 从Figma提取：font-size="18px"，固定值 */
    line-height: 18px; /* 从Figma提取：line-height="18px"，固定值 */
    height: 20px; /* 从Figma提取：height="20px"，固定值 */
}

.section-footer--secondary .section-footer__link--contact {
    top: 33px; /* 从Figma提取：Contact y="33px"（相对于Company frame），固定值 */
    left: 24px; /* 从Figma提取：x="24px"（相对于Company frame），固定值 */
    font-size: 15px; /* 从Figma提取：font-size="15px"，固定值 */
    line-height: 15px; /* 从Figma提取：line-height="15px"，固定值 */
    height: 20px; /* 从Figma提取：height="20px"，固定值 */
}

.section-footer--secondary .section-footer__bottom {
    display: none; /* 二级页面不显示bottom部分（copyright和social media） */
}