#cooperate .overseas-page {
  --ov-ink: #173852;
  --ov-text: #536b7c;
  --ov-muted: #7b8d99;
  --ov-blue: #1f5f94;
  --ov-teal: #079ca7;
  --ov-gold: #c9a85e;
  --ov-line: rgba(22, 66, 96, .1);
  --ov-paper: #ffffff;
  --ov-soft: #f2f6f8;
  position: relative;
  overflow: hidden;
  padding: 0 0 1.6rem;
  color: var(--ov-text);
  background: #f7f9fa;
}
#cooperate .overseas-page::before,
#cooperate .overseas-page::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(10px);
}
#cooperate .overseas-page::before {
  top: 1.2rem;
  right: -1.6rem;
  width: 5rem;
  height: 5rem;
  background: radial-gradient(circle, rgba(7, 156, 167, .09), transparent 68%);
}
#cooperate .overseas-page::after {
  top: 12rem;
  left: -2rem;
  width: 4.5rem;
  height: 4.5rem;
  background: radial-gradient(circle, rgba(201, 168, 94, .08), transparent 68%);
}
#cooperate .overseas-section {
  position: relative;
  z-index: 1;
  padding: 1.15rem 0 1.25rem;
  scroll-margin-top: 1rem;
}
#cooperate .overseas-section:nth-child(even) { background: rgba(234, 241, 245, .62); }
#cooperate .overseas-section .inner { position: relative; z-index: 1; width: min(88vw, 1560px); max-width: none; }
#cooperate .overseas-heading {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(360px, 1.28fr);
  grid-template-areas: "title desc" "title desc";
  column-gap: clamp(45px, 7vw, 130px);
  align-items: end;
  margin-bottom: .55rem;
}
#cooperate .overseas-kicker {
  grid-column: 1;
  display: block;
  margin-bottom: .12rem;
  color: var(--ov-teal);
  font-family: Georgia, "Times New Roman", serif;
  font-size: .105rem;
  font-weight: 600;
  letter-spacing: .17em;
  writing-mode: horizontal-tb;
}
#cooperate .overseas-heading h2 {
  grid-column: 1;
  margin: 0;
  color: var(--ov-ink);
  font-family: "Noto Serif SC", "Source Han Serif SC", "Microsoft YaHei", serif;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .02em;
}
#cooperate .overseas-heading p {
  grid-column: 2;
  grid-row: 1 / span 2;
  max-width: 8.8rem;
  margin: 0;
  padding-left: .24rem;
  border-left: 2px solid rgba(7, 156, 167, .24);
  color: #667d8b;
  font-size: .15rem;
  line-height: 1.95;
}
#cooperate .overseas-map-wrap {
  position: relative;
  overflow: hidden;
  border-radius: .18rem;
  background: #eaf0f3;
  box-shadow: 0 .22rem .6rem rgba(25, 59, 82, .11);
}
#cooperate .overseas-map-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(16, 48, 70, .12), transparent 28%, transparent 72%, rgba(16, 48, 70, .08));
}
#cooperate .overseas-map-wrap img {
  display: block;
  width: 100%;
  max-height: 6.5rem;
  object-fit: cover;
  object-position: center;
  transition: transform .9s cubic-bezier(.2, .75, .25, 1), filter .5s ease;
}
#cooperate .overseas-map-wrap:hover img { transform: scale(1.018); filter: saturate(1.05); }
#cooperate .overseas-map-badge {
  position: absolute;
  right: .22rem;
  bottom: .2rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: .14rem;
  min-width: 2.35rem;
  padding: .14rem .2rem;
  color: #fff;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: .12rem;
  background: rgba(17, 51, 75, .86);
  box-shadow: 0 .16rem .4rem rgba(13, 35, 51, .18);
  backdrop-filter: blur(10px);
}
#cooperate .overseas-map-badge b { color: #efd38e; font: 400 .32rem/1 Georgia, serif; }
#cooperate .overseas-map-badge span { font-size: .105rem; opacity: .78; }
#cooperate .overseas-network-note,
#cooperate .monitor-footnote {
  display: flex;
  gap: .14rem;
  align-items: center;
  margin-top: .2rem;
  padding: .17rem .22rem;
  border-radius: .12rem;
  color: #5e7483;
  background: rgba(255,255,255,.94);
  box-shadow: 0 .1rem .32rem rgba(25, 59, 82, .06);
}
#cooperate .overseas-network-note i,
#cooperate .monitor-footnote i { flex: none; color: var(--ov-teal); font-size: .22rem; }
#cooperate .overseas-advantage-grid,
#cooperate .overseas-stat-grid,
#cooperate .monitor-grid,
#cooperate .risk-grid,
#cooperate .case-wall { display: grid; gap: .18rem; }
#cooperate .overseas-advantage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#cooperate .overseas-card,
#cooperate .monitor-card,
#cooperate .risk-card,
#cooperate .case-tile,
#cooperate .overseas-stat {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(22, 66, 96, .07);
  border-radius: .16rem;
  background: rgba(255,255,255,.96);
  box-shadow: 0 .12rem .38rem rgba(25, 59, 82, .07);
  transition: transform .4s cubic-bezier(.2,.75,.25,1), box-shadow .4s ease, border-color .4s ease;
}
#cooperate .overseas-card::before,
#cooperate .monitor-card::before,
#cooperate .risk-card::before,
#cooperate .case-tile::before,
#cooperate .overseas-stat::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--ov-teal), #5b93bd);
}
#cooperate .overseas-card.gold::before,
#cooperate .overseas-stat.gold::before,
#cooperate .monitor-card.gold::before,
#cooperate .monitor-card.accent::before,
#cooperate .risk-card.gold::before { background: linear-gradient(90deg, var(--ov-gold), #e0c987); }
#cooperate .overseas-card.slate::before,
#cooperate .risk-card.slate::before { background: linear-gradient(90deg, #718599, #aebbc7); }
#cooperate .overseas-card:hover,
#cooperate .overseas-stat:hover,
#cooperate .monitor-card:hover,
#cooperate .risk-card:hover,
#cooperate .case-tile:hover {
  transform: translateY(-.055rem);
  border-color: rgba(31, 95, 148, .16);
  box-shadow: 0 .22rem .58rem rgba(25, 59, 82, .12);
}
#cooperate .overseas-card { min-height: 2.25rem; padding: .3rem .28rem .27rem; }
#cooperate .overseas-card i,
#cooperate .monitor-card i {
  display: flex;
  width: .45rem;
  height: .45rem;
  align-items: center;
  justify-content: center;
  margin-bottom: .17rem;
  border-radius: .12rem;
  color: #fff;
  background: linear-gradient(145deg, var(--ov-blue), #4a87b7);
  box-shadow: 0 .1rem .25rem rgba(31, 95, 148, .2);
  font-size: .2rem;
}
#cooperate .overseas-card.gold i,
#cooperate .monitor-card.gold i,
#cooperate .monitor-card.accent i { color: #46391f; background: linear-gradient(145deg, #e4ca84, var(--ov-gold)); }
#cooperate .overseas-card.slate i { background: linear-gradient(145deg, #8da0b2, #6f8294); }
#cooperate .overseas-card h3,
#cooperate .monitor-card h3 {
  margin: 0 0 .11rem;
  color: var(--ov-ink);
  font-size: .195rem;
  font-weight: 600;
}
#cooperate .overseas-card p,
#cooperate .monitor-card p { margin: 0; color: #637987; font-size: .135rem; line-height: 1.9; }
#cooperate .overseas-stat-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
#cooperate .overseas-stat { min-height: 2.25rem; padding: .24rem .14rem .2rem; text-align: center; color: var(--ov-text); }
#cooperate .overseas-stat i {
  display: flex;
  width: .44rem;
  height: .44rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto .13rem;
  border-radius: 50%;
  color: var(--ov-blue);
  background: #eaf2f8;
  font-size: .19rem;
}
#cooperate .overseas-stat.gold i { color: #9c7a32; background: #f6f0df; }
#cooperate .overseas-stat h3 { margin: 0 0 .12rem; color: var(--ov-ink); font-size: .17rem; font-weight: 600; }
#cooperate .overseas-stat strong { display: block; margin: .04rem 0 0; color: var(--ov-blue); font: 400 .3rem/1.1 Georgia, serif; }
#cooperate .overseas-stat.gold strong { color: #b28e40; }
#cooperate .overseas-stat span { display: block; margin-top: .025rem; color: #8796a0; font-size: .1rem; }
#cooperate .monitor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#cooperate .monitor-card { min-height: 2.65rem; padding: .28rem .3rem; }
#cooperate .monitor-card small { color: var(--ov-teal); font-size: .1rem; letter-spacing: .06em; }
#cooperate .monitor-card ul { margin: .17rem 0 0; padding-left: .18rem; color: #5e7483; font-size: .13rem; line-height: 1.9; }
#cooperate .monitor-card b {
  display: block;
  margin-top: .16rem;
  padding: .12rem .14rem;
  border-radius: .08rem;
  color: #536b7b;
  background: #f0f5f7;
  font-size: .115rem;
  font-weight: 500;
}
#cooperate .field-grid .monitor-card { min-height: 2.25rem; }
#cooperate .monitor-footnote { color: #627987; }
#cooperate .monitor-footnote i { color: var(--ov-gold); }
#cooperate .risk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#cooperate .risk-card { min-height: 2.9rem; padding: .28rem .3rem; color: var(--ov-text); }
#cooperate .risk-card > b {
  display: flex;
  width: .48rem;
  height: .48rem;
  align-items: center;
  justify-content: center;
  margin-bottom: .16rem;
  border-radius: 50%;
  color: #fff;
  background: var(--ov-gold);
  font: 400 .18rem/1 Georgia, serif;
}
#cooperate .risk-card.blue > b { background: var(--ov-blue); }
#cooperate .risk-card.slate > b { background: #7f91a2; }
#cooperate .risk-card h3 { margin: 0 0 .18rem; color: var(--ov-ink); font-size: .22rem; font-weight: 500; line-height: 1.4; }
#cooperate .risk-card ul { margin: 0; padding: 0; list-style: none; color: #617786; font-size: .135rem; line-height: 2; }
#cooperate .risk-card li::before { content: "✓"; display: inline-block; width: .2rem; color: var(--ov-teal); }
#cooperate .risk-promise {
  display: flex;
  gap: .16rem;
  align-items: center;
  margin-top: .2rem;
  padding: .22rem .28rem;
  border-radius: .14rem;
  color: #d8e2e8;
  background: linear-gradient(110deg, #173d58, #1c536f);
  box-shadow: 0 .15rem .4rem rgba(20, 57, 80, .16);
}
#cooperate .risk-promise i { flex: none; color: #e7c978; font-size: .3rem; }
#cooperate .risk-promise h3 { margin: 0 0 .05rem; color: #f0d488; font-size: .18rem; }
#cooperate .risk-promise p { margin: 0; color: rgba(255,255,255,.74); font-size: .13rem; line-height: 1.85; }
#cooperate .case-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#cooperate .case-tile { min-height: 1.85rem; padding: .23rem .22rem; }
#cooperate .case-tile::after {
  content: "↗";
  position: absolute;
  right: .18rem;
  top: .18rem;
  color: rgba(31, 95, 148, .25);
  font-size: .18rem;
  transition: color .3s ease, transform .3s ease;
}
#cooperate .case-tile:hover::after { color: var(--ov-teal); transform: translate(.03rem, -.03rem); }
#cooperate .case-tile b { color: var(--ov-gold); font: 400 .26rem/1 Georgia, serif; }
#cooperate .case-tile h3 { margin: .11rem 0 .05rem; padding-right: .22rem; color: var(--ov-ink); font-size: .17rem; font-weight: 600; }
#cooperate .case-tile span { color: var(--ov-teal); font: .09rem Georgia, serif; letter-spacing: .08em; }
#cooperate .case-tile p { margin: .12rem 0 0; color: #70838f; font-size: .12rem; line-height: 1.8; }
@media (min-width: 1800px) {
  #cooperate .overseas-section .inner { width: min(90vw, 1780px); }
  #cooperate .overseas-section { padding-top: 1.45rem; padding-bottom: 1.45rem; }
  #cooperate .overseas-card { min-height: 2.5rem; }
  #cooperate .monitor-card { min-height: 2.85rem; }
}
@media (max-width: 1200px) {
  #cooperate .overseas-section .inner { width: min(91vw, 1180px); }
  #cooperate .overseas-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #cooperate .overseas-heading { grid-template-columns: minmax(0, .8fr) minmax(340px, 1.2fr); }
}
@media (max-width: 900px) {
  #cooperate .overseas-heading { grid-template-columns: 1fr; gap: .16rem; }
  #cooperate .overseas-heading p { grid-column: 1; grid-row: auto; max-width: 8rem; }
  #cooperate .overseas-advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #cooperate .risk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #cooperate .risk-card:last-child { grid-column: 1 / -1; }
  #cooperate .case-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #cooperate .overseas-page { overflow-x: hidden; }
  #cooperate .overseas-section { padding: .72rem 0 .85rem; }
  #cooperate .overseas-section .inner { width: calc(100% - .32rem); }
  #cooperate .overseas-heading { margin-bottom: .34rem; }
  #cooperate .overseas-kicker { font-size: .095rem; }
  #cooperate .overseas-heading h2 { font-size: .31rem; }
  #cooperate .overseas-heading p { padding-left: .16rem; font-size: .14rem; line-height: 1.8; }
  #cooperate .overseas-map-wrap { border-radius: .12rem; }
  #cooperate .overseas-map-wrap img { height: 3.1rem; object-fit: cover; }
  #cooperate .overseas-map-badge { right: .12rem; bottom: .12rem; min-width: 0; padding: .11rem .14rem; }
  #cooperate .overseas-map-badge b { font-size: .23rem; }
  #cooperate .overseas-network-note,
  #cooperate .monitor-footnote { align-items: flex-start; padding: .15rem .16rem; font-size: .13rem; line-height: 1.75; }
  #cooperate .overseas-advantage-grid,
  #cooperate .overseas-stat-grid,
  #cooperate .monitor-grid,
  #cooperate .risk-grid,
  #cooperate .case-wall { grid-template-columns: minmax(0, 1fr); gap: .12rem; }
  #cooperate .overseas-card,
  #cooperate .overseas-stat,
  #cooperate .monitor-card,
  #cooperate .field-grid .monitor-card,
  #cooperate .risk-card,
  #cooperate .case-tile { min-height: 0; padding: .21rem .2rem; }
  #cooperate .risk-card:last-child { grid-column: auto; }
  #cooperate .risk-promise { align-items: flex-start; padding: .18rem .2rem; }
}
@media (prefers-reduced-motion: reduce) {
  #cooperate .overseas-map-wrap img,
  #cooperate .overseas-card,
  #cooperate .overseas-stat,
  #cooperate .monitor-card,
  #cooperate .risk-card,
  #cooperate .case-tile { transition: none !important; }
}

