.tutorial-posts-list[data-v-dcd89c84]{display:grid;gap:20px}.tutorial-posts-list.view-mode-grid[data-v-dcd89c84]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tutorial-posts-list.view-mode-list[data-v-dcd89c84]{grid-template-columns:1fr}.tutorial-posts-list.view-mode-list .tutorial-post-item[data-v-dcd89c84]{display:flex;flex-direction:row;gap:16px}.tutorial-posts-list.view-mode-list .tutorial-post-item .tutorial-cover[data-v-dcd89c84]{flex-shrink:0;height:150px;width:200px}.tutorial-posts-list.view-mode-list .tutorial-post-item .tutorial-content[data-v-dcd89c84]{flex:1}.empty-state[data-v-dcd89c84]{align-items:center;background:var(--theme-card-background);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px}.empty-state .empty-icon[data-v-dcd89c84]{color:var(--text-color-secondary);font-size:4rem;margin-bottom:16px;opacity:.4}.empty-state .empty-text[data-v-dcd89c84]{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:8px}.empty-state .empty-hint[data-v-dcd89c84]{color:var(--text-color-secondary);font-size:.95rem}.tutorial-post-item[data-v-dcd89c84]{background:var(--theme-card-background);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:all .3s ease}.tutorial-post-item[data-v-dcd89c84]:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.tutorial-cover[data-v-dcd89c84]{height:150px;overflow:hidden;position:relative}.tutorial-cover .cover-image[data-v-dcd89c84],.tutorial-cover .cover-image[data-v-dcd89c84] .optimized-image-wrapper{display:block;height:100%;width:100%}.tutorial-cover .cover-image[data-v-dcd89c84] img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.tutorial-cover .placeholder-cover[data-v-dcd89c84]{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;width:100%}.tutorial-cover .placeholder-cover .placeholder-text[data-v-dcd89c84]{color:#fff;display:-webkit-box;font-size:1.2rem;font-weight:700;-webkit-line-clamp:2;text-align:center;text-shadow:0 2px 8px rgba(var(--black-rgb),.3);-webkit-box-orient:vertical;overflow:hidden}.tutorial-cover .difficulty-badge[data-v-dcd89c84]{position:absolute;right:12px;top:12px}.tutorial-cover:hover .cover-image[data-v-dcd89c84] img{transform:scale(1.05)}.tutorial-content[data-v-dcd89c84]{padding:16px}.tutorial-content .tutorial-title-row[data-v-dcd89c84]{align-items:center;display:flex;gap:8px;margin-bottom:12px;min-height:24px}.tutorial-content .tutorial-section[data-v-dcd89c84]{align-items:center;background:var(--background-color-secondary);border-radius:20px;color:var(--text-color-secondary);display:inline-flex;flex-shrink:0;font-size:.82rem;gap:5px;padding:3px 10px}.tutorial-content .tutorial-section .section-icon[data-v-dcd89c84]{border-radius:4px;flex-shrink:0;height:22px;overflow:hidden;width:22px}.tutorial-content .tutorial-section .section-icon-placeholder[data-v-dcd89c84]{flex-shrink:0;font-size:14px}.tutorial-content .tutorial-section .section-name[data-v-dcd89c84]{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-content .tutorial-title[data-v-dcd89c84]{color:var(--text-color);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.tutorial-content .tutorial-title .tutorial-title-link[data-v-dcd89c84]{color:inherit}.tutorial-content .tutorial-title .tutorial-title-link[data-v-dcd89c84]:hover{color:var(--primary-color)}.tutorial-content .tutorial-title[data-v-dcd89c84]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-content .author-row[data-v-dcd89c84]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tutorial-content .tutorial-stats[data-v-dcd89c84]{color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:16px}.tutorial-content .tutorial-stats .stat-item[data-v-dcd89c84]{align-items:center;display:flex;gap:4px}@media(max-width:767px){.tutorial-posts-list[data-v-dcd89c84]{gap:16px;grid-template-columns:1fr}.tutorial-posts-list.view-mode-list .tutorial-post-item[data-v-dcd89c84]{flex-direction:column}.tutorial-posts-list.view-mode-list .tutorial-post-item .tutorial-cover[data-v-dcd89c84]{height:150px;width:100%}.empty-state[data-v-dcd89c84]{padding:60px 16px}.empty-state .empty-icon[data-v-dcd89c84]{font-size:3rem}.empty-state .empty-text[data-v-dcd89c84]{font-size:1.1rem}.empty-state .empty-hint[data-v-dcd89c84]{font-size:.85rem}}.resource-post-list-component[data-v-f81aa778],.server-post-list-component[data-v-f81aa778],.tutorial-post-list-component[data-v-f81aa778],.wiki-post-list-component[data-v-f81aa778]{background:var(--theme-background-color,var(--background-color-secondary));box-sizing:border-box;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}@media(max-width:767px){.resource-post-list-component[data-v-f81aa778],.server-post-list-component[data-v-f81aa778],.tutorial-post-list-component[data-v-f81aa778],.wiki-post-list-component[data-v-f81aa778]{overflow-x:hidden;width:100%}}[data-v-f81aa778] .game-subforum-selector{margin-top:24px}@media(max-width:767px){[data-v-f81aa778] .game-subforum-selector{box-sizing:border-box;padding:0 12px}}.resource-carousel-section[data-v-f81aa778],.tutorial-carousel-section[data-v-f81aa778]{margin:0 auto 16px;max-width:1200px;padding:0 24px}@media(max-width:767px){.resource-carousel-section[data-v-f81aa778],.tutorial-carousel-section[data-v-f81aa778]{padding:0 12px}}.search-view-controls[data-v-f81aa778]{align-items:center;box-sizing:border-box;display:flex;gap:16px;margin:0 auto 20px;max-width:1200px;padding:0;width:100%}@media(max-width:767px){.search-view-controls[data-v-f81aa778]{flex-wrap:wrap;gap:12px;margin:0 auto 16px;padding:0 12px}}@media(min-width:768px)and (max-width:1023px){.search-view-controls[data-v-f81aa778]{flex-wrap:wrap;margin:16px auto;padding:0 16px}}.search-view-controls .resource-search-box[data-v-f81aa778],.search-view-controls .server-search-box[data-v-f81aa778],.search-view-controls .tutorial-search-box[data-v-f81aa778],.search-view-controls .wiki-search-box[data-v-f81aa778]{flex:1;max-width:600px}@media(max-width:767px){.search-view-controls .resource-search-box[data-v-f81aa778],.search-view-controls .server-search-box[data-v-f81aa778],.search-view-controls .tutorial-search-box[data-v-f81aa778],.search-view-controls .wiki-search-box[data-v-f81aa778]{flex:1 1 0%;min-width:0;order:1}}@media(min-width:768px)and (max-width:1023px){.search-view-controls .resource-search-box[data-v-f81aa778],.search-view-controls .server-search-box[data-v-f81aa778],.search-view-controls .tutorial-search-box[data-v-f81aa778],.search-view-controls .wiki-search-box[data-v-f81aa778]{max-width:400px}}.search-view-controls .resource-search-box[data-v-f81aa778] .ant-input-search .ant-input-wrapper,.search-view-controls .server-search-box[data-v-f81aa778] .ant-input-search .ant-input-wrapper,.search-view-controls .tutorial-search-box[data-v-f81aa778] .ant-input-search .ant-input-wrapper,.search-view-controls .wiki-search-box[data-v-f81aa778] .ant-input-search .ant-input-wrapper{border-radius:8px}.search-view-controls .resource-search-box[data-v-f81aa778] .ant-input-search input,.search-view-controls .server-search-box[data-v-f81aa778] .ant-input-search input,.search-view-controls .tutorial-search-box[data-v-f81aa778] .ant-input-search input,.search-view-controls .wiki-search-box[data-v-f81aa778] .ant-input-search input{border-radius:8px 0 0 8px}.search-view-controls .resource-search-box[data-v-f81aa778] .ant-input-search .ant-input-search-button,.search-view-controls .server-search-box[data-v-f81aa778] .ant-input-search .ant-input-search-button,.search-view-controls .tutorial-search-box[data-v-f81aa778] .ant-input-search .ant-input-search-button,.search-view-controls .wiki-search-box[data-v-f81aa778] .ant-input-search .ant-input-search-button{border-radius:0 8px 8px 0}.search-view-controls .resource-search-box[data-v-f81aa778] .modern-search-box,.search-view-controls .server-search-box[data-v-f81aa778] .modern-search-box,.search-view-controls .tutorial-search-box[data-v-f81aa778] .modern-search-box,.search-view-controls .wiki-search-box[data-v-f81aa778] .modern-search-box{height:36px}.search-view-controls .mobile-filter-btn[data-v-f81aa778]{align-items:center;background:var(--card-background,var(--card-background));border:1px solid var(--border-color,var(--border-color));border-radius:8px;box-shadow:0 1px 3px #0000001a;color:var(--text-color,var(--text-color-tertiary));display:flex;flex-shrink:0;font-weight:500;gap:6px;height:40px;padding:0 16px;position:relative;transition:all .3s ease}@media(min-width:769px){.search-view-controls .mobile-filter-btn[data-v-f81aa778]{display:none!important}}@media(max-width:767px){.search-view-controls .mobile-filter-btn[data-v-f81aa778]{display:flex!important;flex-shrink:0;order:4}}.search-view-controls .mobile-filter-btn[data-v-f81aa778]:hover{border-color:var(--primary-600,var(--primary-color));box-shadow:0 2px 6px rgba(var(--primary-rgb),.2);color:var(--primary-600,var(--primary-color));transform:translateY(-1px)}.search-view-controls .mobile-filter-btn[data-v-f81aa778]:active{transform:translateY(0)}.search-view-controls .mobile-filter-btn[data-v-f81aa778] .ant-badge .ant-badge-count{background:var(--primary-600,var(--primary-color));box-shadow:0 2px 4px rgba(var(--primary-rgb),.3)}.search-view-controls .component-market-btn[data-v-f81aa778]{align-items:center;background:var(--card-background,var(--card-background));border:1px solid var(--border-color,var(--border-color));border-radius:8px;box-shadow:0 1px 3px #0000001a;color:var(--text-color,var(--text-color-tertiary));display:flex;flex-shrink:0;font-weight:500;gap:8px;height:40px;padding:0 20px;transition:all .3s ease}.search-view-controls .component-market-btn[data-v-f81aa778]:focus,.search-view-controls .component-market-btn[data-v-f81aa778]:hover{border-color:var(--primary-600,var(--primary-color));box-shadow:0 2px 8px rgba(var(--primary-rgb),.2);color:var(--primary-600,var(--primary-color));transform:translateY(-1px)}@media(max-width:767px){.search-view-controls .component-market-btn[data-v-f81aa778]{justify-content:center;order:10;width:100%}}@media(min-width:768px)and (max-width:1023px){.search-view-controls .component-market-btn[data-v-f81aa778]{font-size:.9rem;padding:0 16px}}.search-view-controls .create-action-btn[data-v-f81aa778],.search-view-controls>.ant-btn-primary[data-v-f81aa778]{align-items:center;background:var(--primary-700)!important;border:none!important;border-radius:8px;box-shadow:0 2px 8px rgba(var(--primary-rgb),.25);color:var(--neutral-50)!important;display:flex;flex-shrink:0;font-weight:500;gap:8px;height:40px;padding:0 20px;transition:all .3s ease}.search-view-controls .create-action-btn[data-v-f81aa778]:focus,.search-view-controls .create-action-btn[data-v-f81aa778]:hover,.search-view-controls>.ant-btn-primary[data-v-f81aa778]:focus,.search-view-controls>.ant-btn-primary[data-v-f81aa778]:hover{background:var(--primary-800)!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.35);color:var(--neutral-50)!important;transform:translateY(-2px)}@media(max-width:767px){.search-view-controls .create-action-btn[data-v-f81aa778],.search-view-controls>.ant-btn-primary[data-v-f81aa778]{justify-content:center;order:11;width:100%}}@media(min-width:768px)and (max-width:1023px){.search-view-controls .create-action-btn[data-v-f81aa778],.search-view-controls>.ant-btn-primary[data-v-f81aa778]{font-size:.9rem;padding:0 16px}}.search-view-controls .view-sort-group[data-v-f81aa778]{align-items:center;display:flex;flex-shrink:0;gap:12px}@media(max-width:767px){.search-view-controls .view-sort-group[data-v-f81aa778]{flex-shrink:0;order:2}}.search-view-controls .view-mode-switcher[data-v-f81aa778]{display:flex;flex-shrink:0;gap:4px}@media(max-width:767px){.search-view-controls .view-mode-switcher[data-v-f81aa778]{display:none!important}}.search-view-controls .view-mode-switcher .ant-btn[data-v-f81aa778]{align-items:center;background:var(--card-background,var(--card-background));border:1px solid var(--border-color,var(--border-color));border-radius:8px;box-shadow:0 1px 3px #0000001a;color:var(--text-color-secondary,var(--text-color-secondary));display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.search-view-controls .view-mode-switcher .ant-btn.active[data-v-f81aa778]{background:var(--card-background,var(--card-background));border-color:var(--primary-600,var(--primary-color));box-shadow:0 2px 8px rgba(var(--primary-rgb),.25);color:var(--primary-600,var(--primary-color))}.search-view-controls .view-mode-switcher .ant-btn[data-v-f81aa778]:hover{box-shadow:0 2px 6px #00000026;color:var(--text-color,var(--text-color-tertiary));transform:translateY(-1px)}.search-view-controls .view-mode-switcher .ant-btn:hover.active[data-v-f81aa778]{box-shadow:0 4px 12px rgba(var(--primary-rgb),.35);color:var(--primary-700,var(--primary-color))}.search-view-controls .view-mode-switcher .ant-btn[data-v-f81aa778] .anticon{font-size:16px}.search-view-controls .sort-options[data-v-f81aa778]{flex-shrink:0;width:100px}@media(max-width:767px){.search-view-controls .sort-options[data-v-f81aa778]{min-width:80px;order:2;width:auto}}@media(min-width:768px)and (max-width:1023px){.search-view-controls .sort-options[data-v-f81aa778]{width:90px}}.search-view-controls .sort-options[data-v-f81aa778] .custom-select-container{min-width:0}.search-view-controls .sort-options[data-v-f81aa778] .custom-select-container .select-trigger{background:var(--card-background,var(--card-background));border:1px solid var(--border-color,var(--border-color));border-radius:8px;box-shadow:0 1px 3px #0000001a;height:36px;min-height:36px;padding-bottom:0;padding-top:0}.search-view-controls .sort-options[data-v-f81aa778] .custom-select-container .select-trigger:hover{border-color:var(--primary-600)}[data-v-f81aa778] .mobile-sidebar :deep(.sidebar-section){margin-bottom:20px}[data-v-f81aa778] .mobile-sidebar :deep(.sidebar-section) .section-title{font-size:1rem;margin-bottom:12px}[data-v-f81aa778] .mobile-sidebar :deep(.sidebar-section) .filter-options{gap:8px}[data-v-f81aa778] .mobile-sidebar :deep(.sidebar-section) .filter-options .filter-option{font-size:.9rem;padding:6px 12px}[data-v-f81aa778] .mobile-sidebar :deep(.sidebar-section) .tag-cloud{gap:6px}[data-v-f81aa778] .mobile-sidebar :deep(.sidebar-section) .tag-cloud .tag-item{font-size:.8rem;padding:4px 8px}.post-list-ad-banner[data-v-f81aa778]{margin:16px auto;max-width:1200px;padding:0 16px}.post-list-ad-banner.sidebar-ad[data-v-f81aa778]{margin-top:16px;padding:0}@media(max-width:767px){.post-list-ad-banner[data-v-f81aa778]{margin:12px auto;padding:0 12px}}