.com[data-v-b774c43b]{width:100%;padding:20px;overflow:auto}.com[data-v-b774c43b] .ant-tabs-nav-list .ant-tabs-tab{padding:12px 16px}.com[data-v-b774c43b] .ant-tabs-nav-list .ant-tabs-ink-bar{height:2px;border-radius:3px}.search-section[data-v-b774c43b]{position:relative;display:flex;justify-content:flex-start}.search-section .skill-search-input[data-v-b774c43b]{padding-right:30px;width:300px;background:#f2f3f5}.search-section .skill-search-input[data-v-b774c43b] .ant-input{font-size:16px;color:#3d5683;background:#f2f3f5}.search-section .search-icon[data-v-b774c43b]{position:absolute;width:16px;top:50%;right:6px;transform:translateY(-50%);font-size:20px;color:#92a4c5;cursor:pointer}.skill-store-content[data-v-b774c43b]{background:#fff;border-radius:12px;padding:0 20px 20px;margin-top:20px}.filter-section[data-v-b774c43b]{display:flex;justify-content:space-between;margin:20px 0}.filter-section .sort-tabs[data-v-b774c43b]{display:flex}.filter-section .sort-tabs .sort-title[data-v-b774c43b]{width:68px;height:32px;line-height:32px;text-align:center;border-radius:252px;background:#f2f3f5;color:#595959;cursor:pointer;margin-right:12px}.filter-section .sort-tabs .active[data-v-b774c43b]{background:#08c18a;color:#fff}.skill-list[data-v-b774c43b]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;margin-bottom:24px;min-height:200px}.skill-card[data-v-b774c43b]{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:all .3s;height:100%;display:flex;flex-direction:column;padding:20px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid transparent}.skill-card[data-v-b774c43b]:hover{border:1px solid #08C18A}.skill-card .skill-head .skill-points[data-v-b774c43b]{height:22px;padding:0 4px;background:linear-gradient(137deg,#efecfe,#efecff 52.53%,#d9d2ff);color:#4565f0}.skill-card .skill-icon[data-v-b774c43b]{width:56px;height:56px;background:#f0f7ff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;margin-bottom:12px}.skill-card .skill-icon img[data-v-b774c43b]{width:100%;height:100%;object-fit:cover}.skill-card .skill-icon .skill-icon-placeholder[data-v-b774c43b]{font-size:24px;color:#1890ff}.skill-card .skill-info[data-v-b774c43b]{flex:1;display:flex;flex-direction:column}.skill-card .skill-info .skill-desc[data-v-b774c43b]{font-size:14px;color:#8c8c8c;line-height:1.6;margin:0 0 20px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skill-card .skill-info .add-button[data-v-b774c43b]{width:180px;height:32px;line-height:32px;background:linear-gradient(332deg,#08c18a,#00abf7);color:#fff;cursor:pointer;border-radius:347px;margin:auto;text-align:center}.skill-card .skill-info .add-button[data-v-b774c43b]:hover{opacity:.9;box-shadow:0 4px 12px rgba(24,144,255,.3)}.pagination-section[data-v-b774c43b]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.pagination-section .total-info[data-v-b774c43b]{font-size:14px;color:#8c8c8c}.pagination-section[data-v-b774c43b] .ant-pagination{margin:0}