/* =========================================================================
   VideoQR 管理后台「VideoQR 风格」主题（工作台 #/secure/*）
   -------------------------------------------------------------------------
   参考：projectNew/product.md（VideoQR 设计系统 v1.0，2026-10-27）
     画布 #fbfcf9(--bg-page) / 交替带 #f2f5ef(--bg-band) / 白卡(--bg-raise)
     媒体框底 #e9ece5(--bg-frame) / 线 #e4e6e0(--line)
     主色 #144b37(--green) / 深绿 #0f3d2c(--green-deep) / 字色 #131a17(--ink)
     次级字 #4d5a53(--ink-soft) / 圆角体系 8(--r-sm)/12(--r-md)/20(--r-lg)
     语义色成对（浅底+文字）：成功 #e8f5ec/#0e7a3b 警示 #fff4e6/#9a4b00
     危险 #feecea/#b32a1c / Inter 字族（CJK 走系统字）/ 数字 tabular-nums
   v1.1（2026-10-27，对齐 product.md）：
     · 圆角从 9/12/14/16 收敛到 8/12/20 三档
     · 主按钮/链接 hover 统一转 --green-deep（原 #0a5b43 废弃）
     · 卡片去掉静置阴影（product.md 红线 2：静置阴影=0，层次靠底色+细线）
     · 危险色对齐语义 token（#b4453a → #b32a1c / #feecea）
     · 深绿侧栏激活点缀色 #5FD3A6 → #00C389（product.md §2.5 深色档）
     · 新增键盘焦点环（:focus-visible 2px 品牌绿，永不移除）
     · 数字统一 tabular-nums（product.md §3）
     · 分段/筛选 chip 激活态改「绿底白字」（product.md §6.4）
   约束：
     - 只改视觉属性（背景/边框/圆角/阴影/字色/字重/字族），不改
       display/width/height/position/padding，避免打乱原布局
     - 全部规则以 html.vqr-theme-site 门控（console.js 在工作台恒加该类；
       2026-10-27 起经典模式下线，界面只有 VideoQR 一套皮肤）
     - 侧栏等有行内 style 的地方（.pwc-menu 的 background）用 !important
   ========================================================================= */

/* ---------- 字体：与官网同一份自托管 Inter（CJK 回落到系统字；
               正文实际使用由 overview.css 的 Fira Sans 覆盖） ---------- */
@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/__vqr/fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/__vqr/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

html.vqr-theme-site{
  /* ---- 底色四层（product.md §2.1 板底表，控制台唯一取值来源） ---- */
  --site-bg:#fbfcf9;          /* --bg-page 页面底 */
  --site-band:#f2f5ef;        /* --bg-band 交替带/表头/嵌板 */
  --site-surface:#ffffff;     /* --bg-raise 卡片/控件 */
  --site-frame:#e9ece5;       /* --bg-frame 兜底底/进度条轨道 */
  /* ---- 线与字 ---- */
  --site-seam:#e4e6e0;        /* --line */
  --site-seam-strong:#d2d7d0; /* 加深一档的线（输入 hover） */
  --site-ink:#131a17;         /* --ink 主文字 */
  --site-ink-2:#4d5a53;       /* --ink-soft 次级文字（7.02:1） */
  --site-muted:#66716c;       /* 第三档：仅辅助元信息（4.92:1，≥14px） */
  /* ---- 品牌绿 ---- */
  --site-green:#144b37;       /* --green */
  --site-green-deep:#0f3d2c;  /* --green-deep：hover / 深绿面（侧栏） */
  --site-green-hover:#0f3d2c; /* product.md §6.1：hover = green-deep */
  --site-green-50:#eef5f1;    /* 8% 绿染色底的实色近似（hover 染色） */
  --site-green-accent:#00C389;/* 深色面上的品牌绿提亮档（§2.5 深色变体） */
  /* ---- 语义色（product.md §2.2，成对：浅底/文字） ---- */
  --site-ok:#0e7a3b;      --site-ok-soft:#e8f5ec;
  --site-warn:#9a4b00;    --site-warn-soft:#fff4e6;
  --site-danger:#b32a1c;  --site-danger-soft:#feecea;
  /* ---- 圆角三档（product.md §5.1） ---- */
  --r-sm:8px;   /* 按钮/chip/输入 */
  --r-md:12px;  /* 小卡/表格容器/下拉 */
  --r-lg:20px;  /* 大卡/弹窗 */
}

