.workshop-page{padding:1rem 0}.title-card :deep(.el-card){border:1px solid var(--nss-border-color-lighter);border-radius:12px;box-shadow:var(--nss-shadow-md)}html.dark .title-card :deep(.el-card){border-color:var(--nss-border-color)}.title-card .card-header{color:var(--nss-text-primary);justify-content:space-between}.title-card .card-header,.title-card .card-header .header-left{align-items:center;display:flex}.title-card :deep(.el-card__header){background-color:var(--nss-bg-primary);border-bottom:1px solid var(--nss-border-color-lighter);padding:0!important}html.dark .title-card :deep(.el-card__header){border-bottom-color:var(--nss-border-color)}.title-card .el-card__body{padding:4px 10px!important}.title-card :deep(.el-button--success){background-color:var(--nss-success);border-color:var(--nss-success);transition:all .3s cubic-bezier(.4,0,.2,1)}.title-card :deep(.el-button--success):hover{background-color:var(--nss-success);border-color:var(--nss-success);box-shadow:var(--nss-shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.filter-card :deep(.el-card){border:1px solid var(--nss-border-color-lighter);border-radius:12px;box-shadow:var(--nss-shadow-md)}html.dark .filter-card :deep(.el-card){border-color:var(--nss-border-color)}.filter-card :deep(.el-card__body){padding:1rem}.category-title-card .category-header{align-items:center;color:var(--nss-text-primary);display:flex;font-weight:600;padding:.5rem 0}.workshop-cards-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.workshop-card-item{color:inherit;text-decoration:none}.workshop-card{background-color:var(--nss-bg-primary);border:2px solid var(--nss-border-color-lighter);border-radius:12px;box-shadow:var(--nss-shadow-md);cursor:pointer;display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}html.dark .workshop-card{border-color:var(--nss-border-color)}.workshop-card:hover{border-color:var(--nss-primary);box-shadow:var(--nss-shadow-lg);transform:translateY(-4px)}.workshop-card :deep(.el-card__header){background-color:var(--nss-bg-primary);border-bottom:1px solid var(--nss-border-color-lighter);padding:1rem;position:relative}html.dark .workshop-card :deep(.el-card__header){border-bottom-color:var(--nss-border-color)}.workshop-card .el-card__body{display:flex;flex:1;flex-direction:column;padding:.5rem 1rem}.card-header-wrapper{align-items:center;display:flex;position:relative}.card-header-wrapper .saled-badge{pointer-events:none;position:absolute;right:-12px;top:-12px;z-index:10}.card-header-wrapper .card-header-content{align-items:center;display:flex;flex:1;gap:.5rem;min-width:0}.card-header-wrapper .card-header-content .author-avatar{border:2px solid var(--nss-border-color-lighter);border-radius:50%;box-shadow:var(--nss-shadow-sm);flex-shrink:0;height:2rem;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:2rem}html.dark .card-header-wrapper .card-header-content .author-avatar{border-color:var(--nss-border-color)}.workshop-card:hover .card-header-wrapper .card-header-content .author-avatar{border-color:var(--nss-primary-light);box-shadow:var(--nss-shadow-sm)}.card-header-wrapper .card-header-content .card-title{color:var(--nss-text-primary);flex:1;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.card-body{display:flex;flex:1;flex-direction:column}.card-description{color:var(--nss-text-secondary);display:-webkit-box;font-size:.75rem;line-height:1.6;margin:0 0 1rem;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;min-height:3rem;overflow:hidden}.card-footer{align-items:center;border-top:1px solid var(--nss-border-color-lighter);display:flex;justify-content:space-between;padding-top:.75rem}html.dark .card-footer{border-top-color:var(--nss-border-color)}.card-stats{align-items:center;display:flex;gap:1rem}.card-stats .stat-item{align-items:center;color:var(--nss-text-secondary);display:flex;font-size:.8125rem;gap:.25rem;transition:all .2s ease}.card-stats .stat-item:hover{color:var(--nss-primary);transform:scale(1.1)}.card-stats .stat-item svg{color:var(--nss-primary);font-size:.875rem;transition:all .2s ease}html.dark .card-stats .stat-item svg{color:var(--nss-primary-light)}.card-price .price-vip{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.card-price .price-vip .price-original{align-items:center;color:var(--nss-text-tertiary);display:flex;font-size:.75rem;gap:.25rem}.card-price .price-vip .price-original svg{font-size:.75rem}.card-price .price-normal{align-items:center;color:var(--nss-danger);display:flex;font-weight:600;gap:.375rem;transition:all .2s ease}html.dark .card-price .price-normal{color:var(--nss-danger)}.card-price .price-normal svg{font-size:1rem;transition:all .2s ease}.card-price .price-normal .price-value{font-size:1.125rem}.workshop-card:hover .card-price .price-normal{transform:scale(1.05)}.load-more-wrapper{display:flex;justify-content:center}.load-more-wrapper :deep(.el-button--primary){background-color:var(--nss-primary);border-color:var(--nss-primary);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.load-more-wrapper :deep(.el-button--primary):hover{background-color:var(--nss-primary-light);border-color:var(--nss-primary-light);box-shadow:var(--nss-shadow-md);transform:translateY(-2px)}.workshop-popover :deep(.el-popover__title){margin-bottom:.5rem}.popover-content .popover-title{color:var(--nss-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.popover-content .popover-tags{display:flex;flex-wrap:wrap;gap:.25rem}.popover-content .popover-desc{color:var(--nss-text-secondary);font-size:.8125rem;line-height:1.6;margin:0}.popover-content .popover-author{align-items:center;border-top:1px solid var(--nss-border-color-lighter);color:var(--nss-text-secondary);display:flex;font-size:.8125rem;gap:.5rem;padding-top:.75rem}html.dark .popover-content .popover-author{border-top-color:var(--nss-border-color)}.be-author-dialog :deep(.el-dialog),.new-explore-dialog :deep(.el-dialog){border:1px solid var(--nss-border-color-lighter);border-radius:12px;box-shadow:var(--nss-shadow-lg)}html.dark .be-author-dialog :deep(.el-dialog),html.dark .new-explore-dialog :deep(.el-dialog){border-color:var(--nss-border-color)}.be-author-dialog :deep(.el-dialog__header),.new-explore-dialog :deep(.el-dialog__header){background-color:var(--nss-bg-primary);border-bottom:1px solid var(--nss-border-color-lighter);padding:1.25rem 1.5rem}html.dark .be-author-dialog :deep(.el-dialog__header),html.dark .new-explore-dialog :deep(.el-dialog__header){border-bottom-color:var(--nss-border-color)}.be-author-dialog :deep(.el-dialog__body),.new-explore-dialog :deep(.el-dialog__body){background-color:var(--nss-bg-primary);padding:1.5rem}.be-author-dialog :deep(.el-dialog__footer),.new-explore-dialog :deep(.el-dialog__footer){background-color:var(--nss-bg-primary);border-top:1px solid var(--nss-border-color-lighter)}html.dark .be-author-dialog :deep(.el-dialog__footer),html.dark .new-explore-dialog :deep(.el-dialog__footer){border-top-color:var(--nss-border-color)}.be-author-dialog :deep(.el-button--primary),.new-explore-dialog :deep(.el-button--primary){background-color:var(--nss-primary);border-color:var(--nss-primary);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.be-author-dialog :deep(.el-button--primary):hover,.new-explore-dialog :deep(.el-button--primary):hover{background-color:var(--nss-primary-light);border-color:var(--nss-primary-light);box-shadow:var(--nss-shadow-sm);transform:translateY(-1px)}.be-author-dialog :deep(.el-input__wrapper),.new-explore-dialog :deep(.el-input__wrapper){border-color:var(--nss-border-color);border-radius:8px;transition:all .3s ease}.be-author-dialog :deep(.el-input__wrapper):hover,.new-explore-dialog :deep(.el-input__wrapper):hover{border-color:var(--nss-primary-light)}.be-author-dialog :deep(.el-input__wrapper).is-focus,.new-explore-dialog :deep(.el-input__wrapper).is-focus{border-color:var(--nss-primary);box-shadow:0 0 0 1px var(--nss-primary) inset}.dialog-header{align-items:center;color:var(--nss-text-primary);display:flex;font-weight:600}@media (max-width:1200px){.workshop-cards-container{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.workshop-page{padding:.75rem 0}.title-card :deep(.el-card__body){padding:0}.workshop-cards-container{gap:12px;grid-template-columns:1fr}.workshop-card :deep(.el-card__header){padding:.875rem}.workshop-card :deep(.el-card__body){padding:.875rem}.category-title-card .category-header{font-size:1rem}.be-author-dialog :deep(.el-dialog),.new-explore-dialog :deep(.el-dialog){margin:5vh auto;width:90%!important}.be-author-dialog :deep(.el-dialog__header),.new-explore-dialog :deep(.el-dialog__header){padding:1rem}.be-author-dialog :deep(.el-dialog__body),.new-explore-dialog :deep(.el-dialog__body){padding:1rem}}