
/* ===== 🔥 v11.0 社交模块 ===== */
.soc-share-bar{position:sticky;top:0;z-index:998;background:linear-gradient(90deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;padding:8px 16px;display:flex;align-items:center;gap:10px;font-size:.82rem;color:#92400e;font-weight:600}
.soc-share-bar .soc-sb-pill{background:#f59e0b;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700;white-space:nowrap}
.soc-share-bar .soc-sb-btn{margin-left:auto;background:#92400e;color:#fff;border:none;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px}
.soc-share-bar .soc-sb-btn:hover{background:#78350f}

/* 投票区 */
.soc-vote{margin-top:18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.soc-vote h3{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0 0 4px}
.soc-vote .soc-vote-sub{font-size:.8rem;color:#64748b;margin-bottom:12px}
.soc-vote .soc-vote-sub b{color:#f97316}
.soc-vote .soc-vote-options{display:flex;flex-direction:column;gap:8px}
.soc-vote .soc-vote-opt{position:relative;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:12px 14px;cursor:pointer;font-size:.9rem;font-weight:600;color:#334155;transition:all .18s;overflow:hidden;text-align:left;font-family:inherit}
.soc-vote .soc-vote-opt:hover{border-color:#f97316;background:#fff7ed}
.soc-vote .soc-vote-opt.active{border-color:#f97316;background:#fff7ed;color:#9a3412}
.soc-vote .soc-vote-bar{position:absolute;left:0;top:0;bottom:0;background:#fed7aa;z-index:0;transition:width .5s ease}
.soc-vote .soc-vote-opt span{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}
.soc-vote .soc-vote-pct{font-size:.8rem;color:#c2410c;font-weight:700}
.soc-vote.voted .soc-vote-opt{cursor:default}
.soc-vote .soc-vote-hint{font-size:.75rem;color:#94a3b8;margin-top:10px;padding-top:10px;border-top:1px dashed #e2e8f0}

/* 分享激励弹窗 */
.soc-share-modal{position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}
.soc-share-modal.show{display:flex}
.soc-share-modal .soc-sm-inner{background:#fff;border-radius:20px;max-width:380px;width:100%;padding:24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative;animation:socSmIn .3s ease}
@keyframes socSmIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.soc-share-modal .soc-sm-title{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:6px}
.soc-share-modal .soc-sm-desc{font-size:.85rem;color:#64748b;margin-bottom:16px;line-height:1.5}
.soc-share-modal .soc-sm-btns{display:flex;gap:8px;margin-bottom:14px}
.soc-share-modal .soc-sm-btn{flex:1;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:12px 8px;cursor:pointer;font-size:.82rem;color:#334155;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;font-family:inherit}
.soc-share-modal .soc-sm-btn:hover{border-color:#f97316;background:#fff7ed}
.soc-share-modal .soc-sm-btn .soc-sm-ico{font-size:1.3rem}
.soc-share-modal .soc-sm-btn.copy-ready{border-color:#10b981;background:#ecfdf5;color:#059669}
.soc-share-modal .soc-sm-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;padding:4px}
.soc-share-modal .soc-sm-copy-row{background:#f1f5f9;border-radius:8px;padding:10px;font-size:.78rem;color:#64748b;font-family:monospace;margin-top:8px;word-break:break-all}

/* 解锁成功弹窗 */
.soc-unlock-modal{position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:10001;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}
.soc-unlock-modal.show{display:flex}
.soc-unlock-modal .soc-um-inner{background:#fff;border-radius:20px;max-width:420px;width:100%;padding:24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative;animation:socSmIn .3s ease}
.soc-unlock-modal .soc-um-icon{font-size:2.5rem;margin-bottom:4px}
.soc-unlock-modal .soc-um-title{font-size:1.1rem;font-weight:800;color:#059669;margin-bottom:4px}
.soc-unlock-modal .soc-um-desc{font-size:.85rem;color:#64748b;margin-bottom:14px}
.soc-unlock-modal .soc-um-list{text-align:left;background:#f8fafc;border-radius:10px;padding:12px;margin-bottom:14px}
.soc-unlock-modal .soc-um-item{display:flex;justify-content:space-between;font-size:.82rem;color:#334155;padding:6px 0;border-bottom:1px dashed #e2e8f0}
.soc-unlock-modal .soc-um-item:last-child{border-bottom:none}
.soc-unlock-modal .soc-um-item b{color:#dc2626}
.soc-unlock-modal .soc-um-btn{background:linear-gradient(135deg,#dc2626,#ea580c);color:#fff;border:none;padding:12px 28px;border-radius:24px;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}
.soc-unlock-modal .soc-um-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;padding:4px}

/* 全站活跃榜（首页） */
.soc-activity-row{margin-top:20px;background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #bae6fd;border-radius:14px;padding:14px 18px}
.soc-activity-row h3{font-size:.92rem;font-weight:800;color:#075985;margin:0 0 10px}
.soc-activity-row .soc-ar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.soc-activity-row .soc-ar-num{font-size:1.4rem;font-weight:800;color:#0369a1}
.soc-activity-row .soc-ar-label{font-size:.72rem;color:#0c4a6e;margin-top:2px}

/* 首页社交分享累计 */
.soc-share-counter{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}
.soc-share-counter b{color:#f59e0b;font-size:.85rem}
