:root {
  --md-primary-fg-color: #191919;
  --md-accent-fg-color: #d84a1b;
}

.md-typeset h1 {
  font-weight: 720;
}

.md-typeset .admonition.note {
  border-color: #d84a1b;
}

.md-typeset .admonition.note > .admonition-title {
  background-color: rgba(216, 74, 27, 0.08);
}

.md-typeset:has(.fenjue-home) {
  color: #161513;
}

.md-typeset:has(.fenjue-home) > h1:first-of-type {
  margin: 2.1rem auto 0;
  max-width: 860px;
  color: #151515;
  font-size: 3.1rem;
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}

.md-typeset:has(.fenjue-home) > h1:first-of-type .headerlink {
  display: none;
}

.md-typeset:has(.fenjue-home) > h2 {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  color: #171717;
  font-size: 1.55rem;
  font-weight: 720;
  letter-spacing: 0;
}

.fenjue-home {
  max-width: 940px;
  margin: 0 auto 3.2rem;
}

.fenjue-hero {
  position: relative;
  padding: 0.6rem 0 0.7rem;
  text-align: center;
}

.fenjue-kicker {
  max-width: 760px;
  margin: 1rem auto 0;
  color: #1f1f1f;
  font-size: 1.35rem;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.35;
}

.fenjue-lead {
  max-width: 680px;
  margin: 0.75rem auto 0;
  color: #5a5550;
  font-size: 0.98rem;
  letter-spacing: 0;
  line-height: 1.9;
}

.fenjue-flame-stage {
  position: relative;
  width: min(560px, 100%);
  margin: 0.8rem auto 0.4rem;
  isolation: isolate;
}

.fenjue-flame {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16));
  animation: flame-flicker 1.7s linear infinite;
}

.fenjue-flame .flame-halo {
  transform-origin: 50% 58%;
  animation: flame-aura 4.7s ease-in-out infinite;
}

.fenjue-flame .flame-shadow {
  animation: flame-shadow 3.3s ease-in-out infinite;
  transform-origin: 50% 50%;
}

.fenjue-flame .flame-orbit {
  transform-box: fill-box;
  transform-origin: 50% 58%;
  animation: flame-orbit 7.2s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(255, 178, 46, 0.64));
}

.fenjue-flame .flame-body {
  animation: flame-body 4.4s ease-in-out infinite;
  transform-box: fill-box;
  transform-origin: 50% 100%;
}

.fenjue-flame .flame-jitter {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: flame-jitter 1.05s linear infinite;
}

.fenjue-flame .flame-sheet {
  transform-box: fill-box;
  transform-origin: 50% 100%;
}

.fenjue-flame .flame-sheet-outer {
  animation: flame-outer-breath 3.2s ease-in-out -0.7s infinite;
}

.fenjue-flame .flame-sheet-left {
  animation: flame-left-breath 2.25s ease-in-out -1.1s infinite;
  mix-blend-mode: screen;
}

.fenjue-flame .flame-sheet-right {
  animation: flame-right-breath 2.6s ease-in-out -0.5s infinite;
  mix-blend-mode: screen;
}

.fenjue-flame .flame-sheet-core {
  animation: flame-core-breath 1.55s ease-in-out -0.35s infinite;
  mix-blend-mode: screen;
}

.fenjue-flame .flame-line {
  fill: none;
  stroke: rgba(255, 246, 190, 0.78);
  stroke-linecap: round;
  stroke-width: 3;
  stroke-dasharray: 70 120;
  animation: flame-line 2.9s ease-in-out infinite;
  filter: drop-shadow(0 0 8px rgba(255, 196, 63, 0.44));
}

.fenjue-flame .flame-line-two {
  animation-delay: 0.6s;
}

.fenjue-flame .flame-silks {
  filter: drop-shadow(0 0 10px rgba(255, 237, 156, 0.42));
}

.fenjue-flame .flame-silk {
  fill: none;
  stroke: url("#fenjue-silk");
  stroke-linecap: round;
  stroke-width: 9;
  stroke-dasharray: 48 160;
  opacity: 0;
  mix-blend-mode: screen;
  animation: flame-silk-flow 2.8s ease-in-out infinite;
}

.fenjue-flame .flame-silk-two {
  animation-delay: 0.75s;
  stroke-width: 7;
}

.fenjue-flame .flame-silk-three {
  animation-delay: 1.3s;
  stroke-width: 6;
}

.fenjue-flame .flame-wisps {
  filter: drop-shadow(0 0 14px rgba(255, 140, 34, 0.22));
}

