/* LingRelay 登录/注册页注入样式（由 nginx 以静态文件方式加载） */
@media (min-width: 1024px) {

  div.grid.h-svh:has(> .container) {
    display: block !important;
    max-width: none !important;
  }

  /* 整页两栏：左 51% 品牌区，右 49% 表单区 */
  div.grid.h-svh:has(> .container) > .container {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 51% 49% !important;
    align-items: center !important;
    min-height: 100svh !important;
    max-width: none !important;
    padding: 0 !important;
  }

  /* 左侧面板底色 */
  div.grid.h-svh:has(> .container) > .container::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 51% !important;
    pointer-events: none !important;
    border-right: 1px solid rgb(0 0 0 / 0.07) !important;
    background:
      radial-gradient(130% 95% at 0% 0%, rgba(139, 92, 246, 0.30), transparent 58%),
      radial-gradient(100% 85% at 100% 100%, rgba(255, 95, 210, 0.24), transparent 62%),
      linear-gradient(160deg, rgba(139, 92, 246, 0.06), rgba(255, 95, 210, 0.05)) !important;
  }
  html.dark div.grid.h-svh:has(> .container) > .container::before {
    background:
      radial-gradient(130% 95% at 0% 0%, rgba(139, 92, 246, 0.34), transparent 58%),
      radial-gradient(100% 85% at 100% 100%, rgba(255, 95, 210, 0.26), transparent 62%) !important;
    border-right-color: rgb(255 255 255 / 0.08) !important;
  }

  /* 站点 logo 挪进左侧面板 */
  div.grid.h-svh:has(> .container) > a {
    top: 44px !important;
    left: 6% !important;
    z-index: 3 !important;
  }
  div.grid.h-svh:has(> .container) > a > img,
  div.grid.h-svh:has(> .container) > a > svg {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    box-shadow: 0 10px 24px -10px rgba(139, 92, 246, 0.6) !important;
  }

  /* 表单列在右半区居中 */
  div.grid.h-svh:has(> .container) > .container > div {
    grid-column: 2 !important;
    justify-self: center !important;
    width: 400px !important;
    max-width: 400px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  /* 主标题 */
  div.grid.h-svh:has(> .container) > .container > div::before {
    content: '一套 SDK，接遍主流大模型' !important;
    position: absolute !important;
    left: 6% !important;
    top: 30% !important;
    width: 39% !important;
    max-width: 430px !important;
    font-size: 31px !important;
    font-weight: 650 !important;
    line-height: 1.26 !important;
    letter-spacing: -0.02em !important;
    color: var(--foreground, #0f172a) !important;
    pointer-events: none !important;
  }

  /* 副标题 + 三条卖点 */
  div.grid.h-svh:has(> .container) > .container > div::after {
    content: '把 base_url 换到这里，现有 OpenAI SDK 代码一行不用改。\A\A ●  一个密钥、一个端点，覆盖主流厂商\A ●  完全兼容 OpenAI 协议，接入零改动\A ●  按量实时结算，每一枚 token 都看得见' !important;
    position: absolute !important;
    left: 6% !important;
    top: calc(30% + 92px) !important;
    width: 39% !important;
    max-width: 430px !important;
    font-size: 13.5px !important;
    line-height: 2 !important;
    color: var(--muted-foreground, #6b7280) !important;
    white-space: pre-wrap !important;
    pointer-events: none !important;
  }

  div.grid.h-svh:has(> .container) > .container > div > h2 {
    font-size: 22px !important;
    font-weight: 650 !important;
    margin-bottom: 22px !important;
  }

  /* 登录按钮换成紫粉渐变 */
  div.grid.h-svh:has(> .container) button[type='submit'] {
    background-image: linear-gradient(135deg, #8b5cf6, #ff5fd2) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 26px -12px rgba(255, 95, 210, 0.65) !important;
  }
}

@media (max-width: 1023px) {
  div.grid.h-svh:has(> .container) > .container {
    background:
      radial-gradient(120% 70% at 0% 0%, rgba(139, 92, 246, 0.12), transparent 60%),
      radial-gradient(90% 60% at 100% 100%, rgba(255, 95, 210, 0.10), transparent 60%) !important;
  }
}