/* ============================================================================
   QRVeo 点播后台 · 主题皮肤「Postal de México / 墨西哥风土明信片 · 轻拟物」
   ----------------------------------------------------------------------------
   一句话设计说明：
     把后台当成一张从墨西哥寄来的明信片 —— 米黄纸张、深靛油墨描边、
     玫红/万寿菊橙/孔雀蓝/葡萄紫的民间配色，配上邮票齿孔、邮戳、
     纸质高光与压印阴影（轻拟物），让原本的蓝白后台有手作温度。

   实现方式：
     纯 CSS 覆盖（不改厂商打包产物），类名前缀统一用 mx-。
     厂商样式多为运行时注入，故关键视觉属性统一加 !important。

   目录：
     00 变量与纸张
     01 骨架：侧栏 / 顶栏 / 内容区
     02 品牌 logo
     03 卡片与面板
     04 按钮
     05 表单与输入
     06 表格
     07 下拉 / 弹层 / 分页 / 标签
     08 登录页（整张明信片）
     09 细节：滚动条、选中、空状态、装饰
     10 响应式
   ========================================================================== */

/* ---------------------------------------------------------------- 00 变量 */
:root {
  /* 纸张 */
  --mx-paper: #fbf3e3;
  --mx-paper-2: #f4e6cd;
  --mx-card: #fffcf4;
  --mx-card-2: #fdf7ea;
  --mx-inset: #fbf4e6;
  /* 油墨 */
  --mx-ink: #16223f;
  --mx-ink-2: #3b4763;
  --mx-ink-3: #6b7691;
  --mx-line: rgba(22, 34, 63, 0.14);
  --mx-line-strong: rgba(22, 34, 63, 0.28);
  /* 民间配色 */
  --mx-rosa: #d91e63;
  --mx-rosa-deep: #a91349;
  --mx-marigold: #ee9a1e;
  --mx-marigold-2: #f7b84b;
  --mx-turquesa: #0e9aa0;
  --mx-turquesa-deep: #0a7c81;
  --mx-verde: #2c8f6a;
  --mx-uva: #6b3d96;
  --mx-terracota: #c4553b;
  /* 侧栏（夜蓝） */
  --mx-night-1: #1b2947;
  --mx-night-2: #101b33;
  /* 字体 */
  --mx-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', sans-serif;
  --mx-display: 'Georgia', 'Songti SC', 'Noto Serif SC', 'Times New Roman', serif;
  /* 阴影：上高光 + 下压印 + 柔和投影，这是“轻拟物”的三件套 */
  --mx-lift: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 -2px 0 rgba(22, 34, 63, 0.045) inset,
    0 10px 22px -14px rgba(22, 34, 63, 0.5);
  --mx-lift-sm: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -1px 0 rgba(22, 34, 63, 0.05) inset,
    0 4px 10px -8px rgba(22, 34, 63, 0.45);
  --mx-press: 0 2px 6px -3px rgba(22, 34, 63, 0.55) inset;
  /* 纹理 */
  --mx-grain: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNDAnIGhlaWdodD0nMTQwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPSc0JyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxNDAnIGhlaWdodD0nMTQwJyBmaWx0ZXI9J3VybCgjbiknIG9wYWNpdHk9Jy40MicvPjwvc3ZnPg==');
  --mx-bunting: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5NicgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDk2IDIwJz48cGF0aCBkPSdNMCAxSDk2JyBzdHJva2U9JyMxNjIyM0YnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJy8+PHBhdGggZD0nTTIgMmgyMEwxMiAxOXonIGZpbGw9JyNFNTIyNkUnLz48cGF0aCBkPSdNMjYgMmgyMEwzNiAxOXonIGZpbGw9JyNGNUE2MjMnLz48cGF0aCBkPSdNNTAgMmgyMEw2MCAxOXonIGZpbGw9JyMwRkEzQTYnLz48cGF0aCBkPSdNNzQgMmgyMEw4NCAxOXonIGZpbGw9JyM2RTNBOTYnLz48L3N2Zz4=');
  --mx-postmark: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNjAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwIDAgMTYwIDE2MCc+PGcgZmlsbD0nbm9uZScgc3Ryb2tlPScjRTUyMjZFJyBzdHJva2Utd2lkdGg9JzMnPjxjaXJjbGUgY3g9JzgwJyBjeT0nODAnIHI9JzY2JyBvcGFjaXR5PScuNTUnLz48Y2lyY2xlIGN4PSc4MCcgY3k9JzgwJyByPSc1Micgb3BhY2l0eT0nLjM1JyBzdHJva2UtZGFzaGFycmF5PSc5IDcnLz48cGF0aCBkPSdNMTQgODBoMTMyJyBvcGFjaXR5PScuMzUnLz48cGF0aCBkPSdNODAgMTR2MTMyJyBvcGFjaXR5PScuMTgnLz48L2c+PC9zdmc+');
}

/* 纸张：底色 + 极细纤维纹理（叠在 body 背景里，不遮挡任何交互） */
html,
body {
  background-color: var(--mx-paper) !important;
  background-image: var(--mx-grain);
  background-size: 140px 140px;
  background-blend-mode: multiply;
  color: var(--mx-ink) !important;
  font-family: var(--mx-font) !important;
}

::selection {
  background: rgba(217, 30, 99, 0.18);
  color: var(--mx-ink);
}

/* 内容区整体：从灰白 → 米黄纸 */
.app-container,
.main-container,
section.app-main {
  background-color: transparent !important;
}

/* ------------------------------------------------------------ 01 骨架 */
/* 修厂商布局：main-container 写死 1280px 宽，在 1440 屏上会横向溢出，
   用 flex 让侧栏固定、内容自适应，彻底消掉横向滚动 */
