【东门兜风】 级别: 高手 精华: 0 发帖: 628 铜板: 629 个 银元: 1052 元 贡献值: 561 点 注册:2023-11-17 登录:2026-08-04 历史记录

.card { background: #ffffff; padding: 5px; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.04), 0 2px 6px rgba(0,0,0,0.02); text-align: center; max-width: 120px; width: 100%; } /* ----- 按钮（关注 / 取消关注）----- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 5px; border: none; border-radius: 40px; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s; min-width: 100%; user-select: none; background: #2563eb; color: #fff; } .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none !important; } .btn-follow { background: #2563eb; color: #fff; } .btn-follow:hover:not(:disabled) { background: #1d4ed8; transform: scale(0.97); } .btn-unfollow { background: #f1f3f5; color: #1e293b; border: 1px solid #e2e8f0; } .btn-unfollow:hover:not(:disabled) { background: #e9edf2; transform: scale(0.97); } /* ----- 状态提示 ----- */ .status { margin-top: 18px; font-size: 14px; color: #64748b; min-height: 24px; transition: color 0.15s; } .status.success { color: #16a34a; } .status.error { color: #dc2626; } .status.info { color: #2563eb; } /* ----- 加载微调器 (仅用于按钮内) ----- */ .spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; } .spinner.dark { border-color: rgba(0, 0, 0, 0.15); border-top-color: #1e293b; } @keyframes spin { to { transform: rotate(360deg); } }