:root{color-scheme:light;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#273e3a;background:#fcf8f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ac622a;outline-offset:3px}.sr-only{position:absolute;left:-9999px}a{color:inherit}.site-header{max-width:1240px;margin:auto;height:62px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee6d7;gap:18px}.logo{text-decoration:none;display:flex;align-items:center;gap:9px;font-size:17px;font-weight:850;white-space:nowrap}.logo small{font-weight:500;font-size:12px;color:#897d69;margin-left:4px}.logo-mark{display:grid;place-items:center;background:#236957;color:#fff;border-radius:11px 11px 11px 3px;width:34px;height:34px;font-size:20px}.site-header nav{display:flex;gap:8px}.nav-link{text-decoration:none;padding:9px 15px;border-radius:100px;font-size:14px;color:#596d65}.nav-link.active{background:#226a55;color:#fff;font-weight:700}main{max-width:1240px;margin:auto;padding:20px 26px 48px}.hero{background:#e9f2e8;min-height:204px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:30px 44px;position:relative}.eyebrow{margin:0 0 9px;font-size:12px;letter-spacing:2px;font-weight:700;color:#327160}.hero h1{font-size:clamp(30px,4vw,46px);line-height:1.18;margin:0;color:#1f493f;letter-spacing:2px}.hero h1 span{color:#d4a85b;font-size:26px;margin-left:12px}.hero-copy{margin:15px 0 0;line-height:1.65;color:#4e6a5e;font-size:16px}.hero-art{min-width:290px;height:155px;display:flex;align-items:center;gap:12px;transform:rotate(-6deg)}.hero-art span{width:78px;height:92px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#21644f;font-size:42px;font-weight:800;box-shadow:0 13px 22px #23554219}.hero-art span:nth-child(2){transform:translateY(-16px);color:#c58136}.hero-art span:nth-child(3){transform:translateY(9px)}.hero-art i{position:absolute;right:5px;top:4px;color:#c58136;font-size:33px}.toolbar{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:16px}.semesters{display:flex;padding:4px;background:#ece8df;border-radius:15px;gap:4px}.semesters button{min-width:92px;min-height:43px;padding:7px 16px;border:0;border-radius:11px;background:transparent;color:#53655d;font-weight:700}.semesters button.selected{background:#fff;color:#23664f;box-shadow:0 2px 7px #35261617}.search{display:flex;align-items:center;gap:9px;width:min(345px,50vw);background:#fff;border:1px solid #e6ded1;border-radius:15px;padding:0 15px;font-size:25px;color:#577768}.search input{width:100%;height:49px;border:0;outline:0;background:transparent;font-size:15px;color:#243e36}.theme-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.theme-list button{border:1px solid #e5ddcc;background:#fff;padding:10px 17px;border-radius:100px;min-height:43px;font-size:14px;color:#617166}.theme-list button.selected{border-color:#236a55;background:#236a55;color:#fff;font-weight:700}.list-heading{margin:28px 0 16px;display:flex;justify-content:space-between;align-items:end}.list-heading h2{margin:0;font-size:25px}.word-count{margin:0;color:#75857c;font-size:14px}.word-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.word-card{border:1px solid #e8e2d4;background:#fff;border-radius:22px;padding:19px 21px;box-shadow:0 6px 22px #544c3510;min-height:221px;display:flex;flex-direction:column}.word-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.pinyin{font-size:15px;color:#a86e34;letter-spacing:.3px}.word-card h3{font-size:35px;line-height:1.25;margin:6px 0 10px;letter-spacing:2px}.speak-word{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 68px;height:68px;border:0;border-radius:20px;background:#e7f2e8;color:#236950;font-weight:800}.speak-word span{font-size:20px;letter-spacing:-3px;line-height:1.1;transform:scaleX(.8)}.speak-word small{font-size:11px;letter-spacing:0;margin-top:6px}.speak-word:hover,.speak-word.speaking{background:#246d54;color:#fff}.phrase{display:flex;align-items:baseline;gap:10px;font-size:17px;margin:7px 0 13px}.phrase span,.example p span{color:#9d7650;font-size:12px;font-weight:700;white-space:nowrap}.example{border-top:1px dashed #e7e1d6;padding-top:12px;display:flex;align-items:flex-end;gap:8px;justify-content:space-between;margin-top:auto}.example p{display:flex;gap:8px;align-items:baseline;line-height:1.5;font-size:14px;color:#56685d;margin:0}.example button{border:0;background:transparent;color:#25725c;font-size:12px;white-space:nowrap;min-height:40px;padding:3px}.example button.speaking{color:#a25d27;font-weight:700}.empty-state{border-radius:20px;background:#fff;padding:50px;text-align:center;color:#718276}.reading-status{position:sticky;bottom:14px;margin:25px auto 0;padding:10px 18px;max-width:max-content;background:#294f43;color:#fff;border-radius:99px;font-size:13px;box-shadow:0 8px 25px #263d3633;z-index:2}footer{margin:28px 0;color:#7b8577;font-size:12px;line-height:1.8}footer a{color:#236950;margin-left:8px}@media(max-width:950px){.word-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-width:220px;gap:6px}.hero-art span{width:62px;height:75px;font-size:34px}}@media(max-width:630px){.site-header{padding:0 15px}.logo small{display:none}.nav-link{padding:8px 10px;font-size:12px}main{padding:14px 14px 42px}.hero{min-height:165px;padding:24px}.hero-art{display:none}.hero-copy{font-size:14px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.theme-list{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.theme-list button{flex:none}.list-heading{margin-top:22px}.word-list{grid-template-columns:1fr;gap:12px}.word-card{min-height:205px}.word-card h3{font-size:33px}.reading-status{max-width:100%;font-size:12px;text-align:center}}
.word-label{border:0;background:transparent;color:inherit;padding:0;text-align:left;font:inherit;letter-spacing:inherit}.word-label:hover,.word-label.speaking{color:#236a55;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}