.app-container {
  display: flex !important;
  align-items: stretch !important;
}
.sidebar-container {
  flex: 0 0 auto !important;
}
.main-container {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
}
.top-nav-bar,
section.app-main {
  width: 100% !important;
  max-width: 100% !important;
}

/* 侧栏：夜蓝 + 缝线分隔（像手账的布脊） */
.sidebar-container {
  background: linear-gradient(180deg, var(--mx-night-1) 0%, var(--mx-night-2) 100%) !important;
  box-shadow: 4px 0 18px -12px rgba(16, 27, 51, 0.9), 1px 0 0 rgba(251, 243, 227, 0.16) inset !important;
}
.sidebar-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  pointer-events: none;
  background-image: linear-gradient(
    to bottom,
    rgba(251, 243, 227, 0.35) 0 6px,
    transparent 6px 12px
  );
  background-size: 3px 12px;
  opacity: 0.55;
}

/* 侧栏顶部：纸张与折叠按钮 */
.app-nav-bar .logo-container {
  background: transparent !important;
  border-bottom: 1px dashed rgba(251, 243, 227, 0.18) !important;
}
.sidebar-logo-hit {
  color: rgba(251, 243, 227, 0.72) !important;
  border-radius: 8px !important;
  transition: background 0.2s ease, color 0.2s ease;
}
.sidebar-logo-hit:hover {
  background: rgba(251, 243, 227, 0.12) !important;
  color: #fff !important;
}

/* 菜单 */
.pwc-menu.sidebar,
.pwc-menu__body,
.pwc-menu__content {
  background: transparent !important;
  background-color: transparent !important;
}
.pwc-menu.sidebar {
  border-right: none !important;
}

/* 分组标题（Página agregada / Video QR / Usuarios …） */
.pwc-sub-menu__title {
  color: rgba(251, 243, 227, 0.66) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
}
.pwc-sub-menu__icon {
  color: rgba(247, 184, 75, 0.9) !important;
}
.pwc-sub-menu__content:hover .pwc-sub-menu__title {
  color: #fdf7ea !important;
}

/* 叶子菜单项：圆角纸片，hover 微亮，active 变万寿菊标签 */
.pwc-menu-item__content {
  border-radius: 10px !important;
  margin: 2px 8px !important;
  color: rgba(251, 243, 227, 0.82) !important;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease,
    box-shadow 0.18s ease;
}
.pwc-menu-item__content:hover {
  background: rgba(251, 243, 227, 0.1) !important;
  color: #fff !important;
}
.pwc-menu-item__content.is-active {
  background: linear-gradient(180deg, var(--mx-marigold-2) 0%, var(--mx-marigold) 100%) !important;
  color: var(--mx-ink) !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset, 0 2px 0 rgba(169, 100, 12, 0.55),
    0 8px 16px -10px rgba(0, 0, 0, 0.7) !important;
}
.pwc-menu-item__content.is-active .pwc-menu-item__icon,
.pwc-menu-item__content.is-active .pwc-menu-item__title {
  color: var(--mx-ink) !important;
}
.pwc-menu-item__icon {
  color: rgba(251, 243, 227, 0.6) !important;
}

/* Beta / New 角标：玫红与孔雀蓝的小纸签 */
.pwc-sub-menu .menu-item-beta::after,
.pwc-menu-item__title + .pwc-tag {
  background: var(--mx-rosa) !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* 顶栏：明信片抬头，底部一排彩色三角旗 */
.top-nav-bar {
  position: relative !important;
  background: linear-gradient(180deg, #fffdf7 0%, var(--mx-paper) 100%) !important;
  border-bottom: 1px solid var(--mx-line) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 6px 18px -16px rgba(22, 34, 63, 0.8) !important;
}
.top-nav-bar::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 10px;
  background-image: var(--mx-bunting);
  background-repeat: repeat-x;
  background-size: auto 10px;
  opacity: 0.92;
  pointer-events: none;
}
/* 顶栏工具链接：保持“文字链”，不要被按钮皮肤误伤 */
.top-nav-bar .plv-button.header-link,
.top-nav-bar .text-box > a {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
  min-width: 0 !important;
  height: auto !important;
  color: var(--mx-ink-2) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.top-nav-bar .plv-button.header-link:hover,
.top-nav-bar .text-box > a:hover {
  background: rgba(247, 184, 75, 0.18) !important;
  color: var(--mx-ink) !important;
  transform: none !important;
}
.top-nav-bar a {
  color: var(--mx-ink-2) !important;
}
.top-nav-bar a:hover {
  color: var(--mx-rosa) !important;
}

/* 内容区：纸面 + 轻微内凹，像压在桌面上的明信片 */
section.app-main {
  background-image: radial-gradient(120% 80% at 50% 0%, #fdf5e6 0%, var(--mx-paper) 45%, #f2e0c0 100%) !important;
  padding-top: 14px !important;
}

/* 页面主体 = 一张压在桌上的明信片：米白纸 + 油墨细描边 + 上高光下压印 */
.main-content-shell {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 -3px 0 rgba(22, 34, 63, 0.045) inset,
    0 20px 44px -30px rgba(22, 34, 63, 0.75) !important;
}

/* ------------------------------------------------------------ 02 品牌 */
/* 侧栏：图 + 字。图片用新 logo，文字做手作感排版 */
.sidebar-brand-link {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
}
.sidebar-brand-link::before {
  content: '';
  width: 30px;
  height: 26px;
  flex: 0 0 auto;
  background-image: url('/theme/logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
}
.sidebar-brand-wordmark {
  color: #fdf7ea !important;
  font-family: var(--mx-display) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* --------------------------------------------------------- 03 卡片 */
/* 明信片纸面上的“印花区块”：比纸略深一档，细描边 + 轻压印 */
.overview-kpi-card,
.overview-ranking-tables-section,
.overview-funnel-section,
.overview-trend-section,
.video-list-container,
.video-column-page .column-card,
.album-collection .album-card,
.account-info-page .account-card,
.user-list-page .user-card,
.plv-card,
.pwc-card,
.el-card {
  background: var(--mx-inset) !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--mx-lift-sm) !important;
}

/* KPI 卡：顶部彩色印刷条 + 印章式图标底座 */
.overview-kpi-card {
  position: relative;
  overflow: hidden;
  padding-top: 18px !important;
}
.overview-kpi-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--mx-turquesa);
}
.overview-kpi-card--blue::before {
  background: var(--mx-turquesa);
}
.overview-kpi-card--green::before {
  background: var(--mx-verde);
}
.overview-kpi-card--orange::before {
  background: var(--mx-marigold);
}
.overview-kpi-card--purple::before {
  background: var(--mx-uva);
}
.overview-kpi-card--red::before,
.overview-kpi-card--pink::before {
  background: var(--mx-rosa);
}

/* 图标：齿孔邮票框 */
.overview-kpi-icon {
  border: 1.5px dashed var(--mx-line-strong) !important;
  border-radius: 10px !important;
  background: var(--mx-card-2) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}
.overview-kpi-icon svg {
  color: var(--mx-ink) !important;
}

/* 数字：衬线 + 类墨迹 */
.overview-kpi-card .overview-kpi-value,
.overview-kpi-value {
  font-family: var(--mx-display) !important;
  color: var(--mx-ink) !important;
  letter-spacing: -0.01em;
}

/* 区块标题：标题左侧一小段万寿菊笔触 */
.overview-ranking-tables-section__title,
.overview-kpi-card .overview-kpi-title {
  color: var(--mx-ink) !important;
  font-weight: 700 !important;
}
.overview-ranking-tables-section__title::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 4px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--mx-rosa), var(--mx-marigold));
}

