/* =================================================================


   阿凡提AI · 亮色现代 SaaS 皮肤（v7）


   参考：云剪大师 / Notion / Linear / 飞书 风格


   配色：白底 + 青绿到水蓝渐变主色 + 深灰文字


   两端共用：本地 EXE webContents.insertCSS + 服务器 <link> 加载


================================================================= */





/* 强制浏览器用亮色主题渲染原生控件（select dropdown / scrollbar / checkbox / radio） */


:root, html, body {


  color-scheme: dark !important;


}





:root {


  /* 灰阶（从最浅到最深） */


  --apl-bg:           #070707;   /* body 底板 · 淡青（阿凡提AI 品牌感） */


  --apl-bg-2:         #0d0b08;   /* 卡片 / 主面板 */


  --apl-bg-3:         #161310;   /* 输入框 / hover */


  --apl-bg-4:         #211d12;   /* 边界 / 分隔 */


  --apl-bg-glass:     rgba(5, 5, 10, 0.88);





  /* 文字（v7.2 进一步加深：用户反馈"导航条那么黑"，主体字也要那样黑） */


  --apl-text:         #f1f5f9;   /* 纯黑，主文字 */


  --apl-text-2:       #c9bfa8;   /* slate-800，副标题/label/desc 也几乎黑 */


  --apl-text-3:       #9d9176;   /* slate-600，placeholder/极次级小字 */


  --apl-text-on-primary: #FFFFFF;





  /* 边框（v7.6 加深一档，让卡片分隔更明显，整体不再浮浮的） */


  --apl-border:       rgba(255,255,255,0.08);


  --apl-border-2:     rgba(255,255,255,0.13);


  --apl-border-3:     rgba(255,255,255,0.20);





  /* 强调色（紫蓝渐变体系） */


  --apl-primary:        #d4af37;   /* indigo-500 */


  --apl-primary-2:      #b8860b;   /* violet-500 */


  --apl-primary-hover:  #a87f1e;   /* indigo-600 */


  --apl-primary-soft:   rgba(212,175,55,0.18);   /* indigo-50 选中态浅紫 */


  --apl-primary-soft-2: rgba(212,175,55,0.28);   /* indigo-100 hover */





  --apl-blue:           #d4af37;


  --apl-purple:         #d4af37;


  --apl-pink:           #d4af37;


  --apl-green:          #d4af37;


  --apl-orange:         #d4af37;


  --apl-red:            #EF4444;





  /* 渐变 */


  --apl-grad-primary:   linear-gradient(135deg, #d4af37 0%, #b8860b 100%);


  --apl-grad-primary-hover: linear-gradient(135deg, #a87f1e 0%, #a87f1e 100%);


  --apl-grad-danger:    linear-gradient(135deg, #dc2626 0%, #ef4444 100%);


  --apl-grad-success:   linear-gradient(135deg, #d4af37 0%, #a87f1e 100%);





  --apl-radius-lg:    16px;


  --apl-radius:       10px;


  --apl-radius-sm:    8px;





  --apl-shadow:       0 1px 3px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.25);


  --apl-shadow-md:    0 4px 12px rgba(0,0,0,0.45), 0 2px 4px rgba(0,0,0,0.25);


  --apl-shadow-lg:    0 10px 32px rgba(0,0,0,0.55), 0 4px 8px rgba(0,0,0,0.35);


  --apl-shadow-primary: 0 8px 24px rgba(212,175,55,0.40);





  --apl-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",


              "Helvetica Neue", "Microsoft YaHei", "Segoe UI", sans-serif;


}





/* ── 1. 基础：白底 + 苹果字体 ────────────────────── */


html, body {


  background: var(--apl-bg) !important;


  background-image: none !important;


  color: var(--apl-text) !important;


  font-family: var(--apl-font) !important;


  -webkit-font-smoothing: antialiased !important;


  -moz-osx-font-smoothing: grayscale !important;


}


* {


  font-family: var(--apl-font) !important;


  letter-spacing: -0.005em !important;


}





/* 通用容器抹平花哨背景 */


body, body div, body section, body article, body main, body aside,


body nav, body header, body footer, body ul, body li, body form, body fieldset,


[class*="container"], [class*="wrapper"], [class*="page"], [class*="layout"],


[class*="content"], [class*="main"] {


  background-color: transparent !important;


  background-image: none !important;


}


body { background: var(--apl-bg) !important; }





/* ── 2. 卡片 / 面板：白底 + 极浅边框 + 浅阴影 ────── */


[class*="card"], [class*="panel"], [class*="box"]:not(input):not(select):not(textarea),


[class*="tile"], [class*="block"]:not(html):not(body),


[class*="section"]:not(section):not(button) {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border) !important;


  border-radius: var(--apl-radius) !important;


  box-shadow: var(--apl-shadow) !important;


}





/* ── 3. 顶部栏 / 工具栏 ──────────────────────────── */


[class*="header"], [class*="topbar"], [class*="navbar"], [class*="toolbar"],


[class*="appbar"], [class*="head-bar"] {


  background: var(--apl-bg-glass) !important;


  backdrop-filter: saturate(180%) blur(20px) !important;


  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;


  border-bottom: 1px solid var(--apl-border) !important;


  box-shadow: none !important;


  color: var(--apl-text) !important;


}





/* ── 4. 左侧 sidebar ──────────────────────────────── */


[class*="sidebar"], [class*="side-nav"], [class*="aside"], [class*="left-bar"],


body > div > nav, body > nav, body > div > aside, body > aside,


body > div:first-child > div:first-child,


body > div > div:first-child:not([class*="content"]):not([class*="main"]):not([class*="page"]) {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  border-right: 1px solid var(--apl-border) !important;


  color: var(--apl-text) !important;


}


[class*="sidebar"] *, [class*="side-nav"] *,


body > div > nav *, body > nav *, body > div > aside *, body > aside * {


  background-color: transparent !important;


  color: var(--apl-text) !important;


}





/* sidebar 选中 / active 态：浅紫底 + 紫色文字 */


[class*="sidebar"] [class*="active"], [class*="sidebar"] [class*="selected"],


[class*="side-nav"] [class*="active"], [class*="side-nav"] [class*="selected"],


[class*="menu-item"][class*="active"], [class*="menu-item"][class*="selected"],


[class*="nav-item"][class*="active"], [class*="nav-item"][class*="selected"] {


  background: var(--apl-primary-soft) !important;


  background-image: none !important;


  color: var(--apl-primary) !important;


  border-radius: var(--apl-radius-sm) !important;


  font-weight: 600 !important;


}





/* ── 5. 按钮基础 ─────────────────────────────────── */


button, [class*="btn"]:not(input):not(textarea), [role="button"],


input[type="button"], input[type="submit"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  border-radius: var(--apl-radius-sm) !important;


  font-weight: 500 !important;


  font-family: var(--apl-font) !important;


  cursor: pointer !important;


  transition: all 0.18s ease !important;


  text-shadow: none !important;


  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;


}


button:hover, [class*="btn"]:hover, [role="button"]:hover {


  background: var(--apl-bg-3) !important;


  border-color: var(--apl-border-3) !important;


  box-shadow: var(--apl-shadow) !important;


}


button:active, [class*="btn"]:active { transform: translateY(0.5px) scale(0.99); }





/* primary 主按钮：紫蓝渐变 + 阴影 */


button[class*="primary"], [class*="btn-primary"], [class*="btn-main"],


button[type="submit"], [class*="cta"]:not([class*="cancel"]) {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 600 !important;


}


button[class*="primary"]:hover, [class*="btn-primary"]:hover,


button[type="submit"]:hover {


  background-image: var(--apl-grad-primary-hover) !important;


  box-shadow: 0 12px 32px rgba(37, 99, 235, 0.40) !important;


  transform: translateY(-1px) !important;


}





/* danger 按钮 */


button[class*="danger"], [class*="btn-danger"], [class*="btn-delete"], [class*="btn-red"] {


  background: var(--apl-grad-danger) !important;


  background-image: var(--apl-grad-danger) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: 0 6px 16px rgba(239, 68, 68, 0.30) !important;


  font-weight: 600 !important;


}





/* ── 6. 输入框 ───────────────────────────────────── */


input, textarea, select {


  background: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  border-radius: var(--apl-radius-sm) !important;


  padding: 9px 12px !important;


  font-family: var(--apl-font) !important;


  font-size: 14px !important;


  transition: all 0.18s ease !important;


  box-shadow: none !important;


}


input::placeholder, textarea::placeholder { color: var(--apl-text-3) !important; }


input:focus, textarea:focus, select:focus {


  outline: none !important;


  border-color: var(--apl-primary) !important;


  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;


}





/* ── 7. 链接 ─────────────────────────────────────── */


a, a:visited { color: var(--apl-primary) !important; text-decoration: none !important; }


a:hover { color: var(--apl-primary-hover) !important; text-decoration: underline !important; }





/* ── 8. 文字 ─────────────────────────────────────── */


body, body p, body span, body div, body label, body li, body td, body th,


body dt, body dd, body small, body strong, body em, body b, body i,


body h1, body h2, body h3, body h4, body h5, body h6 {


  color: var(--apl-text) !important;


}


h1, h2, h3, h4, h5, h6 {


  font-weight: 600 !important;


  letter-spacing: -0.022em !important;


  text-shadow: none !important;


}


h1 { font-weight: 700 !important; }


body small, body [class*="hint"], body [class*="tip"], body [class*="desc"],


body [class*="muted"], body [class*="secondary"], body [class*="subtitle"] {


  color: var(--apl-text-2) !important;


}


/* 暗底用的白字残留拉成深色 */


[style*="color: white"], [style*="color:#fff"], [style*="color: #fff"],


[style*="color:#FFF"], [style*="color: #FFFFFF"], [style*="color:#FFFFFF"],


[style*="color:#f"], [style*="color: #f"],


[style*="color:#e"], [style*="color: #e"] {


  color: var(--apl-text) !important;


}


/* 但按钮里的白字保留 */


button *, [class*="btn"] *, [role="button"] * {


  color: inherit !important;


}





/* ── 9. 表格 ─────────────────────────────────────── */


table { border-collapse: collapse !important; background: var(--apl-bg-2) !important; }


th {


  background: var(--apl-bg-3) !important;


  color: var(--apl-text-2) !important;


  font-weight: 600 !important;


  border-bottom: 1px solid var(--apl-border) !important;


  padding: 10px 12px !important;


}


td {


  background: transparent !important;


  border-bottom: 1px solid var(--apl-border) !important;


  padding: 10px 12px !important;


  color: var(--apl-text) !important;


}


tr:hover td { background: var(--apl-bg-3) !important; }





/* ── 10. Tag / Badge / Chip ──────────────────────── */


[class*="tag"]:not([class*="image"]), [class*="badge"], [class*="chip"], [class*="pill"] {


  background: var(--apl-bg-3) !important;


  color: var(--apl-text-2) !important;


  border: 1px solid var(--apl-border) !important;


  border-radius: 999px !important;


  padding: 3px 10px !important;


  font-size: 12px !important;


  font-weight: 500 !important;


}





/* ── 11. Modal / Dialog ──────────────────────────── */


[class*="modal"], [class*="dialog"]:not(button), [class*="popup"], [class*="drawer"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  backdrop-filter: none !important;


  border-radius: var(--apl-radius-lg) !important;


  box-shadow: var(--apl-shadow-lg) !important;


  border: 1px solid var(--apl-border) !important;


  color: var(--apl-text) !important;


}


[class*="mask"], [class*="overlay"], [class*="backdrop"] {


  background: rgba(15, 23, 42, 0.40) !important;


  backdrop-filter: blur(2px) !important;


}





/* ── 12. 滚动条 ──────────────────────────────────── */


::-webkit-scrollbar { width: 10px !important; height: 10px !important; }


::-webkit-scrollbar-track { background: transparent !important; }


::-webkit-scrollbar-thumb {


  background: rgba(15, 23, 42, 0.18) !important;


  border-radius: 5px !important;


  border: 2px solid transparent !important;


  background-clip: content-box !important;


}


::-webkit-scrollbar-thumb:hover { background: rgba(15, 23, 42, 0.30) !important; background-clip: content-box !important; }





/* ── 13. 选中文本 ────────────────────────────────── */


::selection { background: rgba(37, 99, 235, 0.20) !important; color: var(--apl-text) !important; }





/* ── 14. 进度条 ──────────────────────────────────── */


progress, input[type="range"] { accent-color: var(--apl-primary) !important; }


[class*="progress"]:not([class*="progress-bar-text"]) {


  background: var(--apl-bg-3) !important;


  border-radius: 999px !important;


}


[class*="progress"] [class*="bar"], [class*="progress-fill"] {


  background: var(--apl-grad-primary) !important;


  border-radius: 999px !important;


}





/* ── 15. 视频区 ──────────────────────────────────── */


video, [class*="video-player"], [class*="player-wrap"] {


  background: #000000 !important;


  border-radius: var(--apl-radius) !important;


}





/* ── 16. 兜底：所有深紫色背景 → 白底 ────────────── */


[style*="background:#0d0b08"], [style*="background: #0d0b08"],


[style*="background:#0d0b08"], [style*="background:#0d0b08"],


[style*="background:#070707"], [style*="background:#1f"],


[style*="background-color:#0d0b08"], [style*="background-color:#1"],


[style*="linear-gradient"][style*="#0d0b08"],


[style*="linear-gradient"][style*="#0d0b08"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text) !important;


}





/* =================================================================


   v5 desktop.html 真实 class 名精准命中（保留之前的）


================================================================= */





/* H1. 流水线主按钮 .pl-btn（默认 = 主按钮） */


.pl-btn:not(.pl-btn-secondary):not(.pl-btn-sm):not(.pl-btn-text) {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 600 !important;


  text-shadow: none !important;


  min-height: 38px !important;


  padding: 10px 22px !important;


}


.pl-btn:not(.pl-btn-secondary):not(.pl-btn-sm):hover {


  background-image: var(--apl-grad-primary-hover) !important;


  box-shadow: 0 12px 32px rgba(37, 99, 235, 0.40) !important;


  transform: translateY(-1px) !important;


}





/* H2. 流水线次要 */


.pl-btn.pl-btn-secondary, .pl-btn-secondary {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  box-shadow: var(--apl-shadow) !important;


  font-weight: 500 !important;


}


.pl-btn-secondary:hover {


  background: var(--apl-bg-3) !important;


  border-color: var(--apl-border-3) !important;


}


.pl-btn.pl-btn-sm, .pl-btn-sm {


  min-height: 28px !important;


  padding: 5px 12px !important;


  font-size: 12px !important;


}





/* H3. 关键 CTA */


.gen-btn, .rewrite-do, .tail-rewrite, .tail-seedance {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 600 !important;


  min-height: 36px !important;


  padding: 9px 20px !important;


}


.gen-btn:hover, .rewrite-do:hover, .tail-rewrite:hover, .tail-seedance:hover {


  background-image: var(--apl-grad-primary-hover) !important;


  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.45) !important;


  transform: translateY(-1px) !important;


}





