.page-view[data-v-84c54516]{width:100%;min-height:100vh}.banner-section[data-v-84c54516]{position:relative;height:360px;width:100%;margin:0;padding:0;overflow:hidden}.banner-container[data-v-84c54516]{position:relative;width:100%;height:100%;margin:0;padding:0}.banner-image[data-v-84c54516]{width:100%;height:100%;position:absolute;top:0;left:0;margin:0;padding:0}.banner-image img[data-v-84c54516]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.title-sidebar[data-v-84c54516]{position:absolute;left:0;bottom:0;width:716px;height:82px;background:#d3474c;display:flex;align-items:center;clip-path:polygon(0 0,90% 0,100% 100%,0 100%);z-index:10}.title-content[data-v-84c54516]{padding-left:252.5px;color:#fff;width:100%;text-align:left}.current-page-title[data-v-84c54516]{font-size:28px;font-weight:600;margin:0;color:#fff}.current-page-title .current-page-subtitle[data-v-84c54516]{margin:0 100px 0 30px}.main-content[data-v-84c54516]{background:#f8f9fa;margin-top:0}.content-wrapper[data-v-84c54516]{position:relative;top:-45px;max-width:1400px;margin:0 auto}.content-card[data-v-84c54516]{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;margin-bottom:0;padding:70px 40px 30px 55px}.card-content[data-v-84c54516]{padding:30px}.empty-container[data-v-84c54516],.loading-container[data-v-84c54516]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-container i[data-v-84c54516],.loading-container i[data-v-84c54516]{font-size:48px;margin-bottom:16px}.empty-container p[data-v-84c54516],.loading-container span[data-v-84c54516]{font-size:16px;margin:0}.article-list[data-v-84c54516]{display:flex;flex-direction:column;gap:20px}.article-item[data-v-84c54516]{display:flex;gap:20px;padding:20px;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;transition:border-color .3s ease;background:#fff}.article-item[data-v-84c54516]:hover{border-color:#d3474c}.article-cover[data-v-84c54516]{flex-shrink:0;width:200px;height:150px;border-radius:6px;overflow:hidden}.article-cover img[data-v-84c54516]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-info[data-v-84c54516]{flex:1;display:flex;flex-direction:column}.article-list-title[data-v-84c54516]{font-size:20px;font-weight:600;color:#2a2a2a;line-height:1.4;margin:0 0 12px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta[data-v-84c54516]{display:flex;align-items:center;gap:15px;margin-bottom:12px;font-size:13px;color:#999;flex-wrap:wrap}.article-date[data-v-84c54516]{background:#fff2f2;color:#d3474c;padding:4px 12px;border-radius:16px;font-weight:500}.article-author[data-v-84c54516]{color:#666;display:flex;align-items:center}.article-views[data-v-84c54516]{color:#999;display:flex;align-items:center;gap:4px}.article-summary[data-v-84c54516]{font-size:14px;color:#666;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.pagination-container[data-v-84c54516]{display:flex;justify-content:center;margin-top:40px;padding-top:20px;border-top:1px solid #f0f0f0}@media screen and (max-width:1200px){.content-wrapper[data-v-84c54516]{max-width:1000px}.title-sidebar[data-v-84c54516]{width:500px}}@media screen and (max-width:768px){.banner-section[data-v-84c54516]{height:250px}.title-sidebar[data-v-84c54516]{width:100%;height:60px;clip-path:none;position:relative;background:#d3474c}.title-content[data-v-84c54516]{padding:0 20px;text-align:center}.current-page-title[data-v-84c54516]{font-size:24px}.main-content[data-v-84c54516]{padding:21px 0 0 0}.content-wrapper[data-v-84c54516]{padding:0 15px}.card-content[data-v-84c54516]{padding:20px}.article-item[data-v-84c54516]{flex-direction:column;padding:15px}.article-cover[data-v-84c54516]{width:100%;height:180px}.article-list-title[data-v-84c54516]{font-size:18px}.article-meta[data-v-84c54516]{gap:10px}}@media screen and (max-width:480px){.article-item[data-v-84c54516]{padding:12px}.article-cover[data-v-84c54516]{height:150px}.article-list-title[data-v-84c54516]{font-size:16px}.article-meta[data-v-84c54516]{font-size:12px}.article-summary[data-v-84c54516]{font-size:13px}}