.categories-page[data-v-df8f4198]{margin:0 auto;max-width:1400px}.content-layout[data-v-df8f4198]{align-items:start;display:grid;gap:64px;grid-template-columns:minmax(0,1fr) 320px;min-height:calc(100vh - 80px);padding:24px}@media(max-width:1024px){.content-layout[data-v-df8f4198]{grid-template-columns:1fr;padding:24px}}@media(max-width:768px){.content-layout[data-v-df8f4198]{padding:16px}}.main-content[data-v-df8f4198]{height:100%;min-width:0}.content-card[data-v-df8f4198]{background:var(--card-bg);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:24px}.categories-nav[data-v-df8f4198]{background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin:-24px -24px 24px;overflow-x:auto;padding:16px 24px;scrollbar-width:none;-ms-overflow-style:none;border-top-left-radius:10px;border-top-right-radius:10px}.categories-nav[data-v-df8f4198]::-webkit-scrollbar{display:none}.categories-nav .category-tab[data-v-df8f4198]{align-items:center;background:var(--hover-bg);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9em;gap:4px;padding:4px 16px;transition:all .3s ease;white-space:nowrap}.categories-nav .category-tab i[data-v-df8f4198]{font-size:.9em}.categories-nav .category-tab[data-v-df8f4198]:hover{transform:translateY(-2px)}.categories-nav .category-tab.active[data-v-df8f4198]{background:#409eff;color:#fff}.category-group[data-v-df8f4198]{margin-bottom:64px;scroll-margin-top:100px}.category-group[data-v-df8f4198]:last-child{margin-bottom:0}.category-header[data-v-df8f4198]{border-bottom:2px solid rgba(64,158,255,.1);margin-bottom:24px;padding-bottom:8px;position:relative}.category-header[data-v-df8f4198]:after{background:#409eff;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.category-header .category-name[data-v-df8f4198]{align-items:center;color:var(--text-primary);display:flex;font-size:1.5em;gap:8px}.category-header .category-name i[data-v-df8f4198]{color:#409eff;font-size:1em;opacity:.8;text-align:center;width:24px}.category-header .category-name .post-count[data-v-df8f4198]{background:var(--hover-bg);border-radius:10px;color:var(--text-secondary);font-size:.5em;margin-left:auto;padding:4px 8px}.post-item[data-v-df8f4198]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:32px;padding:16px;transition:all .3s ease}.post-item[data-v-df8f4198]:hover{background:var(--hover-bg);transform:translate(10px)}.post-item:hover .post-date[data-v-df8f4198]{background:#409eff1a;border-color:#409eff}.post-item .post-date[data-v-df8f4198]{align-items:center;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;min-width:60px;padding:4px;transition:all .3s ease}.post-item .post-date .month[data-v-df8f4198]{color:var(--text-secondary);font-size:.9em}.post-item .post-date .day[data-v-df8f4198]{color:var(--text-primary);font-size:1.2em;font-weight:600}.post-item .post-info[data-v-df8f4198]{flex:1;min-width:0}.post-item .post-info .post-title[data-v-df8f4198]{color:var(--text-primary);font-size:1em;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.post-item .post-info .post-title[data-v-df8f4198]:hover{color:#409eff}.loading-state[data-v-df8f4198]{color:var(--text-secondary);font-size:1.1em;padding:32px;text-align:center}.loading-state i[data-v-df8f4198]{margin-right:8px}@media(max-width:768px){.categories-page[data-v-df8f4198],.content-card[data-v-df8f4198]{padding:24px}.categories-nav[data-v-df8f4198]{margin:-24px -24px 24px;padding:8px 24px}}@media(max-width:640px){.categories-page[data-v-df8f4198]{padding:16px}.content-card[data-v-df8f4198]{border-radius:0;margin:-16px;padding:16px}.post-item[data-v-df8f4198]{gap:16px}.post-item .post-date[data-v-df8f4198]{min-width:50px}.categories-nav[data-v-df8f4198]{margin:-16px -16px 16px;padding:8px}.categories-nav .category-tab[data-v-df8f4198]{font-size:.85em;padding:4px 8px}}