.material-container[data-v-25b170c0]{width:var(--page-container-ratio,70%);margin:0 auto;padding:20px;position:relative}.top-nav[data-v-25b170c0]{width:100%;margin-bottom:20px}.nav-tab[data-v-25b170c0],.top-nav[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav-tab[data-v-25b170c0]{width:46%;height:80px;gap:8px;padding:0 30px;background:#fff;border-radius:10px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.nav-tab div[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-tab .tab-icon[data-v-25b170c0]{width:24px;height:24px;margin-right:10px;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.nav-tab .arrow-icon[data-v-25b170c0]{width:23px;height:16px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.nav-tab .arrow-icon.arrow-up[data-v-25b170c0]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-tab:nth-child(2) .tab-icon[data-v-25b170c0]{width:24px;height:24px}.nav-tab:nth-child(2) .arrow-icon[data-v-25b170c0]{width:14px;height:16px}.category-dropdown[data-v-25b170c0]{position:absolute;top:120px;left:20px;right:20px;z-index:1000}.dropdown-content[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;min-height:400px}.category-sidebar[data-v-25b170c0]{width:200px;background:#f8f9fa;border-right:1px solid #e9ecef}.category-sidebar .category-item[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:1px solid #e9ecef}.category-sidebar .category-item[data-v-25b170c0]:hover{background:#e9ecef}.category-sidebar .category-item.active[data-v-25b170c0]{background:#0f6fe2;color:#fff}.category-sidebar .category-item.active .category-icon[data-v-25b170c0]{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.category-sidebar .category-item .category-icon[data-v-25b170c0]{width:20px;height:20px;margin-right:12px;-webkit-transition:-webkit-filter .3s ease;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.category-sidebar .category-item span[data-v-25b170c0]{font-size:14px;font-weight:500}.subcategory-content[data-v-25b170c0]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;background:#fff}.subcategory-grid[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.subcategory-item[data-v-25b170c0]{padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:14px;color:#333;white-space:nowrap}.subcategory-item[data-v-25b170c0]:hover{background:#e9ecef;border-color:#0f6fe2}.subcategory-item.active[data-v-25b170c0]{background:#0f6fe2;color:#fff;border-color:#0f6fe2}.search-section[data-v-25b170c0]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;gap:0}.search-input[data-v-25b170c0],.search-section[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-input[data-v-25b170c0]{background:#fff;border:1px solid #f39800;border-radius:10px;padding:0 15px;width:100%;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.search-input .search-icon[data-v-25b170c0]{width:20px;height:20px;margin-right:10px}.search-input input[data-v-25b170c0]{border:none;outline:none;height:60px;width:100%;font-size:14px}.search-input input[data-v-25b170c0]::-webkit-input-placeholder{color:#999}.search-input input[data-v-25b170c0]::-moz-placeholder{color:#999}.search-input input[data-v-25b170c0]:-ms-input-placeholder{color:#999}.search-input input[data-v-25b170c0]::-ms-input-placeholder{color:#999}.search-input input[data-v-25b170c0]::placeholder{color:#999}.search-btn[data-v-25b170c0]{background:#f39800;color:#fff;border:none;width:160px;height:62px;border-radius:10px;font-size:16px;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease;border-top-left-radius:0;border-bottom-left-radius:0}.search-btn[data-v-25b170c0]:hover{background:#e08a00}.filter-bar[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:15px 20px;background:#f8f9fa;border-radius:6px}.filter-left[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.filter-item[data-v-25b170c0]{gap:5px;padding:8px 15px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#333}.filter-item[data-v-25b170c0],.info-link[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.info-link[data-v-25b170c0]{gap:8px;color:#0f6fe2;text-decoration:none}.info-link .info-icon[data-v-25b170c0]{width:16px;height:16px}[data-v-25b170c0] .category-dropdown-menu{min-width:200px!important;padding:0!important;border-radius:6px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}[data-v-25b170c0] .category-dropdown-menu .el-dropdown-menu__item{padding:12px 20px!important;font-size:14px!important;color:#333!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important;border-bottom:1px solid #f0f0f0!important}[data-v-25b170c0] .category-dropdown-menu .el-dropdown-menu__item:last-child{border-bottom:none!important}[data-v-25b170c0] .category-dropdown-menu .el-dropdown-menu__item:hover{background:#f8f9fa!important;color:#0f6fe2!important}[data-v-25b170c0] .category-dropdown-menu .el-dropdown-menu__item.active{background:#0f6fe2!important;color:#fff!important}[data-v-25b170c0] .date-dropdown-menu{min-width:300px!important;padding:0!important;border-radius:6px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}[data-v-25b170c0] .date-dropdown-menu .el-dropdown-menu__item{padding:0!important;line-height:normal!important}.year-selector[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px;background:#fff;border-bottom:1px solid #e9ecef}.year-selector .year-nav[data-v-25b170c0]{cursor:pointer;width:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.year-selector .year-nav[data-v-25b170c0]:hover{background:#e9ecef;color:#0f6fe2}.year-selector .year-item[data-v-25b170c0]{cursor:pointer;font-size:14px;color:#999;padding:5px 10px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.year-selector .year-item[data-v-25b170c0]:hover{background:#e9ecef;color:#0f6fe2}.year-selector .year-item.active[data-v-25b170c0]{font-weight:700;color:#333;background:#fff}.month-list[data-v-25b170c0]{max-height:300px;overflow-y:auto;background:#fff}.month-list .month-item[data-v-25b170c0]{padding:12px 20px;cursor:pointer;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0;-webkit-transition:all .3s ease;transition:all .3s ease}.month-list .month-item[data-v-25b170c0]:last-child{border-bottom:none}.month-list .month-item[data-v-25b170c0]:hover{background:#f8f9fa;color:#0f6fe2}.month-list .month-item.active[data-v-25b170c0]{background:#0f6fe2;color:#fff}.main-content[data-v-25b170c0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.sidebar[data-v-25b170c0]{width:250px;background:#f8f9fa;border-radius:6px;padding:20px 0}.category-item[data-v-25b170c0]{padding:15px 20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-left:3px solid transparent}.category-item[data-v-25b170c0]:hover{background:#e9ecef}.category-item.active[data-v-25b170c0]{background:#0f6fe2;color:#fff}.category-item span[data-v-25b170c0]{font-size:14px}.content-area[data-v-25b170c0]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;border-radius:6px;overflow:hidden}.table-container[data-v-25b170c0]{overflow-x:auto}.material-table[data-v-25b170c0]{width:100%;border-collapse:collapse}.material-table td[data-v-25b170c0],.material-table th[data-v-25b170c0]{padding:12px 8px;text-align:center;border-bottom:1px solid #eee;font-size:13px}.material-table th[data-v-25b170c0]{background:#f8f9fa;font-weight:600;color:#333}.material-table td[data-v-25b170c0]{color:#666}.material-table .price-link[data-v-25b170c0]{color:#0f6fe2;text-decoration:none}.material-table .price-link[data-v-25b170c0]:hover{text-decoration:underline}.material-table .trend-icon[data-v-25b170c0]{color:#52c41a;font-size:16px}.material-table .collect-icon[data-v-25b170c0]{width:20px;height:20px;cursor:pointer}@media(max-width:1600px){.material-container[data-v-25b170c0]{width:92%;padding:12px}.nav-tab[data-v-25b170c0]{height:64px;padding:0 16px}.dropdown-content[data-v-25b170c0]{min-height:320px}}@media(max-width:1366px){.material-container[data-v-25b170c0]{width:96%;padding:8px}.nav-tab[data-v-25b170c0]{height:56px;padding:0 12px}.category-sidebar[data-v-25b170c0]{width:168px}}@media(max-width:1200px){.material-container[data-v-25b170c0]{width:95%}.search-input[data-v-25b170c0]{width:300px}.sidebar[data-v-25b170c0]{width:200px}.dropdown-content[data-v-25b170c0]{min-height:350px}.category-sidebar[data-v-25b170c0]{width:180px}}@media(max-width:768px){.material-container[data-v-25b170c0]{width:100%;padding:10px}.top-nav[data-v-25b170c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.search-input[data-v-25b170c0],.search-section[data-v-25b170c0]{width:100%}.main-content[data-v-25b170c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar[data-v-25b170c0]{width:100%}.dropdown-content[data-v-25b170c0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:auto}.category-sidebar[data-v-25b170c0]{width:100%;border-right:none;border-bottom:1px solid #e9ecef}.category-sidebar .category-item[data-v-25b170c0]{padding:12px 15px}.subcategory-content[data-v-25b170c0]{padding:15px}.subcategory-grid[data-v-25b170c0]{gap:8px}.subcategory-item[data-v-25b170c0]{padding:6px 12px;font-size:13px}}