/* H4. 复制按钮 */


.copy-btn, .tail-copy {


  background: var(--apl-bg-3) !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  box-shadow: none !important;


}


.copy-btn:hover, .tail-copy:hover { background: var(--apl-bg-4) !important; }





/* H5. 删除类 */


.mat-remove, .ghc-del {


  background: var(--apl-grad-danger) !important;


  background-image: var(--apl-grad-danger) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.30) !important;


  font-weight: 500 !important;


}





/* H6. H5 编辑器小工具 */


.h5e_pip_size_btn, .h5e_pos_btn {


  background: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  box-shadow: none !important;


}


.h5e_pip_size_btn.active, .h5e_pos_btn.active {


  background: var(--apl-primary-soft) !important;


  color: var(--apl-primary) !important;


  border-color: var(--apl-primary) !important;


}





/* H7. Tab / mode-btn */


.pl-tab, .ls-mode-btn {


  background: transparent !important;


  color: var(--apl-text-2) !important;


  border: 1px solid transparent !important;


  border-radius: var(--apl-radius-sm) !important;


  box-shadow: none !important;


  font-weight: 500 !important;


  text-shadow: none !important;


  padding: 6px 14px !important;


}


.pl-tab.active, .ls-mode-btn.active {


  background: var(--apl-primary-soft) !important;


  color: var(--apl-primary) !important;


  border-color: transparent !important;


  font-weight: 600 !important;


}


.pl-tab:hover:not(.active), .ls-mode-btn:hover:not(.active) {


  background: var(--apl-bg-3) !important;


  color: var(--apl-text) !important;


}





/* H8. Chip */


.pl-chip {


  background: var(--apl-bg-3) !important;


  color: var(--apl-text-2) !important;


  border: 1px solid var(--apl-border) !important;


  border-radius: 999px !important;


  padding: 4px 12px !important;


  font-size: 12px !important;


  font-weight: 500 !important;


  box-shadow: none !important;


}


.pl-chip.active {


  background: var(--apl-primary-soft) !important;


  color: var(--apl-primary) !important;


  border-color: var(--apl-primary) !important;


  font-weight: 600 !important;


}





/* H9. Bootstrap .btn .btn-primary / .btn-secondary */


.btn.btn-primary, button.btn.btn-primary {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 600 !important;


}


.btn.btn-secondary, button.btn.btn-secondary, .btn.btn-sm.btn-secondary {


  background: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  box-shadow: var(--apl-shadow) !important;


}





/* =================================================================


   v6 inline-style 紫色按钮 + onclick CTA 兜底


================================================================= */





button[style*="linear-gradient"][style*="#b8860b"],


button[style*="linear-gradient"][style*="#b8860b"],


button[style*="linear-gradient"][style*="#e6c869"],


button[style*="linear-gradient"][style*="#a87f1e"],


button[style*="linear-gradient"][style*="#b8860b"],


button[style*="linear-gradient"][style*="purple"],


button[style*="background:#b8860b"], button[style*="background: #b8860b"],


button[style*="background:#e6c869"], button[style*="background:#b8860b"],


button[style*="rgba(59,159,191"], button[style*="rgba(59, 159, 191"] {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 600 !important;


  text-shadow: none !important;


}





button[onclick*="doLogin"], button[onclick*="doRegister"],


button[onclick*="doTts"], button[onclick*="plLipSync"],


