/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background: #fff;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
    min-width: 320px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 导航栏 */
.navbar {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: clamp(10px, 0.78vw, 15px) 0;
}

.navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1920px;
    padding: 0 8.33vw; /* 160/1920 */
}

.logo img {
    height: clamp(30px, 2.08vw, 40px);
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: clamp(20px, 1.56vw, 30px);
    align-items: center;
}

.nav-link {
    text-decoration: none;
    color: #101112;
    font-family: 'Arial', sans-serif;
    font-size: clamp(18px, 1.15vw, 22px);
    font-weight: 400;
    transition: color 0.3s;
}

.nav-link:hover,
.nav-link.active {
    color: #7437EF;
}

.lang-switch {
    font-family: 'Arial', sans-serif;
    font-size: clamp(18px, 1.15vw, 22px);
    font-weight: 400;
    cursor: pointer;
    user-select: none;
}

.lang-en,
.lang-zh {
    color: #101112;
    transition: color 0.3s;
    cursor: pointer;
}

.lang-en.active,
.lang-zh.active {
    color: #7437EF;
}

.lang-en:hover,
.lang-zh:hover {
    color: #7437EF;
}

/* Hero Section */
.hero-section {
    width: 100%;
    max-width: 1920px;
    aspect-ratio: 1920 / 1080;
    background: url('../images/组 22@3x.png') no-repeat center center;
    background-size: contain;
    position: relative;
    margin: -90px auto 0 auto;
    overflow: visible;
}

.hero-section .container {
    max-width: 1920px;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
}

/* Hero Download Links - Overlay on hero image */
.hero-download-link {
    position: absolute;
    bottom: 29%;
    width: 18%;
    height: 12%;
    z-index: 10;
    cursor: pointer;
   
}

.hero-app-store {
    left: 11%;
}

.hero-google-play {
    left: 31%;
}

.hero-content {
    position: absolute;
    left: 11%;
    bottom: 20%;
    z-index: 10;
}

.download-buttons {
    display: flex;
    gap: clamp(30px, 2.6vw, 50px);
    flex-direction: row;
}

.download-buttons img {
    width: clamp(150px, 9.95vw, 191px);
    height: clamp(54px, 3.54vw, 68px);
    cursor: pointer;
    transition: transform 0.3s;
    object-fit: contain;
    flex-shrink: 0;
}

.download-buttons img:hover {
    transform: translateY(-3px);
}

.hero-image {
    display: none;
}

.hero-image img {
    max-width: 100%;
    height: auto;
}

/* Banner下方功能区 */
.hero-features {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -30px);
    width: 100%;
    max-width: 1920px;
    height: 60px;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 5%;
    box-sizing: border-box;
}

.hero-feature-item {
    display: flex;
    align-items: center;
    gap: clamp(8px, 0.52vw, 10px);
    flex-shrink: 0;
}

.hero-divider {
    width: 1px;
    height: clamp(30px, 2.08vw, 40px);
    background: #CFDAE0;
    border-radius: 1px;
    flex-shrink: 0;
}

.hero-feature-item img {
    width: clamp(32px, 2.08vw, 40px);
    height: clamp(32px, 2.08vw, 40px);
    flex-shrink: 0;
}

.hero-feature-item span {
    font-family: 'Arial', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 400;
    color: #222222;
    white-space: nowrap;
}

/* Features Section */
.features-section {
    width: 100%;
    max-width: 100vw;
    background: rgba(248, 246, 255, 0.5);
    padding: clamp(60px, 4.17vw, 80px) 8.33% clamp(60px, 4.17vw, 80px) 8.33%; /* 160/1920 ≈ 8.33% */
    margin: -30px auto 0 auto;
    box-sizing: border-box;
}

.features-section .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.features-title {
    font-size: clamp(40px, 3.23vw, 62px);
    font-weight: 700;
    text-align: center;
    color: #352E47;
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.features-subtitle {
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    text-align: center;
    color: #554F64;
    margin-bottom: clamp(70px, 5.21vw, 100px);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, clamp(360px, 25vw, 480px));
    gap: clamp(45px, 3.13vw, 60px);
    justify-content: space-between;
}

.feature-card {
    width: clamp(360px, 25vw, 480px);
    height: clamp(240px, 16.67vw, 320px);
    background: #FFFFFF;
    padding: clamp(30px, 2.08vw, 40px);
    border-radius: clamp(15px, 1.04vw, 20px);
    text-align: left;
    box-shadow: none;
    transition: none;
}

.feature-card:hover {
    transform: none;
    box-shadow: none;
}

.feature-card img {
    margin: 0 0 clamp(15px, 1.04vw, 20px) 0;
    width: clamp(60px, 4.17vw, 80px);
    height: clamp(60px, 4.17vw, 80px);
    object-fit: contain;
    border: none;
}

.feature-card h3 {
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    color: #222222;
    margin-bottom: clamp(12px, 0.78vw, 15px);
    line-height: 1.4;
}

.feature-card p {
    font-size: clamp(16px, 1.15vw, 22px);
    font-weight: 400;
    color: #424040;
    line-height: 1.6;
}

/* Positioning Section (for index.html) */
.positioning-section {  
    padding: 60px 0;
}

.positioning-section .positioning-card {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
}

.positioning-section .positioning-card:nth-child(even) {
    flex-direction: row-reverse;
}

.positioning-section .positioning-card img {
    flex: 1;
    border-radius: 10px;
}

.positioning-content {
    flex: 1;
}

.positioning-content h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #333;
}

.positioning-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

/* Products Section */
.products-section {
    width: 100%;
    max-width: 100vw;
    min-height: clamp(500px, 44.79vw, 860px);
    background: rgba(255, 255, 255, 0.5);
    padding: clamp(60px, 4.17vw, 80px) 8.33% clamp(60px, 4.17vw, 80px) 8.33%;
    margin: 0 auto;
    box-sizing: border-box;
}

