.learn-page-module__yE8cba__section{--ink:#1e2136;--ink-2:#5b6178;--ink-3:#9096ad;--line:#e8e6f6;--surface:#fff;--brand:#6b4ef0;--font:var(--font-sans);--shadow-sm:0 4px 16px #5442a812;--shadow:0 12px 30px #5442a81a;color:var(--ink);font-family:var(--font);padding:52px 0}.learn-page-module__yE8cba__shell{max-width:1248px;margin:0 auto;padding:0 32px}.learn-page-module__yE8cba__hero{width:100%;min-height:610px;position:relative}.learn-page-module__yE8cba__heroLeft{z-index:3;width:46%;position:absolute;top:20px;left:0}.learn-page-module__yE8cba__heroTitle{color:var(--ink);letter-spacing:-1.6px;margin:0;font-size:52px;font-weight:800;line-height:1.12}.learn-page-module__yE8cba__heroSubtitle{max-width:520px;color:var(--ink-2);margin:26px 0 0;font-size:15.5px;line-height:1.75}.learn-page-module__yE8cba__joinButton{cursor:pointer;border:0;align-items:center;font-weight:600;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.learn-page-module__yE8cba__heroButtonLink{margin-top:34px;text-decoration:none;display:inline-flex}.learn-page-module__yE8cba__photo{z-index:2;border:12px solid #f7f7f6;border-radius:44px;width:calc(50% + 24px);height:477px;position:absolute;top:-12px;right:-12px;overflow:hidden}.learn-page-module__yE8cba__photo img{object-fit:cover;width:100%;height:100%;display:block}.learn-page-module__yE8cba__panel{z-index:1;background:linear-gradient(150deg,#0d1b3a 0%,#152a5c 45%,#1e3a7a 100%);border-radius:40px;padding:32px 40px 36px;position:absolute;top:378px;left:0;right:0;box-shadow:0 24px 60px -28px #14285a8c}.learn-page-module__yE8cba__panelTitle{color:#f0e6ef;margin-bottom:24px;font-size:17px;font-weight:600}.learn-page-module__yE8cba__tabGrid{border-bottom:0;grid-template-columns:1fr 1fr;gap:6px 56px;width:46%;min-width:420px;margin:0;display:grid}.learn-page-module__yE8cba__tab{color:#d7c8d6;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff38;border-radius:0;justify-content:space-between;align-items:center;padding:16px 2px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.6;text-decoration:none;transition:color .18s,border-color .18s;display:flex;position:relative}.learn-page-module__yE8cba__tab:after{content:"→";color:#997e96;font-size:15px;transition:color .18s,transform .18s}.learn-page-module__yE8cba__tab:hover{color:#fff;border-color:#fff9}.learn-page-module__yE8cba__tab:hover:after{color:#fff;transform:translate(4px)}.learn-page-module__yE8cba__tabActive{color:#fff;border:0;border-bottom:1px solid #fff}.learn-page-module__yE8cba__tabActive:after{color:#fff}.learn-page-module__yE8cba__stats{z-index:3;align-items:center;gap:24px;display:flex;position:absolute;bottom:38px;right:44px}.learn-page-module__yE8cba__statNumber{color:#fff;font-family:var(--font-number);font-size:42px;font-weight:700;line-height:1}.learn-page-module__yE8cba__statLabel{color:#ffffffc7;margin-top:5px;font-size:12.5px}.learn-page-module__yE8cba__avatars{display:flex}.learn-page-module__yE8cba__avatars img{object-fit:cover;border:2px solid #ffffffe6;border-radius:50%;width:38px;height:38px;margin-left:-10px}.learn-page-module__yE8cba__avatars img:first-child{margin-left:0}.learn-page-module__yE8cba__joinButton{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:999px;padding:11.7px 24px;font-size:14px}.learn-page-module__yE8cba__joinButton:hover{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, #2f74f5 0%, #5b53ee 52%, #9a6ff2 100%) border-box;box-shadow:var(--shadow-sm);border-color:#0000;transform:translateY(-1px)}.learn-page-module__yE8cba__notchCorner{z-index:2;pointer-events:none;background:radial-gradient(28px at 0 100%,#0000 27px,#f7f7f6 28px);width:28px;height:28px;position:absolute;top:378px;left:calc(50% - 40px)}.learn-page-module__yE8cba__cardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 16px;margin-top:100px;display:grid}.learn-page-module__yE8cba__workCard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;border-radius:20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden}.learn-page-module__yE8cba__workCard:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-3px)}.learn-page-module__yE8cba__thumb{color:#fff;background:linear-gradient(135deg,#7b6bec,#a98cf6);border-radius:0;align-items:flex-start;height:221px;padding:14px;font-size:12.5px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.learn-page-module__yE8cba__thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.learn-page-module__yE8cba__toneA{background:linear-gradient(135deg,#7b6bec,#a98cf6)}.learn-page-module__yE8cba__toneB{background:linear-gradient(135deg,#5a4fd6,#8f7bf0)}.learn-page-module__yE8cba__toneC{background:linear-gradient(135deg,#b06fd6,#7b6bec)}.learn-page-module__yE8cba__toneD{background:linear-gradient(135deg,#4f6ae0,#8a63f0)}.learn-page-module__yE8cba__toneE{background:linear-gradient(135deg,#c86fb0,#8a63f0)}.learn-page-module__yE8cba__toneF{background:linear-gradient(135deg,#6a4bf0,#5a9fe0)}.learn-page-module__yE8cba__badge{z-index:1;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1412286b;border-radius:999px;align-items:center;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff47}.learn-page-module__yE8cba__cardFoot{justify-content:space-between;align-items:flex-start;gap:10px;padding:16px;display:flex}.learn-page-module__yE8cba__cardTitle{color:var(--ink);font-size:15px;font-weight:700;line-height:1.5;display:block}.learn-page-module__yE8cba__cardMeta{color:var(--ink-3);margin-top:6px;font-size:12px;line-height:1.6}@media (max-width:900px){.learn-page-module__yE8cba__shell{padding:0 24px}.learn-page-module__yE8cba__hero{min-height:0}.learn-page-module__yE8cba__heroLeft,.learn-page-module__yE8cba__photo,.learn-page-module__yE8cba__panel,.learn-page-module__yE8cba__stats{width:100%;position:static}.learn-page-module__yE8cba__photo{border-width:0;height:300px;margin:22px 0}.learn-page-module__yE8cba__tabGrid{grid-template-columns:1fr;width:auto;min-width:0}.learn-page-module__yE8cba__heroTitle{font-size:44px}.learn-page-module__yE8cba__stats{flex-wrap:wrap;margin-top:22px}.learn-page-module__yE8cba__notchCorner{display:none}.learn-page-module__yE8cba__cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.learn-page-module__yE8cba__section{padding:36px 0}.learn-page-module__yE8cba__shell{padding:0 16px}.learn-page-module__yE8cba__heroTitle{font-size:38px}.learn-page-module__yE8cba__panel{border-radius:28px;padding:26px 24px 30px}.learn-page-module__yE8cba__cardGrid{grid-template-columns:1fr;margin-top:56px}}@media (prefers-reduced-motion:reduce){.learn-page-module__yE8cba__joinButton,.learn-page-module__yE8cba__tab,.learn-page-module__yE8cba__tab:after,.learn-page-module__yE8cba__workCard{transition:none}}
/* 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;
}