/* About Page Styles (match 测试页面/about.html) */

/* Hero */
.levoflow-about-hero{background:linear-gradient(rgba(11,28,44,0.6),rgba(11,28,44,0.4)),url('../images/about-banner.png');background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:5rem;align-items:center;text-align:center;color:#fff;height:37.5rem;position:relative;overflow:hidden;margin-top:calc(-1*(var(--nav-height,0px)+var(--features-height,0px)));}
.levoflow-about-hero h1{font-size:3.5rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem;letter-spacing:1px;}
.levoflow-about-hero p{font-size:1rem;font-weight:300;max-width:50rem;opacity:.9;}

/* Common section */
.levoflow-about-section{padding:4rem 0;max-width:90rem;margin:0 auto;width:100%;position:relative;}
.levoflow-about-section-fullwidth{max-width:100%;padding:0;width:100%;}
.levoflow-about-section-title{text-align:center;font-size:2.5rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;background:linear-gradient(135deg,rgba(1,77,102,.95) 0%,rgba(0,193,212,.95) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#014D66;}
.levoflow-about-section-title-mb-small{margin-bottom:1rem;}
.levoflow-about-section-desc{text-align:center;font-size:1rem;color:#666;max-width:68rem;margin:0 auto;line-height:1.6;}
.levoflow-about-header-center{text-align:center;padding:4rem 1rem;}

/* Section 1: Our Story */
.levoflow-about-story-container{display:grid;grid-template-columns:.7fr 1fr;gap:4rem;align-items:flex-start;}
.levoflow-about-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.levoflow-about-stat-box{background:linear-gradient(135deg,rgba(1,77,102,.95) 0%,rgba(0,193,212,.95) 100%);color:#fff;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1.3/1;transition:transform .3s;position:relative;overflow:hidden;}
.levoflow-about-stat-box:nth-child(1){border-radius:3rem 3rem 0 3rem;}
.levoflow-about-stat-box:nth-child(2){border-radius:3rem 3rem 3rem 0;}
.levoflow-about-stat-box:nth-child(3){border-radius:3rem 0 3rem 3rem;}
.levoflow-about-stat-box:nth-child(4){border-radius:0 3rem 3rem 3rem;}
.levoflow-about-stat-box:hover{filter:brightness(1.1);}
.levoflow-about-stat-num{font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:.5rem;}
.levoflow-about-stat-label{font-size:1.25rem;font-weight:400;white-space:nowrap;}
.levoflow-about-story-header{font-size:2.5rem;font-weight:700;text-transform:uppercase;margin-bottom:2rem;background:linear-gradient(135deg,rgba(1,77,102,.95) 0%,rgba(0,193,212,.95) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#014D66;text-align:left;}
.levoflow-about-story-text p{color:#888;text-align:left;font-size:1rem;line-height:1.6;font-weight:300;}

/* Section 2: Industrial Chain */
.levoflow-about-chain-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;}
.levoflow-about-chain-item{aspect-ratio:1.2/1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;}
.levoflow-about-chain-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;transition:transform .6s ease;}
.levoflow-about-chain-overlay-default{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#014D66;transition:opacity .4s ease 0.2s;opacity:1;}
.levoflow-about-chain-overlay-hover{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:2;background:transparent;transition:opacity .4s ease;opacity:0;}
.levoflow-about-chain-icon{position:relative;z-index:3;font-size:5rem;color:#fff;margin-bottom:1.5rem;transition:opacity .3s ease 0.2s,transform .3s ease 0.2s;opacity:1;}
.levoflow-about-chain-title{position:relative;z-index:3;color:#fff;font-size:1.5rem;font-weight:400;transition:all .4s ease 0.2s;}
.levoflow-about-chain-desc{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:3;color:#fff;font-size:1rem;line-height:1.6;text-align:left;opacity:0;transform:translateY(20px);transition:all .4s ease 0s;}

.levoflow-about-chain-item:hover .levoflow-about-chain-bg{transform:scale(1.1);}
.levoflow-about-chain-item:hover .levoflow-about-chain-overlay-default{opacity:0; transition-delay: 0s;}
.levoflow-about-chain-item:hover .levoflow-about-chain-overlay-hover{opacity:1;}
.levoflow-about-chain-item:hover .levoflow-about-chain-icon{opacity:0;transform:translateY(-20px); transition-delay: 0s;}
.levoflow-about-chain-item:hover .levoflow-about-chain-title{opacity:0;transform:translateY(-20px); transition-delay: 0s;}
.levoflow-about-chain-item:hover .levoflow-about-chain-desc{opacity:1;transform:translateY(0); transition-delay: 0.2s;}

/* Section 3: Mission & Vision */
.levoflow-about-mv-wrapper{position:relative;width:100%;max-width:90rem;margin:0 auto;padding-bottom:4rem;display:flex;align-items:center;justify-content:center;}
.levoflow-about-mv-img-box{width:55%;height:30rem;background:url('https://placehold.co/1200x800/ccc/999?text=Factory+Interior+Wide') center/cover no-repeat;position:relative;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.2);}
.levoflow-about-mv-content-box{width:55%;background:linear-gradient(135deg,rgba(1,77,102,.95) 0%,rgba(0,193,212,.95) 100%);color:#fff;padding:0 3rem 0 10rem;position:relative;z-index:1;margin-left:-5%;display:flex;flex-direction:column;justify-content:center;min-height:40rem;}
.levoflow-about-mv-item{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.2);}
.levoflow-about-mv-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.levoflow-about-mv-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1rem;}
.levoflow-about-mv-icon{font-size:2.5rem;width:3rem;text-align:center;display:flex;align-items:center;justify-content:center;}
.levoflow-about-mv-icon-img{width: 100%; height: auto; display: block;}
.levoflow-about-mv-title{font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
.levoflow-about-mv-desc{font-size:1rem;line-height:1.6;padding-left:0;}
.levoflow-about-mv-values-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin-top:.5rem;padding-left:0;}
.levoflow-about-mv-values-list li{font-size:1rem;position:relative;padding-left:1rem;}
.levoflow-about-mv-values-list li::before{content:'•';position:absolute;left:0;color:#fff;}
.levoflow-about-mv-values-span-2{grid-column:span 2;}

/* Section 4: Leadership */
.levoflow-about-team-section{position:relative;overflow:hidden;background:#fff;padding:4rem 0;}
.levoflow-about-team-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:4rem;position:relative;z-index:1;max-width:90rem;margin-left:auto;margin-right:auto;}
.levoflow-about-team-card{position:relative;width:28.125rem;max-width:100%;margin:0;display:block;}
.levoflow-about-team-card:hover{transform:translateY(-5px);transition:transform .3s ease;}
.levoflow-about-team-img-wrapper{width:100%;margin:0;}
.levoflow-about-team-img{width:100%;height:auto;display:block;object-fit:contain;}
.levoflow-about-team-info{position:absolute;top:68%;left:31%;width:65%;text-align:left;display:flex;flex-direction:column;justify-content:center;}
.levoflow-about-team-name{font-size:1.5rem;font-weight:800;color:#111;text-transform:uppercase;margin-bottom:.2rem;letter-spacing:.5px;line-height:1.1;}
.levoflow-about-team-role{font-size:1rem;color:#888;font-weight:500;margin-bottom:1.5rem;}
.levoflow-about-team-desc{font-size:.75rem;color:#aaa;font-weight:400;margin-top:auto;white-space:nowrap;}

/* Section 5: Certifications */
.levoflow-about-cert-container{position:relative;margin-top:3rem;max-width:90rem;margin-left:auto;margin-right:auto;}
.levoflow-about-cert-line{position:absolute;top:8.5rem;left:5rem;right:0;width: 75rem;height:1px;border-top:2px dashed #00C1D4;z-index:0;opacity:.6;}
.levoflow-about-cert-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;position:relative;z-index:1;}
.levoflow-about-cert-item{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;background:transparent;box-shadow:none;padding:0;}
.levoflow-about-cert-img-box{width:12rem;height:17rem;background:#014D66;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-size:1.2rem;font-weight:500;letter-spacing:1px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:transform .3s ease;position:relative;z-index:2;}
.levoflow-about-cert-img-box:hover{transform:translateY(-10px);} .levoflow-about-cert-text{z-index:2;position:relative;}
.levoflow-about-cert-title{font-weight:700;font-size:1.25rem;color:#333;margin-bottom:.3rem;}
.levoflow-about-cert-desc{font-size:.8rem;color:#888;font-weight:300;}

/* Section 6: Sustainability full width */
.levoflow-about-sustain-section{padding-bottom:0;position:relative;overflow:hidden;padding-left:0!important;padding-right:0!important;}
.levoflow-about-sustain-inner{max-width:90rem;margin:0 auto;padding:3rem 1rem 0;}
.levoflow-about-sustain-image-wrapper{width:100%;margin-top:2rem;display:block;}
.levoflow-about-sustain-full-img{width:100%;display:block;height:auto;}

/* Mobile */
@media (max-width:768px){
    .levoflow-about-hero{height:auto;min-height:60vh;padding:10vw 4%;}
    .levoflow-about-hero h1{font-size:8vw;}
    .levoflow-about-hero p{font-size:4vw;max-width:none;}
    .levoflow-about-section{padding:5vw 4%;max-width:100%;}
    .levoflow-about-section-title{font-size:7vw;margin-bottom:6vw;}
    .levoflow-about-section-desc{font-size:3.8vw;margin:0 auto;max-width:100%;}
    .levoflow-about-header-center{padding:5vw 4%;}
    .levoflow-about-story-container{grid-template-columns:1fr;gap:8vw;padding:0 4%;}
    .levoflow-about-stats-grid{gap:1.5vw;}
    .levoflow-about-stat-box{padding:4vw;aspect-ratio:auto;min-height:30vw;}
    .levoflow-about-stat-box:nth-child(1){border-radius:5vw 5vw 0 5vw;}
    .levoflow-about-stat-box:nth-child(2){border-radius:5vw 5vw 5vw 0;}
    .levoflow-about-stat-box:nth-child(3){border-radius:5vw 0 5vw 5vw;}
    .levoflow-about-stat-box:nth-child(4){border-radius:0 5vw 5vw 5vw;}
    .levoflow-about-stat-num{font-size:8vw;}
    .levoflow-about-stat-label{font-size:3.2vw;}
    .levoflow-about-story-text{padding-left:0;}
    .levoflow-about-story-header{font-size:8vw;text-align:center;}
    .levoflow-about-story-text p{font-size:4vw;text-align:left;}
    .levoflow-about-chain-grid{grid-template-columns:1fr;gap:4vw;padding:0 4%;}
    .levoflow-about-chain-item{height:auto;aspect-ratio:1.2/1;}
    .levoflow-about-chain-icon{font-size:15vw;margin-bottom:4vw;}
    .levoflow-about-chain-title{font-size:5vw;}
    .levoflow-about-chain-item:hover .levoflow-about-chain-title{transform:translateY(16vw);}
    .levoflow-about-chain-overlay-hover{height:20vw;}
    .levoflow-about-mv-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0;max-width:100%;padding:0 4%;}
    .levoflow-about-mv-img-box{width:100%;height:55vw;margin-right:0;transform:none;margin-bottom:-5vw;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
    .levoflow-about-mv-content-box{width:100%;padding:12vw 6vw 8vw 6vw;z-index:1;margin-bottom:8vw;margin-left:0;min-height:auto;}
    .levoflow-about-mv-item{margin-bottom:6vw;padding-bottom:6vw;flex-direction:column;gap:2vw;}
    .levoflow-about-mv-header{margin-bottom:2vw;gap:4vw;}
    .levoflow-about-mv-icon{font-size:8vw;width:auto;justify-content:flex-start;}
    .levoflow-about-mv-title{font-size:4.5vw;}
    .levoflow-about-mv-desc{font-size:3.6vw;padding-left:0;}
    .levoflow-about-mv-values-list{grid-template-columns:1fr;gap:2vw;padding-left:0;}
    .levoflow-about-mv-values-list li{font-size:3.6vw;padding-left:3vw;}
    .levoflow-about-team-grid{display:grid;grid-template-columns:1fr;gap:8vw;max-width:90%;margin:6vw auto;padding:0 4%;}
    .levoflow-about-team-card{width:100%;margin:0 auto;}
    .levoflow-about-team-info{left:35%;width:60%;}
    .levoflow-about-team-name{font-size:5vw;}
    .levoflow-about-team-role{font-size:3.5vw;}
    .levoflow-about-team-desc{font-size:2.8vw;}
    .levoflow-about-cert-container{max-width:100%;}
    .levoflow-about-cert-line{display:none;}
    .levoflow-about-cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:0 4%;}
    .levoflow-about-cert-img-box{width:100%;height:45vw;font-size:4vw;margin-bottom:3vw;}
    .levoflow-about-cert-title{font-size:3.5vw;}
    .levoflow-about-cert-desc{font-size:2.8vw;}
    .levoflow-about-sustain-section{padding:8vw 0;max-width:100%;}
    .levoflow-about-sustain-inner{padding:0 4%;max-width:100%;}
    .levoflow-about-sustain-image-wrapper{width:100%;margin-top:4vw;}
}