.view-toggle-btn[data-v-fabbf60f]{line-height:0;padding:.6rem}.pagination-container[data-v-f3ca1643]{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin:2rem 0;width:100%}.pagination-summary[data-v-f3ca1643]{color:#374151ad;font-size:.875rem}.dark{color:#e2e8f0b3}.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 .category-bar{background:var(--card-bg);border-color:var(--border-color)}.dark .category-list-item{color:var(--text-secondary)}.dark .category-list-item:hover{background:var(--article-category-hover-bg);border-color:var(--article-category-hover-border);color:var(--accent-primary)}.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)}.pagination-page-enter-active,.pagination-page-leave-active{transition:opacity .18s ease,transform .18s cubic-bezier(.2,0,0,1)}.pagination-page-enter-from{opacity:0;transform:translateY(12px)}.pagination-page-leave-to{opacity:0;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 .article-tag{background:none;border:none;color:var(--article-tag-color)}.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{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 .button-text,.learn-more .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)}}.dark .article-card{background:var(--card-bg);border-color:var(--border-color)}.dark .article-title{color:#fffaf7}.dark .article-title-link:hover .article-title{color:var(--accent-primary)}.dark .article-content-preview{color:#f2e6e0}.dark .article-date{background:#fff5f133;color:#f5e6df}.dark .article-tag{color:#fecdd3}.dark .learn-more .button-text{color:#fff4ef}.dark .article-image-placeholder{background:var(--article-image-placeholder)}.dark .page-header{background:var(--card-bg);border-color:var(--border-color);box-shadow:none}.dark .page-header__heading{color:var(--text-primary)}.dark .page-header__subtitle{color:var(--text-muted)}.dark .view-toggle-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.dark .view-toggle-btn.active{background:var(--article-active-gradient);border-color:transparent;color:var(--text-inverse)}.category-bar{border-radius:999px;box-shadow:0 2px 10px #e11d480a}.category-list-item{border-radius:999px;transition:transform .2s ease,background .2s ease,color .2s ease}.category-list-item:hover{transform:translateY(-1px)}.category-list-item.active{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 4px 14px #fb718566}.article-card{background-color:#fff;border-radius:24px;box-shadow:0 6px 18px #e11d480d;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background-color .5s ease}.article-card:hover{border-color:#fb718580;box-shadow:0 18px 42px #e11d4829;transform:translateY(-6px) rotate(-.4deg)}.article-card:before{background:linear-gradient(90deg,#fb7185,#fb923c,#fda4af);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.article-card:hover:before{opacity:1}.article-card-grid{border-radius:24px}.article-card-grid .article-image-section{border-radius:24px 24px 0 0}.dark .learn-more .circle,.learn-more .circle{background:linear-gradient(135deg,#fb7185,#e11d48)}.dark .article-card{background-color:var(--card-bg)}.dark .article-card:hover{box-shadow:0 18px 42px #00000080}.dark .category-bar{box-shadow:none}@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;gap:.45rem;justify-content:flex-start;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-tags{gap:.45rem;margin-bottom:0;margin-top:.25rem}.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}}@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}.article-list-page{padding:.5rem}.article-card{border-radius:20px}.category-bar{border-radius:999px}}.view-toggle-btn[data-v-030b9f8c]{line-height:0;padding:.6rem}