.fenjue-flame .flame-wisp {
  fill: none;
  stroke: rgba(255, 186, 79, 0.32);
  stroke-linecap: round;
  stroke-width: 2.2;
  stroke-dasharray: 34 120;
  opacity: 0;
  animation: flame-wisp-flow 4.4s ease-in-out infinite;
}

.fenjue-flame .flame-wisp-two {
  animation-delay: 0.9s;
}

.fenjue-flame .flame-wisp-three {
  animation-delay: 1.65s;
  stroke-width: 1.8;
}

.fenjue-flame .flame-wisp-four {
  animation-delay: 2.2s;
  stroke-width: 1.8;
}

.fenjue-flame .ember {
  fill: #ffd166;
  transform-box: fill-box;
  transform-origin: center;
}

.fenjue-flame .ember-one {
  animation: ember-rise-left 2.3s ease-out infinite;
}

.fenjue-flame .ember-two {
  animation: ember-rise-right 2.9s ease-out 0.4s infinite;
}

.fenjue-flame .ember-three {
  animation: ember-rise-left 3.1s ease-out 1.3s infinite;
}

.fenjue-flame .ember-four {
  animation: ember-rise-right 3.7s ease-out 0.7s infinite;
}

.fenjue-flame .ember-five {
  animation: ember-rise-center 4.1s ease-out 1.7s infinite;
}

.fenjue-flame .flame-tip {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50% 100%;
}

.fenjue-flame .flame-tip-one {
  animation: flame-tip-rise-one 2.3s cubic-bezier(0.32, 0.6, 0.4, 1) infinite;
}

.fenjue-flame .flame-tip-two {
  animation: flame-tip-rise-two 2.9s cubic-bezier(0.32, 0.6, 0.4, 1) 0.9s infinite;
}

.fenjue-flame .flame-tip-three {
  animation: flame-tip-rise-three 3.7s cubic-bezier(0.32, 0.6, 0.4, 1) 1.6s infinite;
}

.fenjue-flame .flow-ember {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: flow-ember-fade 4.6s ease-in-out infinite;
}

.fenjue-flame .flow-ember-two {
  animation-duration: 5.2s;
  animation-delay: 0.55s;
}

.fenjue-flame .flow-ember-three {
  animation-duration: 3.9s;
  animation-delay: 1.05s;
}

.fenjue-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.35rem;
  margin: 0.2rem auto 0;
}

.fenjue-actions a,
.fenjue-steps a {
  color: #151515;
  font-weight: 650;
  text-decoration: none;
}

.fenjue-actions a {
  display: inline-flex;
  align-items: center;
  gap: 0.34rem;
  border-bottom: 1px solid rgba(21, 21, 21, 0.22);
  line-height: 1.7;
}

.fenjue-actions a span {
  color: #d84a1b;
  transition: transform 180ms ease;
}

.fenjue-actions a:hover span {
  transform: translateX(3px);
}

.md-typeset ol.fenjue-steps:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 860px;
  margin: 0.75rem auto 2.6rem;
  padding: 1.1rem 0;
  border-top: 1px solid rgba(22, 21, 19, 0.12);
  border-bottom: 1px solid rgba(22, 21, 19, 0.12);
  list-style: none;
  counter-reset: none;
}

.md-typeset ol.fenjue-steps > li {
  min-width: 0;
  margin: 0;
  padding: 0.2rem 1.25rem;
  border-left: 1px solid rgba(22, 21, 19, 0.1);
}

.md-typeset ol.fenjue-steps > li:first-child {
  border-left: 0;
}

.fenjue-steps span {
  display: block;
  margin-bottom: 0.8rem;
  color: #d84a1b;
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0;
}

.fenjue-steps strong {
  display: block;
  color: #171717;
  font-size: 1.05rem;
  letter-spacing: 0;
}

.fenjue-steps p {
  margin: 0.45rem 0 0.7rem;
  color: #625d58;
  font-size: 0.82rem;
  line-height: 1.75;
}

.fenjue-steps a {
  border-bottom: 1px solid rgba(216, 74, 27, 0.34);
  color: #d84a1b;
  font-size: 0.82rem;
}

.fenjue-fit {
  max-width: 860px;
  margin: 0.75rem auto 0;
  color: #4f4a45;
  font-size: 0.92rem;
  line-height: 1.9;
}

@keyframes flame-aura {
  0%,
  100% {
    opacity: 0.68;
    transform: scale(0.97);
  }
  23% {
    opacity: 0.9;
    transform: scale(1.03);
  }
  41% {
    opacity: 0.78;
    transform: scale(1);
  }
  66% {
    opacity: 0.98;
    transform: scale(1.06);
  }
  84% {
    opacity: 0.84;
    transform: scale(1.01);
  }
}

