:root {
  --gc-ink: #10243d;
  --gc-blue: #176f75;
  --gc-teal: #2aa78f;
  --gc-mint: #dff6ee;
  --gc-line: #dce8e5;
  --gc-soft: #f3f8f6;
  --gc-gold: #e1b66e
}
.gc-page {
  margin: 0;
  color: var(--gc-ink);
  background: #fff;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif
}
.gc-page * {
  box-sizing: border-box
}
.gc-page a {
  text-decoration: none
}
.gc-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto
}
.gc-hero {
  position: relative;
  overflow: hidden;
  padding: 144px 0 0;
  background: linear-gradient(120deg, #071c2f 0%, #0d3544 54%, #126b69 100%);
  color: #fff
}
.gc-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to right, #000, transparent)
}
.gc-orbit {
  position: absolute;
  border: 1px solid rgba(124, 224, 201, .16);
  border-radius: 50%
}
.gc-orbit-a {
  width: 720px;
  height: 720px;
  right: -240px;
  top: -240px
}
.gc-orbit-b {
  width: 510px;
  height: 510px;
  right: -135px;
  top: -135px
}
.gc-hero-grid {
  position: relative;
  z-index: 2;
  padding-bottom: 76px
}
.gc-eyebrow, .gc-kicker {
  font-size: 12px;
  letter-spacing: 2.4px;
  font-weight: 700
}
.gc-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #9ee4d3
}
.gc-eyebrow span {
  width: 34px;
  height: 1px;
  background: #9ee4d3
}
.gc-hero h1 {
  font-size: clamp(46px, 5.2vw, 72px);
  line-height: 1.12;
  letter-spacing: -2.6px;
  margin: 20px 0 24px
}
.gc-hero h1 em {
  color: #76d8bf;
  font-style: normal
}
.gc-hero-copy > p {
  max-width: 630px;
  color: #c6d7db;
  font-size: 17px;
  line-height: 1.9;
  margin: 0 0 32px
}
.gc-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap
}
.gc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 52px;
  padding: 0 25px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  transition: .25s
}
.gc-btn-primary {
  color: #082933;
  background: #7ce0c5
}
.gc-btn-primary:hover {
  background: #95ead3;
  transform: translateY(-2px)
}
.gc-btn-ghost {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .3)
}
.gc-btn-ghost:hover {
  border-color: #7ce0c5;
  color: #7ce0c5
}
.gc-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  color: #9db8be;
  font-size: 12px;
  margin-top: 28px
}
.gc-trust span::first-letter {
  color: #7ce0c5
}
.gc-globe {
  position: absolute;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(124, 224, 197, .38);
  border-radius: 50%;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 90px rgba(53, 192, 167, .14), inset 0 0 60px rgba(53, 192, 167, .08);
  overflow: hidden
}
.gc-globe:after {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(circle at 64% 35%, rgba(113, 222, 196, .16), transparent 45%)
}
.gc-lat, .gc-lon {
  position: absolute;
  border: 1px solid rgba(124, 224, 197, .22);
  border-radius: 50%
}
.gc-lat {
  left: 2%;
  right: 2%;
  height: 86px
}
.lat-1 {
  top: 18%
}
.lat-2 {
  top: 39%
}
.lat-3 {
  top: 60%
}
.gc-lon {
  top: 2%;
  bottom: 2%;
  width: 130px
}
.lon-1 {
  left: 20%
}
.lon-2 {
  right: 20%
}
.gc-dot {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #83e5ca;
  box-shadow: 0 0 0 7px rgba(131, 229, 202, .12), 0 0 18px #83e5ca;
  z-index: 2
}
.dot-eu {
  left: 49%;
  top: 31%
}
.dot-us {
  left: 23%;
  top: 38%
}
.dot-cn {
  left: 71%;
  top: 41%
}
.dot-ap {
  left: 78%;
  top: 58%
}
.dot-me {
  left: 57%;
  top: 48%
}
.gc-market-chip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(5, 27, 40, .88);
  border: 1px solid rgba(124, 224, 197, .25);
  border-radius: 5px;
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18)
}
.gc-market-chip b {
  font-size: 12px;
  color: #78ddc2
}
.gc-market-chip span {
  font-size: 10px;
  color: #a8bec2
}
.chip-eu {
  left: 1%;
  top: 19%
}
.chip-us {
  left: 0;
  bottom: 22%
}
.chip-ap {
  right: 0;
  top: 32%
}
.gc-globe-caption {
  position: absolute;
  right: 3%;
  bottom: 10%;
  display: grid;
  text-align: right
}
.gc-globe-caption span, .gc-globe-caption small {
  font-size: 11px;
  color: #8fb0b3
}
.gc-globe-caption strong {
  font-size: 44px;
  color: #fff;
  line-height: 1
}
.gc-metrics {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .13)
}
.gc-metrics > div {
  padding: 27px 28px;
  border-right: 1px solid rgba(255, 255, 255, .13);
  display: flex;
  align-items: baseline;
  gap: 12px
}
.gc-metrics > div:last-child {
  border-right: 0
}
.gc-metrics strong {
  font-size: 29px;
  color: #fff
}
.gc-metrics sup {
  font-size: 12px;
  color: #83dfc6;
  margin-left: 2px
}
.gc-metrics span {
  font-size: 12px;
  color: #9ab4b8
}
.gc-anchor {
  position: sticky;
  top: 64px;
  z-index: 30;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid var(--gc-line);
  box-shadow: 0 7px 18px rgba(19, 58, 65, .04);
  backdrop-filter: blur(12px)
}
.gc-anchor .gc-shell {
  display: flex;
  align-items: center;
  gap: 34px;
  height: 62px
}
.gc-anchor a {
  color: #596d76;
  font-size: 13px
}
.gc-anchor a:hover {
  color: var(--gc-blue)
}
.gc-anchor .gc-anchor-cta {
  margin-left: auto;
  padding: 9px 18px;
  color: #fff;
  background: var(--gc-blue);
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px
}
.gc-anchor .gc-anchor-cta:hover {
  color: #fff
}
.gc-section {
  padding: 96px 0;
  scroll-margin-top: 126px
}
.gc-soft {
  background: var(--gc-soft)
}
.gc-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: end;
  margin-bottom: 48px
}
.gc-kicker {
  display: block;
  color: var(--gc-teal);
  margin-bottom: 12px
}
.gc-heading h2, .gc-why h2, .gc-faq-layout h2 {
  font-size: clamp(32px, 4vw, 46px);
  letter-spacing: -1.5px;
  line-height: 1.2;
  margin: 0
}
.gc-heading > p, .gc-why-copy > p, .gc-faq-layout > div > p {
  margin: 0;
  color: #687c84;
  line-height: 1.85;
  font-size: 15px
}
.gc-market-layout {
  display: grid;
  grid-template-columns: 330px 1fr;
  min-height: 490px;
  border: 1px solid var(--gc-line)
}
.gc-market-tabs {
  display: flex;
  flex-direction: column;
  background: #f7faf9
}
.gc-market-tabs button {
  flex: 1;
  position: relative;
  display: grid;
  grid-template-columns: 44px 1fr;
  text-align: left;
  align-content: center;
  column-gap: 12px;
  padding: 15px 26px;
  border: 0;
  border-bottom: 1px solid var(--gc-line);
  background: transparent;
  color: var(--gc-ink);
  cursor: pointer
}
.gc-market-tabs button:last-child {
  border-bottom: 0
}
.gc-market-tabs button span {
  grid-row: 1/3;
  color: #9badaf;
  font-size: 11px
}
.gc-market-tabs button b {
  font-size: 15px
}
.gc-market-tabs button small {
  color: #7c8d92;
  margin-top: 5px
}
.gc-market-tabs button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: transparent
}
.gc-market-tabs button.is-active {
  background: #fff
}
.gc-market-tabs button.is-active:before {
  background: var(--gc-teal)
}
.gc-market-tabs button.is-active span {
  color: var(--gc-teal)
}
.gc-market-panel {
  padding: 52px 58px;
  background: #fff;
  transition: .16s
}
.gc-market-panel.is-changing {
  opacity: .25;
  transform: translateY(4px)
}
.gc-panel-code {
  display: inline-block;
  color: var(--gc-teal);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px
}
.gc-market-panel h3 {
  font-size: 31px;
  margin: 12px 0 14px
}
.gc-market-panel > div p {
  max-width: 680px;
  color: #687c84;
  line-height: 1.8;
  margin: 0
}
.gc-market-panel ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 34px 0;
  padding: 0;
  border-top: 1px solid var(--gc-line);
  border-left: 1px solid var(--gc-line)
}
.gc-market-panel li {
  list-style: none;
  padding: 18px 20px;
  border-right: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line);
  display: flex;
  flex-direction: column;
  gap: 5px
}
.gc-market-panel li b {
  font-size: 14px
}
.gc-market-panel li span {
  font-size: 12px;
  color: #7d8d92
}
.gc-market-panel > a, .gc-text-link {
  color: var(--gc-blue);
  font-size: 13px;
  font-weight: 700
}
.gc-service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--gc-line);
  border-left: 1px solid var(--gc-line)
}
.gc-service-grid article {
  min-height: 265px;
  padding: 32px;
  border-right: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line);
  background: rgba(255, 255, 255, .68);
  transition: .25s
}
.gc-service-grid article:hover {
  background: #fff;
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(18, 76, 70, .08)
}
.gc-icon {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border: 1px solid #a8d7cc;
  color: var(--gc-teal);
  font-size: 11px;
  font-weight: 700
}
.gc-service-grid h3 {
  font-size: 18px;
  margin: 28px 0 10px
}
.gc-service-grid p {
  font-size: 13px;
  color: #6c7d83;
  line-height: 1.8;
  margin: 0 0 22px
}
.gc-service-grid small {
  color: #399483
}
.gc-dark {
  background: #081d2d;
  color: #fff
}
.gc-heading-light > p {
  color: #a6bbc0
}
.gc-timeline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, .15);
  border-left: 1px solid rgba(255, 255, 255, .15)
}
.gc-timeline li {
  list-style: none;
  min-height: 210px;
  padding: 30px;
  border-right: 1px solid rgba(255, 255, 255, .15);
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  display: flex;
  gap: 22px
}
.gc-timeline li > span {
  font-size: 11px;
  color: #70d7bd
}
.gc-timeline small {
  font-size: 9px;
  color: #77939a;
  letter-spacing: 1.5px
}
.gc-timeline h3 {
  font-size: 17px;
  margin: 12px 0
}
.gc-timeline p {
  font-size: 12px;
  color: #91a8ad;
  line-height: 1.7;
  margin: 0
}
.gc-why {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 90px;
  align-items: start
}
.gc-why-copy {
  position: sticky;
  top: 155px
}
.gc-why-copy > p {
  margin: 22px 0
}
.gc-proof-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--gc-line);
  border-left: 1px solid var(--gc-line)
}
.gc-proof-grid article {
  padding: 32px;
  min-height: 230px;
  border-right: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line)
}
.gc-proof-grid b {
  font-size: 11px;
  color: var(--gc-teal)
}
.gc-proof-grid h3 {
  font-size: 18px;
  margin: 36px 0 11px
}
.gc-proof-grid p {
  font-size: 13px;
  color: #6b7d83;
  line-height: 1.8;
  margin: 0
}
.gc-faq-layout {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 90px
}
.gc-faq-layout > div > p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.gc-faq-list details {
  border-top: 1px solid #ccdeda;
  padding: 0
}
.gc-faq-list details:last-child {
  border-bottom: 1px solid #ccdeda
}
.gc-faq-list summary {
  list-style: none;
  padding: 23px 2px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px
}
.gc-faq-list summary::-webkit-details-marker {
  display: none
}
.gc-faq-list summary span {
  font-size: 20px;
  color: var(--gc-teal);
  transition: .2s
}
.gc-faq-list details[open] summary span {
  transform: rotate(45deg)
}
.gc-faq-list details p {
  color: #687b82;
  font-size: 13px;
  line-height: 1.9;
  padding: 0 40px 24px 2px;
  margin: 0
}
.gc-final {
  padding: 90px 0;
  background: linear-gradient(115deg, #126961, #18907d);
  color: #fff
}
.gc-final h2 {
  font-size: clamp(36px, 5vw, 58px);
  letter-spacing: -2px;
  margin: 12px 0
}
.gc-final p {
  color: #d4eee8;
  margin: 0 0 30px
}
.gc-btn-white {
  background: #fff;
  color: #115d58
}
.gc-final-note {
  font-size: 12px;
  color: #c6e7e0
}
.gc-final .gc-kicker {
  color: #a7eadb
}
@media(max-width:900px) {
  .gc-hero-grid {
    grid-template-columns: 1fr;
    gap: 20px
  }
  .gc-globe-card {
    height: 400px
  }
  .gc-metrics {
    grid-template-columns: 1fr 1fr
  }
  .gc-metrics > div:nth-child(2) {
    border-right: 0
  }
  .gc-heading {
    grid-template-columns: 1fr;
    gap: 18px
  }
  .gc-market-layout {
    grid-template-columns: 1fr
  }
  .gc-market-tabs {
    display: grid;
    grid-template-columns: repeat(5, 1fr)
  }
  .gc-market-tabs button {
    display: block;
    padding: 14px 8px;
    text-align: center;
    border-right: 1px solid var(--gc-line);
    border-bottom: 1px solid var(--gc-line)
  }
  .gc-market-tabs button span {
    display: none
  }
  .gc-market-tabs button small {
    display: block
  }
  .gc-market-tabs button:before {
    left: 0;
    right: 0;
    top: auto;
    height: 3px;
    width: auto
  }
  .gc-service-grid, .gc-timeline {
    grid-template-columns: 1fr 1fr
  }
  .gc-why, .gc-faq-layout {
    grid-template-columns: 1fr;
    gap: 44px
  }
  .gc-why-copy {
    position: static
  }
}
@media(max-width:640px) {
  .gc-shell {
    width: min(100% - 28px, 1180px)
  }
  .gc-hero {
    padding-top: 112px
  }
  .gc-hero h1 {
    font-size: 42px;
    letter-spacing: -2px
  }
  .gc-hero-copy > p {
    font-size: 15px
  }
  .gc-globe-card {
    height: 345px
  }
  .gc-globe {
    width: 285px;
    height: 285px
  }
  .gc-market-chip {
    padding: 8px
  }
  .gc-market-chip span {
    display: none
  }
  .gc-metrics {
    width: 100%;
    grid-template-columns: 1fr 1fr
  }
  .gc-metrics > div {
    padding: 20px 14px;
    display: block
  }
  .gc-metrics strong {
    display: block;
    font-size: 25px
  }
  .gc-metrics span {
    font-size: 11px
  }
  .gc-anchor {
    top: 64px;
    overflow: auto
  }
  .gc-anchor .gc-shell {
    width: max-content;
    gap: 22px;
    padding: 0 14px
  }
  .gc-anchor .gc-anchor-cta {
    display: none
  }
  .gc-section {
    padding: 68px 0
  }
  .gc-heading h2, .gc-why h2, .gc-faq-layout h2 {
    font-size: 34px
  }
  .gc-market-tabs {
    grid-template-columns: repeat(5, 115px);
    overflow: auto
  }
  .gc-market-tabs button small {
    font-size: 10px
  }
  .gc-market-panel {
    padding: 34px 22px
  }
  .gc-market-panel ul {
    grid-template-columns: 1fr
  }
  .gc-service-grid, .gc-timeline, .gc-proof-grid {
    grid-template-columns: 1fr
  }
  .gc-service-grid article {
    min-height: 225px
  }
  .gc-timeline li {
    min-height: 170px
  }
  .gc-final {
    padding: 68px 0
  }
  .gc-final h2 {
    font-size: 38px
  }
  .gc-btn {
    width: 100%
  }
  .gc-actions .gc-final-note {
    width: 100%;
    text-align: center
  }
}
@media(prefers-reduced-motion:reduce) {
  .gc-page * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important
  }
}
/* 官网品牌色覆盖：#1c499e */ :root {
  --gc-ink: #14213d;
  --gc-blue: #1c499e;
  --gc-teal: #1c499e;
  --gc-mint: #eaf1ff;
  --gc-line: #dce4f2;
  --gc-soft: #f5f7fb
}
.gc-hero {
  background: linear-gradient(120deg, #081a3d 0%, #123b7c 55%, #1c499e 100%)
}
.gc-orbit {
  border-color: rgba(145, 181, 255, .2)
}
.gc-eyebrow, .gc-hero h1 em {
  color: #a9c7ff
}
.gc-eyebrow span {
  background: #a9c7ff
}
.gc-btn-primary {
  color: #12366f;
  background: #fff
}
.gc-btn-primary:hover {
  background: #eaf1ff
}
.gc-btn-ghost:hover {
  border-color: #b8d0ff;
  color: #d8e5ff
}
.gc-trust span::first-letter {
  color: #b8d0ff
}
.gc-globe {
  border-color: rgba(166, 196, 255, .4);
  box-shadow: 0 0 90px rgba(71, 123, 224, .22), inset 0 0 60px rgba(71, 123, 224, .12)
}
.gc-globe:after {
  background: radial-gradient(circle at 64% 35%, rgba(142, 180, 255, .2), transparent 45%)
}
.gc-lat, .gc-lon {
  border-color: rgba(166, 196, 255, .25)
}
.gc-dot {
  background: #b5ceff;
  box-shadow: 0 0 0 7px rgba(181, 206, 255, .13), 0 0 18px #9ebeff
}
.gc-market-chip {
  background: rgba(8, 26, 61, .9);
  border-color: rgba(167, 196, 255, .28)
}
.gc-market-chip b {
  color: #b8d0ff
}
.gc-metrics sup {
  color: #b8d0ff
}
.gc-dark {
  background: #0a1c40
}
.gc-timeline li > span {
  color: #a9c7ff
}
.gc-final {
  background: linear-gradient(115deg, #143779, #1c499e)
}
.gc-final p {
  color: #dbe6fb
}
.gc-btn-white {
  color: #1c499e
}
.gc-final-note {
  color: #d7e4fb
}
.gc-final .gc-kicker {
  color: #c4d7ff
}
.gc-service-grid article:hover {
  box-shadow: 0 18px 45px rgba(28, 73, 158, .1)
}
.gc-icon {
  border-color: #aec3e9
}
.gc-service-grid small {
  color: #1c499e
}
/* 法规市场对照 */
.gc-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--gc-line);
  background: #fff;
  box-shadow: 0 16px 45px rgba(28, 73, 158, .05)
}
.gc-reg-table {
  width: 100%;
  min-width: 960px;
  border-collapse: collapse;
  font-size: 13px
}
.gc-reg-table th, .gc-reg-table td {
  padding: 19px 18px;
  text-align: left;
  border-bottom: 1px solid var(--gc-line);
  vertical-align: middle
}
.gc-reg-table thead th {
  background: #102f6e;
  color: #fff;
  font-size: 11px;
  letter-spacing: .5px;
  font-weight: 600
}
.gc-reg-table tbody th {
  min-width: 128px;
  font-size: 14px
}
.gc-reg-table tbody td {
  color: #607080;
  line-height: 1.55
}
.gc-reg-table tbody tr:last-child th, .gc-reg-table tbody tr:last-child td {
  border-bottom: 0
}
.gc-reg-table tbody tr:hover {
  background: #f7f9fd
}
.gc-flag {
  display: inline-grid;
  place-items: center;
  min-width: 38px;
  height: 24px;
  margin-right: 10px;
  padding: 0 6px;
  background: #eaf1ff;
  color: #1c499e;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 800
}
.gc-table-note {
  font-size: 11px;
  color: #8896a5;
  margin: 14px 0 0
}
/* 项目交付物 */
.gc-deliver-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px
}
.gc-deliver-grid article {
  position: relative;
  padding: 31px 30px;
  background: #fff;
  border: 1px solid var(--gc-line);
  min-height: 320px;
  transition: .25s
}
.gc-deliver-grid article:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(28, 73, 158, .08);
  border-color: #b6c8e8
}
.gc-deliver-num {
  font-size: 11px;
  color: #1c499e;
  font-weight: 800;
  letter-spacing: 1px
}
.gc-deliver-grid h3 {
  font-size: 18px;
  margin: 25px 0 11px
}
.gc-deliver-grid p {
  font-size: 13px;
  color: #6a7988;
  line-height: 1.8;
  margin: 0 0 22px
}
.gc-deliver-grid ul {
  padding: 18px 0 0;
  margin: 0;
  border-top: 1px solid var(--gc-line)
}
.gc-deliver-grid li {
  list-style: none;
  position: relative;
  padding: 5px 0 5px 16px;
  color: #506070;
  font-size: 12px
}
.gc-deliver-grid li:before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #1c499e;
  font-weight: 800
}
/* 业务场景 */
.gc-scenario-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--gc-line);
  border-left: 1px solid var(--gc-line)
}
.gc-scenario-grid article {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 6px 20px;
  min-height: 220px;
  padding: 31px;
  border-right: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line)
}
.gc-scenario-grid article > span {
  grid-row: 1/3;
  color: #1c499e;
  font-size: 11px;
  font-weight: 800
}
.gc-scenario-grid h3 {
  font-size: 18px;
  margin: 0 0 11px
}
.gc-scenario-grid p {
  font-size: 13px;
  line-height: 1.8;
  color: #687886;
  margin: 0
}
.gc-scenario-grid article > b {
  grid-column: 2;
  color: #1c499e;
  font-size: 12px;
  margin-top: 12px
}
@media(max-width:900px) {
  .gc-deliver-grid {
    grid-template-columns: 1fr 1fr
  }
}
@media(max-width:640px) {
  .gc-deliver-grid, .gc-scenario-grid {
    grid-template-columns: 1fr
  }
  .gc-deliver-grid article {
    min-height: auto
  }
  .gc-scenario-grid article {
    min-height: auto
  }
  .gc-reg-table th, .gc-reg-table td {
    padding: 15px 14px
  }
}
/* 标签合规专题 */
.gc-label-section {
  background: #fff
}
.gc-label-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px
}
.gc-label-grid article {
  border: 1px solid var(--gc-line);
  background: #fff;
  min-height: 350px;
  transition: .25s
}
.gc-label-grid article:hover {
  border-color: #b4c7e9;
  box-shadow: 0 16px 42px rgba(28, 73, 158, .08);
  transform: translateY(-3px)
}
.gc-label-grid header {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 23px 24px;
  background: #102f6e;
  color: #fff
}
.gc-label-grid header > span {
  display: grid;
  place-items: center;
  width: 43px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, .4);
  font-size: 10px;
  font-weight: 800
}
.gc-label-grid h3 {
  font-size: 16px;
  margin: 0 0 3px
}
.gc-label-grid header small {
  display: block;
  color: #afc4ea;
  font-size: 9px
}
.gc-label-grid ul {
  padding: 20px 24px;
  margin: 0
}
.gc-label-grid li {
  list-style: none;
  position: relative;
  padding: 7px 0 7px 15px;
  color: #5d6d7e;
  font-size: 12px;
  border-bottom: 1px dashed #e7ebf2
}
.gc-label-grid li:last-child {
  border-bottom: 0
}
.gc-label-grid li:before {
  content: '—';
  position: absolute;
  left: 0;
  color: #1c499e;
  font-weight: 800
}
.gc-label-grid .gc-label-cta {
  padding: 30px;
  background: linear-gradient(145deg, #102f6e, #1c499e);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.gc-label-cta .gc-kicker {
  color: #bed2f7
}
.gc-label-cta h3 {
  font-size: 26px;
  margin: 14px 0
}
.gc-label-cta p {
  color: #d7e3f8;
  font-size: 13px;
  line-height: 1.8
}
.gc-label-cta > a {
  display: inline-flex;
  justify-content: center;
  padding: 13px 18px;
  background: #fff;
  color: #1c499e;
  font-weight: 700;
  font-size: 13px;
  border-radius: 3px
}
/* 项目资料清单 */
.gc-material-layout {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  border: 1px solid var(--gc-line);
  background: #fff
}
.gc-material-intro {
  padding: 42px;
  background: #102f6e;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}
.gc-material-intro > span {
  color: #aac4f2;
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 800
}
.gc-material-intro h3 {
  font-size: 28px;
  margin: 17px 0 12px
}
.gc-material-intro p {
  color: #c7d6ef;
  font-size: 13px;
  line-height: 1.9;
  margin: 0 0 28px
}
.gc-material-intro a {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, .45);
  padding-bottom: 5px
}
.gc-material-list {
  display: grid;
  grid-template-columns: 1fr 1fr
}
.gc-material-list > div {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 13px;
  padding: 24px;
  border-right: 1px solid var(--gc-line);
  border-bottom: 1px solid var(--gc-line)
}
.gc-material-list > div:nth-child(2n) {
  border-right: 0
}
.gc-material-list > div:nth-last-child(-n+2) {
  border-bottom: 0
}
.gc-material-list b {
  color: #1c499e;
  font-size: 10px
}
.gc-material-list span {
  display: flex;
  flex-direction: column;
  gap: 7px
}
.gc-material-list strong {
  font-size: 14px
}
.gc-material-list small {
  color: #71808f;
  line-height: 1.65;
  font-size: 11px
}
.gc-material-note {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 30px;
  margin-top: 18px;
  padding: 20px 24px;
  border-left: 3px solid #1c499e;
  background: #eaf1ff
}
.gc-material-note strong {
  font-size: 13px;
  color: #1c499e
}
.gc-material-note span {
  font-size: 12px;
  color: #5f6f82;
  line-height: 1.7
}
/* 服务方案 */
.gc-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  align-items: stretch
}
.gc-plan-grid article {
  position: relative;
  padding: 29px 25px;
  border: 1px solid var(--gc-line);
  display: flex;
  flex-direction: column;
  min-height: 425px;
  background: #fff
}
.gc-plan-grid article.is-featured {
  border: 2px solid #1c499e;
  box-shadow: 0 15px 40px rgba(28, 73, 158, .1)
}
.gc-plan-badge {
  position: absolute;
  right: 18px;
  top: -12px;
  padding: 5px 10px;
  background: #1c499e;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 12px
}
.gc-plan-code {
  font-size: 10px;
  color: #1c499e;
  font-weight: 800;
  letter-spacing: 1.5px
}
.gc-plan-grid h3 {
  font-size: 19px;
  margin: 25px 0 11px
}
.gc-plan-grid p {
  font-size: 12px;
  color: #6c7c8b;
  line-height: 1.8;
  margin: 0 0 20px;
  min-height: 66px
}
.gc-plan-grid ul {
  padding: 18px 0;
  margin: 0 0 25px;
  border-top: 1px solid var(--gc-line)
}
.gc-plan-grid li {
  list-style: none;
  position: relative;
  padding: 7px 0 7px 17px;
  font-size: 12px;
  color: #536477
}
.gc-plan-grid li:before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #1c499e;
  font-weight: 800
}
.gc-plan-grid a {
  margin-top: auto;
  text-align: center;
  padding: 11px;
  border: 1px solid #1c499e;
  color: #1c499e;
  font-size: 12px;
  font-weight: 700
}
.gc-plan-grid .is-featured a {
  background: #1c499e;
  color: #fff
}
/* 真实法规资讯 */
.gc-news-section {
  background: #0a1c40;
  color: #fff
}
.gc-news-section .gc-heading h2 {
  color: #fff
}
.gc-news-section .gc-heading > p {
  color: #aabbd9
}
.gc-news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}
.gc-news-grid > a {
  min-height: 210px;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, .14);
  display: flex;
  flex-direction: column;
  transition: .25s
}
.gc-news-grid > a:hover {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(181, 205, 255, .48);
  transform: translateY(-3px)
}
.gc-news-grid time {
  font-size: 10px;
  color: #9ebbf1;
  letter-spacing: 1px
}
.gc-news-grid h3 {
  font-size: 16px;
  line-height: 1.65;
  margin: 24px 0;
  color: #fff
}
.gc-news-grid span {
  margin-top: auto;
  color: #bcd1f7;
  font-size: 11px
}
.gc-news-more {
  display: inline-block;
  margin-top: 25px;
  color: #c5d8fa;
  font-size: 12px;
  font-weight: 700
}
@media(max-width:1000px) {
  .gc-label-grid {
    grid-template-columns: 1fr 1fr
  }
  .gc-plan-grid {
    grid-template-columns: 1fr 1fr
  }
  .gc-material-layout {
    grid-template-columns: 1fr
  }
  .gc-material-intro {
    min-height: 300px
  }
}
@media(max-width:640px) {
  .gc-label-grid, .gc-plan-grid, .gc-news-grid {
    grid-template-columns: 1fr
  }
  .gc-label-grid article, .gc-plan-grid article {
    min-height: auto
  }
  .gc-material-list {
    grid-template-columns: 1fr
  }
  .gc-material-list > div, .gc-material-list > div:nth-child(2n), .gc-material-list > div:nth-last-child(-n+2) {
    border-right: 0;
    border-bottom: 1px solid var(--gc-line)
  }
  .gc-material-list > div:last-child {
    border-bottom: 0
  }
  .gc-material-note {
    grid-template-columns: 1fr;
    gap: 8px
  }
  .gc-plan-grid article.is-featured {
    margin-top: 8px
  }
}
/* 了解更多化妆品法规（关键词标签） */
.keyword-list {
  display: flex;
  gap: 6px;
  flex-wrap: wrap
}
.keyword-tag {
  padding: 2px 8px;
  background: #f4f6fa;
  border: 1px solid #e0e6f0;
  border-radius: 10px;
  font-size: 11px;
  color: #666;
  cursor: pointer;
  transition: all .2s
}
.keyword-tag:hover {
  background: #1c499e;
  color: #fff;
  border-color: #1c499e
}
/* 主要化妆品品类合规专项 */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}
.cat-card {
  display: flex;
  flex-direction: column;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--gc-line);
  transition: .25s
}
.cat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(28, 73, 158, .08);
  border-color: #b6c8e8
}
.cat-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px
}
.cat-icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  background: #eaf1ff;
  color: #1c499e;
  font-size: 13px;
  font-weight: 700;
  border-radius: 8px
}
.cat-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--gc-ink)
}
.cat-regs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px
}
.cat-reg-badge {
  padding: 3px 9px;
  background: #f4f6fa;
  border: 1px solid #e0e6f0;
  border-radius: 10px;
  font-size: 11px;
  color: #5d6d7e
}
.cat-count {
  margin-top: auto;
  font-size: 12px;
  color: #1c499e;
  line-height: 1.6
}
@media (max-width: 1000px) {
  .cat-grid {
    grid-template-columns: 1fr 1fr
  }
}
@media (max-width: 640px) {
  .cat-grid {
    grid-template-columns: 1fr
  }
}
/* gc-globe 动态效果 */
@keyframes gcGlobeBreath {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1)
  }
  50% {
    transform: translate(-50%, -50%) scale(1.015)
  }
}
@keyframes gcGlowPulse {
  0%, 100% {
    opacity: .7
  }
  50% {
    opacity: 1
  }
}
@keyframes gcGridDrift {
  0%, 100% {
    opacity: .55
  }
  50% {
    opacity: 1
  }
}
@keyframes gcDotPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1)
  }
  50% {
    opacity: .5;
    transform: scale(.78)
  }
}
@keyframes gcChipFloat {
  0%, 100% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(-7px)
  }
}
.gc-globe {
  animation: gcGlobeBreath 8s ease-in-out infinite
}
.gc-globe:after {
  animation: gcGlowPulse 5s ease-in-out infinite
}
.gc-lat, .gc-lon {
  animation: gcGridDrift 7s ease-in-out infinite
}
.gc-dot {
  animation: gcDotPulse 2.4s ease-in-out infinite
}
.dot-eu {
  animation-delay: 0s
}
.dot-us {
  animation-delay: .35s
}
.dot-cn {
  animation-delay: .7s
}
.dot-ap {
  animation-delay: 1.05s
}
.dot-me {
  animation-delay: 1.4s
}
.gc-market-chip {
  animation: gcChipFloat 5s ease-in-out infinite
}
.chip-eu {
  animation-delay: 0s
}
.chip-us {
  animation-delay: 1s
}
.chip-ap {
  animation-delay: 2s
}
/* 地球 canvas 与市场标签 */
.gc-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0
}
.gc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px
}
.gc-tags span {
  font-size: 12px;
  letter-spacing: .04em;
  padding: 6px 13px;
  border-radius: 8px;
  color: rgba(206, 230, 255, .85);
  border: 1px solid rgba(145, 181, 255, .28);
  background: rgba(145, 181, 255, .08);
  transition: border-color .25s, background .25s, transform .25s
}
.gc-tags span:hover {
  border-color: rgba(169, 199, 255, .6);
  background: rgba(145, 181, 255, .16);
  transform: translateY(-2px)
}

/* 市场专页入口 */
.gc-market-pages{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-top:1px solid var(--gc-line);border-left:1px solid var(--gc-line)}
.gc-market-pages a{display:grid;grid-template-columns:1fr auto;gap:7px 12px;min-height:94px;padding:20px;border-right:1px solid var(--gc-line);border-bottom:1px solid var(--gc-line);background:#fff;transition:.22s}
.gc-market-pages a:hover{background:#f3f6fc;transform:translateY(-2px);box-shadow:0 10px 28px rgba(28,73,158,.08)}
.gc-market-pages b{font-size:10px;color:#1c499e;letter-spacing:1px}.gc-market-pages span{grid-column:1;font-size:13px;color:#263955}.gc-market-pages i{grid-column:2;grid-row:1/3;align-self:center;color:#1c499e;font-style:normal}
@media(max-width:800px){.gc-market-pages{grid-template-columns:1fr 1fr}.gc-market-pages a:last-child{grid-column:1/3}}
@media(max-width:480px){.gc-market-pages{grid-template-columns:1fr}.gc-market-pages a:last-child{grid-column:auto}}