:root { --ink:#14213d; --muted:#637083; --line:#dce3ec; --blue:#1155cc; --ok:#16794b; --warn:#a15c00; --bad:#b42318; --pending:#536171; --bg:#f4f7fb; }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--bg); color:var(--ink); font:14px/1.5 "Segoe UI", Arial, sans-serif; }
  .page { max-width:1220px; margin:24px auto 80px; background:white; border:1px solid var(--line); border-radius:14px; box-shadow:0 8px 28px rgba(20,33,61,.08); overflow:hidden; }
  header { padding:28px 34px; background:linear-gradient(135deg,#123c73,#1f6fb2); color:white; }
  header h1 { margin:0 0 6px; font-size:25px; } header p { margin:0; opacity:.86; }
  main { padding:28px 34px 44px; }
  .draft { border:1px solid var(--line); border-radius:10px; padding:22px; background:#fff; }
  .mail-meta { display:grid; grid-template-columns:84px 1fr; gap:5px 12px; padding-bottom:14px; border-bottom:1px solid var(--line); margin-bottom:18px; }
  .label { color:var(--muted); font-weight:600; }
  .stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:22px 0; }
  .stat { border:1px solid var(--line); border-radius:9px; padding:14px; } .stat b { font-size:24px; display:block; } .stat span { color:var(--muted); }
  h2 { font-size:19px; margin:30px 0 12px; } h3 { font-size:16px; margin:24px 0 10px; }
  .notice { padding:12px 14px; background:#fff8e8; border-left:4px solid #e5a100; margin:16px 0; }
  .table-wrap { overflow:auto; border:1px solid var(--line); border-radius:9px; }
  table { width:100%; border-collapse:collapse; min-width:1040px; } th { background:#eef3f9; text-align:left; font-size:12px; color:#435168; } th,td { border-bottom:1px solid var(--line); padding:10px; vertical-align:top; } tr:last-child td { border-bottom:0; }
  .muted,.filename { color:var(--muted); font-size:12px; }
  .pill { display:inline-block; padding:2px 8px; border-radius:99px; font-size:12px; font-weight:700; white-space:nowrap; } .ok { background:#e5f5ec;color:var(--ok); } .warn { background:#fff0d6;color:var(--warn); } .bad { background:#fde8e7;color:var(--bad); } .pending { background:#edf0f4;color:var(--pending); }
  .shot-card { margin:18px 0 28px; border:1px solid var(--line); border-radius:10px; overflow:hidden; } .shot-head { display:flex; justify-content:space-between; gap:12px; padding:12px 14px 3px; } .shot-meta { padding:0 14px 12px; color:var(--muted); } .shot-card img { width:100%; display:block; border-top:1px solid var(--line); } .filename { padding:8px 14px; background:#f8fafc; }
  a { color:var(--blue); } .internal { background:#f7f9fc; border:1px dashed #aeb9c8; padding:14px; border-radius:8px; }
  @media (max-width:800px) { .page { margin:0; border:0; border-radius:0; } main,header { padding:22px 18px; } .stats { grid-template-columns:repeat(2,1fr); } }
  @media print { body { background:white; } .page { box-shadow:none; margin:0; max-width:none; border:0; } .shot-card { break-inside:avoid; } }

.attention{color:#a15c00} html{scroll-behavior:smooth}
table{table-layout:fixed;min-width:1100px}td{overflow-wrap:anywhere}
th:nth-child(1){width:16%}th:nth-child(2){width:6%}th:nth-child(3){width:14%}
th:nth-child(4){width:11%}th:nth-child(5){width:9%}th:nth-child(6){width:35%}
th:nth-child(7){width:9%}td:nth-child(7) a{white-space:nowrap}