@keyframes flame-shadow {
  0%,
  100% {
    opacity: 0.14;
    transform: scaleX(0.94);
  }
  50% {
    opacity: 0.22;
    transform: scaleX(1.06);
  }
}

@keyframes flame-orbit {
  0%,
  100% {
    transform: rotate(-1deg) scale(0.99);
  }
  50% {
    transform: rotate(1.4deg) scale(1.01);
  }
}

@keyframes flame-body {
  0%,
  100% {
    transform: skewX(-0.9deg) scaleY(0.996);
  }
  26% {
    transform: skewX(1.1deg) scaleY(1.014);
  }
  44% {
    transform: skewX(0.25deg) scaleY(1.002);
  }
  62% {
    transform: skewX(0.75deg) scaleY(1.01);
  }
  81% {
    transform: skewX(-0.35deg) scaleY(0.999);
  }
}

@keyframes flame-jitter {
  0%,
  100% {
    transform: skewX(0deg) scale(1, 1);
  }
  13% {
    transform: skewX(0.5deg) scale(1, 1.012);
  }
  27% {
    transform: skewX(-0.3deg) scale(1.004, 0.992);
  }
  41% {
    transform: skewX(0.7deg) scale(0.996, 1.006);
  }
  53% {
    transform: skewX(-0.6deg) scale(1, 0.988);
  }
  68% {
    transform: skewX(0.35deg) scale(1.006, 1.014);
  }
  79% {
    transform: skewX(-0.45deg) scale(0.994, 0.995);
  }
  91% {
    transform: skewX(0.2deg) scale(1, 1.008);
  }
}

@keyframes flame-outer-breath {
  0%,
  100% {
    transform: skewX(-1.2deg) scale(0.99, 1.008);
  }
  26% {
    transform: skewX(1.8deg) scale(1.022, 0.986);
  }
  54% {
    transform: skewX(0.4deg) scale(1.004, 1.012);
  }
  78% {
    transform: skewX(-0.6deg) scale(0.996, 0.998);
  }
}

@keyframes flame-left-breath {
  0%,
  100% {
    opacity: 0.78;
    transform: skewX(-1.9deg) scale(0.97, 1.03);
  }
  27% {
    opacity: 1;
    transform: skewX(1.4deg) scale(1.04, 0.97);
  }
  58% {
    opacity: 0.88;
    transform: skewX(-0.3deg) scale(1.01, 1.015);
  }
  80% {
    opacity: 0.94;
    transform: skewX(0.6deg) scale(0.99, 0.99);
  }
}

@keyframes flame-right-breath {
  0%,
  100% {
    opacity: 0.76;
    transform: skewX(1.7deg) scale(0.98, 1.02);
  }
  30% {
    opacity: 0.98;
    transform: skewX(-1.3deg) scale(1.05, 0.97);
  }
  62% {
    opacity: 0.86;
    transform: skewX(0.4deg) scale(1, 1.018);
  }
  82% {
    opacity: 0.92;
    transform: skewX(-0.5deg) scale(0.99, 0.995);
  }
}

@keyframes flame-core-breath {
  0%,
  100% {
    opacity: 0.92;
    transform: skewX(1.6deg) scale(0.95, 1.045);
  }
  29% {
    opacity: 1;
    transform: skewX(-1.3deg) scale(1.055, 0.955);
  }
  56% {
    opacity: 0.9;
    transform: skewX(0.5deg) scale(0.99, 1.08);
  }
  76% {
    opacity: 0.96;
    transform: skewX(-0.6deg) scale(1.02, 0.99);
  }
}

@keyframes flame-line {
  0% {
    opacity: 0;
    stroke-dashoffset: 120;
  }
  28% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: -110;
  }
}

@keyframes flame-silk-flow {
  0% {
    opacity: 0;
    stroke-dashoffset: 132;
    transform: translateY(7px);
  }
  24% {
    opacity: 0.72;
  }
  72% {
    opacity: 0.18;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: -92;
    transform: translateY(-10px);
  }
}

@keyframes flame-wisp-flow {
  0% {
    opacity: 0;
    stroke-dashoffset: 118;
    transform: translateY(10px) scale(0.98);
  }
  30% {
    opacity: 0.62;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: -86;
    transform: translateY(-16px) scale(1.02);
  }
}

