/* ==========================================================================
   墨云阁 · 功能页视觉统一层 (ink-pages.css)
   --------------------------------------------------------------------------
   作用：把独立功能页（AI 助手 / 视频解析 / 音乐解析 / 影视资源）统一到
        「极简科技人文」设计语汇：朱砂红强调色 + 墨色层级 + 浅米灰纸面 + 点彩

   为什么需要单独一个文件：
       这四个页面各自在 header.php 之后加载了 ai.css / jiexi.css /
       music.css / video.css，会覆盖 ink.css 的令牌。本文件在它们之后加载，
       因而能接管这些页面的最终呈现。

   原则：只覆盖视觉表现（配色 / 渐变 / 圆角 / 阴影 / 留白），
       不改动任何布局逻辑、JS 钩子、类名与 DOM 结构。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 压平所有渐变与彩色光斑
   -------------------------------------------------------------------------- */

/* 页面级彩色渐变背景 → 一律去掉，只留浅米灰底 */
.ai-container,
.jiexi-container,
.music-container,
.video-container {
    background: none !important;
    background-image: none !important;
}

/* 装饰性光斑 / 径向渐变 */
.ai-container::before,
.ai-container::after,
.jiexi-container::before,
.jiexi-container::after,
.music-container::before,
.music-container::after,
.video-container::before,
.video-container::after,
.ai-chat-wrapper::before,
.ai-chat-wrapper::after,
.music-player-card::before,
.music-player-card::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* 覆盖所有内联或类内的渐变背景（按钮/徽章/封面） */
[class^="ai-"] [style*="gradient"],
[class^="jiexi-"] [style*="gradient"],
[class^="music-"] [style*="gradient"],
[class^="video-"] [style*="gradient"] {
    background-image: none !important;
}

/* --------------------------------------------------------------------------
   2. 页头：渐变文字 → 实色墨字
   -------------------------------------------------------------------------- */
.ai-page-title,
.jiexi-header h1,
.music-header h1,
.video-page-header h1,
.video-header h1 {
    font-size: 1.5rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.015em !important;
    color: var(--text-primary) !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    margin: 0 0 0.5rem !important;
}

.ai-page-desc,
.jiexi-header p,
.music-header p,
.video-page-header p,
.video-header p {
    font-size: 0.9375rem !important;
    line-height: 1.7 !important;
    color: var(--text-muted) !important;
}

/* 页头与内容之间留足呼吸空间 */
.ai-page-header,
.jiexi-header,
.music-header,
.video-page-header,
.video-header {
    margin-bottom: 2rem !important;
    text-align: center;
}

/* --------------------------------------------------------------------------
   3. 按钮：统一为朱砂红实心 或 细线描边胶囊
   -------------------------------------------------------------------------- */

/* 主操作按钮（发送 / 解析 / 播放 / 下载） */
.ai-send-btn,
.jiexi-parse-btn,
.jiexi-page-btn.active,
.music-btn-row .music-play-btn,
.music-dl-btn,
.video-category-btn.active,
.video-episode-btn.active {
    background: var(--ink-accent) !important;
    background-image: none !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
    font-weight: 550 !important;
    letter-spacing: 0.01em !important;
    transition: background-color 0.18s ease !important;
}