button[onclick*="plRewrite"], button[onclick*="plGenTitle"],


button[onclick*="plDownloadFinal"], button[onclick*="plDownloadVideo"],


button[onclick*="plPublish"], button[onclick*="plReuseLastVideo"],


button[onclick*="openFullEditor"], button[onclick*="openCover"],


button[onclick*="addPip"], button[onclick*="oneshot"],


button[onclick*="h5OpenEdit"], button[onclick*="h5e_apply"],


button[onclick*="h5Submit"], button[onclick*="extractText"],


button[onclick*="generateAudio"], button[onclick*="generateVideo"],


button[onclick*="startGen"], button[onclick*="startClone"] {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 600 !important;


  text-shadow: none !important;


  min-height: 36px !important;


  padding: 9px 20px !important;


}





button[onclick*="delete"], button[onclick*="remove"],


button[onclick*="cleanup"], button[onclick*="clearGen"],


button[onclick*="clearAnalyze"], button[onclick*="plClearHistory"],


button[onclick*="plDeleteHistoryItem"], button[onclick*="plRemoveVideo"],


button[onclick*="delMy"], button[onclick*="delCloned"], button[onclick*="plReset"] {


  background: var(--apl-grad-danger) !important;


  background-image: var(--apl-grad-danger) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.30) !important;


  font-weight: 500 !important;


  text-shadow: none !important;


}





button[onclick*="Close"], button[onclick*="close"],


button[onclick*="Cancel"], button[onclick*="cancel"],


button[onclick*="hideModal"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  border: 1px solid var(--apl-border-2) !important;


  box-shadow: none !important;


  font-weight: 500 !important;


}





/* inline style 含浅紫 background → 改成 primary-soft */


button[style*="rgba(59,159,191,.25)"],


button[style*="rgba(59, 159, 191, .25)"],


button[style*="rgba(59,159,191,0.25)"] {


  background: var(--apl-primary-soft) !important;


  background-image: none !important;


  color: var(--apl-primary) !important;


  border: 1px solid var(--apl-primary) !important;


}





/* ── 步骤序号圆球（01/02/04/05）→ 紫蓝渐变 ───────── */


[class*="step-no"], [class*="step-num"], [class*="step-index"],


[class*="badge-num"], [class*="circle-num"] {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  border: none !important;


  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.30) !important;


}





/* ── 图标按钮 ───────────────────────────────────── */


[class*="icon-btn"]:not([class*="primary"]),


[class*="icon-only"], [class*="circle-btn"] {


  background: var(--apl-bg-2) !important;


  border: 1px solid var(--apl-border) !important;


  min-height: 32px !important;


  min-width: 32px !important;


  padding: 6px !important;


}


[class*="icon-btn"]:hover, [class*="icon-only"]:hover {


  background: var(--apl-bg-3) !important;


  border-color: var(--apl-border-2) !important;


}





/* ── SVG 图标颜色 ───────────────────────────────── */


svg { color: var(--apl-text) !important; }


[class*="icon"] svg, [class*="ico-"] svg { fill: currentColor !important; }





/* ── 状态色（已发布/草稿/失败） ──────────────────── */


[class*="status-success"], [class*="success"]:not(button),


[class*="published"], [class*="completed"] {


  color: var(--apl-green) !important;


}


[class*="status-draft"], [class*="draft"] {


  color: var(--apl-text-2) !important;


}


[class*="status-error"], [class*="error"]:not(input):not(textarea),


[class*="failed"] {


  color: var(--apl-red) !important;


}





/* =================================================================


   ── 登录页专项修复 ─────────────────────────────────


   .auth-overlay 是 fixed inset:0 容器（含 z-index:500 + flex 居中），


   不是 modal 的 mask，所以不能用 .overlay 通用规则覆盖


================================================================= */





.auth-overlay {


  background: rgba(2, 5, 20, 0.95) !important;


  background-image: none !important;


  backdrop-filter: saturate(180%) blur(16px) !important;


  -webkit-backdrop-filter: saturate(180%) blur(16px) !important;


  /* 保留原 position/inset/z-index/display（不动） */


  pointer-events: auto !important;


}





.auth-box {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  border: 1px solid var(--apl-border-2) !important;


  border-radius: var(--apl-radius-lg) !important;


  box-shadow: var(--apl-shadow-lg) !important;


  padding: 36px !important;


  color: var(--apl-text) !important;


  pointer-events: auto !important;


}


.auth-box h2 { color: var(--apl-text) !important; }


.auth-box .subtitle { color: var(--apl-text-2) !important; }





.auth-field { margin-bottom: 14px !important; }


.auth-field label {


  color: var(--apl-text-2) !important;


  display: block !important;


  margin-bottom: 4px !important;


  font-size: 12px !important;


}


.auth-field input,


.auth-overlay input[type="email"],


.auth-overlay input[type="password"],


.auth-overlay input[type="text"] {


  width: 100% !important;


  background: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  border: 1px solid var(--apl-border-2) !important;


  border-radius: var(--apl-radius-sm) !important;


  padding: 10px 14px !important;


  font-size: 14px !important;


  outline: none !important;


  box-shadow: none !important;


  pointer-events: auto !important;


  position: relative !important;


  z-index: 1 !important;


  -webkit-text-fill-color: var(--apl-text) !important;  /* Chrome autofill */


  caret-color: var(--apl-primary) !important;


}


.auth-field input::placeholder { color: var(--apl-text-3) !important; }


.auth-field input:focus {


  border-color: var(--apl-primary) !important;


  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;


}


.auth-switch, .auth-switch a {


  color: var(--apl-text-2) !important;


}


.auth-switch a {


  color: var(--apl-primary) !important;


  cursor: pointer !important;


}


.auth-error {


  color: var(--apl-red) !important;


  background: rgba(239, 68, 68, 0.08) !important;


  border: 1px solid rgba(239, 68, 68, 0.20) !important;


  border-radius: var(--apl-radius-sm) !important;


  padding: 8px 12px !important;


}





/* 把通用 .overlay 规则的副作用排除掉 auth-overlay */


[class*="mask"]:not(.auth-overlay):not([class*="auth"]),


[class*="overlay"]:not(.auth-overlay):not([class*="auth"]),


[class*="backdrop"]:not(.auth-overlay):not([class*="auth"]) {


  background: rgba(15, 23, 42, 0.40) !important;


  backdrop-filter: blur(2px) !important;


}





/* =================================================================


   ── v7.3 主体文字"看起来"和 sidebar 一样黑 ─────────


   关键：不光改颜色，更要把 font-weight 提到 500（中粗），


   否则 400 weight 的纯黑在白底仍显得"细而灰"


================================================================= */





/* v7.8 — 用户要求"所有带文字的都加粗加黑"：全部 700 + 纯黑 */


body, body p, body span, body div, body label, body li, body td, body th,


body dt, body dd, body strong, body em, body b, body i, body a,


body small, body sub, body sup, body cite, body q, body code,


body button, body input, body select, body textarea, body option {


  color: var(--apl-text) !important;


  font-weight: 700 !important;


}


body h1, body h2 { font-weight: 800 !important; color: var(--apl-text) !important; }


body h3, body h4 { font-weight: 800 !important; color: var(--apl-text) !important; }


body h5, body h6 { font-weight: 700 !important; color: var(--apl-text) !important; }


body strong, body b { font-weight: 800 !important; }





/* 副标题 / 说明 / hint / muted —— 也加粗加黑 */


[class*="hint"], [class*="tip"], [class*="desc"],


[class*="muted"], [class*="secondary"], [class*="subtitle"],


[class*="sub-text"], [class*="sub-title"],


[class*="label"]:not(input):not(textarea), body small {


  color: var(--apl-text) !important;


  font-weight: 700 !important;


}





/* placeholder 单独保持一点弱化，否则跟实际输入混 */


input::placeholder, textarea::placeholder {


  color: #6b6250 !important;


  font-weight: 500 !important;


  opacity: 1 !important;


}





/* 任何 inline 写死浅灰的文字 → 拉到 slate-900 + 中粗 */


[style*="color:#5"], [style*="color: #5"],


[style*="color:#6"], [style*="color: #6"],


[style*="color:#7"], [style*="color: #7"],


[style*="color:#8"], [style*="color: #8"],


[style*="color:#9"], [style*="color: #9"],


[style*="color:#a"], [style*="color: #a"],


[style*="color:#b"], [style*="color: #b"],


[style*="color:#c"], [style*="color: #c"],


[style*="color:#d"], [style*="color: #d"],


[style*="color:#e"], [style*="color: #e"],


[style*="color:#f"], [style*="color: #f"],


[style*="color:gray"], [style*="color: gray"],


[style*="color:grey"], [style*="color: grey"],


[style*="color:rgba(255"], [style*="color: rgba(255"],


[style*="color:rgb(150"], [style*="color: rgb(150"],


[style*="color:rgb(170"], [style*="color: rgb(170"],


[style*="color:rgb(180"], [style*="color: rgb(180"],


[style*="color:rgb(200"], [style*="color: rgb(200"] {


  color: var(--apl-text-2) !important;


  font-weight: 500 !important;


}





/* inline opacity 低的元素 —— 在白底上看不见，强制不透明 */


