@font-face{font-family:Listening Sans;src:url(/shiguzhai/shuang/fonts/AtkinsonHyperlegibleNext.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Bench Sans;src:url(/shiguzhai/shuang/fonts/IBMPlexSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bench Sans;src:url(/shiguzhai/shuang/fonts/IBMPlexSans-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Bell Characters;src:url(/shiguzhai/shuang/fonts/NotoSansCJK-subset.woff2)format("woff2");font-display:swap}:root{color:#272c2a;font-synthesis:none;--a:#a73b2c;--b:#26716d;--rule:#b5bbb0;--paper:#faf7ef;scroll-behavior:smooth;background:#f2f0e8;font-family:Listening Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--a)}button{cursor:pointer;border:1px solid var(--rule);background:0 0;padding:.65rem .9rem;line-height:1.3}button:hover{background:#e3e5d9;border-color:#737d73}button[aria-pressed=true],.primary{color:#faf7ef;background:#272c2a;border-color:#272c2a}.primary:hover,button[aria-pressed=true]:hover{color:#faf7ef;background:#434e46}button:disabled{opacity:.4;cursor:default}select,input[type=url]{border:1px solid var(--rule);background:var(--paper);max-width:100%;padding:.65rem}input[type=range]{width:100%;accent-color:var(--a);cursor:pointer;margin:.8rem 0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--a);outline-offset:4px}a,button,input,select{touch-action:manipulation}[hidden]{display:none!important}.skip{background:var(--paper);z-index:5;padding:1rem;position:absolute;top:-6rem;left:1rem}.skip:focus{top:1rem}.page{max-width:1240px;margin:auto;padding:0 clamp(1rem,4vw,3.5rem)}.mast{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1.3rem;padding:1.1rem 0;display:flex}.brand{letter-spacing:.13em;font-size:1.3rem;text-decoration:none}.brand .zh{vertical-align:middle;letter-spacing:0;margin-right:.8rem;font-family:Bell Characters,sans-serif;font-size:1.7rem}.mast nav{gap:1.3rem;font-size:.9rem;display:flex}.hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:3.5rem;padding:3rem 0 2.4rem;display:grid}.eyebrow{letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem;font:400 .73rem/1.5 Bench Sans,sans-serif}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,6vw,5.1rem);font-weight:600;line-height:.98}.hero h1 em{color:var(--a);font-style:normal}.hero .intro{margin:0;font-size:1.25rem;line-height:1.6}.hero .small{margin-bottom:0}.small{font-size:.9rem;line-height:1.7}.caption{color:#4f5b54;font:400 .8rem/1.7 Bench Sans,sans-serif}.section-head{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:2rem;padding-top:1.4rem;display:flex}.section-head h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;line-height:1.15}.section-head .eyebrow{margin:0}.bench{grid-template-columns:1.05fr .95fr;gap:3rem;padding:1.6rem 0 2.5rem;display:grid}.figure{min-width:0}.figure svg{width:100%;display:block}.figure .mode-caption{max-width:30rem}.control-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.control-line select{min-width:220px}.source-mark{color:#4f5b54;font:400 .75rem/1.6 Bench Sans,sans-serif}.frequencies{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.3rem 0;display:grid}.frequency{border-top:3px solid var(--a);padding-top:.7rem}.frequency.b{border-color:var(--b)}.frequency dt{min-height:2.6em;font-size:.86rem}.frequency dd{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:.3rem 0 0;font-size:2.2rem}.frequency .unit{letter-spacing:0;font-size:.85rem}.a-ink{color:var(--a)}.b-ink{color:var(--b)}.controls .caption{margin:.7rem 0}.controls label{justify-content:space-between;gap:1rem;display:flex}.range-ends{justify-content:space-between;font-size:.8rem;display:flex}.button-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.interval-copy{font-size:1.05rem;line-height:1.65}.tuning-select{border-top:1px solid var(--rule);margin-top:1.4rem;padding-top:1rem}.tuning-select label{margin-bottom:.5rem;font-size:.85rem;display:block}.tuning-select select{width:100%;font-size:.9rem}.status{min-height:1.5rem;font-size:.84rem;line-height:1.65}.source-details{font-size:.85rem;line-height:1.8}details{margin:1rem 0}summary{cursor:pointer;font-size:.88rem}.sheet{padding:1.5rem 0 3rem}.sheet-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2.5rem;display:grid}.sheet .plot{min-width:0;overflow-x:auto}.plot svg{width:100%;min-width:700px;display:block}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font:400 .85rem/1.6 Bench Sans,sans-serif}.data-table th{text-align:left;font-weight:600}.data-table th,.data-table td{border-bottom:1px solid var(--rule);padding:.65rem .4rem}.data-table th:first-child,.data-table td:first-child{padding-left:0}.selected-row{background:#e3e5d9}.scroll{outline-offset:5px;max-width:100%;overflow:auto}.explain{max-width:760px;font-size:1.1rem;line-height:1.75}.proportions{padding:1rem 0 3rem}.proportion-layout{grid-template-columns:1.08fr .92fr;align-items:start;gap:3rem;margin:2rem 0;display:grid}.reading-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;display:grid}.reading-controls select{min-width:0;font-size:.9rem}.chinese{letter-spacing:.025em;font-family:Bell Characters,sans-serif;font-size:1.65rem;line-height:1.9}.chinese-inline{font-family:Bell Characters,sans-serif}.reading h3{font-size:1.4rem;font-weight:500;line-height:1.3}.reading .translation{font-size:1.1rem;line-height:1.75}.word{color:var(--a);font-family:Bell Characters,sans-serif;font-size:1.4rem}.word .pinyin{color:#272c2a;margin-left:1rem;font:400 1rem Listening Sans,sans-serif}.reading-note{border-top:1px solid var(--rule);padding-top:1rem;font-size:.9rem;line-height:1.8}.rule-controls{margin:.8rem 0 1.5rem}.rule-controls label{margin-bottom:.5rem;font-size:.9rem;display:block}.rule-controls select{width:100%}.proportion-svg svg{width:100%;display:block}.proportion-legend{gap:1.5rem;font-size:.8rem;display:flex}.proportion-legend span:before{content:"";vertical-align:middle;border-top:3px solid #272c2a;width:1.5rem;margin-right:.5rem;display:inline-block}.proportion-legend span:last-child:before{border-color:var(--a)}.source-photo{border-top:1px solid var(--rule);grid-template-columns:200px 1fr;align-items:center;gap:2rem;padding:1.8rem 0;display:grid}.source-photo figure{margin:0}.source-photo img{width:200px;max-width:100%;height:auto;display:block}.source-photo h3{margin-top:0;font-size:1.5rem;font-weight:500}.scaling{grid-template-columns:1fr 1fr;gap:3rem;margin:1.7rem 0;display:grid}.scaling h3{font-size:1.4rem;font-weight:500}.scale-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.scale-pair dt{font-size:.85rem}.scale-pair dd{margin:.4rem 0;font-size:1.6rem}.keep{border-top:1px solid var(--rule);padding:2rem 0}.keep h2{letter-spacing:-.03em;margin:.8rem 0;font-size:2rem;font-weight:500}.keep p{max-width:800px;line-height:1.7}.share-url{width:100%;font-size:.85rem}.footer{border-top:1px solid var(--rule);justify-content:space-between;gap:2rem;padding:1.4rem 0 2rem;font-size:.8rem;line-height:1.8;display:flex}.focus-target{scroll-margin-top:1rem}p{overflow-wrap:break-word}.data-table td{white-space:nowrap}.source-links{flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}@media (width<=850px){.hero{gap:2rem}.bench,.proportion-layout,.scaling{gap:1.6rem}.frequency dd{font-size:1.8rem}.sheet-grid{grid-template-columns:1fr}.section-head{gap:1rem}}@media (width<=620px){:root{scroll-behavior:auto}.mast{align-items:flex-start}.brand{white-space:nowrap;font-size:1.05rem}.brand .zh{margin-right:.4rem;font-size:1.3rem}.mast nav{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;max-width:190px;font-size:.8rem}.hero{padding:2.3rem 0;display:block}.hero h1{font-size:3.35rem}.hero .intro{margin-top:1.6rem;font-size:1.1rem}.hero .small{font-size:.85rem}.section-head{display:block}.section-head .eyebrow{margin-bottom:.8rem}.bench,.proportion-layout,.scaling{grid-template-columns:1fr;gap:1rem}.bench{padding-top:1.3rem}.figure{order:1}.controls{order:0}.mode-caption{font-size:.8rem}.frequencies{margin:1rem 0}.frequency dd{font-size:2rem}.control-line{display:block}.control-line select{width:100%;margin:.4rem 0}.source-mark{display:block}.button-row button{font-size:.9rem}.interval-copy{font-size:.95rem}.source-photo{grid-template-columns:120px 1fr;gap:1rem}.source-photo img{width:120px}.source-photo h3{font-size:1.15rem}.source-photo .small{font-size:.8rem}.source-photo .caption{font-size:.7rem}.source-photo .source-links{font-size:.75rem}.proportion-layout{margin-top:1.4rem}.chinese{font-size:1.4rem}.reading-controls button{padding:.5rem}.reading-note{font-size:.85rem}.footer,.footer span{display:block}.proportion-svg{overflow:auto}.proportion-svg svg{min-width:520px}.explain{font-size:1rem}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:.6rem .35rem}.scaling{margin:1rem 0}.plot{border:1px solid var(--rule)}.keep h2{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}@media print{.mast nav,.skip,.button-row,.reading-controls,.rule-controls,.keep,.footer{display:none}.page{padding:0}.hero{padding-top:0}.hero h1{font-size:2.5rem}.bench,.proportion-layout,.sheet-grid{display:block}.plot svg,.proportion-svg svg{min-width:0}.source-photo{break-inside:avoid}.sheet,.proportions{break-before:page}.chinese{font-size:14pt}}.sheet-grid>*,.proportion-layout>*,.scaling>*{min-width:0}.offline-action{font:inherit;margin-block:.5rem;padding:.6rem .9rem;font-size:.85rem}