/* --------------------------------------------------------- 04 按钮 */
/* 基础：圆角 + 压印底边（轻拟物的关键） */
.plv-button,
button.plv-button {
  border-radius: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
  border-width: 1px !important;
  border-style: solid !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease,
    color 0.16s ease !important;
}
.plv-button:hover {
  transform: translateY(-1px);
}
.plv-button:active {
  transform: translateY(1px);
}

/* 主按钮：玫红纸牌 */
.plv-button.plv-button--normal:not(.header-link) {
  background: linear-gradient(180deg, #e83a76 0%, var(--mx-rosa) 55%, #c41757 100%) !important;
  color: #fff !important;
  border: 1px solid var(--mx-rosa-deep) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 0 var(--mx-rosa-deep),
    0 8px 16px -10px rgba(169, 19, 73, 0.8) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}
.plv-button.plv-button--normal:not(.header-link):not(.col-actions__btn):not(.more-btn):hover {
  background: linear-gradient(180deg, #ef4a83 0%, #e02669 55%, #cf1a5c 100%) !important;
}
.plv-button.plv-button--normal:not(.header-link):active {
  box-shadow: 0 2px 6px -3px rgba(0, 0, 0, 0.5) inset !important;
}

/* 次按钮（描边）：孔雀蓝 */
.plv-button.plv-button--operate:not(.header-link) {
  background: var(--mx-card) !important;
  color: var(--mx-turquesa-deep) !important;
  border: 1px solid var(--mx-turquesa) !important;
  box-shadow: var(--mx-lift-sm) !important;
}
.plv-button.plv-button--operate:not(.header-link):not(.col-actions__btn):not(.more-btn):hover {
  background: rgba(14, 154, 160, 0.1) !important;
}

/* 危险：陶土红 */
.plv-button.plv-button--delete {
  background: var(--mx-card) !important;
  color: var(--mx-terracota) !important;
  border: 1px solid var(--mx-terracota) !important;
  box-shadow: var(--mx-lift-sm) !important;
}
.plv-button.plv-button--delete:hover {
  background: rgba(196, 85, 59, 0.1) !important;
}

/* 普通/取消：米白纸 */
.plv-button.plv-button--cancel:not(.header-link),
.plv-button.plv-button--default:not(.header-link) {
  background: linear-gradient(180deg, #fffdf7, var(--mx-card-2)) !important;
  color: var(--mx-ink-2) !important;
  border: 1px solid var(--mx-line-strong) !important;
  box-shadow: var(--mx-lift-sm) !important;
}
.plv-button.plv-button--cancel:not(.header-link):hover,
.plv-button.plv-button--default:not(.header-link):hover {
  color: var(--mx-ink) !important;
  background: #fff !important;
}

/* 禁用态 */
button.plv-button.plv-button--disabled,
button.plv-button[disabled] {
  opacity: 0.55 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: grayscale(0.3);
}

/* 表格行内操作（编辑内容 / 预览 / 生成二维码 / 更多）：文字链，不做成实心按钮 */
.plv-button.col-actions__btn,
.plv-button.col-actions__btn.plv-button--normal,
.plv-button.col-actions__btn.plv-button--operate,
.plv-button.more-btn,
.plv-button.more-btn.plv-button--operate {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--mx-turquesa-deep) !important;
  padding: 0 4px !important;
  min-width: 0 !important;
  height: auto !important;
  white-space: nowrap;
  text-shadow: none !important;
  transform: none !important;
  font-weight: 600 !important;
}
.plv-button.col-actions__btn:hover,
.plv-button.more-btn:hover {
  color: var(--mx-turquesa-deep) !important;
  background: transparent !important;
  background-image: none !important;
  text-decoration: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 文字链按钮（表格里的 编辑 / 预览） */
.col-actions__btn,
.plv-button--text {
  color: var(--mx-turquesa-deep) !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
}
.col-actions__btn:hover,
.plv-button--text:hover {
  color: var(--mx-turquesa-deep) !important;
  background: transparent !important;
  background-image: none !important;
  text-decoration: none !important;
}

/* 聚合页等操作列：与视频列表统一为紧凑文字链，不使用红色实心胶囊。 */
.action-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
}
.action-buttons .plv-button,
.action-buttons .plv-button.plv-button--normal,
.action-buttons .plv-button.plv-button--operate,
.action-buttons .plv-button.plv-button--medium,
.action-buttons .plv-button.plv-button--small {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--mx-turquesa-deep) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  transform: none !important;
}
.action-buttons .plv-button:not(.header-link):not(.col-actions__btn):not(.more-btn):hover {
  color: var(--mx-turquesa-deep) !important;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}
.action-buttons .icon-btn img,
.action-buttons .icon-btn svg {
  display: none !important;
}

/* 素材 ID 后的复制按钮：与操作列统一为紧凑文字链，避免被列宽挤成竖排。 */
.material-id {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.material-id .id-text {
  flex: 0 1 140px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.material-id .plv-button:not(.header-link):not(.col-actions__btn):not(.more-btn) {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--mx-turquesa-deep) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  transform: none !important;
}
.material-id .plv-button:not(.header-link):not(.col-actions__btn):not(.more-btn):hover {
  color: var(--mx-turquesa-deep) !important;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}

/* 子账号操作列：编辑 / 访问权限 / 删除统一为紧凑文字链。 */
.plv-button.sub-account-action-btn:not(.header-link):not(.col-actions__btn):not(.more-btn) {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--mx-turquesa-deep) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  transform: none !important;
}
.plv-button.sub-account-action-btn:not(.header-link):not(.col-actions__btn):not(.more-btn):hover {
  color: var(--mx-turquesa-deep) !important;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}
.plv-button.sub-account-action-btn + .plv-button.sub-account-action-btn {
  margin-left: 8px !important;
}

/* plv-input 搜索框：内层不再画框，只保留外层圆角边框。 */
.plv-input__main__input__inner:not([type='checkbox']):not([type='radio']),
.plv-input__main__input input:not([type='checkbox']):not([type='radio']),
.plv-input-variable__main__input__inner {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.plv-input__main {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(22, 34, 63, 0.06) inset !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.plv-input__main:hover {
  border-color: rgba(200, 127, 74, 0.55) !important;
}
.plv-input__main.plv-input__main--focus,
.plv-input__main.plv-input__main--focus:hover {
  border-color: var(--mx-turquesa) !important;
  box-shadow: 0 0 0 3px rgba(14, 154, 160, 0.16) !important;
}
.plv-input__main__input__inner::placeholder {
  color: var(--mx-ink-3) !important;
}
.plv-input__main__input__inner {
  color: var(--mx-ink) !important;
}

/* 新建专栏 / 新建页面：暖橙纸牌主按钮，顶部与空状态统一。 */
.plv-button.cuplayer-button-new.plv-button--normal:not(.header-link):not(.col-actions__btn):not(.more-btn),
.empty-state .empty-actions .empty-create-btn.plv-button,
.empty-state .empty-actions .empty-create-btn.plv-button.cuplayer-button-new {
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  border: 1px solid #c17a12 !important;
  background-color: #f2ad35 !important;
  background-image: linear-gradient(180deg, #f8c45e 0%, #eea02b 56%, #db8b18 100%) !important;
  color: #16223f !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.62) inset,
    0 2px 0 #a9670e,
    0 10px 18px -12px rgba(120, 72, 8, 0.9) !important;
  filter: none !important;
  transform: none !important;
}
.plv-button.cuplayer-button-new.plv-button--normal:not(.header-link):not(.col-actions__btn):not(.more-btn):hover,
.empty-state .empty-actions .empty-create-btn.plv-button:hover,
.empty-state .empty-actions .empty-create-btn.plv-button.cuplayer-button-new:hover {
  background-image: linear-gradient(180deg, #fbd06f 0%, #f3ab36 56%, #e5941e 100%) !important;
  border-color: #b66f0b !important;
  color: #111b33 !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 3px 0 #a9670e,
    0 14px 22px -13px rgba(120, 72, 8, 0.95) !important;
}
.plv-button.cuplayer-button-new.plv-button--normal:not(.header-link):not(.col-actions__btn):not(.more-btn):active,
.empty-state .empty-actions .empty-create-btn.plv-button:active {
  transform: translateY(1px) !important;
  box-shadow: 0 2px 7px -3px rgba(120, 72, 8, 0.7) inset !important;
}

/* pwc-input 搜索框：内层输入框不再画框，外层容器作为唯一的圆角边框。 */
.pwc-form-base .pwc-form-base__content input,
.pwc-form-base__content input,
.pwc-input input,
.pwc-textarea textarea {
  background: transparent !important;
  border: none !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}
.pwc-form-base .pwc-form-base__content input:focus,
.pwc-form-base__content input:focus,
.pwc-input input:focus,
.pwc-textarea textarea:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.pwc-form-base.pwc-input,
.pwc-form-base.pwc-textarea {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(22, 34, 63, 0.06) inset !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.pwc-form-base.pwc-input:focus-within,
.pwc-form-base.pwc-textarea:focus-within {
  border-color: var(--mx-turquesa) !important;
  box-shadow: 0 0 0 3px rgba(14, 154, 160, 0.16) !important;
}
.pwc-form-base .pwc-form-base__content input::placeholder,
.pwc-input input::placeholder {
  color: var(--mx-ink-3) !important;
}

/* --------------------------------------------------------- 05 表单 */
.el-input__inner,
.plv-input__inner,
.plv-textarea__inner,
input[type='text'],
input[type='password'],
input[type='search'],
textarea {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 10px !important;
  color: var(--mx-ink) !important;
  box-shadow: 0 1px 2px rgba(22, 34, 63, 0.06) inset !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.el-input__inner::placeholder,
.plv-input__inner::placeholder,
textarea::placeholder {
  color: var(--mx-ink-3) !important;
}
.el-input__inner:focus,
.plv-input__inner:focus,
.plv-textarea__inner:focus,
textarea:focus {
  border-color: var(--mx-turquesa) !important;
  box-shadow: 0 0 0 3px rgba(14, 154, 160, 0.16) !important;
  outline: none !important;
}

/* 下拉选择框 */
.el-select .el-input__inner,
.el-select__wrapper,
.plv-select__body {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 10px !important;
  color: var(--mx-ink) !important;
}

/* 表单标签 */
.el-form-item__label,
.form-label,
label {
  color: var(--mx-ink-2) !important;
}

/* 复选框 / 单选：方角变圆，选中用玫红 */
.plv-checkbox__inner,
.el-checkbox__inner {
  border-radius: 5px !important;
  border-color: var(--mx-line-strong) !important;
  background: var(--mx-card) !important;
}
.plv-checkbox__inner--checked,
.el-checkbox__inner.is-checked {
  background: var(--mx-rosa) !important;
  border-color: var(--mx-rosa-deep) !important;
}

/* 开关 */
.el-switch.is-checked .el-switch__core,
.plv-switch--checked .plv-switch__core {
  background: var(--mx-verde) !important;
  border-color: var(--mx-verde) !important;
}

/* --------------------------------------------------------- 06 表格 */
.plv-table {
  background: transparent !important;
  border-radius: 12px !important;
  overflow: hidden;
}
.plv-table-header,
.plv-table-header__wrap,
.plv-table__header__wrap {
  background: var(--mx-card-2) !important;
}
.plv-table-header__th {
  background: var(--mx-card-2) !important;
  color: var(--mx-ink-2) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--mx-line-strong) !important;
}
.plv-table-body,
.plv-table__body__wrap {
  background: transparent !important;
}
.plv-table-body__td,
.plv-table-body__td__cell {
  color: var(--mx-ink) !important;
  border-bottom: 1px dashed var(--mx-line) !important;
  background: transparent !important;
}
.plv-table-body__tr:hover .plv-table-body__td,
.plv-table-body__tr:hover .plv-table-body__td__cell {
  background: rgba(247, 184, 75, 0.12) !important;
}
.plv-table-body__tr:hover .plv-table-body__td:first-child,
.plv-table-body__tr:hover .plv-table-body__td__cell:first-child {
  box-shadow: inset 3px 0 0 var(--mx-marigold);
}

/* 表格缩略图：白边 + 阴影，像贴上去的相片 */
.video-table img,
.plv-table-body img {
  border-radius: 6px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9), 0 2px 6px -2px rgba(22, 34, 63, 0.35) !important;
}

/* 分类侧栏（视频列表左栏） */
.category-list,
.category-item {
  background: transparent !important;
}
.category-item.is-active,
.category-item:hover {
  background: rgba(247, 184, 75, 0.16) !important;
  border-radius: 10px !important;
  color: var(--mx-ink) !important;
}

/* --------------------------------------------------- 07 弹层 / 分页 */
.plv-dropdown__popper,
.plv-dropdown-menu,
.el-dropdown-menu,
.el-popper,
.plv-select__dropdown,
.plv-popper {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 40px -22px rgba(22, 34, 63, 0.7), 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
  color: var(--mx-ink) !important;
}
.plv-dropdown-item:hover,
.el-dropdown-menu__item:hover,
.plv-select-option:hover {
  background: rgba(14, 154, 160, 0.12) !important;
  color: var(--mx-ink) !important;
  border-radius: 8px !important;
}
.plv-dropdown-item.is-active,
.el-dropdown-menu__item--active {
  color: var(--mx-rosa) !important;
  font-weight: 700 !important;
}

/* 弹窗：像一张盖了戳的明信片 */
.el-dialog,
.el-message-box,
.plv-modal__body,
.plv-dialog {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 70px -40px rgba(22, 34, 63, 0.9), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}
.el-dialog__title,
.el-message-box__title {
  color: var(--mx-ink) !important;
  font-family: var(--mx-display) !important;
  font-weight: 700 !important;
}

/* 分页 */
.el-pagination button,
.el-pagination .el-pager li,
.plv-pagination button,
.plv-pagination__item {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 8px !important;
  color: var(--mx-ink-2) !important;
}
.el-pagination .el-pager li.is-active,
.plv-pagination__item.is-active {
  background: var(--mx-ink) !important;
  border-color: var(--mx-ink) !important;
  color: #fdf7ea !important;
  font-weight: 700 !important;
}

/* 标签 / 徽标 */
.el-tag,
.plv-tag {
  border-radius: 999px !important;
  border: 1px solid var(--mx-line) !important;
  background: var(--mx-card-2) !important;
  color: var(--mx-ink-2) !important;
  font-weight: 600 !important;
}

/* 开关式 tab：像抽屉上的标签 */
.plv-tabs__item.is-active,
.el-tabs__item.is-active {
  color: var(--mx-rosa) !important;
  font-weight: 700 !important;
}
.plv-tabs__ink-bar,
.el-tabs__active-bar {
  background: var(--mx-rosa) !important;
}

/* 提示 / Toast */
.plv-message,
.el-message {
  border-radius: 12px !important;
  border: 1px solid var(--mx-line-strong) !important;
  box-shadow: 0 12px 28px -18px rgba(22, 34, 63, 0.8) !important;
  background: var(--mx-card) !important;
}

/* --------------------------------------------------------- 08 登录页 */
/* 整页：纸 + 明信片 */
.g-layout.p-pc-page {
  background-color: var(--mx-paper) !important;
  background-image: var(--mx-grain) !important;
  background-size: 140px 140px !important;
  background-blend-mode: multiply !important;
}
/* 厂商在登录卡外面又套了一层白底带阴影的容器，这里去掉，只留一张明信片 */
.c-main-container {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: none !important;
}
.g-layout.p-pc-page .c-header {
  background: transparent !important;
  border-bottom: 1px dashed var(--mx-line) !important;
}

/* 抬头品牌：图 + 衬线字，像明信片上的印刷落款 */
.c-header__logo a {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 10px;
  text-decoration: none !important;
}
.c-header__logo img {
  height: 40px !important;
  width: auto !important;
  filter: drop-shadow(0 1px 1px rgba(22, 34, 63, 0.18));
}
.c-header__logo a::after {
  content: 'QRVeo';
  font-family: var(--mx-display);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--mx-ink);
}
.c-header__nav-lang-trigger {
  color: var(--mx-ink-2) !important;
  font-weight: 600 !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 999px !important;
  padding: 3px 12px !important;
  background: var(--mx-card) !important;
  box-shadow: var(--mx-lift-sm) !important;
}

/* 登录卡片：一张贴在桌面的明信片 */
.c-login {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.c-login__main {
  position: relative;
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 -3px 0 rgba(22, 34, 63, 0.05) inset,
    0 28px 60px -34px rgba(22, 34, 63, 0.85) !important;
  padding: 34px 34px 26px !important;
  overflow: hidden;
}
/* 顶部三角旗 */
.c-login__main::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 14px;
  background-image: var(--mx-bunting);
  background-repeat: repeat-x;
  background-size: auto 14px;
}
/* 右下角邮戳 */
.c-login__main::after {
  content: '';
  position: absolute;
  right: -26px;
  bottom: -30px;
  width: 150px;
  height: 150px;
  background-image: var(--mx-postmark);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.16;
  transform: rotate(-12deg);
  pointer-events: none;
}

.c-login__title {
  color: var(--mx-ink) !important;
  font-family: var(--mx-display) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  position: relative;
  padding-bottom: 10px;
}
.c-login__title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44px;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--mx-rosa), var(--mx-marigold));
}

/* 输入框：略大、圆角，聚焦孔雀蓝 */
.c-login .el-input__inner,
.c-login .captcha-input {
  height: 44px !important;
  border-radius: 12px !important;
  background: var(--mx-card-2) !important;
  border: 1px solid var(--mx-line-strong) !important;
  font-size: 14px !important;
}
.c-login .el-input__inner:focus,
.c-login .captcha-input:focus {
  background: #fff !important;
  border-color: var(--mx-turquesa) !important;
  box-shadow: 0 0 0 3px rgba(14, 154, 160, 0.16) !important;
}
.captcha-container img {
  border-radius: 10px !important;
  border: 1px solid var(--mx-line) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

/* 主按钮：玫红 */
#button-login,
.c-login__main__submit {
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #e83a76 0%, var(--mx-rosa) 55%, #c41757 100%) !important;
  color: #fff !important;
  border: 1px solid var(--mx-rosa-deep) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 3px 0 var(--mx-rosa-deep),
    0 12px 22px -14px rgba(169, 19, 73, 0.9) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease !important;
}
#button-login:hover,
.c-login__main__submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, 0 4px 0 var(--mx-rosa-deep),
    0 16px 26px -14px rgba(169, 19, 73, 0.9) !important;
}
#button-login:active,
.c-login__main__submit:active {
  transform: translateY(2px);
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.45) inset !important;
}