[style*="opacity:.5"], [style*="opacity: .5"],


[style*="opacity:0.5"], [style*="opacity: 0.5"],


[style*="opacity:.6"], [style*="opacity: .6"],


[style*="opacity:0.6"], [style*="opacity: 0.6"],


[style*="opacity:.7"], [style*="opacity: .7"],


[style*="opacity:0.7"], [style*="opacity: 0.7"],


[style*="opacity:.8"], [style*="opacity: .8"],


[style*="opacity:0.8"], [style*="opacity: 0.8"],


[style*="opacity:.85"], [style*="opacity: .85"] {


  opacity: 1 !important;


}





/* =================================================================


   ── v7.4 全局输入框字色强制黑 ──────────────────────


   远程页面到处有 `input { color: #fff }`（暗底白字遗留），


   切到亮色后字看不见。用 -webkit-text-fill-color 强压所有 input。


================================================================= */





input, textarea, select,


[contenteditable], [contenteditable="true"] {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  caret-color: #d4af37 !important;


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  border: 1px solid var(--apl-border-2) !important;


  font-weight: 500 !important;


}





input::placeholder, textarea::placeholder {


  color: #7a7058 !important;


  -webkit-text-fill-color: #7a7058 !important;


  opacity: 1 !important;


  font-weight: 400 !important;


}





/* Chrome autofill 的黄底覆盖：用 box-shadow 把背景改白 */


input:-webkit-autofill,


input:-webkit-autofill:hover,


input:-webkit-autofill:focus,


input:-webkit-autofill:active,


textarea:-webkit-autofill {


  -webkit-box-shadow: 0 0 0 1000px #161310 inset !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  caret-color: #d4af37 !important;


  transition: background-color 5000s ease-in-out 0s;


}





/* select 选项也强制黑字白底（option 元素需要单独覆盖） */


select {


  color-scheme: dark !important;


  background: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  font-weight: 700 !important;


  border: 1px solid rgba(15,23,42,0.18) !important;


}


option, optgroup {


  color: var(--apl-text) !important;


  background: var(--apl-bg-2) !important;


  background-color: var(--apl-bg-2) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  font-weight: 600 !important;


}


option:checked, option:hover {


  background: #1a1712 !important;


  background-color: #1a1712 !important;


  color: #d4af37 !important;


}





/* 输入框右侧的小按钮（粘贴 / 清空）—— 紧贴 input 的 button 强制可见 */


input + button, input ~ button:not([class*="primary"]):not(.pl-btn),


[class*="paste"], [class*="clear-input"], [class*="clear-btn"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  border: 1px solid rgba(15,23,42,0.18) !important;


  box-shadow: none !important;


  font-weight: 600 !important;


  text-shadow: none !important;


  min-width: 32px !important;


}





/* "数字人" 类似的紫色边胶囊按钮：白底深字（避免紫字紫底） */


button[style*="border"][style*="purple"],


button[style*="border"][style*="#7c"],


button[style*="border"][style*="#a"],


[class*="brand-toggle"], [class*="brand-pill"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  border: 1px solid rgba(37, 99, 235, 0.30) !important;


  font-weight: 700 !important;


}


button[style*="border"][style*="purple"] *,


[class*="brand-toggle"] *, [class*="brand-pill"] * {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


}





/* 一些 inline style 把 input 颜色写死 #fff/#eee/rgba(255,255,255) 的 */


input[style*="color:#fff"], input[style*="color: #fff"],


input[style*="color:#FFF"], input[style*="color: #FFF"],


input[style*="color:white"], input[style*="color: white"],


input[style*="color:rgba(255"], input[style*="color: rgba(255"],


textarea[style*="color:#fff"], textarea[style*="color: #fff"],


textarea[style*="color:white"], textarea[style*="color: white"] {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


}





/* =================================================================


   ── v7.6 顶部 header 按钮兜底：还原"初始状态"的视觉   ───


   之前 v6 把所有含浅紫的按钮变成紫底紫字，紫字在浅紫底上不可见。


   顶部 nav 那排按钮（本地识别/云端 API/抖音 Cookie/阿凡提）


   必须强制：白底 + 深字 + 灰边，恢复可读


================================================================= */





/* 顶部 header / topbar 内的所有非 primary 按钮 */


[class*="header"] button:not([class*="primary"]):not([class*="btn-main"]),


[class*="header"] [class*="btn"]:not([class*="primary"]):not([class*="btn-main"]),


[class*="header"] [class*="pill"], [class*="header"] [class*="capsule"],


[class*="topbar"] button:not([class*="primary"]),


[class*="topbar"] [class*="btn"]:not([class*="primary"]),


[class*="appbar"] button:not([class*="primary"]),


[class*="appbar"] [class*="btn"]:not([class*="primary"]),


[class*="navbar"] button:not([class*="primary"]),


body > div > [class*="head"]:first-child button:not([class*="primary"]),


body > [class*="head"] button:not([class*="primary"]) {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  border: 1px solid rgba(15, 23, 42, 0.18) !important;


  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;


  font-weight: 500 !important;


  text-shadow: none !important;


  padding: 6px 14px !important;


  min-height: 32px !important;


}


[class*="header"] button:not([class*="primary"]):hover,


[class*="topbar"] button:not([class*="primary"]):hover {


  background: #F3F4F6 !important;


  border-color: rgba(15, 23, 42, 0.28) !important;


}





/* 兜底：所有 .pill 默认是按钮风格，不再当 chip。强制可见 */


[class*="pill"]:not([class*="active"]) {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  border: 1px solid rgba(15, 23, 42, 0.18) !important;


  font-weight: 500 !important;


  text-shadow: none !important;


}


[class*="pill"] *, [class*="capsule"] * {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


}





/* 顶部 header 内部任何 inline 写紫色字的元素 → 强制深灰 */


[class*="header"] [style*="color:#7c"], [class*="header"] [style*="color: #7c"],


[class*="header"] [style*="color:#e6c869"], [class*="header"] [style*="color: #e6c869"],


[class*="header"] [style*="color:#a87f1e"], [class*="header"] [style*="color: #a87f1e"],


[class*="topbar"] [style*="color:#7c"], [class*="topbar"] [style*="color: #7c"] {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


}





/* =================================================================


   ── v7.10 远程 HTML 内置 .class { color:#fff } 精准覆盖 ───


   远程页面 <style> 里有 76 处 .xxx { color:#fff } 写死白字，


   优先级 (0,0,1,0) 比我的 body div (0,0,0,2) 高 → 必须用 .class 同级覆盖


================================================================= */





/* 标题 / Hero / Logo 区文字（原本写在深色 banner 上的白字）→ 强制黑 */


.sidebar-logo, .topbar-title, .topbar-info, .topbar-credits,


.user-name, .userName, .nick-name, .user-info,


.analyze-hero, .analyze-hero h1, .analyze-hero h2, .analyze-hero p, .analyze-hero span, .analyze-hero div,


.gen-hero, .gen-hero h1, .gen-hero h2, .gen-hero p, .gen-hero span, .gen-hero div,


.search-hero, .search-hero h1, .search-hero p,


.lib-hero, .lib-hero h1, .lib-hero p,


.publish-hero, .publish-hero h1, .publish-hero p,


.hist-hero, .hist-hero h1, .hist-hero p,


.section-title, .section-header, .step-title, .step-name,


.pl-section-label, .pl-step-name, .pl-step-title,


.gen-step-title, .gen-step-label,


.h5-section-title,


.tab-label, .tab-title,


.modal-title, .modal-header, .dialog-title,


.card-title, .card-header, .card-name,


.field-label, .form-label,


.tip-title, .hint-title,


.empty-tip, .empty-hint, .empty-text,


.stat-label, .stat-value, .stat-title,


.subtitle, .desc, .description, .summary,


.copy-label, .meta-label, .meta-value,


.mat-name, .mat-info, .mat-title,


.avq-title, .avq-info, .avq-tip,


.cover-title, .cover-info,


.h5e_pip_label, .h5e_pip_name,


.ls-title, .ls-name, .ls-info, .ls-tip,


.pl-help, .pl-info-line, .pl-status, .pl-meta,


.pl-tab-name, .pl-tab-label,


.history-name, .history-meta, .history-time,


.video-title, .video-name, .video-meta,


.fab-text, .fab-label,


.tier-name, .tier-desc, .tier-info {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  font-weight: 700 !important;


}





/* 输入框相关 class 强制黑字白底（已经被 input/textarea 通用规则覆盖，这里加 class 兜底） */


.link-input, .gen-textarea, .param-select, .gen-input,


.auth-input, .pl-input, .h5-input, .search-input,


.modal-input, .form-input, .field-input,


input.link-input, textarea.gen-textarea, select.param-select {


  background: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  border: 1px solid rgba(15, 23, 42, 0.18) !important;


  font-weight: 700 !important;


}





/* 用户头像里的字母保留白字（彩色圆球背景上的白字应该保留） */


.user-avatar, .user-avatar *,


.avatar-letter, .avatar-text, .avatar-initial {


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


}





/* mat-label / mat-remove 等是覆盖在缩略图上的小标签，保留白字 */


.mat-label, .mat-remove, .video-overlay, .thumb-overlay, .thumb-label {


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


}





