:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20302e;background:#f6f8f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:20px}.brand{font-size:28px;color:#087a66;text-decoration:none;font-weight:750;display:flex;align-items:center;gap:12px}.brand span{font-size:18px}.tag{font-size:12px;color:#687873}.intro{padding:36px 0 24px;max-width:700px}.eyebrow{letter-spacing:.15em;font-size:12px;font-weight:750;color:#087a66}h1{font-size:clamp(30px,5vw,49px);line-height:1.15;letter-spacing:-.035em;margin:18px 0}.intro>p:last-child{color:#5b6c65;line-height:1.7;max-width:590px}main{padding:0 24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dbe4df;background:#fff;border-radius:16px}.stats>div{padding:24px}.stats strong{display:block;font-size:30px;color:#087a66}.stats span{display:block;color:#5b6c65;font-size:13px;margin-top:6px}.notice{background:#e7f1ec;border-radius:10px;padding:15px;line-height:1.6;font-size:14px}.catalog{margin-top:36px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:22px}.section-title span{font-size:13px;color:#687873}label{display:block;margin-bottom:10px;font-size:14px}.controls{display:flex;gap:10px}input,select,button{font:inherit;min-height:46px;border-radius:9px;border:1px solid #cbd8d0;padding:10px 14px;background:white}input{flex:1;min-width:0}button{background:#087a66;color:white;cursor:pointer;border-color:#087a66}button:disabled{opacity:.4;cursor:default}input:focus,button:focus-visible,select:focus{outline:3px solid #9cdccc;outline-offset:2px}.words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.word{border:1px solid #dbe4df;background:white;border-radius:14px;padding:22px;overflow-wrap:anywhere}.hanzi{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:34px;margin:0 0 5px;font-weight:600}.pinyin{color:#087a66;margin:0 0 12px}.meaning{font-weight:650;line-height:1.5}.topic{font-size:12px;color:#687873}.example{font-size:14px;border-top:1px solid #e7ece8;margin-top:15px;padding-top:14px;line-height:1.6}.example p{margin:4px 0}.pager{display:flex;align-items:center;justify-content:center;gap:20px}.pager button{background:white;color:#087a66}.scope,footer{font-size:13px;line-height:1.7;color:#687873;padding-top:24px;padding-bottom:24px}footer{text-align:center;border-top:1px solid #dbe4df}#error{color:#a52c25}@media(max-width:760px){.words{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{flex-wrap:wrap}input{flex-basis:100%}.tag{display:none}.intro{padding-top:20px}.stats>div{padding:16px 12px}.stats strong{font-size:25px}.stats span{font-size:12px}select{flex:1;min-width:0}}@media(max-width:460px){main{padding:0 16px}header{padding:20px 16px}.words{grid-template-columns:1fr}.word{padding:20px}.scope{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}