/* ============================================================
   IT时代网 首页专业化增强 · A 档 v1（2026-10-14）
   挂载点：主题 footer-aside 的 textwidget（自定义 HTML 挂 <link> 引入本文件 + <script> 注入 NEW 标逻辑）
   内容：
   1) 短剧/游戏条目 ▶ 播放角标
   2) [已移除 2026-10-14 17:25 用户指令]
   3) [已移除 17:27]
   4) 栏目标题英文小字副标（15 栏目全配）
   5) 栏目主题色左边线（::before 色条）
   6) 列表 hover 交互 + 当天时间红色
   7) [奖杯图标已移除 17:25；HOT「热」标保留]
   回滚：删除 footer-aside 里的 <link> 与 <script> 两行即可
   ============================================================ */

/* ---------- 1) 短剧 / 游戏 播放角标 ---------- */
/* 栏目区块无独立 class，靠「更多」链接 href 精确定位（KejiPush 现有结构） */
/* 短剧 */
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/duanju"]) .kj-cat-list li { position: relative; }
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/duanju"]) .kj-cat-list li > a { padding-left: 18px; }
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/duanju"]) .kj-cat-list li > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--theme-color, #185fa5);
    opacity: .85;
}
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/duanju"]) .kj-cat-list li > a::after {
    content: '';
    position: absolute;
    left: 4.5px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4.5px;
    border-color: transparent transparent transparent #fff;
    pointer-events: none;
}
/* 游戏（同款，色调用紫） */
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/game"]) .kj-cat-list li { position: relative; }
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/game"]) .kj-cat-list li > a { padding-left: 18px; }
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/game"]) .kj-cat-list li > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #7c5cd6;
    opacity: .85;
}
.kj-cat-col:has(> .kj-latest-head a.kj-latest-more[href$="/game"]) .kj-cat-list li > a::after {
    content: '';
    position: absolute;
    left: 4.5px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4.5px;
    border-color: transparent transparent transparent #fff;
    pointer-events: none;
}
/* hover 时角标点亮 */
.kj-cat-col:has(a.kj-latest-more[href$="/duanju"]) .kj-cat-list li:hover > a::before,
.kj-cat-col:has(a.kj-latest-more[href$="/game"]) .kj-cat-list li:hover > a::before { opacity: 1; }

/* ---------- 3) [HOT 热标已移除 2026-10-14 17:27 用户指令] ---------- */
/* ---------- 4) 栏目标题英文小字副标 ---------- */
.kj-latest-title { position: relative; }
.kj-latest-title::after {
    content: attr(data-en);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: var(--theme-text-secondary, #b0b0b0);
    margin-left: 7px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}
/* 英文副标由 JS 写入 data-en（避免模板硬改）；此处只管样式 */

/* ---------- 5) 栏目主题色左边线（卡片左缘 3px 色条） ---------- */
.kj-cat-col { position: relative; overflow: hidden; }
.kj-cat-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--kj-accent, var(--theme-color, #185fa5));
    opacity: .9;
}
/* 各栏目色（:has 定位「更多」链接） */
.kj-cat-col:has(a.kj-latest-more[href$="/ai"]:not([href$="/jiqiren"]))       { --kj-accent: #1667dc; }  /* AI 蓝 */
.kj-cat-col:has(a.kj-latest-more[href$="/ai/jiqiren"])                       { --kj-accent: #0aa6a0; }  /* 机器人青 */
.kj-cat-col:has(a.kj-latest-more[href$="/bdt"])                              { --kj-accent: #7c5cd6; }  /* 半导体紫 */
.kj-cat-col:has(a.kj-latest-more[href$="/jiadian"])                          { --kj-accent: #e6822a; }  /* 家电橙 */
.kj-cat-col:has(a.kj-latest-more[href$="/shouji"])                           { --kj-accent: #e64545; }  /* 手机红 */
.kj-cat-col:has(a.kj-latest-more[href$="/edu"])                              { --kj-accent: #2e9e5b; }  /* 教育绿 */
.kj-cat-col:has(a.kj-latest-more[href$="/shuju"])                            { --kj-accent: #1667dc; }  /* 数据蓝 */
.kj-cat-col:has(a.kj-latest-more[href$="/car"])                              { --kj-accent: #e64545; }  /* 汽车红 */
.kj-cat-col:has(a.kj-latest-more[href$="/game"])                             { --kj-accent: #7c5cd6; }  /* 游戏紫 */
.kj-cat-col:has(a.kj-latest-more[href$="/dianshang"])                        { --kj-accent: #e6822a; }  /* 电商橙 */
.kj-cat-col:has(a.kj-latest-more[href$="/duanju"])                          { --kj-accent: #e64f7c; }  /* 短剧玫红 */
.kj-cat-col:has(a.kj-latest-more[href$="/hangtian"])                         { --kj-accent: #1f6fd0; }  /* 航天深蓝 */
.kj-cat-col:has(a.kj-latest-more[href$="/caijing"])                          { --kj-accent: #b8860b; }  /* 财经金 */
.kj-cat-col:has(a.kj-latest-more[href$="/tel"])                              { --kj-accent: #0aa6a0; }  /* 通信青 */
.kj-cat-col:has(a.kj-latest-more[href$="/ota"])                              { --kj-accent: #2e9e5b; }  /* 酒旅绿 */

/* ---------- 6) hover 交互 + 当天时间红色 ---------- */
.kj-cat-list li > a,
.kj-latest-list li > a {
    transition: color .15s ease, padding-left .15s ease;
}
.kj-cat-list li:hover > a,
.kj-latest-list li:hover > a {
    color: var(--theme-color, #185fa5);
    padding-left: 2px;
}
/* 圆点同步点亮（主题自带 hover 变色，这里加过渡） */
.kj-cat-list li::before { transition: background .15s ease, transform .15s ease; }
.kj-cat-list li:hover::before { transform: scale(1.3); }
/* 当天时间红色：JS 给当天条目的 time span 加 .kj-today，样式在此 */
.kj-cat-time.kj-today, .kj-latest-time.kj-today {
    color: #d93838;
    font-weight: 600;
}

/* ---------- 7) 已移除（用户 17:25 指令：去掉奖杯图标） ---------- */

/* ---------- 深色模式兼容（dark.min.css 加载后） ---------- */
html.dark .kj-latest-title::after { color: #7a8b9c; }
html.dark .kj-cat-time.kj-today, html.dark .kj-latest-time.kj-today { color: #ff6b6b; }