/* 各种 hero / banner 容器虽然带紫色渐变，但里面的文字也应该是白字（保留视觉对比） */


.analyze-hero, .gen-hero, .search-hero, .lib-hero, .publish-hero,


.hist-hero, .avq-banner, .stat-banner, .vip-banner {


  /* 容器本身保持渐变（不动 background） */


  /* 但我们要求文字黑 → 由前面规则强制 */


}





/* 任何带 gradient / 强烈底色的按钮内的文字明显白色（保留） */


.analyze-btn, .analyze-btn *,


.tail-seedance, .tail-seedance *,


.rewrite-do, .rewrite-do *,


.gen-btn, .gen-btn *,


.pl-btn:not(.pl-btn-secondary):not(.pl-btn-sm), .pl-btn:not(.pl-btn-secondary):not(.pl-btn-sm) *,


.tail-copy.ok, .tail-copy.ok * {


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


}





/* =================================================================


   ── v7.11 全局字号加大一档 ─────────────────────────


   用户反馈"字体太小，所有都要加大一点"


================================================================= */





/* base 字号：浏览器默认 16，body 提到 16 保证起点 */


html { font-size: 16px !important; }


body { font-size: 16px !important; }





/* 主体所有文字最小 15px（默认 14 → 15）*/


body p, body span, body div, body label, body li, body td, body th,


body dt, body dd, body a, body strong, body em, body b, body i {


  font-size: 15px !important;


}





/* 标题 */


body h1 { font-size: 30px !important; }


body h2 { font-size: 24px !important; }


body h3 { font-size: 20px !important; }


body h4 { font-size: 18px !important; }


body h5 { font-size: 17px !important; }


body h6 { font-size: 16px !important; }





/* 表单元素 */


input, textarea, select, option {


  font-size: 15px !important;


}


button, [class*="btn"], [role="button"] {


  font-size: 15px !important;


}


.pl-btn-sm, [class*="btn-sm"] { font-size: 13px !important; }





/* sidebar 一级菜单字号略大 */


[class*="sidebar"] [class*="nav-item"],


[class*="side-nav"] [class*="nav-item"] {


  font-size: 18px !important;


}





/* 副文字 / 提示文字 */


body small, [class*="hint"], [class*="tip"], [class*="desc"],


[class*="subtitle"], [class*="sub-text"], [class*="muted"] {


  font-size: 13px !important;


}





/* tag / chip / badge / pill 类胶囊 */


[class*="tag"]:not([class*="image"]), [class*="badge"],


[class*="chip"], [class*="pill"] {


  font-size: 13px !important;


}





/* 表格 */


th, td { font-size: 14px !important; }





/* inline 写死的小字号 → 拉大一档 */


[style*="font-size:10px"], [style*="font-size: 10px"] { font-size: 12px !important; }


[style*="font-size:11px"], [style*="font-size: 11px"] { font-size: 13px !important; }


[style*="font-size:12px"], [style*="font-size: 12px"] { font-size: 14px !important; }


[style*="font-size:13px"], [style*="font-size: 13px"] { font-size: 14px !important; }


[style*="font-size:14px"], [style*="font-size: 14px"] { font-size: 15px !important; }





/* placeholder 跟随 input 字号 */


input::placeholder, textarea::placeholder {


  font-size: 15px !important;


}





/* =================================================================


   ── v7.12 inline 用 var(--text*) 浅灰变量的元素 → 强制深 ───


   远程页面大量按钮用 color:var(--text2) 这种 CSS 变量引用，


   原本是为深色背景设计的浅灰，切到亮色后看不见。


================================================================= */





*[style*="color:var(--text"],


*[style*="color: var(--text"],


button[style*="color:var(--text2)"],


button[style*="color: var(--text2)"],


button[style*="color:var(--text-2)"],


button[style*="color: var(--text-2)"],


button[style*="color:var(--muted)"],


button[style*="color: var(--muted)"] {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  font-weight: 600 !important;


}





/* 同理 inline border 用 var(--border) 浅灰的 → 加深 */


*[style*="border:1px solid var(--border)"],


*[style*="border: 1px solid var(--border)"] {


  border-color: rgba(15, 23, 42, 0.18) !important;


}





/* =================================================================


   ── v7.13 大规模"看不见文字"修复 ──────────────────


   全面扫描了 desktop.html / h5.html / app.html / pipeline.html，


   找出所有 var() / 浅色 inline / 漏覆盖的 class，一次性补全


================================================================= */





/* ── A. CSS 变量引用 inline color → 按语义分类 ── */





/* var(--text*) / var(--fg) — 主文字，强制黑 */


*[style*="color:var(--text)"], *[style*="color: var(--text)"],


*[style*="color:var(--text2)"], *[style*="color: var(--text2)"],


*[style*="color:var(--text-2)"], *[style*="color: var(--text-2)"],


*[style*="color:var(--text3)"], *[style*="color: var(--text3)"],


*[style*="color:var(--fg)"], *[style*="color: var(--fg)"],


*[style*="color:var(--fg-2)"], *[style*="color: var(--fg-2)"] {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  font-weight: 700 !important;


}





/* var(--sub) / var(--muted) / var(--dim) — 次级文字，强制深灰 */


*[style*="color:var(--sub)"], *[style*="color: var(--sub)"],


*[style*="color:var(--muted)"], *[style*="color: var(--muted)"],


*[style*="color:var(--dim)"], *[style*="color: var(--dim)"],


*[style*="color:var(--line-2)"], *[style*="color: var(--line-2)"] {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  font-weight: 600 !important;


}





/* var(--accent*) — 强调色（原浅紫），改成苹果系统紫 */


*[style*="color:var(--accent)"], *[style*="color: var(--accent)"],


*[style*="color:var(--accent2)"], *[style*="color: var(--accent2)"],


*[style*="color:var(--accent-2)"], *[style*="color: var(--accent-2)"],


*[style*="color:var(--accent-3)"], *[style*="color: var(--accent-3)"] {


  color: #d4af37 !important;


  -webkit-text-fill-color: #d4af37 !important;


  font-weight: 700 !important;


}





/* var(--ok) — 成功绿 */


*[style*="color:var(--ok)"], *[style*="color: var(--ok)"] {


  color: #a87f1e !important;


  -webkit-text-fill-color: #a87f1e !important;


  font-weight: 700 !important;


}





/* var(--err) — 错误红 */


*[style*="color:var(--err)"], *[style*="color: var(--err)"] {


  color: #DC2626 !important;


  -webkit-text-fill-color: #DC2626 !important;


  font-weight: 700 !important;


}





/* ── B. inline 写死浅紫 / 浅灰 → 强制深色 ── */





/* #e6c869 浅紫 → 苹果紫 */


*[style*="color:#e6c869"], *[style*="color: #e6c869"],


*[style*="color:#e6c869"], *[style*="color: #e6c869"] {


  color: #d4af37 !important;


  -webkit-text-fill-color: #d4af37 !important;


  font-weight: 700 !important;


}





/* 各种浅紫/浅灰系（#a8/#c5/#c9/#cf/#d8/#dc/#e0/#e4/#e8 系）→ 深灰 */


*[style*="color:#a8"], *[style*="color: #a8"],


*[style*="color:#c5"], *[style*="color: #c5"],


*[style*="color:#c9"], *[style*="color: #c9"],


*[style*="color:#cf"], *[style*="color: #cf"],


*[style*="color:#d8"], *[style*="color: #d8"],


*[style*="color:#dc"], *[style*="color: #dc"],


*[style*="color:#dd"], *[style*="color: #dd"],


*[style*="color:#e0"], *[style*="color: #e0"],


*[style*="color:#e4"], *[style*="color: #e4"],


*[style*="color:#e8"], *[style*="color: #e8"],


*[style*="color:#aaa"], *[style*="color: #aaa"],


*[style*="color:#bbb"], *[style*="color: #bbb"],


*[style*="color:#ccc"], *[style*="color: #ccc"],


*[style*="color:#ddd"], *[style*="color: #ddd"],


*[style*="color:#eee"], *[style*="color: #eee"] {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  font-weight: 600 !important;


}





/* rgba(255,255,255,.x) 半透明白 → 深灰 */


*[style*="color:rgba(255,255,255"], *[style*="color: rgba(255,255,255"],


*[style*="color:rgba(255, 255, 255"], *[style*="color: rgba(255, 255, 255"] {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  font-weight: 600 !important;


}





/* ── C. 远程 <style> 里大量 .class { color:浅色 } 漏覆盖的精准命中 ── */


.char-count, .dialogue, .fe-count, .fe-header, .fe-textarea, .fx-label,


.has-file, .hist-group-title, .or-divider, .param-group,


.param-select, .param-label,


.ls-upload-area, .ls-upload-title, .ls-upload-tip, .ls-upload-hint,


.ls-mode-btn:not(.active),


.add-mat, .add-mat *,


.ghc-author, .ghc-duration, .ghc-likes, .ghc-prompt, .ghc-meta,


.gen-hist-card, .gen-hist-card *,


.fe-textarea, .fe-section, .fe-tab,


.error-msg, .empty-msg, .empty-hint, .toast-msg,


.auth-field label, .auth-switch, .auth-tip,


.tip, .hint, .desc, .desc-text,


.copy-btn,


