.social-share-modal .van-popup{max-height:90vh;max-width:90vw}@media (min-width:1024px){.social-share-modal .van-popup{max-height:600px;width:480px}}.social-share-content{background:linear-gradient(135deg,#1f2937,#111827);border-radius:20px;overflow:hidden;padding:0}@media (min-width:1024px){.social-share-content{border-radius:16px}}.header{align-items:flex-start;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:24px 20px 20px}@media (min-width:1024px){.header{padding:28px 32px 24px}}.header-content{align-items:center;display:flex;flex:1}.icon-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;padding:8px}.text-content{flex:1}.title{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 4px}@media (min-width:1024px){.title{font-size:20px}}.subtitle{font-size:14px;line-height:1.4;margin:0;opacity:.9}@media (min-width:1024px){.subtitle{font-size:15px}}.close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s ease}.close-btn:hover{background:#fff3}.social-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:32px 20px 24px}@media (min-width:640px){.social-grid{gap:24px;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.social-grid{gap:28px;grid-template-columns:repeat(4,1fr);padding:36px 32px 28px}}.social-item{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:16px;box-shadow:0 2px 8px #0000000a;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:16px 8px;transition:all .3s ease}.social-item .social-share-button{justify-content:center;text-align:center}.social-item:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.social-item:active{transform:translateY(-2px)}@media (min-width:1024px){.social-item{padding:20px 12px}}.social-icon{margin-bottom:8px}.social-icon .social-share-icon{border-radius:12px!important;display:flex!important;height:40px!important;width:40px!important}@media (min-width:1024px){.social-icon .social-share-icon{height:44px!important;width:44px!important}}.social-label{color:#d1d5db;font-size:12px;font-weight:500;line-height:1.3;text-align:center}@media (min-width:1024px){.social-label{font-size:13px}}.footer{background:#374151;border-top:1px solid #4b5563;display:flex;gap:12px;padding:20px}@media (min-width:1024px){.footer{gap:16px;padding:24px 32px}}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}@media (min-width:1024px){.action-btn{font-size:15px;padding:14px 20px}}.copy-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.copy-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.close-action-btn{background:#4b5563;color:#d1d5db}.close-action-btn:hover{background:#6b7280;color:#f9fafb}