@import url('/static/brand/css/home.css?v=20260818-business1');

/* 商务合作：Figma PC 3808:6930 / Mobile 30345:3898 */
.business-hero,
.business-advantages,
.business-network,
.business-reach { position: relative; overflow: hidden; }
.business-section-shell { width: min(1320px, calc(100% - 100px)); margin: 0 auto; }

.business-hero { height: 930px; display: grid; place-items: center; color: #fff; background: #050505; }
.business-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.78) 62%, #070707); }
.business-hero-collage { position: absolute; inset: -75px -70px 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 8px; transform: rotate(-2deg) scale(1.05); opacity: .5; filter: saturate(.75) contrast(1.1); }
.business-hero-collage img { width: 100%; height: 100%; object-fit: cover; }
.business-hero-copy { position: relative; z-index: 2; margin-top: 20px; text-align: center; }
.business-hero-copy h1 { color: #f0d8a6; font-family: "Noto Serif SC", "Songti SC", serif; font-size: 68px; font-weight: 500; letter-spacing: 5px; text-shadow: 0 6px 24px rgba(0,0,0,.5); }
.business-hero-copy p { margin-top: 24px; font-size: 21px; font-weight: 600; letter-spacing: 7px; }
.business-contact-tags { margin-top: 32px; display: flex; justify-content: center; gap: 18px; }
.business-contact-tags span { min-width: 178px; padding: 8px 18px; border-radius: 20px; color: #eee; background: rgba(255,255,255,.28); font: 14px/1 Arial, sans-serif; }

.business-advantages { height: 820px; background: #fff; }
.business-advantages-grid { height: 100%; position: relative; padding-top: 126px; display: grid; grid-template-columns: 300px 1fr; gap: 105px; }
.business-side-title { position: relative; z-index: 2; }
.business-side-title p { font: 300 34px/1.04 Arial, sans-serif; letter-spacing: 1px; }
.business-side-title h2 { margin-top: 24px; font-size: 22px; letter-spacing: 3px; }
.business-advantage-list { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 58px 86px; }
.business-advantage-list article:nth-child(3) { grid-column: 1; }
.business-advantage-list h3 { margin-bottom: 18px; padding-left: 14px; border-left: 3px solid #ff4f92; color: #ff4f92; font-size: 21px; font-weight: 600; }
.business-advantage-list article:nth-child(3) h3 { border-left-color: #f4b74a; color: #d6a238; }
.business-advantage-list p { color: #555; font-size: 15px; line-height: 2; }
.business-watermark { position: absolute; right: -20px; bottom: -80px; color: #f5f5f5; font: 700 510px/.8 Arial, sans-serif; transform: rotate(-14deg); }

.business-network { height: 930px; padding-top: 88px; background: radial-gradient(circle at 52% 58%, #fff 0 20%, #fff7f8 52%, #fff 100%); }
.business-network::before, .business-network::after { content: ""; position: absolute; left: 50%; top: 53%; border: 2px solid rgba(255,79,146,.18); border-radius: 50%; transform: translate(-50%,-50%); }
.business-network::before { width: 930px; height: 930px; }.business-network::after { width: 690px; height: 690px; }
.business-center-title { position: relative; z-index: 3; text-align: center; }
.business-center-title h2 { font-size: 28px; letter-spacing: 4px; }
.business-center-title h2::before, .business-center-title h2::after { content: "••••"; margin: 0 24px; color: #c8c8c8; font-size: 12px; letter-spacing: 7px; }
.business-center-title p { margin-top: 22px; font-size: 20px; font-weight: 600; letter-spacing: 2px; }
.business-orbit { width: 710px; height: 610px; margin: 52px auto 0; position: relative; z-index: 2; }
.business-orbit::before { content: ""; position: absolute; inset: 54px 104px; border: 2px dashed rgba(255,79,146,.25); border-radius: 50%; }
.business-orbit-center { position: absolute; z-index: 3; left: 50%; top: 50%; width: 210px; height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #ff1681; transform: translate(-50%,-50%); box-shadow: 0 20px 50px rgba(255,22,129,.28); }
.business-orbit-center strong { font: 700 42px/1 Arial, sans-serif; }.business-orbit-center span { margin-top: 12px; font-size: 16px; line-height: 1.5; text-align: center; }
.business-orbit-node { position: absolute; width: 96px; height: 96px; display: grid; place-items: center; border-radius: 50%; color: #333; background: #fff; box-shadow: 0 12px 32px rgba(77,36,50,.13); font-size: 13px; font-weight: 600; text-align: center; }
.node-1 { left: 35px; top: 225px; }.node-2 { left: 120px; top: 63px; }.node-3 { left: 307px; top: 0; }.node-4 { right: 112px; top: 64px; }.node-5 { right: 27px; top: 225px; }.node-6 { right: 112px; bottom: 55px; }.node-7 { left: 307px; bottom: 0; }.node-8 { left: 112px; bottom: 55px; }

.business-reach { height: 815px; padding-top: 92px; background: #fff; }
.business-reach-title p { font-size: 21px; }.business-reach-title p strong { color: #ff4f92; }.business-reach-title small { display: block; max-width: 780px; margin: 22px auto 0; color: #777; font-size: 14px; line-height: 1.8; }
.business-metrics { margin-top: 62px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #ece7e9; }
.business-metrics article { height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #ece7e9; }
.business-metrics article:last-child { border: 0; }.business-metrics span { color: #777; font-size: 14px; }.business-metrics strong { margin-top: 13px; font: 700 32px/1 Arial, sans-serif; }
.business-platforms { height: 170px; display: grid; grid-template-columns: repeat(6,1fr); border: 1px solid #ece7e9; border-top: 0; }
.business-platforms span { display: grid; place-items: center; border-right: 1px solid #ece7e9; color: #555; font: 600 15px/1 Arial, sans-serif; }.business-platforms span:last-child { border: 0; }.business-platforms .platform-x { color: #111; font-size: 42px; }

@media (max-width: 860px) {
  .business-section-shell { width: 343px; }
  .business-hero { height: 180px; }
  .business-hero-collage { inset: -8px; gap: 2px; opacity: .42; }
  .business-hero-copy { margin-top: 8px; }
  .business-hero-copy h1 { font-size: 25px; letter-spacing: 2px; }
  .business-hero-copy p { width: 330px; margin: 11px auto 0; font-size: 9px; letter-spacing: 2px; }
  .business-contact-tags { margin-top: 10px; gap: 5px; }
  .business-contact-tags span { min-width: 0; padding: 4px 7px; font-size: 7px; }

  .business-advantages { height: 425px; }
  .business-advantages-grid { padding-top: 28px; display: block; }
  .business-side-title p { font-size: 20px; }.business-side-title h2 { margin-top: 10px; font-size: 12px; }
  .business-advantage-list { margin-top: 22px; display: grid; grid-template-columns: 1fr; gap: 15px; }
  .business-advantage-list article:nth-child(3) { grid-column: auto; }
  .business-advantage-list h3 { margin-bottom: 5px; padding-left: 8px; border-width: 2px; font-size: 11px; }
  .business-advantage-list p { font-size: 7px; line-height: 1.65; }
  .business-watermark { right: -12px; bottom: -18px; font-size: 170px; }

  .business-network { height: 375px; padding-top: 26px; }
  .business-network::before { width: 390px; height: 390px; }.business-network::after { width: 300px; height: 300px; }
  .business-center-title h2 { font-size: 14px; letter-spacing: 2px; }.business-center-title h2::before,.business-center-title h2::after { margin: 0 8px; font-size: 6px; letter-spacing: 3px; }
  .business-center-title p { margin-top: 8px; font-size: 9px; letter-spacing: 1px; }
  .business-orbit { width: 320px; height: 270px; margin-top: 15px; }
  .business-orbit::before { inset: 32px 50px; }
  .business-orbit-center { width: 91px; height: 91px; }.business-orbit-center strong { font-size: 19px; }.business-orbit-center span { margin-top: 5px; font-size: 7px; }
  .business-orbit-node { width: 43px; height: 43px; font-size: 6px; box-shadow: 0 5px 14px rgba(77,36,50,.13); }
  .node-1 { left: 4px; top: 110px; }.node-2 { left: 46px; top: 30px; }.node-3 { left: 139px; top: 0; }.node-4 { right: 45px; top: 30px; }.node-5 { right: 4px; top: 110px; }.node-6 { right: 47px; bottom: 20px; }.node-7 { left: 139px; bottom: 0; }.node-8 { left: 47px; bottom: 20px; }

  .business-reach { height: 468px; padding-top: 28px; }
  .business-reach-title p { font-size: 11px; }.business-reach-title small { width: 300px; margin-top: 10px; font-size: 7px; }
  .business-metrics { margin-top: 22px; grid-template-columns: repeat(4,1fr); }
  .business-metrics article { height: 62px; }.business-metrics span { font-size: 7px; }.business-metrics strong { margin-top: 7px; font-size: 15px; }
  .business-platforms { height: 125px; grid-template-columns: repeat(3,1fr); }.business-platforms span { min-height: 62px; font-size: 8px; border-bottom: 1px solid #ece7e9; }.business-platforms .platform-x { font-size: 22px; }
}