.tier-name, .tier-info, .tier-desc,


.video-meta, .video-info, .video-time,


.history-meta, .history-time, .history-info {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  font-weight: 700 !important;


}





/* ── D. 兜底：所有 inline 含 color: 且 color 值是浅色（>= #80）→ 全部强制深 ── */


/* 这是终极兜底，覆盖任何漏网的浅色 inline */


*[style*="color:#8"]:not([style*="color:#000"]):not(button),


*[style*="color: #8"]:not([style*="color: #000"]):not(button),


*[style*="color:#9"]:not([style*="color:#000"]):not(button),


*[style*="color: #9"]:not([style*="color: #000"]):not(button) {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


}





/* 但保留按钮 / 渐变色块 / 主色 chip 内的文字白色 */


button[class*="primary"], button[class*="primary"] *,


[class*="btn-primary"], [class*="btn-primary"] *,


.pl-btn:not(.pl-btn-secondary), .pl-btn:not(.pl-btn-secondary) *,


.gen-btn, .gen-btn *, .rewrite-do, .rewrite-do *,


.tail-rewrite, .tail-rewrite *, .tail-seedance, .tail-seedance *,


[class*="step-no"], [class*="step-num"], [class*="step-index"],


[class*="badge-num"], [class*="circle-num"] {


  color: #FFFFFF !important;


}


button[class*="primary"] [style*="color"], button[type="submit"] [style*="color"],


.pl-btn:not(.pl-btn-secondary) [style*="color"] {


  color: #FFFFFF !important;


}





/* 侧边 sidebar 文字强制黑 + 加粗 700（用户要求更明显） */


/*   顶部 header/topbar 不动，让它保持原本的彩色 + 灰字层次       */


[class*="sidebar"] *, [class*="side-nav"] * {


  color: var(--apl-text) !important;


  font-weight: 700 !important;


}


/* sidebar 一级菜单字号略大 */


[class*="sidebar"] [class*="nav-item"], [class*="side-nav"] [class*="nav-item"] {


  font-size: 17px !important;


  letter-spacing: 0.01em !important;


}


/* sidebar 选中态保持紫色 */


[class*="sidebar"] [class*="active"], [class*="sidebar"] [class*="active"] *,


[class*="sidebar"] [class*="selected"], [class*="sidebar"] [class*="selected"] *,


[class*="menu-item"][class*="active"], [class*="menu-item"][class*="active"] *,


[class*="nav-item"][class*="active"], [class*="nav-item"][class*="active"] * {


  color: var(--apl-primary) !important;


}





/* =================================================================


   Desktop UI visibility fixes


   Only layout/paint fixes. No behavior, API, or onclick logic changes.


================================================================= */





*, *::before, *::after {


  box-sizing: border-box !important;


}





html, body {


  width: 100% !important;


  max-width: 100% !important;


  overflow: hidden !important;


}





body {


  min-width: 0 !important;


}





body > .sidebar,


body > .main-content {


  min-height: 0 !important;


}





body > .sidebar {


  flex: 0 0 var(--sidebar-w, 220px) !important;


}





body > .main-content {


  min-width: 0 !important;


  width: calc(100vw - var(--sidebar-w, 220px)) !important;


}





body:has(#__native_banner__) > .sidebar,


body:has(#__native_banner__) > .main-content {


  height: calc(100vh - 32px) !important;


  max-height: calc(100vh - 32px) !important;


}





#__native_banner__ {


  min-height: 32px !important;


  height: 32px !important;


  padding: 4px 16px !important;


  overflow: hidden !important;


}





#__native_banner__,


#__native_banner__ * {


  white-space: nowrap !important;


  line-height: 1.25 !important;


}





#__native_banner__ button {


  min-height: 24px !important;


  height: 24px !important;


  padding: 2px 10px !important;


  flex: 0 0 auto !important;


}





.main-content,


.page-container,


.page {


  min-width: 0 !important;


}





.page-container {


  overflow-x: hidden !important;


  overflow-y: auto !important;


}





.topbar {


  min-height: 48px !important;


  height: 48px !important;


  padding: 0 18px !important;


  gap: 12px !important;


  overflow: visible !important;


  flex-wrap: nowrap !important;


}





.topbar-title {


  flex: 0 1 auto !important;


  min-width: 0 !important;


  overflow: hidden !important;


  text-overflow: ellipsis !important;


  white-space: nowrap !important;


}





.topbar-right {


  min-width: 0 !important;


  flex: 1 1 auto !important;


  justify-content: flex-end !important;


  overflow: visible !important;


}





.credits-badge {


  white-space: nowrap !important;


}





.pl-page.active {


  display: grid !important;


}





.pl-page {


  width: 100% !important;


  min-width: 0 !important;


  height: auto !important;


  min-height: 100% !important;


  align-items: start !important;


  align-content: start !important;


  grid-template-columns:


    minmax(310px, 0.88fr)


    minmax(330px, 0.96fr)


    minmax(680px, 2.15fr) !important;


  gap: 10px !important;


  padding: 10px 12px 18px !important;


  overflow-x: hidden !important;


  overflow-y: auto !important;


}





.pl-page > .pl-card {


  align-self: start !important;


}





.pl-card {


  min-width: 0 !important;


  max-width: 100% !important;


  height: auto !important;


  min-height: 0 !important;


  overflow: visible !important;


  padding: 14px !important;


}





.pl-card,


.pl-card * {


  min-width: 0;


}





.pl-card-header {


  min-height: 34px !important;


  margin-bottom: 10px !important;


  padding-bottom: 9px !important;


  overflow: visible !important;


}





.pl-card-num {


  width: auto !important;


  min-width: 28px !important;


  height: 24px !important;


  padding: 0 7px !important;


  border-radius: 9px !important;


  flex: 0 0 auto !important;


  font-size: 13px !important;


  line-height: 24px !important;


}





.pl-card-title {


  color: #a87f1e !important;


  -webkit-text-fill-color: #a87f1e !important;


  font-size: 15px !important;


  line-height: 1.25 !important;


  overflow: hidden !important;


  text-overflow: ellipsis !important;


  white-space: nowrap !important;


}





.pl-card-done {


  flex: 0 0 auto !important;


}





.pl-section-label,


.pl-label,


.pl-status,


.pl-error,


.pl-info,


.pl-ready-item,


.pl-slider-label,


.pl-slider-val {


  font-size: 12px !important;


  line-height: 1.45 !important;


}





.pl-card input,


.pl-card textarea,


.pl-card select,


.pl-card button,


.pl-card label,


.pl-card .pl-btn,


.pl-card .pl-chip,


.pl-card .pl-tab {


  max-width: 100% !important;


}





.pl-card input,


.pl-card select,


.pl-card textarea {


  min-height: 34px !important;


  height: auto !important;


  padding: 7px 10px !important;


  line-height: 1.35 !important;


  font-size: 14px !important;


}





.pl-card textarea {


  min-height: 76px !important;


  resize: vertical !important;


  overflow: auto !important;


}





.pl-card input[type="checkbox"],


.pl-card input[type="radio"] {


  width: 16px !important;


  height: 16px !important;


  min-width: 16px !important;


  min-height: 16px !important;


  padding: 0 !important;


  margin: 0 4px 0 0 !important;


  flex: 0 0 auto !important;


}





.pl-card input[type="range"] {


  min-height: 6px !important;


  height: 6px !important;


  padding: 0 !important;


}





.pl-card input[type="color"] {


  width: 30px !important;


  min-width: 30px !important;


  height: 24px !important;


  min-height: 24px !important;


  padding: 2px !important;


}





.pl-btn,


.btn,


button[class*="btn"],


[role="button"] {


  min-width: 0 !important;


  min-height: 34px !important;


  height: auto !important;


  line-height: 1.25 !important;


  white-space: normal !important;


  word-break: keep-all !important;


  overflow-wrap: anywhere !important;


  text-align: center !important;


  justify-content: center !important;


}





.pl-btn-sm,


.btn-sm,


button[class*="btn-sm"] {


  min-height: 30px !important;


  padding: 5px 10px !important;


  font-size: 12px !important;


}





button:disabled,


.pl-btn:disabled,


.btn:disabled,


input:disabled,


select:disabled,


textarea:disabled {


  opacity: 0.72 !important;


  cursor: not-allowed !important;


}





button:disabled,


.pl-btn:disabled,


.btn:disabled {


  color: #6b6250 !important;


  -webkit-text-fill-color: #6b6250 !important;


  background: #e5e7eb !important;


  border-color: #c9bfa8 !important;


}





.pl-tabs {


  min-height: 34px !important;


}





.pl-tab {


  min-height: 34px !important;


  padding: 6px 8px !important;


  font-size: 13px !important;


}





.pl-row {


  min-width: 0 !important;


  flex-wrap: wrap !important;


}





.pl-row > * {


  min-width: 0 !important;


}





.pl-slider-row {


  display: grid !important;


  grid-template-columns: minmax(70px, auto) minmax(80px, 1fr) minmax(38px, auto) !important;


  align-items: center !important;


  gap: 8px !important;


}





.pl-slider {


  width: 100% !important;


}





#plCard1,


#plCard2,


#plCard3,


#plCardHistory,


#cCard1,


#cCard2,


