/*
 * ISO 15189 · Clinical protocol refinement
 * A quiet, mint-lit editorial system for the consulting chapter.
 * Loaded last on purpose: it refines the existing page without touching
 * shared site components or the later solution modules.
 */

.iso-signature {
  --protocol-ink: #123b31;
  --protocol-ink-soft: #315b4e;
  --protocol-copy: #6f817a;
  --protocol-accent: #2da77a;
  --protocol-accent-deep: #147052;
  --protocol-mint: #e4f5ec;
  --protocol-line: rgba(24, 92, 66, .12);
  --protocol-shadow: rgba(18, 85, 60, .18);
  background: #fbfdfc;
}

/* Keep the transition from the photographic hero into the quiet diagram
 * intentional: a thin mint seam gives the two chapters a shared baseline. */
.iso-signature .iso-stage-consulting-web {
  position: relative;
  min-height: min(920px, calc(100svh - 82px));
  padding: clamp(80px, 8.5vw, 132px) 0 clamp(86px, 8vw, 128px);
  overflow: hidden;
  color: var(--protocol-ink);
  background:
    radial-gradient(680px 560px at 84% 49%, rgba(184, 232, 209, .27), transparent 72%),
    radial-gradient(520px 320px at 4% 88%, rgba(227, 246, 237, .42), transparent 72%),
    linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%);
  isolation: isolate;
}

.iso-signature .iso-stage-consulting-web::before {
  inset: 0 calc(50% - 50vw);
  z-index: -2;
  background:
    linear-gradient(90deg, transparent 0 57%, rgba(48, 148, 108, .035) 57.05%, transparent 57.15%),
    linear-gradient(180deg, transparent 0 18%, rgba(48, 148, 108, .028) 18.08%, transparent 18.16%);
}

.iso-signature .iso-stage-consulting-web::after {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  content: "";
  pointer-events: none;
  background-image: radial-gradient(rgba(25, 111, 79, .11) .6px, transparent .6px);
  background-size: 28px 28px;
  opacity: .16;
  mask-image: linear-gradient(90deg, transparent 0, black 38%, black 100%);
}

.iso-signature .iso-consulting-web {
  width: min(1720px, calc(100% - clamp(40px, 8vw, 128px)));
  max-width: 1720px;
  grid-template-columns: minmax(350px, .82fr) minmax(520px, 1.18fr);
  gap: clamp(54px, 7.5vw, 118px);
  align-items: center;
}

.iso-signature .iso-consulting-copy {
  width: 100%;
  max-width: 520px;
  padding-top: clamp(0px, 1.8vw, 18px);
}

.iso-signature .iso-consulting-head {
  max-width: 560px;
}

.iso-signature .iso-consulting-head p {
  position: relative;
  gap: 12px;
  margin: 0 0 26px;
  color: var(--protocol-accent-deep);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .24em;
}

.iso-signature .iso-consulting-head p::before {
  width: 36px;
  height: 1px;
  background: linear-gradient(90deg, var(--protocol-accent), rgba(45, 167, 122, .16));
}

.iso-signature .iso-consulting-head h2 {
  max-width: 520px;
  color: var(--protocol-ink);
  font-size: clamp(44px, 5vw, 74px);
  font-weight: 680;
  line-height: 1.04;
  letter-spacing: -.074em;
}

.iso-signature .iso-consulting-head > span {
  max-width: 520px;
  margin-top: 25px;
  color: var(--protocol-copy);
  font-size: clamp(14px, 1.16vw, 16px);
  line-height: 1.88;
}

.iso-signature .iso-consulting-steps {
  margin-top: 40px;
  border-top-color: var(--protocol-line);
}

.iso-signature .iso-consulting-steps li {
  grid-template-columns: 45px minmax(0, 1fr) 26px;
  min-height: 76px;
  padding: 14px 8px 14px 0;
  border-bottom-color: var(--protocol-line);
  border-radius: 16px;
  outline: none;
  transition: background .28s ease, border-color .28s ease, padding .28s ease, box-shadow .28s ease;
}

