/* ============================================================
   incident-response.css — 子课题06 应急响应与数据恢复（研究分册）
   与 style.css 全局变量完全兼容，不修改全局样式
   ============================================================ */

/* ===== 页面头部（沿用 page-header，追加专题版式） ===== */
.ir-edition {
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(135deg,#1a6eff 0%,#0d4fc4 100%);
    color:#fff;font-size:12px;font-weight:700;letter-spacing:2px;
    padding:6px 18px;border-radius:100px;margin-bottom:18px;
    box-shadow:0 4px 16px rgba(26,110,255,.25);
}
.ir-toc {
    max-width:880px;margin:28px auto 0;text-align:left;
    background:#fff;border:1px solid var(--border);border-radius:var(--radius);
    padding:22px 26px;box-shadow:var(--shadow);
}
.ir-toc h4{font-size:13px;font-weight:800;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ir-toc h4 svg{color:var(--primary)}
.ir-toc ol{list-style:none;counter-reset:toc}
.ir-toc li{counter-increment:toc;font-size:13.5px;padding:7px 0;border-bottom:1px dashed var(--border);display:flex;gap:10px;align-items:baseline}
.ir-toc li:last-child{border-bottom:none}
.ir-toc li::before{content:counter(toc,decimal-leading-zero);font-weight:800;color:var(--primary);font-size:12px;flex-shrink:0}
.ir-toc li a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}
.ir-toc li a:hover{color:var(--primary)}
.ir-toc li .toc-page{margin-left:auto;font-size:11px;color:var(--text-light);flex-shrink:0}

/* ===== 章节标题 ===== */
.ir-chapter {
    display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;
    padding-bottom:22px;border-bottom:2px solid var(--border);
}
.ir-chapter-num {
    font-size:44px;font-weight:900;line-height:1;color:var(--primary);opacity:.18;flex-shrink:0;
    font-variant-numeric:tabular-nums;
}
.ir-chapter-body h3{font-size:clamp(19px,2.6vw,24px);font-weight:800;margin-bottom:6px}
.ir-chapter-body p{font-size:14px;color:var(--text-secondary);line-height:1.8;max-width:760px}
.ir-rule{height:1px;background:var(--border);margin:40px 0}

/* ===== 卡片/网格 ===== */
.ir-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ir-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ir-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ir-card{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;
    transition:var(--transition);position:relative;overflow:hidden;
}
.ir-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.ir-card h4{font-size:16px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ir-card h4 svg{color:var(--primary);flex-shrink:0}
.ir-card p{font-size:13.5px;color:var(--text-secondary);line-height:1.8}
.ir-card .ir-tag{
    display:inline-block;font-size:11px;font-weight:700;color:var(--primary);
    background:var(--primary-light);padding:3px 10px;border-radius:100px;margin-bottom:10px;
}
.ir-card.warn{border-top:3px solid #dc2626}
.ir-card.amber{border-top:3px solid #ea580c}
.ir-card.blue{border-top:3px solid #1a6eff}
.ir-card.green{border-top:3px solid #16a34a}

/* ===== 要点框 callout ===== */
.ir-callout{
    display:flex;align-items:flex-start;gap:14px;border-radius:var(--radius);
    padding:20px 22px;margin:24px 0;font-size:14px;line-height:1.85;
}
.ir-callout svg{flex-shrink:0;margin-top:3px}
.ir-callout strong{font-weight:700}
.ir-callout.info{background:var(--primary-light);color:#0d3b8c;border:1px solid rgba(26,110,255,.2)}
.ir-callout.info svg{color:var(--primary)}
.ir-callout.warn{background:#fef2f2;color:#7f1d1d;border:1px solid rgba(220,38,38,.2)}
.ir-callout.warn svg{color:#dc2626}
.ir-callout.amber{background:#fff7ed;color:#7c2d12;border:1px dashed rgba(234,88,12,.35)}
.ir-callout.amber svg{color:#ea580c}
.ir-callout.green{background:#f0fdf4;color:#14532d;border:1px solid rgba(22,163,74,.2)}
.ir-callout.green svg{color:#16a34a}

/* ===== 检查清单 ===== */
.ir-check{list-style:none;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.ir-check li{
    display:flex;gap:12px;align-items:flex-start;padding:14px 18px;font-size:13.5px;
    color:var(--text-secondary);line-height:1.75;border-bottom:1px solid var(--border);
}
.ir-check li:last-child{border-bottom:none}
.ir-check li:nth-child(even){background:var(--bg-warm)}
.ir-check .box{
    width:18px;height:18px;border:2px solid var(--primary);border-radius:5px;flex-shrink:0;
    margin-top:3px;position:relative;
}
.ir-check .box::after{
    content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;
    border:solid var(--primary);border-width:0 2px 2px 0;transform:rotate(42deg);
}
.ir-check li strong{color:var(--text)}

/* ===== 表格 ===== */
.ir-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}
table.ir-table{width:100%;border-collapse:collapse;min-width:640px}
table.ir-table th{
    background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700;
    text-align:left;padding:12px 16px;border-bottom:2px solid rgba(26,110,255,.15);white-space:nowrap;
}
table.ir-table td{
    font-size:13px;color:var(--text-secondary);padding:12px 16px;border-bottom:1px solid var(--border);
    line-height:1.7;vertical-align:top;
}
table.ir-table tr:last-child td{border-bottom:none}
table.ir-table tr:hover td{background:var(--bg-warm)}
table.ir-table td strong{color:var(--text)}
.ir-lv{display:inline-block;font-size:11px;font-weight:800;padding:3px 12px;border-radius:100px;color:#fff}
.ir-lv.l1{background:linear-gradient(135deg,#7f1d1d,#dc2626)}
.ir-lv.l2{background:linear-gradient(135deg,#b91c1c,#ef4444)}
.ir-lv.l3{background:linear-gradient(135deg,#ea580c,#f97316)}
.ir-lv.l4{background:linear-gradient(135deg,#1a6eff,#3b82f6)}

/* ===== 时间轴（横向） ===== */
.ir-flow{display:flex;gap:0;margin:8px 0 4px;overflow-x:auto;padding-bottom:8px}
.ir-flow .step{
    flex:1;min-width:150px;position:relative;padding:18px 16px 16px;
    background:#fff;border:1px solid var(--border);
}
.ir-flow .step:first-child{border-radius:12px 0 0 12px}
.ir-flow .step:last-child{border-radius:0 12px 12px 0}
.ir-flow .step:not(:first-child){border-left:none}
.ir-flow .step::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,#dc2626,#ea580c,#f59e0b,#16a34a);
    opacity:.75;
}
.ir-flow .t{font-size:11px;font-weight:800;color:#dc2626;letter-spacing:.5px;margin-bottom:6px}
.ir-flow h5{font-size:14.5px;font-weight:700;margin-bottom:8px}
.ir-flow ul{list-style:none}
.ir-flow li{font-size:12.5px;color:var(--text-secondary);line-height:1.7;padding-left:12px;position:relative;margin-bottom:4px}
.ir-flow li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--primary);border-radius:50%;opacity:.55}

/* ===== 步骤纵轴 ===== */
.ir-steps{position:relative;padding-left:34px;max-width:840px}
.ir-steps::before{content:'';position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--primary),var(--border))}
.ir-step{position:relative;margin-bottom:26px}
.ir-step::before{
    content:'';position:absolute;left:-30px;top:2px;width:18px;height:18px;border-radius:50%;
    background:#fff;border:3px solid var(--primary);
}
.ir-step .st{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:1px;margin-bottom:4px}
.ir-step h5{font-size:15.5px;font-weight:700;margin-bottom:6px}
.ir-step p{font-size:13.5px;color:var(--text-secondary);line-height:1.8}

/* ===== 阶段六宫格 ===== */
.ir-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ir-phase{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;
    transition:var(--transition);
}
.ir-phase:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}
.ir-phase .pnum{font-size:30px;font-weight:900;color:var(--primary);opacity:.25;line-height:1}
.ir-phase h4{font-size:16px;font-weight:800;margin:8px 0 4px}
.ir-phase .pen{font-size:11px;color:var(--text-light);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.ir-phase p{font-size:13px;color:var(--text-secondary);line-height:1.75;margin-bottom:12px}
.ir-phase ul{list-style:none}
.ir-phase li{font-size:12.5px;color:var(--text-secondary);line-height:1.7;padding-left:14px;position:relative;margin-bottom:5px}
.ir-phase li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--primary);border-radius:50%;opacity:.5}
.ir-phase li strong{color:var(--text)}

/* ===== 双栏对照 ===== */
.ir-vs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}
.ir-vs > div{padding:24px}
.ir-vs .bad{background:#fef2f2;border-right:1px solid var(--border)}
.ir-vs .good{background:#f0fdf4}
.ir-vs h5{font-size:14px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ir-vs .bad h5{color:#b91c1c}
.ir-vs .good h5{color:#15803d}
.ir-vs ul{list-style:none}
.ir-vs li{font-size:13px;line-height:1.75;color:var(--text-secondary);padding-left:18px;position:relative;margin-bottom:8px}
.ir-vs .bad li::before{content:'✕';position:absolute;left:0;color:#dc2626;font-weight:700;font-size:12px}
.ir-vs .good li::before{content:'✓';position:absolute;left:0;color:#16a34a;font-weight:700;font-size:12px}

/* ===== 参考文献 ===== */
.ir-refs{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px}
.ir-refs h4{font-size:16px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ir-refs h4 svg{color:var(--primary)}
.ir-refs ol{list-style:none;counter-reset:ref}
.ir-refs li{
    counter-increment:ref;font-size:13px;color:var(--text-secondary);line-height:1.8;
    padding:8px 0 8px 40px;position:relative;border-bottom:1px dashed var(--border);
}
.ir-refs li:last-child{border-bottom:none}
.ir-refs li::before{
    content:'['counter(ref)']';position:absolute;left:0;top:9px;font-weight:800;color:var(--primary);font-size:12px;
}
.ir-refs li strong{color:var(--text)}

/* ===== 分册分页器 ===== */
.ir-pager{
    display:flex;align-items:stretch;gap:14px;max-width:900px;margin:0 auto;
}
.ir-pager a{
    flex:1;display:flex;flex-direction:column;gap:4px;text-decoration:none;
    background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;
    transition:var(--transition);min-width:0;
}
.ir-pager a:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.ir-pager a.next{text-align:right}
.ir-pager .pdir{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:1px;display:flex;align-items:center;gap:6px}
.ir-pager a.next .pdir{justify-content:flex-end}
.ir-pager .ptitle{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.4}
.ir-pager .pdesc{font-size:12px;color:var(--text-light);line-height:1.6}
.ir-pager a.disabled{opacity:.45;pointer-events:none}
.ir-pager-center{
    align-self:center;flex-shrink:0;text-align:center;padding:0 6px;
}
.ir-pager-center .dots{display:flex;gap:6px;justify-content:center;margin-bottom:6px}
.ir-pager-center .dot{width:9px;height:9px;border-radius:50%;background:var(--border)}
.ir-pager-center .dot.on{background:var(--primary)}
.ir-pager-center .plabel{font-size:11px;color:var(--text-light);font-weight:600;white-space:nowrap}

/* ===== 数据条 ===== */
.ir-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ir-bar-row .bl{font-size:13px;color:var(--text-secondary);width:150px;flex-shrink:0}
.ir-bar-row .bw{flex:1;height:8px;background:var(--bg-warm);border-radius:4px;overflow:hidden}
.ir-bar-row .bf{height:100%;background:var(--primary-gradient);border-radius:4px;width:0;transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.ir-bar-row .bv{font-size:12px;font-weight:700;color:var(--primary);width:56px;text-align:right;flex-shrink:0}

/* ===== 注入卡片 ===== */
.ir-inject{
    background:#fff;border:1px solid var(--border);border-left:4px solid var(--primary);
    border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:14px;
}
.ir-inject .it{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:1px;margin-bottom:4px}
.ir-inject h5{font-size:14px;font-weight:700;margin-bottom:5px}
.ir-inject p{font-size:12.5px;color:var(--text-secondary);line-height:1.75}

/* ===== 树形决策 ===== */
.ir-tree{max-width:760px;margin:0 auto;text-align:center}
.ir-tree .node{
    display:inline-block;background:#fff;border:1.5px solid var(--primary);border-radius:12px;
    padding:10px 20px;font-size:13.5px;font-weight:600;color:var(--text);max-width:280px;
}
.ir-tree .node.q{background:var(--primary-light);border-color:rgba(26,110,255,.35)}
.ir-tree .node.end{border-color:#16a34a;color:#14532d;background:#f0fdf4;font-size:12.5px}
.ir-tree .node.end.red{border-color:#dc2626;color:#7f1d1d;background:#fef2f2}
.ir-tree .split{display:flex;justify-content:center;gap:24px;margin:14px 0;flex-wrap:wrap}
.ir-tree .branch{flex:1;min-width:220px;max-width:320px;position:relative;padding-top:22px}
.ir-tree .branch::before{content:'';position:absolute;top:0;left:50%;width:1.5px;height:22px;background:var(--border)}
.ir-tree .blabel{
    position:absolute;top:0;left:50%;transform:translateX(-50%);
    font-size:11px;font-weight:800;color:var(--primary);background:var(--primary-light);
    padding:2px 10px;border-radius:100px;white-space:nowrap;
}
.ir-tree .connector{width:1.5px;height:20px;background:var(--border);margin:0 auto}

/* ===== 指标徽章 ===== */
.ir-kpis{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.ir-kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 22px;text-align:center;min-width:130px}
.ir-kpi .kn{font-size:24px;font-weight:900;color:var(--primary);line-height:1;font-variant-numeric:tabular-nums}
.ir-kpi .kl{font-size:12px;color:var(--text-light);margin-top:6px;font-weight:500}

/* ===== 延伸阅读 ===== */
.ir-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ir-link{
    display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--border);
    border-radius:var(--radius-sm);padding:16px 18px;text-decoration:none;transition:var(--transition);
}
.ir-link:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.ir-link .lic{
    width:36px;height:36px;border-radius:10px;background:var(--primary-light);color:var(--primary);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ir-link h5{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:3px}
.ir-link p{font-size:12px;color:var(--text-light);line-height:1.6}

/* ===== 章末小结 ===== */
.ir-summary{
    background:linear-gradient(135deg,#f0f5ff 0%,#ffffff 100%);
    border:1px solid rgba(26,110,255,.15);border-radius:var(--radius);padding:28px 30px;
}
.ir-summary h4{font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ir-summary h4 svg{color:var(--primary)}
.ir-summary ul{list-style:none}
.ir-summary li{font-size:13.5px;color:var(--text-secondary);line-height:1.8;padding-left:18px;position:relative;margin-bottom:8px}
.ir-summary li::before{content:'';position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--primary);border-radius:2px;transform:rotate(45deg)}
.ir-summary li strong{color:var(--text)}

/* ===== 响应式 ===== */
@media (max-width:1024px){
    .ir-grid4{grid-template-columns:1fr 1fr}
    .ir-grid3{grid-template-columns:1fr 1fr}
    .ir-phases{grid-template-columns:1fr 1fr}
    .ir-flow{flex-direction:column;overflow:visible}
    .ir-flow .step{border-left:1px solid var(--border)!important;border-radius:12px!important;margin-bottom:-1px}
    .ir-pager{flex-direction:column}
    .ir-pager-center{padding:6px 0}
}
@media (max-width:768px){
    .ir-grid2,.ir-grid3,.ir-grid4,.ir-phases,.ir-links,.ir-vs{grid-template-columns:1fr}
    .ir-vs .bad{border-right:none;border-bottom:1px solid var(--border)}
    .ir-chapter{gap:12px}
    .ir-chapter-num{font-size:32px}
    .ir-toc{padding:16px 18px}
    .ir-bar-row .bl{width:110px;font-size:12px}
    .ir-callout{font-size:13px;padding:16px}
    .ir-pager a.next{text-align:left}
    .ir-pager a.next .pdir{justify-content:flex-start}
    .ir-flow .step{min-width:0}
    table.ir-table{min-width:560px}
}

/* ============================================================
   补丁：移动端导航 / 页脚适配 + 缺失的按钮样式
   （原 style.css 未包含移动端 nav/footer 规则，此处按
     ransomware.css 同款方案补齐，不修改全局样式文件）
   ============================================================ */

/* ===== 返回按钮与返回链接（原页面内联样式，补录于此） ===== */
.back-link{text-align:center}
.btn-primary{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 28px;border-radius:12px;
    background:var(--primary-gradient);color:#fff;
    font-size:15px;font-weight:600;text-decoration:none;
    transition:var(--transition);border:none;cursor:pointer;font-family:inherit;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,110,255,0.3)}

/* ===== 移动端顶部导航（与 ransomware.css 同款实现） ===== */
@media (max-width:768px){
    .nav-links{
        display:none;
        position:absolute;
        top:72px;left:0;right:0;
        background:#fff;
        flex-direction:column;
        padding:16px 24px;
        box-shadow:0 8px 24px rgba(0,0,0,0.08);
        gap:4px;
        border-bottom:1px solid var(--border);
    }
    .nav-links.active{display:flex}
    .mobile-toggle{display:flex}
    /* 汉堡按钮展开动画 */
    .mobile-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .mobile-toggle.active span:nth-child(2){opacity:0}
    .mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* ===== 移动端页脚适配 ===== */
@media (max-width:1024px){
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:768px){
    .footer{padding:48px 0 24px}
    .footer-grid{grid-template-columns:1fr;gap:28px}
    .footer-brand p{max-width:100%}
    .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
    .page-header{padding:110px 0 48px}
    .page-header p{font-size:14px;padding:0 4px}
}

/* ===== 移动导航展开时点击链接后自动收起 ===== */

/* ===== 页脚品牌Logo移动端尺寸 ===== */
@media (max-width:768px){
    .footer-brand .logo-icon img{height:60px}
    .footer-col li{margin-bottom:8px}
}