#cCard3,


#cCard4 {


  min-width: 0 !important;


}





#plCard1 { grid-column: 1 !important; grid-row: 1 !important; }


#plCard2 { grid-column: 2 !important; grid-row: 1 !important; }


#plCard3 { grid-column: 3 !important; grid-row: 1 !important; }


#plCardHistory { grid-column: 1 / -1 !important; }





#plCard2 [style*="font-size:11px"],


#plCard2 [style*="font-size: 11px"],


#plCard2 [style*="font-size:12px"],


#plCard2 [style*="font-size: 12px"],


#plCard3 [style*="font-size:11px"],


#plCard3 [style*="font-size: 11px"],


#plCard3 [style*="font-size:12px"],


#plCard3 [style*="font-size: 12px"] {


  font-size: 12px !important;


  line-height: 1.45 !important;


}





#plCard2 [style*="font-size:16px"],


#plCard2 [style*="font-size: 16px"] {


  font-size: 15px !important;


}





#plCard2 [style*="padding:14px"],


#plCard2 [style*="padding: 14px"] {


  padding: 10px 12px !important;


}





#plCard2 [style*="margin-bottom:14px"],


#plCard2 [style*="margin-bottom: 14px"] {


  margin-bottom: 10px !important;


}





#plCard2 audio,


#plCard3 audio,


#plCard3 video {


  max-width: 100% !important;


}





#plCard3 > div[style*="display:flex"][style*="gap:12px"],


#plCard3 > div > div[style*="display:flex"][style*="gap:12px"] {


  display: flex !important;


  flex-wrap: wrap !important;


  align-items: flex-start !important;


}





#plCard3 > div[style*="display:flex"][style*="gap:12px"] > div,


#plCard3 > div > div[style*="display:flex"][style*="gap:12px"] > div {


  flex: 1 1 320px !important;


  min-width: 280px !important;


}





#plCard3 .pl-video-preview,


#plCard3 #plEditNoVideo {


  min-height: 360px !important;


  max-height: 460px !important;


}





#plCard3 [style*="border"],


#plCard3 [style*="background"] {


  max-width: 100% !important;


}





#plCard3 [style*="grid-template-columns"],


#plCard3 [style*="display:grid"] {


  min-width: 0 !important;


}





#plCard3 label,


#plCard3 .pl-chip,


#plCard3 button,


#plCard3 select,


#plCard3 input {


  overflow: visible !important;


}





#plCard3 .pl-chip {


  flex: 1 1 auto !important;


  min-width: fit-content !important;


  padding: 5px 10px !important;


}





#plCard3 [style*="gap:6px"],


#plCard3 [style*="gap: 6px"],


#plCard3 [style*="gap:8px"],


#plCard3 [style*="gap: 8px"] {


  row-gap: 7px !important;


}





#plHistoryGrid,


#analyzeHistoryGrid,


.gen-hist-grid {


  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;


}





.sidebar {


  overflow: hidden !important;


}





.sidebar-nav {


  flex: 0 0 auto !important;


}





.sidebar-history {


  min-height: 110px !important;


}





.sidebar-footer {


  flex: 0 0 auto !important;


}





.sidebar-nav .nav-item {


  min-height: 64px !important;


}





.sidebar-nav .nav-item span:not(.nav-icon) {


  min-width: 0 !important;


  overflow: hidden !important;


  text-overflow: ellipsis !important;


  white-space: nowrap !important;


}





@media (max-width: 1500px) {


  .pl-page {


    grid-template-columns:


      minmax(300px, 1fr)


      minmax(320px, 1fr) !important;


  }





  #plCard1,


  #plCard2,


  #plCard3,


  #plCardHistory,


  #cCard1,


  #cCard2,


  #cCard3,


  #cCard4 {


    grid-column: 1 / -1 !important;


    grid-row: auto !important;


  }


}





@media (max-width: 980px) {


  body > .main-content {


    width: calc(100vw - var(--sidebar-w, 60px)) !important;


  }





  .pl-page {


    grid-template-columns: minmax(0, 1fr) !important;


    padding: 8px !important;


  }





  #plCard3 > div[style*="display:flex"][style*="gap:12px"] > div,


  #plCard3 > div > div[style*="display:flex"][style*="gap:12px"] > div {


    flex-basis: 100% !important;


    min-width: 0 !important;


  }





  #plCard3 .pl-video-preview,


  #plCard3 #plEditNoVideo {


    min-height: 240px !important;


  }


}





/* =================================================================


   ── v7.14 用户特定修复 ─────────────────────────────


================================================================= */





/* 1a) 隐藏"上传视频 (已停用)"按钮 */


#plLipModeUpload { display: none !important; }





/* 1b) "🎭 数字人"按钮保留显示，让它占满整行（因为另一个按钮被隐藏） */


#plLipModeAvatar {


  display: inline-flex !important;


  align-items: center !important;


  justify-content: center !important;


  flex: 1 !important;


  width: 100% !important;


}





/* 1c) 隐藏"选模式"那个 label（在含 #plLipMode* 的 div 之前的 label） */


.pl-section-label:has(+ div #plLipModeUpload),


.pl-section-label:has(+ div #plLipModeAvatar) {


  display: none !important;


}





/* 2) .pl-btn-sm（无 primary）默认应该是 outline / 白底深字，不该是 CTA 白字 */


.pl-btn.pl-btn-sm:not([class*="primary"]):not([style*="linear-gradient"]):not([style*="background:#d4af37"]):not([style*="background:#0a"]),


.pl-btn-sm:not([class*="primary"]):not([style*="linear-gradient"]):not([style*="background:#d4af37"]) {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  border: 1px solid rgba(15, 23, 42, 0.20) !important;


  box-shadow: none !important;


  font-weight: 700 !important;


}


.pl-btn.pl-btn-sm:hover, .pl-btn-sm:hover {


  background: #F3F4F6 !important;


  border-color: rgba(15, 23, 42, 0.30) !important;


}





/* "📋 粘贴" 按钮 inline 写了 #d4af37 橙底白字，是品牌主操作，保留 */


.pl-btn.pl-btn-sm[style*="#d4af37"], .pl-btn-sm[style*="#d4af37"] {


  background: #d4af37 !important;


  background-image: linear-gradient(135deg, #d4af37, #d4af37) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  border: none !important;


}





/* "🎭 数字人" 按钮：让选中状态有视觉区分 */


#plLipModeAvatar[style*="linear-gradient"], #plLipModeAvatar.active {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  border: none !important;


}





/* =================================================================


   ── 通过 JS 注入打的标记 class（见 desktop.html 内嵌 script） ───


   .shensu-cta-btn = 关键操作 CTA 按钮（用当前成片发布 / 一键剪辑 / 打开封面设计器 等）


================================================================= */


.shensu-cta-btn {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 700 !important;


  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;


  min-height: 40px !important;


  padding: 10px 24px !important;


  border-radius: 10px !important;


  transition: all 0.2s ease !important;


}


.shensu-cta-btn * {


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


}


.shensu-cta-btn:hover {


  background-image: var(--apl-grad-primary-hover) !important;


  box-shadow: 0 14px 32px rgba(37, 99, 235, 0.45) !important;


  transform: translateY(-1px) !important;


}





/* ─── 本地剪辑进度浮窗（#__edit_progress__）── 白底亮色覆盖 ─── */


#__edit_progress__ {


  background: var(--apl-bg-2) !important;


  background-color: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


  border: 2px solid rgba(37, 99, 235, 0.40) !important;


  box-shadow:


    0 8px 24px rgba(37, 99, 235, 0.18),


    0 4px 10px rgba(15, 23, 42, 0.10) !important;


  border-radius: 12px !important;


}


#__edit_progress__ * {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


}


/* 内部"渲染 0%"等小字 */


#__edit_progress__ div[style*="color:#bbb"],


#__edit_progress__ div[style*="color: #bbb"] {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  font-weight: 600 !important;


}


/* 进度条背景条（原 rgba(0,0,0,.3) 黑） */


#__edit_progress__ div[style*="background:rgba(0,0,0,.3)"],


#__edit_progress__ div[style*="background: rgba(0,0,0,.3)"] {


  background: #E5E7EB !important;


}


/* 进度条填充色（绿色保留 - 表示进度） */


#__edit_progress__ div[style*="linear-gradient(90deg,#d4af37"] {


  background-image: linear-gradient(90deg, #d4af37, #a87f1e) !important;


}





/* =================================================================


   ── v7.19 用 ID 选择器锁死 web_enhance.js 动态 CTA 按钮 ───


   ID 选择器优先级 (0,1,0,0) 仅次于 inline style；加 !important 必赢


================================================================= */


#__le_pub_go__,


#__le_oneshot_go__,


#__le_cover_open__,


#__le_pub_acc_mgr__,


button[id^="__le_"][id$="_go__"],


button[id^="__le_"][id*="oneshot"],


button[id^="__le_"][id*="cover"],


button[id*="oneshot"],


button[id*="OneShot"],


button[id*="openCover"] {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 700 !important;


  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;


}


#__le_pub_go__:hover, #__le_oneshot_go__:hover, #__le_cover_open__:hover {


  background-image: var(--apl-grad-primary-hover) !important;


  box-shadow: 0 14px 32px rgba(37, 99, 235, 0.45) !important;


  transform: translateY(-1px) !important;


}





