.classification{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.classification-container{max-width:1200px;width:100%;margin:24px auto 50px;display:flex;gap:24px;flex:1}.classification-sidebar{width:240px;flex-shrink:0;background:#fff;border-radius:10px;border:1px solid #e8e8e8;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;align-self:flex-start;position:sticky;top:24px}.classification-main{flex:1;min-width:0}.classification-header{margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;box-shadow:0 2px 6px rgba(0,0,0,.03)}.classification-title{font-weight:700;font-size:22px;color:#1a1a2e;margin:0 0 4px;letter-spacing:-.3px}.classification-count{font-size:13px;color:#999;margin:0}.classification-grid{display:flex;flex-direction:column;gap:16px}.classification-card{display:flex;align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.08)}.classification-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#e14a4a}.classification-card:hover .card-arrow{color:#bd0000;transform:translateX(4px)}.classification-card:hover .card-image img{transform:scale(1.05)}.classification-card .card-image{width:140px;height:140px;flex-shrink:0;border-radius:8px;overflow:hidden;margin-right:20px}.classification-card .card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.classification-card .card-content{flex:1;min-width:0}.classification-card .card-title{font-weight:700;font-size:18px;color:#1a1a2e;margin:0 0 12px}.classification-card .card-desc{font-weight:400;font-size:13px;color:#666;line-height:1.6;overflow:hidden;height:84px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:0}.classification-card .card-tags{display:flex;flex-wrap:wrap;gap:8px}.classification-card .card-tag{display:inline-block;padding:4px 12px;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:16px;font-size:12px;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.classification-card .card-tag:hover{background:rgba(189,0,0,.08);border-color:#bd0000;color:#bd0000}.classification-card .card-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;flex-shrink:0;margin-left:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.classification .no-data{padding:60px 0}.sidebar-header{padding:16px 20px;border-bottom:1px solid #e8e8e8;background:linear-gradient(135deg,#bd0000,#e14a4a)}.sidebar-header h3{font-size:15px;font-weight:600;color:#fff;margin:0;letter-spacing:.3px}.sidebar-list{list-style:none;padding:6px 0;margin:0;max-height:calc(100vh - 200px);overflow-y:auto}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:2px}.sidebar-item{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:10px;border-left:3px solid transparent;position:relative}.sidebar-item:hover{background:rgba(189,0,0,.06);color:#bd0000}.sidebar-item:hover .sidebar-name{color:#bd0000}.sidebar-item.active{background:rgba(189,0,0,.08);border-left-color:#bd0000}.sidebar-item.active .sidebar-name{color:#bd0000;font-weight:600}.sidebar-item .sidebar-icon{width:28px;height:28px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.sidebar-item .sidebar-name{font-size:13px;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}