main[data-page=lich-su-que] .page-hero .hist-note{margin-top:20px}main[data-page=lich-su-que] .tools{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:34px}main[data-page=lich-su-que] .tools .right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}main[data-page=lich-su-que] .tools .btn svg{width:17px;height:17px}main[data-page=lich-su-que] .sample-note{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;color:var(--text);margin:-18px 0 26px}main[data-page=lich-su-que] .sample-note[hidden]{display:none}main[data-page=lich-su-que] .sample-note svg{width:15px;height:15px;color:var(--a2)}main[data-page=lich-su-que] .tl-group{margin-bottom:38px}main[data-page=lich-su-que] .tl-group:last-child{margin-bottom:0}main[data-page=lich-su-que] .tl-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}main[data-page=lich-su-que] .tl-head h2{font-size:22px;margin:0}main[data-page=lich-su-que] .tl-head small{font-size:13px;color:var(--text)}main[data-page=lich-su-que] .tl{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-gap:14px;gap:14px}main[data-page=lich-su-que] .tl:before{content:"";position:absolute;left:25px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(180deg,var(--a1) 0 6px,transparent 6px 12px);opacity:.6}main[data-page=lich-su-que] .tl-item{display:grid;grid-template-columns:52px 1fr;grid-gap:16px;gap:16px;align-items:start;position:relative}main[data-page=lich-su-que] .tl-item .hist-badge{position:relative;z-index:1;font-family:"Noto Serif CJK TC","Noto Serif TC",SimSun,serif;font-size:21px;font-weight:400;box-shadow:0 0 0 6px var(--bg)}main[data-page=lich-su-que] .tl-card{display:grid;grid-template-columns:1fr auto;grid-gap:6px 18px;gap:6px 18px;align-items:center;padding:18px 22px;border-radius:18px;background:var(--bg-alt);transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] main[data-page=lich-su-que] .tl-card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}main[data-page=lich-su-que] .tl-card:hover{transform:translateX(4px);box-shadow:var(--shadow)}main[data-page=lich-su-que] .tl-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px}main[data-page=lich-su-que] .tl-meta time{font-weight:600;color:var(--a2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main[data-page=lich-su-que] .tl-meta .code{letter-spacing:1.5px;font-weight:600;font-size:11px;color:var(--text)}main[data-page=lich-su-que] .tl-card h3{font-size:18px;margin:2px 0 4px}main[data-page=lich-su-que] .tl-card .verse{margin:0;font-size:15.5px;line-height:1.6}main[data-page=lich-su-que] .tl-card .text-link{white-space:nowrap}main[data-page=lich-su-que] .tl-item[hidden]{display:none}main[data-page=lich-su-que] .side-card h2{font-size:20px}main[data-page=lich-su-que] .side-card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-gap:12px;gap:12px;font-size:14px}main[data-page=lich-su-que] .side-card li{display:grid;grid-template-columns:22px 1fr;grid-gap:10px;gap:10px}main[data-page=lich-su-que] .side-card li svg{width:20px;height:20px;color:var(--a2);margin-top:3px}main[data-page=lich-su-que] .side-card .btn{width:100%;justify-content:center}main[data-page=lich-su-que] .empty h2{font-size:clamp(24px,3vw,30px)}main[data-page=lich-su-que] .empty p{max-width:460px;margin:0 auto 24px}main[data-page=lich-su-que] .empty .hero-btns{justify-content:center;margin-top:0}main[data-page=lich-su-que] .empty svg.illu{width:180px;height:150px}main[data-page=lich-su-que] .illu .i-paper{fill:var(--surface-2)}[data-theme=dark] main[data-page=lich-su-que] .illu .i-paper{fill:#23104d}main[data-page=lich-su-que] .illu .i-line{stroke:var(--line-accent)}main[data-page=lich-su-que] .illu .i-acc{fill:var(--a2)}main[data-page=lich-su-que] .illu .i-acc1,main[data-page=lich-su-que] .illu .i-roll{fill:var(--a1)}main[data-page=lich-su-que] #emptyBox[hidden],main[data-page=lich-su-que] #listBox[hidden]{display:none}main[data-page=lich-su-que] dialog.confirm{border:0;padding:30px;border-radius:22px;max-width:min(420px,calc(100vw - 32px));background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-lg)}[data-theme=dark] main[data-page=lich-su-que] dialog.confirm{background:#1a0b3a;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-lg)}main[data-page=lich-su-que] dialog.confirm::-webkit-backdrop{background:rgba(10,2,20,.55)}main[data-page=lich-su-que] dialog.confirm::backdrop{background:rgba(10,2,20,.55)}main[data-page=lich-su-que] dialog.confirm h2{font-size:22px}main[data-page=lich-su-que] dialog.confirm p{font-size:14.5px}main[data-page=lich-su-que] dialog.confirm .row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}@media (max-width:560px){main[data-page=lich-su-que] .tl-card{grid-template-columns:1fr;padding:16px}main[data-page=lich-su-que] .tl-item{grid-template-columns:44px 1fr;gap:12px}main[data-page=lich-su-que] .tl-item .hist-badge{width:44px;height:44px;flex-basis:44px;font-size:18px}main[data-page=lich-su-que] .tl:before{left:21px}main[data-page=lich-su-que] .tools .right{width:100%}main[data-page=lich-su-que] .tools .right .btn,main[data-page=lich-su-que] dialog.confirm .row .btn{flex:1 1 auto;justify-content:center}}