:root{font-family:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;color:#233c34;background:#f6f4ef;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}header{border-bottom:1px solid #d6dad0}nav,main{max-width:968px;margin:auto;padding-inline:32px}nav{height:70px;display:flex;align-items:center;justify-content:space-between}nav>a:last-child{font-size:14px}.brand{font-weight:700;font-size:19px;display:flex;gap:10px;align-items:center}.brand b{background:#224b3a;color:#fff;width:32px;height:32px;display:grid;place-items:center;font-family:serif;border-radius:4px}.lookup{padding:62px 0 40px}h1,h2,p{margin:0}h1{font-size:clamp(38px,7vw,62px);font-family:"Songti SC","STSong",Georgia,serif;letter-spacing:-.045em;line-height:1.25;font-weight:700}h1 span{color:#677f65}.intro{margin:13px 0 32px;color:#526457}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.field{display:flex;gap:7px;align-items:center;border:1px solid #a7b7a7;background:#fffefb;padding:7px;border-radius:8px}.field:focus-within{outline:2px solid #6a8c73;outline-offset:2px}.field input{border:0;background:transparent;padding:9px 7px;min-width:0;flex:1;outline:none;font-size:18px}.field button,.download{border:0;border-radius:5px;background:#244d3c;color:#fff;padding:12px 23px;font-weight:600}.examples{display:flex;gap:8px;align-items:center;margin-top:16px;color:#57675c;font-size:13px}.examples button,.pages button{background:transparent;border:1px solid #cbd3c7;border-radius:5px;color:#284534;padding:5px 10px}.result-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #bcc8ba;padding-bottom:12px}.result-head h2,.source h2{font-size:19px;line-height:1.5}.result-head span,.pages span{color:#596a60;font-size:14px}.row{display:grid;grid-template-columns:94px 1fr auto;gap:16px;align-items:center;padding:17px 8px;border-bottom:1px solid #d6ddd2}.glyph{font:42px/1.15 "Songti SC","STSong",Georgia,serif;color:#264c39}.sounds{color:#1f4234;font-size:19px;line-height:1.65;overflow-wrap:anywhere}.code{font:13px/1.3 ui-monospace,monospace;color:#53665b}.empty{padding:20px 0;color:#596a60}.pages{display:flex;justify-content:center;gap:20px;align-items:center;margin:21px 0}.pages[hidden]{display:none}.pages button:disabled{opacity:.45;cursor:default}.source{display:flex;align-items:start;justify-content:space-between;gap:26px;background:#e9ede4;padding:26px 28px;border-radius:9px;margin:38px 0 54px}.source p{font-size:14px;line-height:1.75;color:#485e50;margin:7px 0}.download{white-space:nowrap;font-size:14px;align-self:center}.download small{color:#d4e4d5;margin-left:5px}.links{display:flex;gap:20px;margin-top:10px;font-size:13px}.links a{text-decoration:underline;text-underline-offset:3px}button:hover:not(:disabled),.download:hover{filter:brightness(.94)}@media(max-width:640px){nav,main{padding-inline:18px}nav{height:57px}.lookup{padding:38px 0 27px}.intro{margin-bottom:23px}.field input{font-size:16px}.field button{padding:10px 14px}.row{grid-template-columns:50px minmax(0,1fr);gap:2px 12px}.glyph{font-size:35px;grid-row:span 2}.sounds{font-size:17px}.code{font-size:11px}.source{display:block;padding:18px;margin:28px 0 34px}.download{display:inline-block;margin-top:16px}.examples{gap:6px}.examples button{padding:5px 8px}}
.modes{display:inline-flex;padding:3px;background:#e4e9df;border:1px solid #ccd5c9;border-radius:7px;gap:3px;margin:0 0 18px}.modes button{border:0;border-radius:5px;padding:8px 13px;color:#46604d;background:none;font-size:14px}.modes button[aria-pressed=true]{background:#fffdf7;box-shadow:0 1px 4px #23452b20;color:#204434;font-weight:650}.entry{grid-template-columns:minmax(105px,1.2fr) minmax(130px,2fr) auto}.entry .glyph{font-size:24px;overflow-wrap:anywhere}.entry .code{white-space:nowrap}.source+.source{margin-top:-30px}@media(max-width:640px){.entry{grid-template-columns:minmax(70px,1fr) minmax(110px,1.5fr);gap:4px 10px}.entry .glyph{grid-row:span 2;font-size:21px}.entry .sounds{align-self:end}.entry .code{grid-column:2}.source+.source{margin-top:-18px}}