:root {
  --fx-paper: #e7e9f1;
  --fx-ink: #1f2236;
  --fx-ink-soft: #3c4060;
  --fx-teal: #127c73;
  --fx-teal-ink: #0d625b;
  --fx-mist: #8b84b8;
  --fx-mist-pale: #dcd9ee;
  --fx-line: #c9cce0;
  --fx-sheet: #f6f7fb;
  --fx-r: 16px;
  --fx-cjk: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  --fx-latin: "Microsoft Tai Le", "Segoe UI Semilight", sans-serif;
  --fx-tilt: 2.4deg;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fx-paper);
  color: var(--fx-ink);
  font-family: var(--fx-cjk);
  font-size: 17px;
  line-height: 1.8;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--fx-teal-ink); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--fx-ink); }
:focus-visible { outline: 3px solid var(--fx-teal); outline-offset: 3px; border-radius: 4px; }

.fx-skip {
  position: absolute; left: 12px; top: -60px; z-index: 20;
  background: var(--fx-ink); color: var(--fx-sheet);
  padding: 10px 16px; border-radius: 10px; min-height: 44px;
}
.fx-skip:focus { top: 10px; }

.fx-top { border-bottom: 2px solid var(--fx-line); background: var(--fx-paper); }
.fx-top-in {
  max-width: 1200px; margin: 0 auto; padding: 0 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 66px;
}
.fx-brand { color: var(--fx-ink); display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.fx-mark { display: block; }
.fx-nav-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.fx-nav-a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px;
  color: var(--fx-ink); text-decoration: none; font-size: 16px; border-radius: 10px;
}
.fx-nav-a:hover { background: var(--fx-sheet); color: var(--fx-ink); }
.fx-nav-a--on { box-shadow: inset 0 -3px 0 var(--fx-teal); border-radius: 10px 10px 0 0; }

.fx-main { display: block; max-width: 1200px; margin: 0 auto; padding: 0 24px 64px; }
.fx-main:focus { outline: none; }

.fx-h1 {
  font-size: 81px; line-height: 1.08; letter-spacing: -0.5px; font-weight: 700;
  margin: 0; line-break: strict; overflow-wrap: break-word;
}
.fx-h1--doc { font-size: 60px; max-width: 1120px; }
.fx-h1--note { font-size: 56px; }
.fx-h1-page { display: block; font-size: 22px; font-weight: 400; color: var(--fx-ink-soft); margin-top: 8px; }

