Scroll to Top

Share Your Feedback

Feedback
/* ========================================== * Cross Reference 按鈕視覺強化與位置移至右上角 * ========================================== */ /* 1. 確保搜尋結果的外層容器具有相對定位基準 */ .search-results .elementor-widget-container, .search-results #primary, .search-results main { position: relative !important; } /* 2. 多重強效選擇器:將按鈕移至右側並美化 */ .search-results a[href*="cross-reference"], .search-results a[href*="crossreference"], .search-results .btn-cross-reference { /* 強制改為絕對定位,並拉高層級飛到右上角 */ position: absolute !important; right: 15px !important; top: 15px !important; z-index: 9999 !important; display: inline-flex !important; /* 視覺填滿:台灣半導體品牌深藍色 */ background-color: #0056b3 !important; color: #ffffff !important; /* 文字轉為白色 */ border: 1px solid #0056b3 !important; /* 文字與間距細部調整 */ font-weight: 700 !important; /* 文字加粗 */ font-size: 14px !important; padding: 10px 24px !important; /* 加大點擊範圍 */ border-radius: 50px !important; /* 膠囊圓角 */ text-decoration: none !important; /* 淡淡的藍色陰影提升立體感 */ box-shadow: 0 4px 10px rgba(0, 86, 179, 0.3) !important; transition: all 0.3s ease-in-out !important; align-items: center; justify-content: center; } /* 3. 滑鼠懸停(Hover)互動效果 */ .search-results a[href*="cross-reference"]:hover, .search-results a[href*="crossreference"]:hover, .search-results .btn-cross-reference:hover { background-color: #003d82 !important; /* 懸停時加深藍色 */ border-color: #003d82 !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important; /* 陰影加深 */ transform: translateY(-2px) !important; /* 微微向上浮起 */ } /* 4. RWD 行動裝置優化:當螢幕太小時(如手機),自動回復原本排列以免壓到文字 */ @media (max-width: 767px) { .search-results a[href*="cross-reference"], .search-results a[href*="crossreference"], .search-results .btn-cross-reference { position: relative !important; right: auto !important; top: auto !important; display: block !important; text-align: center; margin: 15px 0 !important; } }