.products-section .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.products-title {
    font-size: clamp(40px, 3.23vw, 62px);
    font-weight: 700;
    text-align: center;
    color: #352E47;
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.products-subtitle {
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    text-align: center;
    color: #554F64;
    margin-bottom: clamp(70px, 5.21vw, 100px);
}

.product-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5%;
    justify-content: space-between;
    max-width: 1600px;
    margin: 0 auto;
}

.product-img {
    width: 100%;
    max-width: clamp(280px, 19.27vw, 370px);
    aspect-ratio: 1;
    border-radius: clamp(12px, 1.04vw, 20px);
    background: #FBFAFF;
    object-fit: cover;
    transition: transform 0.3s;
}

.product-img:hover {
    transform: translateY(-5px);
}

/* Steps Section */
.steps-section {
    width: 100%;
    max-width: 100vw;
    min-height: clamp(550px, 47.92vw, 920px);
    background: #FBFAFF;
    padding: clamp(60px, 4.17vw, 80px) 8.33% clamp(60px, 4.17vw, 80px) 8.33%;
    margin: 0 auto;
    box-sizing: border-box;
}

.steps-section .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

.steps-title {
    font-size: clamp(48px, 3.23vw, 62px);
    font-weight: 700;
    text-align: center;
    color: #352E47;
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.steps-subtitle {
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    text-align: center;
    color: #554F64;
    margin-bottom: clamp(70px, 5.21vw, 100px);
}

.steps-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(30px, 2.08vw, 40px);
}

.step-arrow {
    width: clamp(220px, 15.47vw, 297px);
    height: clamp(13px, 0.94vw, 18px);
    flex-shrink: 0;
    margin-top: clamp(-60px, -4.17vw, -80px);
    object-fit: contain;
}

.step-item {
    text-align: center;
    flex: 1;
}

.step-item img {
    width: clamp(120px, 8.33vw, 160px);
    height: clamp(120px, 8.33vw, 160px);
    margin: 0 auto clamp(22px, 1.56vw, 30px);
    display: block;
}

.step-item h3 {
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    color: #222222;
    margin-bottom: clamp(15px, 1.04vw, 20px);
    white-space: nowrap;
}

.step-item p {
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 400;
    color: #424040;
    line-height: 1.6;
    max-width: none;
    width: 100%;
    margin: 0 auto;
}

/* About Section */
.about-section {
    width: 100%;
    max-width: 100vw;
    background: #FFFFFF;
    padding: clamp(60px, 4.17vw, 80px) 8.33% clamp(60px, 4.17vw, 80px) 8.33%;
    margin: 0 auto;
    box-sizing: border-box;
}

.about-section .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

.about-title {
    font-size: clamp(40px, 3.23vw, 62px);
    font-weight: 700;
    text-align: center;
    color: #352E47;
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.about-subtitle {
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    text-align: center;
    color: #554F64;
    margin-bottom: clamp(70px, 5.21vw, 100px);
}

.about-content {
    display: flex;
    gap: clamp(60px, 4.17vw, 80px);
    align-items: flex-start;
    position: relative;
}

.about-images {
    flex-shrink: 0;
    position: relative;
}

.about-img-large {
    width: clamp(525px, 36.46vw, 700px);
    height: clamp(255px, 17.71vw, 340px);
    display: block;
    margin-bottom: clamp(15px, 1.04vw, 20px);
    object-fit: cover;
    border-radius: 10px;
}

.about-images-small {
    display: flex;
    gap: clamp(15px, 1.04vw, 20px);
}

.about-img-small {
    width: clamp(300px, 20.83vw, 400px);
    height: clamp(150px, 10.42vw, 200px);
    object-fit: cover;
    border-radius: 10px;
}

.about-img-small2 {
    width: clamp(213px, 14.79vw, 284px);
    height: clamp(150px, 10.42vw, 200px);
    object-fit: cover;
    border-radius: 10px;
}

.about-text {
    flex: 1;
    padding-top: 0;
    position: relative;
}

.about-quote {
    width: clamp(44px, 3.07vw, 59px);
    height: clamp(37px, 2.55vw, 49px);
}

.about-quote-left {
    position: absolute;
    left: 0;
    top: 0;
}

.about-quote-right {
    position: absolute;
    right: 0;
}

.about-btn-wrapper {
    display: flex;
    align-items: center;
    gap: clamp(15px, 1.04vw, 20px);
    position: relative;
}

.about-icon {
    width: clamp(122px, 8.49vw, 163px);
    height: clamp(120px, 8.33vw, 160px);
    position: absolute;
    right: 0;
    top: calc(24.5px - 80px);
}

.about-text h3 {
    font-family: Arial;
    font-size: clamp(30px, 2.19vw, 42px);
    font-weight: bold;
    color: #352E47;
    margin-bottom: clamp(22px, 1.56vw, 30px);
    margin-top: clamp(70px, 4.9vw, 94px);
    line-height: clamp(32px, 2.19vw, 42px);
}

.about-text p {
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: clamp(18px, 1.15vw, 24px);
    font-weight: 400;
    color: #666666;
    line-height: clamp(38px, 2.4vw, 46px);
    margin-bottom: clamp(30px, 2.08vw, 40px);
}

.view-more-btn {
    display: inline-block;
    padding: clamp(10px, 0.63vw, 12px) clamp(32px, 2.08vw, 40px);
    border: 2px solid #7437EF;
    border-radius: 30px;
    color: #7437EF;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: clamp(20px, 1.35vw, 26px);
    text-decoration: none;
    transition: all 0.3s;
    position: relative;
}

.view-more-btn:hover {
    background: #7437EF;
    color: #FFFFFF;
}

/* Services Section */
.services-section {
    padding: 60px 0;
}

.section-title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
    color: #333;
}

.service-block {
    margin-bottom: 50px;
}

.service-block h3 {
    font-size: 28px;
    margin-bottom: 30px;
    color: #333;
}

.service-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.service-item h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #007bff;
}

.service-item p {
    color: #666;
    line-height: 1.8;
}

.service-image {
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
    display: block;
}

.service-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 50px 0;
}

.feature-box {
    text-align: center;
}

.feature-box img {
    margin: 0 auto 15px;
    height: 50px;
}

.feature-box p {
    font-size: 16px;
    color: #333;
}