/* 底部注册条 */
.c-login__footer {
  border-top: 1px dashed var(--mx-line) !important;
  background: transparent !important;
  color: var(--mx-ink-2) !important;
}
.c-login__footer a,
.c-login__main__login-assist a {
  color: var(--mx-turquesa-deep) !important;
  font-weight: 600 !important;
}
.c-login__footer a:hover,
.c-login__main__login-assist a:hover {
  color: var(--mx-rosa) !important;
}

/* 页脚版权 */
.c-footer {
  background: transparent !important;
  color: var(--mx-ink-3) !important;
  border-top: none !important;
}

/* --------------------------------------------------------- 09 细节 */
/* 滚动条：陶土红细条 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(196, 85, 59, 0.45) transparent;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-thumb {
  background: rgba(196, 85, 59, 0.4);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(196, 85, 59, 0.65);
  background-clip: content-box;
}
*::-webkit-scrollbar-track {
  background: transparent;
}

/* 素材库等宽表格有三层容器同步横向滚动，隐藏内部两条重复滚动条，只保留最下方那一条。 */
.pwc-table-header-wrap::-webkit-scrollbar,
.pwc-table-body-wrap::-webkit-scrollbar,
.pwc-table__header-wrap::-webkit-scrollbar,
.pwc-table__body-wrap::-webkit-scrollbar,
.plv-table__header__wrap::-webkit-scrollbar,
.plv-table__body__wrap::-webkit-scrollbar,
.plv-table-header__wrap::-webkit-scrollbar,
.plv-table-body__wrap::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.pwc-table-header-wrap,
.pwc-table-body-wrap,
.pwc-table__header-wrap,
.pwc-table__body-wrap,
.plv-table__header__wrap,
.plv-table__body__wrap,
.plv-table-header__wrap,
.plv-table-body__wrap {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* 空状态插图：给默认插画加一层暖色滤镜 */
.empty-image img,
.plv-empty__image img,
.plv-empty img {
  filter: sepia(0.35) saturate(1.15) hue-rotate(-8deg);
  opacity: 0.85;
}

/* 分隔线统一成虚线 */
hr,
.plv-divider {
  border-top: 1px dashed var(--mx-line) !important;
}

/* --------------------------------------------------------- 10 响应式 */
@media (max-width: 1280px) {
  .overview-kpi-card {
    border-radius: 14px !important;
  }
}
@media (max-width: 768px) {
  .c-login__main {
    border-radius: 16px !important;
    padding: 24px 20px !important;
  }
  .c-login__title {
    font-size: 22px !important;
  }
}

/* 窄屏：登录卡必须收得住，不能横向溢出 */
@media (max-width: 560px) {
  .c-login {
    width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 auto !important;
  }
  .c-login__main {
    padding: 24px 18px 8px !important;
  }
  .c-login__title {
    font-size: 21px !important;
    padding-right: 56px;
  }
  .c-login::after {
    width: 76px !important;
    height: 76px !important;
    right: 8px !important;
    top: 30px !important;
  }
  .c-header__logo a::after {
    font-size: 19px !important;
  }
  .c-header__logo img {
    height: 32px !important;
  }
}

/* 登录页不启用图形验证码；兼容浏览器已缓存的旧版登录包。 */
.c-login .el-form-item:has(.captcha-container) {
  display: none !important;
}


/* ============================================================================
   11 逐页校正
   ——在真实 DOM 上量过之后再补的规则：页面面板、标题栏、表格溢出、登录卡整体
   ========================================================================== */

/* 各页面外壳统一透明，露出米黄纸 */
.overview-page,
.custom-page-page,
.video-list-page,
.video-column-page,
.video-recycle-bin-page,
.album-collection,
.user-list-page,
.user-tags-page,
.account-info-page,
.account-info-root,
.account-info-body,
.custom-page-editor,
.page-content {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 页面面板（厂商通用容器）= 明信片纸 */
.secure-page-panel {
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 -2px 0 rgba(22, 34, 63, 0.04) inset,
    0 12px 26px -20px rgba(22, 34, 63, 0.6) !important;
}

/* 区块标题：衬线 + 虚线分隔 */
.page-section-header__title {
  color: var(--mx-ink) !important;
  font-family: var(--mx-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}
.page-section-header__divider {
  background: transparent !important;
  border-top: 1px dashed var(--mx-line-strong) !important;
  height: 0 !important;
}
.page-section-header__divider::after,
.page-section-header__divider::before {
  background: transparent !important;
}

/* 视频列表页的分栏抬头（Carpetas de vídeo | Lista de vídeos） */
.video-index-page-band {
  background: transparent !important;
  border-bottom: 1px dashed var(--mx-line-strong) !important;
}
.video-index-page-band__title {
  color: var(--mx-ink) !important;
  font-family: var(--mx-display) !important;
  font-weight: 700 !important;
}
.video-index-page-band__count {
  color: var(--mx-rosa) !important;
  font-weight: 700 !important;
}

/* 表格：列宽由厂商算死，容器不够宽时允许横向滚动，避免把「操作」列切掉 */
.plv-table__content,
.video-table,
.plv-table--scrollX {
  overflow-x: auto !important;
}
.plv-table-header__th,
.plv-table-body__td {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
/* KPI 标题用厂商 i18n key 时会溢出，两行截断更体面 */
.overview-kpi-card__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  overflow-wrap: anywhere;
  line-height: 1.25 !important;
}
.overview-kpi-card__scope {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  overflow-wrap: anywhere;
}
/* KPI 配色对齐民间色板 */
.overview-kpi-card--blue::before {
  background: var(--mx-turquesa) !important;
}
/* 仪表盘其它区块：趋势图 / 转化漏斗 / 排行 */
.overview-video-trends-section,
.overview-watch--insights,
.overview-ranking-tables-section,
.overview-side-card {
  background: var(--mx-inset) !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--mx-lift-sm) !important;
}
.overview-video-trends-section h2,
.overview-video-trends-section h3,
.overview-watch__title,
.overview-side-card__title {
  color: var(--mx-ink) !important;
  font-weight: 700 !important;
}
.overview-kpi-card--cyan::before {
  background: var(--mx-verde) !important;
}
.overview-kpi-card--orange::before {
  background: var(--mx-marigold) !important;
}
.overview-kpi-card--violet::before {
  background: var(--mx-uva) !important;
}

/* 编辑器按钮（pwc-button）同步玫红主色 */
.pwc-button {
  border-radius: 11px !important;
  font-weight: 650 !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}
.pwc-button--type-primary,
.pwc-button.is-type-primary {
  background: linear-gradient(180deg, #e83a76 0%, var(--mx-rosa) 55%, #c41757 100%) !important;
  color: #fff !important;
  border: 1px solid var(--mx-rosa-deep) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 0 var(--mx-rosa-deep),
    0 8px 16px -10px rgba(169, 19, 73, 0.8) !important;
}
.pwc-button--type-primary:hover {
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ef4a83 0%, #e02669 55%, #cf1a5c 100%) !important;
}
.pwc-button--type-secondary,
.pwc-button--type-default,
.pwc-button.is-outline,
.pwc-button.is-business-admin:not([class*='type-primary']):not(.is-text) {
  background: var(--mx-card) !important;
  color: var(--mx-ink-2) !important;
  border: 1px solid var(--mx-line-strong) !important;
  box-shadow: var(--mx-lift-sm) !important;
}
.pwc-button.is-outline:hover,
.pwc-button.is-business-admin:not([class*='type-primary']):hover {
  background: #fff !important;
  color: var(--mx-ink) !important;
  border-color: var(--mx-turquesa) !important;
}
/* 内层漏斗/榜单容器：不要出现白盒子套米黄盒子 */
.overview-watch__grid,
.overview-watch__panel,
.overview-watch__body {
  background: transparent !important;
  box-shadow: none !important;
}
/* 编辑器素材卡（Vídeo / Imagen / Audio / PDF / Plantillas）做成邮票砖 */
.editor-material-btn {
  background: var(--mx-inset) !important;
  border: 1.5px dashed var(--mx-line-strong) !important;
  border-radius: 12px !important;
  color: var(--mx-ink-2) !important;
}
.editor-material-btn:hover {
  background: #fff !important;
  border-color: var(--mx-turquesa) !important;
  color: var(--mx-ink) !important;
}

/* 登录卡：整张明信片（卡体 + 下方虚线优惠券） */
.c-login {
  position: relative;
  background: var(--mx-card) !important;
  border: 1px solid var(--mx-line-strong) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 -3px 0 rgba(22, 34, 63, 0.05) inset,
    0 28px 60px -34px rgba(22, 34, 63, 0.85) !important;
  overflow: hidden;
  width: 420px !important;
  min-width: 420px !important;
  max-width: calc(100vw - 32px) !important;
}
.c-login__main {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  background: transparent !important;
  padding: 30px 34px 8px !important;
  overflow: visible;
}
/* 三角旗改为贴在整张卡顶部 */
.c-login__main::before {
  display: none !important;
}
.c-login::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 14px;
  background-image: var(--mx-bunting);
  background-repeat: repeat-x;
  background-size: auto 14px;
  z-index: 2;
  pointer-events: none;
}
/* 邮戳挂在卡片右上，像真盖在明信片角落 */
.c-login__main::after {
  display: none !important;
}
.c-login::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 34px;
  width: 104px;
  height: 104px;
  background-image: var(--mx-postmark);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.13;
  transform: rotate(-14deg);
  pointer-events: none;
}
.c-login__footer {
  border-top: 1px dashed var(--mx-line-strong) !important;
  padding: 14px 20px !important;
  background: rgba(247, 184, 75, 0.07) !important;
}

/* 复选框描边加深一点，米白纸上看得清 */
.plv-checkbox__inner {
  border: 1.5px solid var(--mx-ink-3) !important;
  width: 16px !important;
  height: 16px !important;
}

/* --------------------------------------------------------- 12 空状态 */
/* 厂商给「新建页面」这类空状态 CTA 加了洋红发光，和主题打架，统一回玫红纸牌 */
#app .plv-button.cuplayer-button-new,
#app .empty-actions .plv-button,
#app .empty-create-btn {
  background: linear-gradient(180deg, #e83a76 0%, var(--mx-rosa) 55%, #c41757 100%) !important;
  color: #fff !important;
  border: 1px solid var(--mx-rosa-deep) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 0 var(--mx-rosa-deep),
    0 8px 16px -10px rgba(169, 19, 73, 0.8) !important;
  filter: none !important;
  text-shadow: none !important;
}
#app .plv-button.cuplayer-button-new:hover,
#app .empty-actions .plv-button:hover {
  background: linear-gradient(180deg, #ef4a83 0%, #e02669 55%, #cf1a5c 100%) !important;
  transform: translateY(-1px);
}
/* 空状态插画与说明文字 */
.empty-img img,
.empty-state img {
  filter: sepia(0.5) saturate(1.2) hue-rotate(-10deg) !important;
  opacity: 0.72 !important;
}
.empty-tips,
.tips-item,
.tips-title {
  color: var(--mx-ink-2) !important;
}
.tips-title {
  font-weight: 700 !important;
  color: var(--mx-ink) !important;
}

/* --------------------------------------------------------- 13 墨西哥版本导航精简 */
/* 移除「用户体系」整组：用户列表、信息采集、用户标签均不展示。 */
.app-container .pwc-menu .pwc-sub-menu:has(
  > .pwc-sub-menu__wrap
  > .pwc-sub-menu__content
  > .pwc-sub-menu__icon
  .polyv-icon-user-filled
),
.app-container .pwc-menu .pwc-sub-menu:has(
  > .pwc-sub-menu__wrap
  > .pwc-sub-menu__content
  > .pwc-sub-menu__icon
  .polyv-icon-user
) {
  display: none !important;
}

/* 移除视频菜单中的「内容分类」入口；分类页面与数据仍保留。 */
.app-container
  .pwc-menu
  .pwc-menu__content
  > .pwc-sub-menu:nth-of-type(3)
  > .pwc-sub-menu__children
  > .pwc-sub-menu__children__list
  > .pwc-menu-item:nth-child(4) {
  display: none !important;
}

/* 添加/编辑子账号：角色下拉框不提供「分类者」「维护员」。 */
.plv-select__options:has(
    .plv-select__options__list > .plv-select-option:nth-child(7)
  ):not(:has(.plv-select__options__list > .plv-select-option:nth-child(8)))
  .plv-select__options__list
  > .plv-select-option:nth-child(5),
.plv-select__options:has(
    .plv-select__options__list > .plv-select-option:nth-child(7)
  ):not(:has(.plv-select__options__list > .plv-select-option:nth-child(8)))
  .plv-select__options__list
  > .plv-select-option:nth-child(6) {
  display: none !important;
}

/* 移除视频菜单中的「专辑管理」入口；专辑页面与数据仍保留。 */
.app-container
  .pwc-menu
  .pwc-menu__content
  > .pwc-sub-menu:nth-of-type(3)
  > .pwc-sub-menu__children
  > .pwc-sub-menu__children__list
  > .pwc-menu-item:nth-child(3) {
  display: none !important;
}