.fx-hero { padding-top: 26px; }
.fx-hero-head {
  display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 32px; align-items: end;
}
.fx-lede { font-size: 17px; color: var(--fx-ink-soft); padding-bottom: 10px; max-width: 30em; }
.fx-screen {
  margin-top: 30px;
  display: grid; grid-template-columns: minmax(0, .74fr) minmax(0, 1.05fr) minmax(0, 1.3fr);
  align-items: end; column-gap: 0;
}
.fx-leaf { border-radius: var(--fx-r); position: relative; }
.fx-leaf-in { padding: 22px 22px 20px; }
.fx-leaf--pad {
  background: var(--fx-mist-pale); min-height: 352px;
  transform: skewY(calc(var(--fx-tilt) * -1)); transform-origin: 100% 100%;
  border-radius: var(--fx-r) 0 0 var(--fx-r);
}
.fx-leaf--pad .fx-leaf-in { transform: skewY(var(--fx-tilt)); }
.fx-leaf--code {
  background: var(--fx-sheet); min-height: 352px;
  border-left: 2px solid var(--fx-line); border-right: 2px solid var(--fx-line);
  transform: skewY(var(--fx-tilt)); transform-origin: 0 100%;
  border-radius: 0;
  z-index: 1;
}
.fx-leaf--code .fx-leaf-in { transform: skewY(calc(var(--fx-tilt) * -1)); padding: 18px 22px; }
.fx-leaf--mac {
  background: var(--fx-ink); color: var(--fx-sheet); min-height: 288px;
  transform: skewY(calc(var(--fx-tilt) * -1)); transform-origin: 0 100%;
  border-radius: 0 var(--fx-r) var(--fx-r) 0;
}
.fx-leaf--mac .fx-leaf-in { transform: skewY(var(--fx-tilt)); }
.fx-leaf-word { font-family: var(--fx-latin); font-size: 46px; line-height: 1; letter-spacing: .5px; }
.fx-leaf-shape { display: block; border: 3px solid currentColor; border-radius: 12px; margin: 22px 0 18px; opacity: .85; }
.fx-leaf-shape--tall { width: 66px; height: 92px; }
.fx-leaf-shape--wide { width: 150px; height: 88px; position: relative; }
.fx-leaf-shape--wide::after {
  content: ""; position: absolute; left: -22px; right: -22px; bottom: -14px; height: 4px;
  background: currentColor; border-radius: 2px;
}
.fx-leaf-text { font-size: 15px; line-height: 1.7; max-width: 22em; }
.fx-leaf--mac .fx-leaf-text { color: #dfe1ec; }

.fx-ticket { font-size: 15px; }
.fx-ticket-label { font-size: 14px; color: var(--fx-ink-soft); }
.fx-ticket-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 4px 0 10px; }
.fx-ticket-code {
  font-family: var(--fx-latin); font-size: 44px; line-height: 1.1; letter-spacing: 3px; color: var(--fx-ink);
  border-bottom: 2px dashed var(--fx-mist); padding-bottom: 2px;
  user-select: all;
}
.fx-ticket-copy {
  min-height: 44px; min-width: 76px; padding: 0 18px; border: 0; border-radius: 22px;
  background: var(--fx-teal); color: #fff; font: inherit; font-size: 16px; cursor: pointer;
}
.fx-ticket-copy:hover { background: var(--fx-teal-ink); }
.fx-ticket-copy[data-fx-done] { background: var(--fx-ink); }
.fx-ticket-gain { font-size: 16px; font-weight: 700; line-height: 1.6; }
.fx-star { color: var(--fx-teal-ink); font-weight: 700; }
sup.fx-star { font-size: 14px; vertical-align: super; line-height: 0; }
.fx-ticket-note { font-size: 13px; line-height: 1.6; color: var(--fx-ink-soft); margin-top: 8px; }
.fx-ticket-go {
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; margin: 14px 0 8px;
  background: var(--fx-ink); color: var(--fx-sheet); border-radius: 24px; text-decoration: none; font-size: 16px;
}
.fx-ticket-go:hover { background: var(--fx-teal-ink); color: #fff; }
.fx-ticket-tell { font-size: 14px; line-height: 1.7; color: var(--fx-ink-soft); }

.fx-pick {
  margin-top: 14px; padding: 12px 20px 12px 22px;
  border-top: 2px solid var(--fx-ink);
  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 18px; align-items: baseline;
}
.fx-pick-label { font-size: 14px; color: var(--fx-ink-soft); grid-row: span 2; }
.fx-pick-a {
  font-size: 19px; font-weight: 700; color: var(--fx-ink);
  display: inline-block; padding: 9px 0; line-height: 1.5;
  text-decoration: underline; text-decoration-color: var(--fx-teal); text-decoration-thickness: 2px; text-underline-offset: 6px;
}
.fx-pick-a:hover { color: var(--fx-teal-ink); }
.fx-pick-why { font-size: 15px; color: var(--fx-ink-soft); }

.fx-homebody { margin-top: 56px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.fx-homebody > .fx-fold {
  padding: 8px 32px 12px; border-left: 2px solid var(--fx-line);
}
.fx-homebody > .fx-fold:first-child { border-left: 0; padding-left: 0; }
.fx-homebody h2 { font-size: 24px; line-height: 1.4; margin: 0 0 12px; }
.fx-homebody p, .fx-homebody li { font-size: 16px; }
.fx-homebody p, .fx-homebody li { max-width: 38em; }
.fx-homebody ul { padding-left: 1.2em; }

.fx-crumbs { display: flex; flex-wrap: wrap; align-items: center; font-size: 15px; margin-top: 10px; }
.fx-crumbs a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; }
.fx-crumbs-sep { color: var(--fx-mist); padding: 0 8px; }
.fx-crumbs-here { color: var(--fx-ink-soft); }
.fx-dochead { padding: 6px 0 24px; max-width: 980px; }
.fx-byline { display: flex; flex-wrap: wrap; gap: 6px 28px; margin-top: 16px; font-size: 15px; color: var(--fx-ink-soft); }
.fx-byline a { display: inline-flex; align-items: center; min-height: 44px; }
.fx-byline-who, .fx-byline-when { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }

.fx-frame { max-width: 980px; }
.fx-lintel {
  background: var(--fx-ink); color: var(--fx-sheet);
  border-radius: var(--fx-r) var(--fx-r) 0 0;
  padding: 16px 24px 16px; position: relative;
  display: grid; grid-template-columns: 9em minmax(0, 1fr); gap: 10px 24px;
}
.fx-lintel::before, .fx-lintel::after {
  content: ""; position: absolute; bottom: -10px; width: 22px; height: 10px; background: var(--fx-ink);
}
.fx-lintel::before { left: 26px; }
.fx-lintel::after { right: 26px; }
.fx-lintel-h { font-weight: 700; font-size: 17px; color: #fff; border-right: 2px solid #4a4e6c; padding-right: 12px; }
.fx-lintel-line { font-size: 15px; line-height: 1.7; color: #e3e5f0; }
.fx-lintel-line + .fx-lintel-line { margin-top: 4px; }
.fx-lintel-meta { display: flex; flex-wrap: wrap; gap: 4px 20px; align-items: center; margin-top: 6px; font-size: 14px; color: #b9bcd2; }
.fx-lintel-meta a { color: #9fe0d6; display: inline-flex; align-items: center; min-height: 44px; }
.fx-cover { margin: 10px 0 0; }
.fx-cover img { border-radius: 0 0 var(--fx-r) var(--fx-r); width: 100%; }
.fx-cover figcaption { font-size: 14px; color: var(--fx-ink-soft); margin-top: 8px; }

.fx-guide-grid {
  display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 44px; margin-top: 36px; align-items: start;
}
.fx-toc { position: sticky; top: 16px; border-left: 2px solid var(--fx-teal); padding: 4px 0 4px 16px; }
.fx-toc-h { font-size: 14px; color: var(--fx-ink-soft); margin-bottom: 4px; }
.fx-toc-list { list-style: none; margin: 0; padding: 0; counter-reset: fxleaf; }
.fx-toc-list li { counter-increment: fxleaf; }
.fx-toc-list a {
  display: flex; gap: 8px; min-height: 44px; align-items: center; font-size: 14.5px; line-height: 1.45;
  color: var(--fx-ink); text-decoration: none; padding: 4px 0;
}
.fx-toc-list a::before {
  content: counter(fxleaf); font-family: var(--fx-latin); color: var(--fx-teal-ink); min-width: 1.2em; font-size: 15px;
}
.fx-toc-list a:hover { color: var(--fx-teal-ink); }

.fx-prose { max-width: 38em; }
.fx-prose p { margin: 0 0 1.05em; }
.fx-prose ul, .fx-prose ol { padding-left: 1.4em; margin: 0 0 1.1em; }
.fx-prose li { margin: .3em 0; }
.fx-prose h2, .fx-faq-h {
  font-size: 30px; line-height: 1.4; margin: 2.2em 0 .7em; padding-top: 18px;
  border-top: 2px solid var(--fx-line); line-break: strict; scroll-margin-top: 16px;
}
.fx-prose h2:first-child { margin-top: 0; }
.fx-seg { display: inline; }
.fx-prose h3 { font-size: 21px; line-height: 1.5; margin: 1.7em 0 .5em; scroll-margin-top: 16px; }
.fx-prose strong { color: var(--fx-ink); }
.fx-prose code {
  font-family: Consolas, "Courier New", monospace; font-size: .88em; background: var(--fx-sheet);
  border: 1px solid var(--fx-line); border-radius: 6px; padding: 1px 6px; word-break: break-all;
}
.fx-prose blockquote { margin: 1.2em 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--fx-mist); color: var(--fx-ink-soft); }
.fx-prose hr { border: 0; border-top: 2px solid var(--fx-line); margin: 2em 0; }

.fx-plate { margin: 1.6em 0; }
.fx-plate-img { position: relative; display: inline-block; max-width: 100%; }
.fx-plate img { border-radius: 12px; border: 2px solid var(--fx-line); }
.fx-plate--narrow .fx-plate-img { max-width: 360px; }
.fx-plate figcaption { font-size: 14px; line-height: 1.65; color: var(--fx-ink-soft); margin-top: 8px; max-width: 38em; }
.fx-pin {
  position: absolute; left: 3%; width: 30px; height: 30px; border-radius: 50%;
  background: var(--fx-teal); color: #fff; font-size: 16px; line-height: 30px; text-align: center;
  box-shadow: 0 0 0 3px rgba(246, 247, 251, .9);
}
.fx-pin--reg-a { top: 29.1%; }
.fx-pin--reg-b { top: 45.3%; }
.fx-pin--reg-c { top: 69.7%; }
.fx-pin--reg-d { top: 93.4%; left: 28%; }

.fx-tablewrap { overflow-x: auto; margin: 1.4em 0 1.6em; border-radius: 12px; border: 2px solid var(--fx-line); background: var(--fx-sheet); }
.fx-tbl { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.65; }
.fx-tbl th, .fx-tbl td { text-align: left; vertical-align: top; padding: 11px 14px; border-bottom: 1px solid var(--fx-line); }
.fx-tbl thead th { background: var(--fx-paper); font-weight: 700; border-bottom: 2px solid var(--fx-line); }
.fx-tbl tbody tr:last-child td { border-bottom: 0; }
.fx-tbl td:first-child { font-weight: 700; }

.fx-tri thead th:nth-child(2) { box-shadow: inset 0 4px 0 var(--fx-teal); }
.fx-tri thead th:nth-child(3) { box-shadow: inset 0 4px 0 var(--fx-ink); }
.fx-tri thead th:nth-child(4) { box-shadow: inset 0 4px 0 var(--fx-mist); }

.fx-ticket--guide {
  margin: 1.8em 0; padding: 20px 22px 18px 26px;
  background: var(--fx-sheet); border-radius: var(--fx-r);
  border: 2px solid var(--fx-line); border-left: 8px solid var(--fx-teal);
  max-width: 38em;
}

.fx-faq { max-width: 980px; margin-top: 40px; padding-left: 274px; }
.fx-faq-h { margin-top: 0; }
.fx-faq-item { padding: 6px 0 4px; border-bottom: 1px solid var(--fx-line); max-width: 38em; }
.fx-faq-q { font-size: 18px; line-height: 1.55; margin: 12px 0 6px; }
.fx-faq-a { margin: 0 0 12px; }

.fx-after { margin-top: 36px; padding: 18px 0 0 274px; }
.fx-tagrow { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; margin-bottom: 14px; }
.fx-tagrow-h { font-size: 14px; color: var(--fx-ink-soft); margin-right: 6px; }
.fx-tag {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 20px;
  border: 1.5px solid var(--fx-mist); font-size: 14px; color: var(--fx-ink); text-decoration: none; background: var(--fx-sheet);
}
.fx-after-links { display: flex; flex-wrap: wrap; gap: 0 22px; }
.fx-after-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }

.fx-note-sheet { background: var(--fx-sheet); border-radius: var(--fx-r); padding: 34px 40px 20px; max-width: 980px; border: 2px solid var(--fx-line); }
.fx-prose--note h2 { font-size: 24px; margin-top: 1.6em; }
.fx-prose--note h2:first-child { margin-top: 0; border-top: 0; padding-top: 0; }

.fx-shelf-intro { max-width: 38em; margin-top: 16px; }
.fx-shelf-intro p { margin: 0 0 .8em; }
.fx-shelf-count, .fx-shelf-alias { font-size: 14px; color: var(--fx-ink-soft); }
.fx-shelf { list-style: none; margin: 10px 0 0; padding: 0; max-width: 980px; }
.fx-shelf-item {
  background: var(--fx-sheet); border-radius: var(--fx-r); padding: 20px 24px; margin-bottom: 14px;
  border: 2px solid var(--fx-line); border-left: 8px solid var(--fx-mist);
}
.fx-shelf-a { font-size: 21px; font-weight: 700; color: var(--fx-ink); text-decoration: none; display: inline-flex; min-height: 44px; align-items: center; }
.fx-shelf-a:hover { color: var(--fx-teal-ink); }
.fx-shelf-sum { margin-top: 4px; max-width: 38em; }
.fx-shelf-meta { font-size: 14px; color: var(--fx-ink-soft); margin-top: 6px; }
.fx-pager { display: flex; gap: 18px; align-items: center; margin-top: 18px; }
.fx-pager-a { display: inline-flex; align-items: center; min-height: 44px; }

.fx-find { max-width: 980px; }
.fx-find-label { display: block; font-size: 15px; color: var(--fx-ink-soft); margin-bottom: 6px; }
.fx-find-row { display: flex; gap: 10px; flex-wrap: wrap; }
.fx-find-input {
  flex: 1 1 260px; min-height: 48px; padding: 0 16px; font: inherit; font-size: 17px;
  border: 2px solid var(--fx-line); border-radius: 12px; background: var(--fx-sheet); color: var(--fx-ink);
}
.fx-find-input:focus { border-color: var(--fx-teal); }
.fx-find-btn { min-height: 48px; padding: 0 24px; border: 0; border-radius: 24px; background: var(--fx-ink); color: var(--fx-sheet); font: inherit; cursor: pointer; }
.fx-find-state { margin: 14px 0 6px; font-size: 15px; color: var(--fx-ink-soft); }
.fx-find-list { list-style: none; margin: 0 0 24px; padding: 0; }
.fx-find-list li { background: var(--fx-sheet); border: 2px solid var(--fx-line); border-radius: 12px; padding: 12px 18px; margin-bottom: 10px; }
.fx-find-list a { font-weight: 700; display: inline-flex; min-height: 44px; align-items: center; }
.fx-find-list div { font-size: 15px; color: var(--fx-ink-soft); }
.fx-find-tip { margin-top: 18px; }

.fx-lost { padding: 48px 0 24px; max-width: 760px; }
.fx-lost-leaves { display: flex; gap: 2px; margin-bottom: 26px; }
.fx-lost-leaves span { width: 44px; height: 84px; background: var(--fx-mist-pale); border-radius: 8px 0 0 8px; transform: skewY(-6deg); }
.fx-lost-leaves span:nth-child(2) { background: var(--fx-sheet); border: 2px dashed var(--fx-mist); border-radius: 0; transform: skewY(6deg); }
.fx-lost-leaves span:nth-child(3) { background: var(--fx-ink); border-radius: 0 8px 8px 0; }
.fx-h1--lost { font-size: 56px; }
.fx-lost-say { margin: 18px 0 14px; font-size: 18px; }
.fx-lost-ways { list-style: none; padding: 0; margin: 0; }
.fx-lost-ways a { display: inline-flex; min-height: 44px; align-items: center; font-size: 17px; }

.fx-foot { border-top: 2px solid var(--fx-line); background: var(--fx-sheet); margin-top: 24px; }
.fx-foot-in { max-width: 1200px; margin: 0 auto; padding: 28px 24px 34px; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px 40px; }
.fx-foot-say { font-size: 14px; line-height: 1.75; color: var(--fx-ink-soft); margin-top: 8px; max-width: 34em; }
.fx-foot-links { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; align-content: start; }
.fx-foot-links a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; font-size: 15px; color: var(--fx-ink); }
.fx-foot-say a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
.fx-foot-end { grid-column: 1 / -1; font-family: var(--fx-latin); font-size: 14px; color: var(--fx-ink-soft); }

@media (max-width: 960px) {
  .fx-h1 { font-size: 60px; }
  .fx-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .fx-toc { position: static; }
  .fx-faq, .fx-after { padding-left: 0; }
  .fx-homebody { grid-template-columns: minmax(0, 1fr); }
  .fx-homebody > .fx-fold { border-left: 0; padding: 0; border-top: 2px solid var(--fx-line); padding-top: 18px; margin-top: 18px; }
  .fx-homebody > .fx-fold:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
}
@media (max-width: 720px) {
  body { font-size: 16px; line-height: 1.78; }
  .fx-top-in { padding: 0 16px; min-height: 0; flex-wrap: wrap; gap: 0; }
  .fx-brand { min-height: 48px; }
  .fx-mark { width: 104px; height: 26px; }
  .fx-nav { width: 100%; }
  .fx-nav-list { justify-content: space-between; gap: 0; }
  .fx-nav-a { padding: 0 10px; font-size: 15px; }
  .fx-main { padding: 0 16px 48px; }
  .fx-h1, .fx-h1--doc, .fx-h1--note { font-size: 42px; line-height: 1.16; letter-spacing: 0; }
  .fx-h1--doc { font-size: 32px; }
  .fx-h1--note, .fx-h1--lost { font-size: 34px; }
  .fx-hero { padding-top: 14px; display: flex; flex-direction: column; }
  .fx-hero-head { display: block; order: 0; }
  .fx-lede { font-size: 15px; padding: 8px 0 0; line-height: 1.65; }
  .fx-screen { display: contents; }
  .fx-leaf, .fx-leaf .fx-leaf-in { transform: none; }
  .fx-leaf { border-radius: var(--fx-r); min-height: 0; }
  .fx-leaf--code { order: 1; margin-top: 14px; border: 2px solid var(--fx-line); border-radius: var(--fx-r); }
  .fx-leaf--code .fx-leaf-in { padding: 14px 16px 12px; }
  .fx-pick { order: 2; margin-top: 10px; padding: 8px 0 0; grid-template-columns: minmax(0, 1fr); }
  .fx-pick-label { grid-row: auto; }
  .fx-pick-a { font-size: 17px; }
  .fx-pick-why { display: none; }
  .fx-leaf--pad { order: 3; margin-top: 22px; }
  .fx-leaf--mac { order: 4; margin-top: 2px; }
  .fx-leaf--pad, .fx-leaf--mac { border-radius: var(--fx-r); }
  .fx-leaf-in { padding: 18px; }
  .fx-leaf-word { font-size: 36px; }
  .fx-leaf-shape { margin: 14px 0 12px; }
  .fx-ticket-code { font-size: 36px; }
  .fx-ticket-row { margin-bottom: 6px; }
  .fx-ticket-gain { font-size: 15px; }
  .fx-homebody { margin-top: 36px; }
  .fx-homebody h2 { font-size: 22px; }
  .fx-prose h2, .fx-faq-h { font-size: 23px; }
  .fx-seg { display: inline-block; }
  .fx-prose h3 { font-size: 19px; }
  .fx-lintel { grid-template-columns: minmax(0, 1fr); padding: 14px 16px; }
  .fx-lintel-h { border-right: 0; padding-right: 0; }
  .fx-note-sheet { padding: 22px 18px 10px; }
  .fx-ticket--guide { padding: 16px 16px 14px 18px; }
  .fx-foot-in { grid-template-columns: minmax(0, 1fr); padding: 24px 16px 28px; }

  .fx-tablewrap { overflow: visible; background: transparent; border: 0; }
  .fx-tbl, .fx-tbl tbody, .fx-tbl tr, .fx-tbl td { display: block; width: 100%; }
  .fx-tbl thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .fx-tbl tr { background: var(--fx-sheet); border: 2px solid var(--fx-line); border-radius: 12px; margin-bottom: 12px; padding: 4px 0; }
  .fx-tbl td { border-bottom: 1px solid var(--fx-line); padding: 8px 14px; }
  .fx-tbl tr td:last-child { border-bottom: 0; }
  .fx-tbl td::before { content: attr(data-fx-th); display: block; font-size: 13px; font-weight: 400; color: var(--fx-ink-soft); }
  .fx-tbl tbody tr:last-child td { border-bottom: 1px solid var(--fx-line); }
  .fx-tbl tbody tr:last-child td:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}