@keyframes ember-rise-left {
  0% {
    opacity: 0;
    transform: translate(0, 18px) scale(0.7);
  }
  16% {
    opacity: 0.95;
  }
  34% {
    transform: translate(-22px, -26px) scale(0.56);
  }
  58% {
    transform: translate(-4px, -64px) scale(0.42);
  }
  80% {
    transform: translate(-32px, -94px) scale(0.3);
  }
  100% {
    opacity: 0;
    transform: translate(-42px, -116px) scale(0.2);
  }
}

@keyframes ember-rise-right {
  0% {
    opacity: 0;
    transform: translate(0, 18px) scale(0.65);
  }
  16% {
    opacity: 0.9;
  }
  36% {
    transform: translate(24px, -28px) scale(0.52);
  }
  60% {
    transform: translate(4px, -70px) scale(0.4);
  }
  82% {
    transform: translate(36px, -100px) scale(0.28);
  }
  100% {
    opacity: 0;
    transform: translate(46px, -124px) scale(0.2);
  }
}

@keyframes ember-rise-center {
  0% {
    opacity: 0;
    transform: translate(0, 24px) scale(0.7);
  }
  20% {
    opacity: 0.95;
  }
  38% {
    transform: translate(-10px, -22px) scale(0.55);
  }
  62% {
    transform: translate(12px, -58px) scale(0.4);
  }
  84% {
    transform: translate(-6px, -86px) scale(0.26);
  }
  100% {
    opacity: 0;
    transform: translate(8px, -102px) scale(0.18);
  }
}

@keyframes flame-flicker {
  0%,
  100% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1);
  }
  17% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1.05);
  }
  31% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1.012);
  }
  46% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1.06);
  }
  61% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1.02);
  }
  74% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1.045);
  }
  88% {
    filter: drop-shadow(0 34px 42px rgba(221, 84, 27, 0.16)) brightness(1.015);
  }
}

@keyframes flame-tip-rise-one {
  0% {
    opacity: 0;
    transform: translate(0, 6px) scale(0.85, 0.6);
  }
  12% {
    opacity: 0.95;
    transform: translate(1px, -4px) scale(0.9, 0.95);
  }
  58% {
    opacity: 0.55;
    transform: translate(5px, -50px) scale(0.5, 0.62);
  }
  100% {
    opacity: 0;
    transform: translate(-4px, -86px) scale(0.2, 0.3);
  }
}

@keyframes flame-tip-rise-two {
  0% {
    opacity: 0;
    transform: translate(0, 5px) scale(0.8, 0.55);
  }
  14% {
    opacity: 0.9;
    transform: translate(-1px, -3px) scale(0.85, 0.9);
  }
  56% {
    opacity: 0.52;
    transform: translate(-6px, -42px) scale(0.5, 0.6);
  }
  100% {
    opacity: 0;
    transform: translate(7px, -72px) scale(0.2, 0.28);
  }
}

@keyframes flame-tip-rise-three {
  0% {
    opacity: 0;
    transform: translate(0, 5px) scale(0.82, 0.58);
  }
  13% {
    opacity: 0.92;
    transform: translate(1px, -4px) scale(0.88, 0.92);
  }
  60% {
    opacity: 0.55;
    transform: translate(7px, -56px) scale(0.48, 0.58);
  }
  100% {
    opacity: 0;
    transform: translate(-5px, -94px) scale(0.2, 0.28);
  }
}

@keyframes flow-ember-fade {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.6);
  }
  16%,
  54% {
    opacity: 0.85;
  }
  72% {
    opacity: 0.18;
    transform: scale(1.1);
  }
}

.fenjue-flame-stage.is-paused,
.fenjue-flame-stage.is-paused * {
  animation-play-state: paused !important;
}

@media (min-width: 960px) {
  .md-typeset:has(.fenjue-home) > h1:first-of-type {
    font-size: 5.25rem;
  }

  .fenjue-kicker {
    font-size: 1.75rem;
  }

  .fenjue-lead {
    font-size: 1.02rem;
  }
}

