html,html::backdrop {background-color:#101f2b}
html:has(.pillar-site[data-theme="light"]),
html:has(.pillar-site[data-theme="light"])::backdrop {background-color:#85352b}
.pillar-site {
  --space:#101f2b;
  --space-deep:#0c1924;
  --paper-ink:#e7e4da;
  --quiet:#a5b5bc;
  --gold:#e5bb7d;
  --mint:#a8d2ca;
  --axis-width:clamp(90px,19vw,208px);
  --lane-gap:clamp(10px,2vw,28px);
  --site-width:1180px;
  --screen-top:env(safe-area-inset-top,0px);
  --screen-bottom:env(safe-area-inset-bottom,0px);
  --screen-left:env(safe-area-inset-left,0px);
  --screen-right:env(safe-area-inset-right,0px);
  --pillar-toolbar-height:58px;
  --pillar-header-height:calc(var(--pillar-toolbar-height) + var(--screen-top));
  --header-gutter:22px;
  --header-background:#101f2b;
  --header-ink:#e7e4da;
  --header-muted:#a5b5bc;
  --header-line:#668391;
  --header-field:#192e3b;
  --desk-serif:"FangSong","STFangsong","仿宋","Songti SC","SimSun",serif;
  min-height:100vh;
  min-height:100dvh;
  color:var(--paper-ink);
  background:radial-gradient(ellipse at 48% 16%,#193447 0,transparent 49%),var(--space-deep);
}
.pillar-site::backdrop {background-color:var(--header-background)}
.pillar-site .site-header {
  position:sticky;
  top:0;
  z-index:20;
  width:100%;
  max-width:none;
  min-height:var(--pillar-header-height);
  height:var(--pillar-header-height);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:0 var(--header-gutter);
  padding-top:var(--screen-top);
  padding-left:max(var(--header-gutter),var(--screen-left));
  padding-right:max(var(--header-gutter),var(--screen-right));
  color:var(--header-ink);
  background:var(--header-background);
  border-bottom:1px solid #2d414d;
}
.pillar-site .site-header .brand {flex:0 0 auto}
.pillar-site .brand strong {color:inherit;font:400 24px var(--title-serif,var(--serif));letter-spacing:0}
.pillar-brand {display:flex;align-items:center;gap:12px;min-width:0}
.pillar-counts {display:flex;gap:10px;color:var(--header-muted);font:12px/1.4 var(--sans);white-space:nowrap}
.pillar-counts b {color:var(--header-ink);font-weight:500;font-variant-numeric:tabular-nums}
.pillar-header-actions {display:flex;justify-content:flex-end;align-items:center;gap:5px}
.pillar-header-actions .pillar-icon {display:inline-grid;place-items:center;min-width:40px;height:40px;padding-inline:8px;border:0;border-radius:6px;color:inherit}
.pillar-icon svg {width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#pillar-scale [data-level-icon] {display:none}
#pillar-scale[data-level="stage"] [data-level-icon="stage"],
#pillar-scale[data-level="year"] [data-level-icon="year"],
#pillar-scale[data-level="month"] [data-level-icon="month"],
#pillar-scale[data-level="day"] [data-level-icon="day"] {display:inline}
.pillar-theme .theme-moon,[data-theme="light"] .pillar-theme .theme-sun {display:none}
[data-theme="light"] .pillar-theme .theme-moon {display:block}
.pillar-site .site-header :focus-visible {outline:2px solid currentColor;outline-offset:2px}
.pillar-header-actions button:hover {background:var(--header-field);color:inherit}
#pillar-search-dialog {--search-line:#506c7a;--search-field:#172d3a;color-scheme:dark;position:fixed;inset:clamp(14px,8vh,86px) 0 auto;margin:0 auto;width:min(620px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - clamp(28px,16vh,172px));padding:0;overflow:auto;overscroll-behavior:contain;color:var(--paper-ink);background:var(--space);border:1px solid var(--search-line);border-radius:8px;box-shadow:0 20px 50px #0006}
#pillar-search-dialog::backdrop {background:#071019a8}
.pillar-search-toolbar {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px 8px 20px;border-bottom:1px solid var(--search-line)}
.pillar-search-toolbar h2 {margin:0;color:inherit;font:400 23px/1.35 var(--title-serif,var(--serif))}
.pillar-search-toolbar button {min-width:44px;min-height:44px;color:inherit;font-size:24px}
.pillar-search {display:grid;gap:13px;padding:16px 20px}
.pillar-search label {display:grid;gap:5px;min-width:0;color:var(--quiet);font:13px/1.4 var(--sans)}
.pillar-search input {display:block;min-width:0;width:100%;height:42px;padding:0 9px;border:1px solid var(--search-line);border-radius:5px;background:var(--search-field);color:var(--paper-ink);font:16px var(--sans)}
.pillar-search input::placeholder {color:var(--quiet)}
.search-dates {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;min-width:0;margin:0;padding:0;border:0}
.search-dates legend {margin-bottom:7px;padding:0;font:13px/1.4 var(--sans);color:var(--quiet)}
.search-submit {display:flex;justify-content:flex-end;gap:8px}
.search-submit button {min-height:40px;padding:0 16px;border:1px solid var(--search-line);border-radius:5px;color:inherit;font:14px var(--sans)}
.search-submit button[type="submit"] {background:var(--gold);border-color:var(--gold);color:#1a211c}
.search-status:not(:empty) {padding:8px 20px;margin:0;border-top:1px solid var(--search-line);color:var(--quiet);font:13px/1.5 var(--sans)}
#pillar-search-results ul {margin:0;padding:0;list-style:none}
#pillar-search-results li+li {border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
#pillar-search-results li a {display:block;padding:10px 16px;overflow-wrap:anywhere}
#pillar-search-results li a:hover {background:color-mix(in srgb,currentColor 8%,transparent);color:inherit}
#pillar-search-results li small {display:block;color:var(--quiet)}
#pillar-search-results li p {font-size:13px}
#pillar-search-results mark {background:#f0ce91;color:#302418}
#pillar-search-results [data-more-search] {display:block;margin:8px auto;padding:6px 12px;color:inherit;text-decoration:underline}
#pillar-search-results [hidden] {display:none}
.pillar-site main {max-width:none;padding:0 var(--screen-right) var(--screen-bottom) var(--screen-left);width:100%}
.legend-dot,.legend-hollow {width:7px;height:7px;border:1px solid currentColor;border-radius:50%}
.legend-dot {background:currentColor}
.legend-range {width:11px;height:6px;border:1px solid currentColor;border-bottom:0}
#pillar-view {overflow-anchor:none}
.pillar-axis-viewport {position:relative;overflow-x:clip}
.pillar-axis {position:relative;max-width:var(--site-width);margin:0 auto;padding:21px 22px 32px;touch-action:pan-y;isolation:isolate}
.pillar-axis.pillar-axis-parked {position:absolute;inset:0 0 auto;height:0;padding:0;overflow:hidden;visibility:hidden;pointer-events:none}
.pillar-continuation {min-height:1px;text-align:center;color:var(--quiet);font:11px/1.6 var(--sans)}
.pillar-continuation button {text-decoration:underline}
.pillar-axis.is-pinching {user-select:none;-webkit-user-select:none}
.pillar-axis.is-pinching .pillar-row {
  min-height:calc(var(--pinch-height) * var(--pinch-scale,1));
  padding-block:calc(var(--pinch-top) * var(--pinch-scale,1)) calc(var(--pinch-bottom) * var(--pinch-scale,1));
}
.pillar-axis::before {content:"";position:absolute;z-index:-1;top:10px;bottom:14px;left:50%;transform:translateX(-50%);width:calc(var(--axis-width) * .86);border-inline:1px solid #668e92a0;border-radius:48% / 1%;background:linear-gradient(90deg,#33657724,#31546808 35%,#31546808 68%,#33657726);box-shadow:inset 0 0 35px #7fbbb116;pointer-events:none}
.pillar-row {display:grid;grid-template-columns:minmax(0,1fr) var(--axis-width) minmax(0,1fr);gap:var(--lane-gap);align-items:start;padding:17px 0 23px;scroll-margin-top:calc(var(--pillar-header-height) + 12px);min-height:101px}
.pillar-row.focused .pillar-tick {border-color:#dfbe83;background:#263d46}
.pillar-mid {display:flex;flex-direction:column;align-items:center;min-width:0;gap:5px;position:sticky;top:calc(var(--pillar-header-height) + 10px)}
.pillar-tick {display:flex;flex-direction:column;align-items:center;max-width:100%;text-align:center;color:#e0d8bc;padding:4px 9px;background:#172b39;border:1px solid #4b666d;border-radius:5px;font:12px/1.4 var(--sans);overflow-wrap:anywhere}
.pillar-tick strong {font-weight:500}
.pillar-tick small {font:10px/1.5 var(--mono);color:#b0c1c0}
button.pillar-tick:hover {color:#fff;border-color:var(--gold)}
.pillar-slice {display:block;width:100%;max-width:205px;height:auto;filter:drop-shadow(0 9px 13px #070f18aa);overflow:visible}
.map-halo {fill:#edca8b;opacity:.21}
.map-point {fill:#ffe0a4;stroke:#2a3b40;stroke-width:.9}
.pillar-map-label {color:#c0ccc5;font:10px/1.4 var(--sans);text-align:center;overflow-wrap:anywhere}
.pillar-empty-tick {display:block;width:7px;height:7px;border:1px solid #75938e;border-radius:50%;background:#152735}
.pillar-row.empty {min-height:52px;padding-block:8px}
.pillar-row.uncertain {margin-bottom:7px;padding-block:10px;background:#c5b18108;border-block:1px dashed #958f6759}
.uncertain .pillar-tick {border-style:dashed;color:#d5bc90}
.pillar-side {min-width:0;display:grid;gap:8px;align-items:start}
.pillar-side.left {--accent:var(--gold);justify-items:end}
.pillar-side.right {--accent:var(--mint);justify-items:start}
.pillar-card {display:grid;gap:5px;position:relative;max-width:440px;width:100%;text-align:left;padding:11px 14px;color:#eee9dc;background:#1a303e;border:1px solid #38515d;border-radius:5px;min-width:0}
.pillar-card:hover,.pillar-card:focus-visible {border-color:var(--accent);background:#233d49;outline-offset:3px}
.pillar-side.left .pillar-card {border-right:2px solid #c8a16a}
.pillar-side.right .pillar-card {border-left:2px solid #85b8b4}
.pillar-card::after {position:absolute;content:"";width:var(--lane-gap);height:1px;top:23px;background:#71929570;pointer-events:none}
.pillar-side.left .pillar-card::after {left:100%}
.pillar-side.right .pillar-card::after {right:100%}
.pillar-card.approximate::after {background:none;border-top:1px dashed #71929590}
.pillar-card-date {display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--accent);font:10px/1.45 var(--sans);overflow-wrap:anywhere}
.pillar-card-date i {display:inline-block;flex:none}
.pillar-card-date em {font-style:normal;color:#cbd2cd;border:1px dashed #718085;border-radius:2px;padding:0 3px}
.pillar-card-title {font:15px/1.52 var(--desk-serif);overflow-wrap:anywhere}
.pillar-card-title svg {display:inline-block;margin-left:5px;vertical-align:middle;color:var(--accent)}
.pillar-card-place {display:flex;align-items:center;gap:5px;color:#b7c5c5;font:10px/1.3 var(--sans)}
.pillar-card-place i {width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}
.pillar-more {font:10px/1.5 var(--sans);color:var(--quiet);padding:3px 0}
.pillar-more:hover {color:var(--accent)}
.pillar-footer {max-width:var(--site-width);margin:auto;display:flex;justify-content:space-between;gap:18px;padding:14px 22px 24px;border-top:1px solid #2d414d;color:#9aadb2;font:10px/1.6 var(--sans)}
.pillar-loading {max-width:var(--site-width);margin:10vh auto;padding:30px 22px;min-height:45vh;text-align:center}
.pillar-loading p {color:var(--quiet);margin-bottom:10px}
.pillar-loading button,.pillar-retry {padding:6px 12px;border:1px solid currentColor;border-radius:3px;color:inherit}
html:has(.pillar-reader[open]) {overflow:hidden}
.pillar-reader {inset:var(--screen-top) var(--screen-right) var(--screen-bottom) var(--screen-left);width:min(780px,calc(100vw - 26px - var(--screen-left) - var(--screen-right)));max-width:none;max-height:calc(100dvh - 28px - var(--screen-top) - var(--screen-bottom));padding:0;overflow:visible;border:1px solid #d8d9cb;border-radius:8px;background:#f8f7f0;color:#292d25;box-shadow:0 18px 100px #03080cca}
.pillar-reader::backdrop {background:#07111bba}
.pillar-reader-shell {display:flex;flex-direction:column;height:min(820px,calc(100dvh - 30px - var(--screen-top) - var(--screen-bottom)))}
.pillar-reader-bar {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px 7px 19px;border-bottom:1px solid #dddcd0;flex-shrink:0}
.pillar-reader-bar .pillar-reader-title {margin:0;min-width:0;max-height:min(25dvh,6rem);overflow:auto;overflow-wrap:anywhere;color:#292d25;font:400 clamp(14px,2.4vw,18px)/1.35 var(--title-serif,var(--serif))}
.pillar-reader-bar [data-reader-close] {flex:none;font:25px/1 var(--sans);padding:3px 7px;min-width:44px;min-height:44px;color:#343e39}
.pillar-reader-body {flex:1;min-height:0;padding:30px clamp(20px,5vw,56px) 40px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;--desk-text-size:19px}
.pillar-reader-footer {display:flex;align-items:center;gap:10px;flex:none;padding:2px 14px;border-top:1px solid #dddcd0;background:#eeede4;border-radius:0 0 8px 8px;color:#34483f}
.reader-speech-main {position:relative;display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0}
.reader-speech-main progress {position:absolute;inset:auto 0 0;width:100%;height:5px;accent-color:#667f6a}
.pillar-reader-footer button {display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:3px;color:inherit}
.reader-speech-main svg {width:22px;height:22px}
.reader-speech-main .speech-pause,.reader-speech-main [aria-pressed="true"] .speech-wave {display:none}
.reader-speech-main [aria-pressed="true"] .speech-pause {display:inline}
.reader-speech-main [aria-pressed="true"] {background:#34483f;color:#fffdf4}
.reader-speech-main button:disabled {opacity:.45;cursor:default}
.reader-speech-notice,.reader-share-notice {position:absolute;bottom:58px;left:14px;right:14px;z-index:1;padding:7px 12px;border:1px solid #c4b8a4;border-radius:3px;background:#fffaf0;color:#59493d;font:13px/1.4 var(--sans)}
.reader-share-notice {z-index:2;width:fit-content;max-width:calc(100% - 28px);margin-inline:auto}
.reader-share-notice input {width:min(320px,70vw);max-width:100%;margin-top:5px;font-size:16px}
.reader-share-actions {display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
.reader-share-actions button {min-height:36px;padding:0 8px;color:inherit;text-decoration:underline}
::highlight(pillar-spoken-text) {background:#f5df9f;color:#292d25}
.reader-speaking {background:#f5df9f;color:#292d25}
.pillar-reader-footer [data-reader-step] {font-size:20px}
.pillar-reader-footer [data-reader-step][aria-disabled="true"] {opacity:.4;cursor:default}
.pillar-reader-footer [data-reader-step][aria-disabled="false"]:hover,.reader-speech-main button[aria-pressed="false"]:enabled:hover {background:#dfdfd2}
.pillar-reader-body .work-main-title {font-size:clamp(26px,5vw,36px)}
.pillar-reader-body .work-facts {margin-bottom:19px;padding-top:0}
.pillar-reader-body .work-facts>div {grid-template-columns:4.3em minmax(0,1fr);gap:12px}
.pillar-reader-body .work-facts dd {font-size:clamp(15px,2.7vw,17px)}
.reader-source-picker {width:fit-content;max-width:100%}
.reader-source-picker summary {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:3px 9px;border:1px solid #d8d9cb;border-radius:4px;cursor:pointer;list-style:none}
.reader-source-picker summary::-webkit-details-marker {display:none}
.reader-source-picker summary::after {content:"";flex:none;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}
.reader-source-picker[open] summary::after {transform:rotate(225deg)}
.reader-source-picker ul {margin:3px 0 0;padding:2px;border:1px solid #d8d9cb;border-radius:4px;list-style:none}
.reader-source-picker button {width:100%;min-height:40px;padding:3px 8px;text-align:left;color:inherit;font:inherit;overflow-wrap:anywhere}
.reader-source-picker button:hover,.reader-source-picker button[aria-pressed="true"] {background:#e9e6da;color:#333b31}
.reader-source {display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 20px;color:#59665a;font:13px/1.6 var(--sans)}
.reader-source a {color:#8b4537;cursor:pointer;text-underline-offset:3px}
.pillar-reader-sentinel,.pillar-reader-loading {min-height:1px;color:#6f7e70;font:12px/1.8 var(--sans)}
.pillar-reader-sentinel button {text-decoration:underline;padding:6px 0}
.pillar-site[data-theme="light"] {
  --paper-ink:#28201a;
  --quiet:#59493d;
  --gold:#85352b;
  --mint:#744738;
  --header-ink:#fff5e6;
  --header-background:#85352b;
  --header-muted:#f3dece;
  --header-line:#c8917c;
  --header-field:#6c291f;
  background:#f4ecde;
}
.pillar-site[data-theme="light"] .site-header {border-color:#bca995}
.pillar-site[data-theme="light"] #pillar-search-dialog {--search-line:#cbb7a0;--search-field:#fff9ef;color-scheme:light;background:#faf4e9}
.pillar-site[data-theme="light"] .search-submit button[type="submit"] {color:#fff5e6}
.pillar-site[data-theme="light"] .pillar-axis::before {border-inline:3px double #bca995;background:#e7d8c2;box-shadow:none}
.pillar-site[data-theme="light"] .pillar-tick {color:#fff5e6;background:#85352b;border-color:#85352b}
.pillar-site[data-theme="light"] .pillar-tick small {color:#f4dfcc}
.pillar-site[data-theme="light"] .pillar-tick:hover,.pillar-site[data-theme="light"] .focused .pillar-tick {background:#6c291f}
.pillar-site[data-theme="light"] .pillar-map-label,.pillar-site[data-theme="light"] .pillar-card-place {color:var(--quiet)}
.pillar-site[data-theme="light"] .pillar-slice {filter:none}
.pillar-site[data-theme="light"] .pillar-slice image {filter:grayscale(1) sepia(.7) saturate(1.35) hue-rotate(330deg) brightness(1.35)}
.pillar-site[data-theme="light"] .map-halo {fill:#85352b}
.pillar-site[data-theme="light"] .map-point {fill:#a34c3b;stroke:#fff5e6}
.pillar-site[data-theme="light"] .pillar-empty-tick {background:#f4ecde;border-color:#a9836b}
.pillar-site[data-theme="light"] .pillar-row.uncertain {background:#85352b08;border-color:#bca995}
.pillar-site[data-theme="light"] .pillar-card {color:var(--paper-ink);background:#faf4e9;border-color:#cbb7a0}
.pillar-site[data-theme="light"] .pillar-card:hover,.pillar-site[data-theme="light"] .pillar-card:focus-visible {background:#f2e2cf;border-color:var(--accent)}
.pillar-site[data-theme="light"] .pillar-side.left .pillar-card {border-right-color:#a34c3b}
.pillar-site[data-theme="light"] .pillar-side.right .pillar-card {border-left-color:#a9836b}
.pillar-site[data-theme="light"] .pillar-card::after {background:#bca995}
.pillar-site[data-theme="light"] .pillar-card.approximate::after {background:none;border-color:#a9836b}
.pillar-site[data-theme="light"] .pillar-card-date em {color:#59493d;border-color:#a9836b}
.pillar-site[data-theme="light"] .pillar-footer {color:var(--quiet);border-color:#bca995}
.pillar-site[data-theme="light"] .pillar-reader {background:#f7f0e3;border-color:#bca995}
.pillar-site[data-theme="light"] .pillar-reader::backdrop {background:#271c1670}
.pillar-site[data-theme="light"] .pillar-reader-footer {background:#efe2d0;border-color:#cfbca6;color:#65382c}
.pillar-site[data-theme="light"] .reader-speech-main [aria-pressed="true"] {background:#85352b}
.pillar-site[data-theme="light"] .reader-speech-main progress {accent-color:#85352b}
@media(max-width:1020px){
  .pillar-site {--pillar-toolbar-height:52px;--header-gutter:14px}
  .pillar-site .site-header {gap:0 8px}
  .pillar-site .brand strong {font-size:20px}
}
@media(max-width:450px){
  .pillar-site {--header-gutter:10px}
  .pillar-site .site-header {column-gap:5px}
  .pillar-site .brand strong {font-size:18px}
  .pillar-brand {gap:7px}
  .pillar-counts {gap:6px;font-size:11px}
  .pillar-header-actions .pillar-icon {min-width:36px;height:38px;padding-inline:5px}
}
@media(max-width:390px){
  .pillar-site {--header-gutter:8px}
  .pillar-site .brand strong {font-size:15px}
  .pillar-brand,.pillar-counts {gap:5px}
  .pillar-counts {font-size:9px}
  .pillar-header-actions {gap:2px}
  .pillar-header-actions .pillar-icon {min-width:32px;padding-inline:4px;font-size:10px}
  .pillar-icon svg {width:17px;height:17px}
}
@media(max-width:350px){
  .pillar-brand {flex-wrap:wrap;align-content:center;row-gap:1px}
  .pillar-counts {width:100%}
}
@media(max-width:640px){
  .pillar-site {--axis-width:76px;--lane-gap:7px}
  .pillar-axis {padding:12px 10px 16px}
  .pillar-row {padding-block:10px 16px;min-height:76px}
  .pillar-mid {gap:4px}
  .pillar-tick {padding:3px 4px;font-size:10px}
  .pillar-tick small,.pillar-map-label {font-size:8px}
  .pillar-card {padding:7px 6px;gap:4px}
  .pillar-card-title {font-size:12px;line-height:1.52}
  .pillar-card-title svg {width:9px;height:9px;margin-left:3px}
  .pillar-card-date,.pillar-card-place,.pillar-more {font-size:9px}
  .pillar-card-date {gap:2px}
  .pillar-footer {padding-inline:10px}
}
