/* 十三背单词 · 语法学习模块 grammar20261102a（全部规则限定 #grammar-root 作用域） */
#grammar-root{--gw-paper:#fffcf6;--gw-bg:#f7f3ea;--gw-ink:#26332f;--gw-teal:#306d72;--gw-teal2:#478789;--gw-line:#d4cabe;--gw-gold:#e6ab54;--gw-mist:#dce7db;--gw-bad:#b3563f;--gw-badbg:#f9e9e2;display:block}
#grammar-root *{box-sizing:border-box}
#grammar-root .gw-wrap{max-width:1060px;margin:0 auto}
#grammar-root .gw-head{display:flex;align-items:flex-start;gap:12px;margin:2px 0 16px}
#grammar-root .gw-back{flex:none;width:38px;height:38px;border-radius:11px;border:1px solid var(--gw-line);background:var(--gw-paper);color:var(--gw-teal);font-size:17px;cursor:pointer;line-height:1}
#grammar-root .gw-head h2{margin:0;font-family:var(--serif,serif);font-size:24px;letter-spacing:.14em;color:var(--gw-ink)}
#grammar-root .gw-head .gw-ar{font-family:var(--arabic,serif);color:var(--gw-teal2);font-size:14px}
#grammar-root .gw-sub{margin:4px 0 0;color:#71816f;font-size:12.5px}
#grammar-root .gw-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#grammar-root .gw-unit{display:flex;flex-direction:column;gap:5px;text-align:left;padding:17px 18px 15px;border:1px solid var(--gw-line);border-radius:15px;background:var(--gw-paper);cursor:pointer;transition:transform .18s,box-shadow .18s}
#grammar-root .gw-unit:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(38,51,47,.10)}
#grammar-root .gw-unit .gw-u-no{font-family:var(--num,Georgia,serif);font-size:12px;color:#a08c5a;letter-spacing:.12em}
#grammar-root .gw-unit b{font-family:var(--serif,serif);font-size:18.5px;color:var(--gw-ink);letter-spacing:.06em}
#grammar-root .gw-unit .gw-u-ar{font-family:var(--arabic,serif);font-size:15.5px;color:var(--gw-teal2);text-align:right;line-height:1.7}
#grammar-root .gw-unit .gw-u-meta{margin-top:3px;font-size:12px;color:#7d8a7c;display:flex;justify-content:space-between;gap:8px}
#grammar-root .gw-bar{height:6px;border-radius:6px;background:#e7e2d2;overflow:hidden}
#grammar-root .gw-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gw-teal2),var(--gw-teal))}
#grammar-root .gw-points{display:grid;gap:9px}
#grammar-root .gw-point{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;border:1px solid var(--gw-line);border-radius:13px;background:var(--gw-paper);cursor:pointer}
#grammar-root .gw-point:hover{border-color:#9db8ab}
#grammar-root .gw-point .gw-p-no{font-family:var(--num,Georgia,serif);font-size:12px;color:#a08c5a;flex:none}
#grammar-root .gw-point .gw-p-main{flex:1;min-width:0}
#grammar-root .gw-point .gw-p-main b{display:block;font-size:15.5px;color:var(--gw-ink);font-weight:700}
#grammar-root .gw-point .gw-p-main span{display:block;font-family:var(--arabic,serif);font-size:14.5px;color:#5f7a72;text-align:right;direction:rtl;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#grammar-root .gw-chip{flex:none;font-size:11px;padding:3px 9px;border-radius:999px;background:var(--gw-mist);color:var(--gw-teal);border:1px solid #c3d4c1}
#grammar-root .gw-done-mark{flex:none;color:var(--gw-teal);font-size:13px;font-weight:700}
#grammar-root .gw-lock{flex:none;color:#a2916d;font-size:13px}
#grammar-root .gw-card{border:1px solid var(--gw-line);border-radius:16px;background:var(--gw-paper);padding:22px 24px;margin-bottom:14px}
#grammar-root .gw-rule{display:flex;gap:10px;align-items:flex-start;background:#eef4ec;border:1px solid #cfe0cc;border-radius:12px;padding:13px 16px;font-size:15.5px;line-height:1.8;color:#2c4a41;margin:12px 0 4px}
#grammar-root .gw-rule b{flex:none;color:var(--gw-teal);font-family:var(--serif,serif);letter-spacing:.1em}
#grammar-root .gw-explain{font-size:15.5px;line-height:2.05;color:#33463f;text-indent:2em;margin:12px 0 2px}
#grammar-root .gw-sec-t{font-family:var(--serif,serif);font-size:16.5px;letter-spacing:.12em;color:var(--gw-ink);margin:0 0 10px;display:flex;align-items:center;gap:9px}
#grammar-root .gw-sec-t:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gw-gold);flex:none}
#grammar-root table.gw-table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 2px}
#grammar-root table.gw-table th,#grammar-root table.gw-table td{border:1px solid #e0d7c4;padding:8px 11px;text-align:left;line-height:1.7}
#grammar-root table.gw-table th{background:#f3efe2;font-family:var(--serif,serif);color:var(--gw-ink)}
#grammar-root table.gw-table td[dir="rtl"]{font-family:var(--arabic,serif);font-size:16.5px}
#grammar-root .gw-ex{padding:11px 0;border-bottom:1px dashed #e4dccb}
#grammar-root .gw-ex:last-child{border-bottom:0}
#grammar-root .gw-ex .gw-ex-ar{font-family:var(--arabic,serif);font-size:21px;line-height:1.95;direction:rtl;text-align:right;color:var(--gw-ink)}
#grammar-root .gw-ex .gw-ex-ar .gw-mark{color:#a86f14;background:#f7e8c8;border-radius:5px;padding:0 3px}
#grammar-root .gw-ex .gw-ex-zh{font-size:13.5px;color:#66766a;margin-top:3px}
#grammar-root .gw-pit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
#grammar-root .gw-pit .gw-wrong,#grammar-root .gw-pit .gw-right{border-radius:11px;padding:10px 13px}
#grammar-root .gw-pit .gw-wrong{background:var(--gw-badbg);border:1px solid #e3c3b4}
#grammar-root .gw-pit .gw-right{background:#edf4ea;border:1px solid #c9dcc4}
#grammar-root .gw-pit .gw-tag{font-size:11px;font-weight:700;letter-spacing:.08em;display:block;margin-bottom:3px}
#grammar-root .gw-pit .gw-wrong .gw-tag{color:var(--gw-bad)}
#grammar-root .gw-pit .gw-right .gw-tag{color:var(--gw-teal)}
#grammar-root .gw-pit .gw-sentence{font-family:var(--arabic,serif);font-size:18.5px;direction:rtl;text-align:right;line-height:1.8;display:block}
#grammar-root .gw-pit-why{grid-column:1/-1;font-size:13px;color:#66766a;line-height:1.8}
#grammar-root .gw-drill{border:1px solid #e3dac6;border-radius:13px;padding:15px 17px;margin-bottom:11px;background:#fffdf8}
#grammar-root .gw-drill .gw-q{font-size:15px;line-height:1.85;color:var(--gw-ink);margin-bottom:10px}
#grammar-root .gw-drill .gw-q .gw-qtype{font-size:11px;color:#a08c5a;border:1px solid #e3d3a8;border-radius:999px;padding:2px 8px;margin-right:8px;white-space:nowrap}
#grammar-root .gw-opts{display:grid;gap:8px}
#grammar-root .gw-opt{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border:1px solid var(--gw-line);background:var(--gw-paper);border-radius:11px;padding:10px 13px;font-size:15.5px;line-height:1.8;cursor:pointer;color:#33463f}
#grammar-root .gw-opt:hover{border-color:#9db8ab}
#grammar-root .gw-opt .gw-opt-ar{font-family:var(--arabic,serif);font-size:18px;direction:rtl}
#grammar-root .gw-opt.is-right{border-color:var(--gw-teal);background:#e9f3e7;color:var(--gw-teal)}
#grammar-root .gw-opt.is-wrong{border-color:var(--gw-bad);background:var(--gw-badbg);color:var(--gw-bad)}
#grammar-root .gw-opt:disabled{cursor:default;opacity:.92}
#grammar-root .gw-exp{display:none;margin-top:10px;font-size:13.5px;line-height:1.85;color:#5d6f60;background:#f4f1e6;border-radius:9px;padding:9px 12px}
#grammar-root .gw-exp.show{display:block}
#grammar-root .gw-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
#grammar-root .gw-btn{border:1px solid transparent;border-radius:12px;background:#cfe6d8;color:#2f5d49;border-color:#bcd8c6;padding:10px 18px;min-height:42px;font-weight:700;font-size:14px;cursor:pointer}
#grammar-root .gw-btn.outline{background:transparent;color:var(--gw-teal);border-color:#b7c8bc}
#grammar-root .gw-btn.is-on{background:#e9f3e7;color:var(--gw-teal);border-color:#b7c8bc}
#grammar-root .gw-nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}
#grammar-root .gw-related{display:flex;gap:8px;flex-wrap:wrap}
#grammar-root .gw-rel{border:1px solid var(--gw-line);background:#f6f1e4;color:#54665a;border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer}
#grammar-root .gw-rel:hover{border-color:var(--gw-teal2);color:var(--gw-teal)}
#grammar-root .gw-locked{border:1px dashed #cbbd9d;border-radius:14px;background:#fbf7ec;padding:26px 20px;text-align:center;color:#7a6c4d}
#grammar-root .gw-locked p{margin:0 0 14px;line-height:1.9}
#grammar-root .gw-loading,#grammar-root .gw-fail{text-align:center;color:#7d8a7c;padding:44px 16px}
#grammar-root .gw-score{font-size:13px;color:#71816f}
@media(max-width:1100px){#grammar-root .gw-units{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
 #grammar-root .gw-units{grid-template-columns:1fr}
 #grammar-root .gw-card{padding:17px 15px}
 #grammar-root .gw-head h2{font-size:20px}
 #grammar-root .gw-ex .gw-ex-ar{font-size:19px}
 #grammar-root .gw-pit{grid-template-columns:1fr}
 #grammar-root .gw-explain{font-size:14.5px}
 #grammar-root .gw-rule{font-size:14.5px}
}
#grammar-root .gw-answer{display:flex;gap:10px;align-items:center;background:#eef4ec;border:1px solid #cfe0cc;border-radius:10px;padding:10px 13px;margin-bottom:4px}
#grammar-root .gw-answer-tag{flex:none;font-size:11px;font-weight:700;color:var(--gw-teal);letter-spacing:.06em}
#grammar-root .gw-answer-ar{font-family:var(--arabic,serif);font-size:19px;direction:rtl;line-height:1.8}
#grammar-root .gw-answer-txt{font-size:15.5px;font-weight:700;color:var(--gw-ink)}
#grammar-root .gw-grade{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:13.5px;color:#66766a}
#grammar-root .gw-btn.sm{min-height:34px;padding:6px 13px;font-size:13px;border-radius:10px}
#grammar-root .gw-q .gw-mark{color:#a86f14;background:#f7e8c8;border-radius:5px;padding:0 3px}