.mob-banner{display:none}
/* Prevent CLS: all reveal elements visible immediately, no JS-dependent fade-in */
.ab6-reveal{opacity:1!important;transform:none!important;transition:none!important}
/* Prevent nav cards animating in after load */
.jq-item{animation:none!important}
@media (max-width:768px){
  .mob-banner{display:flex!important;flex-direction:row;gap:6px;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 24px 52px -30px rgb(255,105,180,.55)}
  .mob-banner-left{flex:0 0 58%;position:relative;overflow:hidden;border-radius:14px 0 0 14px}
  .mob-banner-left img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  .mob-banner-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgb(77,77,77,0) 35%,rgb(77,77,77,.82) 100%)}
  .mob-banner-text{position:absolute;left:14px;right:12px;bottom:12px;z-index:3}
  .mob-banner-title{font-size:20px;font-weight:800;color:#FFFFFF!important;margin:0;line-height:1.15;text-shadow:0 2px 12px rgb(74,49,64,.35)}
  .mob-banner-sub{font-size:10.5px;color:rgb(255,255,255,.88);margin:3px 0 0;line-height:1.4}
  .mob-banner-right{flex:1;display:flex;flex-direction:column;gap:6px}
  .mob-banner-item{flex:1;position:relative;overflow:hidden}
  .mob-banner-item:first-child{border-radius:0 14px 0 0}
  .mob-banner-item:last-child{border-radius:0 0 14px 0}
  .mob-banner-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  .mob-banner-label{position:absolute;left:7px;bottom:6px;font-size:8.5px;font-weight:700;color:#D63384;background:rgb(255,255,255,.94);padding:3px 8px;border-radius:999px}
}
  /* optimized */
  :root{
    --ab6-rose:#FF69B4;        
    --ab6-rose2:#FF69B4;       
    --ab6-rose3:#FF69B4;       
    --ab6-rose-d:#FF69B4;      /* optimized */
    --ab6-blush:#FFF0F7;       
    --ab6-blush2:#FFF0F7;      
    --ab6-ink:#4D4D4D;         /* optimized */
    --ab6-ink2:#737373;        /* optimized */
    --ab6-line:#FF9ECD;        
    --ab6-grad:linear-gradient(135deg,#FF7CC8,#FF4FA6);
    --ab6-serif:Georgia,'Times New Roman',serif;
  }
  .ab6-page{background:#FFF0F7;overflow:hidden}
  .ab6-page *,.ab6-page *::before,.ab6-page *::after{box-sizing:border-box}
  .ab6-wrap{max-width:1400px;margin:0 auto;padding:0 24px}
  .ab6-eyebrow{display:inline-block;color:var(--ab6-rose-d);font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;margin-bottom:18px}
  .ab6-eyebrow::before{content:"";display:inline-block;width:30px;height:1px;background:var(--ab6-grad);vertical-align:middle;margin-right:12px}
  .ab6-eyebrow::after{content:"";display:inline-block;width:30px;height:1px;background:var(--ab6-grad);vertical-align:middle;margin-left:12px}
  .ab6-h2{font-size:clamp(34px,4vw,52px);line-height:1.12;font-weight:800;letter-spacing:.01em;color:var(--ab6-ink);margin:0 0 20px}
  .ab6-h2 em{font-style:normal;background:var(--ab6-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ab6-head{text-align:center;max-width:780px;margin:0 auto 36px}
  .ab6-head p{color:var(--ab6-ink2);font-size:16.5px;line-height:1.85;margin:0}
  .ab6-copy{color:var(--ab6-ink2);line-height:1.85;margin:0}
  .ab6-lead{font-size:18px;color:var(--ab6-ink2);line-height:1.85;margin:0}

  
  .ab6-marquee{border-top:1px solid var(--ab6-line);border-bottom:1px solid var(--ab6-line);background:linear-gradient(90deg,var(--ab6-blush2),var(--ab6-blush))}
  .ab6-marquee-track{display:flex;overflow:hidden}
  .ab6-marquee-track span{display:inline-flex;align-items:center;gap:26px;padding:16px 0;color:var(--ab6-rose-d);font-size:13.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;animation:ab6Marquee 135s linear infinite}
  .ab6-marquee-track i{font-style:normal;color:var(--ab6-rose2);font-size:12px}
  @keyframes ab6Marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}

  
  .ab6-intro{background:#FFF0F7;padding:56px 0 52px;position:relative}
  .ab6-intro::after{content:"20+";position:absolute;right:3%;top:34px;font-family:var(--ab6-serif);font-size:160px;font-weight:700;line-height:1;background:linear-gradient(135deg,rgb(255,105,180,.15),rgb(255,105,180,.08));-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none;z-index:0}
  .ab6-intro-grid{display:grid;grid-template-columns:44fr 56fr;gap:56px;align-items:start;position:relative;z-index:1}
  .ab6-media{width:100%;max-width:640px}
  .ab6-media-main{position:relative;background:#FFFFFF;padding:8px;border-radius:28px;box-shadow:0 34px 74px rgb(77,77,77,.14);border:1px solid var(--ab6-line)}
  .ab6-media-main img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}
  .ab6-media-badge{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:rgb(255,255,255,.84);backdrop-filter:blur(10px);border:1px solid rgb(255,105,180,.4);box-shadow:0 12px 28px rgb(255,105,180,.16)}
  .ab6-media-badge i{width:8px;height:8px;border-radius:50%;background:var(--ab6-grad)}
  .ab6-media-badge b{font-size:12.5px;letter-spacing:.24em;color:var(--ab6-rose-d);font-weight:800}
  .ab6-media-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
  .ab6-fact{position:relative;background:#FFFFFF;border:1px solid var(--ab6-line);border-radius:18px;padding:22px 18px;box-shadow:0 12px 30px rgb(77,77,77,.05)}
  .ab6-fact::before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--ab6-grad)}
  .ab6-fact b{display:block;font-family:var(--ab6-serif);font-size:38px;font-weight:700;line-height:1.05;background:var(--ab6-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ab6-fact b em{font-style:normal}
  .ab6-fact span{display:block;margin-top:7px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ab6-ink2)}
  .ab6-intro-body{}
  .ab6-intro-body .ab6-copy{margin-top:16px}
  .ab6-list{list-style:none;margin:26px 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
  .ab6-list li{position:relative;padding-left:28px;color:var(--ab6-ink);font-size:16px;line-height:1.55;font-weight:600}
  .ab6-list li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,rgb(255,105,180,.28),rgb(255,105,180,.28));border:1px solid rgb(255,105,180,.55)}
  .ab6-list li::after{content:"";position:absolute;left:5.5px;top:8px;width:5px;height:8px;border:solid var(--ab6-rose);border-width:0 2px 2px 0;transform:rotate(45deg)}
  .ab6-intro-cta{display:flex;flex-wrap:wrap;gap:14px}
  .ab6-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:999px;font-size:14.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all .3s ease}
  .ab6-btn-p{background:linear-gradient(135deg,#FF7CC8,#FF4FA6)!important;color:#FFFFFF!important;box-shadow:0 16px 34px rgb(255,105,180,.34)!important}
  .ab6-btn-p:hover{background:linear-gradient(135deg,#FF69B4,#D63384)!important;transform:translateY(-3px);box-shadow:0 22px 44px rgb(255,105,180,.44);color:#FFFFFF!important}
  .ab6-btn-g{background:#FFFFFF;color:var(--ab6-rose-d);border:1.5px solid rgb(255,105,180,.45)}
  .ab6-btn-g:hover{border-color:var(--ab6-rose);color:var(--ab6-rose);transform:translateY(-3px)}

  /* optimized */
  .ab6-stats{background:#FFFFFF;padding:16px 0 20px}
  .ab6-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .ab6-stat{position:relative;padding:44px 26px;text-align:center;border-left:1px solid var(--ab6-line)}
  .ab6-stat:first-child{border-left:none}
  .ab6-stat b{display:block;font-family:var(--ab6-serif);font-size:clamp(46px,5.2vw,80px);font-weight:700;line-height:1.05;white-space:nowrap;background:var(--ab6-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ab6-stat span{display:block;margin-top:12px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ab6-ink2)}
  .ab6-stat-txt{display:block;font-family:var(--ab6-serif);font-size:clamp(30px,3.6vw,54px);font-weight:700;line-height:1.1;letter-spacing:.02em;white-space:nowrap;background:var(--ab6-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* optimized */
  .ab6-video{background:#FFFFFF;padding:56px 0;position:relative}
  .ab6-video-grid{display:grid;grid-template-columns:44fr 56fr;gap:72px;align-items:center}
  .ab6-video-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
  .ab6-chip{display:inline-block;padding:8px 16px;border-radius:999px;background:#FFFFFF;border:1px solid var(--ab6-line);color:var(--ab6-ink2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
  .ab6-video-media{position:relative}
  .ab6-video-card{position:relative;border-radius:20px;overflow:hidden;background:#FFF0F7;border:1px solid #FF9ECD;box-shadow:0 24px 60px rgb(77,77,77,.10)}
  .ab6-video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:transparent;transition:transform .9s cubic-bezier(.22,.61,.36,1)}
  /* [2026-10-30] 手机端部分浏览器 video 黑底会从海报边缘透出 1px 黑线，视频放大 1px 覆盖 + 卡片底色改浅粉 */
  .ab6-video-card video{width:calc(100% + 2px)!important;margin:-1px -1px -1px -1px;max-width:none}
  .ab6-video-card:hover video{transform:scale(1.03)}
  .ab6-vbadge{position:absolute;top:18px;left:18px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgb(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ab6-ink2);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:opacity .4s ease}
  .ab6-vbadge i{width:6px;height:6px;border-radius:50%;background:var(--ab6-rose)}
  .ab6-vcaption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:16px;padding:0 4px;flex-wrap:wrap}
  .ab6-vcaption-t{font-family:var(--ab6-serif);font-size:21px;font-weight:600;color:var(--ab6-ink)}
  .ab6-vcaption-s{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ab6-ink2);font-weight:600;white-space:nowrap}
  .ab6-vcaption-time{display:inline-flex;align-items:center;gap:6px;color:var(--ab6-rose-d)}
  .ab6-vcaption-time::before{content:"";width:0;height:0;border-left:7px solid var(--ab6-rose);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
  .ab6-vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;opacity:1;transition:opacity .4s ease}
  .ab6-vplay-btn{position:relative;width:84px;height:84px;border-radius:50%;background:#FFFFFF;box-shadow:0 16px 40px rgb(77,77,77,.22);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
  .ab6-video-card:hover .ab6-vplay-btn{transform:scale(1.06)}
  .ab6-vplay-tri{width:0;height:0;border-left:22px solid var(--ab6-rose);border-top:13px solid transparent;border-bottom:13px solid transparent;transform:translateX(5px);display:none}
  .ab6-vplay-ring{position:absolute;left:50%;top:50%;width:84px;height:84px;border-radius:50%;border:1.5px solid rgb(255,255,255,.7);transform:translate(-50%,-50%);animation:ab6Pulse 2.8s ease-out infinite}
  .ab6-vplay-btn svg{width:30px;height:30px;margin-left:4px;fill:#FF69B4;display:block}
  @keyframes ab6Pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}}
  .ab6-video-card.playing .ab6-vplay,
  .ab6-video-card.playing .ab6-vbadge{opacity:0;pointer-events:none}
  .ab6-video-card.has-played .ab6-vplay{opacity:0;pointer-events:none}
  .ab6-video-card.ended .ab6-vplay{opacity:1;pointer-events:auto}

  
  .ab6-caps{background:#FFF0F7;padding:56px 0}
  .ab6-caps-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .ab6-cap{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:#FFFFFF;border:1px solid var(--ab6-line);border-radius:24px;padding:24px;box-shadow:0 14px 36px rgb(77,77,77,.05);transition:all .35s ease}
  .ab6-cap:hover{transform:translateY(-6px);border-color:rgb(255,105,180,.55);box-shadow:0 26px 52px rgb(77,77,77,.12)}
  .ab6-cap-img{position:relative}
  .ab6-cap-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}
  .ab6-cap-no{position:absolute;top:10px;left:10px;min-width:42px;text-align:center;padding:7px 10px;border-radius:12px;background:var(--ab6-grad);color:#FFFFFF;font-family:var(--ab6-serif);font-size:16px;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 24px rgb(255,105,180,.35)}
  .ab6-cap-body h3{font-size:20px;font-weight:800;color:var(--ab6-ink);margin:0 0 10px;letter-spacing:.01em}
  .ab6-cap-body p{font-size:14.5px;line-height:1.7;color:var(--ab6-ink2);margin:0 0 14px}
  .ab6-cap-chips{display:flex;flex-wrap:wrap;gap:8px}
  .ab6-cap-chips span{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--ab6-blush);border:1px solid var(--ab6-line);color:var(--ab6-rose-d);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

  
  .ab6-process{position:relative;overflow:hidden;
    background:
      radial-gradient(circle at 10% 8%, rgb(255,158,205,.30) 0%, transparent 40%),
      radial-gradient(circle at 92% 5%, rgb(255,105,180,.22) 0%, transparent 42%),
      radial-gradient(circle at 85% 95%, rgb(255,105,180,.10) 0%, transparent 45%),
      radial-gradient(circle at 8% 92%, rgb(255,105,180,.16) 0%, transparent 42%),
      linear-gradient(165deg,#FFF0F7 0%,#FFF0F7 30%,#FDFDFD 60%,#FEFEFE 85%,#FFFFFF 100%);
    padding:56px 0 60px}
  .ab6-process::before{content:"";position:absolute;top:-200px;left:-150px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgb(255,158,205,.30),transparent 65%);pointer-events:none}
  .ab6-process::after{content:"";position:absolute;bottom:-240px;right:-160px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgb(255,105,180,.18),transparent 65%);pointer-events:none}
  .ab6-process .ab6-wrap{position:relative;z-index:1}
  .ab6-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}
  .ab6-steps::before{content:"";position:absolute;top:27px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,var(--ab6-line),rgb(255,105,180,.55),var(--ab6-line))}
  .ab6-step{position:relative;text-align:center;padding:0 10px}
  .ab6-step-n{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ab6-serif);font-size:20px;font-weight:700;color:var(--ab6-rose-d);background:linear-gradient(#FFFFFF,#FFFFFF) padding-box,var(--ab6-grad) border-box;border:2px solid transparent;box-shadow:0 12px 26px rgb(255,105,180,.18)}
  .ab6-step h3{font-size:17.5px;font-weight:800;color:var(--ab6-ink);margin:0 0 8px}
  .ab6-step p{font-size:14px;line-height:1.65;color:var(--ab6-ink2);margin:0}

  /* optimized */
  .ab6-global{background:linear-gradient(180deg,#FFFFFF,var(--ab6-blush2));padding:56px 0 52px}
  .ab6-map-card{background:#FFFFFF;border:1px solid var(--ab6-line);border-radius:28px;box-shadow:0 34px 74px rgb(77,77,77,.12);padding:36px 32px 22px;margin:0 auto;max-width:1140px}
  .ab6-map-card svg{display:block;width:100%;height:auto}
  .ab6-locs{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1140px;margin:36px auto 0;min-width:0}
  .ab6-loc{min-width:0;background:#FFFFFF;border:1px solid var(--ab6-line);border-radius:16px;padding:24px 12px;text-align:center;box-shadow:0 12px 30px rgb(77,77,77,.05);transition:all .3s ease}
  .ab6-loc:hover{border-color:rgb(255,105,180,.55);transform:translateY(-5px);box-shadow:0 20px 42px rgb(77,77,77,.10)}
  .ab6-loc-dot{display:block;width:15px;height:15px;margin:0 auto 13px;border-radius:50%;background:var(--ab6-rose);animation:ab6Ring 2.4s ease-out infinite}
  .ab6-loc b{display:block;color:var(--ab6-ink);font-size:16.5px;font-weight:800;letter-spacing:.02em;overflow-wrap:break-word}
  .ab6-loc span{display:block;margin-top:6px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ab6-ink2);line-height:1.5;overflow-wrap:break-word}
  .ab6-loc--hq{background:var(--ab6-grad);border:none;box-shadow:0 18px 44px rgb(255,105,180,.35)}
  .ab6-loc--hq .ab6-loc-dot{background:#FFFFFF;box-shadow:none;animation:none}
  .ab6-loc--hq b{color:#FFFFFF}
  .ab6-loc--hq span{color:rgb(255,255,255,.9)}
  @keyframes ab6Ring{0%{box-shadow:0 0 0 0 rgb(255,105,180,.45)}100%{box-shadow:0 0 0 14px rgb(255,105,180,0)}}

  /* optimized */
  .ab6-cta{background:linear-gradient(180deg,var(--ab6-blush2),var(--ab6-blush));padding:56px 0 60px}
  .ab6-cta-inner{position:relative;max-width:940px;margin:0 auto;text-align:center;background:#FFFFFF;border:1px solid var(--ab6-line);border-radius:34px;box-shadow:0 42px 96px rgb(77,77,77,.13);padding:88px 60px 78px;overflow:hidden}
  .ab6-cta-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--ab6-grad)}
  .ab6-cta-inner::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgb(255,105,180,.20),transparent 65%);pointer-events:none}
  .ab6-cta-inner h2{font-size:clamp(32px,4vw,48px);line-height:1.15;font-weight:800;color:var(--ab6-ink);margin:0 0 22px}
  .ab6-cta-inner h2 em{font-style:normal;background:var(--ab6-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ab6-cta-inner p{color:var(--ab6-ink2);font-size:16.5px;line-height:1.8;max-width:720px;margin:0 auto 38px}
  .ab6-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
  .ab6-btn-w{background:linear-gradient(135deg,#FF7CC8,#FF4FA6);color:#FFFFFF;box-shadow:0 16px 34px rgb(255,105,180,.34)}
  .ab6-btn-w:hover{background:linear-gradient(135deg,#FF69B4,#D63384);transform:translateY(-3px);box-shadow:0 22px 44px rgb(255,105,180,.44)}
  .ab6-btn-o{background:#FFFFFF;color:var(--ab6-rose-d);border:1.5px solid rgb(255,105,180,.45)}
  .ab6-btn-o:hover{border-color:var(--ab6-rose);transform:translateY(-3px)}
  .ab6-cta-trust{margin-top:30px;font-size:13.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ab6-rose-d)}

  
  .ab6-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
  .ab6-reveal.ab6-in{opacity:1;transform:none}

  
  @media (max-width:1024px){
  .ab6-stats-grid{grid-template-columns:1fr 1fr}
  .ab6-stat:nth-child(odd){border-left:none}
  .ab6-stat:nth-child(n+3){border-top:1px solid var(--ab6-line)}
  }
  @media (max-width:1080px){
  .ab6-intro-grid{grid-template-columns:1fr;gap:56px}
  .ab6-media{max-width:620px;margin:0 auto}
  .ab6-video-grid{grid-template-columns:1fr;gap:44px}
  }
  @media (max-width:900px){
  .ab6-stats-grid{grid-template-columns:1fr 1fr}
  .ab6-stat:nth-child(odd){border-left:none}
  .ab6-stat:nth-child(n+3){border-top:1px solid var(--ab6-line)}
  .ab6-caps-grid{grid-template-columns:1fr}
  .ab6-steps{grid-template-columns:1fr 1fr;gap:44px 24px}
  .ab6-steps::before{display:none}
  .ab6-locs{grid-template-columns:repeat(3,1fr)}
  }
  @media (max-width:760px){
  .ab6-wrap{padding:0 20px}
  .ab6-intro{padding:76px 0 72px}
  .ab6-intro::after{font-size:150px;bottom:10px}
  .ab6-caps{padding:84px 0}
  .ab6-process{padding:84px 0 88px}
  .ab6-global{padding:88px 0 80px}
  .ab6-cta-inner{padding:64px 24px 60px;border-radius:26px}
  .ab6-video{padding-bottom:84px}
  .ab6-video-grid{padding-top:80px}
  .ab6-list{grid-template-columns:1fr}
  .ab6-map-card{display:none}
  .ab6-locs{grid-template-columns:repeat(2,1fr)}
  .ab6-marquee-track span{padding:13px 20px;font-size:12.5px;letter-spacing:.24em}
  .ab6-intro-cta .ab6-btn{width:100%;justify-content:center}
  .ab6-cta-btns .ab6-btn{width:100%;justify-content:center}
  .ab6-btn-w,.ab6-btn-o{box-shadow:0 12px 30px rgb(255,105,180,.3)}
  }
  @media (max-width:560px){
  .ab6-caps-grid{grid-template-columns:1fr}
  .ab6-cap{grid-template-columns:1fr;gap:18px}
  .ab6-cap-img{max-width:240px}
  .ab6-steps{grid-template-columns:1fr;gap:36px;text-align:left}
  .ab6-step{display:flex;gap:22px;align-items:flex-start;text-align:left;padding:0}
  .ab6-step-n{margin:0;flex:0 0 auto}
  .ab6-step-txt{flex:1}
  .ab6-step p{max-width:none;margin:0}
  .ab6-media-badge{top:14px;left:14px;padding:9px 14px}
  .ab6-media-badge b{font-size:10.5px}
  .ab6-media-facts{margin-top:14px;gap:10px}
  .ab6-fact{padding:16px 14px}
  .ab6-fact::before{left:14px;right:14px}
  .ab6-fact b{font-size:27px}
  .ab6-fact span{font-size:10px;letter-spacing:.08em}
  .ab6-loc{padding:20px 8px}
  .ab6-loc b{font-size:15px}
  .ab6-loc span{font-size:10.5px;letter-spacing:.04em}
  .ab6-stat{padding:44px 12px}
  .ab6-stat b{font-size:48px}
  .ab6-stat-txt{font-size:30px}
  .ab6-stat span{font-size:12px;letter-spacing:.1em;line-height:1.6}
  .ab6-vplay-btn{width:70px;height:70px}
  .ab6-vplay-ring{width:70px;height:70px}
  .ab6-vplay-tri{border-left-width:18px;border-top-width:11px;border-bottom-width:11px}
  .ab6-vcaption-t{font-size:18px}
  }

  /* optimized */
  @media (max-width:760px){
    /* optimized */
    .ab6-intro .ab6-copy{display:none}
    .ab6-intro-body .ab6-lead{font-size:16px;line-height:1.7}
    .ab6-list{margin:18px 0 22px;gap:10px 20px}
    .ab6-list li{font-size:14.5px}

    /* optimized */
    .ab6-cap{padding:18px;gap:14px}
    .ab6-cap-img{max-width:100%!important}
    .ab6-cap-img img{aspect-ratio:16/10!important;border-radius:14px}

    /* optimized */
    .ab6-process{padding:40px 0!important}
    .ab6-steps{grid-template-columns:1fr 1fr!important;gap:24px 16px!important}
    .ab6-step{padding:0!important}
    .ab6-step-n{width:44px!important;height:44px!important;margin-bottom:14px!important;font-size:16px!important}
    .ab6-step h3{font-size:15px!important}
    .ab6-step p{font-size:12px!important}

    /* optimized */
    .ab6-global{padding:40px 0!important}
    .ab6-locs{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
    .ab6-loc{padding:16px 8px!important}
    .ab6-loc b{font-size:13px!important}
    .ab6-loc span{font-size:10px!important}

    /* optimized */
    .ab6-intro-cta{display:flex!important;flex-direction:column;gap:10px;margin-top:24px!important}
    .ab6-intro-cta .ab6-btn{width:100%;justify-content:center;padding:16px 22px!important}

    /* optimized */
    .ab6-video-txt .ab6-copy{display:none!important}
    .ab6-video-chips{display:none!important}
  }

  @media (prefers-reduced-motion:reduce){
  .ab6-marquee-track,.ab6-vplay-ring,.ab6-arc,.ab6-loc-dot{animation:none!important}
  .ab6-reveal{opacity:1;transform:none;transition:none}
  }
  
  @media(max-width:900px){
    .ab6-marquee{display:none!important}
    .page-breadcrumbs, .breadcrumbs, .crumbs{display:none!important}
    .ab6-filter, .ab6-cat-btns{display:none!important}
    
    .ab6-video-txt{display:none!important}
    .ab6-video-grid{grid-template-columns:1fr!important}
    .ab6-video{padding-top:0!important;margin-top:0!important;}
    body.about{padding-top:56px!important;}
    .ab6-hero, .ab6-breadcrumbs{display:none!important}
    .ab6-video{padding-bottom:10px!important;}
    .ab6-workshop{padding-top:10px!important;}
  }

  
  @media (min-width:769px) and (max-width:1024px){
    .ab6-marquee{display:none!important}
    .ab6-video-txt{display:none!important}
    .ab6-video-grid{grid-template-columns:1fr!important;gap:0!important}
    .ab6-video{padding:16px 0 12px!important}
    .ab6-workshop{padding-top:12px!important}
    .ab6-vcaption{display:none!important}
    .ab6-media-badge{display:none!important}
    .ab6-media-facts{display:none!important}
  }

    
  @media (min-width:769px){
    main > .inner-banner{display:block!important;margin-top:24px}
  }
/* [2026-10-31] 手机端不再切换图片：两端口使用同一张 intro 图，保持内容一致 */
.ab6-img-mobile{display:none!important}@media(max-width:768px){.ab6-img-desktop{display:block!important;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}}
.ab6-badge-design{display:none}@media(max-width:768px){.ab6-badge-loc{display:none}.ab6-badge-design{display:inline}}
      .oc-commitments{padding:72px 20px 76px;background:linear-gradient(180deg,#FFF0F7 0%,#FFFFFF 100%)}
      .oc-commitments .ab6-wrap{max-width:1200px;margin:0 auto}
      .oc-commitments .oc-head{text-align:center;margin-bottom:44px}
      .oc-commitments .oc-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12.5px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#FF69B4}
      .oc-commitments .oc-eyebrow::before,.oc-commitments .oc-eyebrow::after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,#FF69B4)}
      .oc-commitments .oc-eyebrow::after{background:linear-gradient(90deg,#FF69B4,transparent)}
      .oc-commitments .oc-title{margin:16px 0 0;font-family:var(--typo-serif);font-weight:700;font-size:42px;line-height:1.12;color:#4D4D4D}
      .oc-commitments .oc-title em{font-style:italic;background:linear-gradient(135deg,#FF69B4 0%,#D63384 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#D63384}
      .oc-commitments .oc-sub{max-width:520px;margin:16px auto 0;font-size:15.5px;line-height:1.75;color:#737373}
      .oc-commitments .oc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
      .oc-commitments .oc-card{background:#FFFFFF;border:1px solid rgb(255,105,180,.14);border-radius:20px;overflow:hidden;box-shadow:0 20px 44px -28px rgb(214,51,132,.28);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
      .oc-commitments .oc-card:hover{transform:translateY(-6px);box-shadow:0 32px 60px -28px rgb(214,51,132,.4)}
      .oc-commitments .oc-img-wrap{height:160px;overflow:hidden}
      .oc-commitments .oc-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
      .oc-commitments .oc-card:hover .oc-img-wrap img{transform:scale(1.05)}
      .oc-commitments .oc-body{padding:22px 20px 24px}
      .oc-commitments .oc-body h3{margin:0 0 10px;font-size:17px;font-weight:700;color:#4D4D4D;letter-spacing:.01em}
      .oc-commitments .oc-body p{margin:0;font-size:13.5px;line-height:1.65;color:#737373}
      @media(max-width:992px){
        .oc-commitments .oc-grid{grid-template-columns:repeat(2,1fr);gap:14px}
        .oc-commitments .oc-title{font-size:32px}
      }
      @media(max-width:576px){
        .oc-commitments{padding:44px 14px 48px}
        .oc-commitments .oc-grid{grid-template-columns:1fr}
        .oc-commitments .oc-head{margin-bottom:28px}
        .oc-commitments .oc-title{font-size:26px}
        .oc-commitments .oc-sub{font-size:13.5px;margin-top:10px}
        .oc-commitments .oc-img-wrap{height:180px}
        .oc-commitments .oc-body{padding:18px 16px 20px}
        .oc-commitments .oc-body h3{font-size:16px}
        .oc-commitments .oc-body p{font-size:13px}
      }
    
    .be-essentials{position:relative;padding:72px 20px 76px;background:linear-gradient(180deg,#FFFFFF 0%,#FFF0F7 100%);overflow:hidden}
    .be-essentials::before{content:"";position:absolute;left:50%;top:-15%;width:1100px;height:560px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgb(255,158,205,.12),transparent 65%);pointer-events:none}
    .be-essentials::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(520px,80%);height:1px;background:linear-gradient(90deg,transparent,rgb(255,105,180,.7) 50%,transparent);pointer-events:none}
    .be-essentials .ab6-wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto}
    .be-essentials .be-head{text-align:center;margin-bottom:40px}
    .be-essentials .be-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12.5px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#FF69B4}
    .be-essentials .be-eyebrow::before,.be-essentials .be-eyebrow::after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,#FF69B4)}
    .be-essentials .be-eyebrow::after{background:linear-gradient(90deg,#FF69B4,transparent)}
    .be-essentials .be-title{margin:16px 0 0;font-family:var(--typo-serif);font-weight:700;font-size:44px;line-height:1.12;color:#4D4D4D;letter-spacing:.2px}
    .be-essentials .be-title em{font-style:italic;background:linear-gradient(135deg,#FF69B4 0%,#D63384 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#D63384}
    .be-essentials .be-sub{max-width:580px;margin:16px auto 0;font-size:15.5px;line-height:1.75;color:#737373}
    .be-essentials .be-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .be-essentials .be-card{position:relative;background:#FFFFFF;border:1px solid rgb(255,105,180,.14);border-radius:20px;padding:34px 22px 28px;text-align:center;box-shadow:0 20px 44px -28px rgb(214,51,132,.28),0 0 0 1px rgb(255,105,180,.04);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;overflow:hidden}
    .be-essentials .be-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF69B4,#FF69B4,#FF69B4);opacity:.7}
    .be-essentials .be-card:hover{transform:translateY(-6px);border-color:rgb(255,105,180,.35);box-shadow:0 32px 60px -28px rgb(214,51,132,.4)}
    .be-essentials .be-num{font-family:var(--typo-serif);font-weight:700;font-size:52px;line-height:1;letter-spacing:-.5px;background:linear-gradient(135deg,#FF69B4 0%,#D63384 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#D63384}
    .be-essentials .be-num em{font-style:italic;font-size:20px;font-weight:600;margin-left:5px;-webkit-text-fill-color:#FF69B4;color:#FF69B4;background:none}
    .be-essentials .be-label{margin-top:14px;font-size:14.5px;font-weight:600;color:#4D4D4D;letter-spacing:.02em}
    .be-essentials .be-note{margin-top:7px;font-size:12.5px;color:#989898;line-height:1.55}
    .be-essentials .be-materials{margin-top:32px;background:rgb(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(255,105,180,.2);border-radius:18px;padding:18px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;box-shadow:0 14px 30px -24px rgb(214,51,132,.25)}
    .be-essentials .be-mat-label{font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#D63384}
    .be-essentials .be-mat-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .be-essentials .be-mat-chips span{display:inline-block;padding:5px 14px;border-radius:999px;background:linear-gradient(135deg,#FFF0F7,#FFF0F7);border:1px solid rgb(255,105,180,.25);color:#D63384;font-size:12.5px;font-weight:600;letter-spacing:.02em}
    .be-essentials .be-divider{width:1px;height:16px;background:rgb(255,105,180,.3);border:none!important;padding:0!important;margin:0 4px}
    .be-essentials .be-cta{margin-top:32px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
    .be-essentials .be-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.08em;text-decoration:none;transition:transform .3s,box-shadow .3s}
    .be-essentials .be-btn-primary{background:linear-gradient(135deg,#FF69B4 0%,#FF69B4 55%,#FF69B4 100%);color:#FFFFFF!important;box-shadow:0 16px 32px -14px rgb(255,105,180,.6)}
    .be-essentials .be-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgb(255,105,180,.7)}
    .be-essentials .be-btn-ghost{background:#FFFFFF;color:#D63384;border:1.5px solid rgb(255,105,180,.4);box-shadow:0 8px 20px -14px rgb(214,51,132,.3)}
    .be-essentials .be-btn-ghost:hover{transform:translateY(-2px);background:#FFF0F7;border-color:#FF69B4}
    @media(max-width:900px){
      .be-essentials .be-grid{grid-template-columns:repeat(2,1fr);gap:12px}
      .be-essentials .be-title{font-size:30px}
      .be-essentials .be-num{font-size:36px}
    }
    @media(max-width:768px){
      .be-essentials{padding:36px 12px 40px}
      .be-essentials .be-head{margin-bottom:20px}
      .be-essentials .be-eyebrow{font-size:11px;letter-spacing:.3em}
      .be-essentials .be-title{font-size:24px;margin-top:10px}
      .be-essentials .be-sub{font-size:13px;margin-top:10px}
      .be-essentials .be-card{padding:18px 12px;border-radius:14px}
      .be-essentials .be-num{font-size:28px}
      .be-essentials .be-num em{font-size:13px}
      .be-essentials .be-label{font-size:13.5px;margin-top:8px}
      .be-essentials .be-note{font-size:12px;margin-top:4px}
      .be-essentials .be-materials{padding:12px;gap:8px}
      .be-essentials .be-mat-label{font-size:10.5px;letter-spacing:.12em;width:100%;text-align:center}
      .be-essentials .be-mat-chips{gap:6px;justify-content:center}
      .be-essentials .be-mat-chips span{font-size:11px;padding:4px 10px}
      .be-essentials .be-cta{flex-direction:column;align-items:center;gap:10px;margin-top:20px}
      .be-essentials .be-btn{width:100%;max-width:320px;justify-content:center;padding:14px 20px;font-size:13.5px}
    }
    
.ab-faq{position:relative;padding:40px 20px 48px;background:linear-gradient(180deg,#FFF0F7,#FFFFFF);overflow:hidden}
.ab-faq::before{content:"";position:absolute;left:50%;top:-10%;width:900px;height:500px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgb(255,158,205,.10),transparent 65%);pointer-events:none}
.ab-faq .l-wrap{position:relative;z-index:1;max-width:1292px;margin:0 auto;padding:0 20px}
.ab-faq .faq-kicker{display:block;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.46em;text-transform:uppercase;color:#FF69B4}
.ab-faq .faq-title{margin:12px 0 0;text-align:center;font-family:var(--typo-serif);font-weight:700;font-size:38px;line-height:1.15;color:#4D4D4D}
.ab-faq .faq-title em{font-style:italic;color:#FF69B4}
.ab-faq .faq-sub{text-align:center;max-width:560px;margin:12px auto 0;font-size:15px;line-height:1.6;color:#737373}
.ab-faq .faq-list{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1292px;margin-left:auto;margin-right:auto;padding:0 20px}
.ab-faq .faq-item{background:linear-gradient(135deg,#FFFFFF 0%,#FFF0F7 100%);border:1px solid rgb(255,105,180,.15);border-radius:16px;box-shadow:0 8px 20px -20px rgb(255,105,180,.3);overflow:hidden;transition:all .3s ease}
.ab-faq .faq-item:hover{border-color:rgb(255,105,180,.3);transform:translateY(-1px);box-shadow:0 12px 28px -20px rgb(255,105,180,.4)}
.ab-faq .faq-item.open{border-color:rgb(255,105,180,.4);box-shadow:0 14px 32px -20px rgb(255,105,180,.45)}
.ab-faq .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:transparent;border:none;cursor:pointer;text-align:left;font-size:14.5px;font-weight:600;color:#4D4D4D;font-family:var(--typo-sans);letter-spacing:.01em}
.ab-faq .faq-arrow{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF7CC8,#FF4FA6);color:#FFFFFF;font-size:15px;font-weight:400;transition:transform .3s;box-shadow:0 4px 10px -4px rgb(255,105,180,.4)}
.ab-faq .faq-item.open .faq-arrow{transform:rotate(45deg)}
.ab-faq .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.ab-faq .faq-a-inner{padding:0 22px 18px;font-size:14.5px;line-height:1.75;color:#505050}
.ab-faq .faq-a-inner b{color:#D63384;font-weight:600}
.ab-faq .faq-cta{text-align:center;margin-top:20px;max-width:860px;margin-left:auto;margin-right:auto;padding:0 20px}
.ab-faq .faq-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;border-radius:999px;background:linear-gradient(135deg,#FF7CC8,#FF4FA6);color:#FFFFFF!important;font-size:14px;font-weight:600;letter-spacing:.08em;text-decoration:none;box-shadow:0 14px 28px -12px rgb(255,105,180,.55);transition:transform .3s,box-shadow .3s}
.ab-faq .faq-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px -12px rgb(255,105,180,.65)}
@media(max-width:768px){
  .ab-faq{padding:44px 14px 48px}
  .ab-faq .faq-title{font-size:26px}
  .ab-faq .faq-sub{font-size:14.5px;margin-top:10px}
  .ab-faq .faq-list{margin-top:22px;gap:10px;grid-template-columns:1fr}
  .ab-faq .faq-q{padding:15px 18px;font-size:15px}
  .ab-faq .faq-a-inner{padding:0 16px 14px;font-size:14.5px;line-height:1.65}
}
.pt-gallery{position:relative;padding:52px 20px 56px;background:linear-gradient(180deg,#FFFFFF,#FFF0F7);overflow:hidden}
.pt-gallery::before{content:"";position:absolute;left:50%;top:-20%;width:1200px;height:760px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgb(255,158,205,.12),transparent 65%);pointer-events:none}
.pt-gallery .l-wrap{position:relative;z-index:1;max-width:1680px;margin:0 auto}
.pt-gallery .ptg-head{text-align:center;margin-bottom:34px}
.pt-gallery .ptg-kicker{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:600;letter-spacing:.46em;text-transform:uppercase;color:#FF69B4}
.pt-gallery .ptg-kicker::before,.pt-gallery .ptg-kicker::after{content:"";width:54px;height:1px}
.pt-gallery .ptg-kicker::before{background:linear-gradient(90deg,transparent,#FF69B4)}
.pt-gallery .ptg-kicker::after{background:linear-gradient(90deg,#FF69B4,transparent)}
.pt-gallery .ptg-title{margin:24px 0 0;font-family:var(--typo-serif);font-weight:400;font-size:60px;line-height:1.1;letter-spacing:.01em;color:#4A3140}
.pt-gallery .ptg-title em{font-style:italic;color:#FF69B4}
.pt-gallery .ptg-des{max-width:720px;margin:26px auto 0;font-size:16.5px;line-height:1.95;letter-spacing:.02em;color:#6F6A6D}
.pt-gallery .ptg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.pt-gallery .ptg-item{position:relative;border-radius:16px;overflow:hidden;background:#FFFFFF;border:1px solid rgb(74,49,64,.08);box-shadow:0 16px 38px rgb(74,49,64,.10);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s}
.pt-gallery .ptg-item:hover{transform:translateY(-7px);border-color:rgb(255,105,180,.45);box-shadow:0 30px 60px rgb(255,105,180,.18)}
.pt-gallery .ptg-thumb{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#FFF0F7}
.pt-gallery .ptg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pt-gallery .ptg-item:hover .ptg-thumb img{transform:scale(1.06)}
.pt-gallery .ptg-meta{display:flex;align-items:center;justify-content:center;padding:13px 14px;background:#FFFFFF}
.pt-gallery .ptg-code{font-size:13px;letter-spacing:.03em;font-weight:600;color:#6F6A6D;text-align:center}
.pt-gallery .ptg-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:34px}
.pt-gallery .ptg-page{min-width:46px;height:46px;padding:0 14px;border-radius:50%;border:1px solid rgb(255,105,180,.3);background:#FFFFFF;color:#D63384;font-size:14.5px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}
.pt-gallery .ptg-page:hover{border-color:#FF69B4;color:#FF69B4;transform:translateY(-2px)}
.pt-gallery .ptg-page.active{background:linear-gradient(135deg,#FF7CC8,#FF4FA6);border-color:transparent;color:#FFFFFF;box-shadow:0 10px 22px rgb(255,105,180,.35)}
.pt-gallery .ptg-page svg{width:18px;height:18px;fill:currentColor}
@media(max-width:1500px){.pt-gallery .ptg-grid{grid-template-columns:repeat(4,1fr);gap:20px}}
@media(max-width:1100px){.pt-gallery .ptg-grid{grid-template-columns:repeat(3,1fr);gap:18px}.pt-gallery .ptg-title{font-size:44px}}
@media(max-width:768px){
  .pt-gallery{padding:46px 0 30px;background:linear-gradient(180deg,#FFFFFF 0%,#FFF0F7 100%)}
  .pt-gallery::before{display:none}
  .pt-gallery .l-wrap{max-width:100%;padding:0 14px}
  .pt-gallery .ptg-head{margin-bottom:22px;padding:0 4px}
  .pt-gallery .ptg-kicker{font-size:11px;letter-spacing:.32em;gap:12px;color:#B87A9A}
  .pt-gallery .ptg-kicker::before,.pt-gallery .ptg-kicker::after{width:24px}
  .pt-gallery .ptg-title{font-size:30px;margin-top:14px;line-height:1.25;letter-spacing:.01em}
  .pt-gallery .ptg-des{font-size:14px;line-height:1.7;margin-top:12px;color:#848484;letter-spacing:0}
  
  /* [2026-10-31] Lookbook 图录式重做：去掉压在图片上的粉色渐变遮罩
     （一眼廉价），改为「白底产品图 + 小字距衬线品名」的无框图录：
     无投影、无渐变、无描边，只靠留白与字距出高级感。 */
  .pt-gallery{background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 62%,#FFF0F7 100%)}
  .pt-gallery .ptg-grid{grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:24px}
  .pt-gallery .ptg-item{
    border-radius:0;border:0;background:transparent;
    box-shadow:none;overflow:visible;
  }
  .pt-gallery .ptg-item:active{opacity:.85}
  .pt-gallery .ptg-thumb{aspect-ratio:auto;border-radius:0;background:transparent;display:block;overflow:hidden}
  .pt-gallery .ptg-thumb img{border-radius:0;object-fit:contain!important;width:100%!important;height:auto!important;display:block!important}

  .pt-gallery .ptg-meta{
    position:static;left:auto;right:auto;bottom:auto;
    display:block;padding:10px 1px 0;
    background:transparent;border-radius:0;border-top:0;
  }
  .pt-gallery .ptg-code{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    min-height:3.1em;
    font-family:var(--typo-serif, inherit);
    font-size:9.5px;line-height:1.55;font-weight:400;
    letter-spacing:.11em;text-transform:uppercase;
    color:#4A3140;text-align:left;
  }
  .pt-gallery .ptg-pager{gap:6px;margin-top:34px}
  .pt-gallery .ptg-page{min-width:34px;height:34px;padding:0 10px;font-size:12px;border-radius:50%}
  .pt-gallery .ptg-cta{text-align:center;margin-top:20px}
  .pt-gallery .ptg-cta-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 32px;border-radius:999px;border:none;cursor:pointer;
    background:linear-gradient(135deg,#FF7CC8,#FF4FA6);
    color:#FFFFFF;font-size:13px;font-weight:600;letter-spacing:.08em;
    box-shadow:0 10px 24px -8px rgb(255,105,180,.5);
    transition:transform .3s, box-shadow .3s;
  }
  .pt-gallery .ptg-cta-btn span{font-size:16px;transition:transform .3s}
  .pt-gallery .ptg-cta-btn:active{transform:scale(.97)}
}
.home-videos{position:relative;padding:60px 20px 64px;background:linear-gradient(180deg,#FFFFFF,#FFF0F7);overflow:hidden}
.home-videos::before{content:"";position:absolute;left:50%;top:-32%;width:1300px;height:860px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgb(255,158,205,.12),transparent 65%);pointer-events:none}
.home-videos .l-wrap{position:relative;z-index:1;max-width:1680px;margin:0 auto}
.home-videos .hv-head{text-align:center;margin-bottom:36px}
.home-videos .hv-kicker{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:#FF69B4}
.home-videos .hv-kicker::before,.home-videos .hv-kicker::after{content:"";width:46px;height:1px}
.home-videos .hv-kicker::before{background:linear-gradient(90deg,transparent,#FF69B4)}
.home-videos .hv-kicker::after{background:linear-gradient(90deg,#FF69B4,transparent)}
.home-videos .hv-title{margin:20px 0 0;font-family:var(--typo-serif);font-weight:400;font-size:50px;line-height:1.12;letter-spacing:.02em;color:#4A3140}
.home-videos .hv-title em{font-style:italic;color:#FF69B4}
.home-videos .hv-des{max-width:640px;margin:22px auto 0;font-size:15px;line-height:1.9;letter-spacing:.03em;color:#6F6A6D}
.home-videos .videos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}
.home-videos .hv-page{display:contents}
.home-videos .video-card{position:relative}
.home-videos .video-frame{position:relative;width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#FFFFFF;border:1px solid rgb(74,49,64,.08);box-shadow:0 18px 40px rgb(74,49,64,.08);transition:border-color .5s,box-shadow .5s,transform .5s}
.home-videos .video-card:hover .video-frame{border-color:rgb(255,105,180,.45);transform:translateY(-7px);box-shadow:0 28px 56px rgb(74,49,64,.14)}
.home-videos .video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:transparent;transition:transform .9s}
.home-videos .video-card:hover .video-frame video{transform:scale(1.05)}
.home-videos .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:60px;height:60px;border-radius:50%;background:rgb(255,255,255,.96);border:1px solid rgb(255,105,180,.55);box-shadow:0 10px 26px rgb(255,105,180,.20),0 2px 8px rgb(255,105,180,.10);display:flex;align-items:center;justify-content:center;color:#FF69B4;cursor:pointer;transition:all .35s}
.home-videos .video-play svg{width:22px;height:22px;margin-left:4px;fill:currentColor;display:block;transition:transform .35s}
.home-videos .video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.08);background:#FFFFFF;border-color:#FF69B4;color:#FF69B4;box-shadow:0 0 0 9px rgb(255,105,180,.14),0 14px 30px rgb(255,105,180,.35)}
.home-videos .video-card:hover .video-play svg{transform:scale(1.05)}
.home-videos .video-card.playing .video-play{display:none}
.home-videos .hv-carousel{position:relative}
.home-videos .hv-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#FF7CC8,#FF4FA6);border:none;box-shadow:0 6px 20px rgb(255,105,180,.35);color:#FFFFFF;cursor:pointer;padding:0;transition:all .3s}
.home-videos .hv-arrow svg{width:22px;height:22px;fill:currentColor;display:block}
.home-videos .hv-arrow.hv-arrow-prev{left:-70px}
.home-videos .hv-arrow.hv-arrow-next{right:-70px}
.home-videos .hv-arrow:hover{background:linear-gradient(135deg,#FF7CC8,#FF4FA6);color:#FFFFFF;box-shadow:0 8px 28px rgb(255,105,180,.35)}
.home-videos .hv-arrow[disabled]{opacity:.35;cursor:default;box-shadow:none}
.home-videos .videos-dots{display:none}
@media(max-width:1280px){.home-videos .videos-grid{grid-template-columns:repeat(3,1fr);gap:20px}.home-videos{padding:52px 20px 56px}.home-videos .hv-title{font-size:38px}}
@media(max-width:768px){
  .home-videos{padding:60px 0 66px}
  .home-videos .l-wrap{max-width:100%}
  .home-videos .hv-head{margin-bottom:36px;padding:0 16px}
  .home-videos .hv-kicker{font-size:12px;letter-spacing:.3em;gap:12px}
  .home-videos .hv-kicker::before,.home-videos .hv-kicker::after{width:24px}
  .home-videos .hv-title{font-size:28px;margin-top:14px}
  .home-videos .hv-des{font-size:13px;line-height:1.8;margin-top:14px}
  .home-videos .videos-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .home-videos .videos-grid::-webkit-scrollbar{display:none}
  .home-videos .hv-arrow{width:40px;height:40px;top:50%!important;transform:translateY(-50%)!important;background:rgb(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255,105,180,.35);box-shadow:0 4px 14px rgb(74,49,64,.2);color:#FF69B4;z-index:10}
  .home-videos .hv-arrow svg{width:20px;height:20px}
  .home-videos .hv-arrow.hv-arrow-prev{left:4px}
  .home-videos .hv-arrow.hv-arrow-next{right:4px}
  .home-videos .hv-page{flex:0 0 100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;scroll-snap-align:center!important;justify-items:stretch!important;padding:0 16px 8px}
  .home-videos .video-card{width:100%!important;max-width:none!important}
  .home-videos .video-frame{border-radius:16px!important;aspect-ratio:9/16!important;box-shadow:0 20px 48px rgb(74,49,64,.18)!important}
  .home-videos .videos-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}
  .home-videos .v-dot{width:8px;height:8px;border-radius:50%;background:rgb(255,105,180,.3);cursor:pointer;transition:all .3s}
  .home-videos .v-dot.active{width:24px;border-radius:4px;background:linear-gradient(90deg,#FF69B4,#D63384)}
  .home-videos .video-play{width:56px!important;height:56px!important}
  .home-videos .video-play svg{width:22px!important;height:22px!important;margin-left:4px!important}
}
@media (max-width:768px){
  /* optimized */
  body{padding-top:56px}
  main > .inner-banner{display:block!important;padding:6px 12px 0!important;border-radius:0!important;height:auto!important;min-height:0!important;margin-top:0!important;background:transparent!important}
  /* [2026-10-30] jason-site-2.css 的 main>.inner-banner{height:clamp(170px,38vw,240px)!important} 加载顺序在本文件之后会赢过上一行，
     导致手机 banner 容器被锁 170px、底部(About JASON 文字+QC图)被裁掉；用更高优先级选择器覆盖回 auto */
  body main > .inner-banner{height:auto!important;min-height:0!important;overflow:visible!important}
  main > .inner-banner::before{display:none!important}
  main > .inner-banner img.innerbanners{display:none!important}
  /* mobile banner: left hero + right craft collage */
  .mob-banner{display:flex!important;gap:6px;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 24px 52px -30px rgb(255,105,180,.55);aspect-ratio:16/10}
  .mob-banner-left{flex:0 0 58%;position:relative;overflow:hidden;border-radius:14px 0 0 14px}
  .mob-banner-left img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;aspect-ratio:auto!important;box-shadow:none!important}
  .mob-banner-mask{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgb(77,77,77,0) 35%,rgb(77,77,77,.82) 100%)}
  .mob-banner-text{position:absolute;left:14px;right:12px;bottom:12px;z-index:3}
  .mob-banner-kicker{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#FFFFFF;margin-bottom:3px;text-shadow:0 1px 4px rgb(74,49,64,.35)}
  .mob-banner-title{font-size:20px;font-weight:800;color:#FFFFFF!important;line-height:1.15;margin:0;letter-spacing:.4px;text-shadow:0 2px 12px rgb(74,49,64,.35)}
  .mob-banner-sub{font-size:10.5px;color:rgb(255,255,255,.88);margin:3px 0 0;letter-spacing:.2px;line-height:1.4}
  .mob-banner-right{flex:1;display:flex;flex-direction:column;gap:6px}
  .mob-banner-item{flex:1;position:relative;overflow:hidden}
  .mob-banner-item:first-child{border-radius:0 14px 0 0}
  .mob-banner-item:last-child{border-radius:0 0 14px 0}
  .mob-banner-item img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;aspect-ratio:auto!important;box-shadow:none!important}
  .mob-banner-label{position:absolute;left:7px;bottom:6px;z-index:2;font-size:8.5px;font-weight:700;letter-spacing:.08em;color:#D63384;background:rgb(255,255,255,.94);padding:3px 8px;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px rgb(74,49,64,.18)}

  /* optimized */
  .ab6-page{background:#FFF0F7!important}
  .ab6-wrap{padding:0 20px}
  .ab6-eyebrow{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
    font-size:10.5px!important;letter-spacing:.3em!important;margin-bottom:14px!important;color:var(--ab6-rose-d)!important}
  .ab6-eyebrow::before,.ab6-eyebrow::after{content:""!important;width:26px!important;height:1.5px!important;
    background:linear-gradient(90deg,transparent,var(--ab6-rose))!important;border-radius:2px!important;margin:0!important}
  .ab6-eyebrow::after{background:linear-gradient(90deg,var(--ab6-rose),transparent)!important}
  .ab6-h2{font-size:clamp(24px,7.2vw,30px)!important;line-height:1.22!important;text-align:center!important;margin:0 0 14px!important}
  .ab6-head{margin:0 auto 34px!important}
  .ab6-head p{font-size:13.5px!important;line-height:1.75!important;padding:0 6px}

  /* optimized */
  .ab6-marquee-track span{font-size:12px!important;letter-spacing:.22em!important;padding:12px 0!important;gap:20px!important}

  /* optimized */
  .ab6-intro{padding:20px 0 4px!important}
  .ab6-intro::after{font-size:80px!important;top:14px!important;right:0!important}
  .ab6-intro-grid{grid-template-columns:1fr!important;gap:30px!important}
  .ab6-media{max-width:100%!important;margin:0!important}
  .ab6-media-main{padding:6px!important;border-radius:22px!important;border-color:rgb(255,105,180,.16)!important;
    box-shadow:0 26px 56px -30px rgb(77,77,77,.22)!important}
  .ab6-media-main img{border-radius:17px!important;aspect-ratio:4/3!important}
  .ab6-media-badge{bottom:16px!important;top:auto!important;left:16px!important;padding:9px 15px!important;border-radius:999px!important;
    box-shadow:0 10px 24px -8px rgb(255,105,180,.35)!important}
  .ab6-media-badge b{font-size:12px!important;letter-spacing:.2em!important}
  .ab6-media-facts{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important}
  .ab6-fact{padding:18px 12px 16px!important;border-radius:18px!important;text-align:center!important;
    box-shadow:0 14px 30px -18px rgb(255,105,180,.28)!important}
  .ab6-fact::before{left:24px!important;right:24px!important}
  .ab6-fact b{font-size:clamp(26px,8vw,32px)!important}
  .ab6-fact span{font-size:12px!important;letter-spacing:.1em!important;line-height:1.5!important;margin-top:6px!important}
  .ab6-intro-body{text-align:center}
  .ab6-lead{font-size:14.5px!important;line-height:1.8!important}
  .ab6-copy{font-size:13.5px!important;line-height:1.8!important}
  .ab6-list{grid-template-columns:1fr!important;gap:10px!important;margin:22px 0 24px!important;text-align:left!important}
  .ab6-list li{font-size:13.5px!important;line-height:1.6!important;padding:13px 14px 13px 40px!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FFF0F7 100%)!important;border:1px solid rgb(255,105,180,.13)!important;
    border-radius:14px!important;box-shadow:0 10px 22px -18px rgb(255,105,180,.3)!important}
  .ab6-list li::before{left:14px!important;top:14px!important}
  .ab6-list li::after{left:19.5px!important;top:19px!important}
  .ab6-intro-cta{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .ab6-btn{padding:15px 22px!important;border-radius:14px!important;font-size:13px!important;letter-spacing:.14em!important;justify-content:center!important}
  .ab6-btn-p{box-shadow:0 16px 32px -14px rgb(255,105,180,.5)!important}

  /* optimized */
  .ab6-stats{padding:34px 0 10px!important}
  .ab6-stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;max-width:none!important;
    background:transparent!important;border:none!important;border-radius:0!important}
  .ab6-stat{padding:24px 10px 22px!important;text-align:center!important;
    background:linear-gradient(180deg,#FFFFFF 0%,#FFF0F7 100%)!important;
    border:1px solid rgb(255,105,180,.18)!important;border-radius:18px!important;
    box-shadow:0 16px 34px -22px rgb(255,105,180,.4)!important}
  .ab6-stat:nth-child(odd){border-left:1px solid rgb(255,105,180,.18)!important}
  .ab6-stat:nth-child(n+3){border-top:1px solid rgb(255,105,180,.18)!important}
  .ab6-stat b{font-size:clamp(28px,8.5vw,34px)!important;line-height:1!important}
  .ab6-stat span{font-size:10px!important;letter-spacing:.12em!important;line-height:1.55!important;margin-top:8px!important}

  /* optimized */
  .ab6-video{padding:6px 0 10px!important}
  .ab6-video-grid{grid-template-columns:1fr!important;gap:22px!important;padding-top:0!important}
  .ab6-video-txt .ab6-eyebrow,.ab6-video-txt .ab6-h2{justify-content:center!important;text-align:center!important}
  .ab6-video-txt .ab6-copy{font-size:13.5px!important;line-height:1.8!important;text-align:center!important}
  .ab6-video-chips{justify-content:center!important;gap:8px!important;margin-top:18px!important}
  .ab6-chip{font-size:10.5px!important;padding:7px 13px!important;border-radius:999px!important;letter-spacing:.06em!important}
  .ab6-video-card{border-radius:20px!important;box-shadow:0 26px 56px -28px rgb(77,77,77,.28)!important}
  /* [2026-10-31] 手机端视频封面比例/裁切与电脑版完全一致(16:10 居中)，两端口画面相同 */
  .ab6-video-card video{aspect-ratio:16/10!important;object-position:center!important}
  .ab6-vplay-btn{width:64px!important;height:64px!important;box-shadow:0 14px 34px -10px rgb(77,77,77,.3)!important}
  .ab6-vplay-ring{width:64px!important;height:64px!important}
  .ab6-vbadge{top:14px!important;left:14px!important;padding:6px 12px!important;font-size:10px!important}
  .ab6-vcaption{margin-top:12px!important;padding:0 2px!important}
  .ab6-vcaption-t{font-size:17px!important}
  .ab6-vcaption-s{font-size:12px!important;letter-spacing:.1em!important}

  /* optimized */
  .ab6-caps{padding:50px 0 8px!important}
  .ab6-caps-grid{grid-template-columns:1fr!important;gap:16px!important}
  .ab6-cap{grid-template-columns:1fr!important;gap:0!important;padding:0!important;overflow:hidden!important;
    border-radius:20px!important;border:1px solid rgb(255,105,180,.15)!important;
    box-shadow:0 18px 40px -26px rgb(255,105,180,.35)!important}
  .ab6-cap-img{margin:0!important}
  .ab6-cap-img img{aspect-ratio:16/9!important;border-radius:0!important}
  .ab6-cap-no{top:12px!important;left:12px!important;min-width:38px!important;padding:6px 9px!important;font-size:14px!important;border-radius:10px!important}
  .ab6-cap-body{padding:18px 18px 20px!important}
  .ab6-cap-body h3{font-size:18px!important;margin:0 0 8px!important}
  .ab6-cap-body p{font-size:13px!important;line-height:1.7!important;margin:0 0 14px!important}
  .ab6-cap-chips{gap:7px!important}
  .ab6-cap-chips span{font-size:12px!important;padding:5px 11px!important;letter-spacing:.06em!important}

  /* optimized */
  .ab6-process{padding:52px 0 54px!important}
  .ab6-steps{grid-template-columns:1fr!important;gap:0!important;max-width:520px!important;margin:0 auto!important}
  .ab6-step{display:flex!important;gap:20px!important;align-items:flex-start!important;text-align:left!important;padding:0 0 26px!important;position:relative!important}
  .ab6-step::before{content:""!important;position:absolute!important;left:27px!important;top:56px!important;bottom:-2px!important;width:1.5px!important;
    background:linear-gradient(180deg,rgb(255,105,180,.45),rgb(255,105,180,.08))!important}
  .ab6-step:last-child::before{display:none!important}
  .ab6-step:last-child{padding-bottom:0!important}
  .ab6-step-n{width:56px!important;height:56px!important;margin:0!important;flex:0 0 auto!important;font-size:17px!important;
    box-shadow:0 12px 26px -10px rgb(255,105,180,.4)!important}
  .ab6-step-txt{padding-top:4px!important;flex:1!important}
  .ab6-step h3{font-size:17px!important;margin:0 0 6px!important}
  .ab6-step p{font-size:13px!important;line-height:1.7!important}

  /* optimized */
  .ab6-global{padding:50px 0 54px!important}
  .ab6-locs{grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0 auto!important;max-width:560px!important}
  .ab6-loc{padding:22px 10px!important;border-radius:16px!important;
    box-shadow:0 14px 30px -20px rgb(255,105,180,.3)!important}
  .ab6-loc b{font-size:15px!important}
  .ab6-loc span{font-size:10px!important;letter-spacing:.06em!important;line-height:1.5!important;margin-top:5px!important}
  .ab6-loc--hq{box-shadow:0 18px 40px -14px rgb(255,105,180,.45)!important}
  .ab6-loc-dot{width:13px!important;height:13px!important;margin:0 auto 11px!important}

  /* optimized */
  .ab6-reveal{transition:none!important;opacity:1!important;transform:none!important}
}
/* optimized */
.ab6-stats{background:transparent!important;padding:8px 0 34px!important}
.ab6-stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:18px!important;max-width:none!important}
.ab6-stat{border-left:none!important;border-top:none!important;padding:42px 22px 34px!important;text-align:center!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8F8F8 100%)!important;
  border-radius:22px!important;
  box-shadow:0 20px 44px -28px rgb(255,105,180,.5)!important;
  transition:transform .32s ease,box-shadow .32s ease!important}
.ab6-stat:hover{transform:translateY(-6px)!important;box-shadow:0 30px 56px -26px rgb(255,105,180,.62)!important}
.ab6-stat b,.ab6-stat-txt{font-size:clamp(42px,4.8vw,64px)!important}
.ab6-stat span{margin-top:14px!important;font-size:12.5px!important;letter-spacing:.16em!important;line-height:1.5}
@media(max-width:1024px){.ab6-stats-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}}
@media(max-width:480px){.ab6-stat{padding:28px 16px 24px!important}.ab6-stat b,.ab6-stat-txt{font-size:36px!important}.ab6-stat span{font-size:12px!important}}

/* ===== 认证展示区（桌面轻量画廊 + 点击放大查看完整证书） ===== */
.ab6-certs{padding:60px 0 68px;background:linear-gradient(180deg,#FFF0F7 0%,#FFF0F7 100%)}
.ab6-cert-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1240px;margin:0 auto}
.ab6-cert-card{position:relative;display:flex;flex-direction:column;width:calc((100% - 60px)/4);min-width:0;background:#FFFFFF;border:1px solid #FF9ECD;border-radius:14px;overflow:hidden;text-decoration:none;box-shadow:0 14px 34px -28px rgb(255,105,180,.5);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ab6-cert-card:hover{transform:translateY(-4px);border-color:rgb(255,105,180,.5);box-shadow:0 22px 46px -28px rgb(255,105,180,.55)}
.ab6-cert-img{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#FFFFFF 0%,#FFF0F7 100%);padding:12px;aspect-ratio:3/4}
.ab6-cert-img img{width:100%;height:100%;display:block;object-fit:contain;border-radius:6px;transition:transform .35s ease}
.ab6-cert-card:hover .ab6-cert-img img{transform:scale(1.02)}
.ab6-cert-info{display:block;padding:12px 12px 2px;text-align:center}
.ab6-cert-info b{display:block;font-size:14px;color:var(--ab6-ink);font-weight:800;letter-spacing:.01em}
.ab6-cert-info span{display:block;font-size:11.5px;color:var(--ab6-ink2);margin-top:3px;letter-spacing:.02em;line-height:1.4}
.ab6-cert-view{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:9px auto 13px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ab6-rose-d);white-space:nowrap}
.ab6-cert-view svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ab6-cert-card:hover .ab6-cert-view{color:#FF69B4}
/* Compliance Standards：3×2 图标徽章网格（2026-10-30 重构，替代胶囊列表） */
.ab6-cert-chips{max-width:1020px;margin:40px auto 0;text-align:center}
.ab6-cert-chip-label{display:block;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#D63384;margin-bottom:16px}
.ab6-cert-chips-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ab6-cert-chips-list span{display:flex;align-items:center;gap:11px;padding:13px 16px;background:#FFFFFF;border:1px solid #FF9ECD;border-radius:12px;color:#424242;font-size:13.5px;font-weight:600;letter-spacing:.02em;text-align:left;box-shadow:0 10px 26px -22px rgb(214,51,132,.4);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ab6-cert-chips-list span::before{content:"✓";flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#FF9ECD,#FF69B4);color:#FFFFFF;font-size:13px;font-weight:700;box-shadow:0 4px 10px -4px rgb(255,105,180,.5)}
.ab6-cert-chips-list span:hover{transform:translateY(-3px);border-color:rgb(255,105,180,.55);box-shadow:0 16px 32px -18px rgb(255,105,180,.45)}
@media(max-width:900px){.ab6-cert-chips-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ab6-cert-chips{margin:28px 16px 0}.ab6-cert-chips-list{gap:9px}.ab6-cert-chips-list span{font-size:12px;padding:10px 12px;gap:9px}.ab6-cert-chips-list span::before{width:24px;height:24px;font-size:11px}}
/* 中屏：3列 */
@media(max-width:1200px){.ab6-cert-grid{gap:18px}.ab6-cert-card{width:calc((100% - 36px)/3)}}
/* 平板：2列 */
@media(max-width:900px){.ab6-cert-grid{gap:16px}.ab6-cert-card{width:calc((100% - 16px)/2)}}
/* 手机：1列，证书完整展示（文字可读） */
@media(max-width:640px){
  .ab6-certs{padding:44px 0 54px}
  .ab6-cert-grid{gap:16px}
  .ab6-cert-card{width:100%}
  .ab6-cert-img{aspect-ratio:auto;padding:14px 14px 8px}
  .ab6-cert-img img{height:auto}
  .ab6-cert-info{padding:12px 14px 2px}
  .ab6-cert-info b{font-size:15px}
  .ab6-cert-info span{font-size:12.5px}
  .ab6-cert-view{margin:10px auto 14px;font-size:10.5px}
}

/* ===== 证书放大查看（Lightbox） ===== */
.ab6-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgb(77,77,77,.88);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.ab6-lightbox.open{opacity:1;visibility:visible}
.ab6-lightbox-figure{position:relative;max-width:min(96vw,1500px);max-height:92vh;display:flex;flex-direction:column;align-items:center;margin:0}
.ab6-lightbox-figure img{max-width:min(96vw,1500px);max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:10px;background:#FFFFFF;box-shadow:0 34px 90px rgb(74,49,64,.5)}
.ab6-lightbox-cap{margin-top:16px;color:#FFFFFF;text-align:center}
.ab6-lightbox-cap b{display:block;font-size:17px;font-weight:800;letter-spacing:.02em}
.ab6-lightbox-cap span{display:block;margin-top:4px;font-size:12.5px;color:rgb(255,255,255,.75);letter-spacing:.06em}
.ab6-lightbox-x{position:fixed;top:22px;right:26px;width:48px;height:48px;border-radius:50%;border:1px solid rgb(255,255,255,.35);background:rgb(255,255,255,.12);color:#FFFFFF;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s ease;z-index:100001}
.ab6-lightbox-x:hover{background:rgb(255,255,255,.28);transform:rotate(90deg)}
@media(max-width:640px){
  .ab6-lightbox-x{top:14px;right:14px;width:42px;height:42px;font-size:20px}
}

/* [2026-10-30] Our Collection 瀑布流自动加载:分页移除,滚动分批淡入 */
.ptg-fade{animation:ptgIn .5s ease both}
@keyframes ptgIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ptg-loader{display:flex;justify-content:center;align-items:center;gap:8px;padding:26px 0 6px}
.ptg-loader i{width:9px;height:9px;border-radius:50%;background:#FF69B4;opacity:.35;animation:ptgDot 1.1s ease-in-out infinite}
.ptg-loader i:nth-child(2){animation-delay:.18s}
.ptg-loader i:nth-child(3){animation-delay:.36s}
@keyframes ptgDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}

/* ===== Company Fact Sheet（2026-10-30 桌面端重构：4×2 图标卡片网格；手机端卡片网格保留） ===== */
.ab6-factsheet{margin-top:40px;background:#FFF0F7;border:1px solid #FFF0F7;border-radius:16px;padding:26px 26px 22px}
.ab6-fs-title{margin:0 0 20px;font-size:20px;color:#4A3140;display:flex;align-items:center;gap:10px}
.ab6-fs-title::before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#FF69B4,#FF69B4)}
.ab6-fs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}
.ab6-fs-item{background:#FFFFFF;border:1px solid #FFF0F7;border-radius:13px;padding:14px 16px 13px;box-shadow:0 4px 14px -8px rgb(255,105,180,.16);transition:box-shadow .25s ease,transform .25s ease}
.ab6-fs-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgb(255,105,180,.3)}
.ab6-fs-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#FFF0F7,#FFF0F7);color:#FF69B4;margin-bottom:9px}
.ab6-fs-ic svg{width:16px;height:16px;display:block}
.ab6-fs-item dt{font-size:11px;color:#A2A2A2;text-transform:uppercase;letter-spacing:.1em}
.ab6-fs-item dd{margin:5px 0 0;font-weight:600;color:#4A3140;font-size:14.5px;line-height:1.5}
.ab6-fs-item dd a{color:#FF69B4;text-decoration:none}
.ab6-fs-item dd a:hover{text-decoration:underline}
.ab6-fs-wide{grid-column:auto}
@media(max-width:768px){
  .ab6-factsheet{margin-top:26px;padding:18px 14px 16px;border-radius:18px}
  .ab6-fs-title{font-size:16.5px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
  .ab6-fs-title::before{content:"";flex:0 0 auto;width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,#FF69B4,#FF69B4)}
  .ab6-fs-grid{grid-template-columns:1fr 1fr;gap:9px}
  .ab6-fs-item{background:#FFFFFF;border:1px solid #FFF0F7;border-radius:13px;padding:11px 10px 10px;text-align:center;box-shadow:0 4px 14px -8px rgb(255,105,180,.16)}
  .ab6-fs-item dt{font-size:10px;letter-spacing:.12em;color:#FF69B4}
  .ab6-fs-item dd{font-size:13px;margin-top:4px;line-height:1.45}
  .ab6-fs-wide{grid-column:1/-1;text-align:left}
  .ab6-fs-wide dd{font-size:12.5px;line-height:1.6}
}

/* [2026-10-30] 手机端(<=768px)：车间图片卡(图1)移动到"Sourcing Essentials"(图2)正前方，紧贴其上；桌面端顺序不变 */
@media(max-width:768px){
  .ab6-intro .ab6-intro-grid{display:flex!important;flex-direction:column!important}
  .ab6-intro .ab6-intro-body{order:1!important}
  .ab6-intro .ab6-media{order:2!important}
}

/* [2026-10-31] About 页手机端板块顺序：视频卡(Inside Our Workshop)之后紧接
   「Our Commitments / Why Global Brands Trust Us」四张承诺卡，再接公司介绍。
   桌面端顺序完全不变（本块只在 ≤768px 生效，靠 order 覆盖 DOM 顺序）。 */
@media(max-width:768px){
  .ab6-page{display:flex!important;flex-direction:column!important}
  .ab6-page > .ab6-marquee{order:1}
  .ab6-page > .ab6-video{order:2}
  .ab6-page > .oc-commitments{order:3;background:linear-gradient(180deg,#FFFFFF 0%,#FFF0F7 100%)!important;
    padding:40px 0 44px!important}
  .ab6-page > .oc-commitments .ab6-wrap{padding:0 20px!important}
  .ab6-page > .ab6-intro{order:4}
  .ab6-page > .be-essentials{order:5}
  /* [2026-10-31] 工厂视频集(The Art of Press On Nails)紧跟 Sourcing Essentials 的两个 CTA 之后 */
  .ab6-page > .home-videos{order:6!important;background:#FFF0F7!important;padding:34px 0 36px!important}
  .ab6-page > .ab6-caps{order:7}
  .ab6-page > .ab6-process{order:8}
  .ab6-page > .ab6-testimonials{order:9}
  .ab6-page > .ab6-global{order:10}
  .ab6-page > .ab6-certs{order:11}
}

/* [2026-10-31] 手机端 Company Fact Sheet 重构：8 张图标大卡（794px）→ 紧凑「字段—值」规格表（≈430px）
   原布局每张卡 100–124px 高，一屏装不下还挡住下方视频区。改为白色单卡 + 细分隔行，
   信息密度翻倍，更像 B2B datasheet。桌面端 4 列卡片网格完全不变。 */
@media(max-width:768px){
  .ab6-factsheet{margin-top:18px;padding:15px 11px 9px;border-radius:16px;
    background:linear-gradient(180deg,#FFF7FB 0%,#FFF0F7 100%);border:1px solid #FFE6F2}
  .ab6-fs-title{margin:0 0 11px;font-size:15px;gap:8px}
  .ab6-fs-title::before{width:3px;height:14px}
  .ab6-fs-grid{display:block;margin:0;padding:0 10px;background:#fff;
    border:1px solid #FBEAF3;border-radius:12px;box-shadow:0 6px 18px -14px rgb(255,105,180,.55)}
  .ab6-fs-item{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:baseline;
    padding:9px 0;background:none;border:0;border-radius:0;box-shadow:none;text-align:left}
  .ab6-fs-item:hover{transform:none;box-shadow:none}
  .ab6-fs-item + .ab6-fs-item{border-top:1px solid #F7F0F4}
  .ab6-fs-ic{display:none}
  .ab6-fs-item dt{font-size:9px;line-height:1.6;letter-spacing:.02em;color:#B87A9A;font-weight:600;white-space:nowrap}
  .ab6-fs-item dd{margin:0;font-size:12.5px;line-height:1.45;font-weight:600;color:#4A3140}
  .ab6-fs-item dd a{color:#E8469B}
  .ab6-fs-wide{grid-column:auto;text-align:left}
  .ab6-fs-wide dd{font-size:12.5px;line-height:1.45}
}


/* ===== [2026-10-31] Client Voices 重做 =====
   手机端原来 3 张大卡竖排（约 1100px，纯文字堆叠、无层级），改为横向 scroll-snap 卡片流：
   一张卡约 84vw 宽、下一张露出边缘提示可滑；卡内做大引号水印 + 序号 + 星级 + 首字母圆标署名，
   底部分页圆点跟随滚动高亮。桌面端仍是 3 列网格（外观仅统一圆角/阴影/署名样式）。 */
.ab6-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.ab6-voice{margin:0;position:relative;background:#fff;border-radius:14px;padding:26px 26px 22px;
  box-shadow:0 2px 14px rgb(255,105,180,.09);display:flex;flex-direction:column}
.ab6-v-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ab6-v-stars{color:#FF69B4;font-size:18px;letter-spacing:3px;line-height:1}
.ab6-v-no{font-size:11px;letter-spacing:.16em;color:#E2C6D5;font-weight:700}
.ab6-v-quote{margin:0;font-size:14.5px;line-height:1.8;color:#4A3140;font-style:italic}
.ab6-v-by{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:16px;border-top:1px solid #FBEAF3}
.ab6-v-quote{flex:1 1 auto}
.ab6-v-ava{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#FF9ECD 0%,#FF69B4 100%);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;
  box-shadow:0 4px 10px -4px rgb(255,105,180,.6)}
.ab6-v-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.ab6-v-meta b{font-size:13.5px;color:#4A3140;font-weight:700;line-height:1.35}
.ab6-v-meta span{font-size:12px;color:#9C8B95}
.ab6-v-dots{display:none}

@media(max-width:768px){
  .ab6-page > .ab6-testimonials{padding:46px 0 40px!important}
  .ab6-voices{display:flex!important;grid-template-columns:none!important;gap:11px;
    margin:22px -20px 0;padding:2px 20px 10px;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:20px;
    scrollbar-width:none;overscroll-behavior-x:contain}
  .ab6-voices::-webkit-scrollbar{display:none}
  .ab6-voice{flex:0 0 84%;max-width:84%;scroll-snap-align:start;border-radius:18px;
    border:1px solid #FFE9F4;padding:17px 17px 15px;
    box-shadow:0 14px 30px -22px rgba(214,51,132,.6)}
  .ab6-voice::after{content:"”";position:absolute;top:4px;right:15px;font-family:Georgia,"Times New Roman",serif;
    font-size:58px;line-height:1;color:#FFDFF0;pointer-events:none}
  .ab6-v-top{margin-bottom:9px}
  .ab6-v-stars{font-size:13px;letter-spacing:2.4px}
  .ab6-v-no{display:none}
  .ab6-v-quote{font-size:13px;line-height:1.72}
  .ab6-v-by{margin-top:auto;padding-top:12px;gap:10px;border-top:1px solid #FBEDF4}
  .ab6-v-ava{width:30px;height:30px;font-size:12px}
  .ab6-v-meta b{font-size:12.5px}
  .ab6-v-meta span{font-size:11px}
  .ab6-v-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:15px}
  .ab6-v-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#F3D3E4;transition:width .25s ease,background .25s ease}
  .ab6-v-dots i.on{width:16px;border-radius:3px;background:#FF69B4}
}

/* 超小屏（≤359px，如 iPhone SE 一代）：卡片放大到 88vw，避免文字被压成 6–7 行 */
@media(max-width:359px){
  .ab6-voice{flex:0 0 88%;max-width:88%}
  .ab6-v-quote{font-size:12.5px;line-height:1.7}
}

/* ===== [2026-11-01] 手机端 Buyer FAQ 重做：从「八张粉渐变糖果卡」改为「编号 + 细线」的编辑式问答列表 =====
   两个真实问题：
   1) 全局 `button,.btn{text-transform:uppercase!important;font-size:13px!important}`（jason-site-2.css）
      把每条问题都变成 13px 全大写标语，八条连排像在喊，廉价感主要来自这里；
   2) 每条都是 16px 圆角 + 粉渐变 + 粉投影 + 亮粉圆形加号，同形重复八次，视觉噪音过大。
   改法：去卡片化（无底/无框/无圆角/无投影），改横向细线分隔；问题回归衬线体、首字母大写、正常字距；
   左侧加 01–08 玫瑰色序号建立秩序；加号由实心渐变圆改为 1px 细发丝圆内的细线「+」，展开时 45° 变 ×。
   仅 ≤768px 生效，桌面端两列卡片原样不动。 */
@media(max-width:768px){
  .ab-faq{padding:52px 20px 46px}
  .ab-faq::before{opacity:.55}
  .ab-faq .l-wrap{padding:0}
  .ab-faq .faq-kicker{font-size:10.5px;letter-spacing:.42em;color:#B87A9A}
  .ab-faq .faq-title{font-size:27px;line-height:1.24;margin-top:13px;letter-spacing:-.01em}
  .ab-faq .faq-sub{font-size:13.5px;line-height:1.7;margin-top:11px;color:#7A6672}

  .ab-faq .faq-list{
    margin-top:30px;display:block;padding:0;
    counter-reset:faq;border-top:1px solid rgba(74,49,64,.13);
  }
  .ab-faq .faq-item{
    counter-increment:faq;
    background:none!important;border:0!important;border-bottom:1px solid rgba(74,49,64,.13)!important;
    border-radius:0!important;box-shadow:none!important;overflow:visible;
    transform:none!important;
  }
  .ab-faq .faq-q{
    align-items:flex-start;gap:14px;
    padding:19px 2px 19px 0!important;
    font-family:var(--typo-serif, Georgia, serif)!important;
    font-size:15px!important;font-weight:500!important;
    line-height:1.46!important;letter-spacing:.005em!important;
    text-transform:none!important;
    color:#3E2A35;
    background:none!important;
  }
  /* 01–08 序号：细、低饱和玫瑰，作为竖向秩序的锚点 */
  .ab-faq .faq-q::before{
    content:counter(faq,decimal-leading-zero);
    flex:0 0 22px;
    font-family:var(--typo-sans)!important;font-size:9.5px!important;font-weight:500;
    letter-spacing:.1em;line-height:1.9;color:#C39AB1;padding-top:3px;
  }
  .ab-faq .faq-q>span:first-of-type{flex:1 1 auto;display:block}
  .ab-faq .faq-item.open .faq-q{color:#B23A72}

  /* 加号：细发丝圆 + 用 1px 线精确绘制的十字（不用字符，避免字重/基线偏位） */
  .ab-faq .faq-arrow{
    position:relative;overflow:hidden;
    width:26px!important;height:26px!important;flex:0 0 26px;
    margin-top:0;
    border:1px solid rgba(74,49,64,.16);border-radius:50%!important;
    background:none!important;box-shadow:none!important;
    color:transparent!important;font-size:0!important;line-height:0!important;
    letter-spacing:0!important;text-transform:none!important;
    transition:transform .35s ease,border-color .35s ease;
  }
  .ab-faq .faq-arrow::before,.ab-faq .faq-arrow::after{
    content:"";position:absolute;left:50%;top:50%;background:#9C6F88;border-radius:1px;
    transition:background .35s ease;
  }
  .ab-faq .faq-arrow::before{width:9px;height:1px;transform:translate(-50%,-50%)}
  .ab-faq .faq-arrow::after{width:1px;height:9px;transform:translate(-50%,-50%)}
  .ab-faq .faq-item.open .faq-arrow{transform:rotate(45deg);border-color:rgba(178,58,114,.45)}
  .ab-faq .faq-item.open .faq-arrow::before,.ab-faq .faq-item.open .faq-arrow::after{background:#B23A72}

  .ab-faq .faq-a-inner{
    padding:0 34px 20px 36px!important;
    font-size:13.6px!important;line-height:1.82!important;color:#6B5563;
  }
  .ab-faq .faq-a-inner b{color:#B23A72;font-weight:600}

  /* CTA：渐变胶囊 → 墨色细线胶囊，和前后的图录/评价区同一语言 */
  .ab-faq .faq-cta{margin-top:28px;padding:0}
  .ab-faq .faq-cta-btn{
    padding:14px 30px!important;border-radius:999px;
    background:none!important;border:1px solid rgba(74,49,64,.22);
    color:#3E2A35!important;font-size:11px!important;font-weight:600!important;
    letter-spacing:.16em!important;text-transform:uppercase!important;
    box-shadow:none!important;
  }
  .ab-faq .faq-cta-btn:hover,.ab-faq .faq-cta-btn:active{transform:none;background:rgba(255,255,255,.55)!important;border-color:rgba(74,49,64,.38)}
}