/* 进阶页：效果在左，关键代码与解释在右。仅作用于新增页面。 */
.frontier-page { font-family: "Times New Roman", SimSun, serif; }
.frontier-page h1, .frontier-page h2, .frontier-page h3,
.frontier-page summary { font-family: "Times New Roman", SimHei, sans-serif; }
.frontier-page .frontier-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.frontier-preview { min-width: 0; border-top: 4px solid #177f73; }
.frontier-preview iframe { display: block; width: 100%; height: 440px; border: 1px solid #bbcdd0; background: white; }
.frontier-notes { min-width: 0; max-height: 540px; overflow-y: auto; scrollbar-gutter: stable; padding-right: 14px; }
.frontier-notes article { border-top: 3px solid #b56220; padding: 10px 0 16px; }
.frontier-page .frontier-notes h3 { margin: 4px 0 12px; font-size: 24px; }
.frontier-page .frontier-notes p { font-size: 21px; margin: 10px 0 0; }
.frontier-page pre.code-reference { white-space: pre-wrap; overflow-wrap: anywhere; max-height: none; font: 20px/1.5 Consolas, SimSun, monospace; padding: 12px; background: #f1f5f5; }
.frontier-page pre.code-reference code { font: inherit; }
.frontier-page .frontier-question { margin: 22px 0 12px; padding: 16px 22px; border-left: 5px solid #173b5e; background: #eef3f8; }
.frontier-page .frontier-question h3 { margin: 0 0 8px; }
.frontier-page .frontier-question p { margin: 0; font-size: 23px; }
.frontier-page .frontier-status { font-size: 19px; color: #354a55; }
.frontier-page .frontier-sources { border-top: 1px solid #bbcdd0; padding-top: 12px; }
.frontier-page .frontier-sources a { display: block; overflow-wrap: anywhere; font-size: 18px; color: #075b75; }
.frontier-page .full-example { margin-top: 20px; }
.frontier-page .full-example > summary { cursor: pointer; padding: 14px; background: #edf5f2; font-size: 22px; }
.frontier-page .page-nav { position: static; margin-top: 24px; }
@media (max-width: 820px) {
  .frontier-page .frontier-layout { grid-template-columns: 1fr; }
  .frontier-notes { max-height: none; overflow: visible; padding: 0; }
  .frontier-preview iframe { height: 420px; }
}
@media print {
  .frontier-notes { max-height: none; overflow: visible; }
}