/* Reviews Section */
.reviews-section {
    width: 100%;
    max-width: 100vw;
    min-height: clamp(600px, 56.25vw, 1080px);
    background: #FBFAFF;
    margin: 0 auto;
    padding: clamp(60px, 4.17vw, 80px) 8.33% clamp(60px, 4.17vw, 80px) 8.33%;
    box-sizing: border-box;
}

.reviews-container {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    min-height: clamp(440px, 43.75vw, 840px);
}

.reviews-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}

.reviews-title h2 {
    font-size: clamp(32px, 3vw, 48px);
    font-weight: 700;
    color: #333;
    margin-bottom: clamp(12px, 1.25vw, 20px);
}

.reviews-title p {
    font-family: 'Arial', sans-serif;
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: bold;
    color: #554F64;
}

.review-card {
    position: absolute;
    width: clamp(400px, 33.75vw, 540px);
    min-height: clamp(150px, 13.13vw, 210px);
    background: #FFFFFF;
    border-radius: 16px;
    padding: clamp(20px, 1.88vw, 30px);
    padding-top: clamp(60px, 5vw, 80px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.review-top-left {
    left: 3.81%; /* 61/1600 */
    top: 0;
}

.review-top-right {
    right: 0;
    top: 2.38%; /* 20/840 */
    text-align: right;
}

.review-bottom-left {
    left: 0;
    bottom: 2.38%; /* 20/840 */
}

.review-bottom-right {
    right: 0;
    bottom: 2.38%; /* 20/840 */
    text-align: right;
}

.review-top-left .review-avatar {
    position: absolute;
    left: clamp(20px, 1.88vw, 30px);
    top: 0;
    transform: translateY(-50%);
    width: clamp(70px, 6.25vw, 100px);
    height: clamp(70px, 6.25vw, 100px);
    object-fit: cover;
}

.review-top-left .review-stars {
    position: absolute;
    left: clamp(135px, 9.38vw, 150px);
    top: clamp(12px, 1.04vw, 20px);
}

.review-top-right .review-avatar {
    position: absolute;
    right: clamp(20px, 1.88vw, 30px);
    top: 0;
    transform: translateY(-50%);
    width: clamp(70px, 6.25vw, 100px);
    height: clamp(70px, 6.25vw, 100px);
    object-fit: cover;
}

.review-top-right .review-stars {
    position: absolute;
    right: clamp(135px, 9.38vw, 150px);
    top: clamp(12px, 1.04vw, 20px);
}

.review-top-right .review-user-info {
    justify-content: flex-end;
}

.review-top-right .review-text {
    text-align: right;
}

.review-bottom-left .review-avatar {
    position: absolute;
    left: clamp(20px, 1.88vw, 30px);
    top: 0;
    transform: translateY(-50%);
    width: clamp(70px, 6.25vw, 100px);
    height: clamp(70px, 6.25vw, 100px);
    object-fit: cover;
}

.review-bottom-left .review-stars {
    position: absolute;
    left: clamp(135px, 9.38vw, 150px);
    top: clamp(12px, 1.04vw, 20px);
}

.review-bottom-right .review-avatar {
    position: absolute;
    right: clamp(20px, 1.88vw, 30px);
    top: 0;
    transform: translateY(-50%);
    width: clamp(70px, 6.25vw, 100px);
    height: clamp(70px, 6.25vw, 100px);
    object-fit: cover;
}

.review-bottom-right .review-stars {
    position: absolute;
    right: clamp(135px, 9.38vw, 150px);
    top: clamp(12px, 1.04vw, 20px);
}

.review-bottom-right .review-user-info {
    justify-content: flex-end;
}

.review-bottom-right .review-text {
    text-align: right;
}

.review-user-info {
    display: flex;
    align-items: center;
    gap: clamp(5px, 0.44vw, 7px);
    margin-bottom: clamp(10px, 0.94vw, 15px);
}

.review-name {
    font-family: 'Arial', sans-serif;
    font-size: clamp(14px, 0.94vw, 18px);
    font-weight: 600;
    color: #555555;
    margin: 0;
}

.location-icon {
    width: clamp(12px, 0.94vw, 15px);
    height: clamp(14px, 1.13vw, 18px);
}

.review-location {
    font-size: clamp(12px, 1vw, 16px);
    color: #999;
    margin: 0;
}

.review-avatar-left,
.review-avatar-right {
    position: absolute;
    width: clamp(80px, 7vw, 112px);
    height: clamp(80px, 7vw, 112px);
    object-fit: cover;
    z-index: 1;
}

.review-avatar-left {
    left: 9.19%; /* 147/1600 */
    top: 45%;
    transform: translateY(-50%);
}

.review-avatar-right {
    right: 6.06%; /* 97/1600 */
    top: 45%;
    transform: translateY(-50%);
}

.review-stars {
    flex-shrink: 0;
}

.review-stars img {
    height: clamp(20px, 1.63vw, 26px);
    width: auto;
    display: block;
}

.review-text {
    font-family: 'Arial', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 400;
    color: #606060;
    line-height: 1.6;
    margin: 0;
}

/* Users Section */
.users-section {
    padding: 60px 0;
    background: #f8f9fa;
}

.users-image {
    margin: 0 auto;
}

/* Footer */
.footer {
    width: 100%;
    max-width: 100vw;
    min-height: clamp(400px, 31.25vw, 600px);
    background: #260054;
    color: #fff;
    padding: clamp(60px, 4.17vw, 80px) clamp(120px, 8.33vw, 160px) clamp(40px, 3.13vw, 60px) clamp(120px, 8.33vw, 160px);
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.footer::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11.5%;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.1;
}

.footer-container,
.footer-content {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    min-height: clamp(310px, 24.38vw, 465px);
    box-sizing: border-box;
}

.footer-logo {
    position: absolute;
    left: 0;
    top: 0;
}

.footer-logo img {
    height: clamp(30px, 2.08vw, 40px);
}

.footer-nav {
    position: absolute;
    left: 0;
    top: clamp(60px, 4.17vw, 80px);
}

.footer-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-nav ul li {
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.footer-nav a {
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Arial', sans-serif;
    font-size: clamp(16px, 1.15vw, 22px);
    font-weight: 400;
    transition: opacity 0.3s;
}

.footer-nav a:hover {
    opacity: 0.8;
}

.footer-contact {
    position: absolute;
    left: clamp(200px, 14.58vw, 280px);
    top: clamp(60px, 4.17vw, 80px);
}

.footer-contact h4 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(16px, 1.15vw, 22px);
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: clamp(20px, 1.56vw, 30px);
}

.footer-contact p {
    font-family: 'Arial', sans-serif;
    font-size: clamp(14px, 0.94vw, 18px);
    color: #CDCCCC;
    margin-bottom: clamp(10px, 0.78vw, 15px);
    font-weight: 400;
    margin-top: -5px;
}

.footer-download {
    position: absolute;
    right: 0;
    top: clamp(50px, 3.65vw, 70px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.download-buttons {
    display: flex;
    gap: clamp(15px, 1.04vw, 20px);
    margin-bottom: clamp(30px, 2.6vw, 50px);
    width: fit-content;
    align-self: flex-end;
}

.download-buttons img {
    width: clamp(150px, 17.71vw, 340px);
    max-width: 340px;
    height: clamp(54px, 6.25vw, 120px);
    cursor: pointer;
    transition: transform 0.3s;
}

.download-buttons img:hover {
    transform: translateY(-3px);
}

.payment-icons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: clamp(300px, 35.42vw, 680px);
    align-self: flex-end;
}

.payment-icons img {
    width: clamp(28px, 2.6vw, 50px);
    height: clamp(28px, 2.6vw, 50px);
    cursor: default;
    flex-shrink: 0;
}

.footer-copyright {
    position: absolute;
    left: clamp(120px, 8.33vw, 160px);
    bottom: 5.75%;
    width: auto;
    transform: translateY(50%);
}

.footer-copyright p {
    font-family: 'Source Han Sans CN', 'Arial', sans-serif;
    font-size: clamp(12px, 0.83vw, 16px);
    color: #FFFFFF;
    font-weight: 400;
}

.back-to-top {
    position: fixed;
    bottom: clamp(20px, 1.56vw, 30px);
    right: clamp(20px, 1.56vw, 30px);
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 999;
}

.back-to-top:hover {
    opacity: 1;
    transform: translateY(-5px);
}

.back-to-top img {
    height: clamp(35px, 3.13vw, 50px);
}

/* About Page */
.about-hero {
    width: 100%;
    max-width: 1920px;
    aspect-ratio: 1920 / 450;
    background: url('../images/组 2@2x.png') no-repeat center top;
    background-size: contain;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: clamp(50px, 3.65vw, 70px) auto 0 auto;
}

.about-hero .container {
    max-width: 1920px;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
}

.about-hero-title {
    position: absolute;
    left: 6.77%; /* 130/1920 ≈ 6.77% */
    font-family: 'Arial', sans-serif;
    font-size: clamp(36px, 3.75vw, 72px);
    font-weight: 700;
    color: #FFFFFF;
    margin: 0;
    letter-spacing: 2px;
}

/* 关于介绍 */
.about-intro {
    width: 100%;
    padding: clamp(60px, 4.11vw, 79px) 0 0 0;
    background: #FFFFFF;
}

.about-intro .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.intro-text {
    font-family: 'Arial', sans-serif;
    font-size: clamp(16px, 1.15vw, 22px);
    font-weight: 400;
    line-height: clamp(30px, 2.19vw, 42px);
    color: #444444;
    text-align: left;
    margin: 0;
    max-width: 1600px;
}

/* 核心定位 */
.about-positioning {
    width: 100%;
    padding: clamp(40px, 3.02vw, 58px) 0 0 0;
    background: #FFFFFF;
}

.about-positioning .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.positioning-cards {
    display: flex;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 27px;
    max-width: 1600px;
}

.positioning-card {
    width: calc((100% - 54px) / 3);
    min-height: clamp(300px, 20.83vw, 400px);
    background: #FBFAFF;
    border: 1px solid #E6DAFF;
    border-radius: 16px;
    padding: clamp(24px, 1.67vw, 32px) clamp(22px, 1.51vw, 29px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.positioning-card:not(:last-child) {
    margin-right: clamp(15px, 1.41vw, 27px);
}

.positioning-card .card-icon {
    width: clamp(50px, 3.65vw, 70px);
    height: clamp(50px, 3.65vw, 70px);
    margin-bottom: clamp(20px, 1.67vw, 32px);
}

.positioning-card h3 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 700;
    line-height: clamp(26px, 1.77vw, 34px);
    color: #222222;
    margin: 0 0 5px 0;
    text-align: left;
}

.positioning-card p {
    font-family: 'Arial', sans-serif;
    font-size: clamp(14px, 0.94vw, 18px);
    font-weight: 400;
    line-height: clamp(26px, 1.77vw, 34px);
    color: #424040;
    margin: 0;
    text-align: left;
}

.positioning-images {
    display: flex;
    justify-content: space-between;
    gap: 0;
    max-width: 1600px;
}

.positioning-images img {
    width: calc((100% - 81px) / 4);
    height: auto;
    aspect-ratio: 380 / 286;
    object-fit: cover;
}

.positioning-images img:not(:last-child) {
    margin-right: clamp(15px, 1.41vw, 27px);
}

/* Culture Section */
.culture-section {
    width: 100%;
    padding: clamp(70px, 5.16vw, 99px) 0;
    background: rgba(248, 246, 255, 0.5);
}

.culture-section .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.culture-section .section-title {
    font-family: 'Arial', sans-serif;
    font-size: clamp(36px, 2.5vw, 54px);
    font-weight: 700;
    text-align: center;
    color: #352E47 ;
    margin-bottom: clamp(60px, 5.21vw, 100px);
}

.culture-content {
    display: flex;
    gap: 0;
    max-width: 1600px;
    margin: 0 auto;
}

.culture-left {
    width: calc((100% - clamp(30px, 2.08vw, 40px)) * 0.5375);
    flex-shrink: 0;
}

.culture-left:not(:last-child) {
    margin-right: clamp(30px, 2.08vw, 40px);
}

.culture-right {
    width: calc((100% - clamp(30px, 2.08vw, 40px)) * 0.4625);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(15px, 1.04vw, 20px);
}

.culture-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: clamp(30px, 2.08vw, 40px);
}

/* MISSION 和 VALUES 卡片内容上移 */
.mission-card,
.values-card {
    padding-top: 10px;
}

.vision-card {
    width: 100%;
    min-height: clamp(550px, 38.54vw, 740px);
    text-align: center;
    box-sizing: border-box;
}

.vision-card .culture-card-icon {
    margin-left: auto;
    margin-right: auto;
}

.mission-card,
.values-card {
    flex: 1;
}

.mission-card {
    width: 100%;
    min-height: clamp(270px, 18.75vw, 360px);
    flex: none;
}

.values-card {
    width: 100%;
    min-height: clamp(270px, 18.75vw, 360px);
    flex: none;
}

.culture-card-icon {
    width: clamp(60px, 4.17vw, 80px);
    height: clamp(60px, 4.17vw, 80px);
    margin-bottom: clamp(10px, 1.04vw, 23px);
}

.culture-card h3 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(20px, 1.46vw, 28px);
    font-weight: 700;
    color: #111111;
    margin: 0 0 clamp(15px, 1.25vw, 30px) 0;
}

/* VALUES区块的h3标题 */
.values-card h3 {
    margin-top: -10px;
}

/* VISION区块的h3标题 */
.vision-card h3 {
    text-align: center;
}

.culture-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.culture-list li {
    margin-bottom: clamp(15px, 1.04vw, 30px);
}

.culture-list li:last-child {
    margin-bottom: 0;
}

.culture-list .list-title {
    font-family: 'Arial', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 400;
    color: #3F30BE;
    display: block;
    margin-bottom: clamp(8px, 0.63vw, 15px);
    position: relative;
    padding-left: clamp(15px, 1.04vw, 20px);
}

.culture-list .list-title::before {
    content: '\2022';
    position: absolute;
    left: 0;
    color: #3F30BE;
    font-size: clamp(15px, 1.04vw, 20px);
}

.culture-list p {
    font-family: 'Arial', sans-serif;
    font-size: clamp(13px, 0.94vw, 18px) !important;
    font-weight: 400;
    line-height: clamp(24px, 2.19vw, 42px);
    color: #666666 !important;
    margin: 0;
    padding-left: clamp(15px, 1.04vw, 20px);
}

.culture-card p {
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 42px;
    color: #3F30BE;
    margin: 0;
}

/* MISSION卡片特定样式 */
.mission-card p {
    width: 100% !important;
    max-width: clamp(450px, 31.41vw, 603px) !important;
    height: auto !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: 400 !important;
    font-size: clamp(13px, 0.94vw, 18px) !important;
    color: #666666 !important;
    line-height: clamp(24px, 1.77vw, 34px) !important;
    margin: -10px 0 0 0 !important;
}

/* VALUES卡片特定样式 */
.values-card p {
    width: 100% !important;
    max-width: clamp(450px, 31.41vw, 603px) !important;
    height: auto !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: 400 !important;
    font-size: clamp(13px, 0.94vw, 18px) !important;
    color: #666666 !important;
    line-height: clamp(24px, 1.77vw, 34px) !important;
    margin: 0 !important;
}

.culture-card h4 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 400;
    color: #3F30BE;
    margin: 0 0 clamp(8px, 0.63vw, 15px) 0;
}

/* VALUES区块span特定样式 */
.values-card .list-title {
    font-family: 'Arial', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: 400;
    color: #3F30BE;
    display: block;
    margin-top: -15px;
    margin-bottom: clamp(8px, 0.63vw, 15px);
    padding-left: clamp(15px, 1.04vw, 20px);
    position: relative;
}

.values-card .list-title::before {
    content: '\2022';
    position: absolute;
    left: 0;
    color: #3F30BE;
    font-size: clamp(15px, 1.04vw, 20px);
}

/* Team Images */
.team-images {
    padding: 60px 0;
    background: #f8f9fa;
}

.team-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.team-row img {
    border-radius: 10px;
}

/* Elite Team */
.elite-team {
    width: 100%;
    padding: clamp(100px, 7.29vw, 140px) 0;
    background: #FFFFFF;
}

.elite-team .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.elite-team .section-title {
    font-family: 'Arial', sans-serif;
    font-size: clamp(36px, 2.5vw, 48px);
    font-weight: 700;
    color: #333333;
    text-align: center;
    line-height: clamp(32px, 2.19vw, 42px);
    margin-bottom: clamp(60px, 5.21vw, 100px);
}

.team-members {
    display: flex;
    justify-content: space-between;
    gap: clamp(30px, 2.08vw, 40px);
    max-width: 1600px;
    margin: 0 auto;
}

.team-member {
    width: clamp(220px, 15.1vw, 290px);
    height: clamp(350px, 23.44vw, 450px);
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    box-shadow: 0px 0px 16px rgba(211, 211, 211, 0.53);
    padding: clamp(30px, 2.08vw, 40px) clamp(26px, 1.82vw, 35px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.team-icon {
    width: clamp(60px, 4.17vw, 80px);
    height: clamp(60px, 4.17vw, 80px);
    margin-bottom: clamp(12px, 0.94vw, 20px);
    flex-shrink: 0;
}

.team-member h3 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(18px, 1.15vw, 22px);
    font-weight: bold;
    color: #111111;
    line-height: clamp(24px, 1.56vw, 34px);
    margin: 0 0 clamp(8px, 0.63vw, 15px) 0;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.team-member p {
    width: clamp(180px, 11.46vw, 220px);
    font-family: 'Arial', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 400;
    color: #666666;
    line-height: clamp(22px, 1.56vw, 34px);
    text-align: center;
    margin: 0;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

/* Service Support */
.service-support {
    width: 100%;
    padding: clamp(80px, 6.25vw, 120px) 0;
    background: #F8F6FF;
}

.service-support .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.service-support .section-title {
    font-family: 'Arial', sans-serif;
    font-size: clamp(36px, 2.5vw, 48px);
    font-weight: 700;
    color: #333333;
    text-align: center;
    line-height: clamp(32px, 2.19vw, 42px);
    margin-bottom: clamp(80px, 6.25vw, 120px);
}

.service-items {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.service-item {
    display: flex;
    align-items: flex-start;
    gap: clamp(50px, 3.44vw, 66px);
    margin-bottom: clamp(75px, 5.21vw, 100px);
}

.service-item:last-child {
    margin-bottom: 0;
}

.service-item.reverse {
    flex-direction: row-reverse;
}

.service-image {
    flex-shrink: 0;
}

.service-image img {
    width: clamp(550px, 36.46vw, 700px);
    height: clamp(360px, 23.96vw, 460px);
    object-fit: cover;
    border-radius: 8px;
}

.service-content {
    flex: 1;
    margin-top: clamp(35px, 2.6vw, 50px);
}

.service-content h3 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(17px, 1.25vw, 24px);
    font-weight: 700;
    color: #222222;
    line-height: clamp(24px, 1.77vw, 42px);
    margin: 0 0 clamp(8px, 0.73vw, 20px) 0;
}

.service-content h4 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(15px, 1.04vw, 20px);
    font-weight: bold;
    color: #222222;
    line-height: clamp(24px, 1.77vw, 42px);
    margin: clamp(8px, 0.73vw, 20px) 0 clamp(5px, 0.36vw, 10px) 0;
}

.service-content h4:first-of-type {
    margin-top: 0;
}

.service-content p {
    font-family: 'Arial', sans-serif;
    font-size: clamp(13px, 0.83vw, 16px);
    font-weight: 400;
    color: #666666;
    line-height: clamp(22px, 1.56vw, 34px);
    margin: 0 0 clamp(5px, 0.36vw, 8px) 0;
}

/* 第三个服务项目特定样式 */
.service-item:nth-child(3) .service-content {
    margin-top: 20px;
}

/* Team Photos */
.team-photos {
    padding: 60px 0;
    background: #f8f9fa;
}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.photo-grid img {
    border-radius: 10px;
}

/* Breadcrumb Navigation */
.breadcrumb {
    padding: clamp(20px, 1.56vw, 30px) 0;
    margin-top: clamp(50px, 3.65vw, 70px);
    background: #F8F8F8;
}

.breadcrumb .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.breadcrumb span {
    font-family: 'Arial', sans-serif;
    font-size: clamp(14px, 0.83vw, 16px);
    color: #666666;
}

.breadcrumb .current {
    color: #6C3CED;
}

.breadcrumb .separator {
    margin: 0 clamp(6px, 0.52vw, 10px);
    color: #999999;
}

/* Policy Pages */
.policy-section {
    padding: clamp(60px, 4.17vw, 80px) 0 clamp(80px, 6.25vw, 120px);
    background: #F8F8F8;
}

.policy-section .container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 8.33%; /* 160/1920 */
}

.policy-title {
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: clamp(20px, 1.35vw, 26px);
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-bottom: clamp(30px, 2.08vw, 40px);
}

.policy-content {
    max-width: 1564px;
    margin: 0 auto;
}

.policy-content p {
    font-family: 'Arial', sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 400;
    color: #444444;
    line-height: clamp(30px, 2.19vw, 42px);
    margin-bottom: clamp(30px, 2.08vw, 40px);
}

.policy-content ul {
    margin-left: clamp(15px, 1.04vw, 20px);
}

.policy-content h2 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(18px, 1.2vw, 23px);
    font-weight: 700;
    color: #000000;
    margin-top: clamp(40px, 3.13vw, 60px);
    margin-bottom: clamp(20px, 1.56vw, 30px);
}

.policy-content h3 {
    font-family: 'Arial', sans-serif;
    font-size: clamp(17px, 1.15vw, 22px);
    font-weight: 700;
    color: #000000;
    margin-top: clamp(30px, 2.08vw, 40px);
    margin-bottom: clamp(15px, 1.04vw, 20px);
}

.policy-content ul li {
    font-family: 'Arial', sans-serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 400;
    color: #000000;
    line-height: clamp(30px, 2.19vw, 42px);
    margin-bottom: clamp(8px, 0.52vw, 10px);
}

.policy-content .contact-info {
    margin-top: clamp(40px, 3.13vw, 60px);
    padding-top: clamp(30px, 2.08vw, 40px);
    border-top: 1px solid #E0E0E0;
}

.policy-content .contact-info p {
    font-weight: 700;
    text-align: center;
}

/* 响应式设计 */

/* 手机设备 (max-width: 768px) */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
    
    .container {
        padding: 0 20px;
    }
    
    /* 导航栏 */
    .navbar {
        height: auto;
        padding: 10px 0;
    }
    
    .navbar .container {
        flex-direction: column;
        gap: 15px;
    }
    
    .logo img {
        height: 35px;
    }
    
    .nav-menu {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        width: 100%;
    }
    
    .nav-link {
        font-size: 16px;
    }
    
    .lang-switch {
        font-size: 16px;
    }
    
    /* Banner区域 */
    .hero-section {
        aspect-ratio: 4 / 3;
        background-size: cover;
        background-position: center;
        margin-top: 0;
    }
    
    .hero-section .container {
        position: absolute;
        height: 100%;
    }
    
    .hero-content {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        width: 90%;
        padding: 0;
    }
    
    .download-buttons {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    
    .download-buttons img {
        width: 100%;
        max-width: 280px;
        min-width: 200px;
        height: auto;
    }
    
    .hero-features {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: auto;
        flex-direction: column;
        padding: 20px;
        gap: 15px;
        background: rgba(255, 255, 255, 0.9);
    }
    
    .hero-feature-item {
        flex-direction: row;
        gap: 10px;
        width: 100%;
        justify-content: center;
    }
    
    .hero-feature-item img {
        width: 30px;
        height: 30px;
    }
    
    .hero-feature-item span {
        font-size: 14px;
    }
    
    /* 特色服务 */
    .features-section,
    .products-section,
    .steps-section,
    .about-section {
        width: 100%;
        height: auto;
        padding: 60px 20px;
    }
    
    .features-title,
    .products-title,
    .steps-title,
    .about-title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    
    .features-subtitle,
    .products-subtitle,
    .steps-subtitle,
    .about-subtitle {
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .feature-card {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }
    
    .feature-card img {
        width: 50px;
        height: 50px;
    }
    
    .feature-card h3 {
        font-size: 18px;
    }
    
    .feature-card p {
        font-size: 14px;
    }
    
    /* 产品展示 */
    .products-section .container,
    .features-section .container,
    .steps-section .container {
        max-width: 100%;
        padding: 0;
    }
    
    .product-images {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .product-img {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }
    
    /* 步骤 */
    .steps-grid {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    
    .step-item {
        width: 100%;
        max-width: 100%;
    }
    
    .step-item img {
        width: 120px;
        height: 120px;
    }
    
    .step-item h3 {
        font-size: 20px;
    }
    
    .step-item p {
        font-size: 14px;
    }
    
    .step-arrow {
        transform: rotate(90deg);
        width: 80px;
        height: auto;
    }
    
    /* 关于我们 */
    .about-content {
        flex-direction: column;
        gap: 30px;
    }
    
    .about-images {
        width: 100%;
    }
    
    .about-img-large {
        width: 100%;
        height: auto;
    }
    
    .about-images-small {
        flex-direction: column;
        gap: 15px;
    }
    
    .about-img-small,
    .about-img-small2 {
        width: 100%;
        height: auto;
    }
    
    .about-text {
        width: 100%;
        padding: 20px;
    }
    
    .about-text h3 {
        font-size: 28px;
        margin-top: 40px;
        line-height: 1.4;
    }
    
    .about-text p {
        font-size: 16px;
        line-height: 1.8;
    }
    
    .about-icon {
        width: 120px;
        height: 120px;
        top: -40px;
    }
    
    .about-quote {
        width: 40px;
        height: 33px;
    }
    
    .view-more-btn {
        font-size: 26px;
        padding: 10px 30px;
    }
    
    /* 用户评论 */
    .reviews-section {
        width: 100%;
        height: auto;
        padding: 60px 20px;
    }
    
    .reviews-container {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 40px 20px;
    }
    
    .reviews-title {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 30px;
        order: -1;
    }
    
    .reviews-title h2 {
        font-size: 28px;
    }
    
    .reviews-title p {
        font-size: 16px;
    }
    
    .review-card {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto;
        padding: 80px 20px 30px 20px !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        margin-bottom: 20px;
    }
    
    .review-avatar-left,
    .review-avatar-right {
        display: none;
    }
    
    .review-top-left .review-avatar,
    .review-top-right .review-avatar,
    .review-bottom-left .review-avatar,
    .review-bottom-right .review-avatar {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) translateY(-50%) !important;
        width: 80px !important;
        height: 80px !important;
    }
    
    .review-top-left .review-stars,
    .review-bottom-left .review-stars {
        right: 20px !important;
        top: 30px !important;
    }
    
    .review-top-right .review-stars,
    .review-bottom-right .review-stars {
        left: 20px !important;
        top: 30px !important;
    }
    
    .review-stars span {
        font-size: 20px;
    }
    
    .review-user-info {
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .review-name {
        font-size: 18px;
    }
    
    .review-location {
        font-size: 14px;
    }
    
    .review-text {
        text-align: center !important;
        font-size: 14px;
    }
    
    /* 页脚 */
    .footer {
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }
    
    .footer-container,
    .footer-content {
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    
    .footer-logo {
        position: relative;
        left: 0;
        top: 0;
        text-align: center;
    }
    
    .footer-logo img {
        height: 50px;
        margin: 0 auto;
    }
    
    .footer-nav {
        position: relative;
        left: 0;
        top: 0;
        text-align: center;
    }
    
    .footer-nav ul {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .footer-nav ul li {
        margin-bottom: 0;
    }
    
    .footer-nav a {
        font-size: 16px;
    }
    
    .footer-contact {
        position: relative;
        left: 0;
        top: 0;
        text-align: center;
    }
    
    .footer-contact h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .footer-contact p {
        font-size: 16px;
    }
    
    .footer-download {
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
    }
    
    .download-buttons {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        margin-bottom: 30px;
    }
    
    .footer-download .download-buttons img {
        width: 100%;
        max-width: 250px;
        height: auto;
    }
    
    .payment-icons {
        justify-content: center;
        flex-wrap: wrap;
        left: 0;
        gap: 15px;
    }
    
    .payment-icons img {
        width: 40px;
        height: 40px;
    }
    
    .footer-copyright {
        position: relative;
        left: 0;
        bottom: 0;
        text-align: center;
        margin-top: 30px;
    }
    
    .footer-copyright p {
        font-size: 12px;
    }
    
    .back-to-top {
        bottom: 20px;
        right: 20px;
    }
    
    .back-to-top img {
        height: 40px;
    }
    
    /* About Page - 移动端适配 */
    .about-hero {
        height: 300px;
        margin-top: 0;
    }
    
    .about-hero-title {
        left: 50%;
        transform: translateX(-50%);
        font-size: 36px;
        text-align: center;
        width: 90%;
    }
    
    .about-intro {
        padding: 40px 0;
    }
    
    .about-intro .container {
        padding: 0 20px;
    }
    
    .intro-text {
        font-size: 16px;
        line-height: 1.8;
    }
    
    .about-positioning {
        padding: 40px 0;
    }
    
    .about-positioning .container {
        padding: 0 20px;
    }
    
    .positioning-cards {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    
    .positioning-card {
        width: 100%;
        min-height: auto;
        padding: 25px 20px;
    }
    
    .positioning-card .card-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }
    
    .positioning-card h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    
    .positioning-card p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .positioning-images {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .positioning-images img {
        width: 100%;
        height: auto;
    }
    
    /* Culture Section - 移动端 */
    .culture-section {
        padding: 60px 0;
    }
    
    .culture-section .container {
        padding: 0 20px;
    }
    
    .culture-section .section-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    .culture-content {
        flex-direction: column;
        gap: 20px;
    }
    
    .culture-left,
    .culture-right {
        width: 100%;
    }
    
    .culture-card {
        padding: 30px 20px;
    }
    
    .vision-card {
        height: auto;
    }
    
    .mission-card,
    .values-card {
        width: 100%;
        height: auto;
    }
    
    .culture-card-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }
    
    .culture-card h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .culture-card h4 {
        font-size: 18px;
    }
    
    .culture-card p,
    .mission-card p,
    .values-card p {
        width: 100% !important;
        height: auto !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
    
    .culture-list .list-title {
        font-size: 18px;
    }
    
    .culture-list p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* Elite Team - 移动端 */
    .elite-team {
        padding: 60px 0;
    }
    
    .elite-team .container {
        padding: 0 20px;
    }
    
    .elite-team .section-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    .team-members {
        flex-direction: column;
        gap: 20px;
    }
    
    .team-member {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }
    
    .team-icon {
        width: 60px;
        height: 60px;
    }
    
    .team-member h3 {
        font-size: 18px;
    }
    
    .team-member p {
        width: 100%;
        font-size: 14px;
    }
    
    /* Service Support - 移动端 */
    .service-support {
        padding: 60px 0;
    }
    
    .service-support .container {
        padding: 0 20px;
    }
    
    .service-support .section-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    .service-items {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    
    .service-item {
        flex-direction: column !important;
        gap: 20px;
        margin-bottom: 0;
    }
    
    .service-image {
        width: 100%;
    }
    
    .service-image img {
        width: 100%;
        height: auto;
    }
    
    .service-content {
        width: 100%;
    }
    
    .service-content h3 {
        font-size: 20px;
        margin: 0 0 15px 0;
    }
    
    .service-content h4 {
        font-size: 18px;
        margin: 15px 0 10px 0;
    }
    
    .service-content p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    /* Policy Pages - 移动端 */
    .breadcrumb {
        padding: 20px 0;
        margin-top: 0;
    }
    
    .breadcrumb .container {
        padding: 0 20px;
    }
    
    .breadcrumb span {
        font-size: 14px;
    }
    
    .policy-section {
        padding: 40px 0 60px;
    }
    
    .policy-section .container {
        padding: 0 20px;
    }
    
    .policy-title {
        font-size: 32px;
        margin-bottom: 40px;
    }
    
    .policy-content {
        max-width: 100%;
    }
    
    .policy-content p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    
    .policy-content h2 {
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    .policy-content h3 {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .policy-content ul li {
        font-size: 16px;
        line-height: 1.8;
    }
}

/* 小屏手机 (max-width: 480px) */
@media (max-width: 480px) {
    /* 标题字体进一步缩小 */
    .features-title,
    .products-title,
    .steps-title,
    .about-title {
        font-size: 24px;
    }
    
    .features-subtitle,
    .products-subtitle,
    .steps-subtitle,
    .about-subtitle {
        font-size: 14px;
    }
    
    /* 导航栏 */
    .nav-link {
        font-size: 14px;
    }
    
    .lang-switch {
        font-size: 14px;
    }
    
    /* Banner */
    .hero-section {
        height: 400px;
    }
    
    .download-buttons img {
        width: 100%;
        max-width: 220px;
        height: auto;
    }
    
    /* 特色服务 */
    .feature-card {
        padding: 25px 15px;
    }
    
    .feature-card h3 {
        font-size: 16px;
    }
    
    .feature-card p {
        font-size: 13px;
    }
    
    /* 步骤 */
    .step-item img {
        width: 100px;
        height: 100px;
    }
    
    .step-item h3 {
        font-size: 18px;
    }
    
    .step-item p {
        font-size: 13px;
    }
    
    /* 关于我们 */
    .about-text h3 {
        font-size: 24px;
    }
    
    .about-text p {
        font-size: 14px;
    }
    
    /* 评论 */
    .reviews-title h2 {
        font-size: 24px;
    }
    
    .reviews-title p {
        font-size: 14px;
    }
    
    .review-card {
        padding: 70px 15px 25px 15px !important;
    }
    
    .review-name {
        font-size: 16px;
    }
    
    .review-text {
        font-size: 13px;
    }
    
    /* 页脚 */
    .footer-download .download-buttons img {
        max-width: 200px;
    }
    
    .payment-icons {
        gap: 12px;
    }
    
    .payment-icons img {
        width: 35px;
        height: 35px;
    }
    
    .footer-nav a {
        font-size: 14px;
    }
    
    .footer-contact h4 {
        font-size: 16px;
    }
    
    .footer-contact p {
        font-size: 14px;
    }
    
    .footer-copyright p {
        font-size: 11px;
    }
    
    /* About Page */
    .about-hero-title {
        font-size: 28px;
    }
    
    .intro-text {
        font-size: 14px;
    }
    
    .positioning-card h3 {
        font-size: 18px;
    }
    
    .positioning-card p {
        font-size: 14px;
    }
    
    .culture-section .section-title,
    .elite-team .section-title,
    .service-support .section-title {
        font-size: 28px;
    }
    
    .culture-card h3 {
        font-size: 20px;
    }
    
    .culture-card h4 {
        font-size: 16px;
    }
    
    .culture-card p,
    .culture-list p {
        font-size: 14px !important;
    }
    
    .team-member h3 {
        font-size: 16px;
    }
    
    .team-member p {
        font-size: 13px;
    }
    
    .service-content h3 {
        font-size: 18px;
    }
    
    .service-content h4 {
        font-size: 16px;
    }
    
    .service-content p {
        font-size: 14px;
    }
    
    /* Policy Pages */
    .policy-title {
        font-size: 28px;
    }
    
    .policy-content p {
        font-size: 14px;
    }
    
    .policy-content h2 {
        font-size: 20px;
    }
    
    .policy-content h3 {
        font-size: 18px;
    }
    
    .policy-content ul li {
        font-size: 14px;
    }
}