:root{--serif:'Noto Serif',Georgia,serif;--sans:'Be Vietnam Pro',Arial,sans-serif;--map-fill:#2d453a;--map-stroke:#b6a077}.hero h1{font-size:clamp(56px,6.1vw,82px)}.han-title,.text-panel.han p{font-family:'Noto Serif TC','Noto Serif CJK TC','Songti SC','SimSun',serif}.intro h2{font-size:40px;line-height:1.25}.criteria-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:32px}.criteria-brief article{padding:25px;background:#eeede2;border-top:2px solid var(--bronze)}.criteria-brief article>span{color:var(--bronze);font-size:10px}.criteria-brief h3{font-size:25px;margin:15px 0}.criteria-brief p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.value-evidence{border-block:1px solid var(--line)}.value-evidence>summary,.record-evidence>summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;font-size:12px}.value-evidence>summary::-webkit-details-marker,.record-evidence>summary::-webkit-details-marker{display:none}.value-evidence .value-rows article:first-child{border:0}
.timeline-section{padding-block:75px;border-top:1px solid var(--line)}.heritage-timeline{list-style:none;margin:0;padding:0}.heritage-timeline li{display:grid;grid-template-columns:140px 1fr 115px;gap:28px;padding:27px 0 27px 24px;border-left:1px solid #b9bead;position:relative}.heritage-timeline li::before{content:'';position:absolute;left:-5px;top:36px;width:9px;height:9px;border:1px solid var(--bronze);border-radius:50%;background:var(--paper)}.heritage-timeline li+li{border-top:1px solid var(--line)}.timeline-year{font:23px/1.5 var(--serif);color:var(--bronze);white-space:nowrap}.heritage-timeline h3{font-size:23px;line-height:1.4;margin-bottom:10px}.heritage-timeline p{font-size:12px;color:var(--muted);line-height:1.9;margin:0;max-width:680px}.heritage-timeline li>a{font-size:10px;justify-self:end;margin-top:8px}
.bell-explorer{display:grid;grid-template-columns:minmax(290px,.9fr) 1.1fr;gap:65px;align-items:start}.bell-drawing{border:1px solid #75836e;padding:24px 16px 16px}.diagram-label{text-align:center;font-size:8px;letter-spacing:1.4px;color:#b5c0ad}.bell-svg{display:block;width:100%;max-width:405px;height:auto;margin:auto;color:#d7dfcb}.bell-svg a{text-decoration:none;color:inherit}.bell-svg text{fill:currentColor;font-family:var(--sans);font-size:12px;letter-spacing:1.3px;pointer-events:none}.bell-svg .bell-sub{font-size:10px;letter-spacing:0}.bell-svg .bell-tiny{font-size:9px;letter-spacing:.2px}.bell-zone{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:1.5;transition:fill .15s}.bell-zone.band{fill:#6e6348}.bell-svg a:hover .bell-zone,.bell-svg a:focus .bell-zone,.bell-svg a.is-active .bell-zone{fill:#62694b;stroke:#e2c68d}.bell-svg a:focus-visible{outline:3px solid #d4bb7c}.bell-zone-list>a{display:flex;gap:20px;text-decoration:none;border-top:1px solid #596c58;padding:20px 10px}.bell-zone-list>a:last-child{border-bottom:1px solid #596c58}.bell-zone-list>a>span{font-size:9px;color:#bdab7f;margin-top:3px}.bell-zone-list b{font:23px/1.3 var(--serif)}.bell-zone-list p{font-size:11px;color:#bec9b6;line-height:1.9;margin:9px 0 0}.bell-zone-list em{font-size:16px;font-style:normal;margin-left:auto;color:#ccb785}.bell-zone-list>a:hover,.bell-zone-list>a.is-active{background:#ffffff08;color:#e8cc93}.map-section .map-note{max-width:none;padding-top:20px;border-top:1px solid #596c58;margin-top:30px}
.reading-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 12px}.reading-tools>div{display:flex;gap:8px;align-items:center;margin-right:auto}.reading-tools span{font-size:10px;color:var(--muted)}.reading-tools .quiet-button{font-size:10px;padding:8px 12px}.reading-tools [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.reading-hint{font-size:10px;color:var(--muted);line-height:1.9;margin-bottom:24px}.record-modes{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.record-modes button{border:1px solid var(--line);border-radius:24px;padding:9px 15px;font-size:11px;min-height:42px;background:var(--paper);color:var(--muted)}.record-modes button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.record-modes button:hover{border-color:var(--bronze)}.record[data-mode=dich] .han,.record[data-mode=dich] .phien,.record[data-mode=han] .dich,.record[data-mode=han] .phien,.record[data-mode=phien] .dich,.record[data-mode=phien] .han,.record[data-mode=compare] .phien{display:none}.record[data-mode=compare] .text-grid{grid-template-columns:1fr 1fr}.record[data-mode=all] .text-grid{grid-template-columns:repeat(3,1fr)}.text-panel p{font-size:14px;line-height:2}.text-panel.han p{font-size:20px}.record-evidence{margin:24px 0 10px;border-block:1px solid var(--line)}.record-evidence>summary{padding:16px 0;font-size:11px}.record-evidence .record-meta{padding-top:14px}.record-evidence .record-notes{margin-bottom:18px}.record-evidence[open]>summary>span{transform:rotate(45deg)}.records[data-direction=vertical] .han .text-flow{writing-mode:vertical-rl;text-orientation:upright;height:440px;max-height:64vh;width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);padding:16px 10px;background:#fff8}.records[data-direction=vertical] .han p{margin:0 0 0 1.6em;line-height:2.1;white-space:normal;text-align:start}
.english-section{background:#e9ece2;border-block:1px solid var(--line);padding-block:70px}.english-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.english-section h2{font-size:54px;line-height:1.15}.english-section .section-no{font-size:9px}.english-lead{font:24px/1.5 var(--serif)}.english-layout>div>p:not(.english-lead):not(.section-no){font-size:13px;color:var(--muted);line-height:1.9}.english-reading-note{border-left:2px solid var(--bronze);padding:5px 0 1px 18px;margin-block:25px}.english-reading-note strong{font-size:12px}.english-reading-note p{font-size:11px;color:var(--muted);line-height:1.9;margin:10px 0}.english-section .actions{gap:20px;margin-bottom:0}.english-section .button,.english-section .text-link{font-size:10px}
@media(max-width:1150px){.bell-explorer{gap:35px}.english-layout{gap:50px}.english-section h2{font-size:47px}.record[data-mode=all] .text-grid{grid-template-columns:1fr 1fr}.record[data-mode=all] .phien{grid-column:1/-1;grid-row:2}.heritage-timeline li{grid-template-columns:130px 1fr 100px;gap:24px}.criteria-brief article{padding:20px}.criteria-brief h3{font-size:23px}}
@media(max-width:760px){.header nav a:nth-child(5){display:block}.header nav{gap:13px}.header nav a{font-size:10px}.hero h1{font-size:64px}.intro h2{font-size:35px}.hero-desc{font-size:14px}.criteria-brief{grid-template-columns:1fr;gap:16px}.criteria-brief article{padding:20px 22px}.criteria-brief h3{font-size:25px;margin-top:10px}.value-evidence>summary{font-size:11px}.timeline-section{padding-block:45px}.heritage-timeline li{grid-template-columns:1fr;padding:21px 0 23px 21px;gap:9px}.heritage-timeline li::before{top:31px}.heritage-timeline h3{font-size:22px}.heritage-timeline li>a{justify-self:start;margin-top:4px}.bell-explorer{grid-template-columns:1fr;gap:28px}.bell-drawing{max-width:430px;width:100%;margin:auto;padding:22px 10px 15px}.bell-svg{max-width:330px}.bell-zone-list>a{padding:19px 8px;gap:16px}.bell-zone-list p{font-size:12px}.reading-tools{gap:8px}.reading-tools>div{width:100%;margin-bottom:2px}.reading-tools .quiet-button{font-size:9px;min-height:40px;padding:8px 11px}.record-modes{gap:6px;margin-block:16px 18px}.record-modes button{font-size:10px;padding:8px 12px}.record[data-mode=compare] .text-grid,.record[data-mode=all] .text-grid{grid-template-columns:1fr}.record[data-mode=all] .phien{grid-column:auto;grid-row:auto}.record-evidence>summary{font-size:10px;line-height:1.9}.records[data-direction=vertical] .han .text-flow{height:380px;max-height:58vh}.english-section{padding-block:45px}.english-layout{grid-template-columns:1fr;gap:28px}.english-section h2{font-size:43px}.english-lead{font-size:23px}}
@media(max-width:350px){.brand{font-size:9px;letter-spacing:.6px}.brand small{font-size:6px}.header nav{gap:9px}.header{gap:10px}}
@media(prefers-reduced-motion:reduce){.bell-zone{transition:none}}
@media print{.timeline-section,.english-section,.reading-tools,.reading-hint,.record-modes{display:none!important}.record-evidence{border:0}.record-evidence>summary{display:none}.record .text-panel{display:block!important}.records[data-direction=vertical] .han .text-flow{writing-mode:horizontal-tb;height:auto;max-height:none;overflow:visible;border:0;background:none;padding:0}.record-evidence .record-meta{padding-top:0}}