.cx-page{--cx-brand: #0ea5e9;--cx-brand-d: #0284c7;background:linear-gradient(180deg,#f0f9ff,#fff 220px);min-height:100%}.cx-hero{padding:28px 0 8px}.cx-crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-ink-500);margin-bottom:18px}.cx-crumb a{color:var(--color-ink-500);transition:color .2s}.cx-crumb a:hover{color:var(--color-brand-600)}.cx-hero-inner{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}.cx-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--cx-brand-d);background:#e0f2fe;padding:6px 12px;border-radius:999px}.cx-title{margin:14px 0 10px;font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:-.02em;color:var(--color-ink-900)}.text-gradient{background:linear-gradient(120deg,#0ea5e9,#6366f1 60%,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}.cx-sub{max-width:640px;color:var(--color-ink-500);line-height:1.8;font-size:15px}.cx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.cx-btn{display:inline-flex;align-items:center;gap:8px}.cx-stats{display:flex;gap:28px;margin-top:28px}.cx-stats div{display:flex;flex-direction:column}.cx-stats b{font-size:26px;font-weight:800;color:var(--color-ink-900)}.cx-stats span{font-size:12px;color:var(--color-ink-400);margin-top:2px}.cx-body{padding-bottom:40px}.cx-section{margin-top:44px}.cx-section-sub{color:var(--color-ink-500);font-size:14px;margin:-6px 0 18px}.section-title{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;color:var(--color-ink-900);margin-bottom:8px}.section-title svg{color:var(--cx-brand)}.cx-grades{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:760px){.cx-grades{grid-template-columns:repeat(3,1fr)}}.cx-grade{background:#fff;border:1px solid var(--color-ink-200);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .25s,box-shadow .25s}.cx-grade:hover{transform:translateY(-3px);box-shadow:0 14px 32px -14px #0ea5e966}.cx-grade-head{display:flex;align-items:center;gap:12px;padding:16px;color:#fff}.cx-grade-head h3{font-size:16px;font-weight:700;margin:0}.cx-grade-head span{font-size:12px;opacity:.9}.cx-grade-ks{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.cx-ks-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-ink-700);background:#f1f5f9;border:1px solid transparent;padding:7px 11px;border-radius:10px;cursor:pointer;transition:all .18s}.cx-ks-chip:hover{background:#e0f2fe;color:var(--cx-brand-d);border-color:#bae6fd}.cx-ks-all{background:#eef2ff;color:#4f46e5}.cx-ks-all:hover{background:#e0e7ff;color:#4338ca}.cx-practice-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.cx-practice-tools{display:flex;flex-wrap:wrap;gap:8px}.cx-tool{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-ink-700);background:#fff;border:1px solid var(--color-ink-200);padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .18s}.cx-tool:hover{border-color:var(--cx-brand);color:var(--cx-brand-d)}.cx-tool-warn:hover{border-color:#ef4444;color:#ef4444}.cx-practice-meta{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:13px}.cx-mode-label{font-weight:600;color:var(--cx-brand-d);background:#e0f2fe;padding:4px 10px;border-radius:999px}.cx-progress{color:var(--color-ink-500)}.cx-score{color:#059669;font-weight:600;margin-left:auto}.cx-questions{display:grid;gap:14px}.cx-q{background:#fff;border:1px solid var(--color-ink-200);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-soft);transition:border-color .2s}.cx-q-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cx-q-no{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--cx-brand),var(--cx-brand-d));color:#fff;font-size:13px;font-weight:700}.cx-q-tag{font-size:12px;color:var(--color-ink-600);background:#f1f5f9;padding:3px 9px;border-radius:999px}.cx-q-prompt{font-size:16px;color:var(--color-ink-900);line-height:1.7}.cx-q-input{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.cx-input{flex:1;min-width:200px;height:42px;padding:0 14px;font-size:15px;border:1.5px solid var(--color-ink-200);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fcfdfe}.cx-input:focus{border-color:var(--cx-brand);box-shadow:0 0 0 3px #0ea5e926}.cx-submit{height:42px;padding:0 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--cx-brand),var(--cx-brand-d));border:none;border-radius:10px;cursor:pointer;transition:filter .18s,transform .1s}.cx-submit:hover{filter:brightness(1.06)}.cx-submit:active{transform:scale(.97)}.cx-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}@media(min-width:560px){.cx-options{grid-template-columns:repeat(4,1fr)}}.cx-opt{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--color-ink-200);border-radius:10px;cursor:pointer;font-size:14px;transition:all .18s}.cx-opt:hover{border-color:var(--cx-brand);background:#f0f9ff}.cx-opt:has(input:checked){border-color:var(--cx-brand);background:#e0f2fe}.cx-q-feedback{margin-top:12px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.cx-q-feedback.ok{background:#ecfdf5;color:#047857}.cx-q-feedback.bad{background:#fef2f2;color:#dc2626}.cx-q-feedback.warn{background:#fffbeb;color:#b45309}.cx-fb-ic{font-weight:800}.cx-q-solution{margin-top:12px;padding:14px;background:#f8fafc;border:1px dashed var(--color-ink-200);border-radius:10px;font-size:14px;line-height:1.8;color:var(--color-ink-700)}.cx-sol-title{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--color-ink-800);margin-bottom:6px}.cx-sol-ans{margin-top:8px;color:var(--color-ink-900)}.cx-add-wrong{margin-top:10px;font-size:13px;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fde68a;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .18s}.cx-add-wrong:hover{background:#fde68a}.cx-add-wrong:disabled{opacity:.6;cursor:default}.cx-practice-foot{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.cx-hint{font-size:13px;color:var(--color-ink-400)}.cx-wrong-list{display:grid;gap:12px}.cx-empty{color:var(--color-ink-400);font-size:14px;padding:18px;background:#f8fafc;border-radius:12px;text-align:center}.cx-wrong{background:#fff;border:1px solid var(--color-ink-200);border-left:4px solid #f59e0b;border-radius:12px;padding:14px 16px}.cx-wrong-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cx-wrong-del{font-size:12px;color:#ef4444;background:none;border:1px solid #fecaca;padding:4px 10px;border-radius:8px;cursor:pointer;transition:all .18s}.cx-wrong-del:hover{background:#fef2f2}.cx-wrong-prompt{font-size:15px;color:var(--color-ink-900);margin-bottom:6px}.cx-wrong-ans{font-size:14px;color:#047857;margin:4px 0}.cx-wrong-sol{font-size:13px;color:var(--color-ink-500);line-height:1.7}.cx-formulas{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:600px){.cx-formulas{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.cx-formulas{grid-template-columns:repeat(3,1fr)}}.cx-formula{background:#fff;border:1px solid var(--color-ink-200);border-radius:12px;padding:16px;box-shadow:var(--shadow-soft)}.cx-formula-name{font-weight:700;color:var(--color-ink-900);display:flex;align-items:center;gap:8px}.cx-formula-grade{font-size:11px;color:#fff;background:var(--cx-brand);padding:1px 7px;border-radius:999px;font-weight:600}.cx-formula-tex{margin:12px 0;overflow-x:auto}.cx-formula-note{font-size:12.5px;color:var(--color-ink-500);line-height:1.6;margin:0}.cx-faqs{display:grid;gap:10px}.cx-faq{background:#fff;border:1px solid var(--color-ink-200);border-radius:12px;padding:4px 16px}.cx-faq summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:var(--color-ink-900);padding:12px 0;list-style:none}.cx-faq summary::-webkit-details-marker{display:none}.cx-faq summary svg{color:var(--cx-brand);flex-shrink:0}.cx-faq[open] summary{color:var(--cx-brand-d)}.cx-faq p{color:var(--color-ink-500);font-size:14px;line-height:1.8;padding:0 0 14px;margin:0}@media print{.glass-header,.cx-hero,.cx-grades,#formulas,#faq,.cx-practice-tools,.cx-practice-foot,footer{display:none!important}.cx-page{background:#fff}}