/* ============================================================
   飞行审批 · 气象评估报告浮层（#fwr）
   —— 骨架完全复用 flight-notice.css 的 #fnt / .fnt-*（同一张玻璃卡、
      同一条标题行、同一枚自绘指示条），这里只写「报告」自己的东西：
      文档版式（标题 / 编号章节 / 键值行）、剖面图外框
   —— 版心比告知书宽一档：报告里有图，680px 会把剖面图挤成一条
   ============================================================ */

#fwr { z-index: 46; }
#fwr .fnt-card { max-width: 820px; }
@media (min-width: 2048px) { #fwr .fnt-card { max-width: 940px; } }

/* —— 文档版心 —— */
.fwr-card .fnt-body { padding: 22px 26px 26px; }

.fwr-h1 {
  margin: 0 0 5px;
  text-align: center;
  font-size: 16.5px; font-weight: 700; letter-spacing: 3px;
  background: linear-gradient(180deg, #FFFFFF 0%, #EAF4FF 38%, #C3DBF1 74%, #93B9DC 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  color: #FFFFFF;
  filter: drop-shadow(0 0 9px rgba(130, 185, 230, 0.36));
}
.fwr-sub {
  margin: 0 0 20px; text-align: center;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 1.4px;
  color: rgba(160, 188, 214, 0.55);
}
/* 标题与正文之间一道渐隐发丝线：报告的「封面」到此为止 */
.fwr-h1 + .fwr-sub::after {
  content: ""; display: block; width: 74px; height: 1px; margin: 13px auto 0;
  background: linear-gradient(90deg, transparent, rgba(150, 200, 245, 0.42), transparent);
}

/* —— 章节：编号挂在左侧栏沟里，标题与正文共用同一条左基线 ——
   编号若与标题连排，标题的第一个字就要比正文右移一个字宽，
   下面每一段都跟着「差半个字」——这是报告版式里最显脏的一处。
   现在 1. / 2. 挂进 20px 的栏沟，正文整块从 20px 起，
   标题的「结论」与下面的段落、键值名落在同一根竖线上 */
.fwr-sec { position: relative; padding-left: 20px; margin: 0 0 19px; }
.fwr-sec:last-of-type { margin-bottom: 4px; }
.fwr-h2 {
  position: relative;
  margin: 0 0 8px;
  font-size: 13px; font-weight: 700; letter-spacing: 0.9px;
  color: #E8F2FB;
  text-shadow: 0 0 12px rgba(120, 175, 230, 0.2);
}
.fwr-h2 > em {
  position: absolute; left: -20px; top: 0;
  font-family: var(--font-mono); font-style: normal;
  font-size: 12px; font-weight: 500; letter-spacing: 0;
  color: rgba(150, 196, 236, 0.85);
}
/* 正文口径与《安全飞行告知书》逐项对齐：12.8px / 1.95 / rgba(216,231,244,.82)。
   两份浮层并排看，行距与灰度必须是同一套 */
.fwr-p {
  margin: 0; font-size: 12.8px; line-height: 1.95; letter-spacing: 0.2px;
  color: rgba(216, 231, 244, 0.82);
}
/* 结论里的等级：三档只换色，不加底色——它是一句话里的一个词 */
.fwr-lvl { font-weight: 700; letter-spacing: 0.6px; }
.fwr-lvl.is-low  { color: #7EC9A6; text-shadow: 0 0 10px rgba(126, 201, 166, 0.34); }
.fwr-lvl.is-mid  { color: #E0A968; text-shadow: 0 0 10px rgba(224, 169, 104, 0.34); }
.fwr-lvl.is-high { color: #E4837C; text-shadow: 0 0 10px rgba(228, 131, 124, 0.34); }
.fwr-lvl.is-none { color: rgba(206, 224, 240, 0.9); }

.fwr-cap {
  margin: 0 0 9px;
  font-size: 12.8px; line-height: 1.9; letter-spacing: 0.2px;
  color: rgba(203, 220, 236, 0.72);
}

/* —— 键值行：标签一栏固定宽，读数一栏吃满；行间只用一档极淡的线 —— */
.fwr-kv { margin: 0; }
.fwr-kv-r {
  display: grid; grid-template-columns: 104px 1fr; gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045);
}
.fwr-kv-r:last-child { border-bottom: 0; }
.fwr-kv dt {
  font-size: 12.8px; line-height: 1.85; letter-spacing: 0.2px;
  color: rgba(203, 220, 236, 0.62);
}
.fwr-kv dd {
  margin: 0;
  font-size: 12.8px; line-height: 1.85; letter-spacing: 0.1px;
  color: rgba(227, 238, 249, 0.9);
  word-break: break-word;
}
.fwr-mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: 0; }

/* —— 起降场：两个场地各占一段，场名一行、读数跟在下面 ——
   读数不再往里收 14px：这里所有行都要落在章节那条左基线上 */
.fwr-port { margin: 0 0 14px; }
.fwr-port:last-child { margin-bottom: 0; }
.fwr-port-h {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px;
  margin: 0 0 5px;
  font-size: 12.8px; letter-spacing: 0.3px;
  color: rgba(203, 220, 236, 0.68);
}
.fwr-port-h > em { font-style: normal; font-family: var(--font-mono); color: rgba(150, 196, 236, 0.8); }
.fwr-port-h > b { font-weight: 600; font-size: 12.8px; color: #E6EEF6; }
.fwr-port-h > span { font-size: 11.5px; color: rgba(148, 178, 208, 0.6); }

/* —— 剖面图：一块深底托住图，图的边界才清楚 —— */
.fwr-fig {
  margin: 0; padding: 9px 10px 7px;
  border-radius: 8px;
  background: rgba(8, 13, 19, 0.42);
  box-shadow: inset 0 0 0 1px rgba(150, 186, 220, 0.13);
}
.fwr-fig svg { display: block; width: 100%; height: auto; }
.fwr-fig text { font-family: var(--font-mono); }
.fwr-fig figcaption {
  margin-top: 6px; text-align: center;
  font-size: 10.5px; letter-spacing: 0.8px;
  color: rgba(158, 188, 216, 0.62);
}

/* —— 报告落款：与告知书的确认声明同一处收口 ——
   缩进与章节同宽，落款的两行标签也要落在正文那条左基线上 */
.fwr-sign { margin: 14px 0 0; padding: 12px 0 0 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); }

/* —— 2K：整体上一档（与告知书的 2K 档位同节奏） —— */
@media (min-width: 2048px) {
  .fwr-card .fnt-body { padding: 26px 32px 30px; }
  .fwr-h1 { font-size: 19px; }
  .fwr-sub { font-size: 12px; }
  .fwr-sec { padding-left: 22px; }
  .fwr-h2 { font-size: 14.5px; }
  .fwr-h2 > em { font-size: 13.5px; left: -22px; }
  .fwr-p, .fwr-kv dd, .fwr-cap, .fwr-kv dt, .fwr-port-h { font-size: 14px; }
  .fwr-port-h > b { font-size: 14px; }
  .fwr-port-h > span { font-size: 12.5px; }
  .fwr-kv-r { grid-template-columns: 118px 1fr; padding: 6px 0; }
  .fwr-sign { padding-left: 22px; }
  .fwr-fig figcaption { font-size: 12px; }
}

/* —— 矮屏：先收纵向留白 —— */
@media (max-height: 820px) {
  .fwr-card .fnt-body { padding: 16px 20px 18px; }
  .fwr-h1 { margin-bottom: 3px; }
  .fwr-sub { margin-bottom: 15px; }
  .fwr-sec { margin-bottom: 15px; }
  .fwr-sign { margin-top: 11px; padding-top: 10px; }
}