.classification{background:var(--color-bg);min-height:100vh;padding-bottom:var(--spacing-xxl)}.classification-title{font-weight:var(--font-bold);font-size:32px;color:var(--color-title);margin:var(--spacing-xl) 0;text-align:center;line-height:var(--line-height-tight);position:relative}.classification-title:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--color-main),var(--color-submain));margin:var(--spacing-md) auto 0;border-radius:2px}.classification-item{background:var(--color-white);border:1px solid var(--color-border-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:0!important;margin-bottom:var(--spacing-lg)!important;min-height:220px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.classification-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-main),var(--color-submain));opacity:0;transition:opacity var(--transition-base)}.classification-item:hover{border-color:var(--color-main);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.classification-item:hover:before{opacity:1}.classification-item:hover .cla-img img{transform:scale(1.08)}.classification-item:hover .classification-item-text h2{color:var(--color-main)}.classification-item .el-col{height:100%;display:flex;align-items:center}.classification-item .cla-img{width:180px;height:180px;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-bg),#f0f0f0);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.classification-item .cla-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.classification-item-text{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:var(--spacing-lg);flex:1;min-width:0;max-height:180px;overflow:hidden}.classification-item-text h2{font-weight:var(--font-bold);font-size:var(--font-xl);color:var(--color-title);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classification-item-text p{font-weight:var(--font-normal);font-size:var(--font-sm);color:var(--color-subtitle);line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:0}.classification-item-text>div{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);max-height:120px;overflow-y:auto;padding-right:var(--spacing-xs)}.classification-item-text>div::-webkit-scrollbar{width:4px}.classification-item-text>div::-webkit-scrollbar-track{background:var(--color-bg);border-radius:2px}.classification-item-text>div::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.classification-item-text>div span{padding:6px 12px;background:var(--color-bg);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.classification-item-text>div span:hover{color:var(--color-white);background:var(--color-main);border-color:var(--color-main);transform:scale(1.05)}.classification .no-data{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--spacing-xxl)}.classification .no-data .el-empty{transform:scale(1.2)}@media(max-width:1240px){.classification .app-container{max-width:100%;padding:0 var(--spacing-md)}.classification div[style*=min-width]{min-width:auto!important}}@media(max-width:992px){.classification-title{font-size:28px;margin:var(--spacing-lg) 0}.classification-item{min-height:auto;padding:var(--spacing-md)}.classification-item .cla-img{height:140px;width:140px}.classification-item-text{max-height:140px}.classification-item-text h2{font-size:var(--font-lg)}.classification-item-text>div{max-height:80px}}@media(max-width:768px){.classification-title{font-size:24px}.classification-item{padding:var(--spacing-md);margin-bottom:var(--spacing-md)!important}.classification-item .el-row{flex-direction:column;align-items:center;text-align:center}.classification-item .cla-img{height:160px;width:160px;margin:0 auto var(--spacing-md)}.classification-item-text{padding-left:0;align-items:center;max-height:none}.classification-item-text h2{font-size:var(--font-md)}.classification-item-text>div{justify-content:center;max-height:100px}.classification .no-data{padding:var(--spacing-lg)}}