.user-agreement-page-module__iHOCKW__section{color:#1e2136;padding:18px 0 84px}.user-agreement-page-module__iHOCKW__shell{max-width:1228px;margin:0 auto;padding:0 24px}.user-agreement-page-module__iHOCKW__hero{max-width:880px;padding:22px 0 30px}.user-agreement-page-module__iHOCKW__eyebrow{color:#2560f5;margin:0 0 14px;font-size:14px;font-weight:800}.user-agreement-page-module__iHOCKW__title{color:#16192b;letter-spacing:0;text-wrap:balance;margin:0;font-size:54px;font-weight:900;line-height:1.08}.user-agreement-page-module__iHOCKW__englishTitle{max-width:780px;font-size:52px}.user-agreement-page-module__iHOCKW__intro{color:#5b6178;max-width:700px;margin:20px 0 0;font-size:17px;line-height:1.75}.user-agreement-page-module__iHOCKW__metaList{flex-wrap:wrap;gap:12px;margin:28px 0 0;display:flex}.user-agreement-page-module__iHOCKW__metaList div{background:#ffffffc2;border:1px solid #2560f524;min-width:190px;padding:16px 18px}.user-agreement-page-module__iHOCKW__metaList dt{color:#6d7288;margin:0 0 6px;font-size:12px;font-weight:800}.user-agreement-page-module__iHOCKW__metaList dd{color:#1e2136;margin:0;font-size:15px;font-weight:800}.user-agreement-page-module__iHOCKW__layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:40px;display:grid}.user-agreement-page-module__iHOCKW__toc{background:#ffffffc2;border:1px solid #1e213614;max-height:calc(100vh - 128px);padding:38px 26px;position:sticky;top:96px;overflow:auto}.user-agreement-page-module__iHOCKW__toc h2{color:#16192b;margin:0 0 24px;font-size:16px;font-weight:900}.user-agreement-page-module__iHOCKW__toc nav{flex-direction:column;gap:14px;display:flex}.user-agreement-page-module__iHOCKW__toc a{color:#5b6178;font-size:14px;font-weight:700;line-height:1.58;text-decoration:none}.user-agreement-page-module__iHOCKW__toc a:hover{color:#2560f5}.user-agreement-page-module__iHOCKW__article{background:#fff;border:1px solid #1e213614;padding:32px 40px 44px;box-shadow:0 24px 54px -42px #1e21366b}.user-agreement-page-module__iHOCKW__heading{color:#16192b;margin:42px 0 16px;scroll-margin-top:104px;font-size:27px;font-weight:900;line-height:1.28}.user-agreement-page-module__iHOCKW__heading:first-child{margin-top:0}.user-agreement-page-module__iHOCKW__subheading{color:#22263a;margin:28px 0 12px;font-size:19px;font-weight:900;line-height:1.38}.user-agreement-page-module__iHOCKW__paragraph,.user-agreement-page-module__iHOCKW__list{color:#4e546a;margin:0 0 16px;font-size:15.5px;line-height:1.88}.user-agreement-page-module__iHOCKW__list{padding-left:1.2em}.user-agreement-page-module__iHOCKW__list li{margin:0 0 8px}@media (max-width:920px){.user-agreement-page-module__iHOCKW__section{padding-top:10px}.user-agreement-page-module__iHOCKW__hero{padding-top:14px}.user-agreement-page-module__iHOCKW__title,.user-agreement-page-module__iHOCKW__englishTitle{font-size:38px}.user-agreement-page-module__iHOCKW__layout{grid-template-columns:1fr}.user-agreement-page-module__iHOCKW__toc{max-height:none;position:static}.user-agreement-page-module__iHOCKW__toc nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.user-agreement-page-module__iHOCKW__article{padding:26px 22px 32px}}@media (max-width:560px){.user-agreement-page-module__iHOCKW__shell{padding:0 18px}.user-agreement-page-module__iHOCKW__title,.user-agreement-page-module__iHOCKW__englishTitle{font-size:32px}.user-agreement-page-module__iHOCKW__metaList{flex-direction:column}.user-agreement-page-module__iHOCKW__toc nav{grid-template-columns:1fr}}
/* mirror: public header spans the full viewport so the two groups hug the edges */
header .MuiContainer-root { max-width: 100% !important; }

/* mirror: animated tech backdrop for the home hero */
@keyframes mirrorHeroDrift {
  0%   { transform: translate3d(-4%, -2%, 0) scale(1.04); }
  50%  { transform: translate3d(5%, 3%, 0) scale(1.16); }
  100% { transform: translate3d(-4%, -2%, 0) scale(1.04); }
}
@keyframes mirrorHeroTexture {
  0% {
    background-position: 0 0, 0 0, 0 0, -70% 0, 50% 0;
  }
  33% {
    background-position: 17px 34px, 17px 0, 0 17px, 60% 0, 50% 0;
  }
  66% {
    background-position: 34px 17px, 34px 0, 0 34px, 190% 0, 50% 0;
  }
  100% {
    background-position: 52px 52px, 52px 0, 0 52px, 320% 0, 50% 0;
  }
}
section:has(.home-effects-module__v0zz9a__dockWrap):not(:has(section)) {
  isolation: isolate;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image:
    url("/mirror-assets/hero-tech.svg"),
    radial-gradient(120% 85% at 50% -10%, rgba(107, 78, 240, 0.07), transparent 62%),
    radial-gradient(90% 70% at 50% 108%, rgba(47, 116, 245, 0.06), transparent 66%);
}
section:has(.home-effects-module__v0zz9a__dockWrap):not(:has(section))::before {
  content: "";
  position: absolute;
  inset: -18% -6% -6%;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(32% 36% at 17% 30%, rgba(47, 116, 245, 0.32), transparent 70%),
    radial-gradient(28% 32% at 83% 24%, rgba(124, 62, 238, 0.28), transparent 72%),
    radial-gradient(30% 26% at 50% 88%, rgba(120, 120, 245, 0.18), transparent 74%);
  filter: blur(34px);
  opacity: 0.78;
  animation: mirrorHeroDrift 26s ease-in-out infinite;
  will-change: transform;
}
section:has(.home-effects-module__v0zz9a__dockWrap):not(:has(section))::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 50% 50%, rgba(47, 116, 245, 0.16) 1.3px, transparent 1.6px),
    linear-gradient(90deg, rgba(107, 78, 240, 0.022) 1px, transparent 1px),
    linear-gradient(0deg, rgba(107, 78, 240, 0.022) 1px, transparent 1px),
    linear-gradient(100deg, transparent 45%, rgba(59, 111, 239, 0.13) 50%, transparent 55%),
    radial-gradient(75% 46% at 50% -6%, rgba(255, 255, 255, 0.85), transparent 72%);
  background-size: 28px 28px, 56px 56px, 56px 56px, 34% 100%, 100% 100%;
  background-repeat: repeat, repeat, repeat, no-repeat, no-repeat;
  background-position: 0 0, 0 0, 0 0, -70% 0, 50% 0;
  animation: mirrorHeroTexture 46s linear infinite;
  -webkit-mask-image: radial-gradient(125% 100% at 50% 42%, rgba(0, 0, 0, 0.26) 16%, #000 52%, rgba(0, 0, 0, 0.55) 76%, transparent 92%);
  mask-image: radial-gradient(125% 100% at 50% 42%, rgba(0, 0, 0, 0.26) 16%, #000 52%, rgba(0, 0, 0, 0.55) 76%, transparent 92%);
  will-change: background-position;
}
@media (prefers-reduced-motion: reduce) {
  section:has(.home-effects-module__v0zz9a__dockWrap):not(:has(section))::before,
  section:has(.home-effects-module__v0zz9a__dockWrap):not(:has(section))::after {
    animation: none;
  }
}

/* mirror: hero line under the headline */
.mirror-hero-sub {
  margin: 16px auto 0;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.75;
  color: #5b6178;
}
@media (max-width: 600px) {
  .mirror-hero-sub { font-size: 14.5px; }
}

/* mirror: hero brand line (full English name) */
.mirror-hero-brand {
  margin: 12px 0 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: #7b8296;
}
/* 文案变长之后 640px 会折成两行，放宽到一行能放下 */
.mirror-hero-sub { max-width: 820px; }
@media (max-width: 600px) {
  .mirror-hero-brand { font-size: 12.5px; letter-spacing: 0.14em; }
}

/* mirror: hide the home hero prompt box */
section:has(.home-effects-module__v0zz9a__dockWrap) .home-effects-module__v0zz9a__dockWrap {
  display: none !important;
}
