:root{--ink:#1d2734;--muted:#718092;--paper:#fbfaf7;--line:#e6e1d9;--orange:#e66e42;--blue:#395c78}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC',sans-serif}main{max-width:1180px;margin:auto;padding:24px 38px 48px}header,.heading,footer{display:flex;justify-content:space-between;align-items:center}header{font-size:13px;color:var(--muted)}.brand{font-weight:bold;color:var(--ink)}.brand b{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--orange);color:white;border-radius:9px;font:22px Georgia;margin-right:8px}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:285px;padding:34px 0 28px}small{color:var(--orange);font-size:11px;font-weight:bold;letter-spacing:.18em}h1{font-size:clamp(40px,5vw,66px);line-height:1.15;letter-spacing:-.06em;margin:14px 0 20px}h1 i{font-style:normal;color:var(--orange)}.hero p{color:var(--muted);line-height:1.9;max-width:480px}.hero button,#all{border:0;border-radius:11px;padding:14px 18px;background:var(--ink);color:white;font-weight:bold;cursor:pointer}.visual{height:190px;position:relative;transform:scale(.78);transform-origin:center}.visual:before,.visual:after{content:'';position:absolute;border:1px solid #dfd4c8;border-radius:50%;width:300px;height:200px;left:80px;top:40px;transform:rotate(-18deg)}.visual:after{width:220px;height:145px;left:120px;top:70px;border-color:#eab6a2}.visual strong{position:absolute;background:#fff;padding:23px;border-radius:16px;box-shadow:0 15px 35px #d8d0c488;font-size:38px;z-index:1}.visual strong:nth-child(1){left:110px;top:30px}.visual strong:nth-child(2){left:285px;top:115px}.visual strong:nth-child(3){left:180px;top:200px}.visual strong:nth-child(2){transform:rotate(8deg)}.visual strong:nth-child(3){transform:rotate(-4deg)}section{border-top:1px solid var(--line);padding-top:28px}.heading{align-items:end;margin-bottom:20px}.heading h2{margin:9px 0 0;font-size:27px}.heading>span{font-size:12px;color:var(--muted)}#grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.letter{border:1px solid var(--line);background:white;border-radius:11px;padding:14px 5px;text-align:center;cursor:pointer}.letter:hover,.letter.active{border-color:var(--orange);background:#fff7f3}.letter strong{font-size:27px}.letter div{font-size:11px;color:var(--muted);margin-top:5px}.rule{background:var(--blue);color:#fff;border-radius:15px;padding:20px 24px;display:flex;align-items:center;gap:20px;margin-bottom:16px}.rule b{font-size:11px;color:#bed8e9;white-space:nowrap}.rule p{margin:0;line-height:1.7;font-size:14px}.rule em{margin-left:auto;white-space:nowrap}.word{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 20px;margin-bottom:10px}.word b{font-size:22px}.word span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.word button{border:0;background:#f2ede4;color:#c6532e;border-radius:50%;width:38px;height:38px;cursor:pointer}footer{color:#a1a9b2;font-size:12px;padding-top:40px}@media(max-width:750px){main{padding:16px 18px 32px}.hero{grid-template-columns:1fr;padding:26px 0 20px;min-height:0}.hero p{margin:0}.hero button{margin-top:8px}.visual{display:none}.heading{align-items:flex-start;gap:10px;flex-direction:column}#grid{grid-template-columns:repeat(6,1fr)}.rule{flex-wrap:wrap}.rule em{margin-left:0;width:100%}}@media(max-width:450px){#grid{grid-template-columns:repeat(4,1fr)}h1{font-size:38px;margin:10px 0 12px}.hero p{font-size:14px;line-height:1.65}.heading h2{font-size:23px}}
 .voice-tools{display:flex;align-items:center;gap:8px}.voice-tools label{font-size:12px;color:var(--muted)}.voice-tools select{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:10px;max-width:230px;cursor:pointer}.voice-tools #all{padding:11px 14px}
.alphabet-actions{display:flex;align-items:center;gap:12px}.alphabet-actions button,#toggleGrid{border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted);padding:8px 11px;cursor:pointer}#grid.collapsed{display:none}.detail-title{display:flex;flex-direction:column;gap:6px}.letter-nav{display:flex;align-items:center;gap:8px}.letter-nav button{border:1px solid var(--line);background:#fff;border-radius:7px;width:28px;height:26px;cursor:pointer}