.ai-send-btn:hover,
.jiexi-parse-btn:hover,
.music-play-btn:hover,
.music-dl-btn:hover {
    background: var(--ink-accent-hover) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 次级按钮 / 分类 / 分页：细线描边，不用实色块 */
.ai-clear-btn,
.ai-stop-btn,
.ai-quick-prompt-btn,
.jiexi-page-btn,
.jiexi-clear-history,
.jiexi-copy-desc-btn,
.music-br-select,
.video-category-btn,
.video-episode-btn,
.video-modal-close {
    background: none !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    transition: all 0.18s ease !important;
}

/* 弹窗关闭按钮圆角单独覆写：原设计是正圆，且与页头搜索面板的
   .header-search-close（同为 50%）保持一致 —— 它是浮在内容之上的
   独立按钮，不属于任何按钮行，所以不跟随 6px 的按钮语汇。
   放在分组之后，同优先级下后者胜出。 */
.video-modal-close {
    border-radius: 50% !important;
}

.ai-clear-btn:hover,
.ai-stop-btn:hover,
.ai-quick-prompt-btn:hover,
.jiexi-page-btn:hover,
.jiexi-clear-history:hover,
.jiexi-copy-desc-btn:hover,
.video-category-btn:hover,
.video-episode-btn:hover {
    color: var(--ink-accent) !important;
    border-color: var(--ink-accent-line) !important;
    background: var(--ink-accent-soft) !important;
}

/* 平台专属色（B站蓝 / 抖音红 / 网易云红等）统一压成中性 */
.jiexi-dl-btn,
.jiexi-img-dl-btn,
.jiexi-download-item .jiexi-dl-btn,
[class*="bilibili"],
[class*="douyin"],
[class*="netease"] {
    background: none !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

.jiexi-dl-btn:hover,
.jiexi-img-dl-btn:hover {
    color: var(--ink-accent) !important;
    border-color: var(--ink-accent-line) !important;
    background: var(--ink-accent-soft) !important;
}

/* --------------------------------------------------------------------------
   4. 容器与卡片：细线分层、轻扁平、统一圆角
   -------------------------------------------------------------------------- */
.ai-chat-wrapper,
.ai-input-wrapper,
.ai-quick-prompts,
.jiexi-input-group,
.jiexi-history,
.jiexi-download-section,
.jiexi-desc-block,
.music-player-card,
.music-result-list,
.music-result-item,
.video-card,
.video-modal-content,
.video-detail-content-wrapper,
.video-info-side,
.video-episodes {
    background: var(--card-bg) !important;
    background-image: none !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: none !important;
}

/* 悬停只做极淡的描边加深，不做位移与投影 */
.music-result-item:hover,
.video-card:hover,
.ai-quick-prompt-btn:hover {
    border-color: var(--border-dark) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 卡片内部留白（原来偏紧） */
.jiexi-download-section,
.jiexi-desc-block,
.music-result-list,
.video-detail-content-wrapper,
.ai-quick-prompts {
    padding: 1.25rem 1.4rem !important;
}

.video-card-info,
.music-result-info {
    padding: 0.9rem 1.1rem !important;
}

/* --------------------------------------------------------------------------
   5. 表单控件：与全站一致
   -------------------------------------------------------------------------- */
.ai-input,
.jiexi-input-area input,
.jiexi-input-area textarea,
.music-input-area input,
.video-container input[type="text"],
.video-container input[type="search"],
.video-container select,
.ai-model-select {
    font-family: inherit !important;
    font-size: 0.9375rem !important;
    color: var(--text-primary) !important;
    background: var(--input-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
    padding: 0.65rem 0.9rem !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.ai-input:focus,
.jiexi-input-area input:focus,
.jiexi-input-area textarea:focus,
.music-input-area input:focus,
.video-container input:focus,
.ai-model-select:focus {
    outline: none !important;
    border-color: var(--ink-accent-line) !important;
    box-shadow: 0 0 0 3px var(--ink-accent-soft) !important;
}

/* --------------------------------------------------------------------------
   6. 对话气泡（AI 助手）
   -------------------------------------------------------------------------- */
.ai-message-content {
    font-size: 0.9375rem !important;
    line-height: 1.8 !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: none !important;
}

.ai-message-user .ai-message-content {
    background: var(--ink-accent) !important;
    background-image: none !important;
    color: #fff !important;
}

.ai-message-assistant .ai-message-content {
    background: var(--paper-2) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .ai-message-assistant .ai-message-content {
    background: var(--paper-3) !important;
}

/* AI 消息头像：原设计是 10px 圆角方块（与欢迎页 72px 的 .ai-welcome-icon
   同用 --radius-xl）。里面放的是「墨」方形 logo，我早期误改成 999px 正圆会
   裁掉 logo 四角，且与欢迎页的同一枚 logo 形状不一致，这里恢复方块。 */
.ai-message-avatar,
.ai-avatar-img {
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

.ai-typing-dot {
    background: var(--ink-accent) !important;
    background-image: none !important;
}

/* --------------------------------------------------------------------------
   7. 结果元信息与标签（解析 / 音乐 / 影视）
   -------------------------------------------------------------------------- */
.jiexi-meta,
.music-meta-row,
.music-duration,
.video-card-meta,
.video-card-type,
.video-card-year {
    font-size: 0.8125rem !important;
    color: var(--text-muted) !important;
}

.music-badge,
.video-card-badge,
.video-card-type {
    background: var(--paper-2) !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-sm) !important;
    padding: 0.12rem 0.55rem !important;
    font-size: 0.75rem !important;
    box-shadow: none !important;
}

/* 封面 / 海报：统一圆角，去掉重阴影
   ⚠ 注意：.music-cover 已从这里移出。
   它的原设计是 border-radius: 50% 的圆形唱片（music.css 里还有 coverSpin
   旋转动画）。我早期写这条「封面统一圆角」时没核对意图，把唱片一起套成了
   8px 圆角方块，还顺手覆盖掉它原本 3px 的柔光环；
   上一轮清理冗余 CSS 时，这两条被我覆盖的原始声明又被判为「冗余」删除，
   于是设计意图被彻底抹掉。现在把 .music-cover 交还给 music.css 自己管，
   本文件只负责海报类。 */
.jiexi-cover,
.video-card-poster,
.video-detail-poster {
    border-radius: var(--radius-lg) !important;
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
    overflow: hidden !important;
}

/* 播放器封面：圆形唱片（旋转动画定义在 music.css） */
.music-cover {
    border-radius: 50% !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   8. 状态提示：错误 / 加载 / 空状态
   -------------------------------------------------------------------------- */
.ai-error,
.jiexi-error,
.music-error,
.video-error {
    background: var(--ink-accent-soft) !important;
    background-image: none !important;
    border: 1px solid var(--ink-accent-line) !important;
    border-radius: var(--radius) !important;
    color: var(--ink-accent-hover) !important;
    box-shadow: none !important;
    font-size: 0.9375rem !important;
    padding: 0.85rem 1.1rem !important;
}

.music-loading,
.video-loading,
.jiexi-loading,
.jiexi-download-header,
.music-result-header,
.video-page-header {
    color: var(--text-secondary) !important;
    background: none !important;
    background-image: none !important;
}

.music-lyric-wrap,
.music-lyric-line {
    background: none !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
}

.music-lyric-line.active,
.music-lyric-active {
    color: var(--ink-accent) !important;
    font-weight: 600 !important;
}

.video-empty,
.video-no-result {
    color: var(--text-muted) !important;
    background: none !important;
    border: 1px dashed var(--border-color) !important;
    border-radius: var(--radius-lg) !important;
    padding: 2.5rem 1.5rem !important;
}

/* --------------------------------------------------------------------------
   9. 进度条 / 滑杆：统一朱砂红
   -------------------------------------------------------------------------- */
.music-progress,
.video-card-progress,
.jiexi-progress {
    background: var(--paper-3) !important;
    background-image: none !important;
    border-radius: 999px !important;
}

.music-progress-bar,
.music-progress-fill,
.video-card-progress-bar,
.jiexi-progress-bar {
    background: var(--ink-accent) !important;
    background-image: none !important;
    border-radius: 999px !important;
}

/* --------------------------------------------------------------------------
   10. 点彩点缀：页头标题下方一条短线 + 三颗点，与全站一致
   -------------------------------------------------------------------------- */
.ai-page-header::after,
.jiexi-header::after,
.music-header::after,
.video-page-header::after,
.video-header::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--dot-red);
    margin: 1.1rem auto 0;
    box-shadow: 8px 0 0 var(--dot-teal),
                16px 0 0 var(--dot-amber);
    opacity: .85;
}

/* --------------------------------------------------------------------------
   11. 压平【内联渐变】——各功能页里直接写在 style 属性上的渐变
       （例如 music.php 的平台标签 span style="background:linear-gradient(...)"）
       注意：不能用 [class^="music-"] 之类限定，标签自身的 class 可能完全无关，
       因此这里按「style 属性含 gradient」直接命中。
   -------------------------------------------------------------------------- */
[style*="gradient"] {
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
}

/* 内联渐变元素同时常带白色文字，需一并纠正（仅限这些功能页） */
.ai-container [style*="gradient"],
.jiexi-container [style*="gradient"],
.music-container [style*="gradient"],
.video-container [style*="gradient"] {
    color: var(--text-secondary) !important;
    background-color: transparent !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-sm) !important;
    padding: 0.2rem 0.65rem !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
}

/* 平台标签统一为中性小标签（去掉橙/紫/青三色差异）
   注：这里不再使用 999px 胶囊。功能页上标签与 6px 的按钮、输入框同处
   一行，胶囊 + 方角并排是用户反复指出的不协调来源，统一收到 4px 令牌。 */
.platform-tag,
.music-badge,
.video-card-badge,
.video-card-type {
    background: none !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   12. 补齐遗漏的平台色按钮
   -------------------------------------------------------------------------- */
.music-search-btn,
.music-result-item .music-dl-btn,
.ai-quick-prompt-btn .ai-quick-icon {
    background: none !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

.music-search-btn:hover {
    color: var(--ink-accent) !important;
    border-color: var(--ink-accent-line) !important;
    background: var(--ink-accent-soft) !important;
}
/* ==========================================================================
   round2-inline-grad —— 修复内联渐变与旧色图标
   依据：浏览器实测的 computed style
   ========================================================================== */

/* --------------------------------------------------------------------------
   A. 搜索按钮：源规则在 video.css
        .video-search-btn { background: linear-gradient(135deg,
                            var(--primary-color), var(--secondary-color)); }
      --secondary-color 仍是旧的天蓝，必须用 background 简写整体覆盖，
      只写 background-image 不足以压掉简写里的渐变。
   -------------------------------------------------------------------------- */
.video-search-btn,
.music-search-btn {
    background: var(--ink-accent) !important;
    background-image: none !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

.video-search-btn:hover,
.music-search-btn:hover {
    background: var(--ink-accent-hover) !important;
    background-image: none !important;
}

/* 圆形搜索按钮：统一为圆角方块，与全站按钮语汇一致 */
.video-search-btn {
    border-radius: var(--radius) !important;
}

.video-search-btn svg,
.music-search-btn svg {
    color: #fff !important;
    fill: currentColor !important;
}

/* --------------------------------------------------------------------------
   B. 页面标题内联图标：旧的紫 / 蓝 → 墨色
      （实测 .music-header h1 svg = #a855f7，.jiexi-header h1 svg = #4f9cf9）
   -------------------------------------------------------------------------- */
.ai-page-header svg,
.ai-page-title svg,
.jiexi-header svg,
.jiexi-header h1 svg,
.music-header svg,
.music-header h1 svg,
.video-page-header svg,
.video-header svg {
    color: var(--text-primary) !important;
    fill: currentColor !important;
}

/* --------------------------------------------------------------------------
   C. 「使用说明」区块：标题图标与列表项符号统一
   -------------------------------------------------------------------------- */
.jiexi-container h3 svg,
.jiexi-container h2 svg,
.music-container h3 svg,
.music-container h2 svg,
.video-container h3 svg {
    color: var(--ink-accent) !important;
    fill: currentColor !important;
}

/* 「搜索结果」标题图标：music.php 里写的是内联 style="color:#a855f7"，
   内联声明的优先级高于普通样式表规则，只有 !important 才能覆盖。 */
.music-result-header svg {
    color: var(--ink-accent) !important;
    fill: currentColor !important;
}

/* 列表项符号：由旧的蓝/紫圆点改为点彩色 */
.jiexi-container ul li::marker,
.music-container ul li::marker,
.video-container ul li::marker {
    color: var(--dot-teal) !important;
}

.jiexi-container ul,
.music-container ul,
.video-container ul {
    list-style-position: outside;
}

/* 少量列表仍未用 marker 的，用 ::before 兜底（避免重复，只在无 marker 时生效） */
.jiexi-container ul li::before,
.music-container ul li::before {
    color: var(--dot-teal) !important;
}

/* ==========================================================================
   round3-rowgaps —— 修复「行内出现大片空白」的布局问题
   依据：浏览器实测（视口 885px）
     · .jiexi-download-quality 有 flex:1，把内容撑满整行，
       两个按钮被推到最右，中间留下约 472px 空白
     · .jiexi-history-header 的标题同样撑满，与「清除」之间空白约 707px（占 85%）
   思路：改成「内容宽度 + margin-right:auto」，按钮紧跟内容，不再被推远
   ========================================================================== */

/* 下载选项：标签按内容宽度，按钮紧随其右 */
.jiexi-download-item .jiexi-download-quality,
.jiexi-download-quality {
    flex: 0 1 auto !important;
    width: auto !important;
    margin-right: auto !important;
}

.jiexi-dl-btns {
    margin-left: 0 !important;
}

/* 解析历史：标题按内容宽度，「清除」紧随其右 */
.jiexi-history-header {
    justify-content: flex-start !important;
}

.jiexi-history-header .jiexi-history-title,
.jiexi-history-title {
    flex: 0 1 auto !important;
    width: auto !important;
    margin-right: auto !important;
}

.jiexi-clear-history {
    margin-left: 0 !important;
}

/* 清晰度徽章：清掉旧的多色（绿=4K / 蓝=1080P / 黄=低清晰度），
   统一为中性细线胶囊，与全站徽章语汇一致 */
.quality-badge,
.quality-badge.fhd,
.quality-badge.hd,
.quality-badge.sd,
.quality-badge.uhd,
.quality-badge.k4,
.quality-badge.fourk,
[class*="quality-badge"] {
    background: var(--paper-2) !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

/* 窄屏：两个按钮压缩但保持同行 */
@media (max-width: 768px) {
    .jiexi-dl-btns {
        gap: 6px !important;
    }
    .jiexi-dl-btn {
        padding: 0.28rem 0.6rem !important;
        font-size: 0.8125rem !important;
    }
    .jiexi-download-item {
        padding: 0.6rem 0.7rem !important;
        gap: 8px !important;
    }
}


/* ==========================================================================
   round4-justify —— 真正元凶：父容器的 justify-content: space-between
   实测：即使把 .jiexi-download-quality 改成 flex:0 1 auto，
        空隙仍为 472px（63%），因为 space-between 会把两个子元素推到两端。
   改为 flex-start，并移除多余的 margin-right:auto。
   ========================================================================== */

.jiexi-download-item {
    justify-content: flex-start !important;
}

.jiexi-download-item .jiexi-download-quality,
.jiexi-download-quality {
    margin-right: 0 !important;
}

.jiexi-download-item .jiexi-dl-btns {
    margin-left: 0.75rem !important;
}

.jiexi-history-header {
    justify-content: flex-start !important;
}

.jiexi-history-header .jiexi-history-title,
.jiexi-history-title {
    margin-right: 0 !important;
}

.jiexi-history-header .jiexi-clear-history {
    margin-left: 0.75rem !important;
}

/* 影视卡片信息区若同为 space-between 且出现大空白，一并收紧 */
.video-card-info,
.music-result-info {
    justify-content: flex-start !important;
}


/* ==========================================================================
   round5-flush —— 修复「列表条目紧贴容器边框」
   根因：本文件的「卡片统一」规则误把 .jiexi-history 也套成卡片
        （加了 border + padding），而其内部 list 无左右内边距，
         导致条目直接贴到边框上。
   ========================================================================== */

/* 1) 解析历史：还原为无边框、无底色的普通区块，仅保留上下间距 */
.jiexi-history {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 1.75rem !important;
}

/* 2) 列表容器统一补足左右内边距，条目与边界留出呼吸空间 */
.jiexi-history-list {
    padding: 0 !important;
    gap: 8px !important;
}

.jiexi-download-list {
    padding: 0.75rem 1rem 1rem !important;
    gap: 8px !important;
}

.music-result-list {
    padding: 0.75rem 1rem 1rem !important;
}

.video-list,
.video-playlist {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

/* 3) 历史条目：略收紧内边距，保持与下载条目同一视觉节奏 */
.jiexi-history-item {
    padding: 0.6rem 0.9rem !important;
    border-radius: var(--radius) !important;
}

.jiexi-history-item:hover {
    background: var(--paper-2) !important;
    border-color: var(--border-dark) !important;
}

/* 4) 卡片类容器保留内边距（它们内部不是列表，而是标题+内容） */
.jiexi-download-section,
.jiexi-desc-block,
.music-player-card,
.video-detail-content-wrapper,
.ai-chat-wrapper,
.ai-quick-prompts {
    padding: 1.25rem 1.4rem !important;
}

/* 5) 窄屏：内边距同步收紧 */
@media (max-width: 768px) {
    .jiexi-download-list,
    .music-result-list {
        padding: 0.6rem 0.7rem 0.8rem !important;
    }
    .jiexi-download-section,
    .jiexi-desc-block,
    .music-player-card,
    .video-detail-content-wrapper {
        padding: 1rem 1rem !important;
    }
}


/* ==========================================================================
   round6-lastgaps —— 补上扫描中发现的最后一处同类问题
   实测：.video-card-meta 使用 justify-content: space-between，
        在 258px 宽的卡片里产生 158px（61%）空隙。
   ========================================================================== */

.video-card-meta {
    justify-content: flex-start !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

/* 卡片信息区：年份等次要信息不再被推到最右 */
.video-card-info {
    padding: 1rem 1.1rem !important;
}

/* 解析页的视频卡片容器：结构正常（内层自带留白），显式声明避免被误加内边距 */
.jiexi-video-card {
    padding: 0 !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
}


/* ==========================================================================
   round7-radius —— 统一圆角，消除「胶囊容器 + 方角按钮」的混搭
   原设计：.video-search-form 是 50px 胶囊、按钮是圆形；
   我的覆盖只改了按钮圆角，造成容器/输入框/按钮三者不一致。
   现统一为：容器与按钮同圆角（细线描边 + 轻扁平），与全站语汇一致。
   ========================================================================== */

/* 影视搜索框：由「胶囊 + 圆形按钮」改为统一的圆角矩形 */
.video-search-form {
    border-radius: var(--radius) !important;
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
    padding: 0.35rem !important;
    gap: 0.35rem !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.video-search-form:focus-within {
    border-color: var(--ink-accent-line) !important;
    box-shadow: 0 0 0 3px var(--ink-accent-soft) !important;
}

/* 输入框：透明无边框，与容器同圆角 */
.video-search-input {
    border-radius: var(--radius) !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0.7rem 1rem !important;
}

/* 搜索按钮：与容器同圆角，不再是圆形，也不再有位移缩放 */
.video-search-btn {
    border-radius: var(--radius) !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 auto !important;
    background: var(--ink-accent) !important;
    background-image: none !important;
    transform: none !important;
}

.video-search-btn:hover {
    transform: none !important;
    background: var(--ink-accent-hover) !important;
}

/* 解析 / 音乐页的输入框与按钮：统一到同一圆角令牌 */
.jiexi-url-input,
.jiexi-input-area input,
.music-search-input,
.music-input-area input {
    border-radius: var(--radius) !important;
    border-width: 1px !important;
}

.jiexi-url-input:focus,
.music-search-input:focus,
.jiexi-input-area input:focus,
.music-input-area input:focus {
    border-color: var(--ink-accent-line) !important;
    box-shadow: 0 0 0 3px var(--ink-accent-soft) !important;
    background: var(--input-bg) !important;
}

/* 输入框内的按钮与输入框保持同圆角，避免「方框配胶囊」 */
.jiexi-input-area .jiexi-parse-btn,
.music-search-area .music-search-btn,
.music-search-row .music-search-btn,
.jiexi-input-group .jiexi-parse-btn {
    border-radius: var(--radius) !important;
    transform: none !important;
}

/* 解析页 / 音乐页的外层卡片统一为 8px（不再是 16px） */
.jiexi-input-area,
.jiexi-tips,
.music-search-area,
.music-tips,
.jiexi-download-section,
.jiexi-desc-block,
.music-player-card,
.video-detail-content-wrapper {
    border-radius: var(--radius-lg) !important;
    box-shadow: none !important;
}

/* 影视卡片与海报统一为 8px */
.video-card,
.video-card-poster,
.video-detail-poster {
    border-radius: var(--radius-lg) !important;
}

/* 圆角分布复核用：确保没有 16px / 50px 残留（胶囊仅限标签） */
.video-search-form,
.video-search-btn,
.video-search-input {
    -webkit-border-radius: var(--radius) !important;
}

/* --------------------------------------------------------------------------
   round8-select —— 音乐页音质下拉
   实测 .music-br-select 仍是 999px 胶囊，而同一行的 .music-search-input
   与 .music-search-btn 都是 6px，三者摆在一起明显不协调。
   统一到同一圆角令牌，描边与底色也对齐输入框。
   -------------------------------------------------------------------------- */
.music-br-select {
    border-radius: var(--radius) !important;
    border: 1px solid var(--border-color) !important;
    background-color: var(--card-bg) !important;
    color: var(--text-secondary) !important;
    box-shadow: none !important;
}

/* ==========================================================================
   round9-jiexi-blue —— 清除 jiexi.css 里残留的硬编码天蓝
   --------------------------------------------------------------------------
   解析页的旧主色是 #4f9cf9 / #2979ff（外链按钮还是 B 站绿 #00a1d6），
   它没有走 CSS 变量，所以无法像音乐页那样在令牌层一次性改掉，
   只能按「选择器 + 状态」逐个覆盖。
   下面每一条都对应 jiexi.css 里的一处硬编码，含 hover / active 态。
   ========================================================================== */

/* 1. 粘贴按钮：默认态就是蓝色，最显眼的一处 */
.jiexi-paste-btn {
    color: var(--text-secondary) !important;
}
.jiexi-paste-btn:hover {
    color: var(--ink-accent) !important;
}

/* 2. 复制简介按钮的 hover 态 */
.jiexi-copy-desc-btn:hover {
    border-color: var(--ink-accent-line) !important;
    color: var(--ink-accent) !important;
    background: var(--ink-accent-soft) !important;
}

/* 3. 分页按钮的 hover 态（active 态已由第 3 节统一为实心朱砂红） */
.jiexi-page-btn:hover {
    background: var(--ink-accent-soft) !important;
    border-color: var(--ink-accent-line) !important;
    color: var(--ink-accent) !important;
}

/* 4. 下载按钮三态：primary 实心 / secondary 描边 / external 中性描边 */
.jiexi-dl-btn.primary {
    background: var(--ink-accent) !important;
    background-image: none !important;
    box-shadow: none !important;
}
.jiexi-dl-btn.primary:hover {
    background: var(--ink-accent-hover) !important;
    opacity: 1 !important;
    transform: none !important;
}
.jiexi-dl-btn.secondary {
    background: var(--card-bg) !important;
    color: var(--ink-accent) !important;
    border: 1px solid var(--ink-accent-line) !important;
}
.jiexi-dl-btn.secondary:hover {
    background: var(--ink-accent-soft) !important;
}
.jiexi-dl-btn.external {
    background: var(--card-bg) !important;
    background-image: none !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}
.jiexi-dl-btn.external:hover {
    color: var(--ink-accent) !important;
    border-color: var(--ink-accent-line) !important;
    background: var(--ink-accent-soft) !important;
}

/* 5. 剧照下载按钮 */
.jiexi-img-dl-btn {
    background: var(--ink-accent) !important;
}
.jiexi-img-dl-btn:hover {
    background: var(--ink-accent-hover) !important;
}

/* 6. 加载动画：旧的蓝色转圈 */
.jiexi-spinner {
    border-color: var(--paper-3) !important;
    border-top-color: var(--ink-accent) !important;
}

/* 7. 使用说明的列表项符号：与其它功能页统一点彩色 */
.jiexi-tips ul li::before {
    color: var(--dot-teal) !important;
}

/* ==========================================================================
   round10-row —— 解析结果「清晰度 + 播放/下载」行
   --------------------------------------------------------------------------
   实测（真实解析 B 站视频后的 computed style）：
     .jiexi-download-item      border-radius: 10px   ← 非令牌值
     .jiexi-download-quality   border-radius: 999px  ← 外层胶囊
       └ .quality-badge        border-radius: 4px    ← 内层方角
     .jiexi-dl-btn             border-radius: 8px
     .jiexi-download-section   border-radius: 8px
   即：同一行里出现 999 / 4 / 8 / 10 四种圆角，而且是「胶囊套方角」的
   嵌套双环 —— 这正是「又是圆角底又是方形」的来源。
   结构上 .jiexi-download-quality 只是 .quality-badge 的定位包裹层，
   不该有自己的底色与描边，这里把它的视觉属性全部去掉。
   ========================================================================== */

/* 1. 包裹层退化为纯布局容器：只留 flex，不再画第二圈描边 */
.jiexi-download-quality {
    background: none !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 2. 行内所有圆角收敛到令牌：行卡 6px、按钮 6px、标签 4px、区块 8px */
.jiexi-download-item {
    border-radius: var(--radius) !important;
}

.jiexi-dl-btns .jiexi-dl-btn,
.jiexi-dl-btn {
    border-radius: var(--radius) !important;
}

/* 3. 主下载按钮的文字颜色 bug
   第 3 节的「平台色压平」规则用 .jiexi-dl-btn（0,1,0）写了
   color: var(--text-secondary) !important，而 round9 的 .jiexi-dl-btn.primary
   只覆盖了 background，没覆盖 color —— 结果红底上是灰色文字（可读性很差）。
   这里补齐前景色与边框。 */
.jiexi-dl-btn.primary,
.jiexi-img-dl-btn {
    color: #fff !important;
    border: none !important;
}

/* 5. 输入区外层容器：原来 8px 却包着 6px 的输入框与「解析」按钮 */
.jiexi-input-group {
    border-radius: var(--radius) !important;
}