@media (max-width: 760px) {
  .md-typeset:has(.fenjue-home) > h1:first-of-type {
    margin-top: 1.35rem;
    font-size: 2.7rem;
  }

  .fenjue-kicker {
    font-size: 1.18rem;
  }

  .fenjue-lead {
    font-size: 0.92rem;
    line-height: 1.75;
  }

  .fenjue-flame-stage {
    margin-top: 0.2rem;
  }

  .fenjue-actions {
    gap: 0.9rem;
  }

  .md-typeset ol.fenjue-steps:not([hidden]) {
    grid-template-columns: 1fr;
    margin-bottom: 2.1rem;
    padding: 0.2rem 0;
  }

  .md-typeset ol.fenjue-steps > li {
    padding: 1rem 0;
    border-top: 1px solid rgba(22, 21, 19, 0.1);
    border-left: 0;
  }

  .md-typeset ol.fenjue-steps > li:first-child {
    border-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fenjue-flame,
  .fenjue-flame *,
  .fenjue-actions a span {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition: none !important;
  }
}

.md-typeset:has(.phone-secret-page) {
  color: #1d1d1f;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.phone-secret-page {
  max-width: 1120px;
  margin: 0 auto 3.4rem;
}

.phone-secret-hero {
  display: grid;
  justify-items: center;
  padding: 1.65rem 0 1.45rem;
  text-align: center;
}

.phone-secret-copy {
  max-width: 980px;
  margin: 0 auto 0.55rem;
}

.md-typeset .phone-secret-title {
  margin: 0;
  color: #1d1d1f;
  font-size: 3.05rem;
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.04;
  text-align: center;
}

.phone-secret-title span {
  display: block;
}

.phone-secret-title span:first-child {
  color: #6e6e73;
}

.phone-verify-visual-stage {
  position: relative;
  width: min(840px, 100%);
  aspect-ratio: 860 / 380;
  margin: 0.45rem auto 0;
  isolation: isolate;
}

.phone-verify-visual {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 34px 42px rgba(29, 29, 31, 0.08));
}

.phone-verify-visual * {
  vector-effect: non-scaling-stroke;
}

.phone-verify-visual .verify-aura {
  fill: url("#verify-aura");
  transform-box: fill-box;
  transform-origin: center;
  animation: verify-aura-breathe 6.4s ease-in-out infinite;
}

.phone-verify-visual .verify-shadow {
  fill: none;
  stroke: rgba(29, 29, 31, 0.13);
  stroke-linecap: round;
  stroke-width: 22;
  filter: url("#verify-soft");
}

.phone-verify-visual .verify-orbits {
  transform-box: fill-box;
  transform-origin: 50% 52%;
  animation: verify-orbit-drift 8.2s ease-in-out infinite;
}

.phone-verify-visual .verify-orbit {
  fill: none;
  stroke-linecap: round;
}

.phone-verify-visual .verify-orbit-wide {
  stroke: url("#verify-blue");
  stroke-dasharray: 150 420;
  stroke-width: 18;
  opacity: 0.12;
  animation: verify-orbit-wide 6.6s ease-in-out infinite;
}