/* 兜底：任何按钮 inline 含 #b8860b / #a87f1e / #b8860b → 强制紫蓝 */


button[style*="#b8860b"], button[style*="#a87f1e"], button[style*="#b8860b"],


button[style*="#e6c869"][style*="linear-gradient"] {


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  border: none !important;


  box-shadow: var(--apl-shadow-primary) !important;


  font-weight: 700 !important;


}





/* =================================================================


   ── v7.21 顶部 banner #__native_banner__ 按钮可见性 ───


   原 jingtou 在深紫顶部 banner 用 rgba(255,255,255,.1) 白底 + #fff 白字，


   新浅色下白字看不清


================================================================= */


#__native_banner__ {


  background: rgba(255, 255, 255, 0.92) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  border-bottom: 1px solid rgba(37, 99, 235, 0.25) !important;


  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;


}


#__native_banner__ *, #__dd__ {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


}





#__native_banner__ button,


#__whisper_btn__, #__doubao_btn__,


#__open_dir__, #__change_dir__, #__open_dir2__, #__change_dir2__,


#__lib_refresh2__, #__lib_open_folder2__,


#__cookie_btn__, #__api_btn__,


button[id^="__"][id$="_btn__"],


button[id^="__"][id*="_dir"] {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


  border: 1px solid rgba(37, 99, 235, 0.30) !important;


  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;


  font-weight: 600 !important;


  text-shadow: none !important;


  padding: 6px 14px !important;


  min-height: 32px !important;


  border-radius: 8px !important;


}


#__native_banner__ button *, #__native_banner__ button span {


  color: var(--apl-text-2) !important;


  -webkit-text-fill-color: var(--apl-text-2) !important;


}


#__native_banner__ button:hover {


  background: #F3F4F6 !important;


  border-color: rgba(37, 99, 235, 0.50) !important;


}





/* =================================================================


   ── v7.20 inline rgba(0,0,0,.xx) 黑透明底 → 改成淡紫色底 ───


   原 jingtou 为深色 UI 设计了大量 rgba(0,0,0,.25/.4) 黑透明背景，


   在亮色 UI 下变成"灰雾"看不清。统一改成浅紫/浅灰可见底


================================================================= */





/* 黑透明背景容器（label / div 等）→ 浅紫底 + 浅紫边 */


[style*="background:rgba(0,0,0,.25)"], [style*="background: rgba(0,0,0,.25)"],


[style*="background:rgba(0,0,0,.2)"],  [style*="background: rgba(0,0,0,.2)"],


[style*="background:rgba(0,0,0,.3)"],  [style*="background: rgba(0,0,0,.3)"],


[style*="background:rgba(0,0,0,.4)"],  [style*="background: rgba(0,0,0,.4)"],


[style*="background-color:rgba(0,0,0"], [style*="background-color: rgba(0,0,0"] {


  background: rgba(37, 99, 235, 0.06) !important;


  background-color: rgba(37, 99, 235, 0.06) !important;


  border: 1px solid rgba(37, 99, 235, 0.22) !important;


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


}





/* input 内的黑底 → 白底（input 已经有通用规则，这里只覆盖 inline 黑底） */


input[style*="background:rgba(0,0,0"], input[style*="background: rgba(0,0,0"],


textarea[style*="background:rgba(0,0,0"], textarea[style*="background: rgba(0,0,0"] {


  background: var(--apl-bg-2) !important;


  background-color: var(--apl-bg-2) !important;


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


}





/* 白色半透明 inline 边框（rgba(255,255,255,.x)）→ 灰边 */


[style*="border:1px solid rgba(255,255,255,.1)"],


[style*="border: 1px solid rgba(255,255,255,.1)"],


[style*="border:1px solid rgba(255,255,255,.15)"],


[style*="border: 1px solid rgba(255,255,255,.15)"],


[style*="border:1px solid rgba(255,255,255,.2)"],


[style*="border: 1px solid rgba(255,255,255,.2)"] {


  border-color: rgba(37, 99, 235, 0.30) !important;


}





/* 之前 inline `color:#fff` 在这种容器里 → 强制黑（之前规则已有，这里再加保险） */


[style*="background:rgba(0,0,0"] *,


[style*="background: rgba(0,0,0"] * {


  color: var(--apl-text) !important;


  -webkit-text-fill-color: var(--apl-text) !important;


}





/* =================================================================


   ── v7.17 流水线卡片 01/02/03/04/05 精雕细琢 ─────────


   .pl-card 是各步骤的卡片容器


   .pl-card-num 是 01/02 数字徽章


   .pl-card-title 是步骤标题


   .pl-card-header 是头部行


================================================================= */





/* 步骤卡片整体：明显的紫边 + 立体阴影 + 圆角（v7.18 加深加粗） */


.pl-card {


  background: var(--apl-bg-2) !important;


  background-image: none !important;


  border: 3px solid rgba(37, 99, 235, 0.55) !important;


  border-radius: 14px !important;


  padding: 18px !important;


  box-shadow:


    0 6px 18px rgba(37, 99, 235, 0.18),


    0 2px 6px rgba(15, 23, 42, 0.08) !important;


  transition: all 0.22s ease !important;


  position: relative !important;


  overflow: visible !important;


}


.pl-card:hover {


  border-color: rgba(37, 99, 235, 0.85) !important;


  box-shadow:


    0 14px 36px rgba(37, 99, 235, 0.32),


    0 4px 12px rgba(15, 23, 42, 0.10) !important;


  transform: translateY(-2px) !important;


}





/* 完成态：左侧 / 边框变绿，序号也变绿 */


.pl-card.step-done {


  border-color: rgba(16, 185, 129, 0.50) !important;


  box-shadow:


    0 4px 14px rgba(16, 185, 129, 0.15),


    0 1px 3px rgba(15, 23, 42, 0.06) !important;


}


.pl-card.step-done .pl-card-num {


  background: linear-gradient(135deg, #e6c869, #d4af37) !important;


  background-image: linear-gradient(135deg, #e6c869, #d4af37) !important;


  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.40) !important;


}


.pl-card.step-done .pl-card-title {


  color: #a87f1e !important;


  -webkit-text-fill-color: #a87f1e !important;


}





/* 头部分隔线：紫色 + 加深 + 加粗 */


.pl-card-header {


  display: flex !important;


  align-items: center !important;


  gap: 10px !important;


  margin-bottom: 14px !important;


  padding-bottom: 12px !important;


  border-bottom: 2px solid rgba(37, 99, 235, 0.35) !important;


}





/* 数字徽章：从橙色方块 → 紫蓝渐变圆角 + 发光 */


.pl-card-num {


  width: 32px !important;


  height: 28px !important;


  border-radius: 8px !important;


  background: var(--apl-grad-primary) !important;


  background-image: var(--apl-grad-primary) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  display: flex !important;


  align-items: center !important;


  justify-content: center !important;


  font-size: 12px !important;


  font-weight: 800 !important;


  flex-shrink: 0 !important;


  box-shadow:


    0 4px 12px rgba(37, 99, 235, 0.40),


    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;


  letter-spacing: 0.5px !important;


  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;


}





/* 标题：紫蓝色加粗 */


.pl-card-title {


  font-size: 16px !important;


  font-weight: 800 !important;


  color: var(--apl-primary) !important;


  -webkit-text-fill-color: var(--apl-primary) !important;


  letter-spacing: 0.02em !important;


}





/* 完成 ✓ 图标 */


.pl-card-done {


  margin-left: auto !important;


  color: #d4af37 !important;


  -webkit-text-fill-color: #d4af37 !important;


  font-size: 18px !important;


  font-weight: 800 !important;


}





/* ════════════════════════════════════════════════════════════════════


   🔵 主 CTA 按钮强制深蓝（ID 选择器特异性最高 + skin-apple.css 最晚加载）


   ID 选择器(0,1,0,1) 比 button[type="submit"] (0,0,1,1) 高一个量级


   ════════════════════════════════════════════════════════════════════ */


button#__le_oneclick__,


button#__le_pub_go__,


button#__volc_auto_run__,


button#__volc_end_to_end__,


button#__volc_combo_submit__,


button#__volc_caption_combo__,


button#__volc_edit_submit__,


button#confirmBtn,


#__le_oneclick__,


#__le_pub_go__,


#__volc_auto_run__,


#__volc_end_to_end__,


#__volc_combo_submit__,


#__volc_caption_combo__,


#__volc_edit_submit__,


#confirmBtn {


  background: #d4af37 !important;


  background-color: #d4af37 !important;


  background-image: none !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  border: none !important;


  box-shadow: 0 4px 14px rgba(62,170,66,.4) !important;


  font-weight: 700 !important;


}


button#__le_oneclick__:hover,


button#__le_pub_go__:hover,


button#__volc_auto_run__:hover,


button#__volc_end_to_end__:hover,


button#__volc_combo_submit__:hover,


button#__volc_caption_combo__:hover,


button#__volc_edit_submit__:hover,


button#confirmBtn:hover {


  background: #a87f1e !important;


  background-color: #a87f1e !important;


  background-image: none !important;


  box-shadow: 0 6px 18px rgba(45,143,50,.55) !important;


}