.elementor-29 .elementor-element.elementor-element-b198783{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:40px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-e4d0dad .title-after_title, .elementor-29 .elementor-element.elementor-element-e4d0dad .title-subtitle, .elementor-29 .elementor-element.elementor-element-e4d0dad .woodmart-title-container{max-width:820px;}.elementor-29 .elementor-element.elementor-element-e4d0dad .title{font-size:64px;}.elementor-29 .elementor-element.elementor-element-77c9c01{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:9%;--padding-right:9%;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-d7ce1e8{--wd-img-height:600px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-d7ce1e8 .banner-image{object-position:center center;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-d7ce1e8 .promo-banner:not(.banner-content-background) .content-banner, .elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-d7ce1e8 .promo-banner.banner-content-background .wrapper-content-banner{max-width:281px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-bf85195{--wd-img-height:600px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-bf85195 .banner-image{object-position:center center;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-bf85195 .promo-banner:not(.banner-content-background) .content-banner, .elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-bf85195 .promo-banner.banner-content-background .wrapper-content-banner{max-width:280px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-acf859b{--wd-img-height:600px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-acf859b .banner-image{object-position:center center;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-acf859b .promo-banner:not(.banner-content-background) .content-banner, .elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-acf859b .promo-banner.banner-content-background .wrapper-content-banner{max-width:280px;}.elementor-29 .elementor-element.elementor-element-12b058e{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-29 .elementor-element.elementor-element-12b058e.wd-collapsible-content.e-con{max-height:370px;}.elementor-29 .elementor-element.elementor-element-12b058e.wd-collapsible-content.e-con:not(.wd-opened):after{color:#FFFFFF;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-b198783{--margin-top:-20px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-e4d0dad .title{font-size:28px;}.elementor-29 .elementor-element.elementor-element-77c9c01{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-29 .elementor-element.elementor-element-12b058e.wd-collapsible-content.e-con{max-height:218px;}}@media(max-width:768px){.elementor-29 .elementor-element.elementor-element-b198783{--margin-top:-20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-e4d0dad .title{font-size:24px;}.elementor-29 .elementor-element.elementor-element-77c9c01{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-d7ce1e8{--wd-img-height:310px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-bf85195{--wd-img-height:310px;}.elementor-29 .elementor-element.elementor-element-ead1991 .elementor-repeater-item-acf859b{--wd-img-height:310px;}}/* Start custom CSS for wd_text_block, class: .elementor-element-5496b0d *//* ==========================================================================
   Metro Vape Mall - About Us Page Styles
   ========================================================================== */

.about-container { 
    font-family: inherit; /* 继承您网站全局字体 */
    line-height: 1.6; 
    color: #333; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 20px; 
}

/* Hero Section */
.hero-section { 
    /* 请在这里替换为您自己的背景图片链接 */
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('your-image-url.jpg') no-repeat center center; 
    background-size: cover; 
    color: #ffffff; 
    text-align: center; 
    padding: 100px 20px; 
    border-radius: 10px; 
    margin-bottom: 40px; 
}

.hero-section h1 { 
    font-size: 2.5rem; 
    margin-bottom: 15px; 
    color: #ffffff;
}

/* Section Titles */
.section-title { 
    text-align: center; 
    margin: 50px 0 30px; 
    font-size: 2rem; 
    color: #1a1a1a; 
    position: relative; 
}

.section-title::after { 
    content: ''; 
    width: 60px; 
    height: 3px; 
    background: #007bff; /* 主题色：蓝色，可改为您品牌的颜色 */
    display: block; 
    margin: 10px auto; 
}

/* Content Blocks */
.content-block { 
    margin-bottom: 40px; 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
    gap: 40px; 
}

.bg-light {
    background: #f0f4f8; 
    padding: 40px; 
    border-radius: 10px;
}

.text-side { 
    flex: 1; 
    min-width: 300px; 
}

.text-side h2 {
    color: #1a1a1a;
}

.image-side { 
    flex: 1; 
    min-width: 300px; 
    border-radius: 10px; 
    overflow: hidden; 
}

.image-side img { 
    width: 100%; 
    height: auto; 
    display: block; 
}

/* Grid Cards (Why Choose Us) */
.grid-container { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 30px; 
    margin-bottom: 40px; 
}

.card { 
    padding: 25px; 
    border: 1px solid #eee; 
    border-radius: 8px; 
    background: #f9f9f9; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); 
}

.card h3 { 
    color: #007bff; /* 主题色：蓝色 */
    margin-top: 0; 
}

/* Stats Bar */
.stats-bar { 
    display: flex; 
    justify-content: space-around; 
    background: #1a1a1a; 
    color: #ffffff; 
    padding: 40px 20px; 
    border-radius: 10px; 
    text-align: center; 
    margin: 40px 0; 
}

.stat-item h2 { 
    font-size: 2.2rem; 
    margin: 0; 
    color: #007bff; /* 数据高亮颜色 */
}

.stat-item p { 
    margin: 5px 0 0; 
    opacity: 0.8; 
}

/* Lists */
.values-list { 
    list-style: none; 
    padding: 0; 
}

.values-list li { 
    margin-bottom: 15px; 
    padding-left: 30px; 
    position: relative; 
}

.values-list li::before { 
    content: '✓'; 
    position: absolute; 
    left: 0; 
    color: #28a745; /* 绿色对勾代表安全/质量 */
    font-weight: bold; 
}

/* Vision Section */
.vision-section {
    text-align: center; 
    margin-top: 60px;
}

.vision-text {
    max-width: 800px; 
    margin: 0 auto; 
    font-style: italic;
}

/* Responsive Adjustments */
@media (max-width: 768px) { 
    .stats-bar { 
        flex-direction: column; 
        gap: 30px; 
    } 
    .content-block {
        gap: 20px;
    }
}/* End custom CSS */