:root{--g:#4CAF50;--gd:#388E3C;--gl:#81C784;--gp:#E8F5E9;--w:#fff;--t1:#1A1A1A;--t2:#555;--t3:#888;--bg1:#F8F9FA;--bd:#E9ECEF;--sh:0 2px 8px rgba(0,0,0,.08);--shm:0 8px 32px rgba(0,0,0,.12);--shl:0 20px 60px rgba(0,0,0,.15);--shg:0 8px 32px rgba(76,175,80,.25);--tr:.3s cubic-bezier(.4,0,.2,1);--font:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--sec-py:80px;--sec-px:48px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--t1);background:#fff;overflow-x:hidden;line-height:1.6}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul{list-style:none}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--g);border-radius:3px}
.page{display:none;min-height:100vh}.page.active{display:block}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;padding:0 48px;transition:var(--tr)}
.nav.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(20px);box-shadow:var(--sh)}
.nav.light{background:transparent}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;margin:0 auto}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer}
.logo-img{width:56px;height:56px;border-radius:12px;overflow:hidden;display:block;transition:var(--tr)}
.logo-img img{width:100%;height:100%;object-fit:cover;display:block}
.logo-name{font-size:18px;font-weight:700;color:#fff;transition:var(--tr);white-space:nowrap}
.nav.scrolled .logo-name{color:var(--t1)}
.nav.scrolled .logo-img{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.nav-menu{display:flex;align-items:center;gap:4px}
.nav-item{position:relative}
.nav-link{display:block;padding:8px 16px;font-size:15px;font-weight:500;color:#fff;border-radius:8px;cursor:pointer;transition:var(--tr);white-space:nowrap}
.nav.scrolled .nav-link{color:var(--t1)}
.nav-link:hover,.nav-link.active{color:var(--g);background:var(--gp)}
.nav.light .nav-link:hover,.nav.light .nav-link.active{background:rgba(255,255,255,.15);color:#fff}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:16px;box-shadow:var(--shm);min-width:180px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--tr);z-index:100}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dd-item{display:block;padding:10px 16px;font-size:14px;color:var(--t2);border-radius:8px;cursor:pointer;transition:var(--tr)}
.dd-item:hover{background:var(--gp);color:var(--g)}
.nav-cta{background:var(--g)!important;color:#fff!important;padding:10px 24px!important;border-radius:999px!important;font-weight:600!important}
.nav-cta:hover{background:var(--gd)!important;color:#fff!important;box-shadow:var(--shg)!important}

/* SECTION COMMONS */
.sec-tag{display:inline-flex;align-items:center;gap:8px;color:var(--g);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.sec-tag::before{content:'';width:32px;height:3px;background:var(--g);border-radius:2px}
.sec-head{text-align:center;margin-bottom:64px}
.sec-title{font-size:clamp(28px,4vw,48px);font-weight:900;color:var(--t1);margin-bottom:16px;position:relative;display:inline-block}
.sec-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:48px;height:4px;background:var(--g);border-radius:2px}
.sec-desc{font-size:16px;color:var(--t3);max-width:520px;margin:0 auto;margin-top:8px}
.container{max-width:1200px;margin:0 auto;padding:0 48px}

/* HERO VIDEO */
.hero{position:relative;width:100%;height:clamp(560px,80vh,880px);overflow:hidden;background:#0a1628}
.hero video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.55) 100%)}
.hero-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;padding:0 24px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(76,175,80,.9);color:#fff;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:20px;animation:fadeDn .8s ease both}
.hero-h1{font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.15;margin-bottom:16px;animation:fadeUp .8s .2s ease both}
.hero-h1 em{color:#81C784;font-style:normal}
.hero-sub{font-size:clamp(14px,2vw,18px);opacity:.9;max-width:560px;margin-bottom:32px;animation:fadeUp .8s .4s ease both;line-height:1.8}
.hero-btns{display:flex;gap:16px;animation:fadeUp .8s .6s ease both}
.btn-g{background:var(--g);color:#fff;padding:14px 32px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--tr);border:none}
.btn-g:hover{background:var(--gd);transform:translateY(-2px);box-shadow:var(--shg)}
.btn-o{background:transparent;color:#fff;padding:14px 32px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--tr);border:2px solid rgba(255,255,255,.6)}
.btn-o:hover{background:rgba(255,255,255,.15);border-color:#fff}
.hero-arrow{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.6);font-size:12px;animation:bounce 2s infinite}
.arrow-box{width:12px;height:12px;border-right:2px solid rgba(255,255,255,.6);border-bottom:2px solid rgba(255,255,255,.6);transform:rotate(45deg)}

/* INTRO */
.intro{height:560px;display:flex;overflow:hidden;padding:0;position:relative;background:linear-gradient(180deg,#ffffff 0%,#f3faf3 45%,var(--gp) 100%)}
.intro::after{position: absolute; bottom: 0;left: 50px; content:"A B O U T"; font-weight: bold; font-size: 150px; color: #999; opacity: .1;}
.intro::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(76,175,80,.08) 0%,transparent 60%);pointer-events:none}
.intro-l{position: relative;flex:1;padding:72px 56px;display:flex;flex-direction:column;justify-content:center;}
.intro-h{font-size:clamp(24px,2.8vw,36px);font-weight:800;color:var(--t1);line-height:1.35;margin-bottom:20px;letter-spacing:-.5px}
.intro-p{font-size:15px;color:var(--t2);line-height:1.85;width: 42vw;}
.intro-r{flex:1;position:relative;padding-top: 30px;}
.intro-r img{width:100%;height:100%;object-fit:cover;transition:transform .6s; border-radius: 50px 0 0 0;}
.intro-r:hover img{transform:scale(1.05)}

/* STATS BAR */
.stats{background:#fff;padding:36px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.stats-g{max-width:1200px;margin:0 auto;padding:0 var(--sec-px);display:grid;grid-template-columns:repeat(4,1fr)}
.stat{text-align:center;padding:4px 24px;position:relative}
.stat:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--bd)}
.stat-n{font-size:clamp(28px,3.4vw,40px);font-weight:900;color:var(--t1);line-height:1;margin-bottom:8px;letter-spacing:-1.2px;display:inline-block;--cdelay:0ms}
.stat-n::after{content:'';display:block;width:24px;height:3px;background:var(--g);border-radius:2px;margin:6px auto 0}
.stat-l{font-size:12px;color:var(--t2);font-weight:500;letter-spacing:.5px}
.stat:nth-child(2) .stat-n{--cdelay:120ms}
.stat:nth-child(3) .stat-n{--cdelay:240ms}
.stat:nth-child(4) .stat-n{--cdelay:360ms}

/* CULTURE */
.culture{padding:var(--sec-py) 0;background:var(--bg1)}
.culture .sec-head{margin-bottom:48px}
.cult-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--sec-px)}
.cult-card{position:relative;height:360px;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;background-color:#1a3d1c;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:var(--sh);transition:var(--tr)}
.cult-card:nth-child(1){background-image:url('../static/image/service/service1.png')}
.cult-card:nth-child(2){background-image:url('../static/image/service/service2.png')}
.cult-card:nth-child(3){background-image:url('../static/image/service/service3.png')}
.cult-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.78) 100%);z-index:1;transition:var(--tr)}
.cult-card:hover{transform:translateY(-6px);box-shadow:var(--shm)}
.cult-card:hover::before{background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.85) 100%)}
.cult-body{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;z-index:2;transform:translateY(0);transition:var(--tr)}
.cult-card:hover .cult-body{transform:translateY(-4px)}
.cult-img {width: 36px; height: 36px; object-fit: contain; margin-bottom:8px;}
.cult-t{font-size:22px;font-weight:normal;color:#fff;margin-bottom:8px;line-height:1.3}
.cult-card:hover .cult-t{font-weight:bold;}
.cult-d{font-size:13px;color:rgba(255,255,255,.85);line-height:1.7; height: 0; opacity: 0; transition: opacity .6s linear;}
.cult-card:hover .cult-d{height: auto; opacity: 1;}
.cult-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .35s;z-index:3}
.cult-card:hover::after{transform:scaleX(1)}

/* PARTNERS */
.partners-sec{padding:var(--sec-py) var(--sec-px);background:#fff;overflow:hidden}
.partners-wrap{overflow:hidden;margin-top:48px;position:relative}
.partners-wrap::before,.partners-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2}
.partners-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent)}
.partners-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent)}
.partners-track{display:flex;width:max-content;animation:marquee 22s linear infinite;will-change:transform}
.partners-wrap:hover .partners-track{animation-play-state:paused}
.p-grid{display:grid;grid-template-rows:repeat(2,128px);grid-auto-columns:140px;grid-auto-flow:column;gap:24px 18px;width:max-content;margin-right:18px;flex-shrink:0}
.p-card{flex-shrink:0;width:140px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:var(--tr);padding:4px 2px}
.p-card:hover{transform:translateY(-4px)}
.p-logo{width:140px;height:88px;background:#fff;border-radius:var(--r-md);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh);transition:var(--tr)}
.p-card:hover .p-logo{box-shadow:var(--shm);transform:scale(1.04)}
.p-logo img{width:88%;height:88%;object-fit:contain}
.p-name{font-size:12px;font-weight:600;color:var(--t1);text-align:center;line-height:1.35;max-width:130px}

/* CITIES */
.index-banner-img{display:block;width:100%;max-width:1200px;height:auto;object-fit:cover;margin:0 auto}
.cities-sec{padding:var(--sec-py) var(--sec-px);background:var(--bg1)}
.cities-g{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1200px;margin:48px auto 0}
.city-card{position:relative;height:240px;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;box-shadow:var(--sh);transition:var(--tr)}
.city-img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.city-card:hover{transform:translateY(-4px);box-shadow:var(--shm)}
.city-card:hover .city-img{transform:scale(1.1)}
.city-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 60%,transparent 100%);transition:var(--tr)}
.city-card:hover .city-ov{background:linear-gradient(to top,rgba(11,92,173,.85) 0%,rgba(0,0,0,.2) 100%)}
.city-name{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#fff;font-size:20px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.city-sub{position:absolute;bottom:42px;left:0;right:0;text-align:center;color:rgba(255,255,255,0);font-size:11px;transition:var(--tr);letter-spacing:.5px}
.city-card:hover .city-sub{color:rgba(255,255,255,.95)}

/* FOOTER */
.footer{background:#0d1f0e;color:rgba(255,255,255,.6);padding:64px 48px 32px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.f-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.f-logo-img{width:56px;height:56px;border-radius:12px;overflow:hidden;display:block;flex-shrink:0}
.f-logo-img img{width:100%;height:100%;object-fit:cover;display:block}
.f-logo-nm{font-size:18px;font-weight:800;color:#fff;white-space:nowrap}
.f-desc{font-size:13px;line-height:1.8;color:rgba(255,255,255,.45);max-width:320px}
.f-col-t{font-size:13px;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:18px;text-transform:uppercase}
.f-links{display:flex;flex-direction:column;gap:10px}
.f-link{font-size:13px;color:rgba(255,255,255,.45);cursor:pointer;transition:var(--tr)}
.f-link:hover{color:var(--g)}
.footer-bot{padding-top:28px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.35)}
.footer-bot a{color:rgba(255,255,255,.35);transition:var(--tr)}
.footer-bot a:hover{color:var(--g)}

/* FOOTER SOCIAL QR BUTTONS */
.f-social{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.f-btn{position:relative;width:54px;height:54px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:var(--tr);box-shadow:0 4px 14px rgba(0,0,0,.28)}
.f-btn:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(76,175,80,.45)}
.f-btn-ic{font-size:20px;line-height:1}
.f-btn-t{font-size:9px;font-weight:700;color:#1A1A1A;line-height:1.1;white-space:nowrap}
.f-btn-ic .icon{width: 48px; height: 48px; object-fit: cover;}
.f-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,10px);background:#fff;border-radius:14px;box-shadow:var(--shm);padding:16px 18px;display:flex;gap:16px;opacity:0;visibility:hidden;transition:var(--tr);z-index:60;white-space:nowrap}
.f-btn:hover .f-bubble{opacity:1;visibility:visible;transform:translate(-50%,0)}
.f-bubble::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:9px solid transparent;border-top-width:8px;border-top-color:#fff}
.f-bubble-i{text-align:center;min-width:96px}
.f-qr{width:120px;height:120px;background:var(--bg1);border:1px solid var(--bd);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}
.f-qr img{width:100%;height:100%;object-fit:contain}
.f-qr-lbl{font-size:11px;font-weight:600;color:#1A1A1A;margin-top:8px}
.f-bubble-ph{width:130px;height:96px;background:var(--bg1);border:1px dashed #bbb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888;text-align:center;line-height:1.7}

/* ===== SUBPAGE HERO ===== */
.sub-hero{height:360px;background:url('../static/image/common-bg.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;position:relative;overflow:hidden;padding-top:72px}
.sub-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7)}
.sub-hero-inner{position:relative;z-index:1}
.sub-h1{font-size:clamp(32px,5vw,56px);font-weight:900;margin-bottom:10px}
.sub-desc{font-size:15px;color:rgba(255,255,255,.65);letter-spacing:1px}

/* SUBNAV */
.subnav{background:#fff;border-bottom:1px solid var(--bd);position:sticky;top:72px;z-index:100}
.subnav-inner{display:flex;max-width:1200px;margin:0 auto;padding:0 48px}
.sn-item{padding:18px 24px;font-size:14px;font-weight:600;color:var(--t2);cursor:pointer;border-bottom:3px solid transparent;transition:var(--tr);white-space:nowrap}
.sn-item:hover{color:var(--g)}
.sn-item.active{color:var(--g);border-bottom-color:var(--g)}

/* ABOUT CONTENT */
.about-sec{padding:80px 0;scroll-margin-top:140px}
#about-intro{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('../static/image/about.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
#about-intro .a-intro-g{grid-template-columns:1fr;max-width:1440px;margin:0 auto}
#about-intro .a-intro-g>div:first-child{background:transparent;padding:0;border-radius:0;box-shadow:none}
#about-intro .sec-tag,#about-intro .a-h2,#about-intro .a-p{color:#fff}

/* Intro */
.a-intro-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.a-h2{font-size:36px;font-weight:900;color:var(--t1);margin-bottom:20px;line-height:1.3}
.a-p{font-size:15px;color:var(--t2);line-height:2;margin-bottom:14px}
.a-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;padding:28px 32px;background:#fff;border-radius:16px;box-shadow:var(--shm);text-align:center}
.a-st{text-align:center}
.a-st-n{font-size:28px;font-weight:900;color:var(--g);line-height:1;margin-bottom:6px}
.a-st-l{font-size:12px;color:var(--t3)}

/* Timeline */
/* TIMELINE - 横向从左到右排版 + 向右循环滚动 */
#about-timeline .container{max-width:1800px;padding-left:48px;padding-right:48px}
.tl-viewport{
  position:relative;
  max-width:1800px;
  height:450px;
  margin:0 auto;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);
}
.tl-auto-track{
  display:flex;width:max-content;
  animation:tlAutoScroll 26.67s linear infinite;
  will-change:transform;
}
.tl-viewport:hover .tl-auto-track{animation-play-state:paused}
@keyframes tlAutoScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
/* 横向排版: 从左到右排列 */
.tl{position:relative;display:flex;width:max-content;padding:64px 48px 24px;margin:0}
.tl::before{content:'';position:absolute;left:0;right:0;top:30px;height:2px;background:linear-gradient(to right,var(--g),var(--gl));z-index:0}
.tl-item{display:flex;flex-direction:column;width:260px;height:380px;margin-right:28px;position:relative;flex-shrink:0}
.tl-content{width:100%;height:100%;position:relative;z-index:2;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:var(--sh);transition:var(--tr);border:1px solid var(--bd);display:flex;flex-direction:column}
.tl-content:hover{box-shadow:var(--shm);transform:translateY(-3px);border-color:var(--g)}
.tl-yr{font-size:18px;font-weight:700;color:var(--g);letter-spacing:1px;margin-bottom:4px}
.tl-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;margin:8px auto;display:block;background:#f0f3f5;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .4s}
.tl-content:hover .tl-img{transform:scale(1.02)}
.tl-ev{font-size:14px;font-weight:700;color:var(--t1);margin-bottom:4px}
.tl-dt{font-size:12px;color:var(--t2);line-height:1.6;flex:1}
.tl-dot{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:13px;height:13px;background:var(--g);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 3px var(--gp);z-index:1;animation:dotPulse 1.5s ease-in-out infinite}
.tl-dot::after{content:'';position:absolute;top:50%;left:50%;transform:translateX(-50%);width:2px;height:34px;background:var(--g);z-index:0;opacity:.5}
@keyframes dotPulse{
  0%{box-shadow:0 0 0 4px rgba(76,175,80,.5)}
  100%{box-shadow:0 0 0 10px rgba(76,175,80,0)}
}
.tl-sp{display:none}

/* GMV */
.gmv-g{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:400px;max-width:1100px;margin:40px auto 0;padding:0 48px}
.gmv-g::after{content:'';position:absolute;left:0;right:0;bottom:27px;height:2px;background:#DDE3EA}
.gmv-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.gmv-n{font-size:12px;font-weight:800;color:#555;margin-bottom:6px;white-space:nowrap}
.gmv-bar{width:56%;max-width:44px;background:linear-gradient(to top,var(--g),var(--gl));border-radius:6px 6px 0 0;height:0;transition:height 1.4s cubic-bezier(.25,.8,.25,1)}
.gmv-t{font-size:12px;color:var(--t3);margin-top:10px;white-space:nowrap}

/* Org */
.org-sec{padding:80px 48px}
.org-wrap{max-width:1100px;margin:40px auto 0;text-align:center; display: flex; align-items: center; justify-content: center;}
.org-root-node{display:inline-block;background:var(--g);color:#fff;font-size:16px;font-weight:700;border-radius:999px;padding:16px 36px;box-shadow:var(--shg)}
.org-root-img {width:62rem;height: 51rem;object-fit: contain;}
.org-line-v{width:2px;height:26px;background:var(--g);margin:0 auto}
.dept-head{font-size:20px;font-weight:800;color:var(--t1);text-align:center;margin:0 auto}
.dept-line{width:2px;height:20px;background:var(--g);margin:0 auto}
.org-branches{display:flex;justify-content:center;gap:16px;position:relative}
.org-branches::before{content:'';position:absolute;top:0;left:6.5%;right:6.5%;height:2px;background:var(--g)}
.org-branch{display:flex;flex-direction:column;align-items:center;flex:1;max-width:150px}
.org-branch .org-dept-c{width:100%}
/* MANAGER */
.mgr-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.mgr-card{background:#fff;border-radius:16px;padding:0 0 26px;text-align:center;box-shadow:var(--sh);border:1px solid transparent;transition:var(--tr)}
.mgr-card:hover{border-color:var(--g);transform:translateY(-6px);box-shadow:var(--shm)}
.mgr-avatar{width:calc(100% - 32px);height:220px;margin:16px 16px 0;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--gl)}
.mgr-avatar span{font-size:64px;font-weight:800;color:var(--g)}
.mgr-avatar img{width:100%;height:100%;object-fit:contain}
.mgr-name{font-size:18px;font-weight:800;color:var(--t1);margin-top:16px}
.mgr-role{display:inline-block;background:var(--g);color:#fff;font-size:12px;font-weight:600;padding:3px 12px;border-radius:999px;margin:8px 0 12px}
.mgr-desc{font-size:13px;color:var(--t2);line-height:1.7;text-align:left;padding:0 22px}
.org-dept-c{background:#fff;border-radius:16px;padding:24px 12px;text-align:center;box-shadow:var(--sh);transition:var(--tr);border:1px solid transparent}
.org-dept-c:hover{transform:translateY(-4px);box-shadow:var(--shm);border-color:var(--g)}
.org-dept-i{font-size:36px;margin-bottom:10px}
.org-dept-n{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:6px}

/* Warehouse */
.wh-hero{background:linear-gradient(135deg,#0d1f0e,#1a3d1c);padding:64px 0;position:relative;overflow:hidden}
.wh-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(76,175,80,.2) 0%,transparent 50%)}
.wh-hero-inner{max-width:1200px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}
.wh-h{font-size:36px;font-weight:900;color:#fff;margin-bottom:14px}
.wh-p{font-size:15px;color:rgba(255,255,255,.7);line-height:1.8}
.wh-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.wh-s{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;text-align:center}
.wh-sn{font-size:34px;font-weight:900;color:var(--gl);line-height:1;margin-bottom:6px}
.wh-sl{font-size:12px;color:rgba(255,255,255,.55)}
/* [TEMP-HIDDEN] wh-content 仓储地图样式暂时隐藏 2026-08-21
.wh-content{width:100%}
/* WAREHOUSE MAP */
.wm-map-box{position:relative;width:100%;height:780px;background:#edfff1;overflow:hidden}
.wm-map-box #wm-map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.wm-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,180,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,216,.04) 1px,transparent 1px);background-size:60px 60px;z-index:1;pointer-events:none}
.wm-glow-bg{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(0,180,216,.08),transparent 70%);z-index:1;pointer-events:none}
.wm-title-overlay{position:absolute;top:22px;left:50%;transform:translateX(-50%);text-align:center;z-index:5;pointer-events:none}
.wm-title-overlay h1{font-size:32px;font-weight:900;color:#485547;text-shadow:0 0 30px rgba(236, 255, 237, 0.9),0 0 60px rgba(221, 235, 219, 0.6);letter-spacing:8px;margin-bottom:6px}
.wm-title-overlay .wm-subtitle{font-size:17px;color:#70be71;font-weight:600;text-shadow:0 0 20px rgba(180, 189, 191, 0.7);letter-spacing:3px}
.wm-title-overlay .wm-subtitle .wm-num{font-size:23px;color:#0b0d0c;font-weight:900;text-shadow:0 0 30px rgb(204, 211, 212)}
.wm-footer-text{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:14px;color:#70be71;letter-spacing:3px;z-index:5;pointer-events:none;text-shadow:0 0 12px rgba(115, 159, 123, 0.4);white-space:nowrap}
.wm-legend{position:absolute;bottom:16px;right:22px;z-index:5;pointer-events:none;background:rgba(10,22,40,.5);border:1px solid rgba(0, 216, 97, 0.2);border-radius:12px;padding:12px 14px;backdrop-filter:blur(8px)}
.wm-legend-title{font-size:12px;color:rgba(255,255,255,.5);margin-bottom:6px;letter-spacing:1px}
.wm-legend-item{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:13px;color:rgba(255,255,255,.8)}
.wm-legend-dot{width:12px;height:12px;border-radius:50%}
.wm-stats-panel{position:absolute;top:108px;right:22px;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:10px}
.wm-stat-card{background:rgba(11,92,173,.2);border:1px solid rgba(209, 235, 209, 0.4);border-radius:12px;padding:12px 18px;backdrop-filter:blur(10px);text-align:right;min-width:100px}
.wm-stat-card .wm-val{font-size:28px;font-weight:900;color:#40a33f;text-shadow:0 0 18px rgba(211, 214, 211, 0.6);line-height:1.1}
.wm-stat-card .wm-label{font-size:13px;color:rgba(80, 78, 78, 0.8);margin-top:2px}
.wm-corner{position:absolute;width:60px;height:60px;z-index:4;pointer-events:none}
.wm-corner-tl{top:12px;left:12px;border-top:2px solid rgba(0, 216, 72, 0.3);border-left:2px solid rgba(0, 216, 40, 0.3);border-radius:8px 0 0 0}
.wm-corner-tr{top:12px;right:12px;border-top:2px solid rgba(0, 216, 4, 0.3);border-right:2px solid rgba(0, 216, 76, 0.3);border-radius:0 8px 0 0}
.wm-corner-bl{bottom:12px;left:12px;border-bottom:2px solid rgba(0, 216, 79, 0.3);border-left:2px solid rgba(0, 216, 65, 0.3);border-radius:0 0 0 8px}
.wm-corner-br{bottom:12px;right:12px;border-bottom:2px solid rgba(0, 216, 83, 0.3);border-right:2px solid rgba(0, 216, 83, 0.3);border-radius:0 0 8px 0}
*/
.wh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.wh-card{border-radius:16px;overflow:hidden;border:1px solid var(--bd);transition:var(--tr)}
.wh-card:hover{transform:translateY(-6px);box-shadow:var(--shm);border-color:var(--g)}
.wh-ch{background:var(--g);padding:18px 22px;display:flex;align-items:center;gap:10px}
.wh-ci{font-size:22px}
.wh-cn{font-size:16px;font-weight:700;color:#687a67}
.wh-cb{padding:18px 22px;background:#fff;display:flex;flex-direction:column;gap:9px}
.wh-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2)}
.wh-dot{width:6px;height:6px;background:var(--g);border-radius:50%;flex-shrink:0}
.deli-title{font-size:26px;font-weight:800;color:var(--t1);margin:56px 0 28px;padding-bottom:14px;border-bottom:3px solid var(--g);display:inline-block}
.deli-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}
.ds{background:var(--gp);border-radius:16px;padding:24px;text-align:center;border:1px solid rgba(76,175,80,.2)}
.ds-n{font-size:30px;font-weight:900;color:var(--g);margin-bottom:6px}
.ds-l{font-size:12px;color:var(--t2)}
.deli-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.df{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:22px;display:flex;align-items:flex-start;gap:14px;transition:var(--tr)}
.df:hover{border-color:var(--g);box-shadow:var(--sh)}
.df-ico{width:46px;height:46px;background:var(--gp);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.df-t{font-size:14px;font-weight:700;color:var(--t1);margin-bottom:5px}
.df-d{font-size:12px;color:var(--t2);line-height:1.7}

/* Honor */
.honor-g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:48px auto 0;padding:0 48px}
.h-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--bd);transition:var(--tr);text-align:center;box-shadow:var(--sh)}
.h-card:hover{transform:translateY(-6px);box-shadow:var(--shm);border-color:var(--g)}
.h-img{aspect-ratio:4/3;background:var(--bg1);display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}
.h-img img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12))}
.h-card:hover .h-img img{transform:scale(1.06)}
.h-t{font-size:14px;font-weight:700;color:var(--t1);padding:14px 12px;line-height:1.5}

/* ===== FRANCHISE ===== */
.fr-sec{padding:80px 48px}
.fr-inner{max-width:1100px;margin:0 auto}
.fr-hero{background:linear-gradient(135deg,#ff6b35,#ff8c42 50%,#ffa55a 100%);border-radius:24px;padding:64px;margin-bottom:56px;text-align:center;position:relative;overflow:hidden}
.fr-hero::before{content:'🎉';position:absolute;top:-20px;right:40px;font-size:110px;opacity:.15}
.fr-hero::after{content:'💰';position:absolute;bottom:-20px;left:40px;font-size:90px;opacity:.15}
.fr-h1{font-size:clamp(28px,5vw,52px);font-weight:900;color:#fff;margin-bottom:14px;line-height:1.2}
.fr-tag{font-size:18px;color:rgba(255,255,255,.92);margin-bottom:8px;font-weight:600}
.fr-sub{font-size:15px;color:rgba(255,255,255,.8);margin-bottom:28px}
.pills{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.pill{background:rgba(255,255,255,.25);backdrop-filter:blur(10px);color:#fff;padding:9px 22px;border-radius:999px;font-size:15px;font-weight:700;border:1px solid rgba(255,255,255,.4)}

.fr-title{font-size:26px;font-weight:800;color:var(--t1);margin-bottom:6px;text-align:center}
.fr-title-sub{text-align:center;color:var(--t3);font-size:14px;margin-bottom:36px}
.fr-qr-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
.fr-qr-c{background:#fff;border:2px solid var(--bd);border-radius:16px;padding:24px;text-align:center;transition:var(--tr)}
.fr-qr-c:hover{border-color:var(--g);box-shadow:var(--shm);transform:translateY(-6px)}
.fr-dept{font-size:17px;font-weight:800;color:var(--t1);margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid var(--gp)}
.fr-qr-box{width:110px;height:110px;background:var(--bg1);border-radius:8px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:36px;border:1px solid var(--bd);overflow:hidden}
.fr-qr-box img{width:100%;height:100%;object-fit:contain}
.fr-cn{font-size:13px;font-weight:600;color:var(--t2);margin-bottom:6px}
.fr-wx{display:inline-flex;align-items:center;gap:6px;background:var(--gp);color:var(--g);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600}

.fr-bene{background:var(--bg1);border-radius:24px;padding:40px;margin-bottom:32px}
.fr-bene-t{font-size:22px;font-weight:800;color:var(--t1);margin-bottom:28px;display:flex;align-items:center;gap:10px}
.fr-bene-t::before{content:'';width:5px;height:22px;background:var(--g);border-radius:3px}
.bene-g{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.bene-item{display:flex;gap:14px;align-items:flex-start}
.bene-num{width:34px;height:34px;background:var(--g);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800;flex-shrink:0}
.bene-t{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:5px}
.bene-d{font-size:13px;color:var(--t2);line-height:1.7}

.fee-box{background:#fff;border:2px solid var(--bd);border-radius:20px;padding:36px;display:flex;align-items:center;gap:20px}
.fee-ico{width:60px;height:60px;background:#FFF3E0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.fee-lbl{font-size:13px;color:var(--t3);margin-bottom:4px}
.fee-amt{font-size:20px;font-weight:800;color:var(--t1)}
.fee-note{font-size:12px;color:var(--t3);margin-top:4px}

/* ===== JOIN US ===== */
.join-sec{padding:80px 48px}
.join-inner{max-width:1100px;margin:0 auto}
.join-bene-g{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:56px}
.jb{border-radius:16px;padding:10px;text-align:center;transition:var(--tr);display: flex; flex-direction: column; align-items: center; justify-self: center;}
.jb:hover{background:var(--gp);border-color:var(--g);transform:translateY(-4px)}
.jb-img{width: 200px;height: 200px; object-fit: contain; margin-bottom:10px}
.jb-t{font-size:12px;font-weight:600;color:var(--t2)}
.city-filter{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}
.cf-btn{padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--tr);border:2px solid var(--bd);background:#fff;color:var(--t2)}
.cf-btn:hover,.cf-btn.active{background:var(--g);border-color:var(--g);color:#fff}
.job-search{display:flex;gap:10px;margin-bottom:28px;max-width:460px}
.js-input-wrap{position:relative;flex:1}
.js-input{width:100%;padding:10px 34px 10px 16px;border:2px solid var(--bd);border-radius:999px;font-size:13px;outline:none;transition:var(--tr);background:#fff;color:var(--t1)}
.js-input:focus{border-color:var(--g)}
.js-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--bd);color:#fff;font-size:11px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);line-height:1}
.js-clear.show{display:flex}
.js-clear:hover{background:var(--g)}
.js-btn{padding:10px 24px;border-radius:999px;border:none;background:var(--g);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:var(--tr)}
.js-btn:hover{background:var(--gd)}
.jobs{display:flex;flex-direction:column;gap:20px}
.job-card{background:#fff;border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:var(--tr)}
.job-card:hover{border-color:var(--g);box-shadow:var(--shm)}
.jc-head{padding:22px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.jc-t{font-size:19px;font-weight:800;color:var(--t1);margin-bottom:8px}
.jc-tags{display:flex;gap:7px;flex-wrap:wrap}
.jc-tag{background:var(--gp);color:var(--g);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}
.jc-tag.o{background:#FFF3E0;color:#E65100}
.jc-sal{font-size:20px;font-weight:900;color:var(--g);white-space:nowrap}
.jc-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.jc-time{font-size:12px;color:var(--t2);background:var(--bg1);border:1px dashed var(--bd);padding:4px 10px;border-radius:8px;white-space:nowrap;text-align:right}
.jc-body{padding:0 28px 24px;border-top:1px solid var(--bg1);display:grid;grid-template-columns:1fr 1fr;gap:28px}
.jc-sec-t{font-size:13px;font-weight:700;color:var(--t3);letter-spacing:1px;margin-bottom:10px;margin-top:20px}
.jc-list{display:flex;flex-direction:column;gap:7px}
.jc-li{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--t2);line-height:1.6}
.jc-li::before{content:'·';color:var(--g);font-size:18px;line-height:1;flex-shrink:0}
/* [旧容器样式移除] .jc-qr{...} 已改为全局右侧浮动容器 .jc-float */
.jc-qr-l{font-size:14px;font-weight:700;color:var(--t1);white-space:nowrap}
.jc-qr-imgs{display:flex;gap:22px;flex-wrap:wrap}
.jqr-item{display:flex;flex-direction:column;align-items:center;gap:8px}
.jqr-item img{width:104px;height:104px;border-radius:10px;border:1px solid var(--bd);background:#fff;object-fit:cover}
.jqr-nm{font-size:12px;color:var(--t2);font-weight:600;white-space:nowrap}
.jqr-box{width:70px;height:70px;background:#fff;border:1px solid var(--bd);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.jqr-l{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:3px}
.jqr-h{font-size:11px;color:var(--t3)}
/* 浏览器右侧全局浮动扫码容器: hover 显示二维码 */
.jc-float{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:999}
.jc-float-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:var(--tr);overflow:hidden}
.jc-float-btn .jc-float-ic{width:34px;height:34px;display:block;object-fit:contain}
.jc-float-btn:hover{box-shadow:0 8px 24px rgba(76,175,80,.35);transform:scale(1.06)}
.jc-float-text{font-size: 13px; color: #999;margin-top: 6px;}
.jc-float-pop{position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%);background:#fff;border-radius:16px;box-shadow:var(--shm);padding:14px;display:flex;gap:12px;width:max-content;opacity:1;visibility:visible;transition:var(--tr);z-index:1000}
.jc-float.pop-hidden .jc-float-pop{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0)}
/* 10s 后自动隐藏(pop-hidden 由 JS 添加),hover 时回显 */
/* .jc-float.pop-hidden .jc-float-pop{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) translateX(10px)} */
/* .jc-float.pop-hidden:hover .jc-float-pop{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0)} */
.jc-float-pop::after{content:'';position:absolute;top:50%;left:100%;transform:translateY(-50%);border:8px solid transparent;border-left-color:#fff}
.jc-float-pop .jqr-item{flex-shrink:0}
.jc-float-pop .jqr-item img{width:100px;height:100px;border-radius:8px;border:1px solid var(--bd);background:#fff;object-fit:cover;display:block}
@media (max-width:768px){
  .jc-float{top:auto;bottom:96px;right:12px;transform:none}
  .jc-float-btn{width:52px;height:52px}
  .jc-float-pop{right:calc(100% + 10px);top:auto;bottom:0;transform:translateY(0)}
  .jc-float.pop-hidden .jc-float-pop{transform:translateY(0) translateX(10px)}
  .jc-float.pop-hidden:hover .jc-float-pop{transform:translateY(0) translateX(0)}
}

/* ===== CONTACT ===== */
.ct-sec{padding:0}
.ct-inner{margin:0}
.ct-wrap{position:relative;background:#fff;overflow:hidden;padding:80px 64px; padding-top: 120px; min-height: 400px;}
.ct-wrap::after{content:'';position:absolute;top:0;right:0;bottom:0;width:55%;background:url('../static/image/contact/contact.png') bottom right/contain no-repeat}
.ct-info{position:relative;width:60%;display:flex;flex-direction:column;gap:28px;z-index:1}
.ct-co{font-size:26px;font-weight:900;color:var(--t1);line-height:1.3}
.ct-co small{display:block;font-size:13px;color:var(--t3);font-weight:500;margin-top:8px;letter-spacing:1px}
.ct-card{padding:6px 0; margin-top: 50px;}
.ct-card .ct-lbl{font-size:11px;color:var(--t3);letter-spacing:2px;margin-bottom:6px;text-transform:uppercase}
.ct-card .ct-val{font-size:18px;font-weight:800;color:var(--t1);line-height:1.4}
.ct-card .ct-val.ct-phone{color:var(--g);font-size:30px;letter-spacing:1px}
.ct-card .ct-val.ct-addr{display:inline-block;text-decoration:none; margin-top: 10px;}
.ct-card .ct-val.ct-addr:hover{text-decoration:underline;color:#1a66ff}
.qr-img-box{width:130px;height:130px;background:var(--bg1);border-radius:8px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:48px;border:1px solid var(--bd);overflow:hidden}
.qr-img-box img{width:100%;height:100%;object-fit:contain}
.qr-nm{font-size:15px;font-weight:700;color:var(--t1);margin-bottom:4px}
.qr-ht{font-size:12px;color:var(--t3)}

/* ANIMATIONS */
@keyframes fadeDn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.au{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.au.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
/* ===== SUPPLIER COOPERATION (SC) - 视觉焕新版 ===== */
.sc-wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* HERO - 深蓝渐变 + 网格 + blobs */
.sc-hero{
  background:linear-gradient(135deg,#1b5e20 0%,#2e7d32 45%,#4CAF50 70%,#81C784 130%);
  color:#fff;padding:170px 0 120px;position:relative;overflow:hidden;
}
.sc-hero::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:48px 48px;pointer-events:none;
}
.sc-hero::after{
  content:"";position:absolute;right:-120px;top:-120px;width:480px;height:480px;
  background:radial-gradient(circle,rgba(76,175,80,.35),transparent 60%);
  border-radius:50%;pointer-events:none;
}
.sc-hero-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 24px}
.sc-crumb{
  display:inline-flex;align-items:center;gap:8px;font-size:13px;
  background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;
  margin-bottom:18px;letter-spacing:1px;backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);
}
.sc-hero h1{font-size:46px;font-weight:900;letter-spacing:1px;margin:0;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.2)}
.sc-hero p{margin-top:18px;font-size:18px;max-width:680px;opacity:.94;line-height:1.7}

/* HERO STAT STRIP - 4 块 stat 卡片 */
.sc-hero-stats{
  margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  position:relative;z-index:2;max-width:1100px;
}
.sc-hs-card{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);border-radius:16px;padding:22px 24px;
  transition:.3s;
}
.sc-hs-card:hover{
  background:rgba(255,255,255,.14);transform:translateY(-3px);
  border-color:rgba(76,175,80,.6);
}
.sc-hs-card .sc-hs-num{font-size:34px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}
.sc-hs-card .sc-hs-lbl{font-size:13px;color:rgba(255,255,255,.75);margin-top:8px;letter-spacing:.5px}

/* TABS - 胶囊 */
.sc-tabs{margin-top:-46px;position:relative;z-index:5}
.sc-tabbar{
  display:inline-flex;gap:8px;background:#fff;padding:8px;
  border-radius:18px;box-shadow:0 12px 40px rgba(76,175,80,.12);
  width:fit-content;max-width:100%;position:relative;
}
.sc-tab{
  display:flex;align-items:center;gap:10px;padding:16px 30px;border-radius:12px;
  cursor:pointer;font-size:16px;font-weight:700;color:#5f6b60;transition:.3s;
  border:none;background:transparent;white-space:nowrap;
}
.sc-tab:hover{background:#e8f5e9;color:#4CAF50}
.sc-tab.active{
  background:linear-gradient(135deg,#4CAF50,#43a047);color:#fff;
  box-shadow:0 6px 18px rgba(76,175,80,.35);
}
.sc-tab .sc-tab-ic{font-size:20px; width: 32px; height: 32px; object-fit: cover;}

/* PANEL */
.sc-panel{display:none;padding:56px 0 80px;animation:scFade .4s ease}
.sc-panel.sc-show{display:block}
@keyframes scFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* SECTION HEADER */
.sc-sec-h{font-size:28px;font-weight:900;margin-bottom:8px;display:flex;align-items:center;gap:12px;color:#1b5e20}
.sc-sec-h .sc-bar{width:6px;height:28px;background:linear-gradient(180deg,#4CAF50,#81C784);border-radius:4px;display:inline-block}
.sc-sec-sub{color:#5f6b60;margin-bottom:32px;font-size:15px;max-width:680px;line-height:1.7}

/* 工厂供货 intro - 左侧彩色条 */
.sc-factory-intro{
  background:#fff;border-radius:20px;padding:36px;
  box-shadow:0 12px 36px rgba(76,175,80,.08);
  border:1px solid rgba(76,175,80,.06);position:relative;overflow:hidden;
}
.sc-factory-intro::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#4CAF50,#81C784);
}
.sc-factory-intro p{color:#3d4a40;margin-bottom:14px;font-size:15px;line-height:1.8}
.sc-f-list{list-style:none;margin-top:18px;display:grid;gap:14px;padding:0}
.sc-f-list li{
  display:flex;gap:14px;align-items:flex-start;font-size:15px;
  padding:14px 16px;background:#f6faf6;border-radius:12px;
  border-left:3px solid #81C784;color:#3a463c;line-height:1.7;
}
.sc-f-list li b{color:#1b5e20;font-weight:700}
.sc-f-list .sc-dot{
  flex:0 0 28px;height:28px;border-radius:8px;
  background:linear-gradient(135deg,#e8f5e9,#c8e6c9);
  color:#4CAF50;display:grid;place-items:center;font-weight:800;font-size:13px;
}

/* 部门网格 - emoji + hover 彩色条 */
.sc-dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.sc-dept-card{
  background:#fff;border:1px solid #e0e8e0;border-radius:18px;
  padding:28px 18px 24px;text-align:center;transition:.3s;
  position:relative;overflow:hidden;
  border-radius: 0 50px 50px 50px;

}
.sc-dept-card::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#4CAF50,#81C784);
  transform:scaleX(0);transform-origin:left;transition:.35s;
}
.sc-dept-card:hover{border-color:transparent;transform:translateY(-6px);box-shadow:0 16px 40px rgba(76,175,80,.15)}
.sc-dept-card:hover::after{transform:scaleX(1)}
.sc-dept-card .sc-d-img{
  width: 200px;
  height: 200px;
  object-fit: contain;
  border-radius: 0 30px 30px 30px;
  font-size:38px;margin-bottom:8px;display:inline-block;transition:.35s;
  filter:drop-shadow(0 4px 8px rgba(76,175,80,.15));
}
.sc-dept-card:hover .sc-d-emoji{transform:scale(1.12) rotate(-6deg)}
.sc-dept-card .sc-name{font-size:18px;font-weight:800;color:#1b5e20;margin-bottom:8px}
.sc-dept-card .sc-wx{font-size:13px;color:#5f6b60}
.sc-dept-card .sc-wx b{
  display:inline-block;color:#4CAF50;font-weight:700;
  background:#e8f5e9;padding:3px 12px;border-radius:8px;
  margin-top:6px;font-family:monospace;letter-spacing:.5px;
}

/* 服务矩阵 - 4 卡 */
.sc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.sc-svc{
  position: relative;
  background:#fff;border:1px solid #e0e8e0;border-radius:20px;
  padding:32px 28px;padding-left:200px; transition:.35s;position:relative;overflow:hidden;
}
.sc-svc::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,#4CAF50,#81C784,#e8833a);
  opacity:0;transition:.35s;
}
.sc-svc:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 50px rgba(76,175,80,.18)}
.sc-svc:hover::before{opacity:1}
.sc-svc .sc-em{
  font-size:32px;width:64px;height:64px;border-radius:18px;
  background:linear-gradient(135deg,#e8f5e9,#c8e6c9);
  color:#4CAF50;display:grid;place-items:center;
  margin-bottom:18px;box-shadow:0 6px 14px rgba(76,175,80,.12);
}
.sc-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 120px;
  height: 120px;
  object-fit: cover;
  transform: translateY(-50%);
}
.sc-svc h4{font-size:19px;margin:0 0 10px;color:#1b5e20;font-weight:800}
.sc-svc p{font-size:14.5px;color:#5f6b60;margin:0;line-height:1.7}

/* 价格表 - 2 份对比 */
.sc-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sc-pbox{
  background:#fff;border:1px solid #e0e8e0;border-radius:20px;
  padding:32px 30px;transition:.35s;position:relative;
}
.sc-pbox:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(76,175,80,.12)}
.sc-pbox h4{font-size:20px;margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#1b5e20;font-weight:800;padding-bottom:18px;border-bottom:1px solid #eef2ee}
.sc-pbox .sc-tag{font-size:12px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#4CAF50;padding:4px 12px;border-radius:999px;font-weight:700;border:1px solid #b9dfc0}
.sc-plist{list-style:none;display:grid;gap:14px;padding:0;margin:0}
.sc-plist li{display:flex;gap:14px;font-size:14.5px;color:#3a463c;padding:10px 0;border-bottom:1px dashed #eef2ee}
.sc-plist li:last-child{border-bottom:none}
.sc-plist .sc-k{flex:0 0 90px;color:#4CAF50;font-weight:700;font-size:14px;display:flex;align-items:center}
.sc-plist .sc-v{flex:1;color:#3a463c;line-height:1.7}
.sc-plist .sc-v b{color:#1b5e20;font-weight:800}
.sc-note{margin-top:18px;font-size:13px;color:#5f6b60;background:#f6faf6;border:1px dashed #e0e8e0;border-radius:12px;padding:12px 16px;line-height:1.7}

/* 仓库网格 - 9 仓按区域配色 */
.sc-wh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.sc-wh{background:#fff;border:1px solid #e0e8e0;border-radius:18px;padding:24px;transition:.35s;position:relative;overflow:hidden}
.sc-wh::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--wh-color,#0b5cad)}
.sc-wh:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(76,175,80,.12)}
.sc-wh .sc-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;margin-top:6px}
.sc-wh .sc-name{font-size:18px;font-weight:800;color:#1b5e20}
.sc-wh .sc-cnt{font-size:13px;color:var(--wh-color,#0b5cad);font-weight:700;background:#e8f5e9;padding:4px 10px;border-radius:999px}
.sc-wh .sc-region{font-size:13px;color:#5f6b60;margin-bottom:14px}
.sc-wh .sc-cities{display:flex;flex-wrap:wrap;gap:6px}
.sc-wh .sc-cities span{font-size:11.5px;background:#f1f8f1;border:1px solid #e0e8e0;color:#4e5c52;padding:3px 10px;border-radius:999px;transition:.25s}
.sc-wh .sc-cities span:hover{background:var(--wh-color,#0b5cad);color:#fff;border-color:transparent;transform:translateY(-1px)}

/* 流程步骤 - 顶部连线 */
.sc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;margin-top:24px;counter-reset:scstep}
.sc-flow::before{
  content:"";position:absolute;left:10%;right:10%;top:34px;height:3px;
  background:linear-gradient(90deg,#4CAF50 0%,#81C784 100%);
  z-index:0;border-radius:2px;opacity:.35;
}
.sc-step{background:#fff;border:1px solid #e0e8e0;border-radius:18px;padding:24px 20px;transition:.35s;position:relative;z-index:1}
.sc-step:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 14px 36px rgba(76,175,80,.15)}
.sc-step .sc-num{
  counter-increment:scstep;width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#4CAF50,#81C784);color:#fff;
  display:grid;place-items:center;font-weight:900;margin-bottom:14px;font-size:18px;
  box-shadow:0 6px 16px rgba(76,175,80,.35);
}
.sc-step .sc-num::before{content:counter(scstep)}
.sc-step h5{font-size:17px;margin:0 0 8px;color:#1b5e20;font-weight:800}
.sc-step p{font-size:14px;color:#5f6b60;margin:0;line-height:1.7}

/* 联系卡 */
.sc-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
.sc-contact-card2{
  background:#fff;border:1px solid #e0e8e0;border-radius:20px;
  padding:48px 36px;transition:.35s;position:relative;overflow:hidden;text-align:center;
}
.sc-contact-card2::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,#4CAF50,#81C784);
  transform:scaleX(0);transform-origin:left;transition:.35s;
}
.sc-contact-card2:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 18px 44px rgba(76,175,80,.18)}
.sc-contact-card2:hover::after{transform:scaleX(1)}
.sc-contact-card2 .sc-cc-em{
  width:100px;height:100px;
  font-size:32px;display:grid;place-items:center;
  margin:0 auto 18px;
}
.sc-contact-card2 h4{font-size:22px;margin:0 0 10px;color:#1b5e20;font-weight:800}
.sc-contact-card2 p{font-size:14.5px;color:#5f6b60;margin:0 0 22px;line-height:1.7}
.sc-contact-card2 .sc-cc-code{
  display:inline-block;
  background:linear-gradient(135deg,#e8f5e9,#e8f5e9);
  border:1.5px dashed #4CAF50;color:#2e7d32;
  font-size:26px;font-weight:900;padding:14px 32px;border-radius:14px;
  letter-spacing:1px;font-family:monospace;
}

/* 响应式 */
@media(max-width:980px){
  .sc-dept-grid{grid-template-columns:1fr 1fr}
  .sc-cards,.sc-wh-grid{grid-template-columns:1fr 1fr}
  .sc-flow{grid-template-columns:1fr 1fr}
  .sc-price-grid{grid-template-columns:1fr}
  .sc-hero h1{font-size:34px}
  .sc-hero-stats{grid-template-columns:1fr 1fr;gap:14px}
  .sc-flow::before{display:none}
}
@media(max-width:560px){
  .sc-dept-grid{grid-template-columns:1fr}
  .sc-cards,.sc-wh-grid,.sc-flow{grid-template-columns:1fr}
  .sc-contact-grid{grid-template-columns:1fr}
  .sc-tabbar{width:100%}.sc-tab{flex:1;justify-content:center;padding:14px 10px}
  .sc-hero h1{font-size:28px}
  .sc-hero{padding:140px 0 90px}
  .sc-hero-stats{grid-template-columns:1fr 1fr}
}

/* ============================================================
   全站移动端 / 平板响应式适配
   ============================================================ */
/* ---------- 平板(≤1024px) ---------- */
@media(max-width:1024px){
  .nav{padding:0 24px}
  .nav-link{padding:8px 12px;font-size:14px}
  .container{padding:0 24px}
  .cult-cards{grid-template-columns:repeat(3,1fr);gap:16px}
  .cities-g{grid-template-columns:repeat(3,1fr);gap:16px}
  .mgr-g{grid-template-columns:repeat(2,1fr);gap:18px}
  .honor-g{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 24px}
  .footer-top{grid-template-columns:1fr 1fr;gap:36px 32px}
  .footer{padding:56px 24px 28px}
  .tl-viewport{height:420px}
  .tl-item{width:220px;height:350px}
  .deli-feats{grid-template-columns:repeat(2,1fr)}
  .wh-grid{grid-template-columns:repeat(2,1fr)}
  .sc-wrap{padding:0 20px}
  .sc-hero-inner{padding:0 20px}
  .intro{height:auto}
  .intro-l{padding:56px 40px}
  .intro-r{min-height:320px}
}

/* ---------- 手机 / 平板竖屏(≤768px) ---------- */
@media(max-width:768px){
  /* 顶部导航:固定白底 + 菜单横向滑动 + 隐藏下拉 */
  .nav{height:60px;padding:0 16px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);box-shadow:var(--sh)}
  .nav.light{background:rgba(255,255,255,.97)}
  .nav .logo-name,.nav.light .logo-name{color:var(--t1)}
  .nav .nav-link,.nav.light .nav-link{color:var(--t1);padding:8px 10px;font-size:13px}
  .nav .nav-link:hover,.nav .nav-link.active,.nav.light .nav-link:hover,.nav.light .nav-link.active{color:var(--g);background:var(--gp)}
  .nav-cta,.nav.light .nav-cta{background:var(--g)!important;color:#fff!important;padding:8px 16px!important;font-size:13px!important}
  .logo-img{width:44px;height:44px;border-radius:10px}
  .logo-name{font-size:16px}
  .nav-inner{gap:12px}
  .nav-menu{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:2px;scrollbar-width:none;flex:1;min-width:0;max-width:calc(100vw - 140px)}
  .nav-menu::-webkit-scrollbar{display:none}
  .dropdown{display:none}

  .container{padding:0 20px}
  .sec-head{margin-bottom:40px}
  .sec-desc{font-size:14px}
  .sub-hero{height:250px;padding-top:60px}
  .sub-h1{font-size:34px}
  .subnav-inner{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .subnav-inner::-webkit-scrollbar{display:none}
  .sn-item{padding:14px 16px;font-size:13px}
  .subnav{top:60px}

  /* 首页 hero / intro */
  .hero{height:clamp(460px,72vh,700px)}
  .hero-content{padding:0 16px}
  .hero-h1{font-size:22px;line-height:1.3;word-break:keep-all}
  .hero-sub{font-size:13px;line-height:1.7}
  .hero-badge{padding:5px 12px;font-size:12px;margin-bottom:14px}
  .hero-btns{flex-wrap:wrap;justify-content:center}
  .btn-g,.btn-o{padding:12px 24px;font-size:15px}
  .intro{flex-direction:column;height:auto;padding:0}
  .intro-l{padding:44px 20px 0;width:100%}
  .intro-p{width:100%;font-size:14px}
  .intro-r{width:100%;padding-top:28px;min-height:0;height:280px}
  .intro-r img{width:100%;height:100%;object-fit:cover;border-radius:0}
  .intro::after{display:none}

  /* 数据条 */
  .stats-g{grid-template-columns:repeat(2,1fr);padding:0 20px;gap:20px 0}
  .stat:not(:last-child)::after{display:none}

  /* 企业文化卡片 */
  .culture{padding:56px 0}
  .cult-cards{grid-template-columns:1fr;padding:0 20px;gap:20px}
  .cult-card{height:280px}
  .cult-d{height:auto;opacity:1}

  /* 合作伙伴 */
  .partners-sec{padding:56px 20px}
  .p-grid{grid-auto-columns:108px;grid-template-rows:repeat(2,96px);gap:16px 12px}
  .p-logo{width:108px;height:68px}
  .p-name{font-size:11px}

  /* 城市 */
  .cities-sec{padding:56px 0}
  .cities-g{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 20px}
  .city-card{height:170px}

  /* 页脚 */
  .footer{padding:48px 20px 24px}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px 20px;margin-bottom:32px}
  .footer-bot{flex-direction:column;gap:8px;text-align:center}
  .f-social{justify-content:flex-start}
  /* 页脚二维码气泡:手机改为屏幕底部居中弹出,避免溢出 */
  .f-bubble{position:fixed;left:50%;bottom:16px;transform:translate(-50%,16px);z-index:300;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px);padding:14px 16px;gap:12px;top:auto;white-space:normal}
  .f-btn:hover .f-bubble{transform:translate(-50%,0)}
  .f-bubble::after{display:none}
  .f-qr{width:96px;height:96px}
  .f-bubble-i{min-width:84px}
  .f-qr-lbl{font-size:10px}

  /* 关于页 */
  .about-sec{padding:56px 0;scroll-margin-top:120px}
  .a-intro-g{grid-template-columns:1fr;gap:40px}
  .a-h2{font-size:28px}
  .a-stats{padding:16px 8px;gap:6px}
  .a-st-n{font-size:20px}
  #about-timeline .container{padding:0 16px}
  .tl-viewport{height:350px}
  .tl{padding:56px 20px 16px}
  .tl-item{width:196px;height:300px;margin-right:20px}
  .tl-content{padding:12px 14px}
  .tl-yr{font-size:15px}
  .tl-ev{font-size:13px}
  .tl-dt{font-size:11px}
  .gmv-g{padding:0 6px;height:300px;gap:4px}
  .gmv-bar{width:72%;max-width:22px}
  .gmv-n{font-size:10px}
  .gmv-t{font-size:10px}
  .org-sec{padding:48px 20px}
  .org-root-img{width:100%!important;height:auto!important;max-width:520px}
  .mgr-g{grid-template-columns:repeat(2,1fr);gap:14px}
  .mgr-avatar{height:170px}
  .mgr-name{font-size:16px}
  .mgr-desc{padding:0 14px;font-size:12px}
  .wh-hero{padding:48px 0}
  .wh-hero-inner{grid-template-columns:1fr;gap:32px;padding:0 20px}
  .wh-h{font-size:28px}
  .wh-stats{grid-template-columns:1fr 1fr;gap:14px}
  .wh-s{padding:18px 12px}
  .wh-sn{font-size:28px}
  .wh-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}
  .deli-stats{grid-template-columns:repeat(2,1fr);gap:12px}
  .deli-feats{grid-template-columns:1fr;gap:12px}
  .deli-title{font-size:22px}
  .honor-g{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 20px}

  /* 加入我们 */
  .join-sec{padding:48px 20px}
  .join-bene-g{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px}
  .jb{padding:16px 8px}
  .jb-img{width:80px;height:80px}
  .jb-t{font-size:11px}
  .city-filter{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
  .city-filter::-webkit-scrollbar{display:none}
  .cf-btn{padding:6px 14px;font-size:12px;white-space:nowrap}
  .job-search{max-width:100%}
  .jc-head{padding:18px 16px;flex-direction:column;align-items:flex-start;gap:12px}
  .jc-right{align-items:flex-start}
  .jc-time{text-align:left;white-space:normal}
  .jc-body{grid-template-columns:1fr;gap:0;padding:0 16px 20px}
  .jc-t{font-size:17px}

  /* 联系我们 */
  .ct-wrap{padding:56px 20px}
  .ct-wrap::after{width:100%;opacity:.12}
  .ct-info{width:100%;gap:16px}
  .ct-co{font-size:21px}
  .ct-co small{font-size:12px}
  .ct-card{margin-top:24px}
  .ct-card .ct-val{font-size:16px;word-break:break-all}
  .ct-card .ct-val.ct-addr{margin-top:0}

  /* 供应商合作(补充 768 断点) */
  .sc-svc{padding:24px 20px;padding-left:0}
  .sc-svc .sc-icon{position:static;transform:none;width:96px;height:96px;margin:0 auto 16px}
  .sc-svc h4{text-align:center}
  .sc-svc p{text-align:center}
  .sc-contact-card2{padding:32px 20px}
  .sc-wh{padding:20px 16px}
  .sc-plist .sc-k{flex:0 0 68px}
  .sc-tab{padding:12px 14px;font-size:14px}
  .sc-tab .sc-tab-ic{width:24px;height:24px}
  .sc-sec-h{font-size:22px}
}

/* ---------- 小屏手机(≤480px) ---------- */
@media(max-width:480px){
  .footer-top{grid-template-columns:1fr}
  .mgr-g{grid-template-columns:1fr}
  .join-bene-g{grid-template-columns:repeat(2,1fr)}
  .jb-img{width:72px;height:72px}
  .tl-item{width:178px}
  .gmv-n{font-size:9px}
  .gmv-t{font-size:9px}
  .honor-g{grid-template-columns:1fr 1fr;gap:10px}
  .cult-card{height:250px}
  .city-card{height:150px}
  .a-stats{grid-template-columns:repeat(3,1fr)}
  .f-qr{width:88px;height:88px}
}