/* 云服务器与裸金属共用的推荐边框、角标。 */
.server-card.server-card-rec,.product-card.server-card-rec{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1,0 10px 30px rgba(99,102,241,.28);animation:srvRecGlow 2.2s ease-in-out infinite;}
.server-card.server-card-rec:hover,.product-card.server-card-rec:hover{border-color:#6366f1;box-shadow:0 0 0 1px #818cf8,0 18px 46px rgba(99,102,241,.4);}
@keyframes srvRecGlow{0%,100%{box-shadow:0 0 0 1px #6366f1,0 8px 24px rgba(99,102,241,.22);}50%{box-shadow:0 0 0 1px #818cf8,0 12px 38px rgba(99,102,241,.45);}}
.server-rec-badge{position:absolute;top:-12px;left:16px;z-index:3;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:600;letter-spacing:0;padding:4px 12px;line-height:1.4;box-shadow:0 4px 12px rgba(99,102,241,.45);}
.server-rec-badge i{margin-right:3px;font-size:10px;}
@media(prefers-reduced-motion:reduce){.server-card-rec{animation:none;}}