/* Frontend-only Creative Orbit overlay for the currently deployed login bundle. */
.login-page {
  grid-template-columns: minmax(0, 62fr) minmax(430px, 38fr);
}
.login-page .login-story {
  min-height: 100dvh;
  padding: 40px clamp(36px, 5vw, 76px) 30px;
  overflow: hidden;
  background:
    linear-gradient(rgba(237,173,106,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(237,173,106,.08) 1px,transparent 1px),
    radial-gradient(circle at 74% 75%,#ffe9bd 0,#fff5e7 32%,#fffbf5 72%);
  background-size: 74px 74px,74px 74px,auto;
}
.login-page .login-story__logo { width: clamp(185px,16vw,220px); max-height: 62px; }
.login-page .login-story__copy:not(:has(h2)) {
  display: flex;
  flex-direction: column;
  max-width: 520px;
  margin: clamp(52px,8vh,82px) 0 0;
  padding: 0;
}
.login-page .login-story__copy:not(:has(h2)) > span {
  order: 0;
  margin-bottom: 15px;
  font-size: 0;
}
.login-page .login-story__copy:not(:has(h2)) > span::before {
  content: "CREATIVE ORBIT · 智能创作轨道";
  color: #b4460d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .19em;
}
.login-page .login-story__copy:not(:has(h2))::before,
.login-page .login-story__copy:not(:has(h2))::after {
  display: block;
  margin: 0;
  font-size: clamp(43px,4.3vw,64px);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -.055em;
  white-space: normal;
}
.login-page .login-story__copy:not(:has(h2))::before {
  content: "让灵感";
  order: 1;
  color: #282521;
}
.login-page .login-story__copy:not(:has(h2))::after {
  content: "持续运转。";
  order: 2;
  color: #e85a0e;
}
.login-page .login-story__copy:not(:has(h2)) .login-feature-list {
  order: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 520px;
  margin-top: 16px;
}
.login-page .login-story__copy:not(:has(h2)) .login-feature-list::before {
  content: "从一个想法出发，文案、视频与多平台发布，在同一条轨道上自然衔接。";
  flex: 0 0 100%;
  max-width: none;
  margin-bottom: 16px;
  color: #676660;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}
.login-page .login-feature-list span { min-height: 30px; padding: 4px 8px; }
.login-page .login-story:not(:has(.login-story__mascot))::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: auto;
  right: auto;
  bottom: 36px;
  left: 50%;
  width: 350px;
  height: 350px;
  margin-left: -175px;
  border: 1px solid rgba(231,120,53,.52);
  border-radius: 50%;
  background: radial-gradient(circle at 17% 17%,#f87521 0 5px,transparent 6px);
  box-shadow: 0 0 0 34px rgba(255,238,209,.42),inset 0 0 0 37px rgba(255,244,226,.65);
  pointer-events: none;
  animation: haike-login-orbit 28s linear infinite;
}
.login-page .login-story:not(:has(.login-story__mascot))::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: auto;
  right: auto;
  bottom: 72px;
  left: 50%;
  width: 230px;
  height: 284px;
  margin-left: -115px;
  border: 1px solid rgba(236,218,196,.8);
  border-radius: 48% 48% 24px 24px;
  background: #fff url('/assets/haike-robot.jpg') no-repeat -8px -34px / 680px 680px;
  box-shadow: 0 22px 52px rgba(92,51,20,.12);
  pointer-events: none;
  animation: haike-login-float 6s ease-in-out infinite;
}
.login-page .login-story__foot { position: absolute; bottom: 24px; left: clamp(36px, 5vw, 76px); font-size: 10px; }
.login-page .login-panel { justify-content: center; padding: clamp(38px,6vh,70px) clamp(32px,5vw,76px) 28px; }
.login-page .login-panel__intro { margin-bottom: 20px; }
.login-page .login-panel__intro > span { font-size: 0; }
.login-page .login-panel__intro > span::after { content: "欢迎回到海客"; font-size: 11px; }
.login-page .login-panel__intro h1 { font-size: 0; }
.login-page .login-panel__intro h1::before { content: "登录创作空间"; font-size: clamp(30px,2.7vw,40px); }
.login-page .login-panel__intro p { font-size: 0; }
.login-page .login-panel__intro p::before { content: "继续你的下一次创作旅程。"; font-size: 13px; }
.login-page .login-panel:has(.login-card.is-register) .login-panel__intro > span::after { content: "加入海客科技"; }
.login-page .login-panel:has(.login-card.is-register) .login-panel__intro h1::before { content: "创建创作空间"; }
.login-page .login-panel:has(.login-card.is-register) .login-panel__intro p::before { content: "从这里开始你的创作旅程。"; }
@keyframes haike-login-orbit { to { transform: rotate(360deg); } }
@keyframes haike-login-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@media (max-width: 1100px) {
  .login-page { grid-template-columns: minmax(0,52fr) minmax(420px,48fr); }
  .login-page .login-story__copy:not(:has(h2)) { margin-top: 55px; }
  .login-page .login-story__copy:not(:has(h2))::before,
  .login-page .login-story__copy:not(:has(h2))::after { font-size: 48px; }
}
@media (max-width: 900px) {
  .login-page { grid-template-columns: 1fr; }
  .login-page .login-story { min-height: 610px; padding: 28px 30px 22px; }
  .login-page .login-story__copy:not(:has(h2)) { display: flex; margin-top: 34px; }
  .login-page .login-story__copy:not(:has(h2))::before,
  .login-page .login-story__copy:not(:has(h2))::after { font-size: clamp(30px,5vw,40px); }
  .login-page .login-story:not(:has(.login-story__mascot))::before { bottom: 24px; width: 255px; height: 255px; margin-left: -127.5px; }
  .login-page .login-story:not(:has(.login-story__mascot))::after { bottom: 52px; width: 158px; height: 198px; margin-left: -79px; background-size: 470px 470px; background-position: -5px -24px; }
  .login-page .login-panel { min-height: auto; max-height: none; padding: 38px 28px 42px; }
}
@media (max-width: 560px) {
  .login-page .login-story { min-height: 455px; padding: 22px; }
  .login-page .login-story__copy:not(:has(h2)) { margin-top: 27px; }
  .login-page .login-story__copy:not(:has(h2)) > span { margin-bottom: 9px; }
  .login-page .login-story__copy:not(:has(h2)) > span::before { font-size: 9px; }
  .login-page .login-story__copy:not(:has(h2))::before,
  .login-page .login-story__copy:not(:has(h2))::after { font-size: 29px; }
  .login-page .login-story__copy:not(:has(h2)) .login-feature-list { display: flex; margin-top: 8px; }
  .login-page .login-story__copy:not(:has(h2)) .login-feature-list::before { max-width: 270px; margin-bottom: 0; font-size: 11px; line-height: 1.6; }
  .login-page .login-story__copy:not(:has(h2)) .login-feature-list > span { display: none; }
  .login-page .login-story:not(:has(.login-story__mascot))::before { bottom: 18px; width: 235px; height: 235px; margin-left: -117.5px; }
  .login-page .login-story:not(:has(.login-story__mascot))::after { bottom: 40px; width: 136px; height: 171px; margin-left: -68px; background-size: 410px 410px; background-position: -5px -20px; }
  .login-page .login-story__foot { display: none; }
  .login-page .login-panel { padding: 30px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .login-page .login-story:not(:has(.login-story__mascot))::before,
  .login-page .login-story:not(:has(.login-story__mascot))::after { animation: none; }
}