:root{font-family:system-ui,Microsoft JhengHei,sans-serif}body{margin:0;background:#f5f5f5;color:#1a1a1a}.app{max-width:640px;margin:0 auto;padding:24px}.card-box{background:#fff;border-radius:16px;padding:40px 24px;text-align:center;box-shadow:0 2px 10px #00000014;margin:24px 0}.chinese{font-size:2rem;font-weight:700}.english{font-size:2.4rem;font-weight:700;color:#1558d6;margin-top:16px}.pattern{font-size:1.2rem;color:#666;margin-top:8px}button{font-size:1.3rem;padding:16px 20px;border:none;border-radius:12px;margin:8px;cursor:pointer;min-width:120px}.btn-good{background:#2e7d32;color:#fff}.btn-again{background:#ef6c00;color:#fff}.btn-dismiss{background:#eee;color:#555}.btn-speak{background:#0b8043;color:#fff;margin-top:12px}.btn-speak-sm{background:#0b8043;color:#fff;font-size:.95rem;padding:4px 10px;min-width:0;margin-left:8px}.example{margin-top:20px;padding-top:12px;border-top:1px solid #eee;text-align:left}.example-title{font-size:1rem;color:#999;margin-bottom:8px}.example-item{margin-bottom:14px}.example-en{font-size:1.25rem;color:#333}.example-zh{font-size:1rem;color:#777;margin-top:2px}.btn-primary{background:#1558d6;color:#fff;width:100%}input{font-size:1.3rem;padding:14px;width:100%;box-sizing:border-box;margin:8px 0;border:1px solid #ccc;border-radius:10px}.error{color:#c62828;font-size:1.1rem}