.magnet-box {position: relative;margin: 15px 0;border: 1px solid #e0e0e0;border-radius: 10px;background: #f9fafb;box-shadow: 0 2px 8px rgba(0,0,0,0.08);overflow: hidden;transition: all 0.25s ease-in-out;word-break: break-all; } .magnet-box:hover {background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.12);transform: translateY(-2px); } .magnet-header {background: linear-gradient(135deg, #2196f3, #1976d2);color: #fff;padding: 8px 12px;font-size: 14px;font-weight: 600; } .magnet-content {padding: 12px;display: flex;flex-direction: column;gap: 8px; } .magnet-text {width: 100%;font-size: 14px;color: #333;border: 1px solid #ddd;border-radius: 6px;padding: 10px;background: #fff;line-height: 1.5;resize: none;word-break: break-all;box-sizing: border-box; } .copy-btn { align-self: center; /* ✅ 改成居中 */ background: linear-gradient(135deg, #1e88e5, #42a5f5); color: #fff; border: none; border-radius: 6px; padding: 8px 16px; font-size: 14px; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: all 0.2s; margin-top: 4px; /* ✅ 微调间距 */} .copy-btn:hover {background: linear-gradient(135deg, #42a5f5, #2196f3);transform: scale(1.03); } @media (max-width: 600px) {.magnet-box { border-radius: 8px;}.magnet-header { font-size: 13px; padding: 6px 10px;}.magnet-text { font-size: 13px; padding: 8px;}.copy-btn { width: 100%; text-align: center; padding: 10px; font-size: 15px; align-self: center;} } 磁力链接 magnet:?xt=urn:btih:49da9ec9aa49f77053b7b3f0a9dae4ae5fd47e7d复制