.sentence-grammar{margin-top:20px;border-top:1px solid #d8e6f2;padding-top:17px;color:#29455e;font-size:13px;line-height:1.8;letter-spacing:0;font-family:var(--font-body,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif)}
.grammar-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.grammar-heading h3{font-size:15px;color:#173952;font-weight:800;margin:0}
.grammar-heading>span{font-size:11px;background:#e3effb;color:#245c8c;padding:2px 9px;border-radius:20px}
.grammar-section+.grammar-section{margin-top:16px}
.grammar-section h4{font-size:12px;color:#315574;margin:0 0 8px;font-weight:750;display:flex;align-items:center;gap:7px}
.grammar-section h4 small{font-size:10px;font-weight:500;color:#58738b}
.grammar-main,.grammar-detail{background:#fff;border:1px solid #dce8f2;border-radius:12px;padding:12px;margin-top:8px;min-width:0}
.grammar-pattern{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#234967}
.grammar-pattern small{font-size:10px;color:#6b7d8b}
.grammar-pattern strong{font-size:13px}
.grammar-core{display:block;font-size:16px;line-height:2.15;margin-bottom:12px;overflow-wrap:anywhere}
.grammar-part{display:inline;padding:4px 5px;border-radius:5px;background:#f1f5f8;border:0;overflow-wrap:anywhere;white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.grammar-part>span{display:inline;font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:inherit}
.grammar-part small{display:inline-block;margin-left:4px;font-size:10px;line-height:1.4;white-space:nowrap;vertical-align:baseline;opacity:.88}
.grammar-part.subject{background:#e8f2fe;color:#1c5d9d;border-color:#c8def5}
.grammar-part.verb{background:#fff0df;color:#915113;border-color:#f4d4af}
.grammar-part.object{background:#ebf6f0;color:#246245;border-color:#cbe6d7}
.grammar-part.complement{background:#f2edfc;color:#664696;border-color:#dfd4f2}
.grammar-meta{display:flex;flex-wrap:wrap;gap:5px 18px;margin:0;font-size:12px}
.grammar-meta>div{display:flex;gap:6px;align-items:baseline;min-width:0}
.grammar-meta dt{color:#657e91;flex-shrink:0}
.grammar-meta dd{margin:0;color:#304f68;overflow-wrap:anywhere}
.grammar-detail>strong{font-size:12px;color:#24679d;display:inline-block;background:#edf5fc;border-radius:5px;padding:1px 6px}
.grammar-detail p{margin:6px 0 0;font-size:13px;line-height:1.85;color:#3c576e;overflow-wrap:anywhere}
.grammar-detail .grammar-expression{font-size:16px;line-height:1.6;color:#173b59;font-family:Georgia,"Times New Roman",serif;margin:0 0 7px;overflow-wrap:anywhere}
.grammar-detail .grammar-meta{margin-top:8px}
.grammar-function{display:flex;gap:7px 18px;flex-wrap:wrap;margin:0}
.grammar-function>div{display:flex;gap:7px;align-items:baseline}
.grammar-function dt{font-size:11px;color:#657e91}
.grammar-function dd{margin:0;font-size:12px;font-weight:750;color:#8c4b14}
.sentence-grammar .grammar-none{font-size:12px;color:#62788a;margin:0;line-height:1.8}
.sentence-grammar .grammar-tip{background:#fff3e7;border-radius:9px;padding:10px 12px;font-size:12px;color:#77502b;margin:14px 0 0;line-height:1.85}
.grammar-tip strong{display:block;font-size:11px;margin-bottom:3px}
@media(max-width:480px){.grammar-main,.grammar-detail{padding:10px}.grammar-meta{gap:5px 12px}.sentence-grammar{margin-top:16px}.grammar-part{padding:4px 4px}.grammar-part>span{font-size:15px}.grammar-core{font-size:15px;line-height:2.2}}