/* annotated overseas network map 20260814 */
#cooperate .overseas-map-wrap{overflow:hidden;padding:.14rem;border-radius:.16rem;background:#171b22;box-shadow:0 .22rem .6rem rgba(25,59,82,.14)}
#cooperate .overseas-map-wrap:after{display:none}
#cooperate .overseas-map-canvas{position:relative;width:100%;overflow:hidden;border-radius:.1rem;background:#171b22}
#cooperate .overseas-map-canvas img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;transform:none!important;filter:none!important}
#cooperate .overseas-map-scroll-hint{display:none}
#cooperate .overseas-map-region-list{display:none}
@media(max-width:767px){
  #cooperate .overseas-map-wrap{overflow-x:auto;overflow-y:hidden;padding:.08rem;border-radius:.1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  #cooperate .overseas-map-canvas{width:9.2rem;min-width:9.2rem;border-radius:.07rem}
  #cooperate .overseas-map-canvas img{width:9.2rem;max-width:none!important;height:auto!important}
  #cooperate .overseas-map-scroll-hint{position:sticky;right:0;bottom:.08rem;z-index:3;display:flex;align-items:center;gap:.06rem;width:max-content;margin:-.34rem .08rem .06rem auto;padding:.06rem .1rem;border-radius:99px;color:#fff;background:rgba(17,51,75,.84);font-size:.1rem;pointer-events:none}
  #cooperate .overseas-map-scroll-hint i{color:#efd38e;font-size:.14rem}
  #cooperate .overseas-map-region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.08rem;margin-top:.12rem}
  #cooperate .overseas-map-region-list span{display:block;padding:.11rem .12rem;border-left:2px solid rgba(7,156,167,.45);color:#6b7d87;background:rgba(255,255,255,.82);font-size:.115rem;line-height:1.7}
  #cooperate .overseas-map-region-list b{display:block;margin-bottom:.02rem;color:#173852;font-size:.13rem;font-weight:600}
  #cooperate .overseas-map-region-list span:nth-child(6){grid-column:1/-1}
}