.phone-verify-visual .verify-orbit-blue {
  stroke: url("#verify-blue");
  stroke-dasharray: 118 280;
  stroke-width: 4.2;
  opacity: 0.72;
  animation: verify-orbit-flow 4.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.phone-verify-visual .verify-orbit-warm {
  stroke: url("#verify-warm");
  stroke-dasharray: 104 278;
  stroke-width: 3.2;
  opacity: 0.5;
  animation: verify-orbit-flow 5.6s cubic-bezier(0.4, 0, 0.2, 1) 0.8s infinite;
}

.phone-verify-visual .verify-spark {
  fill: #ffffff;
  opacity: 0;
  filter: drop-shadow(0 0 10px rgba(41, 151, 255, 0.48));
  animation: verify-spark-fade 4.8s ease-in-out infinite;
}

.phone-verify-visual .verify-spark-two {
  animation-duration: 5.6s;
  animation-delay: 0.8s;
}

.phone-verify-visual .verify-spark-three {
  animation-duration: 4.2s;
  animation-delay: 1.25s;
}

.phone-verify-visual .verify-phone {
  transform-box: fill-box;
  transform-origin: center;
  animation: verify-phone-float 5.8s ease-in-out infinite;
  filter: drop-shadow(0 30px 34px rgba(29, 29, 31, 0.15));
}

.phone-verify-visual .verify-phone-frame {
  fill: url("#verify-phone-frame");
  stroke: rgba(29, 29, 31, 0.2);
  stroke-width: 1.3;
}

.phone-verify-visual .verify-phone-screen,
.phone-verify-visual .verify-screen-fill {
  fill: url("#verify-screen");
}

.phone-verify-visual .verify-phone-screen {
  stroke: rgba(29, 29, 31, 0.1);
  stroke-width: 1;
}

.phone-verify-visual .verify-screen-light {
  fill: url("#verify-blue");
  opacity: 0.1;
  transform-box: fill-box;
  transform-origin: center;
  animation: verify-screen-light 7s ease-in-out infinite;
}

.phone-verify-visual .verify-glass-sheen {
  fill: url("#verify-glass");
  opacity: 0.72;
  transform-box: fill-box;
  transform-origin: center;
  animation: verify-glass-sweep 5.2s ease-in-out infinite;
}

.phone-verify-visual .verify-island {
  fill: #1d1d1f;
  opacity: 0.94;
}

.phone-verify-visual .verify-frame-highlight,
.phone-verify-visual .verify-side-button {
  fill: none;
  stroke-linecap: round;
}

.phone-verify-visual .verify-frame-highlight {
  stroke: rgba(255, 255, 255, 0.88);
  stroke-width: 2.4;
  opacity: 0.9;
}

.phone-verify-visual .verify-side-button {
  stroke: rgba(29, 29, 31, 0.18);
  stroke-width: 3;
}

.phone-verify-visual .verify-side-button-small {
  stroke-width: 2.4;
}

.phone-verify-visual .verify-code-panel {
  transform-box: fill-box;
  transform-origin: center;
  animation: verify-code-lift 4.6s ease-in-out infinite;
}

.phone-verify-visual .verify-code-panel rect {
  fill: rgba(255, 255, 255, 0.74);
  stroke: rgba(41, 151, 255, 0.2);
  stroke-width: 1;
  filter: drop-shadow(0 18px 22px rgba(41, 151, 255, 0.1));
}

.phone-verify-visual .verify-code-panel text,
.phone-verify-visual .verify-message text {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Display",
    "PingFang SC",
    "Microsoft YaHei",
    sans-serif;
  letter-spacing: 0;
}

.phone-verify-visual .verify-code-panel text {
  fill: #6e6e73;
  font-size: 15px;
  font-weight: 650;
}

.phone-verify-visual .verify-code-dots circle {
  fill: #1d1d1f;
  opacity: 0.88;
  animation: verify-dot-pulse 2.8s ease-in-out infinite;
}

.phone-verify-visual .verify-code-dots circle:nth-child(2) {
  animation-delay: 0.18s;
}

.phone-verify-visual .verify-code-dots circle:nth-child(3) {
  animation-delay: 0.36s;
}

.phone-verify-visual .verify-code-dots circle:nth-child(4) {
  animation-delay: 0.54s;
}

.phone-verify-visual .verify-code-dots circle:nth-child(5) {
  animation-delay: 0.72s;
}

.phone-verify-visual .verify-message {
  transform-box: fill-box;
  transform-origin: 25% 50%;
  animation: verify-message-float 5.2s ease-in-out infinite;
  filter: drop-shadow(0 24px 34px rgba(29, 29, 31, 0.11));
}

.phone-verify-visual .verify-message-card,
.phone-verify-visual .verify-message-tail {
  fill: rgba(255, 255, 255, 0.88);
  stroke: rgba(29, 29, 31, 0.08);
  stroke-width: 1;
}

.phone-verify-visual .verify-message-label {
  fill: #6e6e73;
  font-size: 20px;
  font-weight: 620;
}

.phone-verify-visual .verify-message-code {
  fill: #1d1d1f;
  font-size: 42px;
  font-weight: 760;
}

.phone-verify-visual .verify-message-bars rect {
  fill: rgba(41, 151, 255, 0.2);
}

.phone-verify-visual .verify-badge {
  transform-box: fill-box;
  transform-origin: center;
  animation: verify-badge-float 4.9s ease-in-out infinite;
  filter: drop-shadow(0 22px 28px rgba(41, 151, 255, 0.15));
}

.phone-verify-visual .verify-badge-ring {
  fill: none;
  stroke: url("#verify-blue");
  stroke-dasharray: 112 240;
  stroke-linecap: round;
  stroke-width: 3.2;
  opacity: 0.82;
  animation: verify-ring-flow 4.4s ease-in-out infinite;
}

.phone-verify-visual .verify-badge-fill {
  fill: rgba(255, 255, 255, 0.92);
  stroke: rgba(41, 151, 255, 0.22);
  stroke-width: 1.2;
}

.phone-verify-visual .verify-check {
  fill: none;
  stroke: #2997ff;
  stroke-dasharray: 68;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7;
  animation: verify-check-draw 3.2s ease-in-out infinite;
}

.phone-secret-headline {
  max-width: 720px;
  margin: 0.45rem auto 0;
  color: #6e6e73;
  font-size: 1.36rem;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.35;
  text-wrap: balance;
}

.phone-secret-lead {
  max-width: 680px;
  margin: 0.8rem auto 0;
  color: #6e6e73;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.85;
}

.phone-secret-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 860px;
  margin: 1.8rem auto 2.1rem;
  padding: 1.15rem 0;
  border-top: 1px solid rgba(29, 29, 31, 0.12);
  border-bottom: 1px solid rgba(29, 29, 31, 0.12);
}

