.information-container[data-v-a28ace16]{width:100%;max-width:85%;margin:0 auto;padding:20px 0}.top-section[data-v-a28ace16]{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin-bottom:30px;align-items:start}.banner-section[data-v-a28ace16]{min-width:0;min-height:0;height:var(--banner-height);border-radius:8px;overflow:hidden;position:relative}.banner-section[data-v-a28ace16]>*{width:100%;height:100%}.banner-section .banner-placeholder[data-v-a28ace16]{align-items:center;justify-content:center;background-color:#f5f5f5}.banner-carousel[data-v-a28ace16],.banner-section .banner-placeholder[data-v-a28ace16]{width:100%;height:100%;display:flex;flex-direction:column}.banner-carousel[data-v-a28ace16]{position:relative}.banner-carousel[data-v-a28ace16] .swiper-slide{height:auto}.banner-carousel .carousel-item[data-v-a28ace16]{width:100%;position:relative;display:block;margin:0;padding:0}.banner-carousel .carousel-image[data-v-a28ace16]{width:100%;height:auto;display:block;margin:0;padding:0}.hot-recommendations[data-v-a28ace16]{min-width:0;min-height:0;height:var(--banner-height);background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.hot-recommendations .section-title[data-v-a28ace16]{font-size:18px;font-weight:600;color:var(--color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--color);flex-shrink:0;line-height:1}.hot-recommendations .hot-list[data-v-a28ace16]{list-style:none;padding:0;margin:0;flex:1;overflow-y:scroll;overflow-x:hidden;min-height:0}.hot-recommendations .hot-list[data-v-a28ace16]::-webkit-scrollbar{display:none;width:0}.hot-recommendations .hot-list[data-v-a28ace16]{scrollbar-width:none;-ms-overflow-style:none}.hot-recommendations .hot-list .hot-item[data-v-a28ace16]{display:flex;align-items:center;padding:12px 0;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.hot-recommendations .hot-list .hot-item[data-v-a28ace16]:last-child{border-bottom:none}.hot-recommendations .hot-list .hot-item[data-v-a28ace16]:hover{background-color:#f9f9f9;padding-left:10px}.hot-recommendations .hot-list .hot-item.hot-top[data-v-a28ace16]{padding:15px 0}.hot-recommendations .hot-list .hot-item.hot-top .hot-number[data-v-a28ace16]{width:28px;height:28px;font-size:16px}.hot-recommendations .hot-list .hot-item .hot-number[data-v-a28ace16]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color);color:#fff;border-radius:4px;font-size:14px;font-weight:600;margin-right:12px;flex-shrink:0}.hot-recommendations .hot-list .hot-item .hot-icon[data-v-a28ace16]{font-size:16px;margin-right:8px;flex-shrink:0}.hot-recommendations .hot-list .hot-item .hot-title[data-v-a28ace16]{font-size:14px;color:#333;line-height:1.6;flex:1}.hot-recommendations .hot-list .hot-item .hot-title.hot-title-large[data-v-a28ace16]{font-size:16px;font-weight:600}.hot-recommendations .hot-list .hot-item .hot-title[data-v-a28ace16]:hover{color:var(--color)}.hot-recommendations .hot-empty[data-v-a28ace16]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.bottom-section[data-v-a28ace16]{display:flex;gap:20px;align-items:flex-start}.sidebar[data-v-a28ace16]{width:200px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014;flex-shrink:0}.sidebar .sidebar-title[data-v-a28ace16]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.sidebar .category-list .category-wrapper[data-v-a28ace16]{margin-bottom:2px}.sidebar .category-list .category-item[data-v-a28ace16]{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666}.sidebar .category-list .category-item[data-v-a28ace16]:hover{background-color:#f5f5f5;color:#333}.sidebar .category-list .category-item.active[data-v-a28ace16]{background-color:color-mix(in srgb,var(--color) 5%,#fff);color:var(--color);border-bottom:2px solid var(--color)}.sidebar .category-list .category-item.has-children[data-v-a28ace16]{font-weight:500}.sidebar .category-list .category-item.expanded[data-v-a28ace16]{background-color:#f9f9f9}.sidebar .category-list .category-item.expanded .dropdown-icon[data-v-a28ace16]{transform:rotate(180deg)}.sidebar .category-list .category-item .category-name[data-v-a28ace16]{font-size:14px;flex:1}.sidebar .category-list .category-item .dropdown-icon[data-v-a28ace16]{font-size:10px;color:#999;transition:transform .3s ease;margin-left:8px}.sidebar .category-list .child-category-list[data-v-a28ace16]{padding-left:20px;margin-top:2px;animation:slideDown-a28ace16 .3s ease}.sidebar .category-list .child-category-item[data-v-a28ace16]{display:flex;align-items:center;padding:10px;margin-bottom:2px;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666;font-size:13px}.sidebar .category-list .child-category-item[data-v-a28ace16]:hover{background-color:#f5f5f5;color:#333}.sidebar .category-list .child-category-item.active[data-v-a28ace16]{background-color:color-mix(in srgb,var(--color) 5%,#fff);color:var(--color);border-left:3px solid var(--color);padding-left:7px}.sidebar .category-list .child-category-item .child-category-name[data-v-a28ace16]{font-size:13px}@keyframes slideDown-a28ace16{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.empty-state[data-v-a28ace16]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.empty-state .empty-icon[data-v-a28ace16]{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state .empty-text[data-v-a28ace16]{font-size:16px;color:#666;margin-bottom:8px}.empty-state .empty-desc[data-v-a28ace16]{font-size:14px;color:#999}.information-list[data-v-a28ace16]{flex:1;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;min-height:500px}.information-list .section-title[data-v-a28ace16]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.information-list .article-list[data-v-a28ace16]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.information-list .article-list .article-empty[data-v-a28ace16]{min-height:400px;padding:60px 20px}.information-list .article-list[data-v-a28ace16]::-webkit-scrollbar{width:6px}.information-list .article-list[data-v-a28ace16]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.information-list .article-list[data-v-a28ace16]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.information-list .article-list[data-v-a28ace16]::-webkit-scrollbar-thumb:hover{background:#999}.information-list .article-list .article-item[data-v-a28ace16]{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s ease}.information-list .article-list .article-item[data-v-a28ace16]:last-child{border-bottom:none}.information-list .article-list .article-item[data-v-a28ace16]:hover{background-color:#f9f9f9;padding-left:10px;padding-right:10px}.information-list .article-list .article-item:hover .article-title[data-v-a28ace16]{color:var(--color)}.information-list .article-list .article-item .article-image[data-v-a28ace16]{width:200px;height:150px;flex-shrink:0;border-radius:6px;overflow:hidden}.information-list .article-list .article-item .article-image img[data-v-a28ace16]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.information-list .article-list .article-item:hover .article-image img[data-v-a28ace16]{transform:scale(1.05)}.information-list .article-list .article-item .article-info[data-v-a28ace16]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.information-list .article-list .article-item .article-info .article-title[data-v-a28ace16]{font-size:16px;font-weight:500;color:#333;margin-bottom:15px;line-height:1.6;transition:color .3s ease}.information-list .article-list .article-item .article-info .article-meta[data-v-a28ace16]{display:flex;align-items:center;gap:20px;font-size:13px;color:#999}.information-list .article-list .article-item .article-info .article-meta .article-views[data-v-a28ace16]{color:#666}.information-list .article-list .article-item .article-info .article-meta .article-date[data-v-a28ace16]{color:#999}.pagination[data-v-a28ace16]{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0;flex-shrink:0}.pagination .page-btn[data-v-a28ace16]{padding:8px 16px;border:1px solid #e0e0e0;background-color:#fff;color:#666;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination .page-btn[data-v-a28ace16]:hover:not(:disabled){border-color:var(--color);color:var(--color);background-color:color-mix(in srgb,var(--color) 5%,#fff)}.pagination .page-btn[data-v-a28ace16]:disabled{opacity:.5;cursor:not-allowed}.pagination .page-numbers[data-v-a28ace16]{display:flex;gap:5px}.pagination .page-numbers .page-number[data-v-a28ace16]{min-width:36px;height:36px;padding:0 8px;border:1px solid #e0e0e0;background-color:#fff;color:#666;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination .page-numbers .page-number[data-v-a28ace16]:hover{border-color:var(--color);color:var(--color);background-color:color-mix(in srgb,var(--color) 5%,#fff)}.pagination .page-numbers .page-number.active[data-v-a28ace16]{background-color:var(--color);color:#fff;border-color:var(--color)}@media(max-width:768px){.information-container[data-v-a28ace16]{padding:15px}.top-section[data-v-a28ace16]{grid-template-columns:minmax(0,1fr)}.banner-section[data-v-a28ace16]{width:100%}.hot-recommendations[data-v-a28ace16]{width:100%;height:300px}.hot-recommendations .hot-item .hot-title[data-v-a28ace16]{font-size:13px}.bottom-section[data-v-a28ace16]{flex-direction:column}.sidebar[data-v-a28ace16]{width:100%;margin-bottom:20px}.article-item[data-v-a28ace16]{flex-direction:column}.article-item .article-image[data-v-a28ace16]{width:100%;height:200px}.pagination[data-v-a28ace16],.pagination .page-numbers[data-v-a28ace16]{flex-wrap:wrap}}
