@charset "UTF-8";@import url("systems/ipa-font.css?v=20261114-pan-medial");
:root{--ink:#242e2c;--muted:#6e7873;--green:#174f49;--green-soft:#e8efea;--orange:#aa5b39;--paper:#f7f7f1;--line:#dee2d9;--white:#fff;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",SimSun,serif;--sans:var(--font-ipa),Inter,"Noto Sans CJK SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}a:hover{color:var(--orange)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{max-width:1440px;margin:auto;min-height:91px;padding:0 4.2%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:45px}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-family:var(--serif);font-weight:700;letter-spacing:1px}.seal{display:grid;place-items:center;width:43px;height:45px;border-radius:4px;background:var(--green);color:#fff;font-size:30px;font-weight:400;line-height:1}.seal.small{width:28px;height:30px;font-size:21px}.brand-small{font-family:var(--sans);font-size:11px;display:block;color:var(--muted);font-weight:400;letter-spacing:3px;line-height:1.2}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a{padding:32px 0;position:relative}.site-header nav .active:after{content:"";position:absolute;height:3px;background:var(--green);bottom:0;left:0;right:0}.edition{border-left:1px solid var(--line);padding-left:25px;font-size:11px;letter-spacing:2px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:0 4.2%}.hero{padding:50px 0 35px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green);font-weight:600}.eyebrow span{padding:0 12px;color:#a5aaa3}h1{font-family:var(--serif);font-size:46px;font-weight:500;line-height:1.3;letter-spacing:2px;margin:17px 0 18px}h1 em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);line-height:1.95;font-size:14px;margin:0}.hero-mark{display:flex;align-items:center;gap:24px;position:relative;color:#b2bcb2;padding-right:25px}.hero-mark span{font-family:var(--serif);font-size:67px;font-weight:400;transform:rotate(-4deg)}.hero-mark span:last-child{transform:rotate(4deg)}.hero-mark i{font-size:10px;writing-mode:vertical-rl;letter-spacing:5px;font-style:normal;color:#80948a}.search-bar{background:#fff;border:1px solid #c9d3c9;border-radius:6px;min-height:67px;display:flex;align-items:center;padding:0 22px;gap:17px;box-shadow:0 3px 12px #174f4904}.search-icon{font-size:32px;font-family:Arial,sans-serif;color:var(--green);line-height:1;transform:translateY(-2px)}.search-bar input{border:0;background:none;flex:1;min-width:0;height:64px;font-size:16px;outline:none!important}.search-bar input::placeholder{color:#939b93;font-size:15px}.search-bar input::-webkit-search-cancel-button{display:none}.search-hint{color:#8c958d;font-size:11px;letter-spacing:1px}.icon-button{border:0;background:none;color:var(--muted);font-size:27px;line-height:1;width:35px;height:35px;flex-shrink:0}.quick-row{display:flex;align-items:center;gap:10px;padding:17px 0 25px;flex-wrap:wrap;font-size:11px}.quick-row>span:first-child{color:var(--muted);margin-right:8px}.quick-row button{border:1px solid var(--line);border-radius:4px;padding:4px 12px;background:transparent;color:#53665b;font-size:12px}.quick-row button:hover{border-color:var(--green);background:var(--green-soft)}.quick-divider{height:14px;border-left:1px solid var(--line);margin:0 3px}
.workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:28px;align-items:start}.filters{background:#f0f2ea;border:1px solid var(--line);padding:20px;border-radius:5px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:14px;font-weight:600;margin:0;letter-spacing:1px}.text-button{color:var(--green);background:none;border:0;padding:0;font-size:12px}.text-button:hover{text-decoration:underline}.filter-hint{font-size:10px;color:#899082;margin:6px 0 18px}.filters label{display:flex;align-items:center;gap:5px;justify-content:space-between;color:#566254;font-size:11px;margin:17px 0 7px}.filters label span{font-size:9px;color:#949b8e}.filters label a{color:#8e9a88}.filters select{width:100%;background:#fafbf6;border:1px solid #d5ddcf;color:#344538;border-radius:4px;min-height:36px;font-size:12px;padding:5px 9px}.filter-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.segmented{display:flex;gap:3px}.segmented button{border:1px solid var(--line);background:#fafbf6;flex:1;padding:5px 0;font-size:11px;border-radius:3px;color:#65715e}.segmented button.selected{background:var(--green);border-color:var(--green);color:#fff}.small-note{border-top:1px solid #d9dfd1;margin-top:25px;padding-top:16px;font-size:11px}.small-note>span{color:#486546;font-weight:600}.small-note p{color:#818b78;line-height:1.9;margin:8px 0}.small-note a{font-size:10px;color:var(--green)}.results-panel{min-width:0}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:18px}.results-heading h2{font-size:17px;font-weight:500;margin:0}.results-heading h2 span{background:#e4ece4;border-radius:4px;color:var(--green);font-size:10px;padding:3px 7px;margin-left:10px;vertical-align:middle;font-family:var(--sans)}.results-heading p{color:var(--muted);font-size:10px;margin:6px 0 0}.outline-button{border:1px solid #cdd7cd;border-radius:4px;background:none;color:var(--green);padding:7px 12px;font-size:11px;white-space:nowrap}.outline-button:hover:not(:disabled){background:var(--green-soft)}#compare-count{background:var(--green);color:white;padding:1px 5px;font-size:10px;border-radius:3px;margin-left:4px}.scheme-bar{background:#eaf0e9;border:1px solid #dce4d8;border-radius:4px 4px 0 0;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px}.scheme-bar>div{display:flex;align-items:center;gap:9px}.layer-label{padding:2px 6px;border-radius:2px;font-size:9px;white-space:nowrap}.traditional{background:#dce6da;color:#45633e}.reconstruction{background:#f0e7dc;color:#986741}.scheme-pickers select{font-size:10px;background:#f9fbf7;border:1px solid #d8dfd3;padding:5px 3px;max-width:175px;border-radius:3px;color:#465443}.versus{color:#a6b29f}.tone-note{font-size:10px;color:#82907f;line-height:1.8;margin:11px 0}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:3px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}thead{background:#f3f5ef;color:#77816f}th{font-weight:400;font-size:10px;white-space:nowrap;padding:12px 15px;border-bottom:1px solid var(--line)}td{border-bottom:1px solid #edf0e8;padding:13px 15px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf7}th:nth-child(4),td:nth-child(4){border-left:1px dashed #e2e7dc}td:last-child{padding:10px 12px 10px 4px;width:40px}.head-button{border:0;background:none;color:#293b2e;display:block;font-family:var(--serif);font-size:28px;line-height:1.1;padding:0;min-width:30px}.head-button:hover{color:var(--orange)}.fanqie{display:block;color:#98a08e;font-size:9px;white-space:nowrap;margin-top:7px}.initial-cell b{font-weight:500;color:#435240}.initial-cell small{display:block;font-size:9px;color:#929b89;margin-top:3px}.category-main{display:flex;gap:6px;align-items:center;white-space:nowrap;color:#4f5d45}.chongniu-badge{padding:0px 4px;background:#ebefe4;color:#65784f;font-size:9px;border:1px solid #dde4d1;border-radius:3px}.chongniu-badge.B{background:#f3e9df;border-color:#e9ddce;color:#9e704c}.category-meta{display:block;color:#9aa38f;font-size:9px;margin-top:5px;white-space:nowrap}.phonetic{font-family:var(--font-ipa),sans-serif;color:#356453;font-size:16px;white-space:nowrap;letter-spacing:0}.phonetic.second{color:#7b7962}.add-button{width:26px;height:26px;border:1px solid #dbe3d5;border-radius:50%;background:none;color:#789168;line-height:1;font-size:18px;padding:0}.add-button.selected{background:var(--green);color:#fff;border-color:var(--green)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:10px}.pagination>span{font-size:10px;color:#8d9785}.pagination>div{display:flex;gap:8px}.data-foot{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:23px 0 35px;font-size:10px;color:#87917f}.data-foot a{color:#5f7455}.context-note{margin:12px 0 0;background:#edf1e6;border-left:2px solid #8aa078;padding:9px 12px;color:#637354;font-size:11px;line-height:1.8}.empty{text-align:center;background:#fff;border:1px solid var(--line);padding:40px 15px}.empty>span{font-size:40px;color:#bac7ad;font-family:var(--serif)}.empty h3{font-weight:500;margin:10px}.empty p{font-size:12px;color:var(--muted)}.solid-button{background:var(--green);border:1px solid var(--green);color:#fff;border-radius:4px;font-size:12px;padding:9px 16px}.solid-button:hover{background:#24685b}.loading{text-align:center;padding:80px;color:var(--muted)}
.notes-section{padding:55px 0 45px}.section-intro h2,.sources-section h2{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:1px;margin:10px 0}.section-intro>p{font-size:12px;color:var(--muted);margin:8px 0}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:28px}.notes-grid article{border-top:2px solid #b6c4ad;padding-top:16px}.note-number{font-size:9px;letter-spacing:1.5px;color:#86967a}.notes-grid h3{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.6;margin:15px 0}.notes-grid p{font-size:11px;color:#727f67;line-height:1.95}.notes-grid article>a{font-size:10px;color:var(--green)}.category-lines{display:flex;margin:19px 0;gap:8px}.category-lines>span{border:1px solid #dce3d2;flex:1;text-align:center;padding:8px 2px;font-size:12px}.category-lines b{display:block;font-size:9px;font-weight:400;color:#819074;margin-top:4px}.example-line{background:#edf1e6;padding:13px;font-family:var(--serif);font-size:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:17px 0}.example-line b,.example-line span{font-family:var(--sans);font-size:10px;font-weight:400;color:#6c805c}.example-line span{margin-left:auto;color:#98a08a}.subtle{color:#8a9480!important;font-size:10px!important}.sources-section{border-top:1px solid var(--line);padding:45px 0 50px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.sources-section>div>p{color:#7d8872;font-size:11px;line-height:1.95;max-width:370px}.source-list>a{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.source-list>a>span{font-size:10px;color:#a0ac93}.source-list b{font-size:12px;font-weight:500}.source-list small{display:block;font-size:10px;color:#97a08a;margin-top:4px}.source-list i{margin-left:auto;color:#859674;font-size:15px;font-style:normal}.source-method{font-size:10px;color:#8e997f;line-height:1.9}.license-line{font-size:9px;color:#819374}footer{max-width:1440px;margin:auto;display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:24px 4.2% 35px;font-size:10px;color:#909a83}footer .brand{font-size:13px;color:#4f6345}footer>span{margin-left:auto;margin-right:30px}.compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(730px,calc(100% - 30px));padding:13px 20px;background:#fff;border:1px solid #c9d7be;box-shadow:0 8px 40px #223a2426;z-index:10;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:15px}.compare-tray>div{display:flex;gap:15px;align-items:center}.compare-tray>div>span{font-size:11px;color:#829274}.compare-tray b{color:var(--green)}#tray-characters{display:flex;gap:7px}.tray-chip{background:#edf2e7;border:0;border-radius:3px;padding:4px 9px;color:#607b4d;font-family:var(--serif);font-size:17px}.tray-chip span{font-family:var(--sans);font-size:10px;padding-left:4px;color:#a3b394}body:has(.compare-tray:not([hidden])){padding-bottom:75px}
dialog{border:1px solid #d9e1d0;border-radius:8px;width:min(660px,calc(100% - 28px));max-height:88dvh;padding:27px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #1c342d33}dialog::backdrop{background:#13291e77;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px;color:#7e8a72;font-size:11px}.dialog-top h2{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--green);margin:0}.dialog-top p{font-size:11px;margin:7px 0 0}.detail-head{display:flex;align-items:center;gap:20px;margin:20px 0}.detail-head h2{font-family:var(--serif);font-size:58px;font-weight:400;line-height:1;margin:0}.detail-head p{color:var(--muted);font-size:12px}.detail-head>div:last-child{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:16px 0}.detail-grid>div{padding:13px;background:#f9faf5}.detail-grid small{display:block;color:#8c9880;font-size:9px;margin-bottom:4px}.detail-grid b{font-size:12px;font-weight:500}.reading-list{margin:20px 0}.reading-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:12px}.reading-list label{font-size:11px;color:#748368}.reading-list small{display:block;font-size:9px;color:#a0ab93}.meaning{font-size:12px;line-height:2;color:#6f7d62;overflow-wrap:anywhere}.detail-source{font-size:10px;color:#8d9a7e}.comparison-dialog{width:min(1100px,calc(100% - 24px))}.comparison-scroll{overflow-x:auto}.comparison-table{min-width:550px;table-layout:fixed;background:#fff;border:1px solid var(--line)}.comparison-table th:first-child{width:120px}.comparison-table th{color:#89967b;white-space:normal}.comparison-table td{font-size:12px;white-space:normal;overflow-wrap:anywhere}.comparison-table td:nth-child(4){border-left:0}.comparison-table .compare-head{font-family:var(--serif);font-size:36px;color:var(--green)}.comparison-table .compare-head small{display:block;font-size:10px;color:#92a181;font-family:var(--sans)}.comparison-table .compare-head button{display:block;font-size:9px;margin-top:6px;border:0;color:#98a687;background:none}.comparison-table .phonetic{font-size:18px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#244e3d;color:white;padding:10px 18px;border-radius:5px;z-index:50;font-size:12px}.comparison-empty{text-align:center;padding:40px;color:#879378;font-size:13px}
@media(min-width:1450px){.site-header,main,footer{padding-left:60px;padding-right:60px}}@media(max-width:1100px){.workspace{grid-template-columns:195px minmax(0,1fr);gap:18px}.filters{padding:15px}.scheme-bar{flex-wrap:wrap}.scheme-pickers{flex-wrap:wrap}.scheme-bar>div:first-child{display:none}th,td{padding:12px 10px}.hero-mark{gap:15px;padding-right:0}.hero-mark span{font-size:54px}.phonetic{font-size:15px}.site-header{gap:20px}.notes-grid{gap:20px}.sources-section{gap:30px}}
@media(max-width:760px){body{font-size:13px}.site-header{min-height:73px;padding:0 5%;gap:10px}.brand{font-size:18px}.seal{width:34px;height:37px;font-size:26px}.brand-small{font-size:9px;letter-spacing:2px}.site-header nav{gap:17px;font-size:11px}.site-header nav a{padding:25px 0}.site-header nav a:nth-child(2){display:none}.edition{display:none}main{padding:0 5%}.hero{padding:32px 0 27px}.eyebrow{font-size:8px;letter-spacing:1.5px}.eyebrow span{padding:0 6px}h1{font-size:32px;letter-spacing:1px;margin:14px 0}.hero p{font-size:12px}.hero-mark{display:none}.search-bar{padding:0 14px;gap:10px;min-height:58px}.search-bar input{font-size:14px;height:56px}.search-bar input::placeholder{font-size:12px}.search-hint{display:none}.quick-row{gap:7px;padding-bottom:20px}.quick-row>span:first-child{flex-basis:100%;font-size:10px}.quick-row button{padding:4px 9px;font-size:11px}.quick-divider{display:none}.workspace{grid-template-columns:1fr;gap:22px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:16px}.filters .panel-title,.filters .filter-hint{grid-column:1/-1}.filters .filter-hint{margin:4px 0 5px}.filters>label{margin:10px 0 4px}.filters>select,.filters>.segmented{grid-column:1/-1}.filters>label{grid-column:1/-1}.filters>.filter-pair{grid-column:1/-1}.filters select{min-height:35px}.filters .small-note{display:none}.filters .segmented button{padding:6px}.results-heading h2{font-size:16px}.results-heading h2 span{font-size:9px;margin-left:5px}.results-heading p{max-width:240px;line-height:1.7}.scheme-bar{padding:10px}.scheme-pickers{gap:6px!important}.scheme-pickers select{max-width:145px;font-size:9px}.layer-label{font-size:8px}.tone-note{font-size:9px}.table-wrap table{min-width:590px}th{font-size:9px}.pagination{align-items:flex-start}.pagination>span{max-width:150px}.outline-button{padding:7px 9px}.data-foot{font-size:9px;flex-direction:column;padding-bottom:25px}.notes-section{padding:35px 0}.section-intro h2,.sources-section h2{font-size:25px}.notes-grid{grid-template-columns:1fr;gap:28px}.notes-grid p{font-size:12px}.notes-grid h3{font-size:19px}.category-lines{max-width:400px}.sources-section{grid-template-columns:1fr;gap:16px;padding:30px 0}.sources-section>div>p{max-width:none}.source-list small{font-size:9px}footer{padding:20px 5% 25px}footer>span{display:none}footer .brand{font-size:11px}.compare-tray{padding:10px;bottom:10px;gap:5px}.compare-tray>div{gap:8px}.compare-tray>div>span{font-size:9px}.tray-chip{font-size:14px;padding:3px 6px}#tray-characters{gap:4px}.compare-tray .text-button{font-size:10px}.compare-tray .solid-button{padding:8px;font-size:10px}dialog{padding:18px}.detail-grid{grid-template-columns:1fr 1fr}.detail-head h2{font-size:48px}.detail-head{gap:12px}.detail-head>div:last-child .solid-button{padding:7px 10px;font-size:10px}.reading-list .phonetic{font-size:18px}.comparison-dialog{padding:16px}.dialog-top h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.table-wrap{position:relative}.filter-actions{display:flex;align-items:center;gap:14px}#toggle-filters{display:none}
@media(max-width:760px){#toggle-filters{display:inline-block}.filters:not(.mobile-open)>:not(.panel-title){display:none}.filters .panel-title{min-height:24px}}
.lookup-options{display:flex;gap:17px;align-items:center;margin:-7px 0 21px;font-size:10px;color:#85937a}.lookup-options label{display:flex;align-items:center;gap:5px;color:var(--green);cursor:pointer}.lookup-options input{accent-color:var(--green);width:14px;height:14px;margin:0}.lookup-options a{margin-left:auto}.match-label{display:inline-block;font-size:8px;color:#a16f44;background:#f5ede0;border:1px solid #e9dcc9;border-radius:3px;padding:0 4px;margin-top:5px;white-space:nowrap}
@media(max-width:760px){.lookup-options{gap:10px;flex-wrap:wrap;font-size:9px}.lookup-options>span{display:none}}

.system-entry{margin:0 0 20px;padding:11px 15px;border:1px solid var(--line);border-radius:4px;font-size:12px;color:var(--green);background:#edf1e8}.system-entry span{color:#89957e;font-size:10px;margin-left:12px}@media(max-width:760px){.site-header nav a:nth-child(2){display:block}.site-header nav .notes-nav{display:none}.site-header nav{gap:12px}.system-entry span{display:block;margin:4px 0 0}.system-entry{font-size:11px}}

.poem-entry{margin:0 0 12px;border:1px solid #b8cabc;border-radius:5px;background:#e8efea}.poem-entry a{display:flex;align-items:center;gap:18px;padding:16px 18px;color:var(--green)}.poem-entry b{font-weight:500;font-size:15px}.poem-entry span{color:#70806d;font-size:11px}.lookup-options{flex-wrap:wrap}.lookup-options label:has(input:disabled){opacity:.45}.lookup-options input:disabled{cursor:not-allowed}@media(max-width:760px){.poem-entry a{display:block}.poem-entry span{display:block;margin-top:4px}.site-header nav{gap:10px}.site-header nav a[href="#sources"]{display:none}}