.iso-signature .iso-consulting-steps li::before {
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 3px;
  background: linear-gradient(180deg, #6bd1a4, var(--protocol-accent-deep));
  border-radius: 999px;
}

.iso-signature .iso-consulting-steps li::after {
  content: "↗";
  align-self: center;
  justify-self: end;
  color: rgba(20, 112, 82, .38);
  font-size: 18px;
  font-weight: 400;
  opacity: 0;
  transform: translate(-5px, 3px);
  transition: opacity .28s ease, transform .28s ease, color .28s ease;
}

.iso-signature .iso-consulting-steps li b {
  width: auto;
  height: auto;
  color: rgba(25, 111, 79, .48);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  font-variant-numeric: tabular-nums;
  transition: color .28s ease;
}

.iso-signature .iso-consulting-steps li > div {
  gap: 4px;
}

.iso-signature .iso-consulting-steps strong {
  color: var(--protocol-ink-soft);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
}

.iso-signature .iso-consulting-steps small {
  color: #91a09a;
  font-size: 11px;
  line-height: 1.4;
}

.iso-signature .iso-consulting-steps li:hover,
.iso-signature .iso-consulting-steps li:focus-visible,
.iso-signature .iso-consulting-steps li.is-active {
  padding-left: 16px;
  border-color: rgba(42, 158, 115, .16);
  background: rgba(227, 245, 236, .75);
  box-shadow: 0 16px 28px -24px var(--protocol-shadow);
}

.iso-signature .iso-consulting-steps li:hover::before,
.iso-signature .iso-consulting-steps li:focus-visible::before,
.iso-signature .iso-consulting-steps li.is-active::before {
  opacity: 1;
  transform: scaleY(1);
}

.iso-signature .iso-consulting-steps li:hover::after,
.iso-signature .iso-consulting-steps li:focus-visible::after,
.iso-signature .iso-consulting-steps li.is-active::after {
  color: var(--protocol-accent-deep);
  opacity: 1;
  transform: translate(0, 0);
}

.iso-signature .iso-consulting-steps li:hover b,
.iso-signature .iso-consulting-steps li:focus-visible b,
.iso-signature .iso-consulting-steps li.is-active b {
  color: var(--protocol-accent-deep);
}

/* ---- Diagram: layered instrument dial, not a flat circle ---- */
.iso-signature .iso-consulting-figure {
  min-height: clamp(560px, 48vw, 680px);
  padding: clamp(14px, 3vw, 44px);
}

.iso-signature .iso-consulting-figure::before {
  display: block;
  z-index: -2;
  width: min(93%, 650px);
  background:
    radial-gradient(circle, rgba(117, 208, 162, .34), rgba(181, 233, 208, .2) 42%, transparent 70%);
  filter: blur(26px);
  opacity: .75;
}

.iso-signature .iso-consulting-ring {
  width: min(100%, 700px);
  max-width: 700px;
  background:
    radial-gradient(circle at 30% 10%, rgba(255, 255, 255, .86), transparent 25%),
    conic-gradient(from -22deg, #d5f2e1 0 60deg, #b9e6cd 60deg 120deg, #9fdbbb 120deg 180deg, #89cfaa 180deg 240deg, #a5dfc1 240deg 300deg, #c0ead2 300deg 360deg);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .82),
    inset 0 -16px 28px rgba(22, 106, 73, .06),
    0 42px 72px -42px rgba(25, 108, 73, .42);
  transition: transform .55s cubic-bezier(.16, 1, .3, 1), box-shadow .55s ease;
}

.iso-signature .iso-consulting-ring::after {
  display: block;
  inset: -6.5%;
  border: 1px solid rgba(78, 173, 128, .2);
  border-right-color: rgba(45, 167, 122, .52);
  border-bottom-color: rgba(78, 173, 128, .08);
  box-shadow: 0 0 0 18px rgba(148, 219, 180, .07);
  animation: protocol-orbit 18s linear infinite;
}

.iso-signature .iso-consulting-ring::before {
  inset: 20%;
  border-color: rgba(41, 137, 95, .18);
  background:
    radial-gradient(circle at 32% 18%, rgba(255, 255, 255, .96), transparent 29%),
    radial-gradient(circle at 76% 82%, rgba(40, 152, 103, .1), transparent 46%),
    linear-gradient(145deg, #f5fcf8 0%, #e3f5ea 55%, #ccebdd 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .92),
    inset -18px -22px 34px rgba(12, 95, 62, .06),
    0 28px 54px -32px rgba(15, 93, 60, .36);
}

.iso-signature .iso-consulting-ring-core {
  inset: 29%;
  color: var(--protocol-ink);
}

.iso-signature .iso-consulting-ring-core small {
  margin-bottom: 14px;
  color: rgba(20, 112, 82, .6);
  font-size: 9px;
  letter-spacing: .24em;
}

.iso-signature .iso-consulting-ring-core strong {
  color: #0e4c38;
  font-size: clamp(26px, 2.65vw, 37px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.065em;
}

.iso-signature .iso-consulting-ticks {
  display: block;
}

.iso-signature .iso-consulting-ticks line {
  stroke: rgba(43, 133, 94, .13);
}

.iso-signature .iso-consulting-ticks line:nth-child(6n+1) {
  stroke: rgba(43, 133, 94, .26);
}

.iso-signature .iso-consulting-slices path,
.iso-signature .iso-consulting-slices path:nth-child(1),
.iso-signature .iso-consulting-slices path:nth-child(2),
.iso-signature .iso-consulting-slices path:nth-child(3),
.iso-signature .iso-consulting-slices path:nth-child(4),
.iso-signature .iso-consulting-slices path:nth-child(5),
.iso-signature .iso-consulting-slices path:nth-child(6) {
  fill: rgba(30, 134, 91, .085);
  stroke: rgba(255, 255, 255, .86);
  stroke-width: 1.25;
  transition: fill .4s ease, filter .4s ease;
}

.iso-signature .iso-consulting-slices path.is-active {
  fill: rgba(31, 148, 101, .28);
  filter: drop-shadow(0 0 12px rgba(45, 167, 122, .2));
}

.iso-signature .iso-consulting-node {
  z-index: 6;
  gap: 11px;
  color: var(--protocol-ink);
}

.iso-signature .iso-consulting-node em {
  width: 58px;
  height: 58px;
  min-width: 58px;
  min-height: 58px;
  border-color: rgba(32, 128, 90, .22);
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .98), transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #e5f5eb 100%);
  color: #196048;
  font-size: 14px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    0 12px 22px -16px rgba(10, 77, 49, .48);
}

.iso-signature .iso-consulting-node i {
  color: #205c47;
  font-size: 13px;
  font-weight: 650;
}

.iso-signature .iso-consulting-node.is-active em {
  border-color: rgba(20, 112, 82, .5);
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .96), transparent 30%),
    linear-gradient(145deg, #e1f6e9 0%, #b9e5cb 100%);
  color: #0e5b42;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .94),
    0 0 0 8px rgba(100, 198, 151, .16),
    0 14px 24px -16px rgba(10, 77, 49, .5);
}

@media (hover: hover) and (pointer: fine) {
  .iso-signature .iso-consulting-figure:hover .iso-consulting-ring {
    transform: translateY(-5px) scale(1.01);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .88),
      inset 0 -16px 28px rgba(22, 106, 73, .07),
      0 48px 86px -42px rgba(25, 108, 73, .48);
  }
}

@keyframes protocol-orbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1080px) {
  .iso-signature .iso-consulting-web {
    grid-template-columns: minmax(330px, .88fr) minmax(450px, 1.12fr);
    gap: 42px;
  }

