/* 官网统一视觉：科技蓝用于重点，内容区保持银白与浅蓝层次。 */
:root {
  --c-brand-50: #f1f8ff;
  --c-brand-100: #e3f1fd;
  --c-brand-200: #c7e3fa;
  --c-brand-300: #9fcef4;
  --c-brand-400: #64aeeb;
  --c-brand-500: #2e8ce0;
  --c-brand-600: #126eca;
  --c-brand-700: #1356a3;
  --c-brand-800: #123e77;
  --c-brand-900: #0a284d;
  --c-accent-300: #a3e9ff;
  --c-accent-400: #6bd8f8;
  --c-accent-500: #3eb5e9;
  --c-bg-subtle: #f7f9fc;
  --c-bg-inverse: #163f78;
  --c-text: #1b2e46;
  --c-text-muted: #66788d;
  --c-border: #e1e9f1;
  --sh-1: 0 8px 24px rgba(27, 63, 106, .055);
  --sh-2: 0 18px 42px rgba(27, 63, 106, .095);
  --sh-3: 0 28px 60px rgba(27, 63, 106, .14);
}
body { background: #fbfcfe; }
.site-header {
  border-bottom: 1px solid rgba(128, 164, 201, .2);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 5px 24px rgba(27, 63, 106, .045);
}
.brand__name { color: #1a3655; }
.brand__sub { color: #7a8fa7; }
.nav__link { color: #35516f; }
.nav__link:hover,
.nav__link[aria-current="page"] {
  color: #2f70b7;
  background: #eef6fd;
}
.btn { border-radius: 10px; }
.btn--primary {
  color: #fff;
  background: linear-gradient(110deg, #1268d2, #43a2ed);
  box-shadow: 0 10px 24px rgba(18, 104, 210, .2);
}
.btn--primary:hover:not(:disabled) {
  color: #fff;
  background: linear-gradient(110deg, #0e57b5, #318edb);
  box-shadow: 0 15px 30px rgba(18, 104, 210, .27);
}
.btn--outline {
  border-color: #b7d1e9;
  background: rgba(255, 255, 255, .88);
}
.btn--outline:hover:not(:disabled) { background: #eef6fd; }
.btn--accent {
  color: #19405e;
  background: linear-gradient(110deg, #c2ecf8, #9fdcf1);
  box-shadow: 0 10px 24px rgba(75, 166, 200, .16);
}
.eyebrow { color: #167dce; }
.section--subtle { background: linear-gradient(180deg, #f7f9fc, #fbfcfe); }
.scene-row, .product-card, .article-card, .card, .qualification-showcase,
.contact-details, .form-card, .auth-card, .panel {
  border-color: #e1e9f1;
  box-shadow: var(--sh-1);
}
.page-head {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #dfebf6;
  background:
    radial-gradient(640px 270px at 88% 12%, rgba(86, 174, 242, .23), transparent 70%),
    radial-gradient(480px 240px at 6% 90%, rgba(171, 223, 255, .19), transparent 72%),
    linear-gradient(115deg, #fbfdff, #edf7ff);
}
.page-head::after {
  content: "";
  position: absolute;
  right: 5%;
  bottom: -110px;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(31, 130, 221, .18);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(54, 166, 243, .055), 0 0 0 96px rgba(54, 166, 243, .035);
  pointer-events: none;
}
.page-head .eyebrow { color: #167dce; }
.page-head__title { color: #1b3655; }
.page-head__desc { color: #61758b; }
.scene-visual,
.scene-visual--knowledge,
.scene-visual--data { background: linear-gradient(140deg, #eaf4fb, #f9fbfe); }
.artifact-board { background: linear-gradient(145deg, #d6eafa, #9dc5ec); }
.case-feature-section {
  background: radial-gradient(520px 300px at 91% 15%, rgba(92, 205, 255, .25), transparent 70%),
    linear-gradient(120deg, #123d78, #2662a6 65%, #3e83c2);
}
.delivery-section {
  background: linear-gradient(rgba(66, 128, 190, .035) 1px, transparent 1px) 0 0 / 42px 42px, #fbfcfe;
}
.qualification-showcase { background: linear-gradient(140deg, #fff, #f0f7fd); }
.cta-band,
.cta-band--split {
  background:
    radial-gradient(570px 300px at 90% 20%, rgba(113, 213, 255, .25), transparent 70%),
    linear-gradient(115deg, #15418d, #236fcb);
}
.site-footer { background: #041a32; }
.site-footer .footer-grid { padding-bottom: 10px; }
.site-footer .footer-brand__name { font-size: 1.2rem; letter-spacing: .02em; }
.site-footer .footer-title { color: #e5f5ff; }
.site-footer .footer-bottom { border-top-color: rgba(159, 210, 250, .16); }
.auth-wrap {
  background: radial-gradient(650px 380px at 88% 10%, #e9f3fb, transparent 70%),
    linear-gradient(135deg, #f7faff, #fcfdff);
}
.auth-aside {
  border-color: #d7e6f4;
  color: #1c3858;
  background: linear-gradient(140deg, #e8f4fd, #f2f5ff);
  box-shadow: var(--sh-2);
}
.auth-aside__title { color: #183653; }
.auth-aside .lead,
.auth-aside .feature-list li { color: #526e87; }
.auth-aside .alert--info {
  border-color: #c9e1f2;
  color: #315c7d;
  background: rgba(255, 255, 255, .72);
}
.side-nav__link.is-active {
  background: linear-gradient(110deg, #3d7bc2, #69a4dc);
  box-shadow: 0 7px 18px rgba(67, 133, 198, .15);
}
.panel__head { background: linear-gradient(100deg, #f9fbfe, #f0f6fc); }
@media (max-width: 767px) {
  .page-head::after { right: -130px; opacity: .55; }
}