:root{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC",sans-serif;color:#173b50;background:#e8f4f1}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#e3f5ef 0%,#f8fbfd 55%,#fff4e5 100%);min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.app{max-width:740px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 13px calc(env(safe-area-inset-bottom) + 26px)}.head{margin-bottom:15px}.back{color:#246d73;text-decoration:none;font-size:14px;font-weight:750;display:inline-block;padding:3px 0 14px}.headline{display:flex;gap:12px;align-items:center}.mark{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:linear-gradient(140deg,#173e55,#06957a);color:white;font-size:35px;flex-shrink:0}.eyebrow{font-size:10px;font-weight:850;color:#648991;letter-spacing:1.6px}.headline h1{font-size:clamp(20px,5vw,29px);margin:3px 0}.headline p{font-size:13px;color:#71909b;margin:0}.panel{background:#fff;border:1px solid #d7e7e6;border-radius:23px;padding:17px;margin-bottom:12px;box-shadow:0 8px 24px #0e4d5010}.panel-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:1.35px;color:#628994;margin-bottom:12px}.tag{font-size:12px;letter-spacing:0;background:#e7f4f0;color:#167666;border-radius:40px;padding:7px 12px;white-space:nowrap}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair label,.search-label{display:block;font-size:13px;color:#557884;font-weight:750}.pair select,.search-label input{display:block;width:100%;margin-top:7px;border:1px solid #c3dcde;color:#173b50;background:#f9fcfc;padding:11px 10px;border-radius:12px;outline:none;min-width:0}.search-label{margin-top:14px}.search-label input:focus,.pair select:focus{border-color:#148d83}.hint,.helper{font-size:12px;line-height:1.5;color:#76929b}.controls .hint{margin-top:11px}.word-panel{text-align:center}.word-panel .panel-h{text-align:left}.hanzi-display{font-size:clamp(68px,16vw,118px);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#111e2a;line-height:1.4;padding:15px 6px 4px;overflow-wrap:anywhere}.word-pronunciation{font-size:23px;color:#1b646b;font-weight:750}.word-meaning{font-size:17px;margin:9px auto;max-width:90%}.helper{margin:14px auto}.character-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.char-button{background:#f2faf8;border:1px solid #cde3df;border-radius:14px;color:#183f50;padding:10px 16px;min-width:60px;font-size:31px;font-family:'PingFang SC',sans-serif}.char-button.active{background:#0e856e;color:white;border-color:#0e856e}.nav-actions{display:flex;align-items:center;gap:9px;justify-content:space-between}.button{border-radius:12px;border:1px solid #c0d9dd;padding:13px 18px;color:#245a6b;background:#f7fbfc;font-size:13px;font-weight:850;flex:1}.button.primary{color:white;border-color:#0b8a72;background:linear-gradient(135deg,#158f76,#187487)}.part-head{display:flex;align-items:center;gap:17px;margin-bottom:16px}.big-char{font-size:68px;font-weight:650;line-height:1.1;color:#112538}.part-head strong{font-size:16px}.part-head p{font-size:12px;color:#7b98a3;margin:6px 0 0}.components{display:flex;align-items:stretch;justify-content:center;gap:9px;flex-wrap:wrap}.component{background:linear-gradient(145deg,#f2faf8,#fff7ec);border:1px solid #d6e8e4;border-radius:16px;min-width:100px;min-height:100px;flex:1;max-width:220px;padding:10px;text-align:center}.component-symbol{font-size:51px;line-height:1.45;display:block;font-family:'PingFang SC',sans-serif}.component-label{font-size:11px;color:#6c8e96;font-weight:700}.plus{font-size:25px;align-self:center;color:#6d9e9e}.role-info{margin:15px 0 8px;display:flex;gap:8px;flex-wrap:wrap}.role{font-size:12px;padding:8px 12px;border-radius:10px;background:#eef6ff;color:#286482;font-weight:750}.role.semantic{background:#eaf6f2;color:#136e5d}.role.phonetic{background:#fff5e7;color:#986022}.part-note{font-size:14px;line-height:1.65;color:#365965;margin:12px 0}.disclaimer{font-size:11px;line-height:1.6;color:#829da4;border-top:1px solid #eef0f1;padding-top:10px}.related-words{display:flex;flex-wrap:wrap;gap:8px}.related-word{border:1px solid #d5e7e2;background:#f5fbfa;border-radius:12px;padding:8px 11px;color:#205667;text-align:left}.related-word strong{display:block;font-size:22px;font-weight:800}.related-word small{display:block;font-size:10px;color:#73929a;margin-top:4px}.word-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.word-item{border:1px solid #e2eded;background:#fcfefe;border-radius:11px;padding:10px 5px;min-height:80px;text-align:center}.word-item.selected{border:2px solid #169681;background:#e8f8f3}.word-item strong{font-size:27px;display:block;overflow-wrap:anywhere;line-height:1.5}.word-item small{font-size:10px;color:#7c999e}.page-count{font-size:12px;color:#557986;min-width:45px}.list-panel .nav-actions{margin-top:13px}.footer{text-align:center;color:#7d9aa4;font-size:11px;line-height:2;margin:18px 0}.footer strong{color:#1c5a6c}@media(min-width:620px){.word-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:375px){.app{padding-left:10px;padding-right:10px}.panel{padding:13px}.pair select{font-size:12px}.button{padding:12px 8px}.component{min-width:85px}.word-list{grid-template-columns:repeat(3,minmax(0,1fr))}}