/* ---------- 画布与外壳 ---------- */
html.vqr-theme-site body{
  background:var(--site-bg) !important;
}
html.vqr-theme-site .app-main{
  background:var(--site-bg) !important;
  color:var(--site-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
html.vqr-theme-site .main-content-shell,
html.vqr-theme-site .overview-page{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
/* 除概览以外的页面：整页一张白卡（--r-lg，静置阴影=0） */
html.vqr-theme-site .secure-page-panel{
  background:var(--site-surface) !important;
  border:1px solid var(--site-seam) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
}

/* ---------- 顶栏 ---------- */
html.vqr-theme-site .top-nav-bar{
  background:var(--site-surface) !important;
  border-bottom:1px solid var(--site-seam);
  box-shadow:none !important;
}
html.vqr-theme-site .header-link,
html.vqr-theme-site .user-email{
  color:var(--site-ink-2) !important;
}
html.vqr-theme-site .header-link:hover{
  color:var(--site-green) !important;
  background:var(--site-green-50) !important;
}

/* ---------- 侧栏：深绿底 ---------- */
html.vqr-theme-site .app-nav-bar{
  background:var(--site-green-deep) !important;
  border-right:1px solid rgba(255,255,255,.06);
}
/* 侧栏顶部品牌行（汉堡 + logo + 字标）：厂商写死 --sidebar-bg:#15213e 藏青，
   与深绿侧栏割裂 —— 连变量一起改掉，收起态也吃得到 */
html.vqr-theme-site .sidebar-logo-container{
  --sidebar-bg:var(--site-green-deep) !important;
  background:var(--site-green-deep) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
html.vqr-theme-site .app-nav-bar .logo-container{
  background:var(--site-green-deep) !important;
}
html.vqr-theme-site .pwc-menu,
html.vqr-theme-site .pwc-menu.sidebar.is-dark,
html.vqr-theme-site .pwc-skin-color-mode--dark{
  background:var(--site-green-deep) !important;
  color:rgba(255,255,255,.78) !important;
}
html.vqr-theme-site .pwc-menu-item__content,
html.vqr-theme-site .pwc-sub-menu__content{
  border-radius:8px !important;
  color:rgba(255,255,255,.80) !important;
  transition:background-color .15s,color .15s;
}
html.vqr-theme-site .pwc-menu-item__title,
html.vqr-theme-site .pwc-sub-menu__title{
  color:inherit !important;
  font-size:13.5px;
}
html.vqr-theme-site .pwc-menu-item__icon,
html.vqr-theme-site .pwc-sub-menu__icon{
  color:rgba(255,255,255,.62) !important;
}
html.vqr-theme-site .pwc-menu-item__content:hover,
html.vqr-theme-site .pwc-sub-menu__content:hover{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
}
html.vqr-theme-site .pwc-menu-item__content:hover .pwc-menu-item__icon,
html.vqr-theme-site .pwc-sub-menu__content:hover .pwc-sub-menu__icon{
  color:rgba(255,255,255,.88) !important;
}
html.vqr-theme-site .pwc-menu-item__content.is-active,
html.vqr-theme-site .pwc-sub-menu__content.is-active{
  background:rgba(0,195,137,.16) !important;
  color:#fff !important;
}
html.vqr-theme-site .pwc-menu-item__content.is-active .pwc-menu-item__title,
html.vqr-theme-site .pwc-sub-menu__content.is-active .pwc-sub-menu__title{
  color:#fff !important;
  font-weight:600;
}
html.vqr-theme-site .pwc-menu-item__content.is-active .pwc-menu-item__icon,
html.vqr-theme-site .pwc-sub-menu__content.is-active .pwc-sub-menu__icon{
  color:var(--site-green-accent) !important;
}
/* 子菜单文字稍暗一档，保持层级 */
html.vqr-theme-site .pwc-sub-menu__children .pwc-menu-item__title{
  color:rgba(255,255,255,.70) !important;
}
html.vqr-theme-site .pwc-sub-menu__children .pwc-menu-item__content:hover .pwc-menu-item__title,
html.vqr-theme-site .pwc-sub-menu__children .pwc-menu-item__content.is-active .pwc-menu-item__title{
  color:#fff !important;
}
/* Beta / New 徽标：紫色渐变 → 浅绿小胶囊 */
html.vqr-theme-site .menu-item-beta>.pwc-menu-item__content:after,
html.vqr-theme-site .menu-item-beta>.pwc-sub-menu__wrap>.pwc-sub-menu__content:after{
  background:rgba(0,195,137,.18) !important;
  color:#B9E8D2 !important;
  border-radius:999px !important;
  font-weight:600 !important;
}
/* 侧栏品牌：QRveo 官方 logo（绿 #006847 / 红 #CE1126 斜切方块 + 白色字标图）
   —— 资产由 qrveo-mexico-site/logo.png 加工（白底抠透明 + 字标反白），
      见同目录 logo-mark.png / logo-word-white.png（2026-10-27 品牌统一） */
html.vqr-theme-site .sidebar-brand-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
html.vqr-theme-site .sidebar-brand-link::before{
  content:"";
  flex:none;
  width:26px;
  height:26px;
  background:url('/__vqr/logo-mark.png') center/contain no-repeat;
}
/* 字标用官方字形图片（font-size:0 隐藏 Vue 文本节点，文本仍可供读屏） */
html.vqr-theme-site .sidebar-brand-wordmark{
  color:transparent !important;
  font-size:0;
  width:62px;   /* 17px × 字标宽高比 3.625 */
  height:17px;
  background:url('/__vqr/logo-word-white.png') left center/contain no-repeat;
}
html.vqr-theme-site .sidebar-logo,
html.vqr-theme-site .sidebar-logo-hit{
  color:rgba(255,255,255,.62) !important;
}
html.vqr-theme-site .sidebar-logo-hit:hover{
  background:rgba(255,255,255,.08) !important;
  border-radius:8px;
}

/* ---------- 概览页卡片：白卡浮在画布上（--r-lg，层次靠边线不靠阴影） ---------- */
html.vqr-theme-site .overview-kpi-card,
html.vqr-theme-site .overview-video-trends-section,
html.vqr-theme-site .overview-rich-panel,
html.vqr-theme-site .overview-ranking-tables-section,
html.vqr-theme-site .overview-account-panel{
  background:var(--site-surface) !important;
  border:1px solid var(--site-seam) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:none !important;
}
html.vqr-theme-site .overview-watch__panel,
html.vqr-theme-site .overview-watch__kpi{
  background:var(--site-band) !important;
  border:1px solid var(--site-seam) !important;
  border-radius:var(--r-md) !important;
}
html.vqr-theme-site .overview-kpi-card__title{
  color:var(--site-ink-2) !important;
  font-weight:600 !important;
}
html.vqr-theme-site .overview-kpi-card__value{
  color:var(--site-ink) !important;
  font-weight:700 !important;
  letter-spacing:-.01em;
}
html.vqr-theme-site .overview-kpi-card__scope,
html.vqr-theme-site .overview-kpi-card__delta{
  color:var(--site-muted) !important;
}
/* KPI 图标：四色 → 绿系四档 */
html.vqr-theme-site .overview-kpi-icon{
  background:var(--site-green-50) !important;
  color:var(--site-green) !important;
}
html.vqr-theme-site .overview-kpi-icon--blue{
  background:#e9f1ec !important;
  color:#144b37 !important;
}
html.vqr-theme-site .overview-kpi-icon--cyan{
  background:#e6f2ee !important;
  color:#0f6b5a !important;
}
html.vqr-theme-site .overview-kpi-icon--orange{
  background:#e9f2ec !important;
  color:#3f8067 !important;
}
html.vqr-theme-site .overview-kpi-icon--violet{
  background:#edf3ef !important;
  color:#5f8f79 !important;
}
/* 卡片标题字号统一到官网的标题气质 */
html.vqr-theme-site .overview-watch__title,
html.vqr-theme-site .overview-watch__panel-head h3,
html.vqr-theme-site .overview-video-trends-section__title,
html.vqr-theme-site .overview-ranking-tables-section__title{
  color:var(--site-ink) !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
}
html.vqr-theme-site .overview-watch__kpi-sub,
html.vqr-theme-site .overview-watch__kpi-delta,
html.vqr-theme-site .overview-watch__panel-head span,
html.vqr-theme-site .overview-watch__panel-head a,
html.vqr-theme-site .overview-table-head,
html.vqr-theme-site .overview-rich-table__head{
  color:var(--site-muted) !important;
}
/* 筛选/分段胶囊：激活态 = 绿底白字（product.md §6.4） */
html.vqr-theme-site .overview-video-trends-section__tab,
html.vqr-theme-site .overview-video-trends-section__filter{
  background:var(--site-band) !important;
  border-color:transparent !important;
  color:var(--site-ink-2) !important;
}
html.vqr-theme-site .overview-video-trends-section__tab:hover,
html.vqr-theme-site .overview-video-trends-section__filter:hover{
  background:var(--site-green-50) !important;
  color:var(--site-green) !important;
}
html.vqr-theme-site .overview-video-trends-section__tab--active,
html.vqr-theme-site .overview-video-trends-section__filter--active{
  background:var(--site-green) !important;
  border-color:var(--site-green) !important;
  color:#fff !important;
  font-weight:600;
}
html.vqr-theme-site .overview-account-actions__btn{
  border-color:var(--site-seam) !important;
  border-radius:10px !important;
  color:var(--site-ink) !important;
}
html.vqr-theme-site .overview-account-actions__btn:hover{
  border-color:var(--site-seam-strong) !important;
  color:var(--site-green) !important;
  background:var(--site-green-50) !important;
}
html.vqr-theme-site .overview-account-actions__btn--primary{
  background:var(--site-green) !important;
  border-color:var(--site-green) !important;
  color:#fff !important;
}
html.vqr-theme-site .overview-account-actions__btn--primary:hover{
  background:var(--site-green-hover) !important;
  border-color:var(--site-green-hover) !important;
  color:#fff !important;
}
html.vqr-theme-site .overview-video-trends-section__chart,
html.vqr-theme-site .overview-funnel-viz{
  border-radius:12px !important;
}

/* ---------- 图表配色：默认的蓝/青/橙/紫 四色 → 官网绿阶 ----------
   注意三处图表的着色机制完全不同，必须分别处理：
     1) KPI 卡右下角迷你走势线：<svg><path>，颜色来自
        .overview-kpi-card__sparkline--blue path[data-v-*]{stroke:#1268ff}
        → 用同类链 + 更高特异性覆盖 stroke
     2) 漏斗色块：background-color 写死在行内 style 上 → 只能 !important
     3) 趋势图：ECharts 画在 canvas 上，CSS 无法触及像素
        → 用 hue-rotate 把 214° 的蓝转到 158° 的绿，饱和度一并降档；
          滤镜矩阵对灰阶行和为 1，所以坐标轴/网格/文字不受影响
   ------------------------------------------------------------------ */
html.vqr-theme-site .overview-kpi-card__sparkline--blue path{
  stroke:#144b37 !important;
}
html.vqr-theme-site .overview-kpi-card__sparkline--cyan path{
  stroke:#1d7a5e !important;
}
html.vqr-theme-site .overview-kpi-card__sparkline--orange path{
  stroke:#3f8067 !important;
}
html.vqr-theme-site .overview-kpi-card__sparkline--violet path{
  stroke:#5f8f79 !important;
}
html.vqr-theme-site .overview-funnel-viz__row:nth-child(1) .overview-funnel-viz__block{
  background-color:#0f3d2c !important;
}
html.vqr-theme-site .overview-funnel-viz__row:nth-child(2) .overview-funnel-viz__block{
  background-color:#17553f !important;
}
html.vqr-theme-site .overview-funnel-viz__row:nth-child(3) .overview-funnel-viz__block{
  background-color:#1d6a4f !important;
}
html.vqr-theme-site .overview-funnel-viz__row:nth-child(4) .overview-funnel-viz__block{
  background-color:#2f7d5f !important;
}
html.vqr-theme-site .overview-funnel-viz__row:nth-child(5) .overview-funnel-viz__block{
  background-color:#4f9179 !important;
}
html.vqr-theme-site .overview-video-trends-section__chart canvas{
  filter:hue-rotate(-56deg) saturate(.78);
}

/* ---------- 收尾：把零星的原厂强调色并入绿系 ----------
   这些颜色是硬编码在组件样式里的散点（蓝 #006eff / 橙 #ff6b35），
   量少但露在页面上很扎眼，逐个按类名收掉
   ------------------------------------------------------------------ */
html.vqr-theme-site .overview-ranking-tables-section__footer-link,
html.vqr-theme-site .overview-rich-panel__footer-link,
html.vqr-theme-site .overview-quota__upgrade-link{
  color:var(--site-green) !important;
  font-weight:600;
}
html.vqr-theme-site .overview-ranking-tables-section__footer-link:hover,
html.vqr-theme-site .overview-rich-panel__footer-link:hover,
html.vqr-theme-site .overview-quota__upgrade-link:hover{
  color:var(--site-green-hover) !important;
}
/* 配额进度条：轨道 + 填充 */
html.vqr-theme-site .overview-quota__metric > i{
  background:var(--site-frame) !important;
}
html.vqr-theme-site .overview-quota__metric > i em{
  background:var(--site-green) !important;
}
html.vqr-theme-site .overview-quota__metric > span,
html.vqr-theme-site .overview-quota dt{
  color:var(--site-ink-2) !important;
}
html.vqr-theme-site .overview-quota__metric > strong,
html.vqr-theme-site .overview-quota dd,
html.vqr-theme-site .overview-quota__user-title{
  color:var(--site-ink) !important;
}
html.vqr-theme-site .overview-quota__metric > small{
  color:var(--site-muted) !important;
}
html.vqr-theme-site .overview-quota__user-section{
  border-top-color:var(--site-seam) !important;
}
/* 剩余天数：可用态转中性，过期态用语义危险色（product.md §2.2） */
html.vqr-theme-site .overview-quota__remaining--available{
  color:var(--site-muted) !important;
}
html.vqr-theme-site .overview-quota__remaining--expired{
  color:var(--site-danger) !important;
}
/* 空状态插画是打包进 CSS 的 base64 PNG，改不了颜色，用灰度滤镜退成中性灰 */
html.vqr-theme-site .plv-empty__picture__content{
  filter:grayscale(1) brightness(1.04) opacity(.55);
}
html.vqr-theme-site .plv-empty__description{
  color:var(--site-muted) !important;
}

/* ---------- 素材页（Mediateca）/ 相册页 ----------
   这两页的样式在独立分包里，用的是原厂蓝 #3f76fc，
   与主壳的类名体系不同，单独收一遍
   ------------------------------------------------------------------ */
html.vqr-theme-site .material-tabs .tab-item:hover{
  color:var(--site-green) !important;
}
html.vqr-theme-site .material-tabs .tab-item.active{
  color:var(--site-green) !important;
  border-bottom-color:var(--site-green) !important;
}
html.vqr-theme-site .group-sidebar .group-list .group-item.active{
  color:var(--site-green) !important;
  background:var(--site-green-50) !important;
}
html.vqr-theme-site .group-sidebar .group-list .group-item .group-action-btn:hover .plv-icon,
html.vqr-theme-site .move-dialog-content .group-list .group-item .group-expand-icon:hover,
html.vqr-theme-site .move-dialog-content .group-list .group-item .selected-icon{
  color:var(--site-green) !important;
}
html.vqr-theme-site .demo-link{
  color:var(--site-green) !important;
  text-decoration-color:#b9d3c6;
}
/* 危险操作用语义危险色对（product.md §2.2：文字 #b32a1c / 浅底 #feecea） */
html.vqr-theme-site .pwc-button--type-danger.is-outline{
  color:var(--site-danger) !important;
  border-color:#efd0cd !important;
}
html.vqr-theme-site .pwc-button--type-danger.is-outline:hover{
  color:#9a251a !important;
  border-color:#e0b3ae !important;
  background:var(--site-danger-soft) !important;
}

/* ---------- 视频页：分类栏与列表 ---------- */
html.vqr-theme-site .category-sidebar{
  border-right:1px solid var(--site-seam) !important;
}
html.vqr-theme-site .category-item:hover{
  background:var(--site-green-50) !important;
}
html.vqr-theme-site .video-index-page-band__title{
  color:var(--site-ink) !important;
  letter-spacing:-.01em;
}
html.vqr-theme-site .video-index-page-band__count{
  background:var(--site-green-50) !important;
  color:var(--site-green) !important;
}
html.vqr-theme-site .video-index-page-band__titles-rule{
  background:var(--site-seam) !important;
}

/* ---------- 按钮（product.md §6.1：--r-sm 8px、hover=green-deep、active 缩放） ---------- */
html.vqr-theme-site .plv-button{
  border-radius:var(--r-sm) !important;
  font-weight:500;
}
html.vqr-theme-site .plv-button:active{
  transform:scale(.98);
}
html.vqr-theme-site .plv-button--normal{
  background:var(--site-green) !important;
  border-color:var(--site-green) !important;
  color:#fff !important;
}
html.vqr-theme-site .plv-button--normal:hover{
  background:var(--site-green-hover) !important;
  border-color:var(--site-green-hover) !important;
}
html.vqr-theme-site .plv-button--medium,
html.vqr-theme-site .plv-button--operate{
  color:var(--site-green) !important;
  border-color:var(--site-seam) !important;
  background:#fff !important;
}
html.vqr-theme-site .plv-button--medium:hover,
html.vqr-theme-site .plv-button--operate:hover{
  background:var(--site-green-50) !important;
  border-color:var(--site-green) !important;
}
/* 视频页底部那排按钮里的红色/蓝色描边统一成绿系 */
html.vqr-theme-site .bottom-action-bar .plv-button,
html.vqr-theme-site .bottom-controls .plv-button{
  border-radius:var(--r-sm) !important;
}

/* 视频列表「Acciones」列的 Editar / Vista previa / Código QR 是行内小按钮，
   组件给的是 plv-button--normal，上面的规则会把它们刷成三块实心深绿，
   一行里色块过重、压过标题。这里只在这一列改回文字按钮（悬停浅绿底），
   与旁边的「Más」保持同样的轻量分量。 */
html.vqr-theme-site .video-table .col-actions .col-actions__btn{
  background:transparent !important;
  border-color:transparent !important;
  color:var(--site-green) !important;
  box-shadow:none !important;
}
html.vqr-theme-site .video-table .col-actions .col-actions__btn:hover{
  background:var(--site-green-50) !important;
  border-color:transparent !important;
  color:var(--site-green-deep) !important;
}
html.vqr-theme-site .video-table .col-actions .more-btn{
  background:transparent !important;
  color:var(--site-green) !important;
}
html.vqr-theme-site .video-table .col-actions .more-btn:hover{
  background:var(--site-green-50) !important;
  color:var(--site-green-deep) !important;
}

/* ---------- 输入 / 选择（--r-sm；focus 边转绿 + 焦点环） ---------- */
html.vqr-theme-site .plv-input__main,
html.vqr-theme-site .plv-select__body,
html.vqr-theme-site .search-input{
  border:1px solid var(--site-seam) !important;
  border-radius:var(--r-sm) !important;
  background:#fff !important;
}
html.vqr-theme-site .plv-input__main:hover,
html.vqr-theme-site .plv-select__body:hover{
  border-color:var(--site-seam-strong) !important;
}
html.vqr-theme-site .plv-input__main:focus-within,
html.vqr-theme-site .plv-select__body:focus-within{
  border-color:var(--site-green) !important;
  box-shadow:0 0 0 3px rgba(20,75,55,.10) !important;
}
html.vqr-theme-site .plv-input__main__input__inner{
  color:var(--site-ink) !important;
}
html.vqr-theme-site .plv-input__main__input__inner::placeholder{
  color:var(--site-muted) !important;
}
html.vqr-theme-site .plv-form-item__label,
html.vqr-theme-site .plv-form-item__label__content{
  color:var(--site-ink-2) !important;
  font-weight:500;
}

/* ---------- 表格（表头用交替带色，行线统一 --line） ---------- */
html.vqr-theme-site .plv-table{
  border-radius:var(--r-md) !important;
}
html.vqr-theme-site .plv-table-header{
  background:var(--site-band) !important;
}
html.vqr-theme-site .plv-table-header__th,
html.vqr-theme-site .plv-table-header__th__cell{
  color:var(--site-muted) !important;
  font-weight:600 !important;
  font-size:12.5px;
}
html.vqr-theme-site .plv-table-body__td{
  border-bottom:1px solid var(--site-seam) !important;
}
html.vqr-theme-site .plv-table-body tr:hover .plv-table-body__td,
html.vqr-theme-site .plv-table-body__tr:hover .plv-table-body__td{
  background:#fbfcfa !important;
}
html.vqr-theme-site .plv-table__bottom{
  border-top:1px solid var(--site-seam) !important;
  background:#fff !important;
}
html.vqr-theme-site .overview-rich-table,
html.vqr-theme-site .video-table{
  border-color:var(--site-seam) !important;
}

/* ---------- 分页 ---------- */
html.vqr-theme-site .plv-pagination__btn,
html.vqr-theme-site .plv-pagination__control{
  border-radius:8px !important;
  color:var(--site-ink-2) !important;
}
html.vqr-theme-site .plv-pagination__btn:hover{
  background:var(--site-green-50) !important;
  color:var(--site-green) !important;
}
html.vqr-theme-site .plv-pagination__btn--current{
  background:var(--site-green) !important;
  border-color:var(--site-green) !important;
  color:#fff !important;
}
html.vqr-theme-site .plv-pagination__btn--current:hover{
  background:var(--site-green) !important;
  color:#fff !important;
}

/* ---------- 复选 / 单选 ---------- */
html.vqr-theme-site .plv-checkbox.plv-checkbox--checked .plv-checkbox__inner,
html.vqr-theme-site .plv-checkbox__inner--checked{
  background:var(--site-green) !important;
  border-color:var(--site-green) !important;
  color:#fff !important;
}
html.vqr-theme-site .plv-checkbox__inner{
  border-color:var(--site-seam-strong) !important;
  border-radius:4px !important;
}
html.vqr-theme-site .plv-radio__inner.is-checked,
html.vqr-theme-site .plv-radio--checked .plv-radio__inner,
html.vqr-theme-site .plv-radio__inner--checked{
  border-color:var(--site-green) !important;
  background:var(--site-green) !important;
}

/* ---------- 弹窗 / 下拉（弹窗属覆盖层：允许阴影；圆角 --r-lg） ---------- */
html.vqr-theme-site .plv-dialog__container{
  border-radius:var(--r-lg) !important;
  box-shadow:0 24px 64px -8px rgba(19,26,23,.24) !important;
}
html.vqr-theme-site .plv-dialog__container__header{
  border-bottom:1px solid var(--site-seam) !important;
}
html.vqr-theme-site .plv-dialog__container__header__text{
  color:var(--site-ink) !important;
  font-weight:600 !important;
}
html.vqr-theme-site .plv-dropdown-menu{
  border:1px solid var(--site-seam) !important;
  border-radius:12px !important;
  box-shadow:0 12px 32px rgba(16,32,26,.12) !important;
  padding:6px !important;
}
html.vqr-theme-site .plv-dropdown-item{
  border-radius:8px !important;
  color:var(--site-ink-2) !important;
}
html.vqr-theme-site .plv-dropdown-item:hover{
  background:var(--site-green-50) !important;
  color:var(--site-green) !important;
}
html.vqr-theme-site .plv-select__options{
  border:1px solid var(--site-seam) !important;
  border-radius:12px !important;
  box-shadow:0 12px 32px rgba(16,32,26,.12) !important;
}
html.vqr-theme-site .plv-select-option:hover{
  background:var(--site-green-50) !important;
  color:var(--site-green) !important;
}

/* ---------- 滚动条 ---------- */
html.vqr-theme-site .app-main ::-webkit-scrollbar{
  width:8px;
  height:8px;
}
html.vqr-theme-site .app-main ::-webkit-scrollbar-thumb{
  background:#d8e0da;
  border-radius:8px;
}
html.vqr-theme-site .app-main ::-webkit-scrollbar-thumb:hover{
  background:#c3cfc7;
}
html.vqr-theme-site .app-main ::-webkit-scrollbar-track{
  background:transparent;
}

/* ---------- 数字与键盘焦点（product.md §3 / §9） ----------
   数字统一 tabular-nums：KPI、表格、分页、价格全部等宽数字，纵向扫描不跳
   键盘焦点环 2px 品牌绿 + 2px offset，只对 :focus-visible 生效（不干扰鼠标），
   输入类控件内部豁免（容器已有 focus-within 描边 + 焦点环） */
html.vqr-theme-site .app-main{
  font-variant-numeric:tabular-nums;
}
html.vqr-theme-site .app-main :focus-visible{
  outline:2px solid var(--site-green);
  outline-offset:2px;
}
html.vqr-theme-site .plv-input__main :focus-visible,
html.vqr-theme-site .plv-select__body :focus-visible,
html.vqr-theme-site .search-input :focus-visible{
  outline:none;
}

/* =========================================================================
   经典（Clásico）模式 2026-10-27 下线
   —— 左下角的风格切换器（Clásico / VideoQR 胶囊）已随 console.js 一起移除，
      界面只保留 VideoQR 一套皮肤，所以这里不再有切换器样式。
   —— 原先为给浮动切换器让位而加的菜单底部 80px 余量 + 渐隐遮罩也一并撤销：
      没有按钮压在菜单末尾，多余的底部留白和淡出只会让最后一项"消失"。
   ========================================================================= */
html.vqr-console .pwc-menu__body{
  padding-bottom:8px;
  -webkit-mask-image:none;
  mask-image:none;
}

/* =========================================================================
   账号信息页：标题行右侧「修改密码」按钮（2026-10-29）
   -------------------------------------------------------------------------
   侧栏「账号信息 / 子账号 / 修改密码」已合并为一个顶级项「账号管理」，
   管理员改密入口只剩这里（子账号仍用侧栏原项，由 P15b 保留）。
   按钮由 console.js 注入，类名 vqr-pwd-entry。
   标题行原始是 display:block（heading 撑满整行），要让按钮靠右必须转 flex；
   该规则只在 .account-info-body 内生效，不波及其它页面。
   视觉沿用设计系统：白底 + 细线 + 胶囊，hover 转浅绿底。
   ========================================================================= */
html.vqr-theme-site .account-info-body .page-section-header__head-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
html.vqr-theme-site .account-info-body .page-section-header__heading{
  flex:1 1 auto;
  width:auto;
  min-width:0;
}
html.vqr-theme-site .vqr-pwd-entry{
  flex:0 0 auto;
  height:32px;
  padding:0 16px;
  border:1px solid #e4e6e0;
  border-radius:999px;
  background:#fff;
  color:#0f3d2c;
  font-family:Inter,"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
html.vqr-theme-site .vqr-pwd-entry:hover{
  background:#f2f5ef;
  border-color:#cfe0d3;
}
html.vqr-theme-site .vqr-pwd-entry:active{
  background:#e8f5ec;
}
html.vqr-theme-site .vqr-pwd-entry:focus-visible{
  outline:2px solid #144b37;
  outline-offset:2px;
}