/* ============================================================
   BLUEWHALE EXPRESS — style.css
   严格映射 Ardot 设计稿（画布 1440 逻辑宽）· 蓝色版
   ============================================================ */
:root{
  --blue:#1668DC;           /* 主蓝 */
  --blue-bright:#2E8BEF;    /* 亮蓝（CTA） */
  --navy:#0A2952;           /* 深海军蓝（深色底/CTA 文字） */
  --blue-text:#1668DC;
  --ink:#0F172A;            /* 标题深色 */
  --sub:#5B6C80;            /* 正文蓝灰 */
  --muted:#8FB0CC;          /* 深底上的次要文字 */
  --muted-dim:#6E85A0;      /* 页脚版权 */
  --border:#E4EAF2;         /* 描边 */
  --bg-light:#F6F8FC;       /* 浅蓝灰底 */
  --bg-mist:#E8F2FC;        /* Hero 渐变起点 */
  --chip:#E7F0FC;           /* 图标底/标签底 */
  --badge:#E7F0FC;          /* 宗旨徽章底 */
  --white:#FFFFFF;
  --footer-bg:#051C38;      /* 页脚底 */
  --divider:#1C3354;        /* 页脚分隔线 */
  --shadow-card:0 8px 24px -4px rgba(10,41,82,.06);
  --shadow-form:0 24px 48px -8px rgba(0,0,0,.25);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:'Noto Sans SC','DM Sans','Inter',sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
img{display:block;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;border:none;cursor:pointer;background:none;}

/* ---------- 画布等比缩放容器 ---------- */
#page{width:1440px;margin:0 auto;transform-origin:top left;}

/* ---------- 顶部导航 ---------- */
.header{display:flex;align-items:center;padding:20px 120px;background:var(--white);position:fixed;top:0;left:0;z-index:100;width:1440px;transform-origin:top left;box-shadow:0 2px 14px rgba(10,41,82,.08);}
.logo{display:flex;align-items:center;gap:10px;}
.logo img{width:92px;height:44px;object-fit:contain;}
.logo .brand{display:flex;flex-direction:column;gap:2px;}
.logo .brand-cn{font-size:19px;font-weight:700;color:var(--navy);line-height:1.2;}
.logo .brand-en{font-size:9px;font-weight:600;font-family:'DM Sans',sans-serif;color:var(--sub);letter-spacing:.04em;}
.nav{display:flex;gap:40px;margin-left:auto;margin-right:24px;}
.nav a{font-size:15px;font-weight:500;color:var(--ink);}
.nav a.active{color:var(--blue-text);font-weight:600;}
.nav a:hover{color:var(--blue-text);}
.cta-btn{background:var(--navy);color:#fff;font-size:15px;font-weight:600;padding:11px 26px;border-radius:8px;}
.cta-btn:hover{background:#0E3566;}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(180deg,var(--bg-mist) 0%,#FAFCFE 100%);padding:88px 120px;}
.hero-inner{display:flex;gap:64px;align-items:flex-start;}
.hero-copy{flex:1;display:flex;flex-direction:column;gap:26px;}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#D8E9FB;color:#0B4DA0;font-size:13px;font-weight:500;padding:7px 16px;border-radius:999px;width:fit-content;}
.hero-badge .dot{width:6px;height:6px;border-radius:3px;background:var(--blue-text);}
.hero h1{font-size:54px;line-height:68px;font-weight:700;color:var(--ink);white-space:pre-line;}
.hero .lede{font-size:16px;line-height:30px;color:var(--sub);}
.hero-actions{display:flex;gap:16px;}
.btn-primary{background:var(--navy);color:#fff;font-size:16px;font-weight:600;padding:15px 32px;border-radius:8px;}
.btn-primary:hover{background:#0E3566;}
.btn-secondary{background:#fff;color:var(--navy);font-size:16px;font-weight:600;padding:14px 30px;border-radius:8px;border:1px solid var(--navy);}
.btn-secondary:hover{background:#F0F5FB;}
.hero-stats{display:flex;padding-top:10px;}
.hero-stats .stat{margin-right:72px;}
.hero-stats .stat:last-child{margin-right:0;}
.hero-stats .num{font-family:'DM Sans',sans-serif;font-size:30px;font-weight:700;color:var(--blue-text);}
.hero-stats .lab{font-size:13px;color:var(--sub);margin-top:4px;}
.hero-visual{width:480px;height:460px;flex-shrink:0;border-radius:16px;overflow:hidden;}
.hero-visual img{width:100%;height:100%;object-fit:cover;}

/* ---------- 通用板块头 ---------- */
.sec-head{display:flex;flex-direction:column;gap:14px;}
.eyebrow{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--blue-text);}
.sec-title{font-size:38px;font-weight:700;color:var(--ink);}
.sec-title.lg34{font-size:34px;}
.sec-sub{font-size:16px;color:var(--sub);}

/* ---------- 合作伙伴 ---------- */
.partners{background:#fff;padding:72px 120px;}
.partner-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:44px;}
.partner-card{width:386px;background:var(--bg-light);border-radius:10px;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:75px;transition:transform .18s ease,box-shadow .18s ease;}
.partner-card.tall{min-height:90px;}
.partner-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);}
.partner-card .abbr{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:700;color:#1E293B;}
.partner-card .full{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--sub);}

/* ---------- 物流服务 ---------- */
.services{background:#fff;padding:96px 120px;}
.service-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:52px;}
.service-card{width:384px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;}
.service-card .icon{width:52px;height:52px;border-radius:12px;background:var(--chip);display:flex;align-items:center;justify-content:center;}
.service-card .icon img{width:52px;height:52px;}
.service-card h3{font-size:19px;font-weight:600;color:var(--ink);}
.service-card p{font-size:14px;line-height:24px;color:var(--sub);}
.more-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--blue-text);margin-top:auto;width:fit-content;}
.more-link img{width:16px;height:16px;}

/* ---------- 公司介绍 ---------- */
.about{background:var(--bg-light);padding:96px 120px;}
.about-inner{display:flex;gap:72px;align-items:flex-start;}
.about-visual{width:520px;height:430px;flex-shrink:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#1668DC 0%,#0A2952 100%);display:flex;align-items:center;justify-content:center;}
.about-visual img{width:100%;height:100%;object-fit:cover;display:block;}
.about-copy{flex:1;display:flex;flex-direction:column;gap:18px;}
.about-copy h2{font-size:36px;line-height:50px;font-weight:700;color:var(--ink);white-space:pre-line;margin-top:2px;}
.about-copy .para{font-size:15px;line-height:28px;color:var(--sub);}
.mission{display:flex;flex-direction:column;gap:14px;padding-top:8px;}
.mission .m-lab{font-size:13px;font-weight:600;color:var(--blue-text);}
.mission-badges{display:flex;gap:12px;}
.mission-badges .badge{background:var(--badge);color:var(--navy);font-size:14px;font-weight:500;padding:10px 18px;border-radius:8px;}
.adv-list{display:flex;flex-direction:column;gap:14px;padding-top:8px;}
.adv{display:flex;align-items:center;gap:10px;}
.adv .check{width:20px;height:20px;flex-shrink:0;}
.adv span{font-size:15px;font-weight:500;color:var(--ink);}
.milestone{display:flex;flex-direction:column;gap:14px;padding-top:8px;}
.milestone .m-title-row{display:flex;align-items:center;gap:8px;}
.milestone .bar{width:18px;height:3px;border-radius:2px;background:var(--blue-text);}
.milestone .m-title{font-size:14px;font-weight:600;color:var(--navy);}
.milestone-row{display:flex;justify-content:space-between;}
.milestone-row .ms{display:flex;flex-direction:column;gap:4px;}
.milestone-row .year{font-family:'DM Sans',sans-serif;font-size:24px;font-weight:700;color:var(--blue-text);}
.milestone-row .desc{font-size:13px;color:var(--sub);}
.certs{display:flex;flex-direction:column;gap:14px;padding-top:8px;}
.certs .m-title-row{display:flex;align-items:center;gap:8px;}
.cert-row{display:flex;gap:16px;}
.cert-card{flex:1;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;}
.cert-card img{width:100%;height:190px;object-fit:cover;border-radius:6px;}
.cert-card span{font-size:12px;font-weight:500;color:var(--sub);}

/* ---------- 公司风采 ---------- */
.gallery{background:#fff;padding:96px 120px;}
.gallery-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:44px;}
.gallery-grid .ph{width:386px;height:280px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#EEF3F9;}
.gallery-grid .ph img{width:100%;height:100%;object-fit:cover;}

/* ---------- 服务案例 ---------- */
.cases{background:#fff;padding:96px 120px;}
.case-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:52px;}
.case-card{width:384px;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;}
.case-card .img{width:100%;height:200px;object-fit:cover;}
.case-body{padding:24px;display:flex;flex-direction:column;gap:10px;}
.case-tag{display:inline-block;background:var(--chip);color:#0B4DA0;font-size:12px;font-weight:500;padding:4px 12px;border-radius:999px;width:fit-content;}
.case-card h3{font-size:18px;font-weight:600;color:var(--ink);}
.case-card p{font-size:14px;line-height:24px;color:var(--sub);}

/* ---------- 联系我们 ---------- */
.contact{background:var(--navy);padding:96px 120px;display:flex;gap:72px;align-items:flex-start;}
.contact-info{flex:1;display:flex;flex-direction:column;gap:24px;}
.contact-info .eyebrow{color:#7CB8F0;}
.contact-info h2{font-size:38px;font-weight:700;color:#fff;}
.contact-info .c-sub{font-size:16px;line-height:28px;color:#A8C4DC;}
.ci-list{display:flex;flex-direction:column;gap:20px;padding-top:12px;}
.ci{display:flex;align-items:center;gap:14px;}
.ci img{width:40px;height:40px;flex-shrink:0;}
.ci .txt{display:flex;flex-direction:column;gap:3px;}
.ci .lab{font-size:13px;color:var(--muted);}
.ci .val{font-size:16px;font-weight:600;color:#fff;}
.ci .val.inter{font-family:'Inter','Noto Sans SC',sans-serif;}
.ci .name{font-size:16px;font-weight:600;color:#fff;}
.ci .name:empty{display:none;}
.ci .val.mut{font-size:14px;font-weight:400;color:#A8C4DC;}
.quote-card{width:460px;flex-shrink:0;background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-form);align-self:flex-start;}
.quote-card h3{font-size:21px;font-weight:700;color:var(--ink);}
.quote-card .note{font-size:13px;color:var(--sub);}
.field{display:flex;flex-direction:column;gap:8px;}
.field label{font-size:13px;font-weight:500;color:#334155;}
.field input,.field textarea{width:100%;background:#F6F8FC;border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:14px;font-family:inherit;color:var(--ink);outline:none;resize:none;}
.field input:focus,.field textarea:focus{border-color:var(--blue-text);}
.field input::placeholder,.field textarea::placeholder{color:#9AA5B1;}
.field textarea{height:96px;line-height:22px;}
.submit-btn{background:var(--blue-bright);color:#062A55;font-size:15px;font-weight:700;padding:14px 0;border-radius:8px;}
.submit-btn:hover{background:#1D7DE0;}
.form-msg{font-size:13px;color:var(--blue-text);display:none;}
.form-msg.show{display:block;}

/* ---------- 页脚 ---------- */
.footer{background:var(--footer-bg);padding:64px 120px 28px;display:flex;flex-direction:column;gap:48px;}
.footer-top{display:flex;gap:60px;}
.f-brand{width:320px;display:flex;flex-direction:column;gap:14px;}
.f-logo{display:flex;align-items:center;gap:10px;}
.f-logo img{width:120px;height:56px;object-fit:contain;}
.f-logo span{font-size:18px;font-weight:700;color:#fff;}
.f-brand p{font-size:14px;line-height:24px;color:var(--muted);}
.f-col{display:flex;flex-direction:column;gap:14px;}
.f-col h4{font-size:15px;font-weight:600;color:#fff;}
.f-col a,.f-col span{font-size:14px;color:var(--muted);}
.f-col a:hover{color:#fff;}
.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;}
.footer-bottom span{font-size:13px;color:var(--muted-dim);}
.footer-divider{width:100%;height:1px;background:var(--divider);}

/* ---------- 语言切换器 ---------- */
#langbar{display:flex;gap:2px;padding:3px;background:var(--bg-light);border:1px solid var(--border);border-radius:999px;margin-right:24px;flex-shrink:0;}
#langbar button{font-size:12px;font-weight:600;color:var(--sub);padding:6px 14px;border-radius:999px;}
#langbar button.on{background:var(--navy);color:#fff;}
#langbar button:hover{color:var(--blue-text);}
#langbar button.on:hover{color:#fff;}