/* Ensure no link underlines across client-home */
.client-home a {
  text-decoration: none !important;
}
/* ARCELL visual language, adapted from the supplied MedChinaTour reference. */
:root { color-scheme: light; }
body {
  --ink: #10201c; --deep: #071612; --paper: #f6f5ef; --chalk: #fcfbf7;
  --aqua: #c4e0ca; --acid: #d8e878; --coral: #d7a85d; --teal: #176b54;
  --line: rgba(16, 32, 28, .16);
  background: linear-gradient(125deg, rgba(23,107,84,.035), transparent 31%), linear-gradient(180deg,#fbfaf6 0%,#f3f2eb 49%,#faf9f5 100%);
  color: var(--ink);
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body h1, body h2, body h3 { font-family: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", Georgia, serif; font-weight: 400; letter-spacing: 0; }
body .shell { width: min(100% - 64px, 1180px); }

/* Floating, glass-like site navigation. */
body .site-header.site-header { position: fixed; z-index: 40; top: 22px; left: 50%; width: min(1380px, calc(100% - 48px)); height: 76px; transform: translateX(-50%); padding: 0 17px 0 19px; border: 1px solid rgba(255,255,255,.27); border-radius: 23px; background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0)), rgba(7,22,18,.89); color: var(--chalk); box-shadow: 0 20px 58px rgba(4,13,10,.28), inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(18px); }
body .site-header .brand { min-width: 180px; gap: 11px; font-family: Georgia, "Noto Serif CJK SC", serif; font-size: 20px; font-weight: 600; letter-spacing: .08em; }
body .site-header .brand-mark { width: 35px; height: 33px; align-items: center; justify-content: center; gap: 3px; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; background: rgba(255,255,255,.07); }
body .site-header .brand-mark i { width: 5px; border-radius: 2px; }
body .site-header .desktop-nav { gap: 24px; font-size: 13px; letter-spacing: .02em; }
body .site-header .desktop-nav a { position: relative; padding: 10px 0; opacity: .77; transition: color .2s ease, opacity .2s ease; }
body .site-header .desktop-nav a::after { position: absolute; right: 0; bottom: 3px; left: 0; height: 1px; content: ""; background: #d7a85d; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
body .site-header .desktop-nav a:hover, body .site-header .desktop-nav a.active { opacity: 1; }
body .site-header .desktop-nav a:hover::after, body .site-header .desktop-nav a.active::after { transform: scaleX(1); }
body .site-header .header-actions { display: flex; align-items: center; gap: 12px; }
body .site-header .lang-switch { display: inline-grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 9px; color: rgba(255,255,255,.9); font-size: 12px; letter-spacing: .04em; }
body .site-header .header-cta { min-height: 40px; border: 0; border-radius: 9px; padding: 0 16px; background: #1e765a; color: #fff; font-size: 13px; line-height: 40px; transition: background .2s ease, transform .2s ease; }
body .site-header .header-cta:hover { background: #2b8969; transform: translateY(-1px); }

body .hero.hero { min-height: 760px; background: var(--deep); }
body .hero .hero-image { object-position: 57% center; }
body .hero::after { opacity: .1; }
body .hero-shade { background: linear-gradient(90deg,rgba(6,21,17,.94) 0%,rgba(6,21,17,.67) 46%,rgba(6,21,17,.09) 83%), linear-gradient(0deg,rgba(6,21,17,.48),transparent 48%); }
body .hero-content.hero-content { padding-top: 108px; }
body .eyebrow { color: #c4e0ca; font-size: 11px; font-weight: 700; letter-spacing: .15em; }
body .hero h1 { max-width: 820px; margin: 27px 0 28px; font-size: clamp(54px, 6.7vw, 104px); line-height: .98; }
body .hero h1 em, body h2 em { color: #c4e0ca; }
body .hero-content > .hero-copy { max-width: 565px; font-size: 18px; line-height: 1.65; }
body .hero-actions { gap: 18px; margin-top: 33px; }
body .button { min-height: 49px; border-radius: 9px; padding: 0 20px; font-family: inherit; font-size: 14px; }
body .button-light { background: #c4e0ca; color: #10201c; }
body .button-dark { background: #176b54; }
body .text-link { padding: 12px 1px 7px; border-bottom-color: rgba(255,255,255,.5); }
body .hero-meta { bottom: 27px; font-size: 10px; }
body .hero-meta b { background: #d7a85d; }

body .statement.statement, body .product.product, body .outcomes.outcomes { padding: 142px 0; }
body .statement-grid.statement-grid, body .outcomes-grid.outcomes-grid { grid-template-columns: .82fr 1.18fr; gap: 82px; }
body .statement-kicker, body .eyebrow.ink, body .label { color: #176b54; }
body h2 { line-height: 1.06; }
body .statement h2 { max-width: 820px; font-size: clamp(40px, 4.6vw, 72px); }
body .body-copy, body .intro p:last-child, body .opening p:last-child { color: rgba(16,32,28,.7); line-height: 1.7; }
body .platform.platform { padding-top: 118px; background: linear-gradient(135deg,rgba(196,224,202,.06),transparent 37%), #071612; }
body .split-head.split-head, body .evidence-head.evidence-head { gap: 82px; }
body .platform-grid.platform-grid { margin-top: 72px; }
body .platform-item { min-height: 450px; padding: 32px 35px; }
body .platform-item.featured { background: #103c31; }
body .platform-item h3 { font-size: 47px; }
body .index, body .platform-item small { color: #d8e878; }
body .product-layout.product-layout { gap: 92px; }
body .instrument-frame.instrument-frame { border: 1px solid rgba(16,32,28,.16); border-radius: 15px; background: #ebece5; box-shadow: 0 25px 64px rgba(16,32,28,.13); }
body .instrument-frame.instrument-frame img { height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 14px 14px 0 0; }
body .instrument-frame figcaption { background: #10201c; }
body .evidence.evidence { padding: 122px 0 110px; background: linear-gradient(135deg,rgba(196,224,202,.1),transparent 38%), #176b54; }
body .evidence-images figure, body .figure-layout figure { border: 1px solid rgba(255,255,255,.45); border-radius: 12px; overflow: hidden; box-shadow: 0 22px 54px rgba(3,15,11,.18); }
body .evidence-images img, body .figure-layout img { height: auto; aspect-ratio: auto; object-fit: contain; }
body .outcomes-list > div, body .cases > div, body .decision li { border-color: rgba(16,32,28,.2); }
body .outcomes-list span, body .cases span { color: #176b54; }
body .contact.contact { min-height: 610px; background: linear-gradient(120deg,rgba(255,255,255,.16),transparent 44%), #d7a85d; }
body .contact h2 em { color: #fcfbf7; }
body .site-footer.site-footer { padding: 43px 0; background: #071612; }
body .footer-inner.footer-inner { grid-template-columns: 1fr 1.15fr 1.8fr auto; }

/* Client visual system: navy, cool white, cyan and restrained gold. */
body.client-home { --client-navy:#243d73; --client-cyan:#59b9c0; --client-pale:#f4f8fc; --client-gold:#c99a2e; background:#fff; color:var(--client-navy); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }


.client-header {
  height: 80px;
  padding: 0 clamp(28px, 4.5vw, 64px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(210, 226, 242, 0.85);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 50;
  box-shadow: 0 4px 24px rgba(18, 59, 112, 0.05);
}

.client-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.client-logo img {
  height: 46px;
  width: auto;
  object-fit: contain;
}

.client-header nav {
  display: flex;
  align-items: center;
  gap: 36px;
}

.client-header nav a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #1e3a63 !important;
  text-decoration: none;
  padding: 10px 4px;
  transition: all 0.2s ease;
  letter-spacing: 0.02em;
}

.client-header nav a::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 0;
  height: 2.5px;
  background: linear-gradient(90deg, #2464a8, #2eabb1);
  border-radius: 3px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%);
}

.client-header nav a:hover {
  color: #1a5697 !important;
}

.client-header nav a:hover::after {
  width: 100%;
}

.client-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.client-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border: 1.5px solid #c9daea;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #244b78 !important;
  text-decoration: none;
  background: #ffffff;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(18, 59, 112, 0.04);
}

.client-lang:hover {
  background: #f0f7fd;
  border-color: #2eabb1;
  color: #10335e !important;
}

/* 高对比度、文字绝对清晰的预约咨询按钮 */
.client-contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: #123b70 !important;
  color: #ffffff !important;
  border-radius: 24px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(18, 59, 112, 0.24);
  transition: all 0.25s ease;
  letter-spacing: 0.03em;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.client-contact-btn:hover {
  background: #184a8c !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(18, 59, 112, 0.32);
}

.client-menu {
  display: none;
  background: none;
  border: 0;
  font-size: 26px;
  color: #123b70;
  cursor: pointer;
}
.client-hero{padding:60px clamp(22px,4vw,58px) 74px;min-height:760px;display:grid;grid-template-columns:1.12fr .88fr;gap:50px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)}.client-hero-copy{max-width:860px}.client-kicker{color:var(--client-cyan);font-weight:800;letter-spacing:.16em;font-size:13px;margin:0 0 26px}.client-hero h1{font-family:inherit;color:var(--client-navy);font-weight:900;font-size:clamp(54px,6.5vw,102px);line-height:.98;margin:0 0 30px}.client-hero h1 span{background:linear-gradient(90deg,#467fc4,#65bfa5);-webkit-background-clip:text;color:transparent}.client-lead{font-size:20px;line-height:1.8;color:#58749b;max-width:810px}.client-buttons{display:flex;gap:16px;margin-top:34px}.client-buttons a{padding:15px 26px;border-radius:28px;font-weight:700}.client-primary{background:var(--client-navy);color:#fff}.client-secondary{border:1px solid #cbdcf0;color:var(--client-navy)}.client-buttons b{font-size:20px;margin-left:12px}.continuum{background:var(--client-navy);border-radius:34px;padding:42px 40px;color:#fff;box-shadow:0 24px 60px rgba(36,61,115,.2);background-image:url('/images/generated/arcell-continuum-background.webp');background-size:cover;background-blend-mode:soft-light}.continuum-head small{color:#8ddce1;letter-spacing:.14em;font-weight:800}.continuum-head strong{display:block;font-size:28px;margin:14px 0 30px}.continuum-item{display:flex;align-items:center;gap:20px;padding:20px 26px;border:1px solid rgba(255,255,255,.18);background:rgba(125,157,201,.25);border-radius:22px}.continuum-item i{font-style:normal;background:#4e70ad;padding:14px;border-radius:16px;font-weight:800;color:#d6f6f7}.continuum-item i.gold{color:#ffe39a;background:#74674a}.continuum-item b,.continuum-item span{display:block}.continuum-item span{color:#b9cce9;margin-top:6px}.continuum>em{display:block;text-align:center;color:#8ddce1;font-style:normal;font-size:25px;margin:8px}
.client-tech,.client-product,.client-roadmap{padding:120px clamp(22px,4vw,58px)}.client-tech h2,.client-advantage h2,.client-roadmap h2{font-family:inherit;font-size:clamp(42px,5vw,76px);line-height:1.06;margin:0 0 28px;font-weight:900}.client-tech-intro{max-width:760px;margin-left:auto;color:#58749b;font-size:20px;line-height:1.7}.tech-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:60px}.tech-cards>a,.client-roadmap article{border:1px solid #d7e3f0;border-radius:30px;padding:42px;background:#fff;box-shadow:0 18px 45px rgba(36,61,115,.08)}.tech-cards small{float:right;background:#eef5fc;padding:10px 15px;border-radius:18px;color:#4670a7}.tech-cards b{display:block;font-size:27px}.tech-cards h3{font-family:inherit;font-size:42px;line-height:1.1;margin:92px 0 20px}.tech-cards p,.client-roadmap p{color:#6680a3;font-size:18px;line-height:1.7}.client-advantage{padding:120px clamp(22px,4vw,58px);background:var(--client-navy);color:#fff}.client-advantage .client-kicker{color:#8ddce1}.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.25);border-radius:28px;overflow:hidden}.adv-grid article{padding:32px;border-right:1px solid rgba(255,255,255,.2);min-height:300px}.adv-grid article:last-child{border:0}.adv-grid span{color:#8ddce1;font-size:20px}.adv-grid b{float:right;color:#8ddce1;font-size:22px}.adv-grid h3{font-family:inherit;font-size:28px;margin-top:76px}.adv-grid p{color:#bfd0e9;line-height:1.7}.client-product{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product-image{border:1px solid #d7e3f0;border-radius:32px;padding:20px;background:var(--client-pale)}.product-image img{width:100%;display:block;border-radius:22px}.client-product h2{font-family:inherit;font-size:clamp(46px,5vw,80px);line-height:.98;margin:0 0 24px}.client-product>div:last-child>p:not(.client-kicker){font-size:20px;color:#6680a3;line-height:1.7}.product-modules{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.product-modules div{border:1px solid #d7e3f0;border-radius:20px;padding:22px}.product-modules b,.product-modules span{display:block}.product-modules b{color:var(--client-cyan);letter-spacing:.12em}.product-modules span{color:#58749b;margin-top:14px}.client-roadmap{background:#f4f8fc}.client-roadmap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.client-roadmap article span{background:#e5f4f5;color:#4baab2;border-radius:14px;padding:12px;display:inline-block;font-weight:800}.client-roadmap article h3{font-family:inherit;font-size:30px;margin-top:62px}.client-footer{padding:34px clamp(22px,4vw,58px);background:var(--client-navy);color:#fff;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.client-header{height:64px;padding:0 20px}.client-header nav,.client-actions{display:none}.client-menu{display:block}.client-header.open nav{display:flex;position:absolute;top:64px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:18px;border-bottom:1px solid #dbe5f0}.client-hero{grid-template-columns:1fr;padding:110px 20px 50px;min-height:0}.client-hero h1{font-size:56px}.client-lead{font-size:17px}.continuum{padding:28px 20px;border-radius:24px}.continuum-head strong{font-size:24px}.tech-cards,.client-product,.client-roadmap>div{grid-template-columns:1fr}.client-tech,.client-product,.client-roadmap,.client-advantage{padding:78px 20px}.client-tech-intro{margin:0}.client-tech h2,.client-advantage h2,.client-roadmap h2{font-size:44px}.adv-grid{grid-template-columns:1fr}.adv-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);min-height:0}.adv-grid h3{margin-top:36px}.client-product{gap:42px}.product-modules{grid-template-columns:1fr}.client-footer{flex-direction:column}}

/* Detail-page hero and repeated content panels. */
body .page-hero.page-hero { min-height: 690px; height: 78svh; }
body .page-hero.page-hero > img { object-position: 58% center; }
body .page-hero.page-hero > img.hero-graphic { object-position: 50% center; }
body .page-hero .hero-shade { background: linear-gradient(90deg,rgba(6,21,17,.93) 1%,rgba(6,21,17,.63) 50%,rgba(6,21,17,.12) 100%), linear-gradient(0deg,rgba(6,21,17,.55),transparent 60%); }
body .page-hero .hero-copy { padding-bottom: 68px; }
body .page-hero .hero-copy h1 { max-width: 830px; font-size: clamp(52px,6.6vw,96px); line-height: .99; }
body .page-hero .hero-copy > p:last-child { font-size: 18px; line-height: 1.65; }
body .page-body .intro.intro, body .page-body .applications.applications, body .page-body .standards.standards, body .page-body .decision.decision { padding: 132px 0; }
body .page-body .intro-grid, body .page-body .opening, body .page-body .applications-layout { gap: 82px; }
body .page-body .intro h2, body .page-body .opening h2, body .page-body .applications h2, body .page-body .standards h2, body .page-body .decision h2 { line-height: 1.07; }
body .page-body .workflow.workflow { padding-top: 101px; background: #d7a85d; }
body .page-body .flow article, body .page-body .steps article { border-color: rgba(16,32,28,.23); }
body .page-body .flow h3, body .page-body .steps h3 { line-height: 1; }
body .page-body .figure-section.figure-section, body .page-body .sequence.sequence, body .page-body .disclaimer.disclaimer { background: #071612; }
body .page-body .links a { min-height: 260px; border-radius: 12px; box-shadow: 0 18px 42px rgba(16,32,28,.12); }
body .page-body .links a:first-child { background: #176b54; }
body .page-body .links a:last-child { background: #d7a85d; }

@media (max-width: 900px) {
  body .site-header.site-header { width: min(100% - 32px, 1380px); top: 14px; height: 66px; padding: 0 14px 0 16px; border-radius: 18px; }
  body .site-header .brand { min-width: auto; font-size: 17px; }
  body .site-header .brand-mark { width: 31px; height: 29px; }
  body .site-header .desktop-nav, body .site-header .header-cta { display: none; }
  body .site-header .menu-toggle { display: grid; }
  body .site-header .mobile-nav { display: block; top: 66px; right: 8px; left: 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 15px; padding: 14px 18px 18px; background: rgba(7,22,18,.98); box-shadow: 0 18px 48px rgba(4,13,10,.25); }
  body .site-header .mobile-nav a { font-size: 15px; }
  body .shell { width: min(100% - 40px, 1180px); }
  body .hero.hero { min-height: 680px; }
  body .hero .hero-image { object-position: 70% center; }
  body .hero-content.hero-content { padding-top: 76px; }
  body .hero h1 { font-size: clamp(48px,13.5vw,72px); line-height: 1.03; }
  body .hero-content > .hero-copy, body .page-hero .hero-copy > p:last-child { font-size: 16px; }
  body .statement.statement, body .product.product, body .outcomes.outcomes, body .page-body .intro.intro, body .page-body .applications.applications, body .page-body .standards.standards, body .page-body .decision.decision { padding: 86px 0; }
  body .statement-grid, body .outcomes-grid, body .page-body .intro-grid, body .page-body .opening, body .page-body .applications-layout { gap: 28px; }
  body .statement h2, body .page-body .intro h2, body .page-body .opening h2, body .page-body .applications h2, body .page-body .standards h2, body .page-body .decision h2 { font-size: clamp(37px,10.8vw,53px); }
  body .platform.platform { padding-top: 84px; }
  body .platform-grid { margin-top: 45px; }
  body .instrument-frame { border-radius: 10px; }
  body .instrument-frame img { aspect-ratio: auto; object-fit: contain; }
  body .evidence.evidence { padding: 84px 0 68px; }
  body .contact.contact { min-height: 510px; }
  body .page-hero.page-hero { min-height: 620px; height: 78svh; }
  body .page-hero.page-hero > img { object-position: 68% center; }
  body .page-hero.page-hero > img.hero-graphic { object-position: 50% center; object-fit: contain; background: #071612; }
  body .page-hero .hero-copy { padding-bottom: 48px; }
  body .page-hero .hero-copy h1 { font-size: clamp(46px,12vw,66px); }
  body .page-body .workflow.workflow { padding-top: 78px; }
  body .page-body .links a { min-height: 210px; }
  body .site-footer.site-footer { padding: 34px 0; }
  body .footer-inner { grid-template-columns: 1fr; }
}

/* The detail layout reuses the name hero-copy for its full-width text wrapper. */
body .page-hero .hero-copy {
  width: min(100% - 64px, 1180px);
  max-width: 1180px;
  margin-inline: auto;
}

@media (min-width: 901px) and (max-width: 1120px) {
  body .site-header .desktop-nav { gap: 15px; font-size: 12px; }
  body .site-header .brand { min-width: 140px; }
  body .site-header .header-cta { padding-inline: 11px; font-size: 12px; }
}

@media (max-width: 900px) {
  body .page-hero .hero-copy { width: min(100% - 40px, 1180px); }
}