:root{color-scheme:light dark;--font-size:1.1rem;--s-font-size:.875rem;--line-height:1.5;--gutter:30px;--s-gutter:15px;--m-gutter:40px;--l-gutter:70px;--s-h-padding:5px;--h-padding:10px;--m-h-padding:16px;--l-h-padding:24px;--v-padding:6px;--v-s-padding:3px;--form-padding:6px 10px;--hover-color:#efefef;--color:#666;--emphasis-color:#333;--muted-color:#999;--link-color:#1e87f0;--link-hover-color:#0f6ecd;--inverse-color:#fff;--muted-background:#f8f8f8;--primary-background:#1e87f0;--secondary-background:#222;--success-background:#32d296;--warning-background:#faa05a;--danger-background:#f0506e;--text-primary:#101010;--text-secondary:#1b1b1b;--text-active:#858585;--text-inactive:#9e9e9ea6;--text-link:#0069c2;--text-visited:#551a8b;--text-invert:#fff;--text-muted:#6f6f6f;--form-invalid-color:#d30038;--background-primary:#fff;--background-secondary:#f9f9fb;--background-tertiary:#ebeaea;--background-toc-active:#ebeaea;--background-mark-yellow:#c7b70066;--background-mark-green:#00d06166;--background-information:#0085f21a;--background-warning:#ff2a511a;--background-critical:#d300381a;--background-success:#0079361a;--background-del:#d3003880;--background-ins:#00793680;--border-primary:#cdcdcd;--border-secondary:#cdcdcd;--button-primary-default:#1b1b1b;--button-primary-hover:#696969;--button-primary-active:#9e9e9e;--button-primary-inactive:#1b1b1b}html,body{padding:0;margin:0;min-height:100vh;line-height:1.5;width:100%}*,*::before,*::after{box-sizing:border-box}main,aside,header,footer,nav,picture,svg,article,section,form{position:relative}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}a{color:var(--link-color);text-decoration:none;font-size:inherit;cursor:pointer}a:hover{opacity:.8;color:inherit}span{word-wrap:break-word}p{margin:6px 0}p:has(+ul, +ol){margin-bottom:0}p:has(+ul, +ol)+ul,p:has(+ul, +ol)+ol{margin-top:0}.bigger{font-size:1.3rem;color:red}hr{border:0;height:1px;color:inherit;background-color:color-mix(in hsl, currentColor, white 80%);opacity:.6}button,.button{margin:0;padding:var(--v-s-padding) var(--gutter);border:none;border-radius:0;overflow:visible;appearance:none;display:inline-flex;justify-content:center;align-items:center;font:inherit;color:inherit;text-transform:none;vertical-align:middle;text-align:center;text-decoration:none;font-size:var(--m-font-size);line-height:var(--line-height);opacity:.9;--bg:#ececec;background-color:var(--bg)}button:hover,.button:hover{opacity:1;transition:opacity .15s ease-in}select{text-transform:none}select>optgroup{font:inherit;font-weight:bold}textarea{resize:vertical}input,select,textarea,radio,checkbox{font:inherit}label:has(input, select, textarea, radio, checkbox){font:inherit}label:has(input, select, textarea, radio, checkbox) p{font-size:.8rem;color:#777}label:has(input, select, textarea, radio, checkbox) p[error]{color:var(--form-invalid-color);font-size:.9rem;font-weight:560}input,select,textarea{border:0 none;padding:var(--form-padding);background:var(--background);color:var(--emphasis-color);border:1px solid #c3c3c3;transition:.2s ease-in-out;transition-property:color,background-color,border}input:hover,select:hover,textarea:hover,input:focus,select:focus,textarea:focus{color:#666;border-color:#1e87f0;transition:opacity .15s ease-in}input:focus,select:focus,textarea:focus{outline:0;background-color:#fff}input:focus:invalid{outline:none}img,picture,video,canvas,svg{max-width:100%;display:block;max-inline-size:100%;max-block-size:100%}pre:has(> code){overflow:auto;max-width:100%;max-height:100vh;border:1px solid #ccc}table{border-collapse:collapse}table thead,table tfoot{background-color:#e4f0f5}table th,table td{padding:3px 10px}table td{vertical-align:top}[file]{position:relative}[file] input[type="file"]{position:absolute;display:block;top:0;left:0;width:100%;height:100%;font-size:0;outline:none;opacity:0}article{display:block;padding:20px;width:100%;max-width:1100px;margin:0 auto}article [headline]{text-align:center}article section[headmeta]{margin-bottom:64px;text-align:center}article h1{counter-reset:chapter}article h2{counter-reset:section}article h2:before{counter-increment:chapter;content:counter(chapter) ".  "}article h3{counter-reset:sub_section}article h3:before{counter-increment:section;content:counter(chapter) "." counter(section) "  "}article h4:before{counter-increment:sub_section;content:counter(chapter) "." counter(section) "." counter(sub_section) "  "}article h2,article h3,article h4{margin-top:48px}article p{margin:24px auto}hr{border:0;height:1px;color:inherit;background-color:color-mix(in hsl, currentColor, white 80%);opacity:.6}ul>li{margin-top:24px;margin-bottom:16px}dl>dt{font-weight:bold}dl>dd{margin-bottom:10px}pre{white-space:pre-wrap;word-wrap:break-word}section.paragraph p,section.paragraph pre{font-size:1.4rem}figure{position:relative}figure>image,figure>img{margin:0 auto}figure>figcaption{text-align:center;margin-top:24px}.primary{--bg:var(--primary-background);color:var(--inverse-color)}.secondary{--bg:var(--secondary-background);color:var(--inverse-color)}.success{--bg:var(--success-background);color:var(--inverse-color)}.warning{--bg:var(--warning-background);color:var(--inverse-color)}.danger{--bg:var(--danger-background);color:var(--inverse-color)}.muted{--bg:var(--muted-background)}.remark{color:var(--text-active);font-size:var(--s-font-size);padding-top:5px;padding-bottom:5px;margin:0}main>div>div{min-height:30vh;display:flex;flex-flow:row}main>div>div:has(> aside){justify-content:center;overflow:hidden}main>div>div:has(> aside)>*{margin:0 0;overflow-y:auto}main>div>div>div{flex:1}main>div>div>aside:has(+ div){border-right:1px solid color-mix(in hsl, currentColor, white 80%);flex:0 1 auto;display:flex;flex-direction:column;align-content:flex-end}main>div>div>aside:has(+ div)>nav.vertical{margin-left:auto}main>div>div>aside:has(+ div)>nav.vertical>*{font-size:.9rem}main>div>div>div+aside{border-left:1px solid color-mix(in hsl, currentColor, white 80%);width:200px}body,.box{display:flex;flex-direction:column}body>*>*,.box>*>*{width:100%;max-width:1200px;margin:0 auto}body>header>div,.box>header>div{min-height:36px}body>main,.box>main{flex:1 1 auto}body>footer,.box>footer{background-color:#ececec;padding:24px 0}body>footer>div,.box>footer>div{padding:24px 0;display:flex;flex-direction:column}body>main>div{min-height:100vh;padding:12px 0}body>main>div>div .index-container{width:100%;max-width:600px;margin:0 auto}body>main>div>div .index-container>h3>span{border-bottom:3px solid red}body>footer{margin-top:36px}nav{display:flex}nav>a{text-decoration:none}nav>*{display:flex;position:relative;padding:6px var(--h-padding);cursor:pointer;color:inherit}nav>*>*{color:inherit}nav>*:has(menu){padding-right:var(--m-h-padding)}nav>*:has(menu)>label:after{content:"";display:inline-block;position:absolute;right:var(--s-h-padding);top:45%;width:6px;height:6px;opacity:.6;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg)}nav>*:has(menu)>menu{display:none}nav>*:has(menu):hover>label:after{transform:rotate(135deg)}nav>*:has(menu):hover>menu{display:block}nav.vertical{display:flex;flex-direction:column;margin:0}nav.vertical hr{width:100%;border:0px;border-top:1px solid #663399;background-color:#fff}nav.vertical>h5{margin:0}nav.vertical>*:not(hr){display:block;position:relative;min-width:100%;white-space:nowrap;padding:6px var(--l-h-padding);cursor:pointer;color:inherit;font-size:1rem;line-height:120%}nav.vertical>*:not(hr):hover{background-color:var(--hover-color)}nav.vertical>*:not(hr):has(menu):before{content:"";display:inline-block;position:absolute;right:var(--s-h-padding);top:45%;width:6px;height:6px;opacity:.6;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}nav.vertical>*:not(hr):has(menu):hover>menu{display:block;left:100%;top:-50%}ul.titles{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:36px}ul.titles>li{margin:0;padding:0;max-width:200px;font-size:1.3rem}div.table-container{overflow:auto}div.table-container table{white-space:nowrap}table.centerHeader td{border:1px solid #a0a0a0;text-align:center}@media (max-width:771px){>*>*{max-width:100%}div.index-container{padding:20px}body article{padding:10px;width:100%}body>header>div{padding:10px}body>footer>div{padding:48px 20px}}.fa{font-size:1rem}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}[colorx]{width:14px;height:14px;display:inline-flex;align-items:center}[wordx],[wdx]{padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:2px #e4e7e1 solid;text-align:center}[wordx]:hover,[wdx]:hover{border:2px red dotted}[wordx] svg,[wdx] svg{width:100%;height:100%;fill:var(--font-fill)}[wdx]{width:24px;height:24px}[coord]{display:inline-flex;align-items:center;justify-content:center;width:320px;height:320px}[coord] svg{width:100%;height:100%;stroke:var(--font-stroke);stroke-width:2px}div[is="g-viewer"]{border:1px solid red;width:1000px;height:1000px}div[is="g-viewer"] svg{width:100%;height:100%;border:1px solid blue}.symbol-list,.meta-list,.marker-list,.voice-list,.simple-list,.complex-list{display:flex;flex-wrap:wrap;padding:20px 0}.symbol-list>div,.meta-list>div,.marker-list>div,.voice-list>div,.simple-list>div,.complex-list>div{display:flex;flex-direction:column;align-items:center;margin:10px;padding:0}.symbol-list>div>svg,.meta-list>div>svg,.marker-list>div>svg,.voice-list>div>svg,.simple-list>div>svg,.complex-list>div>svg{border:1px dashed blue}.symbol-list>div>div,.meta-list>div>div,.marker-list>div>div,.voice-list>div>div,.simple-list>div>div,.complex-list>div>div{width:80px;line-height:1.3;font-size:.8rem;margin:5px 0;text-align:center}a[download]{font-size:1.3rem;color:blue}ul.char-list{display:flex;flex-wrap:wrap;padding:20px 0;list-style:none}ul.char-list>li{border:1px dashed #ccc}ul.char-list>li>*{display:block;text-align:center}ul.char-list>li>span.char{display:block;padding:24px;font-size:2.1rem}@font-face{font-family:langoo;src:url('../font/langoo.otf');font-style:normal;font-weight:normal;unicode-range:U+32400-32AFF}html{font-family:"Noto Sans SC",sans-serif,langoo,Helvetica,'Microsoft Yahei',Verdana,Tahoma,Arial;font-size:var(--font-size)}.symbol-list,.meta-list,.marker-list,.voice-list,.part-list,.simple-list,.complex-list{display:flex;flex-wrap:wrap;padding:20px 0}.symbol-list>div,.meta-list>div,.marker-list>div,.voice-list>div,.part-list>div,.simple-list>div,.complex-list>div{display:flex;flex-direction:column;align-items:center;margin:10px;padding:0;width:240px;height:240px}.symbol-list>div>svg,.meta-list>div>svg,.marker-list>div>svg,.voice-list>div>svg,.part-list>div>svg,.simple-list>div>svg,.complex-list>div>svg{border:1px dashed blue;width:100%;height:100%;fill:none;stroke:red;stroke-width:5}.symbol-list>div>div,.meta-list>div>div,.marker-list>div>div,.voice-list>div>div,.part-list>div>div,.simple-list>div>div,.complex-list>div>div{width:80px;line-height:1.3;font-size:.8rem;margin:5px 0;text-align:center}ul.char-list{display:flex;flex-wrap:wrap;padding:20px 0;list-style:none}ul.char-list>li{border:1px dashed #ccc}ul.char-list>li>*{display:block;text-align:center}ul.char-list>li>span.char{display:block;padding:24px;font-size:2.1rem;color:red}table.phoneme-array th,table.phoneme-array td{text-align:center}table.phoneme-array tbody>tr>td:not(.tdname){color:rgba(231,6,6,0.816);font-size:1.2rem}table.phoneme-array tbody>tr>td:not(.tdname):not(:has(>p.remark)){color:var(--text-inactive)}table.phoneme-array tbody>tr>td:not(.tdname):has(>p.remark.maybe){color:var(--text-muted);font-style:italic}table.phoneme-glyphs th:not(:last-child),table.phoneme-glyphs td:not(:last-child){min-width:80px;text-align:center}ul.pinyin-list{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}ul.pinyin-list>li{width:120px;font-weight:bold;font-size:1.3rem}div.char-list>section>span{font-size:1.4rem;color:#36c;display:inline-flex;font-weight:bold;width:60px;height:60px;align-items:center;justify-content:center}div.char-list>section>span:hover{background-color:#a6d6d6}ul.seq-list{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}ul.seq-list>li{width:60px;font-weight:bold;font-size:1.3rem}table.word_cata>tbody>tr>td:first-child{border-right:1px solid #89938c;white-space:nowrap}table.word_cata>tbody>tr>td{border-bottom:1px solid #89938c}table.radial-list thead{text-align:left}table.radial-list tbody>tr>td:nth-child(1){width:60px}table.radial-list tbody>tr>td:nth-child(2){width:80px}.zr_cata_table{display:flex;flex-direction:column;max-width:100%;font-size:1.1rem}.zr_cata_table>div{display:grid;grid-template-columns:36px 48px 48px auto;grid-column-gap:16px;padding:6px 0}.zr_cata_table>div:not(:last-child){border-bottom:1px solid #89938c}.zr_cata_table>div>:nth-child(3){color:green}.note{font-size:.9rem}fieldset{border:none;border-left:1px solid #ccc}fieldset pre{font-style:italic}article{width:1060px}table th,table td{padding:6px 16px}table.phoneme-array th,table.phoneme-array td{padding:1px 10px}dl.char-words dt{margin:60px 0 40px 0;font-size:1.2rem}dl.char-words dd{margin:0;margin-top:10px;margin-bottom:30px}dl.char-words ul{margin:48px 0}dl.char-words ul li{margin:0}blockquote{width:fit-content;max-width:700px;font-style:italic;color:#555555;padding:2.2em 16px 1.2em 16px;border-left:3px solid #78C0A8;line-height:1.6;position:relative;background:#EDEDED}blockquote::before{font-family:Arial;content:"\201C";color:#78C0A8;font-size:4em;position:absolute;left:10px;top:-10px}blockquote::after{content:''}blockquote span{display:block;color:#333333;font-style:normal;font-weight:bold;margin-top:1em}ul.dir{list-style:none;padding:0;margin-bottom:20px}ul.dir>li{margin-bottom:60px}ul.flexItems{display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;gap:12px;margin:24px 0;padding:0}ul.flexItems>li{flex:20%;flex-shrink:0;flex-grow:0;display:flex;margin:0;flex-direction:row}ul.flexItems>li>div{display:flex}ul.flexItems>li>div:nth-child(1){width:30px}ul.pn-list{list-style:none;margin:100px 0}ul.pn-list>li{display:flex;flex-direction:row;padding:0;margin:0;align-items:center}ul.pn-list>li>div:nth-child(1){width:160px;font-size:3.6rem;color:red}ul.pn-list>li>div:nth-child(2){width:160px;font-size:2rem;color:cadetblue}ul.pn-list>li>div:nth-child(3){font-size:1.8rem;color:green}.pn_list_container ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.pn_list_container ul>*{flex:50%}ul.char_map{list-style:none;display:flex;border:1px solid red;gap:48px;margin:8px 0;flex-wrap:wrap}ul.char_map>li{margin:0}ul.chars_map_item{padding:0}ul.chars_map_item>li{display:flex;margin:8px 0}ul.chars_map_item>li>div{width:40px}ul.chars_map_item>li>div:first-child{font-size:1.5rem;color:red}figure.video_container{width:fit-content}