:root{
    --ease: cubic-bezier(.37,0,.63,1);
    --fade: 5s;   /* 配色组之间的过渡时长 */
  }
  *{ box-sizing:border-box; }
  html,body{ margin:0; min-height:100%; }
  html{ scroll-behavior:smooth; background:var(--page-bg, #DEE5C1); }
  body{
    overflow-x:hidden; background:var(--page-bg, #DEE5C1);
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  }

  /* 只保留背景：亮色为主的流动网格渐变。
     每组配色 = 一层，层内多个柔和色斑缓慢浮动，层与层之间交叉淡入淡出。 */
  .bg{ position:fixed; inset:0; z-index:0; overflow:hidden; }

  .layer{
    position:absolute; inset:0; opacity:0;
    transition:opacity var(--fade) var(--ease);
    will-change:opacity;
  }
  .layer.active{ opacity:1; }

  .blob{
    position:absolute; border-radius:50%;
    transform:translateZ(0);
    will-change:transform;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-direction:alternate;
  }
  body.bg-paused .blob{ animation-play-state:paused; }
  /* 只让当前显示的那一层的色斑参与动画；隐藏层(opacity:0)的色斑冻结，
     省掉大量看不见却仍在跑的 GPU 合成开销 */
  .layer:not(.active) .blob{ animation-play-state:paused; }

  /* 缓慢、错位的浮动，营造“微微流动”的自然感 */
  @keyframes floatA{ from{ transform:translate(0,0) scale(1);    } to{ transform:translate(6%,5%)   scale(1.14);} }
  @keyframes floatB{ from{ transform:translate(0,0) scale(1.06); } to{ transform:translate(-6%,7%)  scale(1);   } }
  @keyframes floatC{ from{ transform:translate(0,0) scale(1);    } to{ transform:translate(5%,-6%)  scale(1.12);} }
  @keyframes floatD{ from{ transform:translate(0,0) scale(1.04); } to{ transform:translate(-5%,-5%) scale(1.16);} }

  @media (prefers-reduced-motion: reduce){
    .layer{ transition:none; }
    .blob{ animation:none !important; }
  }

  /* ---------- 顶部公司导航条 ---------- */
  .topbar{
    position:fixed; top:0; left:0; right:0; z-index:10;
    display:flex; align-items:center; gap:24px;
    height:74px; padding:0 clamp(18px,3vw,46px);
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#fff;
    background:transparent; border-bottom:1px solid transparent;
    transition:color .4s ease, background .4s ease, backdrop-filter .4s ease, border-color .4s ease;
  }
  /* 内容滚动到导航条下方时，出现磨砂模糊底，文字变黑 */
  .topbar.scrolled{
    color:#141014;
    background:rgba(239,238,232,.62);
    -webkit-backdrop-filter:blur(18px) saturate(1.4);
    backdrop-filter:blur(18px) saturate(1.4);
    border-bottom-color:rgba(20,16,20,.08);
  }
  /* 下拉菜单展开时：眉页不再纯透明，加一层磨砂白底，字色同步变深 */
  body:has(.megamenu.open) .topbar{
    color:#141014;
    background:rgba(255,255,255,.74);
    -webkit-backdrop-filter:blur(20px) saturate(1.35);
    backdrop-filter:blur(20px) saturate(1.35);
    border-bottom-color:rgba(20,16,20,.06);
  }
  .tb-left{
    display:flex; align-items:center; gap:10px; white-space:nowrap;
    min-width:340px;                              /* 稳定左侧宽度，中英文切换不错位 */
  }
  .tb-the, .tb-brand, .tb-co{ line-height:1; display:inline-flex; align-items:center; }
  .tb-the{ font-size:12px; letter-spacing:.16em; font-weight:700; }
  .tb-brand{ font-size:22px; letter-spacing:.02em; font-weight:900; }
  .tb-co{ font-size:12px; letter-spacing:.16em; font-weight:700; }

  /* 中文态视觉修正：CJK 字符方正、笔画重，需要略微减小字号、收紧字距，才和拉丁字体等重 */
  [data-lang="zh"] .tb-brand{ font-size:24px; letter-spacing:.04em; margin-left:38px; }
  [data-lang="zh"] .tb-co{ font-size:12px; letter-spacing:.14em; }
  [data-lang="zh"] .tb-nav a{ letter-spacing:.02em; }
  [data-lang="zh"] .region{ letter-spacing:.02em; }

  .tb-nav{ margin-left:auto; display:flex; align-items:center; gap:clamp(14px,2vw,32px); }
  .tb-nav a{ color:currentColor; text-decoration:none; font-size:15px; font-weight:600; opacity:.88; cursor:pointer; display:inline-flex; align-items:center; gap:4px; line-height:1; transition:opacity .2s; }
  .tb-nav a:hover{ opacity:1; }
  .tb-nav a.ext svg{ width:13px; height:13px; }

  .tb-actions{ display:flex; align-items:center; gap:12px; }
  .region{
    display:inline-flex; align-items:center; gap:7px; padding:8px 15px;
    border-radius:999px; border:1.5px solid currentColor; background:transparent;
    color:currentColor; font-size:14px; font-weight:600; cursor:pointer; line-height:1;
    opacity:.7; transition:opacity .2s;
  }
  .region:hover{ opacity:1; }
  .region svg{ width:16px; height:16px; flex-shrink:0; }
  .search{
    width:44px; height:44px; border-radius:50%; border:none; background:#fff; color:#141014;
    display:grid; place-items:center; cursor:pointer; transition:transform .2s, background .4s, color .4s;
  }
  .topbar.scrolled .search,
  body:has(.megamenu.open) .topbar .search{ background:#141014; color:#fff; }
  .search:hover{ transform:scale(1.06); }
  .search svg{ width:18px; height:18px; }

  /* ===== Background picker ===== */
  .bgpick-wrap{ position:relative; }
  .bgpick{
    display:inline-flex; align-items:center; gap:6px; padding:8px 12px;
    border-radius:999px; border:1.5px solid currentColor; background:transparent;
    color:currentColor; cursor:pointer; line-height:1;
    opacity:.75; transition:background-color .2s, opacity .2s;
  }
  .bgpick:hover{ opacity:1; background:color-mix(in srgb, currentColor 10%, transparent); }
  .bgpick svg{ width:17px; height:17px; flex-shrink:0; }
  .bgpick .caret{ width:11px; height:11px; transition:transform .25s ease; }
  .bgpick.open .caret{ transform:rotate(180deg); }

  .bg-menu{
    position:absolute; top:calc(100% + 12px); right:0; z-index:40;
    width:230px; padding:12px; border-radius:16px;
    background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(18px) saturate(1.4); backdrop-filter:blur(18px) saturate(1.4);
    border:1px solid rgba(20,16,20,.08); box-shadow:0 20px 46px rgba(20,16,20,.18);
    opacity:0; transform:translateY(-8px); pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
  }
  .bg-menu.open{ opacity:1; transform:translateY(0); pointer-events:auto; }
  .bg-menu-title{ margin:2px 6px 8px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(20,16,20,.5); }
  .bg-opt{ display:flex; align-items:center; gap:11px; width:100%; padding:10px; border:none; background:transparent; border-radius:11px; cursor:pointer; font-size:14px; font-weight:600; color:#141014; text-align:left; transition:background-color .18s; }
  .bg-opt:hover{ background:rgba(20,16,20,.06); }
  .bg-opt.active{ background:rgba(20,16,20,.09); }
  .bg-dot{ width:22px; height:22px; border-radius:50%; flex-shrink:0; border:1px solid rgba(20,16,20,.14); }
  .bg-dot.dyn{ background:conic-gradient(from 0deg,#C7D985,#ABCCC5,#C1C4E1,#DCCBDE,#C7D985); }
  .bg-swatches{ display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin-top:11px; padding-top:12px; border-top:1px solid rgba(20,16,20,.09); }
  .bg-chip{ aspect-ratio:1; border-radius:50%; border:1px solid rgba(20,16,20,.16); cursor:pointer; padding:0; transition:transform .18s ease; }
  .bg-chip:hover{ transform:scale(1.14); }
  .bg-chip.active{ box-shadow:0 0 0 2px #fff, 0 0 0 4px #141014; }

  body[data-bg="static"]{ background:var(--static-bg,radial-gradient(72% 68% at 16% 12%,rgba(199,217,133,.85) 0%,rgba(199,217,133,0) 60%),radial-gradient(66% 62% at 84% 10%,rgba(193,218,197,.75) 0%,rgba(193,218,197,0) 58%),radial-gradient(78% 74% at 24% 90%,rgba(199,217,133,.6) 0%,rgba(199,217,133,0) 62%),#DEE5C1); background-attachment:fixed; }
  body[data-bg="static"] .bg{ display:none; }

  [data-lang="zh"] .tb-the{ display:none; }

  /* ---------- 关于我们 悬停面板 ---------- */
  .tb-nav a{ position:relative; }
  .tb-nav a.has-menu.is-open::after,
  .tb-nav a:hover::after{
    content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; background:currentColor;
  }

  .megamenu{
    position:fixed; top:74px; left:0; right:0; z-index:9;
    background:#EFEEE8;
    padding:44px clamp(24px,4vw,72px) 52px;
    display:none; gap:clamp(32px,4vw,72px);
    align-items:stretch;
    height:440px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
    box-shadow:0 24px 40px -28px rgba(20,16,20,.18);
  }
  .megamenu.open{ display:flex; }

  /* 下拉面板内容入场：从上到下渐显 */
  .megamenu.open > *{ opacity:0; transform:translateY(-12px); animation:mmFadeIn .28s ease-out forwards; }
  .megamenu.open > :nth-child(1){ animation-delay:.02s; }
  .megamenu.open > :nth-child(2){ animation-delay:.07s; }
  .megamenu.open > :nth-child(3){ animation-delay:.12s; }
  @keyframes mmFadeIn{
    from{ opacity:0; transform:translateY(-12px); }
    to{   opacity:1; transform:translateY(0); }
  }

  .mm-image{
    align-self:flex-start; flex:0 0 auto;
    width:344px; height:344px;
    background:#DAD7CE; border-radius:2px;
    display:flex; align-items:center; justify-content:center;
    color:rgba(20,16,20,.32); font-size:12px; letter-spacing:.14em;
  }
  .mm-image::before{ content:"IMG " attr(data-img); }
  [data-lang="zh"] .mm-image::before{ content:"图片 " attr(data-img); letter-spacing:.06em; }

  .mm-main{ flex:0 1 460px; padding-top:4px; display:flex; flex-direction:column; }
  .mm-title{ font-size:44px; font-weight:900; line-height:1.05; margin:0 0 18px; letter-spacing:-.01em; }
  .mm-desc{ font-size:15px; line-height:1.55; color:#3b3538; margin:0 0 26px; }
  .mm-cta{
    margin-top:auto; align-self:flex-start;
    display:inline-flex; align-items:center; gap:8px;
    padding:12px 22px; border-radius:999px;
    background:#141014; color:#fff; text-decoration:none;
    font-size:14px; font-weight:600;
    transition:transform .2s;
  }
  .mm-cta:hover{ transform:translateX(2px); }
  .mm-cta svg{ width:14px; height:14px; }

  .mm-links{ flex:1 1 320px; display:flex; flex-direction:column; padding-top:12px; min-width:280px; max-width:420px; }
  .mm-links a{
    color:#141014; text-decoration:none; font-size:15px; font-weight:500;
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 0; border-bottom:1px solid rgba(20,16,20,.1);
    transition:padding-left .2s, color .2s;
  }
  .mm-links a:first-child{ padding-top:0; }
  .mm-links a:last-child{ border-bottom:none; }
  .mm-links a:hover{ padding-left:6px; color:#000; }
  .mm-links a .chev{ font-size:18px; opacity:.55; }

  /* ---------- 封面首屏 ---------- */
  .cover{
    position:relative; z-index:1;
    width:100%; height:100vh;
    overflow:hidden;
    background:transparent;
  }
  /* 图片底部渐隐为透明，让页面背景（静态配色 / 动态色云）直接透出，
     不再叠一层写死的绿色，避免换背景时出现色带。 */
  .cover-img{
    width:100%; height:100%; object-fit:cover;
    display:block;
    -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 58%, rgba(0,0,0,.45) 82%, transparent 100%);
    mask-image:linear-gradient(to bottom, #000 0%, #000 58%, rgba(0,0,0,.45) 82%, transparent 100%);
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  .cover-title{
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    padding:88px 7vw 12vh;
    margin:0; pointer-events:none;
  }
  .ft-lockup{
    display:flex; flex-direction:column; align-items:center;
    color:#fff;
    text-align:center;
    text-shadow:0 2px 28px rgba(0,0,0,.34), 0 0 48px rgba(0,0,0,.16);
    font-family:"Inter","Helvetica Neue","Arial","PingFang SC","Microsoft YaHei",sans-serif;
  }
  .ft-eyebrow{
    margin:0 0 clamp(12px,1.6vw,22px);
    font-size:12px; font-weight:600;
    letter-spacing:.28em; text-indent:.28em;
    opacity:0; transform:translateY(8px);
    transition:opacity .5s ease, transform .5s ease;
  }
  .ft-eyebrow.show{ opacity:.82; transform:none; }
  .ft-display{
    display:flex; justify-content:center; align-items:baseline;
    font-weight:900; line-height:.9;
    font-size:clamp(42px,9.2vw,132px);
    letter-spacing:-.035em;
  }
  .ft-sub{
    display:flex; justify-content:center;
    margin-top:clamp(8px,1.2vw,16px);
    font-size:clamp(15px,1.7vw,26px); font-weight:600;
    letter-spacing:.62em; text-indent:.62em;
  }
  .ft-tag{
    display:flex; align-items:center; justify-content:center;
    gap:clamp(12px,2vw,28px);
    margin:clamp(22px,3vw,40px) 0 0;
    font-size:clamp(14px,1.45vw,20px); font-weight:500;
    letter-spacing:.34em; text-indent:.08em;
  }
  .ft-tag::before, .ft-tag::after{
    content:""; width:clamp(28px,5.5vw,72px); height:1px;
    background:currentColor; opacity:.5; flex:0 0 auto;
  }
  .cover-title .ch{
    display:inline-block; opacity:0;
    transform:translateY(16px) scale(.78);
    filter:blur(5px);
    transition:opacity .36s ease, transform .4s cubic-bezier(.34,1.45,.64,1), filter .36s ease;
  }
  .cover-title .ch.show{
    opacity:1; transform:translateY(0) scale(1); filter:blur(0);
  }
  [data-lang="en"] .ft-sub{ letter-spacing:.48em; text-indent:.48em; }
  [data-lang="en"] .ft-tag{ letter-spacing:.22em; text-indent:0; font-weight:400; }
  [data-lang="en"] .ft-lockup{ font-family:"Inter","Helvetica Neue",Arial,sans-serif; }

  @media(max-width:720px){
    .ft-display{ font-size:clamp(32px,12vw,64px); }
    .ft-sub{ letter-spacing:.36em; text-indent:.36em; }
    .ft-tag{ letter-spacing:.16em; }
  }

  @media(prefers-reduced-motion:reduce){
    .cover-title .ch, .ft-eyebrow{
      opacity:1!important; transform:none!important; filter:none!important;
      transition:none!important;
    }
  }

  /* ---------- 首屏 Hero ---------- */
  .hero{
    position:relative; z-index:1; box-sizing:border-box;
    min-height:100vh;
    padding:74px clamp(24px,5vw,96px) 140px;
    display:flex; align-items:center; justify-content:space-between;
    gap:clamp(32px,5vw,80px);
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .hero[hidden]{ display:none !important; }
  #globeStory,
  .globe-story[hidden]{ display:none !important; }
  .hero-copy{ flex:1 1 auto; }
  .hero-title{
    margin:0; font-weight:800; line-height:1.06; letter-spacing:-.02em;
    font-size:clamp(34px,4.8vw,66px);
  }
  .hero-title .hl-1, .hero-title .hl-2{ display:block; }
  .hero-title .hl-2{ padding-left:.62em; }
  .hero-title .hch{
    display:inline-block;
    opacity:0;
    transform:translateY(1.15em) rotate(var(--tilt,10deg)) scale(.4);
    transform-origin:50% 100%;
    will-change:transform,opacity;
  }
  .hero-title.play .hch{
    animation:heroJelly .78s cubic-bezier(.22,1.55,.36,1) both;
    animation-delay:calc(var(--i,0) * 58ms);
  }
  @keyframes heroJelly{
    0%{   opacity:0; transform:translateY(1.2em) rotate(var(--tilt,10deg)) scale(.38,1.12); }
    56%{  opacity:1; transform:translateY(-.2em) rotate(calc(var(--tilt,10deg) * -.4)) scale(1.16,.84); }
    76%{  transform:translateY(.05em) rotate(calc(var(--tilt,10deg) * .15)) scale(.96,1.06); }
    100%{ opacity:1; transform:translateY(0) rotate(0) scale(1); }
  }

  [data-lang="zh"] .hero-title{ letter-spacing:.03em; font-size:clamp(32px,4.4vw,60px); text-align:center; }
  [data-lang="zh"] .hero-title .hl-1,
  [data-lang="zh"] .hero-title .hl-2{ display:inline-block; }
  [data-lang="zh"] .hero-title .hl-2{ padding-left:.4em; }

  @media (prefers-reduced-motion: reduce){
    .hero-title .hch{ opacity:1 !important; transform:none !important; filter:none !important; animation:none !important; }
  }

  .hero-media{ position:relative; flex:0 0 auto; }
  .hero-image{
    position:relative; overflow:hidden;
    width:clamp(340px,40vw,640px); aspect-ratio:1/1;
    background:#DAD7CE; border-radius:24px;
  }
  .hero-track{
    display:flex; height:100%; width:500%;
    transform:translateX(0);
    transition:transform .9s cubic-bezier(.16,1,.3,1);
  }
  .hero-track.no-anim{ transition:none; }
  .hero-image .slide{
    flex:0 0 20%; height:100%;
    display:flex; align-items:center; justify-content:center;
    color:rgba(20,16,20,.42); font-size:14px; letter-spacing:.14em;
  }
  .hero-image .slide[data-idx="1"]{ background:#C9D6A3; }
  .hero-image .slide[data-idx="2"]{ background:#E7C9A0; }
  .hero-image .slide[data-idx="3"]{ background:#B9C6D6; }
  .hero-image .slide[data-idx="4"]{ background:#D8B7C4; }
  .hero-image .slide::before{ content:"IMG " attr(data-img); }
  [data-lang="zh"] .hero-image .slide::before{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .hero-explore{
    position:absolute; left:26px; bottom:26px;
    display:inline-flex; align-items:center;
    padding:14px 32px; border-radius:999px;
    background:transparent; border:1.5px solid rgba(20,16,20,.55);
    color:#141014; text-decoration:none; font-size:15px; font-weight:600;
    transition:background .2s, color .2s, border-color .2s;
  }
  .hero-explore:hover{ background:#141014; color:#fff; border-color:#141014; }

  /* ===== 资讯板块 ===== */
  .news{
    position:relative; z-index:1; box-sizing:border-box;
    padding:clamp(200px,28vh,400px) clamp(24px,4vw,64px) 56px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .news-heading{ scroll-margin-top:168px; margin:0 auto 40px; }
  .news > .news-heading{ margin-bottom:clamp(72px,8vw,104px); }
  .news-row{
    display:flex; align-items:flex-start; justify-content:center;
    gap:clamp(18px,1.8vw,32px); max-width:1720px; margin:0 auto;
  }
  .news-card{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; }
  /* 对称错落排布：1=5, 2=4, 3居中最高 */
  .news-card:nth-child(1){ margin-top:64px; }
  .news-card:nth-child(2){ margin-top:32px; }
  .news-card:nth-child(3){ margin-top:0; }
  .news-card:nth-child(4){ margin-top:32px; }
  .news-card:nth-child(5){ margin-top:64px; }

  .news-thumb{
    position:relative; width:100%; border-radius:14px; overflow:hidden;
    background:#DAD7CE; display:flex; align-items:center; justify-content:center;
    color:rgba(20,16,20,.32); font-size:12px; letter-spacing:.14em;
    text-decoration:none;
    transition:transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s ease;
    cursor:pointer;
  }
  .news-thumb:hover{
    transform:scale(1.04);
    box-shadow:0 12px 36px -8px rgba(0,0,0,.18);
  }
  .news-thumb::after{ content:"IMG " attr(data-img); }
  [data-lang="zh"] .news-thumb::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  /* 对称高度：1=5, 2=4, 3最高 */
  .news-card:nth-child(1) .news-thumb{ height:340px; }
  .news-card:nth-child(2) .news-thumb{ height:400px; }
  .news-card:nth-child(3) .news-thumb{ height:460px; }
  .news-card:nth-child(4) .news-thumb{ height:400px; }
  .news-card:nth-child(5) .news-thumb{ height:340px; }

  .news-tags{ display:flex; align-items:center; gap:8px; margin:16px 0 10px; flex-wrap:wrap; }
  .news-dot{ width:18px; height:18px; border-radius:50%; background:#141014; flex:0 0 auto; }
  .news-chip{
    display:inline-flex; align-items:center; padding:4px 12px;
    border-radius:999px; border:1px solid rgba(20,16,20,.18);
    font-size:12.5px; font-weight:600; color:#3b3538;
  }
  .news-card-title{
    margin:0; font-size:clamp(17px,1.3vw,21px); font-weight:800; line-height:1.28; letter-spacing:-.01em;
  }

  .news-more{ display:flex; justify-content:center; margin-top:36px; }
  .news-more a{
    display:inline-flex; align-items:center; justify-content:center;
    padding:18px 44px; border-radius:999px;
    background:#141014; color:#fff; text-decoration:none;
    font-size:16px; font-weight:600; transition:transform .2s, opacity .2s;
  }
  .news-more a:hover{ transform:translateY(-2px); opacity:.92; }

  @media (max-width:1080px){
    .news-row{ flex-wrap:wrap; }
    .news-card{ flex:1 1 260px; margin-top:0 !important; }
    .news-card .news-thumb{ height:300px !important; }
  }

  /* ===== 使命与愿景板块 ===== */
  .purpose{
    position:relative; z-index:1; box-sizing:border-box;
    padding:40px clamp(24px,4vw,64px) 110px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .purpose-heading{ margin:0 auto 64px; }
  .purpose-heading .pv-line{ display:block; }
  .pv-row{
    display:flex; gap:clamp(18px,2vw,32px);
    max-width:1720px; margin:0 auto; align-items:stretch;
  }
  .pv-card{
    position:relative; flex:1 1 0; min-width:0;
    height:clamp(360px,42vw,600px); border-radius:16px; overflow:hidden;
    background:#DAD7CE; cursor:pointer;
    transition:flex-grow .55s cubic-bezier(.16,1,.3,1);
    color:rgba(20,16,20,.32);
    text-decoration:none;
  }
  a.pv-card{ display:block; }
  .pv-card:nth-child(2){ background:#CFC9C0; }
  /* 悬停放大：被悬停的卡片变大，另一张收缩 */
  .pv-row:hover .pv-card{ flex-grow:.8; }
  .pv-row .pv-card:hover{ flex-grow:2; }
  .pv-card::after{
    content:"IMG " attr(data-img); position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em;
  }
  [data-lang="zh"] .pv-card::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .pv-card-title{
    position:absolute; top:38px; left:40px; right:70px; z-index:2; margin:0;
    color:#fff; font-size:clamp(22px,2vw,32px); font-weight:800; line-height:1.2;
    text-shadow:0 2px 14px rgba(0,0,0,.35);
  }
  .pv-arrow{
    position:absolute; right:26px; bottom:26px; z-index:2;
    width:52px; height:52px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#fff; color:#141014; font-size:20px;
    transition:transform .25s, background .25s, color .25s;
  }
  .pv-card:hover .pv-arrow{ transform:translateX(4px); background:#141014; color:#fff; }

  @media (max-width:860px){
    .pv-row{ flex-direction:column; }
    .pv-row:hover .pv-card, .pv-row .pv-card:hover{ flex-grow:1; }
    .pv-card{ height:300px; }
  }

  /* ===== Brand carousel ("Say Hello to the Team") ===== */
  .team{ position:relative; z-index:1; padding:clamp(160px,22vh,320px) 0 clamp(72px,10vw,150px); overflow:hidden; }
  .team-heading{ margin:0 auto clamp(28px,4vw,56px); padding:0 24px; }
  .team-rows{ display:flex; flex-direction:column; gap:0; }
  /* vertical padding gives the pop-out shadow room to fade fully inside the clip box,
     negative margin keeps the visual spacing between rows unchanged */
  .brand-row{ position:relative; overflow:hidden; padding:60px 0; margin:-30px 0; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%); }
  .brand-track{
    display:flex; align-items:center; width:max-content;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    will-change:transform;
    animation:none !important;
  }
  .brand-set{ display:flex; align-items:center; flex:0 0 auto; }
  .brand-set > *{ margin-right:clamp(28px,3.4vw,64px); }

  .brand-pair{
    flex:0 0 auto;
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    gap:clamp(28px,3.4vw,64px);
    text-decoration:none;
    color:inherit;
  }
  .brand-pair .brand-word,
  .brand-pair .brand-chip{ margin-right:0; }
  .brand-word{
    flex:0 0 auto;
    min-width:var(--brand-name-min, 0px);
    box-sizing:content-box;
    text-align:center;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    font-size:clamp(40px,5.4vw,92px); font-weight:800; letter-spacing:-.01em; line-height:1;
    color:rgba(20,16,20,.12); white-space:nowrap;
    -webkit-user-select:none; user-select:none;
  }
  .brand-word.is-short{
    letter-spacing:.42em;
    text-indent:.42em;
  }

  .brand-chip{ flex:0 0 auto; position:relative; z-index:1; width:clamp(96px,9vw,148px); height:clamp(96px,9vw,148px); border-radius:50%; overflow:hidden; background:#D3D6C4; display:flex; align-items:center; justify-content:center; pointer-events:none; transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1); }
  .brand-chip::after{ content:"IMG " attr(data-img); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:11px; letter-spacing:.12em; color:rgba(20,16,20,.4); }
  [data-lang="zh"] .brand-chip::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .brand-pair:hover .brand-chip,
  .brand-pair:focus-visible .brand-chip{ transform:scale(1.12); box-shadow:0 16px 32px rgba(20,16,20,.16); }
  .brand-pair:focus-visible{ outline:none; }

  .team-more{ display:flex; justify-content:center; margin-top:clamp(28px,4vw,56px); }
  .team-more a{ display:inline-flex; align-items:center; gap:10px; padding:16px 34px; border-radius:999px; background:#141014; color:#EFEEE8; font-size:15px; font-weight:700; letter-spacing:.02em; text-decoration:none; transition:transform .25s ease, background .25s ease; }
  .team-more a:hover{ transform:translateY(-2px); background:#2a2430; }

  /* ===== Careers ("Unleash Your Potential") ===== */
  .careers{ position:relative; z-index:1; padding:clamp(60px,8vw,120px) clamp(20px,4vw,72px) clamp(72px,10vw,150px); }
  .careers-heading{ margin:0 auto clamp(28px,3.4vw,52px); }
  .careers-heading .ca-line{ display:block; }
  .ca-row{ display:flex; align-items:flex-start; justify-content:center; gap:clamp(16px,1.8vw,30px); max-width:1720px; margin:0 auto; }
  .ca-card{ position:relative; flex:1 1 0; min-width:0; margin:0; border-radius:18px; overflow:hidden; background:#D6D3CA; aspect-ratio:5/7; color:rgba(20,16,20,.3); box-shadow:0 12px 30px rgba(20,16,20,.08); }
  .ca-card:nth-child(1){ margin-top:clamp(28px,3.6vw,60px); }
  .ca-card:nth-child(2){ margin-top:0; }
  .ca-card:nth-child(3){ margin-top:clamp(24px,3.2vw,52px); }
  .ca-card:nth-child(4){ margin-top:clamp(6px,0.8vw,12px); }
  .ca-card:nth-child(5){ margin-top:clamp(28px,3.6vw,60px); }
  .ca-card::after{ content:"IMG " attr(data-img); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:12px; letter-spacing:.14em; }
  [data-lang="zh"] .ca-card::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .ca-tag{ position:absolute; left:16px; bottom:16px; z-index:2; padding:12px 20px; border-radius:12px; font-size:clamp(14px,1.1vw,18px); font-weight:700; color:#fff; background:#6B7A38; box-shadow:0 6px 18px rgba(20,16,20,.16); }
  .ca-gold, .ca-orange, .ca-green{ background:#6B7A38; color:#fff; }

  .careers-lead{ max-width:620px; margin:clamp(48px,6vw,90px) auto 0; text-align:center; font-size:clamp(17px,1.5vw,22px); line-height:1.5; color:#2a2622; }
  .careers-cta{ display:flex; justify-content:center; margin-top:clamp(28px,3vw,44px); }
  .careers-cta a{ display:inline-flex; align-items:center; padding:18px 40px; border-radius:999px; background:#141014; color:#EFEEE8; font-size:16px; font-weight:700; letter-spacing:.01em; text-decoration:none; transition:transform .25s ease, background .25s ease; }
  .careers-cta a:hover{ transform:translateY(-2px); background:#2a2430; }

  /* ===== Help / Search ("We're here to help") ===== */
  .help{ position:relative; z-index:1; padding:clamp(40px,6vw,90px) clamp(20px,4vw,72px) clamp(24px,3vw,44px); }
  .help-panel{ max-width:1680px; margin:0 auto; padding:clamp(56px,9vw,150px) clamp(24px,5vw,90px); border-radius:28px; background:rgba(255,255,255,.42); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.5); box-shadow:0 20px 50px -30px rgba(20,16,20,.25); text-align:center; }
  .help-title{ margin:0 auto clamp(30px,3.4vw,52px); }
  .help-search{ position:relative; max-width:900px; margin:0 auto; }
  .help-search input{ width:100%; box-sizing:border-box; padding:22px 74px 22px 30px; border:none; border-radius:999px; background:#fff; font-size:clamp(16px,1.4vw,20px); color:#141014; box-shadow:0 14px 34px rgba(20,16,20,.12), 0 0 0 6px rgba(199,217,133,.28); outline:none; transition:box-shadow .25s ease; }
  .help-search input::placeholder{ color:rgba(20,16,20,.4); }
  .help-search input:focus{ box-shadow:0 14px 34px rgba(20,16,20,.16), 0 0 0 6px rgba(199,217,133,.55); }
  .help-search button{ position:absolute; top:50%; right:10px; transform:translateY(-50%); width:52px; height:52px; border:none; border-radius:50%; background:#141014; color:#EFEEE8; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s ease, transform .25s ease; }
  .help-search button:hover{ background:#2a2430; transform:translateY(-50%) scale(1.05); }
  .help-search button svg{ width:20px; height:20px; }
  .help-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:clamp(20px,2.4vw,30px); }
  .help-chip{ display:inline-flex; align-items:center; gap:8px; padding:10px 18px 10px 14px; border:none; border-radius:999px; background:#141014; color:#EFEEE8; font-size:14px; font-weight:600; cursor:pointer; transition:transform .2s ease, background .2s ease; }
  .help-chip:hover{ transform:translateY(-2px); background:#2a2430; }
  .help-chip svg{ width:15px; height:15px; }

  /* ===== Footer ===== */
  .site-footer{ position:relative; z-index:1; padding:clamp(56px,7vw,110px) clamp(24px,5vw,90px) clamp(30px,4vw,54px); }
  .footer-logo{ display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:clamp(48px,6vw,88px); color:#141014; }
  .footer-logo .fl-the{ font-size:clamp(14px,1.4vw,20px); letter-spacing:.16em; font-weight:700; }
  .footer-logo .fl-brand{ font-size:clamp(28px,3.4vw,48px); font-weight:900; letter-spacing:.02em; }
  .footer-logo .fl-co{ font-size:clamp(14px,1.4vw,20px); letter-spacing:.16em; font-weight:700; }
  [data-lang="zh"] .footer-logo .fl-the, [data-lang="zh"] .footer-logo .fl-co{ display:none; }
  .footer-cols{ max-width:1500px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(24px,3vw,56px); }
  .footer-col h3{ margin:0 0 clamp(26px,3vw,52px); font-size:18px; font-weight:700; color:rgba(20,16,20,.5); }
  .footer-col a{ display:block; margin-bottom:16px; font-size:16px; line-height:1.35; color:#141014; text-decoration:none; transition:color .2s ease; }
  .footer-col a:hover{ color:rgba(20,16,20,.55); }
  .footer-social{ display:flex; gap:14px; }
  .footer-social a{ width:42px; height:42px; margin:0; border-radius:50%; background:#141014; color:#EFEEE8; display:flex; align-items:center; justify-content:center; transition:background .2s ease, transform .2s ease; }
  .footer-social a:hover{ background:#2a2430; transform:translateY(-2px); }
  .footer-social svg{ width:19px; height:19px; }
  .footer-bottom{ max-width:1500px; margin:clamp(48px,6vw,90px) auto 0; padding-top:26px; border-top:1px solid rgba(20,16,20,.14); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
  .footer-copy{ font-size:14px; color:rgba(20,16,20,.6); }
  .footer-locale{ display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:999px; border:1.5px solid rgba(20,16,20,.28); font-size:14px; font-weight:600; color:#141014; cursor:pointer; }
  .footer-locale svg{ width:16px; height:16px; }
  .footer-legal{ display:flex; flex-wrap:wrap; gap:22px; }
  .footer-legal a{ font-size:14px; color:#141014; text-decoration:none; }
  .footer-legal a:hover{ text-decoration:underline; }
  @media (max-width:900px){
    .footer-cols{ grid-template-columns:repeat(2,1fr); }
    .footer-bottom{ flex-direction:column; align-items:flex-start; }
  }

  @media (max-width:1080px){
    .ca-row{ flex-wrap:wrap; }
    .ca-card{ flex:1 1 40%; margin-top:0 !important; }
  }
  @media (max-width:860px){
    .ca-card{ flex:1 1 100%; }
  }

  @media (max-width:860px){
    .brand-word{ font-size:34px; }
    .brand-chip{ width:88px; height:88px; }
  }

  @media (max-width:860px){
    .tb-nav{ display:none; }
    .tb-brand{ font-size:18px; }
    .tb-left{ min-width:auto; }
    .megamenu{ display:none !important; }
    .hero{ flex-direction:column; align-items:flex-start; gap:40px; min-height:auto; padding-top:98px; }
    .hero-image{ width:min(88vw,480px); }
    .news-card{ flex:1 1 100%; }
  }

  /* 编号素材填入后：铺满占位框，并隐藏原来的「图片 N」文字 */
  .slot-media{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; display:block; z-index:0; pointer-events:none;
  }
  .slot-hover-video{
    inset:auto;
    top:0;
    bottom:0;
    left:50%;
    width:auto;
    height:100%;
    max-width:100%;
    transform:translateX(-50%);
    object-fit:contain;
    background:transparent;
    opacity:0;
    z-index:1;
    transition:opacity .18s ease;
  }
  .is-hover-video .slot-hover-video{ opacity:1; }
  .mm-image, .hero-image .slide, .news-thumb, .pv-card, .ca-card, .brand-chip, .lead-photo, .lp-photo, .lp-wide, .lp-sheet, .lp-portrait, .lp-panel, .lp-board, .hz-photo, .hp-hero, .cv-avatar{ position:relative; }
  .has-media.mm-image::before,
  .has-media.slide::before,
  .has-media.news-thumb::after,
  .has-media.pv-card::after,
  .has-media.ca-card::after,
  .has-media.lead-photo::after,
  .has-media.bridy-shot::after,
  .has-media.lp-photo::after,
  .has-media.lp-wide::after,
  .has-media.lp-sheet::after,
  .has-media.lp-portrait::after,
  .has-media.lp-panel::after,
  .has-media.lp-board::after,
  .has-media.hz-photo::after,
  .has-media.hp-hero::after,
  .has-media.cv-avatar::after,
  .has-media.brand-chip::after{ content:none !important; }
  .has-media.mm-image, .has-media.slide{ overflow:hidden; }
  .brand-chip .slot-media{ object-fit:cover; pointer-events:none; }

  /* ===== 子页导览（所有点进去的页面共用，下滑也钉在左上角） ===== */
  .crumbs{
    position:fixed; top:74px; left:0; right:auto; z-index:8;
    display:flex; flex-wrap:wrap; align-items:center; gap:8px;
    padding:22px clamp(22px,4vw,72px) 12px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    font-size:13px; font-weight:500; color:#141014;
    background:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    pointer-events:none;
  }
  .crumbs a, .crumbs span{ pointer-events:auto; }
  .crumbs + *{ margin-top:112px; }
  .crumbs a{ color:inherit; text-decoration:none; opacity:.5; transition:opacity .2s; }
  .crumbs a:hover{ opacity:1; }
  .crumbs .crumb-sep{ opacity:.35; font-size:15px; line-height:1; }
  .crumbs .crumb-now{ opacity:1; font-weight:600; }
  .blank-page{
    position:relative; z-index:1;
    min-height:calc(100vh - 160px);
  }
  .crumbs + .pf-page,
  .crumbs + .page-content{ margin-top:0; }
  .pf-page{
    position:relative; z-index:1;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .pf-hero{
    display:flex; flex-direction:column; align-items:center;
    text-align:center;
    padding:120px clamp(24px,6vw,80px) 20px;
  }
  .pf-hero-title{
    margin:0 0 clamp(22px,3.2vw,36px);
    font-size:clamp(32px,5.2vw,68px);
    font-weight:900;
    letter-spacing:-.035em;
    line-height:1.08;
  }
  .pf-hero-copy{
    max-width:560px;
    margin:0 auto;
    font-size:16px;
    line-height:1.65;
    color:#2c2724;
  }
  .e-hero{
    padding-bottom:clamp(48px,5.5vw,72px);
  }
  .pf-frame{
    min-height:100vh;
    display:flex; align-items:center; justify-content:center;
    padding:96px 24px 36px;
  }
  .pf-hero + .pf-frame{
    min-height:0;
    padding:12px 24px 36px;
  }
  .pf-frame img{
    display:block;
    width:min(86vw, calc((100dvh - 168px) * 2 / 1));
    max-height:calc(100dvh - 168px);
    height:auto;
    object-fit:contain;
    border-radius:28px;
  }

  /* ===== 资讯内页（可口可乐稿式） ===== */
  .article-page{
    position:relative; z-index:1;
    padding:clamp(22px,3.2vw,40px) clamp(22px,5vw,72px) 140px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .article-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);
    gap:clamp(28px,4vw,72px);
    align-items:center;
  }
  .article-hero-copy h1{
    margin:18px 0 0;
    font-size:clamp(32px,3.8vw,56px);
    font-weight:800;
    line-height:1.12;
    letter-spacing:-.03em;
  }
  .article-hero-copy h1 .article-title-line{ display:block; }
  .article-hero-copy h1 .article-title-line.is-single{ white-space:nowrap; }
  .article-badge{
    display:inline-flex; align-items:center;
    padding:7px 16px; border-radius:999px;
    background:#141014; color:#fff;
    font-size:13px; font-weight:600;
  }
  .article-media{
    position:relative;
    display:flex; align-items:center; justify-content:center;
    border-radius:28px; overflow:hidden;
    background:#DAD7CE;
    color:rgba(20,16,20,.32);
    font-size:12px; letter-spacing:.14em;
  }
  .article-hero-media{ aspect-ratio:5/4; min-height:260px; }
  .article-media[data-img]::after{ content:"IMG " attr(data-img); }
  [data-lang="zh"] .article-media[data-img]::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .article-media[data-gif]::after{ content:"GIF " attr(data-gif); }
  [data-lang="zh"] .article-media[data-gif]::after{ content:"动图 " attr(data-gif); letter-spacing:.06em; }
  .article-media[data-video]::after{ content:"VIDEO " attr(data-video); }
  [data-lang="zh"] .article-media[data-video]::after{ content:"视频 " attr(data-video); letter-spacing:.06em; }
  .has-media.article-media::after{ content:none !important; }

  .article-meta{
    display:flex; justify-content:space-between; align-items:center;
    gap:18px; flex-wrap:wrap;
    margin-top:clamp(36px,5vw,68px);
  }
  .article-meta-left,
  .article-meta-right{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  .article-org{
    display:inline-flex; align-items:center; gap:10px;
    font-size:14px; font-weight:700;
  }
  .article-org-mark{
    width:36px; height:36px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    background:#141014; color:#fff;
    font-size:11px; font-weight:800; letter-spacing:.02em;
  }
  .article-pill{
    display:inline-flex; align-items:center;
    padding:8px 16px; border-radius:999px;
    border:1.5px solid rgba(20,16,20,.2);
    font-size:14px; font-weight:600; background:transparent;
  }
  .article-date{ font-size:14px; font-weight:600; }
  .article-like,
  .article-share,
  .article-icon-btn{
    border:none; cursor:pointer; color:#fff; background:#141014;
  }
  .article-like,
  .article-share{
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 16px; border-radius:999px;
    font-size:14px; font-weight:700;
  }
  .article-like svg,
  .article-share svg,
  .article-icon-btn svg{ width:16px; height:16px; display:block; }
  .article-like.is-liked{
    background:#E11D48; color:#fff;
  }
  .article-like.is-liked svg{ fill:currentColor; stroke:currentColor; }
  .article-like.is-pop,
  .article-icon-btn.is-pop{ animation:articlePop .38s cubic-bezier(.16,1.4,.4,1); }
  @keyframes articlePop{
    0%{ transform:scale(1); }
    35%{ transform:scale(1.16); }
    100%{ transform:scale(1); }
  }
  .article-icon-btn{
    width:40px; height:40px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
  }
  .article-icon-btn:active{ transform:scale(.9); }
  .article-toast{
    position:fixed; left:50%; bottom:28px; z-index:140;
    padding:11px 18px; border-radius:999px;
    background:#141014; color:#fff;
    font-size:14px; font-weight:700; letter-spacing:.02em;
    box-shadow:0 10px 24px rgba(20,16,20,.22);
    opacity:0; visibility:hidden; pointer-events:none;
    transform:translate(-50%, 8px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s;
  }
  .article-toast.is-on{
    opacity:1; visibility:visible;
    transform:translate(-50%, 0);
  }

  .article-prose{
    max-width:720px;
    margin:clamp(72px,9vw,118px) auto 0;
  }
  .article-prose h2{
    margin:0 0 26px;
    font-size:clamp(30px,3.2vw,46px);
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.15;
  }
  .article-prose h2.article-h2-center{ text-align:center; }
  .article-prose p{
    margin:0 0 18px;
    font-size:clamp(16px,1.15vw,18px);
    line-height:1.7;
    color:#1d1916;
  }
  .article-media-wide{
    max-width:920px;
    margin:clamp(44px,6vw,80px) auto 0;
    aspect-ratio:16/10;
  }
  .article-pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(16px,2vw,28px);
    max-width:1100px;
    margin:clamp(56px,7vw,96px) auto 0;
  }
  .article-pair .article-media{ aspect-ratio:16/10; }

  /* ===== D4 分镜扇形滑动 ===== */
  .d-fan{
    position:relative; z-index:1;
    margin:clamp(28px,4vw,56px) 0 0;
    padding:clamp(12px,2vw,24px) 0 clamp(48px,6vw,88px);
  }
  .d-fan-view{
    position:relative;
    height:clamp(420px,54vw,620px);
    overflow:hidden;
    cursor:grab; user-select:none; touch-action:pan-y;
    perspective:1400px;
  }
  .d-fan-view.is-drag{ cursor:grabbing; }
  .d-fan-card{
    position:absolute; left:50%; top:50%;
    width:clamp(220px,28vw,360px);
    aspect-ratio:16 / 10;
    padding:0; border:none; border-radius:18px; overflow:hidden;
    background:#DAD7CE;
    box-shadow:0 22px 48px -28px rgba(20,16,20,.55);
    transform:translate(-50%,-50%);
    transform-origin:center center;
    cursor:pointer;
    will-change:transform,opacity;
    transition:transform .45s cubic-bezier(.16,1,.3,1), opacity .28s ease, box-shadow .3s ease;
  }
  .d-fan-view.is-drag .d-fan-card{ transition:none; }
  .d-fan-card.is-center{ box-shadow:0 28px 60px -24px rgba(20,16,20,.58); }
  .d-fan-card .slot-media{
    width:100%; height:100%; object-fit:cover; display:block;
    pointer-events:none;
  }
  .d-fan-lb{
    position:fixed; inset:0; z-index:1100;
    display:flex; align-items:center; justify-content:center;
    padding:clamp(18px,4vw,56px);
    background:rgba(12,10,14,.88);
    -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    opacity:0; visibility:hidden;
    transition:opacity .28s ease, visibility .28s ease;
  }
  .d-fan-lb.is-on{ opacity:1; visibility:visible; }
  .d-fan-lb img{
    max-width:min(92vw,1400px); max-height:88vh;
    width:auto; height:auto; object-fit:contain;
    border-radius:16px;
    box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
  }
  .d-fan-lb-btn{
    position:absolute; z-index:2;
    width:48px; height:48px; border:none; border-radius:50%;
    background:rgba(239,238,232,.14); color:#EFEEE8;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
  }
  .d-fan-lb-btn:hover{ background:rgba(239,238,232,.28); }
  .d-fan-lb-btn svg{ width:22px; height:22px; display:block; }
  .d-fan-lb-close{ top:clamp(14px,2vw,28px); right:clamp(14px,2vw,28px); }
  .d-fan-lb-prev{ left:clamp(10px,2vw,28px); top:50%; transform:translateY(-50%); }
  .d-fan-lb-next{ right:clamp(10px,2vw,28px); top:50%; transform:translateY(-50%); }

  @media (max-width:900px){
    .article-hero-grid,
    .article-pair{ grid-template-columns:1fr; }
    .article-hero-copy h1{ font-size:clamp(28px,8vw,40px); }
  }

  .subpage .topbar{
    color:#141014;
    background:rgba(239,238,232,.62);
    -webkit-backdrop-filter:blur(18px) saturate(1.4);
    backdrop-filter:blur(18px) saturate(1.4);
    border-bottom-color:rgba(20,16,20,.08);
  }
  .subpage .topbar .search{ background:#141014; color:#fff; }
  .tb-home{ color:inherit; text-decoration:none; display:flex; align-items:center; gap:10px; }

  /* ===== 愿景与使命内页 ===== */
  .pv-page{
    position:relative; z-index:1;
    min-height:calc(100vh - 74px);
    padding:clamp(28px,4vw,52px) 0 clamp(72px,9vw,128px);
    text-align:center;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .pv-page h1.hp-hero-title{
    margin:0;
    font-size:clamp(40px,6.4vw,92px);
    font-weight:700;
    letter-spacing:-.03em;
    line-height:1.05;
    color:#fff;
  }
  [data-lang="zh"] .pv-page h1.hp-hero-title{ letter-spacing:.12em; }
  .pv-stack{ width:100%; max-width:none; margin:0; text-align:left; }
  .pv-block{ margin:0 0 52px; }
  .pv-block h2{
    margin:0 0 12px;
    display:flex; align-items:flex-start; gap:12px;
    font-size:clamp(18px,1.5vw,22px); font-weight:800;
  }
  .pv-block h2::before{
    content:"";
    flex:0 0 10px; width:10px; height:10px;
    margin-top:.48em;
    border-radius:50%;
    background:currentColor;
  }
  .pv-block p{ margin:0; padding-left:22px; font-size:clamp(15px,1.15vw,17px); line-height:1.6; color:#2c2724; }

  /* ===== 领导团队内页 ===== */
  .lead-page{
    position:relative; z-index:1;
    padding:clamp(48px,8vh,96px) clamp(24px,5vw,72px) 120px;
    text-align:center;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .lead-block + .lead-block{ margin-top:clamp(88px,10vw,140px); }
  .lead-block > h1,
  .lead-block > h2{
    margin:0 0 clamp(48px,6vw,80px);
    font-size:clamp(40px,5.4vw,68px);
    font-weight:900;
    letter-spacing:-.035em;
    line-height:1.08;
  }
  .lead-intro{
    max-width:720px; margin:0 auto clamp(48px,6vw,80px);
    font-size:clamp(15px,1.15vw,17px);
    line-height:1.6; color:#2c2724;
  }
  .lead-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(22px,2.6vw,36px);
    max-width:1080px; margin:0 auto;
    text-align:left;
  }
  .lead-grid.is-four{
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-width:1280px;
  }
  .lead-card{ min-width:0; }
  a.lead-photo{
    display:block;
    text-decoration:none;
    color:inherit;
    cursor:pointer;
  }
  .lead-photo{
    position:relative;
    aspect-ratio:1;
    border-radius:22px;
    overflow:hidden;
    background:#D8D4CC;
    margin:0 0 22px;
  }
  .lead-photo .slot-media{
    transition:transform .45s var(--ease);
  }
  .lead-photo:hover .slot-media,
  .lead-photo:focus-visible .slot-media{
    transform:scale(1.06);
  }
  .lead-photo::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lead-photo::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lead-photo::after{ content:none !important; }
  .lead-name{
    margin:0 0 8px;
    font-size:clamp(22px,2vw,28px);
    font-weight:800; letter-spacing:-.02em; line-height:1.15;
  }
  .lead-role{
    margin:0 0 22px;
    font-size:15px; line-height:1.45; color:#4a4540;
    min-height:2.9em;
  }
  .lead-more{
    display:inline-flex; align-items:center; gap:8px;
    color:#141014; text-decoration:none;
    font-size:15px; font-weight:700;
  }
  .lead-more:hover{ opacity:.7; }
  .lead-card.is-partner .lead-name{ margin-bottom:22px; }
  .bridy-shots{
    --bridy-gap:clamp(18px,2vw,28px);
    --bridy-max-h:min(calc(100vh - 148px), calc(100dvh - 148px));
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:min(94vw, calc(var(--bridy-max-h) * 1791 / 1024 + var(--bridy-gap)));
    max-width:none;
    margin:clamp(48px,6vh,80px) 0 0;
    display:grid;
    gap:clamp(36px,6vh,72px);
    justify-items:stretch;
  }
  .bridy-shots[hidden],
  .bridy-shot[hidden]{ display:none !important; }
  .bridy-shots-row{
    display:flex;
    align-items:stretch;
    gap:var(--bridy-gap);
    width:100%;
  }
  .bridy-shot{
    position:relative;
    min-width:0;
    border-radius:22px;
    overflow:hidden;
    background:#D8D4CC;
    color:rgba(20,16,20,.4);
  }
  .bridy-shot-a{ flex:1024 1 0; aspect-ratio:1 / 1; max-height:var(--bridy-max-h); }
  .bridy-shot-b{ flex:767 1 0; aspect-ratio:767 / 1024; max-height:var(--bridy-max-h); }
  .bridy-shot-c{ width:100%; aspect-ratio:1024 / 330; max-height:var(--bridy-max-h); }
  .bridy-shot::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em;
  }
  [data-lang="zh"] .bridy-shot::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.bridy-shot::after{ content:none !important; }
  .bridy-shot .slot-media{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:contain; display:block;
  }
  @media (max-width:640px){
    .bridy-shots-row{ flex-wrap:wrap; }
    .bridy-shot-a, .bridy-shot-b{ flex:1 1 100%; max-height:var(--bridy-max-h); }
  }

  /* ===== 高管个人介绍（可口可乐式：大图 + 姓名职务 + 简介） ===== */
  .lp-page{
    position:relative; z-index:1;
    width:min(760px, 86vw);
    margin-left:auto; margin-right:auto;
    padding:clamp(36px,5vh,56px) 0 140px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .lp-photo{
    position:relative;
    width:100%;
    aspect-ratio:16 / 10;
    border-radius:36px;
    overflow:hidden;
    background:#D8D4CC;
    margin:0 0 clamp(40px,6vw,72px);
  }
  .lp-photo::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lp-photo::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lp-photo::after{ content:none !important; }
  .lp-page h1{
    margin:0 0 14px;
    font-size:clamp(36px,4.6vw,52px);
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.12;
  }
  .lp-role{
    margin:0 0 22px;
    font-size:16px;
    line-height:1.45;
    color:#2c2724;
  }
  .lp-bio{
    margin:0;
    width:100%;
    font-size:16px;
    line-height:1.7;
    color:#2c2724;
  }
  .lp-wide{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:min(86vw, calc((100dvh - 168px) * 16 / 9));
    aspect-ratio:16 / 9;
    border-radius:28px;
    overflow:hidden;
    background:#D8D4CC;
    margin:clamp(32px,4vw,48px) 0 0;
  }
  .lp-wide::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lp-wide::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lp-wide::after{ content:none !important; }
  .lp-portrait{
    position:relative;
    width:100%;
    aspect-ratio:360 / 540;
    border-radius:36px;
    overflow:hidden;
    background:#D8D4CC;
    margin:clamp(36px,5vw,56px) 0 0;
  }
  .lp-portrait::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lp-portrait::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lp-portrait::after{ content:none !important; }
  .lp-panel{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:min(86vw, calc((100dvh - 168px) * 992 / 791));
    aspect-ratio:992 / 791;
    border-radius:28px;
    overflow:hidden;
    background:#D8D4CC;
    margin:clamp(32px,4vw,48px) 0 0;
  }
  .lp-panel::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lp-panel::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lp-panel::after{ content:none !important; }
  .lp-board{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:min(86vw, calc((100dvh - 168px) * 1024 / 575));
    aspect-ratio:1024 / 575;
    border-radius:28px;
    overflow:hidden;
    background:#D8D4CC;
    margin:clamp(32px,4vw,48px) 0 0;
  }
  .lp-board::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lp-board::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lp-board::after{ content:none !important; }
  .lp-sheets{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:min(94vw, 1680px);
    margin:clamp(40px,5vw,64px) 0 0;
  }
  .lp-sheet{
    position:relative;
    width:100%;
    aspect-ratio:1024 / 409;
    border-radius:28px;
    overflow:hidden;
    background:#D8D4CC;
    margin:clamp(22px,3vw,36px) 0 0;
  }
  .lp-sheet:first-child{ margin-top:0; }
  .lp-sheet::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .lp-sheet::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.lp-sheet::after{ content:none !important; }
  @media (max-width:900px){
    .lead-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @media (max-width:560px){
    .lead-grid{ grid-template-columns:1fr; }
  }
  .pv-page-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(16px,1.8vw,22px);
    width:min(1180px, 92vw);
    max-width:none;
    margin:clamp(56px,8vh,110px) auto 0;
  }
  .pv-page-row .pv-card{
    width:100%;
    height:auto;
    aspect-ratio:16 / 9;
    border-radius:28px;
    flex:none;
    transition:none;
  }
  .pv-page-row .pv-card-title{
    top:26px; left:28px; right:56px;
    font-size:clamp(20px,2vw,28px);
  }
  .pv-page-row .pv-arrow{
    width:44px; height:44px; right:18px; bottom:18px; font-size:18px;
  }
  @media (max-width:560px){
    .pv-page-row{ grid-template-columns:1fr; }
    .pv-page-row .pv-card{ aspect-ratio:16 / 10; }
  }

  /* ===== A2 起各屏标题：居中；双行阶梯错开；行遮罩上浮入场 ===== */
  .sec-title{
    display:block;
    width:fit-content;
    max-width:min(18em,94%);
    margin-left:auto; margin-right:auto;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    text-align:center;
    font-size:clamp(42px,5.6vw,72px);
    font-weight:800;
    line-height:1.18;
    letter-spacing:-.02em;
    color:#141014;
  }
  .sec-title.is-split{
    width:max-content;
    max-width:min(18em,94%);
    text-align:left;
  }
  .sec-title .pv-line,
  .sec-title .ca-line,
  .sec-title .title-line{ display:block; }
  .sec-title.is-split .title-line:nth-child(2){ padding-left:2.05em; }

  .reveal-title:not(.is-split){
    opacity:0;
    transform:translate3d(0,18px,0);
    filter:blur(6px);
    will-change:transform,opacity,filter;
  }
  .reveal-title:not(.is-split).is-in{
    animation:titleIn .88s cubic-bezier(.16,1,.3,1) forwards;
  }
  .reveal-title.is-split .title-line{
    opacity:0;
    transform:translate3d(0,.65em,0);
    filter:blur(6px);
    clip-path:inset(110% 0 -10% 0);
    will-change:transform,opacity,filter,clip-path;
  }
  .reveal-title.is-split.is-in .title-line{
    animation:titleLineIn .88s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--i,0) * 130ms);
  }
  @keyframes titleIn{
    from{ opacity:0; transform:translate3d(0,18px,0); filter:blur(6px); }
    to{   opacity:1; transform:translate3d(0,0,0); filter:blur(0); }
  }
  @keyframes titleLineIn{
    from{ opacity:0; transform:translate3d(0,.65em,0); filter:blur(6px); clip-path:inset(110% 0 -10% 0); }
    to{   opacity:1; transform:translate3d(0,0,0); filter:blur(0); clip-path:inset(0 0 -10% 0); }
  }
  @media (prefers-reduced-motion: reduce){
    .reveal-title,
    .reveal-title.is-in,
    .reveal-title .title-line{
      opacity:1 !important; transform:none !important; filter:none !important;
      clip-path:none !important; animation:none !important;
    }
  }

  /* ===== 视频：未点开保持封面循环；点开后从原位放大到铺满 ===== */
  [data-video]{ cursor:pointer; }
  [data-video].is-video-expanding .slot-media{ visibility:hidden; }
  .video-fs{
    position:fixed; inset:0; z-index:240;
    display:block; visibility:hidden; pointer-events:none;
    color:#fff;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  }
  .video-fs.is-on{ visibility:visible; pointer-events:auto; }
  .video-fs-bg{
    position:absolute; inset:0;
    background:#0b0a0c;
    opacity:0;
  }
  .video-fs.is-anim .video-fs-bg,
  .video-fs.is-ready .video-fs-bg{
    transition:opacity .62s cubic-bezier(.22,1,.36,1);
  }
  .video-fs.is-on.is-anim .video-fs-bg,
  .video-fs.is-ready .video-fs-bg{ opacity:1; }
  .video-fs-stage{
    position:absolute;
    overflow:hidden;
    background:#000;
    will-change:left,top,width,height,border-radius;
  }
  .video-fs.is-anim .video-fs-stage{
    transition:left .62s cubic-bezier(.22,1,.36,1),
               top .62s cubic-bezier(.22,1,.36,1),
               width .62s cubic-bezier(.22,1,.36,1),
               height .62s cubic-bezier(.22,1,.36,1),
               border-radius .62s cubic-bezier(.22,1,.36,1);
  }
  .video-fs-player{
    width:100%; height:100%;
    display:block; background:#000;
    object-fit:cover;
  }
  .video-fs.is-ready .video-fs-player{ object-fit:contain; }
  .video-fs-bar{
    position:absolute; left:0; right:0; bottom:0;
    display:flex; align-items:center; gap:12px; flex-wrap:wrap;
    padding:16px 18px 20px;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));
    opacity:0; pointer-events:none;
    transition:opacity .28s ease;
  }
  .video-fs.is-ready .video-fs-bar{ opacity:1; pointer-events:auto; }
  .video-fs-btn,
  .video-fs-rate{
    border:none; cursor:pointer;
    background:#fff; color:#141014;
    border-radius:999px;
    font-size:13px; font-weight:700;
    height:36px; padding:0 14px;
  }
  .video-fs-btn.is-on,
  .video-fs-rate.is-on{ background:#C7D985; }
  .video-fs-icon{
    width:36px; height:36px; padding:0;
    display:inline-flex; align-items:center; justify-content:center;
  }
  .video-fs-icon svg{ width:16px; height:16px; display:block; }
  .video-fs-times{ font-size:12px; font-weight:600; opacity:.85; min-width:86px; }
  .video-fs-seek,
  .video-fs-vol{
    -webkit-appearance:none; appearance:none;
    height:4px; border-radius:999px;
    background:rgba(255,255,255,.28);
    outline:none;
  }
  .video-fs-seek{ flex:1 1 160px; min-width:120px; }
  .video-fs-vol{ width:88px; }
  .video-fs-seek::-webkit-slider-thumb,
  .video-fs-vol::-webkit-slider-thumb{
    -webkit-appearance:none; appearance:none;
    width:14px; height:14px; border-radius:50%;
    background:#fff; cursor:pointer;
  }
  .video-fs-rates{ display:flex; align-items:center; gap:6px; }
  .video-fs-rate{ min-width:44px; padding:0 10px; background:rgba(255,255,255,.16); color:#fff; }

  /* ===== 薯饼品牌历史 ===== */
  .crumbs + .hz-page{ margin-top:0; }
  .hz-page{
    position:relative; z-index:1;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .hz-hero,
  .hz-close{
    min-height:100vh;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center;
    padding:120px clamp(24px,6vw,80px) 72px;
  }
  .hz-kicker{
    margin:0 0 clamp(18px,2.4vw,28px);
    font-size:clamp(22px,2.8vw,36px);
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.15;
  }
  .hz-hero-title,
  .hz-close-title{
    width:max-content;
    max-width:min(28em,96%);
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }
  .hz-hero-title .pv-line,
  .hz-close-title .pv-line{ display:block; white-space:nowrap; }
  .hz-hero-title .pv-line:nth-child(2),
  .hz-close-title .pv-line:nth-child(2){ padding-left:2em; }
  .hz-hero-title,
  .hz-close-title{
    margin-bottom:clamp(28px,3.6vw,44px);
    font-size:clamp(56px,10vw,128px);
    font-weight:900;
    letter-spacing:-.05em;
    line-height:.92;
  }
  .hz-hero-copy,
  .hz-close-copy{
    max-width:460px;
    margin:0 auto;
    font-size:16px;
    line-height:1.6;
    color:#141014;
  }
  .hz-panel{
    padding:clamp(72px,10vw,120px) clamp(24px,6vw,80px) clamp(64px,8vw,96px);
    scroll-margin-top:74px;
  }
  .hz-panel-follow{ padding-top:clamp(24px,4vw,40px); }
  .hz-moments-title{
    margin:0 auto clamp(56px,7vw,96px);
    max-width:1100px;
    text-align:center;
    font-size:clamp(36px,5.2vw,68px);
    font-weight:900;
    letter-spacing:-.035em;
    line-height:1.08;
  }
  .hz-story{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    gap:clamp(36px,6vw,80px);
    align-items:center;
    max-width:1180px;
    margin:0 auto;
  }
  .hz-story.is-flip{ grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
  .hz-story-copy h3{
    margin:0 0 18px;
    font-size:clamp(32px,3.6vw,48px);
    font-weight:800;
    letter-spacing:-.03em;
    line-height:1.12;
  }
  .hz-story-copy p{
    margin:0;
    max-width:420px;
    font-size:16px;
    line-height:1.65;
    color:#2c2724;
  }
  .hz-photo{
    width:100%;
    aspect-ratio:5 / 4;
    border-radius:36px;
    overflow:hidden;
    background:#D8D4CC;
  }
  .hz-photo::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em; color:rgba(20,16,20,.4);
  }
  [data-lang="zh"] .hz-photo::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .has-media.hz-photo::after{ content:none !important; }
  @media (max-width:860px){
    .hz-story,
    .hz-story.is-flip{ grid-template-columns:1fr; }
    .hz-story.is-flip .hz-photo{ order:-1; }
  }

  .back-to-top{
    position:fixed; right:22px; bottom:22px; z-index:120;
    width:48px; height:48px; padding:0;
    border:none; border-radius:50%;
    background:#141014; color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(20,16,20,.22);
    opacity:0; visibility:hidden; pointer-events:none;
    transform:translateY(8px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
  }
  .back-to-top.is-on{
    opacity:1; visibility:visible; pointer-events:auto;
    transform:translateY(0);
  }
  .back-to-top svg{ width:20px; height:20px; display:block; }
  .back-to-top:hover{ transform:translateY(-2px); }

  /* ===== E 页：X60 A4 竖版成果展示（不含原标题） ===== */
  .e-showcase{
    position:relative; z-index:1; box-sizing:border-box;
    padding:clamp(32px,4vw,56px) clamp(24px,4vw,64px) clamp(48px,6vw,96px);
    color:#141014;
  }
  .e-showcase .sc-figure{ margin:0; }
  .e-showcase .sc-layout{
    max-width:1500px; margin:0 auto;
    display:grid; grid-template-columns:1fr auto 1fr;
    align-items:center; gap:clamp(18px,2.2vw,40px);
  }
  .e-showcase .sc-stage{
    position:relative; width:clamp(220px,24vw,360px); padding:0;
    aspect-ratio:9 / 16; border-radius:20px; overflow:hidden;
    background:linear-gradient(160deg,#26232A 0%,#171519 100%);
    box-shadow:0 30px 70px -40px rgba(20,16,20,.55);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
  }
  .e-showcase .sc-slot,
  .sc-lightbox .sc-slot{
    position:absolute; left:20px; top:18px;
    font-size:12px; letter-spacing:.14em; font-weight:600;
    color:rgba(239,238,232,.5);
  }
  .e-showcase .sc-play{
    position:relative; width:clamp(64px,7vw,88px); height:clamp(64px,7vw,88px);
    border:none; border-radius:50%; background:#EFEEE8; color:#141014;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    box-shadow:0 16px 40px -18px rgba(0,0,0,.6);
    transition:transform .25s ease, background .25s ease;
  }
  .e-showcase .sc-play svg{ width:34%; height:34%; margin-left:6%; }
  .e-showcase .sc-stage:hover .sc-play{ transform:scale(1.06); background:#fff; }
  .e-showcase .sc-side{ display:flex; flex-direction:column; justify-content:center; }
  .e-showcase .sc-side-left{ text-align:right; }
  .e-showcase .sc-side-right{ text-align:left; }
  .e-showcase .sc-lead{
    margin:0;
    font-size:clamp(15px,1.15vw,18px); font-weight:500; line-height:1.7; color:rgba(20,16,20,.82);
  }
  .e-showcase .sc-caption{
    max-width:1200px; margin:clamp(18px,2vw,26px) auto 0;
    text-align:center; font-size:15px; line-height:1.5; color:rgba(20,16,20,.6);
  }
  .e-showcase .sc-stage > .vidnum-media{ pointer-events:none; }
  .e-showcase .has-video > .sc-slot{ display:none; }
  .e-showcase .sc-stage.has-video > .sc-play{ display:none; }
  .e-showcase .vidnum-media,
  .sc-lightbox .vidnum-media{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; border-radius:inherit; background:#171519;
  }
  .sc-lightbox .has-video > .sc-slot,
  .sc-lightbox .has-video > .sc-lb-play{ display:none; }
  .sc-lightbox .imgnum-badge{ display:none; }
  .sc-lightbox{
    position:fixed; inset:0; z-index:1000;
    display:flex; align-items:center; justify-content:center;
    padding:clamp(16px,3vw,48px);
    background:rgba(12,10,14,.86); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s ease;
  }
  .sc-lightbox.open{ opacity:1; visibility:visible; }
  .sc-lb-stage{
    position:relative; width:min(96vw,1680px); aspect-ratio:16 / 9; max-height:92vh;
    border-radius:18px; overflow:hidden;
    background:#0c0a0e;
    box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
    display:flex; align-items:center; justify-content:center;
    transform:scale(.94); transition:transform .3s cubic-bezier(.16,1,.3,1);
  }
  .sc-lightbox.open .sc-lb-stage{ transform:scale(1); }
  .sc-lb-bg{
    position:absolute; inset:0; width:100%; height:100%; z-index:0;
    object-fit:cover; transform:scale(1.18);
    filter:blur(42px) brightness(.55) saturate(1.25); pointer-events:none;
  }
  .sc-lb-frame{
    position:relative; z-index:1; height:100%; aspect-ratio:9 / 16; max-width:100%;
    border-radius:14px; overflow:hidden;
    box-shadow:0 24px 70px -24px rgba(0,0,0,.65);
    display:flex; align-items:center; justify-content:center; background:#0c0a0e;
  }
  .sc-lb-frame video{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#0c0a0e; }
  .sc-lb-stage .sc-slot{ color:rgba(239,238,232,.55); }
  .sc-lb-loading{
    position:absolute; inset:0; z-index:3;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
    background:rgba(12,10,14,.42); pointer-events:none;
    transition:opacity .25s ease;
  }
  .sc-lb-loading[hidden]{ display:none; }
  .sc-lb-spinner{
    width:46px; height:46px; border-radius:50%;
    border:3px solid rgba(239,238,232,.25); border-top-color:#EFEEE8;
    animation:scSpin .8s linear infinite;
  }
  .sc-lb-loading span{ font-size:14px; letter-spacing:.14em; color:rgba(239,238,232,.82); }
  @keyframes scSpin{ to{ transform:rotate(360deg); } }
  .sc-lb-play{
    position:relative; z-index:1;
    width:clamp(78px,9vw,120px); height:clamp(78px,9vw,120px);
    border-radius:50%; background:#EFEEE8; color:#141014;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 20px 50px -18px rgba(0,0,0,.7);
  }
  .sc-lb-play svg{ width:34%; height:34%; margin-left:6%; }
  .sc-lb-close{
    position:absolute; top:clamp(14px,2vw,28px); right:clamp(14px,2vw,28px); z-index:2;
    width:48px; height:48px; border:none; border-radius:50%;
    background:rgba(239,238,232,.14); color:#EFEEE8;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:background .2s ease, transform .2s ease;
  }
  .sc-lb-close:hover{ background:rgba(239,238,232,.28); transform:scale(1.06); }
  .sc-lb-bar{
    position:absolute; left:50%; bottom:clamp(12px,2.2vw,28px); z-index:5;
    transform:translateX(-50%);
    width:min(820px,94vw);
    display:flex; align-items:center; gap:12px; flex-wrap:wrap;
    padding:12px 14px; border-radius:16px;
    background:rgba(12,10,14,.58);
    -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    color:#fff;
    opacity:0; pointer-events:none;
    transition:opacity .28s ease;
  }
  .sc-lightbox.open .sc-lb-bar{ opacity:1; pointer-events:auto; }
  .sc-lb-close svg{ width:22px; height:22px; }
  @media (max-width:860px){
    .e-showcase .sc-layout{
      grid-template-columns:1fr; max-width:460px; gap:28px; justify-items:center;
    }
    .e-showcase .sc-side-left,
    .e-showcase .sc-side-right{ text-align:center; }
    .e-showcase .sc-side-left{ order:1; }
    .e-showcase .sc-stage{ order:2; }
    .e-showcase .sc-side-right{ order:3; }
  }
  @media (max-width:640px){
    .e-showcase .sc-stage{ border-radius:14px; }
    .e-showcase .sc-slot{ left:16px; top:14px; }
  }
  @media (max-aspect-ratio:1 / 1){
    .sc-lb-stage{ width:auto; height:min(92vh,1100px); aspect-ratio:9 / 16; max-width:96vw; }
    .sc-lb-bg{ display:none; }
    .sc-lb-frame{ box-shadow:none; border-radius:16px; }
  }
  @media (prefers-reduced-motion: reduce){
    .e-showcase .sc-stage:hover .sc-play{ transform:none; }
    .sc-lightbox, .sc-lb-stage{ transition:none; }
    .sc-lightbox.open .sc-lb-stage{ transform:none; }
  }

  /* ===== E 页：X60 A6 方案拆解 ===== */
  .e-breakdown{
    position:relative; z-index:1; box-sizing:border-box;
    scroll-margin-top:112px;
    padding:20px clamp(24px,4vw,64px) 96px;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    color:#141014;
  }
  .e-breakdown .news-heading{
    text-align:center; margin:0 auto 56px; max-width:1100px;
    font-size:clamp(30px,3.6vw,50px); font-weight:800; line-height:1.12; letter-spacing:-.02em;
    scroll-margin-top:96px;
  }
  .e-breakdown .news-row{
    display:flex; align-items:flex-start; justify-content:center;
    gap:clamp(18px,1.8vw,32px); max-width:1720px; margin:0 auto;
  }
  .e-breakdown .news-card{
    flex:1 1 0; min-width:0; display:flex; flex-direction:column;
    color:inherit; text-decoration:none;
    transition:transform .35s cubic-bezier(.16,1,.3,1);
    cursor:pointer;
  }
  .e-breakdown .news-card:hover{ transform:translateY(-8px); }
  .e-breakdown .news-card:hover .news-thumb{ box-shadow:0 30px 56px -26px rgba(20,16,20,.45); }
  .e-breakdown .news-card:nth-child(1),
  .e-breakdown .news-card:nth-child(4){ margin-top:48px; }
  .e-breakdown .news-card:nth-child(2),
  .e-breakdown .news-card:nth-child(3){ margin-top:0; }
  .e-breakdown .news-thumb{
    position:relative; width:100%; border-radius:14px; overflow:hidden;
    background:#DAD7CE; display:flex; align-items:center; justify-content:center;
    color:rgba(20,16,20,.32); font-size:12px; letter-spacing:.14em;
    background-size:cover; background-position:center; background-repeat:no-repeat;
  }
  .e-breakdown .news-thumb:hover{ transform:none; box-shadow:none; }
  .e-breakdown .news-card:nth-child(1) .news-thumb,
  .e-breakdown .news-card:nth-child(4) .news-thumb{ height:340px; }
  .e-breakdown .news-card:nth-child(2) .news-thumb,
  .e-breakdown .news-card:nth-child(3) .news-thumb{ height:430px; }
  .e-breakdown .news-badge{
    position:absolute; top:14px; left:14px; z-index:2;
    display:inline-flex; align-items:center;
    padding:7px 16px; border-radius:999px;
    background:#141014; color:#fff; font-size:13px; font-weight:600; letter-spacing:0;
  }
  .e-breakdown.has-media .news-thumb::after,
  .e-breakdown .has-media.news-thumb::after{ content:none !important; }
  @media (max-width:1080px){
    .e-breakdown .news-row{ flex-wrap:wrap; }
    .e-breakdown .news-card{ flex:1 1 260px; margin-top:0 !important; }
    .e-breakdown .news-card .news-thumb{ height:300px !important; }
  }

  /* ===== A5 子页正文标准（O / P，以及后续 30–34） ===== */
  a.ca-card{ text-decoration:none; color:inherit; cursor:pointer; }
  .ca-sub-col,
  .hp-col,
  .wwu-copy{
    max-width:min(92%, 980px);
    margin-left:auto; margin-right:auto;
    padding:clamp(48px,6.2vw,92px) 0 0;
    text-align:left;
  }

  /* ===== Hiring Process (O) ===== */
  .hp-page{ position:relative; z-index:1; padding:0 0 clamp(72px,9vw,128px); }
  .hp-inner{ max-width:1480px; margin:0 auto; padding:0 clamp(20px,5vw,72px); }
  .hp-intro{ padding-top:clamp(28px,4vw,52px); }
  .hp-hero{
    position:relative; margin:0; width:100%;
    aspect-ratio:21 / 8; border-radius:36px; overflow:hidden;
    background:#D6D3CA; display:flex; align-items:center; justify-content:center;
  }
  .hp-hero::after{ content:none; }
  .hp-hero::before{
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(180deg, rgba(20,16,20,.20), rgba(20,16,20,.34));
  }
  .hp-hero-title{
    position:relative; z-index:2; margin:0;
    font-size:clamp(40px,6.4vw,92px); font-weight:700; letter-spacing:-.03em;
    color:#fff; text-align:center; line-height:1.05;
    text-shadow:0 4px 28px rgba(20,16,20,.28);
  }
  [data-lang="zh"] .hp-hero-title{ letter-spacing:.12em; }
  .hp-block .hp-col,
  .hp-block .ca-sub-col{ padding-top:clamp(56px,8vw,110px); }
  .hp-block.last .hp-col,
  .hp-block.last .ca-sub-col{ padding-top:clamp(80px,12vw,160px); padding-bottom:8px; }
  .hp-lead{
    margin:0 0 clamp(24px,3vw,40px);
    font-size:clamp(32px,4.2vw,52px); font-weight:700; line-height:1.18;
    letter-spacing:-.03em; color:#141014;
  }
  [data-lang="zh"] .hp-lead{ letter-spacing:.02em; }
  [data-lang="zh"] .lead-zh-break span{ display:block; }
  .lead-zh-only{ display:none; }
  [data-lang="zh"] .lead-zh-only{ display:block; }
  .hp-p{
    margin:0 0 1.15em; font-size:clamp(15px,1.15vw,17px); line-height:1.7; color:#1a1816;
  }
  .hp-p-lg{ font-size:clamp(18px,1.7vw,24px); line-height:1.45; }
  .hp-h{
    margin:0 0 18px; font-size:clamp(28px,3.4vw,42px); font-weight:700;
    letter-spacing:-.03em; color:#141014;
  }
  [data-lang="zh"] .hp-h{ letter-spacing:.04em; }
  .hp-note a{ color:#141014; text-decoration:underline; text-underline-offset:3px; }
  @media (max-width:800px){
    .hp-hero{ aspect-ratio:16 / 8; border-radius:22px; }
    .hp-hero-title{ font-size:clamp(28px,10vw,48px); }
  }


  /* ===== Work With Us (P) ===== */
  .wwu-page{ position:relative; z-index:1; padding:0 0 clamp(72px,9vw,128px); }
  .wwu-intro{ padding-top:clamp(28px,4vw,52px); }
  .wwu-page .hp-hero-title,
  .hp-page .hp-hero-title,
  .ca-hero-page .hp-hero-title,
  [data-lang="zh"] .wwu-page .hp-hero-title,
  [data-lang="zh"] .hp-page .hp-hero-title,
  [data-lang="zh"] .ca-hero-page .hp-hero-title{
    letter-spacing:-.03em;
  }
  .wwu-lead{
    margin:0 0 clamp(20px,2.4vw,32px);
    font-size:clamp(26px,3vw,36px);
    font-weight:700; line-height:1.45;
    letter-spacing:-.02em; color:#141014;
  }
  .wwu-lead span{ display:block; }
  [data-lang="zh"] .wwu-lead{ letter-spacing:.06em; }
  .q-lead{
    font-size:clamp(28px,3.5vw,42px);
    line-height:1.38;
  }
  .q-lead span{ display:block; }
  [data-lang="zh"] .q-lead{ letter-spacing:.06em; }
  .q-copy .hp-p,
  #Q2 .hp-p{
    text-wrap:pretty;
    overflow-wrap:break-word;
  }
  .wwu-awards{ padding:clamp(72px,10vw,140px) clamp(20px,5vw,72px) 0; }
  .wwu-cards{
    display:flex; align-items:stretch; justify-content:center;
    gap:clamp(16px,2vw,28px); max-width:1080px; margin:0 auto;
  }
  .wwu-card{
    flex:1 1 0; min-width:0; background:#fff; border-radius:18px;
    padding:clamp(28px,3vw,40px) clamp(22px,2.4vw,32px) 28px;
    box-shadow:0 16px 40px -24px rgba(20,16,20,.28);
  }
  .wwu-icon{ display:block; width:48px; height:48px; margin:0 0 22px; }
  .wwu-icon svg{ width:100%; height:100%; }
  .wwu-icon-gold{ color:#C9A227; }
  .wwu-icon-blue{ color:#2B7BFF; }
  .wwu-icon-sand{ color:#C4A574; }
  .wwu-card h2{
    margin:0; font-size:clamp(16px,1.35vw,20px); font-weight:700;
    line-height:1.35; letter-spacing:-.02em; color:#141014;
  }
  .wwu-more{
    display:inline-block; color:#141014; font-size:15px; font-weight:500;
    text-decoration:underline; text-underline-offset:4px;
  }
  .wwu-dots{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:clamp(36px,4.4vw,56px); }
  .wwu-dots button{
    width:8px; height:8px; padding:0; border-radius:50%;
    border:1.4px solid #141014; background:transparent; cursor:pointer;
  }
  .wwu-dots button.is-on{ background:#141014; }
  @media (max-width:800px){
    .wwu-cards{ flex-direction:column; }
  }


  .contact-blank{
    position:relative; z-index:1;
    min-height:calc(100vh - 74px);
  }


  /* ===== T 联系我们 / 简历 ===== */
  .cv-page{
    position:relative; z-index:1;
    max-width:1100px; margin:0 auto;
    padding:clamp(72px,8vw,110px) clamp(20px,5vw,72px) clamp(80px,10vw,140px);
    color:#141014;
  }
  .cv-pdf{
    position:fixed; top:96px; right:clamp(22px,4vw,72px); z-index:8;
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 14px; border-radius:999px;
    font-size:13px; font-weight:700; letter-spacing:.04em;
    color:#fff; background:#6B7A38; text-decoration:none;
    box-shadow:0 6px 18px rgba(20,16,20,.14);
  }
  .cv-pdf:hover{ filter:brightness(1.06); }
  .cv-top{ padding-bottom:clamp(28px,4vw,48px); }
  .cv-id{
    display:flex; align-items:center; gap:clamp(22px,3vw,40px);
    margin-bottom:clamp(28px,3.6vw,44px);
  }
  .cv-avatar{
    flex:0 0 auto; width:min(220px,38vw); margin:0;
    aspect-ratio:1 / 1; border-radius:22px; overflow:hidden;
    background:#D6D3CA; color:rgba(20,16,20,.32);
  }
  .cv-avatar::after{
    content:"IMG " attr(data-img);
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-size:12px; letter-spacing:.14em;
  }
  [data-lang="zh"] .cv-avatar::after{ content:"图片 " attr(data-img); letter-spacing:.06em; }
  .cv-who{ min-width:0; }
  .cv-who h1{
    margin:0 0 8px; font-size:clamp(36px,4.6vw,56px); font-weight:800;
    letter-spacing:.08em; line-height:1.1;
  }
  .cv-role{
    margin:0 0 16px; font-size:clamp(15px,1.2vw,18px); font-weight:600; color:#2a2622;
  }
  .cv-role span{ display:inline-block; margin-left:.6em; font-weight:500; color:rgba(20,16,20,.55); }
  .cv-meta{
    display:flex; flex-wrap:wrap; gap:8px 22px; margin:0; padding:0; list-style:none;
    font-size:15px; color:rgba(20,16,20,.62);
  }
  .cv-meta a{ color:#141014; text-decoration:underline; text-underline-offset:3px; }
  .cv-block + .cv-block{ margin-top:clamp(28px,4vw,48px); }
  .cv-block h2{
    margin:0 0 16px; padding-bottom:10px;
    font-size:clamp(18px,1.6vw,22px); font-weight:800; letter-spacing:.12em;
    border-bottom:1.5px solid rgba(20,16,20,.16);
  }
  .cv-block > p, .cv-entry p{
    margin:0; font-size:clamp(15px,1.15vw,17px); line-height:1.75; color:#2a2622;
    text-wrap:pretty;
  }
  .cv-entry + .cv-entry{ margin-top:22px; }
  .cv-entry header{
    display:flex; align-items:baseline; justify-content:space-between;
    gap:16px; margin-bottom:8px;
  }
  .cv-entry h3{
    margin:0; font-size:clamp(16px,1.25vw,18px); font-weight:700; line-height:1.4;
  }
  .cv-entry h3 em{ font-style:normal; font-weight:500; color:rgba(20,16,20,.52); }
  .cv-entry time{ flex:0 0 auto; font-size:13px; color:rgba(20,16,20,.45); letter-spacing:.02em; }
  .cv-entry p b{
    display:inline-block; min-width:4.6em; margin-right:.4em;
    font-weight:700; color:#141014;
  }
  .cv-entry li b{ font-weight:700; color:#141014; }
  .cv-entry ul{
    margin:6px 0 0; padding-left:1.15em;
    font-size:clamp(15px,1.15vw,17px); line-height:1.7; color:#2a2622;
  }
  .cv-entry li + li{ margin-top:6px; }
  .cv-dl{ margin:0; display:grid; gap:14px; }
  .cv-dl div{ display:grid; grid-template-columns:minmax(7em,9.5em) 1fr; gap:12px 20px; align-items:start; }
  .cv-dl dt{ font-weight:700; letter-spacing:.02em; }
  .cv-dl dd{ margin:0; font-size:clamp(15px,1.15vw,17px); line-height:1.7; color:#2a2622; }
  .cv-col{ padding-top:clamp(12px,2vw,24px); }
  .cv-col.last{ padding-top:clamp(28px,4vw,48px); }
  @media (max-width:720px){
    .cv-id{ flex-direction:column; align-items:flex-start; }
    .cv-avatar{ width:min(180px,56vw); }
    .cv-entry header{ flex-direction:column; gap:4px; }
    .cv-dl div{ grid-template-columns:1fr; gap:4px; }
    .cv-role span{ display:block; margin:6px 0 0; }
    .cv-pdf{ top:88px; right:16px; padding:7px 12px; font-size:12px; }
  }

  /* ===== Globe story (A1 之后) ===== */
  .globe-story{
    position:relative; z-index:1;
    height:340vh;
  }
  .gs-pin{
    position:sticky; top:0;
    height:100vh; overflow:hidden;
    color:#141014;
  }
  .gs-canvas{
    position:absolute; inset:0;
    width:100%; height:100%;
    display:block; touch-action:none;
  }
  .gs-copy{
    position:absolute; inset:0;
    pointer-events:none;
    will-change:transform, opacity;
  }
  .gs-s1, .gs-s3{
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
    padding:clamp(88px,12vh,140px) 24px 0;
    text-align:center;
  }
  .gs-s3{ justify-content:center; padding-top:0; }
  .gs-s2{
    display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
    padding:0 clamp(28px,6vw,80px) 0 52%;
    text-align:left;
  }
  .gs-title{
    margin:0;
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    font-size:clamp(42px,7.2vw,108px);
    font-weight:800; letter-spacing:-.04em; line-height:.92;
  }
  .gs-title span{ display:block; }
  .gs-title span:empty{ display:none; }
  .gs-title-sm{ font-size:clamp(28px,3.6vw,56px); letter-spacing:-.035em; line-height:1.05; }
  .gs-lead, .gs-note{
    max-width:52ch; margin:22px auto 0;
    font-size:clamp(13px,1.05vw,16px); line-height:1.55;
    color:rgba(20,16,20,.62);
  }
  .gs-s2 .gs-note{ margin:18px 0 0; }
  .gs-legend{
    list-style:none; margin:28px 0 0; padding:0;
    display:flex; flex-direction:column; gap:10px;
    font-size:14px; color:#141014;
  }
  .gs-legend li{ display:flex; align-items:center; gap:10px; }
  .gs-dot{ width:10px; height:10px; border-radius:50%; flex:0 0 auto; }
  .gs-dot-core{ background:#E31C23; }
  .gs-dot-partner{ background:#7EB6C9; }
  @media (max-width:820px){
    .gs-s2{ padding:18vh 24px 0; align-items:center; text-align:center; }
    .gs-title-sm{ font-size:clamp(26px,8vw,40px); }
    .gs-legend{ align-items:center; }
  }