.phone-secret-flow > div {
  min-width: 0;
  padding: 0.2rem 1.25rem;
  border-left: 1px solid rgba(29, 29, 31, 0.1);
}

.phone-secret-flow > div:first-child {
  border-left: 0;
}

.phone-secret-flow span {
  display: block;
  margin-bottom: 0.7rem;
  color: #d84a1b;
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0;
}

.phone-secret-flow strong {
  display: block;
  color: #1d1d1f;
  font-size: 1.06rem;
  letter-spacing: 0;
}

.phone-secret-flow p {
  margin: 0.5rem 0 0;
  color: #6e6e73;
  font-size: 0.84rem;
  line-height: 1.75;
}

.phone-secret-contact {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
}

.phone-secret-contact p {
  margin: 0;
  color: #3a3a3c;
  font-size: 0.96rem;
  line-height: 1.85;
}

.md-typeset:has(.phone-secret-page) .admonition.note,
.md-typeset:has(.phone-secret-page) details.note {
  max-width: 640px;
  margin: 0 auto 4rem;
  padding: 1rem 1.05rem 1.15rem;
  border: 1px solid rgba(29, 29, 31, 0.1);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 245, 247, 0.76));
  box-shadow: 0 28px 70px rgba(29, 29, 31, 0.08);
}

.md-typeset:has(.phone-secret-page) details.note:not([open]) {
  padding-bottom: 1rem;
}

.md-typeset:has(.phone-secret-page) .admonition.note > .admonition-title,
.md-typeset:has(.phone-secret-page) details.note > summary {
  margin: -1rem -1.05rem 0.9rem;
  padding: 0.86rem 1.05rem 0.78rem 2.45rem;
  border-bottom: 1px solid rgba(29, 29, 31, 0.08);
  background-color: transparent;
  color: #1d1d1f;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0;
}

.md-typeset:has(.phone-secret-page) details.note:not([open]) > summary {
  margin-bottom: -1rem;
  border-bottom: 0;
}

.md-typeset:has(.phone-secret-page) details.note > summary::before {
  background-color: #2997ff;
}

.md-typeset:has(.phone-secret-page) details.note > summary::after {
  color: #2997ff;
}

.md-typeset:has(.phone-secret-page) [data-wechat-help] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.62rem;
  width: 100%;
  margin-top: 0.55rem;
}

.md-typeset:has(.phone-secret-page) [data-wechat-help] br {
  display: none;
}

.md-typeset:has(.phone-secret-page) [data-wechat-account] {
  display: inline-flex;
  align-items: center;
  min-height: 2.45rem;
  min-width: 0;
  padding: 0.28rem 0.72rem;
  border: 1px solid rgba(29, 29, 31, 0.09);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.72);
  color: #1d1d1f;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.md-typeset:has(.phone-secret-page) [data-wechat-copy] {
  min-height: 2.45rem;
  border-radius: 8px;
  box-shadow: none;
}

.md-typeset:has(.phone-secret-page) [data-wechat-status] {
  grid-column: 1 / -1;
  color: #6e6e73;
  line-height: 1.55;
}

@keyframes verify-aura-breathe {
  0%,
  100% {
    opacity: 0.82;
    transform: scale(0.97);
  }
  50% {
    opacity: 1;
    transform: scale(1.03);
  }
}

@keyframes verify-phone-float {
  0%,
  100% {
    transform: translate(-2px, 0) rotate(-0.45deg);
  }
  50% {
    transform: translate(4px, -9px) rotate(0.58deg);
  }
}

@keyframes verify-orbit-drift {
  0%,
  100% {
    transform: translateX(-4px) translateY(0) rotate(-0.4deg);
  }
  50% {
    transform: translateX(6px) translateY(-3px) rotate(0.45deg);
  }
}

@keyframes verify-orbit-wide {
  0% {
    opacity: 0.04;
    stroke-dashoffset: 330;
  }
  42% {
    opacity: 0.18;
  }
  100% {
    opacity: 0.03;
    stroke-dashoffset: -290;
  }
}

@keyframes verify-orbit-flow {
  0% {
    opacity: 0;
    stroke-dashoffset: 230;
  }
  22% {
    opacity: 0.8;
  }
  70% {
    opacity: 0.42;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: -260;
  }
}

@keyframes verify-spark-fade {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  18%,
  62% {
    opacity: 0.86;
  }
  100% {
    opacity: 0;
    transform: scale(1.08);
  }
}

