.problems-home[data-v-a34261f6]{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px}.problem-types-fullwidth[data-v-a34261f6]{box-sizing:border-box;display:flex;gap:20px;margin:0 0 30px;width:100%}.problem-types-fullwidth .type-block[data-v-a34261f6]{border:1px solid;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1;padding:25px 20px;transition:all .3s ease}.problem-types-fullwidth .type-block[data-v-a34261f6]:first-child{background:#1e3765}.problem-types-fullwidth .type-block[data-v-a34261f6]:nth-child(2){background:#8dbf2e}.problem-types-fullwidth .type-block:nth-child(2) .type-icon[data-v-a34261f6]{top:10px!important}.problem-types-fullwidth .type-block[data-v-a34261f6]:nth-child(3){background:#006afc}.problem-types-fullwidth .type-block:nth-child(3) .type-icon[data-v-a34261f6]{top:6px!important}.problem-types-fullwidth .type-block .type-content[data-v-a34261f6]{position:relative;transition:transform .3s ease}.problem-types-fullwidth .type-block .type-content .type-name[data-v-a34261f6]{font-size:1.5rem;font-weight:600;margin:0 0 10px;transition:color .3s ease}.problem-types-fullwidth .type-block .type-content .type-desc[data-v-a34261f6]{color:#fff;font-size:.95rem;line-height:1.5;margin:0 0 15px}.problem-types-fullwidth .type-block .type-content .type-count[data-v-a34261f6]{background-color:#0000000d;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:4px 10px}.problem-types-fullwidth .type-block .type-content .type-icon[data-v-a34261f6]{font-size:2.5rem;opacity:.2;position:absolute;right:10px;top:20px;transition:all .3s ease}.problem-types-fullwidth .type-block .type-content.active[data-v-a34261f6]{transform:translateY(-5px)}.problem-types-fullwidth .type-block .type-content.active .type-name[data-v-a34261f6]{color:inherit}.problem-types-fullwidth .type-block .type-content.active .type-icon.active[data-v-a34261f6]{opacity:.4;transform:scale(1.1)}.problem-types-fullwidth .type-block[data-v-a34261f6]:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-5px)}.search-section[data-v-a34261f6]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;margin-bottom:20px;padding:20px}.search-section .difficulty-tags[data-v-a34261f6]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:10px}.search-section .difficulty-tags .tags-label[data-v-a34261f6]{color:#666;font-size:.95rem;white-space:nowrap}.search-section .difficulty-tags .difficulty-tag[data-v-a34261f6]{border-width:1px;cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .2s}.search-section .difficulty-tags .difficulty-tag.active[data-v-a34261f6]{background:#0164f0;color:#fff;font-weight:700}.search-section .search-box-container[data-v-a34261f6]{display:flex;gap:10px;max-width:300px;width:100%}.search-section .search-box-container .search-input[data-v-a34261f6]{flex:1}.search-section .search-box-container .search-btn[data-v-a34261f6]{white-space:nowrap}.filter-section[data-v-a34261f6]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:30px;padding:15px 20px;position:relative}.filter-section .filter-controls[data-v-a34261f6]{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;position:absolute;right:15px;top:20px}.filter-section .filter-controls .filter-label[data-v-a34261f6]{color:#333;font-size:1rem;font-weight:500}.filter-section .filter-controls .toggle-btn[data-v-a34261f6]{align-items:center;background:none;border:none;color:#007fa3;cursor:pointer;display:flex;font-size:.95rem;gap:5px;transition:color .2s}.filter-section .filter-controls .toggle-btn[data-v-a34261f6]:hover{color:#007fa3}.filter-section .filter-tags[data-v-a34261f6]{display:flex;flex-wrap:wrap;gap:10px;max-height:55px;overflow:hidden;position:relative;transition:max-height .3s ease}.filter-section .filter-tags[data-v-a34261f6]:not(.expanded):after{background:linear-gradient(transparent,#fff);bottom:0;content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0}.filter-section .filter-tags.expanded[data-v-a34261f6]{max-height:500px}.filter-section .filter-tags .filter-tag[data-v-a34261f6]{background-color:#f8fafc;border-color:#e2e8f0;color:#666;cursor:pointer;transition:all .2s}.filter-section .filter-tags .filter-tag .tag-count[data-v-a34261f6]{color:#999;margin-left:4px}.filter-section .filter-tags .filter-tag--active[data-v-a34261f6]{background-color:#f0f7ff;border-color:#007fa3;color:#007fa3}.filter-section .filter-tags .filter-tag--active .tag-count[data-v-a34261f6]{color:#007fa3}.problems-table[data-v-a34261f6]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.problems-table .problem-title[data-v-a34261f6]{align-items:center;display:flex;gap:10px;justify-content:space-between}.problems-table .problem-title .title-text[data-v-a34261f6]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.problems-table .problem-title .solve-btn[data-v-a34261f6]{color:#007fa3;padding:0 8px}.problems-table .pass-rate[data-v-a34261f6]{text-align:left}.problems-table .pass-rate .pass-rate--high[data-v-a34261f6]{color:#10b981;font-weight:500}.problems-table .pass-rate .pass-rate--medium[data-v-a34261f6]{color:#f59e0b;font-weight:500}.problems-table .pass-rate .pass-rate--low[data-v-a34261f6]{color:#ef4444;font-weight:500}.problems-table .difficulty-tag--easy[data-v-a34261f6]{background-color:#10b9811a;border-color:#10b98133;color:#10b981}.problems-table .difficulty-tag--medium[data-v-a34261f6]{background-color:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.problems-table .difficulty-tag--hard[data-v-a34261f6]{background-color:#ef44441a;border-color:#ef444433;color:#ef4444}.problems-table .pagination-container[data-v-a34261f6]{display:flex;justify-content:center;margin-top:20px}@media(max-width:768px){.problem-types[data-v-a34261f6]{gap:10px}.type-btn[data-v-a34261f6]{font-size:.9rem;padding:8px 18px}.search-box-container[data-v-a34261f6]{min-width:100%}.filter-tags[data-v-a34261f6]{gap:8px}.problems-table[data-v-a34261f6]{overflow-x:auto;padding:10px}}