.doc-menu { position: relative; margin-left: auto; } .doc-menu .doc-btn { cursor: pointer; padding: 10px 15px; display: flex; align-items: center; gap: 8px; color: #333; transition: all 0.3s ease; background: none; border: none; } .doc-menu .doc-btn:hover { color: #0056b3; background: none; } .doc-list { display: none; position: absolute; right: 0; top: 100%; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 8px; padding: 12px; min-width: 320px; z-index: 1000; } .doc-menu:hover .doc-list { display: block; } .doc-item { padding: 12px; display: flex; align-items: center; border-bottom: 1px solid #eee; } .doc-item:last-child { border-bottom: none; } .doc-link { color: #333; text-decoration: none; display: flex; align-items: center; gap: 8px; width: 100%; } .doc-link:hover { color: #0056b3; } .doc-link i { color: #0056b3; } /* 重置所有按钮的基础样式 */ .data-market .btn { background: none; padding: 6px 12px; transition: all 0.3s ease; border: 1px solid; } /* 筛选区域按钮样式 */ .data-market .filter-section .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .data-market .filter-section .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .data-market .filter-section .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .data-market .filter-section .btn-outline-success { color: #198754; border-color: #198754; } .data-market .filter-section .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } /* 卡片中的购买按钮样式 */ .data-market .card .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; display: inline-flex; align-items: center; gap: 4px; } /* 悬停效果 */ .data-market .filter-section .btn-outline-danger:hover { color: #fff; background-color: #dc3545; } .data-market .filter-section .btn-outline-warning:hover { color: #fff; background-color: #ffc107; } .data-market .filter-section .btn-outline-info:hover { color: #fff; background-color: #0dcaf0; } .data-market .filter-section .btn-outline-success:hover { color: #fff; background-color: #198754; } .data-market .filter-section .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; } .data-market .card .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; }