.hsk30-grammar-page[data-v-afc41bcb]{background:#f0f4f8;min-height:100vh}.container[data-v-afc41bcb]{margin:0 auto;max-width:1200px;padding:0}.page-main[data-v-afc41bcb]{padding:2rem 0 3rem}.content-layout[data-v-afc41bcb]{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 320px}.content-layout--no-sidebar[data-v-afc41bcb]{grid-template-columns:minmax(0,1fr)}.content-column[data-v-afc41bcb]{display:grid;gap:1rem}.sidebar-column[data-v-afc41bcb]{position:sticky;top:72px}.empty-card[data-v-afc41bcb],.state-card[data-v-afc41bcb]{align-items:center;background:#fff;border-radius:20px;box-shadow:0 18px 45px #0f172a14;display:flex;gap:1rem;padding:1.4rem}.state-card[data-v-afc41bcb]{flex-direction:column;justify-content:center;text-align:center}.state-error[data-v-afc41bcb]{color:#b91c1c}.state-btn[data-v-afc41bcb]{align-items:center;background:color-mix(in srgb,var(--accent) 90%,#fff 10%);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.45rem;padding:.75rem 1rem}.hero-card[data-v-afc41bcb]{background:linear-gradient(135deg,#0f172a 0,color-mix(in srgb,var(--accent) 45%,#0f172a) 55%,var(--accent) 100%);border-radius:24px;box-shadow:0 20px 46px #0f172a24;color:#fff;display:flex;gap:1.5rem;justify-content:space-between;padding:1.65rem}.hero-copy[data-v-afc41bcb]{max-width:760px}.hero-chip[data-v-afc41bcb]{align-items:center;background:#ffffff24;border-radius:999px;display:inline-flex;font-size:.8rem;gap:.5rem;letter-spacing:.08em;margin-bottom:1rem;padding:.45rem .85rem;text-transform:uppercase}.hero-copy h1[data-v-afc41bcb]{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;margin:0}.hero-copy p[data-v-afc41bcb]{color:#ffffffd9;font-size:1.02rem;line-height:1.7;margin:1rem 0 0}.hero-stats[data-v-afc41bcb]{display:grid;gap:.8rem;min-width:170px}.hero-stat[data-v-afc41bcb]{background:#ffffff1f;border-radius:18px;display:grid;gap:.25rem;padding:.9rem 1rem}.hero-stat strong[data-v-afc41bcb]{font-size:1.45rem}.hero-stat span[data-v-afc41bcb]{color:#ffffffc7}.grammar-card[data-v-afc41bcb],.grammar-nav-card[data-v-afc41bcb],.info-card[data-v-afc41bcb]{background:#fff;border-radius:24px;box-shadow:0 18px 45px #0f172a14}.grammar-nav-card[data-v-afc41bcb]{padding:1.2rem}.grammar-nav-head[data-v-afc41bcb]{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.grammar-nav-head strong[data-v-afc41bcb]{color:#0f172a;font-size:1.05rem}.grammar-nav-head span[data-v-afc41bcb]{color:color-mix(in srgb,var(--accent) 70%,#0f172a 30%);font-weight:700}.grammar-nav-list[data-v-afc41bcb]{display:flex;flex-wrap:wrap;gap:.65rem}.grammar-nav-item[data-v-afc41bcb]{align-items:center;background:#f8fafc;border:1px solid rgba(148,163,184,.24);border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;gap:.6rem;padding:.7rem .95rem}.grammar-nav-item.active[data-v-afc41bcb]{background:color-mix(in srgb,var(--accent) 10%,#fff 90%);border-color:color-mix(in srgb,var(--accent) 45%,#fff 55%)}.grammar-nav-number[data-v-afc41bcb]{align-items:center;background:color-mix(in srgb,var(--accent) 18%,#fff 82%);border-radius:999px;color:color-mix(in srgb,var(--accent) 78%,#0f172a 22%);display:inline-flex;font-size:.82rem;height:28px;justify-content:center;width:28px}.grammar-card[data-v-afc41bcb]{padding:1.35rem}.grammar-card.active[data-v-afc41bcb]{outline:2px solid color-mix(in srgb,var(--accent) 40%,#fff 60%)}.grammar-header[data-v-afc41bcb]{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.15rem}.grammar-number[data-v-afc41bcb]{align-items:center;background:color-mix(in srgb,var(--accent) 12%,#fff 88%);border-radius:16px;color:color-mix(in srgb,var(--accent) 82%,#0f172a 18%);display:inline-flex;flex-shrink:0;font-weight:800;height:44px;justify-content:center;width:44px}.grammar-title h2[data-v-afc41bcb]{color:#0f172a;font-size:1.35rem;margin:0}.grammar-title p[data-v-afc41bcb]{color:#64748b;line-height:1.7;margin:.4rem 0 0}.usage-block+.usage-block[data-v-afc41bcb]{border-top:1px solid rgba(226,232,240,.9);margin-top:1rem;padding-top:1rem}.usage-label[data-v-afc41bcb]{align-items:center;color:#0f172a;display:inline-flex;gap:.5rem;margin-bottom:.9rem}.structure-box[data-v-afc41bcb]{background:color-mix(in srgb,var(--accent) 6%,#f8fafc 94%);border-radius:18px;display:flex;gap:.85rem;margin-bottom:1rem;padding:1rem 1.1rem}.structure-box>.iconify[data-v-afc41bcb]{color:color-mix(in srgb,var(--accent) 88%,#0f172a 12%);flex-shrink:0;font-size:1.35rem}.structure-box span[data-v-afc41bcb]{color:#64748b;display:block;font-size:.85rem;margin-bottom:.22rem}.structure-box strong[data-v-afc41bcb]{color:#0f172a;font-size:1rem}.example-head[data-v-afc41bcb]{align-items:center;color:#0f172a;display:inline-flex;gap:.5rem;margin-bottom:.8rem}.example-list[data-v-afc41bcb]{display:grid;gap:.9rem}.example-card[data-v-afc41bcb]{background:#f8fafc;border:1px solid rgba(226,232,240,.95);border-radius:20px;padding:1rem}.example-top[data-v-afc41bcb]{align-items:center;display:flex;gap:.85rem;justify-content:space-between;margin-bottom:.75rem}.example-badge[data-v-afc41bcb]{background:#fff;border:1px solid rgba(203,213,225,.85);border-radius:999px;color:#334155;font-size:.78rem;font-weight:700;gap:.35rem;padding:.4rem .65rem}.audio-btn[data-v-afc41bcb],.example-badge[data-v-afc41bcb]{align-items:center;display:inline-flex}.audio-btn[data-v-afc41bcb]{background:color-mix(in srgb,var(--accent) 90%,#0f172a 10%);border:none;border-radius:12px;color:#fff;cursor:pointer;height:36px;justify-content:center;width:36px}.info-card[data-v-afc41bcb]{overflow:hidden}.info-card-head[data-v-afc41bcb]{border-bottom:1px solid rgba(226,232,240,.95);color:#0f172a;padding:1rem 1.2rem}.info-card-body[data-v-afc41bcb]{padding:.55rem 1.2rem}.info-row[data-v-afc41bcb]{align-items:flex-start;border-bottom:1px solid rgba(226,232,240,.75);display:flex;gap:.9rem;justify-content:space-between;padding:.85rem 0}.info-row[data-v-afc41bcb]:last-child{border-bottom:none}.info-row span[data-v-afc41bcb]{color:#64748b}.info-row strong[data-v-afc41bcb]{color:#0f172a;text-align:right}.spin[data-v-afc41bcb]{animation:spin-afc41bcb 1s linear infinite}@keyframes spin-afc41bcb{to{transform:rotate(1turn)}}@media(max-width:980px){.content-layout[data-v-afc41bcb]{grid-template-columns:1fr}.sidebar-column[data-v-afc41bcb]{position:static}.hero-card[data-v-afc41bcb]{flex-direction:column}}@media(max-width:720px){.page-main[data-v-afc41bcb]{padding:1.25rem 0 2rem}.grammar-card[data-v-afc41bcb],.grammar-nav-card[data-v-afc41bcb],.hero-card[data-v-afc41bcb]{border-radius:22px}.grammar-nav-list[data-v-afc41bcb]{flex-direction:column}.grammar-nav-item[data-v-afc41bcb]{justify-content:flex-start;width:100%}.grammar-header[data-v-afc41bcb]{flex-direction:column}}