.content-page{margin-bottom:30px}.content-page__icon{width:20px;height:20px;margin-right:10px}.content-page .breadcrumb{display:flex;align-items:center;list-style:none;margin:0;padding:0}.content-page .breadcrumb li{margin-right:8px}.content-page .breadcrumb li a{color:#666;-webkit-text-decoration:none;text-decoration:none;font-size:14px}.content-page .breadcrumb li a:hover{color:#d7ef43}.content-page .breadcrumb li.breadcrumb-currency a{color:#333;font-weight:500}.content-page .breadcrumb .breadcrumb-li{color:#999;font-size:12px}.search-section{margin-bottom:40px}.search-section .search-container{background:#f8f9fa;border-radius:12px;padding:30px;text-align:center}.search-section .search-box{display:flex;max-width:600px;margin:0 auto 20px;position:relative}.search-section .search-box .search-input{flex:1;height:50px;padding:0 20px;border:2px solid #e1e5e9;border-radius:25px 0 0 25px;font-size:16px;outline:none;transition:border-color .3s ease}.search-section .search-box .search-input:focus{border-color:#d7ef43}.search-section .search-box .search-input::-moz-placeholder{color:#999}.search-section .search-box .search-input::placeholder{color:#999}.search-section .search-box .search-btn{width:60px;height:50px;background:#d7ef43;border:none;border-radius:0 25px 25px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.search-section .search-box .search-btn:hover{background:#d7ef43}.search-section .search-box .search-btn img{width:20px;height:20px;filter:none}.search-section .search-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.search-section .search-tags .tags-label{color:#666;font-size:14px;margin-right:10px}.search-section .search-tags .tag-btn{padding:6px 16px;background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;font-size:13px;cursor:pointer;transition:all .3s ease}.search-section .search-tags .tag-btn:hover{background:#d7ef43;color:#fff;border-color:#d7ef43}.main-content{display:flex;gap:30px;align-items:stretch}.category-sidebar{width:300px;flex-shrink:0}.category-sidebar .sidebar-header{padding:20px 0;border-bottom:1px solid #e5e5e5}.category-sidebar .sidebar-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.category-sidebar .sidebar-header .sidebar-toggle{display:none;background:none;border:none;color:#333;cursor:pointer;padding:5px}.category-sidebar .sidebar-header .sidebar-toggle img{width:20px;height:20px}.category-sidebar .category-nav{transition:all .3s ease}.category-sidebar .category-nav .category-list{list-style:none;margin:0;padding:0}.category-sidebar .category-nav .category-list .category-item.active>.category-link{color:#d7ef43;font-weight:600}.category-sidebar .category-nav .category-list .category-item.active>.category-link .category-count{color:#d7ef43}.category-sidebar .category-nav .category-list .category-item .category-link{display:flex;align-items:center;padding:15px 0;color:#333;-webkit-text-decoration:none;text-decoration:none;transition:color .2s ease;cursor:pointer;border:none;background:none;width:100%;font-size:20px}.category-sidebar .category-nav .category-list .category-item .category-link:hover{color:#d7ef43}.category-sidebar .category-nav .category-list .category-item .category-link .category-icon{width:22px;height:22px;margin-right:15px;opacity:.7;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.category-sidebar .category-nav .category-list .category-item .category-link:hover .category-icon{opacity:1;transform:scale(1.1)}.category-sidebar .category-nav .category-list .category-item .category-link.active .category-icon{opacity:1;filter:drop-shadow(0 2px 4px rgba(255, 255, 255, 0.3))}.category-sidebar .category-nav .category-list .category-item .category-link .category-name{flex:1;font-size:24px;font-weight:500;line-height:1.4}.category-sidebar .category-nav .category-list .category-item .category-link .category-count{color:#999;font-size:13px;margin-left:auto}.category-sidebar .category-nav .category-list .category-item .subcategory-list{list-style:none;margin:0;padding:0;background:#fafafa}.category-sidebar .category-nav .category-list .category-item .subcategory-list .subcategory-item{border-bottom:1px solid #f0f0f0}.category-sidebar .category-nav .category-list .category-item .subcategory-list .subcategory-item:last-child{border-bottom:none}.category-sidebar .category-nav .category-list .category-item .subcategory-list .subcategory-item.active .subcategory-link{background:#f8fce3;color:#d7ef43;font-weight:500}.category-sidebar .category-nav .category-list .category-item .subcategory-list .subcategory-item .subcategory-link{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 12px 52px;color:#666;-webkit-text-decoration:none;text-decoration:none;font-size:14px;transition:all .3s ease}.category-sidebar .category-nav .category-list .category-item .subcategory-list .subcategory-item .subcategory-link:hover{background:#f0f0f0;color:#d7ef43}.category-sidebar .category-nav .category-list .category-item .subcategory-list .subcategory-item .subcategory-link .article-count{color:#999;font-size:12px}.articles-main{flex:1;min-width:0;margin-left:30px}.articles-main .articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.articles-main .articles-header .articles-info h2{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#333}.articles-main .articles-header .articles-info .articles-count{color:#666;font-size:14px}.articles-main .articles-header .articles-controls .sort-select{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;outline:none}.articles-main .articles-header .articles-controls .sort-select:focus{border-color:#d7ef43}.articles-main .articles-list .article-item{padding:12px 0}.articles-main .articles-list .article-item .article-title{margin:0;font-size:16px;font-weight:400;color:#333;cursor:pointer;transition:color .2s ease;line-height:1.6}.articles-main .articles-list .article-item .article-title:hover{color:#d7ef43}.articles-main .articles-list .article-item .article-separator{margin:8px auto;color:#ddd;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8;width:100%;height:1px;background-color:#ddd;border:none;display:block}.articles-main .empty-state{text-align:center;padding:60px 20px}.articles-main .empty-state .empty-icon{width:120px;height:120px;margin-bottom:20px;opacity:.5}.articles-main .empty-state h3{margin:0 0 10px 0;color:#666;font-size:18px;font-weight:500}.articles-main .empty-state p{margin:0;color:#999;font-size:14px}.articles-main .pagination-wrapper{margin-top:40px;display:flex;justify-content:center}@media(max-width: 768px){.main-content{flex-direction:column;gap:20px}.category-sidebar{width:100%}.category-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center}.category-sidebar .sidebar-header .sidebar-toggle{display:block}.category-sidebar .category-nav{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4, 0, 0.2, 1)}.category-sidebar .category-nav.show{max-height:500px}.search-box .search-input{border-radius:25px;padding-right:70px}.search-box .search-btn{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:20px}.articles-header{flex-direction:column;align-items:flex-start;gap:15px}.articles-list .article-item{padding:10px 0}.articles-list .article-item .article-title{font-size:15px}.articles-list .article-item .article-separator{margin:6px auto;font-size:11px;width:100%}.category-sidebar .category-nav .category-list .category-item .category-link .category-name{font-size:20px}}@media(max-width: 480px){.search-container{padding:20px !important}.search-tags{justify-content:flex-start !important}.search-tags .tags-label{width:100%;margin-bottom:10px}.category-nav .category-link,.subcategory-link{padding:12px 15px !important}.article-content{padding:15px !important}}

/* 组件样式将通过外部 SCSS 文件引入 */