.coding-practice-page[data-v-7b0d3e6f]{padding:32px 24px 48px;background:transparent;min-height:100vh;position:relative;-webkit-perspective:1500px;perspective:1500px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}.coding-practice-page.is-narrow[data-v-7b0d3e6f]{padding:12px 12px 88px;-webkit-perspective:none;perspective:none}.coding-practice-page.is-narrow[data-v-7b0d3e6f]:before{-webkit-animation:none;animation:none;opacity:.55}.mobile-tabs[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:12px;position:sticky;top:0;z-index:20;padding:6px;border-radius:14px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-box-shadow:0 6px 18px rgba(30,60,114,.18);box-shadow:0 6px 18px rgba(30,60,114,.18)}.m-tab[data-v-7b0d3e6f]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;border:none;border-radius:10px;background:transparent;color:#2a5298;font-size:.95rem;font-weight:700;cursor:pointer}.m-tab.active[data-v-7b0d3e6f]{background:var(--zcb-accent-gradient,linear-gradient(90deg,#2563eb,#14b8a6));color:#fff;-webkit-box-shadow:0 4px 12px rgba(37,99,235,.25);box-shadow:0 4px 12px rgba(37,99,235,.25)}.m-count[data-v-7b0d3e6f]{margin-left:4px;font-size:.75rem;opacity:.85}.ai-toggle[data-v-7b0d3e6f]{margin-left:6px;border:none;background:rgba(66,153,225,.12);color:#2a5298;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:700;cursor:pointer}.model-selector[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@-webkit-keyframes pageGradientFlow-data-v-7b0d3e6f{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pageGradientFlow-data-v-7b0d3e6f{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.coding-practice-page[data-v-7b0d3e6f]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:none;pointer-events:none;z-index:0}@-webkit-keyframes rotateLights-data-v-7b0d3e6f{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateLights-data-v-7b0d3e6f{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-header[data-v-7b0d3e6f]{text-align:center;margin-bottom:28px;position:relative;z-index:1}.page-title[data-v-7b0d3e6f]{color:var(--zcb-deep-blue,#1e3a8a);font-size:2rem;margin-bottom:8px;font-weight:800}.title-icon[data-v-7b0d3e6f]{font-size:2.2rem}.page-subtitle[data-v-7b0d3e6f]{color:var(--zcb-text-secondary,#64748b);font-size:1rem}.practice-layout[data-v-7b0d3e6f]{display:grid;grid-template-columns:260px 340px 1fr;gap:18px;max-width:1800px;margin:0 auto;position:relative;z-index:1}.bank-panel[data-v-7b0d3e6f],.editor-panel[data-v-7b0d3e6f],.problem-panel[data-v-7b0d3e6f]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(15px);border-radius:18px;border:1px solid var(--zcb-border,#e2e8f0);-webkit-box-shadow:0 2px 12px rgba(15,23,42,.06);box-shadow:0 2px 12px rgba(15,23,42,.06);overflow:hidden;border:2px solid rgba(66,153,225,.2)}.bank-panel[data-v-7b0d3e6f],.problem-panel[data-v-7b0d3e6f]{max-height:calc(100vh - 140px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.panel-header[data-v-7b0d3e6f]{padding:16px 18px;border-bottom:1px solid #e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,rgba(66,153,225,.08),rgba(79,209,197,.05));-ms-flex-negative:0;flex-shrink:0}.panel-header h3[data-v-7b0d3e6f]{font-size:1.1rem;color:#1e3c72;font-weight:700;margin:0}.bank-filters[data-v-7b0d3e6f]{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;border-bottom:1px solid #eef2f7;-ms-flex-negative:0;flex-shrink:0}.filter-row[data-v-7b0d3e6f]{width:100%}.problem-list[data-v-7b0d3e6f]{overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px}.problem-item[data-v-7b0d3e6f]{padding:10px 12px;border-radius:10px;cursor:pointer;margin-bottom:6px;border:1px solid transparent;-webkit-transition:all .2s;transition:all .2s}.problem-item[data-v-7b0d3e6f]:hover{background:rgba(66,153,225,.08)}.problem-item.active[data-v-7b0d3e6f]{background:linear-gradient(135deg,rgba(66,153,225,.18),rgba(79,209,197,.12));border-color:rgba(66,153,225,.45)}.item-title[data-v-7b0d3e6f]{font-size:.92rem;color:#1e3c72;font-weight:600;margin-bottom:6px;line-height:1.35}.item-meta[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.item-lang[data-v-7b0d3e6f]{font-size:.75rem;color:#718096}.problem-content[data-v-7b0d3e6f]{padding:20px;overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.problem-content h4[data-v-7b0d3e6f]{font-size:1.25rem;color:#1e3c72;margin:0 0 14px;font-weight:600}.problem-description[data-v-7b0d3e6f]{color:#555;line-height:1.75;margin-bottom:20px;white-space:pre-wrap}.problem-section[data-v-7b0d3e6f]{margin-bottom:18px}.problem-section h5[data-v-7b0d3e6f]{font-size:1rem;color:#1e3c72;margin:0 0 10px;font-weight:600}.inline-pre[data-v-7b0d3e6f],.problem-section pre[data-v-7b0d3e6f]{background:#f8f9fa;padding:12px;border-radius:8px;color:#495057;font-size:.9rem;overflow-x:auto;border-left:3px solid #4299e1;margin:4px 0 0;white-space:pre-wrap}.example-case[data-v-7b0d3e6f]{background:#f8f9fa;padding:12px;border-radius:8px}.hint-list[data-v-7b0d3e6f]{margin:0;padding-left:18px;color:#555;line-height:1.6}.stdin-panel[data-v-7b0d3e6f]{margin:0 16px 8px;padding:10px 12px;background:hsla(0,0%,100%,.96);border-radius:12px;border:1px solid rgba(66,153,225,.2)}.stdin-header[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:6px;font-size:.85rem;font-weight:600;color:#1e3c72}.stdin-actions[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.ai-apply-bar[data-v-7b0d3e6f]{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(66,153,225,.3)}.run-status-text[data-v-7b0d3e6f]{margin-left:4px;font-size:.8rem;color:#2a5298;-ms-flex-item-align:center;align-self:center}.practice-controls[data-v-7b0d3e6f]{margin:12px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.ai-assist-panel[data-v-7b0d3e6f]{padding:14px 16px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,rgba(66,153,225,.06),rgba(79,209,197,.04))}.assist-header[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.assist-header h4[data-v-7b0d3e6f]{margin:0;color:#1e3c72;font-size:1rem}.assist-actions[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.ai-result[data-v-7b0d3e6f]{margin-top:12px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;max-height:180px;overflow-y:auto}.result-header[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.result-header h5[data-v-7b0d3e6f]{margin:0;color:#1e3c72}.result-content[data-v-7b0d3e6f]{font-size:.9rem;color:#444;line-height:1.6}.result-panel[data-v-7b0d3e6f]{padding:12px 16px 18px}.output-header[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.output-status.success[data-v-7b0d3e6f]{color:#2f855a;font-weight:700}.output-status.error[data-v-7b0d3e6f]{color:#c53030;font-weight:700}.run-time[data-v-7b0d3e6f]{color:#888;font-size:.85rem}.output-text[data-v-7b0d3e6f]{background:#f8f9fa;padding:12px;border-radius:8px;white-space:pre-wrap;margin:0}.error-message[data-v-7b0d3e6f]{margin-top:12px}.error-message h5[data-v-7b0d3e6f]{margin:0 0 6px;color:#c53030}.error-message pre[data-v-7b0d3e6f]{background:#fff5f5;padding:10px;border-radius:8px;color:#c53030;white-space:pre-wrap;margin:0}.submit-summary[data-v-7b0d3e6f]{margin-bottom:12px;font-weight:700;color:#1e3c72}.testcase-item[data-v-7b0d3e6f]{background:#f8f9fa;border-radius:10px;padding:12px;margin-bottom:10px}.testcase-header[data-v-7b0d3e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;font-weight:600;color:#1e3c72}.testcase-details[data-v-7b0d3e6f]{font-size:.88rem;color:#555;line-height:1.6}.ai-feedback-content[data-v-7b0d3e6f]{font-size:.92rem;line-height:1.65;color:#444}@media (max-width:1200px){.practice-layout[data-v-7b0d3e6f]{grid-template-columns:1fr}.bank-panel[data-v-7b0d3e6f],.problem-panel[data-v-7b0d3e6f]{max-height:420px}}@media (max-width:900px){.practice-layout[data-v-7b0d3e6f]{display:block;gap:0;max-width:100%}.bank-panel[data-v-7b0d3e6f],.editor-panel[data-v-7b0d3e6f],.problem-panel[data-v-7b0d3e6f]{max-height:none;min-height:0;width:100%;border-radius:14px;border-width:1px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.12);box-shadow:0 8px 24px rgba(0,0,0,.12)}.bank-panel[data-v-7b0d3e6f],.problem-panel[data-v-7b0d3e6f]{height:calc(100vh - 120px);max-height:calc(100vh - 120px)}.editor-panel[data-v-7b0d3e6f]{min-height:calc(100vh - 120px)}.bank-filters[data-v-7b0d3e6f] .el-radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.bank-filters[data-v-7b0d3e6f] .el-radio-button{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%}.bank-filters[data-v-7b0d3e6f] .el-radio-button__inner{width:100%;padding:8px 4px}.panel-header[data-v-7b0d3e6f]{padding:12px 14px}.problem-content[data-v-7b0d3e6f]{padding:14px}.problem-content h4[data-v-7b0d3e6f]{font-size:1.1rem}.practice-controls[data-v-7b0d3e6f]{margin:10px 12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-assist-panel[data-v-7b0d3e6f]{padding:10px 12px}.result-panel[data-v-7b0d3e6f]{padding:8px 12px 16px}}