<> .float-window { position: fixed; width: 230px; background-color: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0000.15); padding: 15px; z-index: 9999; font-family: "Microsoft YaHei"sans-serif; border-top: 4px solid #4a90e2; transition: transform 0.3s ease; } .float-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; } .float-header h2 { color: #333; margin: 0; font-size: 10px; } .close-btn { color: #999; font-size: 18px; cursor: pointer; transition: color 0.2s; } .close-btn:hover { color: #ff5252; } .float-content { margin-bottom: 10px; line-height: 1.6; } .float-content p { margin: 8px 0; color: #555; font-size: 9px; } .float-footer { text-align: right; padding-top: 8px; border-top: 1px dashed #f0f0f0; } .float-footer p { margin: 4px 0; color: #888; font-size: 9px; } /* 鼠标悬停效果 */ .float-window:hover { transform: translateY(-3px); box-shadow: 0 6px 25px rgba(0000.18); } /* 链接样式 */ .float-content a { color: #4a90e2; text-decoration: none; } .float-content a:hover { text-decoration: underline; }