.basket-float-icon{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:999;cursor:pointer}
.basket-icon-wrapper{width:60px;height:60px;background:#e53935;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s;position:relative}
.basket-float-icon:hover .basket-icon-wrapper{transform:scale(1.05);background:#e91e63}
.basket-icon{position:relative}
.basket-icon .icon-basket{display:inline-block;width:28px;height:28px;background:url('../images/basket.png') no-repeat center center;background-size:contain}
.icon-remove{display:inline-block;width:16px;height:16px;background:url('../images/remove.png') no-repeat center center;background-size:contain}
.basket-badge{position:absolute;top:-10px;right:-22px;background:#000;color:#fff;font-size:12px;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 4px;display:none}
.basket-text{font-size:12px;color:#fff}
.basket-preview{position:absolute;right:62px;top:0;width:280px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:none;overflow:hidden}
.basket-float-icon.hover .basket-preview{display:block}
.basket-preview-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}
.basket-preview-header a{color:#e53935;font-size:12px;text-decoration:none}
.basket-preview-list{max-height:350px;overflow-y:auto}
.basket-preview-empty{padding:40px 20px;text-align:center;color:#909399;font-size:14px}
.basket-preview-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:10px}
.basket-preview-item:hover{background:#f5f7fa}
.basket-preview-item-info{flex:1;overflow:hidden;height:32px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;position:relative}
.basket-preview-item-name{font-size:13px;color:#303133}
.basket-preview-item-remove{font-size:12px;color:#999;text-decoration:none}
.basket-preview-item-remove:hover{color:#f56c6c}
.basket-preview-footer{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}
.basket-preview-total{font-size:14px;color:#606266}
.basket-preview-count{color:#e53935;font-weight:500}
.basket-preview-btn{background:#e53935;color:#fff;padding:6px 20px;border-radius:4px;text-decoration:none;font-size:14px;transition:background .3s}
.basket-preview-btn:hover{opacity:.8;color:#fff}
/*资源篮按钮*/
.view-basket-btn{position: relative;color:#fff;height:40px;display:flex;align-items:center;justify-content:center;background:#3c3c3c;text-align:center;cursor:pointer;font-size:16px;border-radius:3px;min-width:50px}
.view-basket-btn:hover{background:#da3a00}
.view-basket-btn .icon-buy{display:inline-block;width:22px;height:22px;background:url('../images/add-basket.png') no-repeat center center;background-size:contain}
.view-basket-btn .basket-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.9);background:#1f2a3e;color:#fff;padding:5px 14px;border-radius:5px;font-size:12px;font-weight:500;white-space:nowrap;visibility:hidden;opacity:0;transform:translateX(-50%) scale(.9);pointer-events:none;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.view-basket-btn .basket-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1f2a3e}
.view-basket-btn:hover .basket-tip{visibility:visible;opacity:1;transform:translateX(-50%) scale(1)}
/*VIP专享提示*/
.vip-tips-modal{width:360px;border-radius:6px;overflow:hidden;box-shadow:0 8px 40px rgba(255,107,53,.2);position:relative}
.vip-tips-modal-content{padding:30px 20px;text-align:center}
.vip-tips-modal-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#ff6b35,#ff8a3d);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px rgba(255,107,53,.3)}
.vip-tips-modal-icon .iconfont{font-size:30px;color:#fff}
.vip-tips-modal-title{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;background:linear-gradient(135deg,#ff6b35,#ff8a3d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.vip-tips-modal-subtitle{font-size:14px;color:#666;line-height:1.5;margin-bottom:20px}
.vip-tips-modal-features{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.vip-tips-modal-feature{display:flex;align-items:center;gap:6px;font-size:12px;color:#ff6b35;background:rgba(255,107,53,.1);padding:6px 10px;border-radius:30px}
.vip-tips-modal-feature .iconfont{font-size:12px}
.vip-tips-modal-buttons{display:flex;gap:12px;justify-content:center}
.vip-tips-modal-btn{padding:11px 24px;border-radius:24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;min-width:80px}
.vip-tips-modal-btn.cancel{background:#f5f5f5;color:#666;border:1px solid #ddd}
.vip-tips-modal-btn.cancel:hover{background:#e8e8e8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.vip-tips-modal-btn.to_vip{background:linear-gradient(270deg,#f60,#f60,#f74545);color:#fff;box-shadow:0 6px 12px rgba(255,107,53,.3)}
.vip-tips-modal-btn.to_vip:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 8px 16px rgba(255,107,53,.4)}
/* 添加动画 */
.basket-icon-animate {animation: basketShake 0.5s ease;}
@keyframes basketShake {
    0%, 100% { transform: scale(1); }
    25% { transform: scale(1.2); }
    50% { transform: scale(0.9); }
    75% { transform: scale(1.1); }
}