.lx-sample { margin: 22px 0; border: 2px solid #46727a; background: #101f2b; color: #edf3f0; font: 15px/1.75 "PingFang SC", "Microsoft YaHei", sans-serif; }
.lx-sample > summary { padding: 14px 18px; min-height: 48px; color: #8ee5df; cursor: pointer; font-weight: 650; }
.lx-sample > summary:focus-visible { outline: 3px solid #f3c969; outline-offset: 3px; }
.lx-sample-body { padding: 0 18px 18px; }
.lx-sample-body h3 { margin: 16px 0 8px; font: 650 16px/1.5 "PingFang SC", sans-serif; }
.lx-sample-label { color: #aabfc4; font-size: 12px; }
.lx-sample blockquote { margin: 0; padding: 12px 16px; border-left: 3px solid #eac571; background: #192f3b; }
.lx-sample table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.lx-sample caption { text-align: left; margin-bottom: 8px; }
.lx-sample th, .lx-sample td { border: 1px solid #49626d; padding: 10px; text-align: left; overflow-wrap: anywhere; }
.lx-sample th { background: #263f48; }
.lx-sample-note { padding-top: 12px; color: #c2d2d7; }
.lx-slides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.lx-slides > section { min-height: 180px; padding: 18px; border: 2px solid #8b7446; background: #ead9ae; color: #24343d; }
.lx-slides small { color: #4d5660; font-size: 12px; }
.lx-slides h4 { margin: 20px 0 10px; font-size: 18px; line-height: 1.45; }
.lx-slides p { font-size: 14px; }
.lx-visual-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lx-visual-pair figure { min-width: 0; margin: 0; }
.lx-visual-pair svg { width: 100%; display: block; border: 2px solid #526770; }
.lx-visual-pair figcaption { padding-top: 8px; font-size: 13px; }
.lx-report { display: grid; grid-template-columns: 90px 1fr; margin: 0; border: 1px solid #49626d; }
.lx-report dt, .lx-report dd { margin: 0; padding: 10px; border-bottom: 1px solid #49626d; }
.lx-report dt { color: #8ee5df; background: #192f3b; }
@media (max-width: 600px) {
  .lx-slides { grid-template-columns: 1fr; }
  .lx-slides > section { min-height: 0; }
  .lx-sample-body { padding: 0 12px 12px; }
  .lx-visual-pair { gap: 8px; }
  .lx-report { grid-template-columns: 90px minmax(0, 1fr); }
}