/* overseas coverage and quality systems 20260814 */
#cooperate .overseas-coverage{background:#f7f9fa!important}
#cooperate .coverage-data-rail{display:grid;grid-template-columns:2.5rem minmax(0,1fr);border-top:1px solid rgba(23,56,82,.13);border-bottom:1px solid rgba(23,56,82,.13);background:#fff;box-shadow:0 .14rem .4rem rgba(25,59,82,.055)}
#cooperate .coverage-data-lead{position:relative;display:flex;flex-direction:column;justify-content:center;padding:.34rem .32rem;color:#fff;background:#173d58;overflow:hidden}
#cooperate .coverage-data-lead:after{content:"";position:absolute;right:-.62rem;bottom:-.7rem;width:1.65rem;height:1.65rem;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 .35rem rgba(255,255,255,.025)}
#cooperate .coverage-data-lead>span{color:#e3c578;font:600 .09rem/1.3 Georgia,serif;letter-spacing:.17em}
#cooperate .coverage-data-lead>strong{display:flex;align-items:flex-start;margin:.13rem 0 .04rem;color:#fff;font:400 .6rem/1 Georgia,serif}
#cooperate .coverage-data-lead>strong sup{margin:.05rem 0 0 .04rem;color:#e3c578;font-size:.25rem}
#cooperate .coverage-data-lead p{margin:0;color:rgba(255,255,255,.66);font-size:.12rem}
#cooperate .coverage-data-lead i{display:block;width:.48rem;height:2px;margin-top:.22rem;background:#d1ae5b}
#cooperate .coverage-region-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#cooperate .coverage-region-track article{position:relative;min-height:1.85rem;padding:.22rem .24rem;border-right:1px solid #e3e9eb;border-bottom:1px solid #e3e9eb}
#cooperate .coverage-region-track article:nth-child(3n){border-right:0}#cooperate .coverage-region-track article:nth-child(n+4){border-bottom:0}
#cooperate .coverage-region-track article:before{content:"";position:absolute;left:0;top:.22rem;width:2px;height:.28rem;background:#079ca7;opacity:.55}
#cooperate .coverage-region-track article:nth-child(even):before{background:#c9a85e}
#cooperate .coverage-region-track small{color:#9aa7ae;font:500 .075rem/1.3 Georgia,serif;letter-spacing:.12em}
#cooperate .coverage-region-track h3{margin:.07rem 0 .17rem;color:#173852;font-size:.18rem;font-weight:600}
#cooperate .coverage-region-track article>div{display:grid;grid-template-columns:1fr 1fr;gap:.12rem}
#cooperate .coverage-region-track span{display:grid;grid-template-columns:auto auto 1fr;align-items:end}
#cooperate .coverage-region-track strong{color:#1f5f94;font:400 .32rem/.95 Georgia,serif}
#cooperate .coverage-region-track article:nth-child(even) strong{color:#af8a3d}
#cooperate .coverage-region-track sup{align-self:start;margin-left:.02rem;color:currentColor;font-size:.13rem}
#cooperate .coverage-region-track em{grid-column:1/4;margin-top:.05rem;color:#84939b;font-size:.095rem;font-style:normal}
#cooperate .quality-section{background:#1a1e23!important;color:#fff}
#cooperate .quality-offline{background:#171b20!important}
#cooperate .quality-section-title{margin-bottom:.34rem}
#cooperate .quality-section-title>span{display:block;color:#d0ad5b;font:500 .095rem/1.4 Georgia,serif;letter-spacing:.15em;text-transform:uppercase}
#cooperate .quality-section-title h2{margin:.08rem 0 .12rem;color:#f0f3f5;font-size:.34rem;font-weight:600;line-height:1.35}
#cooperate .quality-section-title>i{display:block;width:.54rem;height:3px;margin-bottom:.18rem;background:#c6a85e}
#cooperate .quality-section-title>p{margin:0;padding:.17rem .2rem;border:1px solid rgba(93,137,170,.3);border-radius:.07rem;color:#d5dde2;background:#20272e;font-size:.14rem;line-height:1.9}
#cooperate .quality-section-title>p b{padding:0 .04rem;color:#d7b75f;background:rgba(201,168,94,.12);font-weight:500}
#cooperate .online-control-board,#cooperate .offline-control-board{border:1px solid rgba(129,157,177,.28);background:#20252b;box-shadow:0 .22rem .7rem rgba(0,0,0,.18)}
#cooperate .quality-phase-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:.11rem .22rem;border-bottom:1px solid rgba(129,157,177,.2);color:#8fa0ae;font:500 .075rem/1 Georgia,serif;letter-spacing:.12em}
#cooperate .quality-phase-line i{height:1px;margin:0 .14rem;background:linear-gradient(90deg,#caa957,#5482a9)}
#cooperate .online-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#cooperate .quality-phase{min-height:4.25rem;padding:.25rem .25rem .2rem;border-right:1px solid rgba(129,157,177,.2);background:linear-gradient(145deg,rgba(201,168,94,.07),transparent 48%)}
#cooperate .quality-phase:last-child{border-right:0}.quality-phase.phase-blue{background:linear-gradient(145deg,rgba(72,119,158,.12),transparent 48%)}.quality-phase.phase-slate{background:linear-gradient(145deg,rgba(141,155,174,.11),transparent 48%)}
#cooperate .quality-phase header,#cooperate .offline-step header{display:flex;gap:.13rem;align-items:center;margin-bottom:.16rem}
#cooperate .quality-phase header>b{display:grid;flex:none;width:.46rem;height:.46rem;place-items:center;border-radius:50%;color:#1a1e23;background:#caa957;font:600 .13rem/1 Georgia,serif}
#cooperate .quality-phase.phase-blue header>b{color:#fff;background:#4e7ca4}#cooperate .quality-phase.phase-slate header>b{color:#1d2730;background:#a7b4c8}
#cooperate .quality-phase h3{margin:0 0 .03rem;color:#d2b261;font-size:.22rem;font-weight:600}.quality-phase.phase-blue h3{color:#5f91ba}.quality-phase.phase-slate h3{color:#a9b5c6}
#cooperate .quality-phase header small{color:#8797a5;font-size:.1rem}
#cooperate .quality-phase dl{margin:0}#cooperate .quality-phase dl>div{padding:.14rem 0;border-top:1px solid rgba(255,255,255,.065)}
#cooperate .quality-phase dt{margin-bottom:.06rem;color:#d4b45e;font-size:.135rem;font-weight:600}.quality-phase.phase-blue dt{color:#6591b5}.quality-phase.phase-slate dt{color:#aab6c7}
#cooperate .quality-phase dd{margin:0;color:#9eacb7;font-size:.115rem;line-height:1.78}
#cooperate .online-control-advantages{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(129,157,177,.2)}
#cooperate .online-control-advantages>div{position:relative;min-height:1.65rem;padding:.22rem .25rem .2rem .72rem;border-right:1px solid rgba(129,157,177,.2);background:linear-gradient(90deg,rgba(201,168,94,.12),transparent 70%)}#cooperate .online-control-advantages>div:last-child{border-right:0;background:linear-gradient(90deg,rgba(74,126,167,.15),transparent 70%)}
#cooperate .online-control-advantages span{position:absolute;left:.25rem;top:.22rem;color:#d0ad5b;font-size:.25rem}.online-control-advantages>div:last-child span{color:#5a89b2}
#cooperate .online-control-advantages h3{margin:0 0 .08rem;color:#d0ad5b;font-size:.16rem}.online-control-advantages>div:last-child h3{color:#6592b7}
#cooperate .online-control-advantages p{margin:0;color:#e4e8eb;font-size:.125rem;line-height:1.75}.online-control-advantages p b{color:#fff}
#cooperate .offline-control-board{position:relative;padding:.22rem}
#cooperate .offline-flow-line{position:absolute;top:.49rem;left:9%;right:9%;display:flex;justify-content:space-between;height:1px;background:linear-gradient(90deg,#c9a85e,#5b86ad,#9aa9ba,#c9a85e)}
#cooperate .offline-flow-line i{width:.1rem;height:.1rem;margin-top:-.045rem;border:2px solid #1b2026;border-radius:50%;background:#d0ad5b;box-shadow:0 0 0 3px rgba(208,173,91,.16)}
#cooperate .offline-flow-line i:nth-child(2){background:#5d8bb2}.offline-flow-line i:nth-child(3){background:#a1aec0}.offline-flow-line i:nth-child(4){background:#d0ad5b}
#cooperate .offline-flow-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.42rem;border-top:1px solid rgba(129,157,177,.2);border-left:1px solid rgba(129,157,177,.2)}
#cooperate .offline-step{min-height:2.65rem;padding:.23rem .25rem;border-right:1px solid rgba(129,157,177,.2);border-bottom:1px solid rgba(129,157,177,.2);background:linear-gradient(145deg,rgba(201,168,94,.1),transparent 55%)}
#cooperate .offline-step.is-blue{background:linear-gradient(145deg,rgba(74,126,167,.15),transparent 55%)}#cooperate .offline-step.is-slate{background:linear-gradient(145deg,rgba(151,165,184,.12),transparent 55%)}#cooperate .offline-step.is-alert{background:linear-gradient(145deg,rgba(201,168,94,.12),transparent 55%)}
#cooperate .offline-step header>b{color:#7b8790;font:500 .09rem/1 Georgia,serif;letter-spacing:.1em}
#cooperate .offline-step header>i{display:grid;flex:none;width:.42rem;height:.42rem;place-items:center;border-radius:50%;color:#18212a;background:#caa957;font-size:.18rem}.offline-step.is-blue header>i{color:#fff;background:#5482aa}.offline-step.is-slate header>i{background:#a8b5c8}
#cooperate .offline-step h3{margin:0 0 .02rem;color:#d2b261;font-size:.19rem}.offline-step.is-blue h3{color:#6592b7}.offline-step.is-slate h3{color:#aab6c7}
#cooperate .offline-step header small{color:#8e9ca7;font-size:.1rem}
#cooperate .offline-step p{margin:.1rem 0 0;color:#dce2e6;font-size:.125rem;line-height:1.8}.offline-step p b{color:#d0ad5b;font-weight:600}
#cooperate .offline-step>strong{display:block;margin-top:.14rem;padding:.11rem .13rem;color:#e8edf0;background:rgba(11,17,22,.35);font-size:.115rem;font-weight:500}.offline-step>strong:before{content:"✓";margin-right:.1rem;color:#d0ad5b}
#cooperate .offline-step ul{margin:.13rem 0 0;padding:0;list-style:none;color:#d7dfe4;font-size:.115rem;line-height:1.9}.offline-step li:before{content:"✓";display:inline-block;width:.2rem;color:#93a8bd}
#cooperate .offline-control-summary{display:flex;gap:.13rem;align-items:flex-start;margin-top:.18rem;padding:.17rem .2rem;border-left:4px solid #caa957;color:#e0e6e9;background:linear-gradient(90deg,rgba(201,168,94,.13),rgba(201,168,94,.025));font-size:.125rem;line-height:1.85}
#cooperate .offline-control-summary>i{color:#d2b261;font-size:.2rem}.offline-control-summary p{margin:0}.offline-control-summary b,.offline-control-summary strong{color:#d2b261}
@media(max-width:1100px){#cooperate .coverage-data-rail{grid-template-columns:2rem minmax(0,1fr)}#cooperate .coverage-region-track{grid-template-columns:repeat(2,minmax(0,1fr))}#cooperate .coverage-region-track article:nth-child(3n){border-right:1px solid #e3e9eb}#cooperate .coverage-region-track article:nth-child(2n){border-right:0}#cooperate .coverage-region-track article:nth-child(n+4){border-bottom:1px solid #e3e9eb}#cooperate .coverage-region-track article:nth-child(n+5){border-bottom:0}#cooperate .online-phase-grid{grid-template-columns:1fr}#cooperate .quality-phase{min-height:0;border-right:0;border-bottom:1px solid rgba(129,157,177,.2)}#cooperate .quality-phase:last-child{border-bottom:0}}
@media(max-width:767px){#cooperate .coverage-data-rail{grid-template-columns:1fr}#cooperate .coverage-data-lead{min-height:1.75rem;padding:.25rem}#cooperate .coverage-data-lead>strong{font-size:.48rem}#cooperate .coverage-region-track{grid-template-columns:1fr}#cooperate .coverage-region-track article,#cooperate .coverage-region-track article:nth-child(2n),#cooperate .coverage-region-track article:nth-child(3n),#cooperate .coverage-region-track article:nth-child(n+5){min-height:0;padding:.18rem;border-right:0;border-bottom:1px solid #e3e9eb}#cooperate .coverage-region-track article:last-child{border-bottom:0}#cooperate .coverage-region-track article>div{gap:.08rem}#cooperate .quality-section-title h2{font-size:.27rem}#cooperate .quality-section-title>p{padding:.14rem;font-size:.13rem}#cooperate .quality-phase-line{display:none}#cooperate .quality-phase{padding:.2rem .18rem}#cooperate .quality-phase h3{font-size:.2rem}#cooperate .quality-phase dd{font-size:.12rem}#cooperate .online-control-advantages{grid-template-columns:1fr}#cooperate .online-control-advantages>div{border-right:0;border-bottom:1px solid rgba(129,157,177,.2)}#cooperate .online-control-advantages>div:last-child{border-bottom:0}#cooperate .offline-control-board{padding:.12rem}#cooperate .offline-flow-line{display:none}#cooperate .offline-flow-grid{grid-template-columns:1fr;margin-top:0}#cooperate .offline-step{min-height:0;padding:.19rem .17rem}#cooperate .offline-control-summary{padding:.14rem .15rem;font-size:.12rem}}
@media(prefers-reduced-motion:reduce){#cooperate [data-count]{transition:none!important}}