/* ==========================================================================
   登录 / 注册 / 重置 · 品牌面板的动态视频背景
   被 views/auth.ejs 全量加载——登录、注册、忘记密码三个态共用同一块品牌面板，
   只给其中一页上视频会让站内显得不统一（第一版只做了注册页，反馈就是「登录页怎么还是原样」）。
   加载顺序在 style.css 之后。

   两个前提交代清楚，改之前先读：
   1) 素材是**裁过的**：原宣传片 2 分钟、字幕贯穿全片；这里只取了画面主体在中心、
      字幕被裁出画外的段落（开场整蛋 1.4s / 金裂纹特写 10s / 香蛋烟雾 10s），
      拼成 20.2 秒循环，首尾各 0.5s 淡入淡出，所以接缝处是「黑→黑」，循环不跳。
      ⇒ 背景里不会出现第二层文字去抢面板上的标题与表单（这是用户明确要求的）。
   2) 面板原来是「橙底 + 深棕字」，换成深色视频后文字统一改暖白，
      靠遮罩压住视频最亮的蛋面来保证对比度（数值见下面的遮罩注释）。

   注意：这份样式**只管左半边的视频面板**。右半边表单用的是 style.css 的原样式，
   没有为视频背景做任何改动（用户明确要求右边保持原样）。
   ========================================================================== */

.au-brand-media {
  position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
  /* 海报垫底：视频没播（省流 / 减弱动态 / 还没开始播）时这里就是一颗静态的蛋 */
  background: #0c0a08 url('/video/auth-bg-poster.jpg') center / cover no-repeat;
}
.au-brand-media video { display: block; width: 100%; height: 100%; object-fit: cover; }

/* 遮罩三层叠：品牌暖橙留一点色 → 文字带压到最重 → 左侧再补一层（文字都从左边起排）。
   强度是按**文字实际占的纵向区间**分配的：标题/标语/统计都落在 26%~68% 这一段，
   那一段压到 0.80（左侧叠加后 ≈0.89），上方与下方只压 0.30 左右——蛋面和金裂纹
   在文字带之外照旧看得见，这也是「背景要好看」和「文字要清楚」的折中点。
   对比度账（最坏情况 = 视频里最亮的蛋面 ≈ 0.9 亮度）：
   0.9 × (1-0.89) ≈ 0.10 → 暖白字（#F8F1E6）对它的对比度 ≈ 5.5:1，
   连 13px/75% 透明度的统计说明也在 4.5:1 以上。 */
.au-brand-scrim {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(150deg, rgba(255, 138, 0, .18) 0%, rgba(255, 90, 0, .05) 42%, rgba(0, 0, 0, 0) 68%),
    linear-gradient(180deg,
      rgba(10, 7, 4, .30) 0%,
      rgba(10, 7, 4, .62) 20%,
      rgba(10, 7, 4, .80) 30%,
      rgba(10, 7, 4, .80) 62%,
      rgba(10, 7, 4, .55) 76%,
      rgba(10, 7, 4, .34) 100%),
    linear-gradient(90deg, rgba(10, 7, 4, .45) 0%, rgba(10, 7, 4, .18) 55%, rgba(0, 0, 0, 0) 78%);
}

/* 文字层必须显式抬到遮罩之上：面板里除文字外都是绝对定位元素，
   .au-brand-inner 原本是普通流（不定位就会被后出现的遮罩盖住）。
   两个漂浮小蛋同层，保持在遮罩之上。 */
.au-brand-video .au-brand-inner { position: relative; z-index: 2; }
.au-brand-video .au-float { z-index: 2; }

/* 深色视频上一律暖白：亮色主题那套深棕字（#3A2400）在视频上读不出来 */
.au-brand-video,
[data-theme="dark"] .au-brand-video { color: #F8F1E6; }
.au-brand-video h1 { text-shadow: 0 2px 28px rgba(0, 0, 0, .55); }
.au-brand-video .au-slogan { opacity: .9; }
.au-brand-video .au-stats b { text-shadow: 0 1px 18px rgba(0, 0, 0, .5); }
.au-brand-video .au-stats span { opacity: .8; }
/* 角落那枚 260px 的装饰蛋和视频里的实拍蛋是同一件事，两个一起出现就是重影，视频态里摘掉；
   两个小漂浮蛋留着——那是这套品牌面板最轻的「蛋」母题，视频里也没有同款 */
.au-brand-video .au-egg-big { display: none; }