@keyframes verify-screen-light {
  0%,
  100% {
    opacity: 0.08;
    transform: translate(-8px, -6px) scale(0.98);
  }
  50% {
    opacity: 0.16;
    transform: translate(7px, 8px) scale(1.05);
  }
}

@keyframes verify-glass-sweep {
  0%,
  100% {
    opacity: 0.38;
    transform: translateX(-20px);
  }
  48% {
    opacity: 0.84;
    transform: translateX(24px);
  }
}

@keyframes verify-code-lift {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-4px) scale(1.015);
  }
}

@keyframes verify-dot-pulse {
  0%,
  100% {
    opacity: 0.58;
    transform: scale(0.82);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes verify-message-float {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(4px, -6px);
  }
}

@keyframes verify-badge-float {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(2px, -7px) scale(1.02);
  }
}

@keyframes verify-ring-flow {
  0% {
    stroke-dashoffset: 144;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -144;
  }
}

@keyframes verify-check-draw {
  0% {
    stroke-dashoffset: 68;
  }
  28%,
  72% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -68;
  }
}

@media (min-width: 960px) {
  .md-typeset .phone-secret-title {
    font-size: 4.55rem;
  }

  .phone-secret-title span {
    white-space: nowrap;
  }

  .phone-secret-headline {
    font-size: 1.52rem;
  }
}

@media (max-width: 760px) {
  .phone-secret-hero {
    padding: 1.35rem 0 1.35rem;
  }

  .md-typeset .phone-secret-title {
    font-size: 2.55rem;
    line-height: 1.04;
  }

  .phone-verify-visual-stage {
    width: min(100%, 590px);
    aspect-ratio: 860 / 420;
    margin-top: 0;
  }

  .phone-secret-headline {
    font-size: 1.18rem;
    line-height: 1.28;
  }

  .phone-secret-lead {
    font-size: 0.92rem;
    line-height: 1.75;
  }

  .phone-secret-flow {
    grid-template-columns: 1fr;
    margin: 1.45rem auto 1.8rem;
    padding: 0.15rem 0;
  }

  .phone-secret-flow > div {
    padding: 1rem 0;
    border-top: 1px solid rgba(29, 29, 31, 0.1);
    border-left: 0;
  }

  .phone-secret-flow > div:first-child {
    border-top: 0;
  }

  .phone-secret-contact {
    text-align: left;
  }
}

@media (max-width: 520px) {
  .md-typeset .phone-secret-title {
    font-size: 1.72rem;
    line-height: 1.08;
  }

  .phone-secret-title span {
    white-space: nowrap;
  }

  .phone-verify-visual-stage {
    width: min(100%, 374px);
    aspect-ratio: 860 / 470;
  }

  .phone-verify-visual {
    transform: translateX(-2.5%);
  }

  .md-typeset:has(.phone-secret-page) [data-wechat-help] {
    grid-template-columns: 1fr;
  }

  .md-typeset:has(.phone-secret-page) [data-wechat-copy] {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 380px) {
  .md-typeset .phone-secret-title {
    font-size: 1.56rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .phone-verify-visual *,
  .md-typeset:has(.phone-secret-page) [data-wechat-copy] {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition: none !important;
  }
}

.md-typeset:has(.agent-cards) > h1:first-of-type {
  max-width: 860px;
  margin: 2.1rem auto 0;
  font-size: 2.6rem;
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.1;
  text-align: center;
}

.md-typeset:has(.agent-cards) > h1:first-of-type .headerlink {
  display: none;
}

.agent-tagline {
  max-width: 720px;
  margin: 0.9rem auto 0;
  color: var(--md-default-fg-color--light);
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: center;
}

.agent-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
  gap: 1rem;
  max-width: 960px;
  margin: 2rem auto 3.2rem;
}

.md-typeset a.agent-card {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1.05rem 1.1rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.7rem;
  background-color: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  text-decoration: none;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.md-typeset a.agent-card:hover,
.md-typeset a.agent-card:focus-visible {
  transform: translateY(-3px);
  border-color: var(--md-accent-fg-color);
  box-shadow: var(--md-shadow-z2);
  color: var(--md-default-fg-color);
  text-decoration: none;
}

.md-typeset .agent-card img {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
}

.agent-card-name {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

.agent-card-desc {
  display: block;
  margin-top: 0.25rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.78rem;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .md-typeset:has(.agent-cards) > h1:first-of-type {
    margin-top: 1.35rem;
    font-size: 2.1rem;
  }

  .agent-cards {
    margin-top: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .md-typeset a.agent-card {
    transition: none;
  }
}
