.grammar-page{display:grid;gap:1.25rem}.grammar-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grammar-card{display:grid;gap:.65rem;min-height:180px;padding:1.2rem;text-align:left;border:1px solid #e7d7cd;border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}.grammar-card:hover{border-color:#a86b61;box-shadow:0 10px 26px #572b2912}.grammar-card>span:first-child,.grammar-card>small{font-size:.75rem;color:var(--muted)}.grammar-card>strong{font-size:1.08rem}.grammar-card-pattern{font:1.35rem/1.4 "Noto Serif SC","Microsoft YaHei",serif;color:#7e3037}.grammar-detail,.lesson-grammar{display:grid;gap:1.15rem;max-width:960px;margin:auto}.grammar-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.grammar-source{display:inline-flex;margin-top:.35rem;color:#786662;font-size:.78rem}.grammar-pattern{padding:1rem 1.2rem;border-left:4px solid #8b303b;border-radius:0 12px 12px 0;background:#fbf0ea;color:#642830;font-size:clamp(1.35rem,3vw,2rem);line-height:1.5}.grammar-explain-grid,.grammar-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grammar-explain-grid>*{padding:1rem;border:1px solid #ead8d0;border-radius:12px;background:#fffaf7}.grammar-example{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.9rem;border:1px solid #ead8d0;border-radius:11px;background:#fff}.grammar-example strong{display:block;font-size:1.2rem}.grammar-example span,.grammar-example p{display:block;margin:.15rem 0;color:var(--muted);font-size:.84rem}.grammar-source-practice{display:grid;gap:.85rem;padding:1rem;border:1px solid #ead8d0;border-radius:14px;background:#fffaf7}.grammar-source-page{margin:0;padding:.6rem;border:1px solid #ead8d0;border-radius:10px;background:#fff;text-align:center}.grammar-source-page img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;margin:auto}.grammar-source-page figcaption{margin-top:.4rem;color:var(--muted);font-size:.75rem}.grammar-source-practice textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;padding:.75rem;border:1px solid #d9bbb0;border-radius:8px;font:inherit;line-height:1.55;background:#fff}.grammar-check{padding:1.1rem;border-radius:14px;background:#faf2ed}.grammar-check h2{font-size:1rem;margin:.4rem 0}.grammar-choices{display:grid;gap:.6rem;margin:.8rem 0}.grammar-choices .answer{display:flex;align-items:center;gap:.7rem;min-height:50px;text-align:left}.grammar-choices .answer.correct{border-color:#4b8a68;background:#eff8f2}.grammar-choices .answer.wrong{border-color:#b34b4b;background:#fff0ef}.grammar-mistake{padding:1rem;border-left:4px solid #c47755;background:#fff8f2}.grammar-mistake p{margin:.35rem 0 0}@media(max-width:800px){.grammar-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grammar-list,.grammar-explain-grid,.grammar-examples{grid-template-columns:1fr}.grammar-detail-head{display:grid}.grammar-detail-head .button{width:100%}.grammar-source-page img{max-height:none}}