.backend-card-container{display:flex;justify-content:center;align-items:center;background:#f8fafc;border-radius:20px;position:relative}.backend-card-image{max-width:100%;max-height:600px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.card-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-text{font-size:16px;color:#64748b;font-weight:500}.loading-error{font-size:18px;color:#ef4444;font-weight:600;margin-bottom:8px}.error-message{font-size:14px;color:#64748b;margin-bottom:16px;text-align:center}.retry-btn{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s ease}.retry-btn:hover{background:#4f46e5}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.separated-actions{margin-top:-4px;display:flex;gap:12px;justify-content:center;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.action-btn-separated{flex:1;padding:14px 18px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.action-btn-separated.share-poster-btn{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:#fff}.action-btn-separated.share-poster-btn:hover{background:linear-gradient(135deg,#5855eb 0,#7c3aed 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(99,102,241,.4)}.action-btn-separated.copy-link-btn{background:linear-gradient(135deg,#8b5cf6 0,#d946ef 100%);color:#fff}.action-btn-separated.copy-link-btn:hover{background:linear-gradient(135deg,#7c3aed 0,#c026d3 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(139,92,246,.4)}.article-share-card .action-btn-main{flex:1;padding:14px 18px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.article-share-card .share-poster-btn{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4)}.article-share-card .share-poster-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.5);background:linear-gradient(135deg,#5855eb 0,#7c3aed 100%)}.article-share-card .copy-link-btn{background:linear-gradient(135deg,#8b5cf6 0,#d946ef 100%);color:#fff;box-shadow:0 4px 14px rgba(139,92,246,.4)}.article-share-card .copy-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(139,92,246,.5);background:linear-gradient(135deg,#7c3aed 0,#c026d3 100%)}.article-share-card .action-btn-main:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,.3)}.article-share-card .share-tip-title{font-size:16px;font-weight:600;margin-bottom:8px}.article-share-card .share-tip-content{font-size:14px;opacity:.9;line-height:1.4}.article-share-card .share-tip-content .menu-icon{font-size:18px;font-weight:700}.share-container{border-radius:20px;max-width:420px;width:100%;margin-bottom:20px}.action-buttons{display:flex;gap:12px;margin-top:20px}.action-btn{flex:1;padding:14px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.primary{background:#07c160;color:#fff}.action-btn.primary:hover:not(:disabled){background:#06ad56;transform:translateY(-2px)}.action-btn.secondary{background:rgba(255,255,255,.9);color:#333}.action-btn.secondary:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.share-instructions{margin-top:20px;background:rgba(255,255,255,.1);border-radius:12px;padding:16px;color:#fff}.instruction-title{font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.instruction-list{display:flex;flex-direction:column;gap:8px}.instruction-item{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}.step-number{background:rgba(255,255,255,.2);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.step-text{opacity:.9}.wechat-share-guide-compact{margin-top:16px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.guide-compact-title{font-size:14px;font-weight:500;color:#374151;text-align:center;margin-bottom:8px}.guide-compact-methods{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.method-compact{font-size:13px;color:#374151;font-weight:400;background:#f9fafb;border-radius:6px;transition:all .2s ease;white-space:nowrap}.method-compact:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width:480px){.wechat-share-guide-compact{margin-top:12px;padding:5px 14px}.guide-compact-title{font-size:13px;margin-bottom:6px}.guide-compact-methods{gap:12px}.method-compact{font-size:12px}}