/* ==========================================================
   life-resume-jump.css — 跨模态跳转 chip 视觉 — Backlog #96
   ------------------------------------------------------------
   物理迁出自 resume.css §7.5 (Backlog #95 §7.5, 第 564-654 行, 91 行 / ~3KB),
   2026-09-18 独立成 life-resume-jump.css, 跟 life-resume-jump.js (Backlog #95
   跨模态跳转协调器) 配对.

   迁出理由 (跟 Photography lightbox 解耦对称, Backlog #84):
     - 跨模态跳是个独立功能模块 (Resume ↔ Photography 跨模态),
       JS 已拆出来 (life-resume-jump.js), CSS 留在 resume.css 是残留耦合
     - .resume-jump-link / .resume-related-* 类只用于跨模态跳转,
       跟 Resume 主体(卡片/卡片列表/技能组/媒体盒)无强联系
     - .item-sublist 当前唯一使用场景是 Education Cert 段 bulleted list,
       跟 .resume-jump-link 紧邻出现, 一个语义单元一起搬

   职责:
     - .item-sublist              Education 5 program contents 有序子列表
     - .resume-related-block      "Related Awards (5)" 备注块 (label + chip list)
     - .resume-related-label      块头标签
     - .resume-jump-chip-list     chip 列表容器 (垂直堆叠)
     - .resume-jump-link          跳转按钮 (八角切角 4px + 深色 hover + →)
     - .item-sublist li .resume-jump-link  Field-trip 行内嵌入样式

   在 index.html 顺序 (Backlog #96, 2026-09-18 拍板: 在 resume-modal.css 之后):
       ...
       resume.css           (5)
       resume-modal.css     (5.5)
       life-resume-jump.css (5.6)  ← 本文件
       portfolio-preview.css (6) ...

   跟 JS 配对: life-resume-jump.js (Backlog #95 cross-modal jump coordinator),
               处理 data-jump-to="awards:anchor" / "photography:cityKey" 两种协议
               公开 API: window.ResumeJump = { bind, perform }

   铁律合规:
     - 不透明 > 透明: chip 背景 rgba(255,255,255,0.65) 是 hover 抬升软违规 (TD-3 接受范围)
     - 硬边 > 圆滑: 八角切角 4px clip-path, 无 border-radius
     - 纯色 > 渐变: 无 linear-gradient
     - 真实纹理: chip 不直接覆盖 paper_texture (只在父 .resume-card 共享 body 纹理)

   CORS 安全:
     - 纯 CSS, 无 fetch / XHR (life-resume-jump.js 全部 DOM 操作)
     - 不使用 CSS @import (file:// 协议下 @import 跨域错误, 项目铁律)
     - dev server 必须用 __server_mov_fix.py (ThreadingHTTPServer + CORS 头),
       单线程 python -m http.server 多 CSS 并发 fetch 会失败 (Backlog #95)
     - file:// 协议下双击即用, 浏览器内部 <link> fetches 不触发 CORS
   ========================================================== */


/* [Backlog #95 · 2026-09-17] Education bulleted list 内的有序子列表 (5 个 program contents)
   跟在 <strong>...</strong> 后缩进, 数字冒号形式
   [Backlog #96 · 2026-09-18] 由 resume.css §7.5 物理迁出 */
.item-sublist {
    margin: 8px 0 0 0;
    padding-left: 22px;
    list-style: decimal;
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.95rem;
    line-height: 1.65;
}
.item-sublist li {
    margin-bottom: 4px;
    padding-left: 4px;
}
.item-sublist li:last-child {
    margin-bottom: 0;
}

/* [Backlog #95 · 2026-09-17] "Related Awards (5)" 备注块: 标签 + 跳转链接按钮列表
   [Backlog #96 · 2026-09-18] 由 resume.css §7.5 物理迁出 */
.resume-related-block {
    margin-top: 14px;
    padding: 12px 14px;
    background: rgba(10, 31, 36, 0.04);
    border-left: 2px solid rgba(10, 31, 36, 0.35);
    border-radius: 0;
}
.resume-related-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.55);
    margin-bottom: 8px;
}
.resume-jump-chip-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* [Backlog #95 · 2026-09-17] 跨模态跳转链接按钮 (例如 "View Asian Design Award →" 或 "View field-trip photos →")
   风格: 8px 切角小 chip + 深色边线 + 深色 hover, 跟 .experience-tag 类似但更"链接"化 (含 →)
   [Backlog #96 · 2026-09-18] 由 resume.css §7.5 物理迁出 */
.resume-jump-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(10, 31, 36, 0.95);
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(10, 31, 36, 0.25);
    padding: 5px 10px;
    margin: 4px 0 0 0;
    text-align: left;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease,
                transform 0.15s ease;
    /* 八角切角 4px, 跟 .experience-tag 一致 */
    clip-path: polygon(
        4px 0%,
        calc(100% - 4px) 0%,
        100% 4px,
        100% calc(100% - 4px),
        calc(100% - 4px) 100%,
        4px 100%,
        0% calc(100% - 4px),
        0% 4px
    );
    user-select: none;
}
.resume-jump-link:hover {
    background-color: rgba(10, 31, 36, 0.92);
    color: rgba(255, 224, 130, 0.95);
    border-color: rgba(10, 31, 36, 0.85);
    transform: translateX(2px);
}
.resume-jump-link:focus-visible {
    outline: 2px solid rgba(0, 80, 100, 0.6);
    outline-offset: 2px;
}
/* Field-trip 链接 + bullet 同行 — 让 "Field Trip to Singapore..." 行内嵌入
   [Backlog #96 · 2026-09-18] 由 resume.css §7.5 物理迁出 */
.item-sublist li .resume-jump-link {
    margin-left: 6px;
    font-size: 0.8rem;
    padding: 3px 8px;
}