.nav-header[data-v-7c44a05f]{position:sticky;top:0;z-index:100;width:100%;height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05);margin:0 auto}.nav-header .nav-container[data-v-7c44a05f]{max-width:1200px;height:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-header .nav-container .nav-left[data-v-7c44a05f]{display:flex;align-items:center;gap:40px}.nav-header .nav-container .nav-left .logo[data-v-7c44a05f]{height:32px;width:auto;cursor:pointer}.nav-header .nav-container .nav-left .nav-menu[data-v-7c44a05f]{display:flex;gap:24px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-7c44a05f]{font-size:15px;color:#666;cursor:pointer;padding:6px 2px;position:relative}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-7c44a05f]:hover{color:#ff6b00}.nav-header .nav-container .nav-left .nav-menu .menu-item.active[data-v-7c44a05f]{color:#ff6b00;font-weight:500}.nav-header .nav-container .nav-left .nav-menu .menu-item.active[data-v-7c44a05f]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ff6b00;border-radius:1px}@media screen and (max-width:768px){.nav-header .nav-container[data-v-7c44a05f]{padding:0 12px}.nav-header .nav-container .nav-left[data-v-7c44a05f]{gap:20px}.nav-header .nav-container .nav-left .nav-menu[data-v-7c44a05f]{gap:16px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-7c44a05f]{font-size:14px}}.page-wrapper[data-v-285cf08e]{width:100%;min-height:100vh;background:#f6f8fa;display:flex;flex-direction:column;align-items:center}.works-container[data-v-285cf08e]{margin-top:24px;display:flex;min-height:100vh;background:#f6f8fa;padding:24px;gap:24px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;justify-content:center}.works-container .content-area[data-v-285cf08e]{margin:0;flex:1;max-width:800px}.works-container .content-area .search-header[data-v-285cf08e]{margin-bottom:24px}.works-container .content-area .search-header .search-input[data-v-285cf08e]{width:100%;max-width:500px}.works-container .content-area .search-header .search-input[data-v-285cf08e] .el-input__inner{border-radius:20px;height:44px}.works-container .content-area .works-list[data-v-285cf08e]{display:flex;flex-direction:column;gap:16px}.works-container .content-area .works-list .work-card[data-v-285cf08e]{background:#fff;border-radius:12px;padding:20px;display:flex;justify-content:space-between;transition:all .3s ease;cursor:pointer}.works-container .content-area .works-list .work-card[data-v-285cf08e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.works-container .content-area .works-list .work-card .work-content[data-v-285cf08e]{display:flex;gap:16px;flex:1}.works-container .content-area .works-list .work-card .work-content .work-cover[data-v-285cf08e]{width:120px;height:80px;border-radius:8px;overflow:hidden}.works-container .content-area .works-list .work-card .work-content .work-cover img[data-v-285cf08e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.works-container .content-area .works-list .work-card .work-content .work-info[data-v-285cf08e]{flex:1}.works-container .content-area .works-list .work-card .work-content .work-info .title[data-v-285cf08e]{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.works-container .content-area .works-list .work-card .work-content .work-info .description[data-v-285cf08e]{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.works-container .content-area .works-list .work-card .work-content .work-info .author-info[data-v-285cf08e]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.works-container .content-area .works-list .work-card .work-content .work-info .author-info .author-name[data-v-285cf08e]{font-size:14px;color:#666}.works-container .content-area .works-list .work-card .work-content .work-info .author-info .badge[data-v-285cf08e]{color:#fff;background:gold;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px}.works-container .content-area .works-list .work-card .work-content .work-info .stats[data-v-285cf08e]{display:flex;gap:16px;color:#999;font-size:12px}.works-container .content-area .works-list .work-card .work-content .work-info .stats .comments[data-v-285cf08e]{display:flex;align-items:center;gap:4px}.works-container .content-area .works-list .work-card .work-content .work-info .stats .status[data-v-285cf08e]{color:#666}.works-container .content-area .works-list .work-card .work-price[data-v-285cf08e]{padding-left:16px;border-left:1px solid #eee;display:flex;align-items:center}.works-container .content-area .works-list .work-card .work-price .price[data-v-285cf08e]{color:#ff4d4f;font-size:20px;font-weight:600}.works-container .content-area .works-list .loading-status[data-v-285cf08e]{text-align:center;padding:20px 0;color:#999;font-size:14px}.works-container .content-area .works-list .loading-status .loading[data-v-285cf08e]{display:flex;align-items:center;justify-content:center;gap:8px}.works-container .content-area .works-list .loading-status .no-more[data-v-285cf08e]{color:#999}.works-container .category-nav[data-v-285cf08e]{margin:0;width:100px;background:#fff;border-radius:12px;padding:16px;position:sticky;top:84px;height:-moz-fit-content;height:fit-content}.works-container .category-nav .nav-item[data-v-285cf08e]{display:flex;flex-direction:column;align-items:center;padding:12px 0;cursor:pointer;transition:all .3s ease}.works-container .category-nav .nav-item[data-v-285cf08e]:hover{color:#ff6b00}.works-container .category-nav .nav-item.active[data-v-285cf08e]{color:#ff6b00;background:rgba(255,107,0,.1);border-radius:6px}.works-container .category-nav .nav-item .icon-wrapper[data-v-285cf08e]{font-size:24px;margin-bottom:4px}.works-container .category-nav .nav-item .text[data-v-285cf08e]{font-size:14px}@media screen and (max-width:768px){.nav-header .nav-container[data-v-285cf08e]{padding:0 12px}.nav-header .nav-container .nav-left[data-v-285cf08e]{gap:20px}.nav-header .nav-container .nav-left .nav-menu[data-v-285cf08e]{gap:16px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-285cf08e]{font-size:14px}.works-container[data-v-285cf08e]{flex-direction:column;padding:16px}.works-container .category-nav[data-v-285cf08e]{width:100%;order:-1;position:sticky;top:60px;background:#fff;margin-bottom:16px;border-radius:8px;padding:12px;display:flex;overflow-x:auto;flex-wrap:nowrap}.works-container .category-nav[data-v-285cf08e]::-webkit-scrollbar{display:none}.works-container .category-nav .nav-item[data-v-285cf08e]{width:auto;min-width:60px;padding:8px 12px;flex-shrink:0;flex-direction:column;align-items:center}.works-container .category-nav .nav-item.active[data-v-285cf08e]{color:#ff6b00;background:rgba(255,107,0,.1);border-radius:20px}.works-container .category-nav .nav-item .icon-wrapper[data-v-285cf08e]{font-size:20px;margin-bottom:4px}.works-container .category-nav .nav-item .text[data-v-285cf08e]{font-size:12px;white-space:nowrap}.works-container .content-area[data-v-285cf08e]{margin-top:0}}[data-v-285cf08e]::-webkit-scrollbar{width:6px;height:6px}[data-v-285cf08e]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}[data-v-285cf08e]::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}