.recommend-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.recommend-loading-modal{background:#fff;border-radius:12px;max-width:450px;width:90%;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease;overflow:hidden}.recommend-loading-header{background:#f8f9fa;padding:20px;border-bottom:1px solid #e9ecef}.recommend-loading-title{margin:0;font-size:20px;font-weight:600;color:#333;text-align:center}.recommend-loading-body{padding:24px}.customer-info-section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;color:#495057;margin:0 0 16px}.customer-info-list{background:#f8f9fa;padding:16px;border-radius:8px}.info-item{display:flex;margin-bottom:8px;font-size:14px}.info-item:last-child{margin-bottom:0}.info-label{color:#6c757d;min-width:100px}.info-value{color:#212529;flex:1}.loading-animation-section{display:flex;flex-direction:column;align-items:center;padding:32px 0 16px}.loading-video{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.recommend-loading-video{width:120px;height:120px;object-fit:contain;display:block}.video-text-fallback{font-size:24px;font-weight:700;color:#ff6b35;letter-spacing:1px}.loading-text{color:#6c757d;font-size:14px;margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.recommend-loading-modal{width:95%;max-width:none}.recommend-loading-body{padding:20px}.info-item{flex-direction:column}.info-label{margin-bottom:4px}}