.grammar-page[data-v-f0817b60]{background:linear-gradient(180deg,#f2f8ff,#f6f9fc 42%,#fff);color:#203248;min-height:100vh}.grammar-hero[data-v-f0817b60]{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 430px;margin:0 auto;max-width:1220px;padding:42px 24px 22px}.hero-copy[data-v-f0817b60]{background:linear-gradient(135deg,#247ff0,#33bdc8);border-radius:30px;box-shadow:0 22px 48px rgba(37,126,232,.22);color:#fff;overflow:hidden;padding:34px;position:relative}.hero-copy[data-v-f0817b60]:after{background:hsla(0,0%,100%,.14);border-radius:50%;bottom:-80px;content:"";height:240px;position:absolute;right:-60px;width:240px}.eyebrow[data-v-f0817b60]{font-size:12px;font-weight:900;letter-spacing:1.5px;opacity:.78}.hero-copy h1[data-v-f0817b60]{font-size:38px;line-height:1.2;margin:10px 0}.hero-copy p[data-v-f0817b60]{color:hsla(0,0%,100%,.86);line-height:1.8;margin:0;max-width:620px}.hero-stats[data-v-f0817b60]{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-stats span[data-v-f0817b60]{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.16);border-radius:16px;min-width:110px;padding:12px 14px}.hero-stats b[data-v-f0817b60]{display:block;font-size:24px;margin-bottom:4px}.hero-card[data-v-f0817b60]{align-self:stretch;background:#fff;border-radius:28px;box-shadow:0 18px 42px rgba(31,75,116,.1);display:flex;flex-direction:column;gap:18px;justify-content:center;padding:28px}.search-box[data-v-f0817b60]{background:#f8fbff;border:1px solid #dce8f6;border-radius:18px;display:flex;overflow:hidden}.search-box input[data-v-f0817b60]{background:transparent;border:0;flex:1;min-width:0;outline:none;padding:15px 16px}.quick-actions button[data-v-f0817b60],.search-box button[data-v-f0817b60]{border:0;border-radius:16px;cursor:pointer;font-weight:900;padding:13px 18px}.search-box button[data-v-f0817b60]{background:#ffae34;color:#fff;margin:5px}.quick-actions[data-v-f0817b60]{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.quick-actions button[data-v-f0817b60]{background:#edf6ff;color:#237be2}.quick-actions button[data-v-f0817b60]:first-child{background:#237be2;color:#fff}.grammar-layout[data-v-f0817b60]{grid-gap:22px;display:grid;gap:22px;grid-template-columns:286px 1fr;margin:0 auto;max-width:1220px;padding:0 24px 44px}.category-panel[data-v-f0817b60],.content-panel[data-v-f0817b60]{background:hsla(0,0%,100%,.92);border:1px solid #edf2f8;border-radius:26px;box-shadow:0 16px 38px rgba(31,75,116,.08)}.category-panel[data-v-f0817b60]{align-self:start;padding:20px;position:sticky;top:18px}.panel-title[data-v-f0817b60],.section-head span[data-v-f0817b60]{color:#6f84a0;font-size:12px;font-weight:900;letter-spacing:1px}.category-all[data-v-f0817b60],.category-main[data-v-f0817b60],.sub-list button[data-v-f0817b60]{background:transparent;border:0;border-radius:14px;cursor:pointer;text-align:left;width:100%}.category-all[data-v-f0817b60],.category-main[data-v-f0817b60]{color:#2c415b;font-weight:900;padding:12px}.category-main span[data-v-f0817b60]{align-items:center;background:#e9f4ff;border-radius:7px;color:#237be2;display:inline-flex;height:20px;justify-content:center;margin-right:4px;width:20px}.category-all.active[data-v-f0817b60],.category-main[data-v-f0817b60]:hover,.sub-list button.active[data-v-f0817b60],.sub-list button[data-v-f0817b60]:hover{background:#eef6ff;color:#1676df}.sub-list[data-v-f0817b60]{padding:2px 0 8px 24px}.sub-list button[data-v-f0817b60]{color:#5f7085;margin-top:4px;padding:9px 12px}.progress-card[data-v-f0817b60]{background:linear-gradient(135deg,#f6fbff,#eef9f4);border-radius:18px;margin-top:20px;padding:16px}.progress-card span[data-v-f0817b60]{color:#73839a;font-size:12px}.progress-card strong[data-v-f0817b60]{color:#203248;display:block;font-size:28px;margin:8px 0}.progress-line[data-v-f0817b60]{background:#dce9f6;border-radius:999px;height:9px;overflow:hidden}.progress-line i[data-v-f0817b60]{background:linear-gradient(90deg,#237be2,#36c58b);display:block;height:100%}.content-panel[data-v-f0817b60]{padding:24px}.section-head[data-v-f0817b60]{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.section-head h2[data-v-f0817b60]{font-size:24px;margin:5px 0 0}.hot-grid[data-v-f0817b60]{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.grammar-item[data-v-f0817b60],.hot-card[data-v-f0817b60]{background:#fff;border:1px solid #edf2f7;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.hot-card[data-v-f0817b60]{border-radius:20px;min-height:158px;padding:18px;text-align:left}.grammar-item[data-v-f0817b60]:hover,.hot-card[data-v-f0817b60]:hover{border-color:#bcdcff;box-shadow:0 16px 34px rgba(40,126,232,.14);transform:translateY(-5px)}.hot-tag[data-v-f0817b60]{background:#fff1db;border-radius:999px;color:#de7b11;display:inline-block;font-size:11px;font-weight:900;margin-bottom:12px;padding:5px 10px}.hot-card em[data-v-f0817b60],.hot-card small[data-v-f0817b60],.hot-card strong[data-v-f0817b60]{display:block}.hot-card strong[data-v-f0817b60]{font-size:16px}.hot-card small[data-v-f0817b60]{color:#6f7e90;line-height:1.5;margin:9px 0;min-height:40px}.hot-card em[data-v-f0817b60]{color:#237be2;font-size:12px;font-style:normal}.filters[data-v-f0817b60]{display:flex;flex-wrap:wrap;gap:8px}.filters button[data-v-f0817b60]{background:#edf3f9;border:0;border-radius:999px;color:#5e7188;cursor:pointer;font-weight:800;padding:8px 14px}.filters button.active[data-v-f0817b60]{background:#237be2;color:#fff}.grammar-list[data-v-f0817b60]{grid-gap:12px;display:grid;gap:12px}.grammar-item[data-v-f0817b60]{align-items:center;border-radius:18px;display:flex;gap:14px;padding:17px;text-align:left;width:100%}.status-dot[data-v-f0817b60]{background:#cfd7e2;border-radius:50%;box-shadow:0 0 0 5px #f2f5f8;height:12px;width:12px}.status-dot.viewed[data-v-f0817b60]{background:#237be2;box-shadow:0 0 0 5px #e7f2ff}.status-dot.mastered[data-v-f0817b60]{background:#36c58b;box-shadow:0 0 0 5px #e7fbf2}.item-body[data-v-f0817b60]{flex:1;min-width:0}.item-body em[data-v-f0817b60],.item-body small[data-v-f0817b60],.item-body strong[data-v-f0817b60]{display:block}.item-body strong[data-v-f0817b60]{font-size:16px}.item-body small[data-v-f0817b60]{color:#6c7b90;line-height:1.5;margin:6px 0 8px}.item-body em[data-v-f0817b60]{color:#8a98aa;font-size:12px;font-style:normal}.item-body b[data-v-f0817b60]{color:#e67f14;margin-right:8px}.favorite[data-v-f0817b60]{align-items:center;background:#fff7e8;border-radius:14px;color:#ffad29;display:inline-flex;font-size:24px;height:42px;justify-content:center;width:42px}.empty[data-v-f0817b60]{background:#f7fbff;border-radius:20px;color:#8391a3;padding:44px;text-align:center}@media (max-width:1060px){.grammar-hero[data-v-f0817b60],.grammar-layout[data-v-f0817b60]{grid-template-columns:1fr}.category-panel[data-v-f0817b60]{position:static}.hot-grid[data-v-f0817b60]{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grammar-hero[data-v-f0817b60],.grammar-layout[data-v-f0817b60]{padding-left:14px;padding-right:14px}.hero-copy[data-v-f0817b60]{padding:26px 22px}.hero-copy h1[data-v-f0817b60]{font-size:30px}.hot-grid[data-v-f0817b60],.quick-actions[data-v-f0817b60]{grid-template-columns:1fr}.section-head[data-v-f0817b60]{align-items:stretch;flex-direction:column}}