  .iso-signature .iso-consulting-ring {
    width: min(100%, 620px);
  }
}

@media (max-width: 900px) {
  .iso-signature .iso-stage-consulting-web {
    min-height: auto;
  }

  .iso-signature .iso-consulting-web {
    grid-template-columns: minmax(0, 1fr);
    gap: 52px;
  }

  .iso-signature .iso-consulting-copy {
    max-width: 640px;
  }

  .iso-signature .iso-consulting-head h2 {
    max-width: 640px;
  }

  .iso-signature .iso-consulting-figure {
    min-height: 560px;
  }
}

@media (max-width: 640px) {
  .iso-signature .iso-stage-consulting-web {
    padding-top: 78px;
    padding-bottom: 84px;
  }

  .iso-signature .iso-consulting-web {
    gap: 42px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .iso-signature .iso-consulting-head p {
    margin-bottom: 21px;
  }

  .iso-signature .iso-consulting-head h2 {
    font-size: clamp(38px, 11vw, 54px);
    line-height: 1.08;
  }

  .iso-signature .iso-consulting-head > span {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.8;
  }

  .iso-signature .iso-consulting-steps {
    margin-top: 30px;
  }

  .iso-signature .iso-consulting-steps li {
    grid-template-columns: 38px minmax(0, 1fr) 20px;
    min-height: 69px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .iso-signature .iso-consulting-steps li:hover,
  .iso-signature .iso-consulting-steps li:focus-visible,
  .iso-signature .iso-consulting-steps li.is-active {
    padding-left: 12px;
  }

  .iso-signature .iso-consulting-steps strong {
    font-size: 13.5px;
  }

  .iso-signature .iso-consulting-steps small {
    font-size: 10.5px;
  }

  .iso-signature .iso-consulting-steps li::after {
    font-size: 16px;
  }

  .iso-signature .iso-consulting-figure {
    min-height: auto;
    padding: 12px 0 20px;
  }

  .iso-signature .iso-consulting-ring {
    width: min(100%, 430px);
  }

  .iso-signature .iso-consulting-node em {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    font-size: 12px;
  }

  .iso-signature .iso-consulting-node i {
    font-size: 11px;
  }
}

@media (max-width: 400px) {
  .iso-signature .iso-consulting-node em {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 11px;
  }

  .iso-signature .iso-consulting-node i {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iso-signature .iso-consulting-ring::after,
  .iso-signature .iso-consulting-ring,
  .iso-signature .iso-consulting-steps li,
  .iso-signature .iso-consulting-node em {
    animation: none !important;
    transition: none !important;
  }
}

/* ════ 2026-08-14 · 光泽与品质精修 ════
 * The first pass established the composition. This pass adds restrained
 * material cues: pearl diffusion, edge highlights, a quiet specular sweep,
 * and more tactile service rows. Nothing here changes the information scale.
 */

.iso-signature .iso-stage-consulting-web {
  background:
    radial-gradient(560px 420px at 91% 43%, rgba(215, 246, 229, .28), transparent 74%),
    radial-gradient(360px 260px at 8% 17%, rgba(255, 255, 255, .9), transparent 76%),
    linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%);
}

.iso-signature .iso-consulting-steps li {
  background: linear-gradient(100deg, rgba(255, 255, 255, .84), rgba(251, 254, 252, .58));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
}

.iso-signature .iso-consulting-steps li:hover,
.iso-signature .iso-consulting-steps li:focus-visible,
.iso-signature .iso-consulting-steps li.is-active {
  background:
    linear-gradient(105deg, rgba(255, 255, 255, .96) 0%, rgba(232, 248, 239, .9) 68%, rgba(213, 239, 225, .72) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    0 18px 30px -25px rgba(24, 109, 74, .38);
}

.iso-signature .iso-consulting-ring {
  border: 1px solid rgba(255, 255, 255, .72);
  background:
    radial-gradient(ellipse 48% 23% at 27% 7%, rgba(255, 255, 255, .62), transparent 72%),
    radial-gradient(ellipse 42% 32% at 78% 89%, rgba(14, 117, 76, .11), transparent 74%),
    radial-gradient(circle at 48% 40%, rgba(255, 255, 255, .18), transparent 48%),
    conic-gradient(from -22deg, #d9f3e4 0 60deg, #bde9d0 60deg 120deg, #a5dfc0 120deg 180deg, #8fd3af 180deg 240deg, #a9e2c5 240deg 300deg, #c8efd8 300deg 360deg);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -18px 34px rgba(16, 97, 63, .08),
    0 0 0 1px rgba(100, 191, 145, .08),
    0 48px 88px -46px rgba(24, 109, 74, .44);
}

.iso-signature .iso-consulting-ring::before {
  background:
    radial-gradient(ellipse 54% 25% at 25% 9%, rgba(255, 255, 255, .9), transparent 74%),
    radial-gradient(circle at 76% 84%, rgba(27, 139, 93, .12), transparent 46%),
    linear-gradient(145deg, #fbfffc 0%, #e9f8ef 52%, #cfeadb 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .98),
    inset 10px 12px 22px rgba(255, 255, 255, .42),
    inset -20px -24px 38px rgba(12, 91, 59, .08),
    0 30px 58px -34px rgba(15, 93, 60, .42);
}

.iso-signature .iso-consulting-sheen {
  position: absolute;
  z-index: 3;
  inset: 3.5%;
  overflow: hidden;
  border-radius: 50%;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 22%, rgba(255, 255, 255, .46) 37%, rgba(255, 255, 255, .08) 43%, transparent 51%);
  -webkit-mask: radial-gradient(circle, transparent 0 38%, #000 52%, #000 100%);
  mask: radial-gradient(circle, transparent 0 38%, #000 52%, #000 100%);
  mix-blend-mode: screen;
  opacity: .48;
  transform: rotate(-17deg);
  animation: protocol-sheen 10s cubic-bezier(.45, 0, .55, 1) infinite;
}

.iso-signature .iso-consulting-ring-core {
  z-index: 5;
  isolation: isolate;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .42);
}

.iso-signature .iso-consulting-ring-core::before {
  position: absolute;
  inset: -18%;
  z-index: -1;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  background: radial-gradient(ellipse 62% 28% at 27% 9%, rgba(255, 255, 255, .32), transparent 76%);
  opacity: .8;
}

.iso-signature .iso-consulting-node em {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-color: rgba(32, 128, 90, .2);
  background:
    radial-gradient(ellipse 70% 38% at 29% 8%, rgba(255, 255, 255, .98), transparent 70%),
    linear-gradient(145deg, #ffffff 0%, #e8f7ee 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -7px 12px rgba(31, 127, 86, .05),
    0 14px 24px -17px rgba(10, 77, 49, .5);
}

.iso-signature .iso-consulting-node em::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  content: "";
  background: linear-gradient(132deg, rgba(255, 255, 255, .36), transparent 45% 100%);
  pointer-events: none;
}

.iso-signature .iso-consulting-node.is-active em {
  border-color: rgba(20, 112, 82, .46);
  background:
    radial-gradient(ellipse 72% 38% at 28% 8%, rgba(255, 255, 255, .98), transparent 70%),
    linear-gradient(145deg, #e8f8ee 0%, #bfe8cf 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -8px 12px rgba(22, 118, 77, .08),
    0 0 0 8px rgba(100, 198, 151, .14),
    0 16px 26px -17px rgba(10, 77, 49, .54);
}

@keyframes protocol-sheen {
  0%, 100% { opacity: .22; transform: rotate(-17deg) translateX(-4%); }
  48% { opacity: .5; transform: rotate(-17deg) translateX(3%); }
}

@media (max-width: 640px) {
  .iso-signature .iso-consulting-sheen {
    opacity: .34;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iso-signature .iso-consulting-sheen {
    animation: none !important;
    opacity: .32;
  }
}

/* ════ 2026-08-14 · Diagram scale correction ════
 * Pull the dial back one visual step on desktop so the copy has more air.
 * The mobile rule intentionally stays untouched: its width is already
 * limited by the single-column content measure.
 */
@media (min-width: 901px) {
  .iso-signature .iso-consulting-figure {
    min-height: clamp(520px, 42vw, 620px);
    padding: clamp(10px, 2.2vw, 28px);
  }

  .iso-signature .iso-consulting-figure::before {
    width: min(88%, 620px);
  }

  .iso-signature .iso-consulting-ring {
    width: min(92%, 600px);
    max-width: 600px;
  }

  .iso-signature .iso-consulting-ring::after {
    inset: -5.25%;
    box-shadow: 0 0 0 14px rgba(148, 219, 180, .065);
  }
}

/* ════ 2026-08-14 · Mobile nav right alignment ════
 * Keep the account link and the search control on the same right edge.
 * The menu trigger stays immediately to the left of search; desktop nav
 * order and spacing remain unchanged. */
@media (max-width: 960px) {
  .iso-signature nav .nav-top {
    justify-content: flex-end;
    padding-right: 16px;
  }

  .iso-signature nav .nav-w {
    justify-content: flex-end;
    padding-right: 16px;
  }

  .iso-signature nav .nav-tools {
    margin-left: auto;
    justify-content: flex-end;
    gap: 10px;
  }

  .iso-signature nav .burger {
    order: 1;
  }

  .iso-signature nav .nav-search {
    order: 2;
  }
}

/* ════ 2026-08-14 · 闭环图去内线与加重色阶 ════
 * Remove the white seams inside the six-part dial. The surrounding ring
 * keeps its outer scale marks, while deeper green overlays restore the
 * six-step rhythm without relying on hard divider lines. */
.iso-signature .iso-consulting-ring {
  background:
    radial-gradient(circle at 30% 10%, rgba(255, 255, 255, .78), transparent 25%),
    conic-gradient(
      from -22deg,
      #c5ead3 0 60deg,
      #a8dcc0 60deg 120deg,
      #91d1ae 120deg 180deg,
      #78c49b 180deg 240deg,
      #94d4ae 240deg 300deg,
      #b2e2c6 300deg 360deg
    );
  box-shadow:
    inset 0 0 0 1px rgba(218, 246, 229, .84),
    inset 0 1px 0 rgba(255, 255, 255, .86),
    inset 0 -18px 34px rgba(16, 97, 63, .1),
    0 44px 92px -58px rgba(1, 42, 29, .78);
}

.iso-signature .iso-consulting-ring::before {
  background:
    radial-gradient(circle at 32% 18%, rgba(255, 255, 255, .94), transparent 29%),
    radial-gradient(circle at 76% 82%, rgba(40, 152, 103, .13), transparent 46%),
    linear-gradient(145deg, #f0faf4 0%, #d8f0e0 55%, #c0e4cf 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .94),
    inset -18px -22px 34px rgba(12, 95, 62, .09),
    0 28px 54px -32px rgba(15, 93, 60, .42);
}

.iso-signature .iso-consulting-slices path,
.iso-signature .iso-consulting-slices path:nth-child(1),
.iso-signature .iso-consulting-slices path:nth-child(2),
.iso-signature .iso-consulting-slices path:nth-child(3),
.iso-signature .iso-consulting-slices path:nth-child(4),
.iso-signature .iso-consulting-slices path:nth-child(5),
.iso-signature .iso-consulting-slices path:nth-child(6) {
  fill: rgba(22, 119, 78, .16);
  stroke: none;
  stroke-width: 0;
  filter: none;
}

.iso-signature .iso-consulting-slices path:nth-child(1) { fill: rgba(52, 151, 101, .2); }
.iso-signature .iso-consulting-slices path:nth-child(2) { fill: rgba(41, 141, 94, .22); }
.iso-signature .iso-consulting-slices path:nth-child(3) { fill: rgba(31, 132, 87, .25); }
.iso-signature .iso-consulting-slices path:nth-child(4) { fill: rgba(24, 122, 80, .27); }
.iso-signature .iso-consulting-slices path:nth-child(5) { fill: rgba(20, 116, 76, .24); }
.iso-signature .iso-consulting-slices path:nth-child(6) { fill: rgba(35, 136, 91, .21); }

.iso-signature .iso-consulting-slices path.is-active {
  fill: rgba(21, 126, 82, .36);
  filter: none;
}

/* ════ 2026-08-14 · 高级实验室仪表盘皮肤 ════
 * Reframe the closed-loop graphic as a calibrated instrument: a quiet
 * chassis, a precision bezel, stronger tick hierarchy and restrained
 * jewel-green depth. The clean, line-free inner sectors remain intact. */
.iso-signature .iso-consulting-figure {
  background:
    radial-gradient(circle at 51% 45%, rgba(113, 202, 155, .13), transparent 43%),
    linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(228, 246, 236, .16));
  border-radius: 40px;
}

.iso-signature .iso-consulting-figure::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(92%, 638px);
  aspect-ratio: 1;
  border: 1px solid rgba(37, 126, 86, .14);
  border-radius: 50%;
  box-shadow:
    0 0 0 10px rgba(120, 207, 163, .045),
    0 0 0 11px rgba(255, 255, 255, .52),
    0 28px 54px -32px rgba(24, 102, 67, .24);
  pointer-events: none;
}

.iso-signature .iso-consulting-ring {
  border-color: rgba(239, 253, 245, .96);
  background:
    radial-gradient(ellipse 48% 21% at 28% 7%, rgba(255, 255, 255, .76), transparent 74%),
    conic-gradient(
      from -22deg,
      #c3e9d1 0 60deg,
      #a3d9bb 60deg 120deg,
      #8bcfaa 120deg 180deg,
      #70bd93 180deg 240deg,
      #90d0a9 240deg 300deg,
      #afe1c3 300deg 360deg
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -22px 38px rgba(12, 87, 55, .12),
    0 0 0 1px rgba(65, 163, 111, .11),
    0 42px 82px -48px rgba(17, 86, 55, .48);
}

.iso-signature .iso-consulting-ring::after {
  display: block;
  inset: -6.4%;
  border: 1px solid rgba(41, 139, 95, .18);
  border-top-color: rgba(36, 132, 90, .46);
  border-right-color: rgba(63, 164, 112, .3);
  border-bottom-color: rgba(99, 186, 137, .08);
  box-shadow:
    0 0 0 9px rgba(125, 211, 166, .055),
    0 18px 34px -24px rgba(30, 105, 67, .3);
}

.iso-signature .iso-consulting-ticks line {
  stroke: rgba(20, 112, 76, .22);
  stroke-width: 1.15;
}

.iso-signature .iso-consulting-ticks line:nth-child(6n+1) {
  stroke: rgba(15, 98, 65, .42);
  stroke-width: 1.8;
}

.iso-signature .iso-consulting-ring-core {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .56);
}

.iso-signature .iso-consulting-ring-core small {
  color: rgba(25, 106, 76, .66);
  font-size: 8px;
  letter-spacing: .28em;
}

.iso-signature .iso-consulting-ring-core strong {
  color: #0b4937;
  text-shadow: 0 2px 0 rgba(255, 255, 255, .22);
}

.iso-signature .iso-consulting-node em {
  border-color: rgba(29, 117, 80, .3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    0 0 0 3px rgba(255, 255, 255, .24),
    0 14px 24px -17px rgba(9, 76, 48, .56);
}

.iso-signature .iso-consulting-node i {
  color: #164e3b;
  letter-spacing: .02em;
}

.iso-signature .iso-consulting-sheen {
  opacity: .3;
}

/* ════ 2026-08-14 · 仪表盘缩小 1/5 ════
 * Desktop-only proportion correction: keep 80% of the current dial size,
 * including the bezel, glow and calibration frame. Mobile remains on its
 * existing single-column scale. */
@media (min-width: 901px) {
  .iso-signature .iso-consulting-figure {
    padding: clamp(8px, 1.8vw, 22px);
  }

  .iso-signature .iso-consulting-figure::before {
    width: min(88%, 500px);
  }

  .iso-signature .iso-consulting-figure::after {
    width: min(92%, 510px);
  }

  .iso-signature .iso-consulting-ring {
    width: min(92%, 480px);
    max-width: 480px;
  }
}