/* FY Brochure viewer styles — 2026-10-19（浅色主题，与站点深绿/金色一致） */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: "Noto Sans SC", "Poppins", -apple-system, "Segoe UI", Arial, sans-serif;
  background: #F6F6F9; color: #1C1C18;
  display: flex; flex-direction: column; height: 100vh; overflow: hidden;
}

.fy-br-bar {
  flex: 0 0 auto; display: flex; align-items: center; gap: 16px;
  height: 56px; padding: 0 20px; background: #173E34; color: #fff;
}
.fy-br-brand { font-weight: 800; font-size: 18px; letter-spacing: .06em; color: #EAB043; }
.fy-br-title { flex: 1; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fy-br-close {
  color: #fff; text-decoration: none; font-size: 13px; padding: 6px 14px;
  border: 1px solid rgba(255,255,255,.45); border-radius: 6px; white-space: nowrap;
}
.fy-br-close:hover { background: rgba(255,255,255,.12); }

.fy-br-toolbar {
  flex: 0 0 auto; display: flex; align-items: center; gap: 8px;
  height: 46px; padding: 0 16px; background: #fff; border-bottom: 1px solid #E3E6EA;
  font-size: 13px; color: #4B5563;
}
.fy-br-toolbar button {
  border: 1px solid #D1D4DB; background: #fff; border-radius: 6px;
  height: 28px; min-width: 30px; padding: 0 10px; font-size: 13px; cursor: pointer; color: #1C1C18;
}
.fy-br-toolbar button:hover { border-color: #EAB043; color: #B07A10; }
.fy-br-page { font-variant-numeric: tabular-nums; min-width: 64px; }
.fy-br-zoom { font-variant-numeric: tabular-nums; min-width: 46px; text-align: center; }
.fy-br-sep { width: 1px; height: 18px; background: #E3E6EA; margin: 0 4px; }

.fy-br-stage {
  flex: 1 1 auto; overflow: auto; padding: 16px;
  -webkit-overflow-scrolling: touch;
}
.fy-br-doc { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.fy-br-page {
  background: #fff; line-height: 0;
  box-shadow: 0 0 0 1px #C3C6C8, 0 6px 18px rgba(17,47,38,.08);
}
.fy-br-page canvas { display: block; }
.fy-br-msg { padding: 60px 16px; text-align: center; color: #4B5563; font-size: 14px; line-height: 1.7; }
.fy-br-msg a { color: #B07A10; }

.fy-br-printblock { display: none; }
@media print {
  .fy-br-bar, .fy-br-toolbar, .fy-br-stage, .fy-br-foot { display: none !important; }
  .fy-br-printblock {
    display: block; padding: 40px; text-align: center;
    font-size: 16px; color: #173E34;
  }
}

.fy-br-foot {
  flex: 0 0 auto; height: 30px; display: flex; align-items: center; justify-content: center;
  font-size: 11px; color: #9CA3AF; background: #fff; border-top: 1px solid #E3E6EA;
}