/* 绿皮书公共样式 · index.html + industries/*.html 共用 */
  :root{
    --bg:#ffffff;
    --bg-soft:#f6f8f9;
    --bg-side:#fafbfc;
    --ink:#1d2733;
    --ink-soft:#54616e;
    --line:#e4e9ed;
    --accent:#1a9c54;
    --accent-soft:#e7f6ee;
    --warn:#c0504d;
    --warn-soft:#fbecec;
    --quote:#f4f7f8;
    --radius:10px;
    --sidebar:300px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.75;
    font-size:16px;
  }
  /* ---- Sidebar ---- */
  #sidebar{
    position:fixed;top:0;left:0;bottom:0;width:var(--sidebar);
    background:var(--bg-side);
    border-right:1px solid var(--line);
    padding:22px 16px 40px;
    overflow-y:auto;
  }
  #sidebar .brand{
    font-weight:700;font-size:15px;color:var(--ink);
    padding:0 8px 4px;
  }
  #sidebar .brand small{display:block;font-weight:400;font-size:12px;color:var(--ink-soft);margin-top:4px;}
  .filter{
    width:100%;margin:14px 0 10px;padding:8px 10px;
    border:1px solid var(--line);border-radius:8px;font-size:13px;
    background:#fff;color:var(--ink);
  }
  .filter:focus{outline:2px solid var(--accent-soft);border-color:var(--accent);}
  .nav-part{margin:14px 0 4px;}
  .nav-part > .part-title{
    font-size:13px;font-weight:800;color:var(--ink);
    padding:6px 8px;margin-bottom:2px;
    border-bottom:2px solid var(--accent);
  }
  .nav-part > .part-title .pt-sub{
    display:block;font-weight:400;font-size:11px;
    color:var(--ink-soft);margin-top:2px;letter-spacing:0;
  }
  .nav-group{margin:6px 0;}
  .nav-part .nav-group{margin:4px 0 4px 6px;}
  .nav-group > .group-title{
    font-size:12px;font-weight:700;color:var(--accent);
    letter-spacing:.04em;padding:8px 8px 4px;text-transform:uppercase;
  }
  .nav-part.hidden,.nav-group.hidden{display:none;}
  .nav-group a{
    display:block;padding:5px 8px;border-radius:6px;
    color:var(--ink-soft);text-decoration:none;font-size:13.5px;
    border-left:2px solid transparent;
  }
  .nav-group a:hover{background:var(--accent-soft);color:var(--ink);}
  .nav-group a.active{color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent);font-weight:600;}
  .nav-group a.hidden{display:none;}
  .nav-group a.nav-sub{font-size:12.5px;padding:4px 8px 4px 16px;color:var(--ink-soft);}
  .nav-group a.nav-sub:hover{color:var(--accent);}

  /* ---- 上一篇/下一篇 导航条（蓝皮书精致风格）---- */
  .prev-next{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    gap:16px;
    margin:32px 0 6px;
    padding-top:20px;
    border-top:1px solid var(--line);
  }
  .pager-link{
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:12px 16px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    text-decoration:none;
    transition:border-color .15s ease,background .15s ease;
  }
  .pager-link:hover{
    border-color:var(--accent);
    background:var(--accent-soft);
  }
  .pager-link:hover .title{color:var(--accent);}
  .pager-link .desc{
    font-size:11px;
    color:var(--ink-soft);
    letter-spacing:.06em;
  }
  .pager-link .title{
    font-size:14px;
    color:var(--ink);
    font-weight:600;
    line-height:1.45;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  /* 箭头：上一篇 ← 在左，下一篇 → 在右 */
  .pager-link.prev::before{
    content:"←";
    margin-right:8px;
    color:var(--accent);
    font-weight:700;
  }
  .pager-link.next{
    text-align:right;
    align-items:flex-end;
  }
  .pager-link.next::after{
    content:"→";
    margin-left:8px;
    color:var(--accent);
    font-weight:700;
  }
  .pager-link.next .desc,
  .pager-link.next .title{text-align:right;}
  @media(max-width:600px){
    .prev-next{flex-direction:column;}
    .pager-link.next{text-align:left;align-items:flex-start;}
    .pager-link.next .desc,
    .pager-link.next .title{text-align:left;}
  }
  /* ---- Main ---- */
  #main{margin-left:var(--sidebar);padding:0 0 120px;}
  .wrap{max-width:860px;margin:0 auto;padding:0 40px;}
  .cover{
    padding:80px 40px 60px;
    background:linear-gradient(180deg,var(--accent-soft),#fff);
    border-bottom:1px solid var(--line);
  }
  .cover .kicker{color:var(--accent);font-weight:700;letter-spacing:.08em;font-size:13px;}
  .cover h1{font-size:34px;line-height:1.3;margin:14px 0 10px;color:var(--ink);}
  .cover .sub{font-size:18px;color:var(--ink-soft);margin:0 0 22px;}
  .cover .meta{font-size:13.5px;color:var(--ink-soft);}
  .cover .meta b{color:var(--ink);}
  .badge{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12.5px;color:var(--ink-soft);margin-right:8px;margin-top:8px;}
  .badge.live{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700;}
  .badge.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle;animation:badgePulse 1.5s ease-in-out infinite;}
  @keyframes badgePulse{0%{opacity:1;transform:scale(1);}50%{opacity:.3;transform:scale(.6);}100%{opacity:1;transform:scale(1);}}
  section{padding:38px 0 8px;border-bottom:1px solid var(--line);}
  section:last-child{border-bottom:none;}
  h2{font-size:25px;margin:0 0 6px;color:var(--ink);}
  h3{font-size:19px;margin:28px 0 8px;color:var(--ink);}
  h4{font-size:15.5px;margin:20px 0 6px;color:var(--accent);}
  p{margin:12px 0;}
  ul,ol{margin:12px 0;padding-left:22px;}
  li{margin:6px 0;}
  .chap-no{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.05em;}
  .muted{color:var(--ink-soft);font-size:12.5px;font-weight:400;}
  .lead{font-size:17px;color:var(--ink-soft);}
  /* ---- Figures / 图片（适配版心，断网可读）---- */
  figure{margin:22px 0;text-align:center;}
  figure img{
    max-width:100%;height:auto;
    border:1px solid var(--line);border-radius:var(--radius);
    box-shadow:0 1px 3px rgba(0,0,0,.06);
    background:#fff;
  }
  /* 截图(PNG)：合适大小的居中卡片，区别于架构 SVG 图 */
  figure img[src$=".png"]{
    display:block;margin:0 auto;
    max-width:640px;width:100%;height:auto;
    padding:8px;background:#fff;
    border:1px solid var(--line);border-radius:var(--radius);
    box-shadow:0 6px 22px rgba(0,0,0,.12);
  }
  /* 架构图(SVG)：保留宽幅，不套截图卡片样式 */
  figure img[src$=".svg"]{max-width:100%;}
  /* 行内截图（如正文里夹的 UI 截图）：与截图卡片同款，避免按原始像素撑爆版心 */
  .inline-shot{
    display:block;max-width:640px;width:100%;height:auto;
    margin:14px 0;padding:8px;background:#fff;
    border:1px solid var(--line);border-radius:var(--radius);
    box-shadow:0 6px 22px rgba(0,0,0,.12);
  }
  figcaption{
    margin-top:8px;font-size:13px;color:var(--ink-soft);
    line-height:1.5;
  }
  blockquote{
    margin:18px 0;padding:14px 18px;background:var(--quote);
    border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;
    color:var(--ink);
  }
  blockquote p{margin:6px 0;}
  .callout{
    margin:18px 0;padding:14px 18px;border-radius:var(--radius);
    border:1px solid var(--line);background:var(--bg-soft);font-size:14.5px;
  }
  .callout.warn{background:var(--warn-soft);border-color:#f0c9c8;}
  .callout.warn b{color:var(--warn);}
  table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px;}
  th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;}
  th{background:var(--bg-soft);color:var(--ink);font-weight:600;}
  tbody tr:nth-child(even){background:#fcfdfd;}
  code{background:var(--bg-soft);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:13.5px;font-family:"SFMono-Regular",Consolas,monospace;color:#336;}
  pre{
    background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);
    padding:14px 16px;margin:14px 0;overflow-x:auto;
  }
  pre code{
    background:none;border:none;padding:0;border-radius:0;color:var(--ink);
    font-size:13px;line-height:1.7;white-space:pre;display:block;
  }
  .pipeline{
    display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0;
    font-size:14px;
  }
  .pipeline .step{background:var(--accent-soft);color:var(--accent);border:1px solid #c7e7d3;padding:6px 12px;border-radius:999px;font-weight:600;}
  .pipeline .arrow{color:var(--ink-soft);}
  .role-card{
    border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:14px 0;background:#fff;
  }
  .role-card .name{font-weight:700;color:var(--ink);font-size:16px;}
  .role-card .job{color:var(--accent);font-size:13.5px;font-weight:600;margin:2px 0 8px;}
  .role-card .q{color:var(--ink-soft);font-style:italic;}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;max-width:560px;}
  @media(max-width:1100px){.qr-grid{grid-template-columns:1fr;max-width:320px;}}
  .qr-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;background:#fff;text-align:center;}
  .qr-card .qr-img{width:150px;height:150px;margin:0 auto 12px;border-radius:10px;overflow:hidden;background:#f6f8f7;display:flex;align-items:center;justify-content:center;}
  .qr-card .qr-img img{width:100%;height:100%;object-fit:contain;}
  .qr-card .qr-name{font-weight:700;color:var(--ink);font-size:16px;margin-bottom:4px;}
  .qr-card .qr-desc{color:var(--ink-soft);font-size:13.5px;}
  .qr-card .qr-tip{color:var(--accent);font-size:12.5px;font-weight:600;margin-top:6px;}
  .cover-qr{display:flex;gap:30px;justify-content:center;margin-top:34px;flex-wrap:wrap;}
  .cover-qr .cqr{display:flex;flex-direction:column;align-items:center;gap:8px;}
  .cover-qr .cqr img{width:92px;height:92px;border-radius:10px;background:#fff;padding:6px;box-shadow:0 3px 12px rgba(0,0,0,.10);}
  .cover-qr .cqr span{font-size:13px;color:var(--ink-soft);font-weight:600;}
  @media(max-width:1100px){.grid2{grid-template-columns:1fr;}}
  .tag{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 9px;font-size:12.5px;font-weight:600;margin-right:6px;}
  footer{padding:40px;color:var(--ink-soft);font-size:13px;text-align:center;}
  .menu-btn{display:none;}
  @media(max-width:900px){
    #sidebar{transform:translateX(-100%);transition:.25s;z-index:50;box-shadow:2px 0 12px rgba(0,0,0,.08);}
    #sidebar.open{transform:translateX(0);}
    #main{margin-left:0;}
    .menu-btn{display:block;position:fixed;top:12px;left:12px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;}
    .cover,.wrap{padding-left:20px;padding-right:20px;}
    .cover h1{font-size:27px;}
  }

  /* ===== 打印 / 导出 PDF 优化 ===== */
  @media print{
    #sidebar, #filter, .menu-btn{display:none !important;}
    #main{margin-left:0 !important;padding:0 !important;}
    *{animation:none !important;transition:none !important;}
    .badge.live::before{display:none !important;}          /* 去掉脉冲绿点 */
    a{color:var(--ink) !important;text-decoration:none !important;}
    section{break-inside:auto;page-break-inside:auto;}
    h2, h3{page-break-after:avoid;break-after:avoid;}
    figure, img, table, .qr-card, .cover-qr, pre, blockquote{
      break-inside:avoid;page-break-inside:avoid;
    }
    img{max-width:100% !important;height:auto !important;}
    .cover-qr, .qr-grid{display:flex !important;break-inside:avoid;}
    .wrap{max-width:100% !important;padding:0 6mm !important;}
    @page{margin:14mm;}
  }