.view-toggle-btn[data-v-986d1aa2]{line-height:0;padding:.6rem}.articles-container{display:flex;flex-direction:column;gap:1.5rem;margin:0;max-width:100%;position:relative;transition:gap .35s ease,padding .35s ease}.articles-container.list-mode{display:flex}.article-list-page{background-color:transparent;box-sizing:border-box;margin:0 auto;padding:0;width:100%}.pagetitle{padding-top:10px}.category-bar{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:.75rem 1rem}.category-bar-wrapper{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.category-bar-wrapper::-webkit-scrollbar{display:none}.category-list{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.category-list-item{background:transparent;border:1px solid transparent;border-radius:12px;color:var(--bs-body-color);cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.category-list-item:hover{background:var(--article-category-hover-bg);border-color:var(--article-category-hover-border);color:var(--accent-primary)}.category-list-item.active{background:var(--article-active-gradient);border-color:transparent;color:var(--text-inverse)}.category-bar-actions{display:flex;flex-shrink:0;gap:.5rem}.dark-theme .category-bar,:global(.dark) .category-bar{background:var(--card-bg);border-color:var(--border-color)}.dark-theme .category-list-item,:global(.dark) .category-list-item{color:var(--text-secondary)}.dark-theme .category-list-item:hover,:global(.dark) .category-list-item:hover{background:var(--article-category-hover-bg);border-color:var(--article-category-hover-border);color:var(--accent-primary)}.dark-theme .category-list-item.active,:global(.dark) .category-list-item.active{background:var(--article-active-gradient);color:var(--text-inverse)}.view-toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--bs-body-color);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .3s ease}.view-toggle-btn i{font-size:1rem}.view-toggle-btn:hover{background:var(--article-category-hover-bg);border-color:var(--article-category-hover-border)}.view-toggle-btn.active{background:var(--article-active-gradient);border-color:transparent;color:var(--text-inverse)}.article-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;margin-bottom:.25rem;min-height:300px;overflow:hidden;transition:all .3s ease}.article-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.article-card-reverse{flex-direction:row-reverse}.articles-container.grid-mode{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));transition:grid-template-columns .35s ease,gap .35s ease}.articles-container.grid-mode .article-card{margin-bottom:0}.article-card-grid{flex-direction:column;min-height:auto}.article-card-grid .article-image-section{flex:0 0 auto}.article-card-grid .article-content-section{flex:1}.articles-container.view-switching{pointer-events:none}.articles-container.view-switching .article-card{opacity:.92;transform:translateY(8px)}.article-image-section{flex:0 0 60%;overflow:hidden;position:relative}.custom-animation{animation-duration:.2s}.article-image-container{height:100%;min-height:200px;width:100%}.article-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-card:hover .article-image{transform:scale(1.05)}.article-image-placeholder{align-items:center;background:var(--article-image-placeholder);display:flex;height:100%;justify-content:center;min-height:200px;width:100%}.lazy-image{background-color:var(--article-lazy-bg);opacity:0;transition:opacity .6s ease-in-out}.lazy-image.lazy-loaded{opacity:1}.lazy-image:not(.lazy-loaded){animation:loading 1.5s infinite;background:var(--article-lazy-shimmer);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.article-content-section{display:flex;flex:0 0 40%;flex-direction:column;justify-content:space-between;padding:1.5rem}.article-meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:1rem}.article-date{background:var(--article-muted-chip-bg);color:var(--article-muted-chip-text)}.article-category,.article-date{border-radius:4px;font-size:.875rem;padding:.25rem .5rem}.article-category{color:#fff;font-weight:500}.category-study{background:var(--accent-secondary)}.category-game{background:var(--accent-success)}.category-work{background:var(--accent-warning)}.category-resource{background:var(--accent-info)}.category-other{background:var(--text-muted)}.article-title-link{color:inherit;text-decoration:none}.article-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem;transition:color .3s ease}.article-title-link:hover .article-title{color:var(--accent-primary)}.article-excerpt{flex-grow:1;margin-bottom:1rem}.article-content-preview{color:var(--text-secondary);display:-webkit-box;font-size:.95rem;-webkit-line-clamp:4;line-height:1.6;overflow:hidden;-webkit-box-orient:vertical}.article-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;margin-top:1rem}.article-tag{align-items:center;background:none;border:none;color:var(--article-tag-color);cursor:default;display:inline-flex;font-size:.82rem;font-weight:500;padding:0}.article-tag:before{content:"#";margin-right:.15rem;opacity:.7}.article-tag:hover{background:none;border:none;color:var(--article-tag-hover-color);transform:none}.dark-theme .article-tag,:global(.dark) .article-tag{background:none;border:none;color:var(--article-tag-color)}.dark-theme .article-tag:hover,:global(.dark) .article-tag:hover{background:none;border:none;color:var(--article-tag-hover-color)}.learn-more{background:transparent;border:0;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;height:auto;margin-top:1rem;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle;width:12rem}.learn-more.learn-more-sm{margin-top:.75rem;width:9rem}.learn-more.learn-more-sm .circle{height:2.25rem;width:2.25rem}.learn-more.learn-more-sm .circle .icon.arrow{height:.1rem;left:.5rem;width:.875rem}.learn-more.learn-more-sm .circle .icon.arrow:before{border-right-width:.1rem;border-top-width:.1rem;height:.5rem;right:.05rem;top:-.22rem;width:.5rem}.learn-more.learn-more-sm .button-text{font-size:.85rem;margin-left:1.4rem;padding:.5rem 0}.learn-more .circle{background:var(--accent-primary);border-radius:1.625rem;display:block;height:3rem;margin:0;position:relative;width:3rem}.learn-more .circle,.learn-more .circle .icon{transition:all .45s cubic-bezier(.65,0,.076,1)}.learn-more .circle .icon{background:var(--text-inverse);bottom:0;margin:auto;position:absolute;top:0}.learn-more .circle .icon.arrow{background:none;height:.125rem;left:.625rem;transition:all .45s cubic-bezier(.65,0,.076,1);width:1.125rem}.learn-more .circle .icon.arrow:before{border-right:.125rem solid var(--text-inverse);border-top:.125rem solid var(--text-inverse);content:"";height:.625rem;position:absolute;right:.0625rem;top:-.29rem;transform:rotate(45deg);width:.625rem}.learn-more .button-text{color:var(--text-primary);font-weight:700;inset:0;line-height:1.6;margin:0 0 0 1.85rem;padding:.75rem 0;position:absolute;text-align:center;text-transform:uppercase;transition:all .45s cubic-bezier(.65,0,.076,1)}.dark-theme .button-text,:global(.dark) .button-text{color:var(--text-primary)}.learn-more:hover .circle{width:100%}.learn-more:hover .circle .icon.arrow{background:var(--text-inverse);transform:translate(1rem)}.learn-more:hover .button-text{color:var(--text-inverse)}@keyframes bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.pagination-container{margin-top:.5rem}.pagination-container :deep(.n-pagination){gap:8px;--n-item-size:42px;--n-item-font-size:16px}.pagination-container :deep(.n-pagination-item){border-radius:10px;font-size:16px;font-weight:500;height:42px;min-width:42px;transition:all .25s ease}.pagination-container :deep(.n-pagination-item:not(.n-pagination-item--disabled):hover){background-color:var(--pagination-hover-bg);color:var(--pagination-hover-text)}.pagination-container :deep(.n-pagination-item--active){background-color:var(--accent-primary)!important;color:var(--text-inverse)!important;font-weight:600}.pagination-container :deep(.n-pagination-item--active:hover){background-color:var(--accent-primary-hover)!important}.pagination-container :deep(.n-pagination-item--disabled){cursor:not-allowed;opacity:.4}.dark-theme .pagination-container :deep(.n-pagination-item),:global(.dark) .pagination-container :deep(.n-pagination-item){color:var(--text-muted)}.dark-theme .pagination-container :deep(.n-pagination-item:not(.n-pagination-item--disabled):hover),:global(.dark) .pagination-container :deep(.n-pagination-item:not(.n-pagination-item--disabled):hover){background-color:var(--pagination-hover-bg);color:var(--pagination-hover-text)}.dark-theme .pagination-container :deep(.n-pagination-item--active),:global(.dark) .pagination-container :deep(.n-pagination-item--active){background-color:var(--accent-primary)!important;color:var(--text-inverse)!important}.dark-theme .pagination-container :deep(.n-pagination-item--active:hover),:global(.dark) .pagination-container :deep(.n-pagination-item--active:hover){background-color:var(--accent-primary-hover)!important}.pagination{align-items:center;gap:8px}.pagination .page-link{align-items:center;background-color:transparent;border:none;border-radius:8px;color:var(--text-muted);display:flex;font-weight:500;height:40px;justify-content:center;margin:0;min-width:40px;padding:.6rem 1rem;transition:all .2s ease}.pagination .page-link:hover{background-color:var(--pagination-hover-bg);color:var(--pagination-hover-text);transform:translateY(-1px)}.pagination .page-item.active .page-link{background-color:var(--pagination-active-bg);box-shadow:var(--pagination-active-shadow);color:var(--pagination-active-text);font-weight:600}.pagination .page-item.disabled .page-link{background-color:transparent;pointer-events:none}.pagination .page-item.disabled .page-link,.pagination .page-link.disabled{color:var(--text-tertiary);cursor:not-allowed}.dark-theme .pagination .page-link,:global(.dark) .pagination .page-link{color:var(--text-muted)}.dark-theme .pagination .page-link:hover,:global(.dark) .pagination .page-link:hover{background-color:var(--pagination-hover-bg);color:var(--pagination-hover-text)}.dark-theme .pagination .page-item.active .page-link,:global(.dark) .pagination .page-item.active .page-link{background-color:var(--pagination-active-bg);box-shadow:none;color:var(--pagination-active-text)}.dark-theme .pagination .page-item.disabled .page-link,:global(.dark) .pagination .page-item.disabled .page-link{color:var(--text-tertiary)}.pagination-container .text-muted{color:var(--text-muted)!important;font-size:.9rem;font-weight:500}.dark-theme .pagination-container .text-muted,:global(.dark) .pagination-container .text-muted{color:var(--text-muted)!important}.page-btn{transition:all .2s ease}.page-btn:active{transform:scale(.95)}@media(max-width:992px){.articles-container.grid-mode{grid-template-columns:1fr}.article-list-page{padding:1.25rem}}@media(max-width:768px){.category-bar{gap:.5rem;padding:.6rem .8rem}.category-list{gap:.4rem}.category-list-item{font-size:.85rem;padding:.4rem .8rem}.category-bar-actions{gap:.4rem}.view-toggle-btn{min-height:32px;min-width:32px;padding:.4rem}.category-bar-actions{display:none}.page-header__icon{height:40px;width:40px}.page-header__icon img{height:26px;width:26px}.page-header__heading{font-size:1.3rem}.page-header__subtitle{font-size:.85rem}.articles-container,.articles-container.grid-mode,.articles-container.list-mode{display:grid!important;gap:.75rem;grid-template-columns:repeat(2,1fr)}.article-card,.article-card-reverse{border-radius:10px;flex-direction:column;margin-bottom:0;min-height:auto}.article-image-section{flex:0 0 auto;height:140px}.article-image-section .article-image{height:140px!important}.article-content-section{flex:1;padding:.75rem}.article-title{display:-webkit-box;font-size:.95rem;-webkit-line-clamp:2;line-clamp:2;margin-bottom:.5rem;-webkit-box-orient:vertical;overflow:hidden}.article-content-preview{font-size:.8rem;-webkit-line-clamp:2}.article-excerpt{display:none}.article-meta{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem!important}.article-category,.article-date{font-size:.7rem;padding:.15rem .4rem}.learn-more{display:none}.article-list-page{padding:.75rem}.pagination-container{margin-top:1rem!important}.pagination .page-link{align-items:center;display:flex;font-size:1rem;justify-content:center;min-height:42px;min-width:42px;padding:.6rem .9rem}.pagination .page-item{margin:0 2px}}@media(max-width:576px){.page-header{border-radius:10px;margin-bottom:.75rem;padding:.6rem .8rem}.page-header__title{gap:.6rem}.page-header__icon{border-radius:8px;height:36px;width:36px}.page-header__icon img{height:22px;width:22px}.page-header__heading{font-size:1.1rem}.page-header__subtitle{font-size:.75rem}.articles-container,.articles-container.grid-mode,.articles-container.list-mode{gap:.5rem;grid-template-columns:repeat(2,1fr)}.article-card{border-radius:8px}.article-image-section{height:120px}.article-image-section .article-image{height:120px!important}.article-content-section{padding:.5rem}.article-title{font-size:.85rem;margin-bottom:.35rem}.article-meta{flex-direction:row;gap:.2rem}.article-category,.article-date{font-size:.65rem;padding:.1rem .3rem}.pagination .page-link{align-items:center;display:flex;font-size:.9rem;justify-content:center;margin:0 1px;min-height:38px;min-width:38px;padding:.5rem .7rem}.pagination .page-item{margin:0 1px}.pagination-container .text-center{font-size:.8rem}.article-list-page{padding:.5rem}.alert.alert-info{border-radius:8px;font-size:.85rem;padding:.5rem .75rem}.alert.alert-info .btn{font-size:.75rem;padding:.25rem .5rem}}.dark-theme .article-card,:global(.dark) .article-card{background:var(--card-bg);border-color:var(--border-color)}.dark-theme .article-title,:global(.dark) .article-title{color:var(--text-primary)}.dark-theme .article-title-link:hover .article-title,:global(.dark) .article-title-link:hover .article-title{color:var(--accent-primary)}.dark-theme .article-content-preview,:global(.dark) .article-content-preview{color:var(--text-secondary)}.dark-theme .article-date,:global(.dark) .article-date{background:var(--article-muted-chip-bg);color:var(--article-muted-chip-text)}.dark-theme .article-image-placeholder,:global(.dark) .article-image-placeholder{background:var(--article-image-placeholder)}.dark-theme .page-header,:global(.dark) .page-header{background:var(--card-bg);border-color:var(--border-color);box-shadow:none}.dark-theme .page-header__heading,:global(.dark) .page-header__heading{color:var(--text-primary)}.dark-theme .page-header__subtitle,:global(.dark) .page-header__subtitle{color:var(--text-muted)}.dark-theme .view-toggle-btn,:global(.dark) .view-toggle-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.dark-theme .view-toggle-btn.active,:global(.dark) .view-toggle-btn.active{background:var(--article-active-gradient);border-color:transparent;color:var(--text-inverse)}.view-toggle-btn[data-v-ed484c16]{line-height:0;padding:.6rem}