main[data-page=quoc-ngu]{--paper:#fffaf1;--paper-ink:#5a3a1a;--paper-line:hsla(30,47%,60%,.55);--seal:#c8452c}[data-theme=dark] main[data-page=quoc-ngu]{--paper:#f3e6cf;--paper-ink:#4a2f16;--paper-line:rgba(140,100,60,.5);--seal:#c8452c}main[data-page=quoc-ngu] .ph-art .bk-sky1{stop-color:var(--scene-sky-1)}main[data-page=quoc-ngu] .ph-art .bk-sky2{stop-color:var(--scene-sky-2)}main[data-page=quoc-ngu] .ph-art .bk-hill{fill:var(--scene-hill-1)}main[data-page=quoc-ngu] .ph-art .bk-hill2{fill:var(--scene-hill-2)}main[data-page=quoc-ngu] .ph-art .bk-ink{fill:var(--scene-ink)}main[data-page=quoc-ngu] .ph-art .bk-ink-s{stroke:var(--scene-ink);fill:none}main[data-page=quoc-ngu] .ph-art .bk-paper{fill:var(--paper)}main[data-page=quoc-ngu] .ph-art .bk-pline{stroke:var(--paper-line);fill:none}main[data-page=quoc-ngu] .ph-art .bk-text{fill:var(--paper-ink);font-family:var(--font-verse),serif;font-style:italic}main[data-page=quoc-ngu] .ph-art .bk-acc{fill:var(--a2)}main[data-page=quoc-ngu] .ph-art .bk-acc1{fill:var(--a1)}main[data-page=quoc-ngu] .ph-art .bk-seal{fill:var(--seal)}main[data-page=quoc-ngu] .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:28px 0 0;padding:0}main[data-page=quoc-ngu] .facts div{padding:14px 16px;border-radius:16px;background:var(--surface-2);box-shadow:var(--shadow)}[data-theme=dark] main[data-page=quoc-ngu] .facts div{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}main[data-page=quoc-ngu] .facts dt{font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--a2);font-weight:600}main[data-page=quoc-ngu] .facts dd{margin:2px 0 0;font-family:var(--font-display),serif;font-weight:700;font-size:17px;color:var(--heading);line-height:1.3}main[data-page=quoc-ngu] .facts dd small{display:block;font-family:var(--font-body),sans-serif;font-weight:400;font-size:12.5px;color:var(--text)}@media (max-width:991px){main[data-page=quoc-ngu] .facts{grid-template-columns:repeat(2,minmax(0,1fr))}}main[data-page=quoc-ngu] .toc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}main[data-page=quoc-ngu] .toc-head h2{font-size:clamp(26px,3.6vw,34px);margin:0}main[data-page=quoc-ngu] .toc-head p{margin:4px 0 0;font-size:14px}main[data-page=quoc-ngu] .toc-head .chips .chip{padding:9px 14px}main[data-page=quoc-ngu] .parts{display:grid;grid-gap:16px;gap:16px}main[data-page=quoc-ngu] .part{border-radius:22px;background:var(--surface-2);box-shadow:var(--shadow);overflow:hidden}[data-theme=dark] main[data-page=quoc-ngu] .part{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}main[data-page=quoc-ngu] .part summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px minmax(0,1fr) 36px;grid-gap:16px;gap:16px;align-items:center;padding:18px 22px;position:relative}main[data-page=quoc-ngu] .part summary::-webkit-details-marker{display:none}main[data-page=quoc-ngu] .part summary:after{content:"+";width:34px;height:34px;border-radius:50%;background:var(--bg-soft);color:var(--heading);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;transition:.3s}[data-theme=dark] main[data-page=quoc-ngu] .part summary:after{background:hsla(0,0%,100%,.08)}main[data-page=quoc-ngu] .part[open] summary:after{content:"–";background:var(--grad);color:#fff}main[data-page=quoc-ngu] .part summary:hover .part-title{color:var(--a2)}main[data-page=quoc-ngu] .part-badge{width:56px;height:56px;border-radius:50%;background:var(--grad-diag);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display),serif;font-weight:700;font-size:19px;letter-spacing:.5px;box-shadow:0 8px 20px rgba(243,115,53,.25)}main[data-page=quoc-ngu] .part-head{display:grid;min-width:0}main[data-page=quoc-ngu] .part-kicker{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--a2);font-weight:600;line-height:1.4}main[data-page=quoc-ngu] .part-title{font-family:var(--font-display),serif;font-weight:700;font-size:clamp(19px,2.4vw,23px);color:var(--heading);line-height:1.3;transition:color .25s}main[data-page=quoc-ngu] .part-meta{font-size:13px;line-height:1.5}main[data-page=quoc-ngu] .part-bar{position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px;background:var(--line);overflow:hidden}main[data-page=quoc-ngu] .part-bar i{position:absolute;top:0;bottom:0;left:var(--from);right:calc(100% - var(--to));background:var(--grad);border-radius:3px}main[data-page=quoc-ngu] .seg-list{list-style:none;margin:0;padding:8px 18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}main[data-page=quoc-ngu] .seg{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--bg-alt);transition:background .25s,transform .25s}[data-theme=dark] main[data-page=quoc-ngu] .seg{background:hsla(0,0%,100%,.04)}main[data-page=quoc-ngu] .seg:hover{transform:translateX(3px);background:var(--bg-soft)}[data-theme=dark] main[data-page=quoc-ngu] .seg:hover{background:hsla(0,0%,100%,.08)}main[data-page=quoc-ngu] .seg-no{font-family:var(--font-display),serif;font-weight:700;font-size:20px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main[data-page=quoc-ngu] .seg-body{min-width:0;display:grid}main[data-page=quoc-ngu] .seg-body b{color:var(--heading);font-weight:600;font-size:14.5px;line-height:1.4}main[data-page=quoc-ngu] .seg-body small{font-size:12.5px;color:var(--text)}main[data-page=quoc-ngu] .seg-go{width:18px;height:18px;color:var(--a2);opacity:.45;transition:.25s}main[data-page=quoc-ngu] .seg:hover .seg-go{opacity:1}main[data-page=quoc-ngu] .seg.is-reading{box-shadow:inset 0 0 0 1.5px var(--a2)}main[data-page=quoc-ngu] .seg.is-reading .seg-body b:after{content:"Đang đọc";margin-left:8px;font-size:10.5px;font-weight:600;color:#fff;background:var(--grad);border-radius:20px;padding:2px 8px;vertical-align:2px}@media (max-width:640px){main[data-page=quoc-ngu] .seg-list{grid-template-columns:1fr;padding:6px 12px 16px}main[data-page=quoc-ngu] .part summary{grid-template-columns:46px minmax(0,1fr) 34px;gap:12px;padding:16px}main[data-page=quoc-ngu] .part-badge{width:46px;height:46px;font-size:16px}main[data-page=quoc-ngu] .part-bar{left:16px;right:16px}}main[data-page=quoc-ngu] .side-card h2{font-size:20px;margin-bottom:6px}main[data-page=quoc-ngu] .side-card p{font-size:14px}main[data-page=quoc-ngu] .goto{display:flex;gap:8px;margin-top:12px}main[data-page=quoc-ngu] .goto .field{height:48px;padding:0 18px}main[data-page=quoc-ngu] .goto .btn{height:48px;padding:0 20px}main[data-page=quoc-ngu] .goto-out{margin:12px 0 0;font-size:13.5px;min-height:1.5em;color:var(--heading)}main[data-page=quoc-ngu] .goto-out a{color:var(--a2);font-weight:600}main[data-page=quoc-ngu] .goto-out.err{color:var(--a2)}main[data-page=quoc-ngu] .resume{display:grid;grid-gap:4px;gap:4px}main[data-page=quoc-ngu] .resume .r-kicker{font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--a2);font-weight:600}main[data-page=quoc-ngu] .resume .r-title{font-family:var(--font-display),serif;font-weight:700;font-size:19px;color:var(--heading);line-height:1.3}main[data-page=quoc-ngu] .resume .verse{font-size:15px;line-height:1.6;margin:6px 0 12px}main[data-page=quoc-ngu] .resume .r-meter{height:6px;border-radius:6px;background:var(--line);overflow:hidden;margin:6px 0 4px}main[data-page=quoc-ngu] .resume .r-meter i{display:block;height:100%;background:var(--grad);border-radius:6px}main[data-page=quoc-ngu] .resume .r-sub{font-size:12.5px}main[data-page=quoc-ngu] .other-reads{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}main[data-page=quoc-ngu] .other-reads a{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:10px;border-radius:14px;transition:background .25s}main[data-page=quoc-ngu] .other-reads a:hover{background:var(--bg-soft)}[data-theme=dark] main[data-page=quoc-ngu] .other-reads a:hover{background:hsla(0,0%,100%,.05)}main[data-page=quoc-ngu] .other-reads .o-ic{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center}main[data-page=quoc-ngu] .other-reads .o-ic svg{width:22px;height:22px}main[data-page=quoc-ngu] .other-reads .o-ic.nomc{font-family:var(--font-nom),serif;font-size:22px;line-height:1}main[data-page=quoc-ngu] .other-reads b{display:block;color:var(--heading);font-size:15px;font-weight:600;line-height:1.35}main[data-page=quoc-ngu] .other-reads small{font-size:12.5px;line-height:1.4;display:block}main[data-page=quoc-ngu] .intro-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}main[data-page=quoc-ngu] .intro-grid .poem{text-align:center;font-size:clamp(18px,2.1vw,23px)}main[data-page=quoc-ngu] .intro-grid .poem-meta{text-align:center}@media (max-width:860px){main[data-page=quoc-ngu] .intro-grid{grid-template-columns:1fr;gap:24px}}