1 2 3 4 5 6 7 8<!doctype html> 9<html lang="en"> 10<head prefix="og: http://ogp.me/ns#"> 11 12 <!-- Preconnect to external domains for faster loading --> 13 <link rel="preconnect" href="https://image.blockchain.news" crossorigin /> 14 <link rel="dns-prefetch" href="https://image.blockchain.news" /> 15 16 <link rel="preconnect" href="https://cdn.adx.ws" crossorigin /> 17 <link rel="dns-prefetch" href="https://cdn.adx.ws" /> 18 <link rel="dns-prefetch" href="https://increaserev.com" /> 19 <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> 20 <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com" /> 21 22 <!-- Preload critical CSS (使ç¨å缩çæ¬) --> 23 <link rel="preload" href="/bn/css/style.min.css?v=r6ORgo13FiL4HDpksvWL3T1t2drxb3bJi4JCed32Gko" as="style" /> 24 25 <!-- SEVIO (cdn.adx.ws) - 主å广åç½ç»ï¼å»¶åå è½½ï¼ä¼å LCPï¼å¼å ³å¨ _AdSlots.cshtml --> 26
26<script> 27 window.addEventListener('load', function() { 28 setTimeout(function() { 29 var s = document.createElement('script'); 30 s.async = true; 31 s.src = 'https://cdn.adx.ws/scripts/loader.js'; 32 document.head.appendChild(s); 33 }, 800); 34 }); 35 </script>
35 36 37 <!-- IncreaseRev START - Loading ad optimization script asynchronously via JavaScript --> 38 39 <!-- IncreaseRev - å·²åç¨ï¼å ä¹æ æ¶å ¥ï¼ä¸ SEVIO èªå¨å¹¿åéå¤ç«äºãå¾å¢å¹¿åæ°éä¸é¡µé¢è´æ --> 40 <!-- IncreaseRev END--> 41 42 <!-- supernovacy START --> 43 44 <!-- supernovacy - 延åå è½½ --> 45 <!-- supernovacy END --> 46 47 <!-- Dark mode --> 48
48<script> 49 const storedTheme = localStorage.getItem('theme') 50 51 const getPreferredTheme = () => { 52 if (storedTheme) { 53 return storedTheme 54 } 55 // No saved preference yet: default to light (was a copy-paste bug that 56 // always returned 'dark' regardless of the matchMedia result). 57 return 'light' 58 } 59 60 const setTheme = function (theme) { 61 if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) { 62 document.documentElement.setAttribute('data-bs-theme', 'dark') 63 } else { 64 document.documentElement.setAttribute('data-bs-theme', theme) 65 } 66 } 67 68 setTheme(getPreferredTheme()) 69 70 window.addEventListener('DOMContentLoaded', () => { 71 var el = document.querySelector('.theme-icon-active'); 72 if (el != 'undefined' && el != null) { 73 const showActiveTheme = theme => { 74 const activeThemeIcon = document.querySelector('.theme-icon-active use') 75 const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`) 76 const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href') 77 78 document.querySelectorAll('[data-bs-theme-value]').forEach(element => { 79 element.classList.remove('active') 80 }) 81 82 btnToActive.classList.add('active') 83 activeThemeIcon.setAttribute('href', svgOfActiveBtn) 84 } 85 86 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => { 87 // Only follow the OS-level change when the user never explicitly 88 // picked light/dark (was `||`, which is always true and overwrote 89 // any explicit choice the moment the OS scheme changed). 90 if (storedTheme !== 'light' && storedTheme !== 'dark') { 91 setTheme(getPreferredTheme()) 92 } 93 }) 94 95 showActiveTheme(getPreferredTheme()) 96 97 document.querySelectorAll('[data-bs-theme-value]') 98 .forEach(toggle => { 99 toggle.addEventListener('click', () => { 100 const theme = toggle.getAttribute('data-bs-theme-value') 101 localStorage.setItem('theme', theme) 102 setTheme(theme) 103 showActiveTheme(theme) 104 }) 105 }) 106 107 } 108 }) 109 110 </script>
110 111 112 <!-- Google Font - å¼æ¥å è½½ --> 113 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 114 <link rel="preconnect" href="https://fonts.googleapis.com"> 115 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" /> 116 <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" /> 117 <noscript><link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet" /></noscript> 118 119 <!-- Plugins CSS - å¼æ¥å è½½éå ³é®å¾æ åä½ --> 120 <link rel="preload" as="style" href="/bn/vendor/font-awesome/css/all.min.css" /> 121 <link rel="stylesheet" href="/bn/vendor/font-awesome/css/all.min.css" media="print" onload="this.media='all'" /> 122 <noscript><link rel="stylesheet" href="/bn/vendor/font-awesome/css/all.min.css" /></noscript> 123 124 <link rel="preload" as="style" href="/bn/vendor/bootstrap-icons/bootstrap-icons.css" /> 125 <link rel="stylesheet" href="/bn/vendor/bootstrap-icons/bootstrap-icons.css" media="print" onload="this.media='all'" /> 126 <noscript><link rel="stylesheet" href="/bn/vendor/bootstrap-icons/bootstrap-icons.css" /></noscript> 127 128 <link rel="preload" as="style" href="/bn/vendor/tiny-slider/tiny-slider.css" /> 129 <link rel="stylesheet" href="/bn/vendor/tiny-slider/tiny-slider.css" media="print" onload="this.media='all'" /> 130 <noscript><link rel="stylesheet" href="/bn/vendor/tiny-slider/tiny-slider.css" /></noscript> 131 132 <style id="critical-css">:root {--bs-black:#000;--bs-white:#fff;--bs-gray-300:#dfe0e5;--bs-gray-400:#d0d4d9;--bs-gray-500:#a1a1a8;--bs-gray-600:#595d69;--bs-gray-700:#29292e;--bs-gray-800:#191a1f;--bs-primary:#2163e8;--bs-primary-rgb:33,99,232;--bs-success-rgb:12,188,135;--bs-info-rgb:79,158,248;--bs-warning-rgb:247,195,46;--bs-danger-rgb:214,41,62;--bs-dark-rgb:25,26,31;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-font-family:"Rubik",sans-serif;--bs-body-font-size:0.9375rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#595d69;--bs-body-color-rgb:89,93,105;--bs-body-bg:#fff;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:#d0d4d9;--bs-tertiary-bg:#f7f8f9;--bs-tertiary-bg-rgb:247,248,249;--bs-heading-color:var(--bs-gray-800);--bs-link-color:#2163e8;--bs-link-color-rgb:33,99,232;--bs-link-hover-color:#1a4fba;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:rgba(0, 0, 0, 0.1);--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.25rem;--bs-border-radius-lg:0.7rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-box-shadow:0px 0px 20px rgba(83, 88, 93, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(83, 88, 93, 0.15);--bs-box-shadow-lg:0 1rem 3rem rgba(83, 88, 93, 0.15);--bs-form-invalid-border-color:#dc3545}*,::after,::before {-webkit-box-sizing:border-box;box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body {margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr {margin:1rem 0;color:var(--bs-gray-500);border:0;border-top:var(--bs-border-width) solid;opacity:.25}h2 {font-size:calc(1.3125rem + .75vw)}@media (min-width:1200px){h2{font-size:1.875rem}}h3 {font-size:calc(1.2890625rem + .46875vw)}@media (min-width:1200px){h3{font-size:1.640625rem}}p {margin-top:0;margin-bottom:1rem}ul {padding-left:2rem}ul {margin-top:0;margin-bottom:1rem}.small {font-size:.875em}a {color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:none}figure {margin:0 0 1rem}table {caption-side:bottom;border-collapse:collapse}th {text-align:inherit;text-align:-webkit-match-parent}label {display:inline-block}button {border-radius:0}button {text-transform:none}[type=button],[type=submit],button {-webkit-appearance:button}[type=search] {-webkit-appearance:textfield;outline-offset:-2px}iframe {border:0}.lead {font-size:1.171875rem;font-weight:400}.figure {display:inline-block}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {--bs-gutter-x:1.875rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:96%}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:94%}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:94%}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}:root {--bs-breakpoint-xxl:1400px}.row {--bs-gutter-x:1.875rem;--bs-gutter-y:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.col {-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.col-auto {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-1 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-2 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-3 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-4 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-5 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-6 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-7 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-8 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-9 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-10 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-11 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-12 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.g-0,.gx-0 {--bs-gutter-x:0}.g-0,.gy-0 {--bs-gutter-y:0}.g-2,.gx-2 {--bs-gutter-x:0.5rem}
132.g-2,.gy-2 {--bs-gutter-y:0.5rem}.g-3,.gx-3 {--bs-gutter-x:1rem}.g-3,.gy-3 {--bs-gutter-y:1rem}.g-4,.gx-4 {--bs-gutter-x:2rem}.g-4,.gy-4 {--bs-gutter-y:2rem}@media (min-width:576px){.col-sm{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:2rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:2rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}
132.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:2rem}.g-md-4,.gy-md-4{--bs-gutter-y:2rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:2rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:2rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:2rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:2rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}.col-form-label {padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.btn {--bs-btn-padding-x:1rem;--bs-btn-padding-y:0.5rem;--bs-btn-font-family: ;--bs-btn-font-size:0.9375rem;--bs-btn-font-weight:500;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.25rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-primary {--bs-btn-color:#fff;--bs-btn-bg:#2163e8;--bs-btn-border-color:#2163e8;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#1c54c5;--bs-btn-hover-border-color:#1a4fba;--bs-btn-focus-shadow-rgb:66,122,235;--bs-btn-active-color:#fff;--bs-btn-active-bg:#1a4fba;--bs-btn-active-border-color:#194aae;--bs-btn-active-shadow:none;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#2163e8;--bs-btn-disabled-border-color:#2163e8}.btn-lg {--bs-btn-padding-y:0.8rem;--bs-btn-padding-x:1.5rem;--bs-btn-font-size:1rem;--bs-btn-border-radius:0.2rem}.btn-sm {--bs-btn-padding-y:0.4rem;--bs-btn-padding-x:0.8rem;--bs-btn-font-size:0.8125rem;--bs-btn-border-radius:0.2rem}.collapse:not(.show) {display:none}.collapsing {height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}.collapsing.collapse-horizontal {width:0;height:auto;-webkit-transition:width .35s ease;transition:width .35s ease}.dropdown-toggle {white-space:nowrap}.dropdown-menu {--bs-dropdown-zindex:1000;--bs-dropdown-min-width:15rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:1rem;--bs-dropdown-spacer:0;--bs-dropdown-font-size:0.9375rem;--bs-dropdown-color:#595d69;--bs-dropdown-bg:var(--bs-white);--bs-dropdown-border-color:var(--bs-border-color);--bs-dropdown-border-radius:0.25rem;--bs-dropdown-border-width:0;--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color);--bs-dropdown-divider-margin-y:0.5rem;
132--bs-dropdown-box-shadow:0px 20px 30px rgba(83, 88, 93, 0.05),0px 0px 30px rgba(83, 88, 93, 0.1);--bs-dropdown-link-color:var(--bs-gray-600);--bs-dropdown-link-hover-color:#2163e8;--bs-dropdown-link-hover-bg:transparent;--bs-dropdown-link-active-color:#2163e8;--bs-dropdown-link-active-bg:transparent;--bs-dropdown-link-disabled-color:var(--bs-gray-600);--bs-dropdown-item-padding-x:2rem;--bs-dropdown-item-padding-y:0.4rem;--bs-dropdown-header-color:var(--bs-gray-800);--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-item {display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:500;color:var(--bs-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.nav {--bs-nav-link-padding-x:0.75rem;--bs-nav-link-padding-y:0.25rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-body-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-gray-500)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link {display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);background:0 0;border:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.navbar {--bs-navbar-padding-x:0;--bs-navbar-padding-y:0;--bs-navbar-color:var(--bs-gray-600);--bs-navbar-hover-color:#2163e8;--bs-navbar-disabled-color:rgba(var(--bs-black-rgb), 0.3);--bs-navbar-active-color:#2163e8;--bs-navbar-brand-padding-y:30px;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:1rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-black-rgb), 0.1);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-nav {--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.25rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.show {color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu {position:static}.navbar-collapse {-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler {padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);-webkit-transition:var(--bs-navbar-toggler-transition);transition:var(--bs-navbar-toggler-transition)}.navbar-toggler-icon {display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll {max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:992px){.navbar-expand-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}
132.card {--bs-card-spacer-y:0.75rem;--bs-card-spacer-x:1.25rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color:var(--bs-heading-color);--bs-card-subtitle-color: ;--bs-card-border-width:0;--bs-card-border-color:var(--bs-border-color);--bs-card-border-radius:0.7rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:0.7rem;--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:var(--bs-body-bg);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1.25rem;--bs-card-group-margin:0.9375rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card-body {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title {margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.visually-hidden {width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.object-fit-contain {-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover {-o-object-fit:cover!important;object-fit:cover!important}.overflow-hidden {overflow:hidden!important}.d-block {display:block!important}.d-flex {display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-none {display:none!important}.shadow {-webkit-box-shadow:var(--bs-box-shadow)!important;box-shadow:var(--bs-box-shadow)!important}.shadow-sm {-webkit-box-shadow:var(--bs-box-shadow-sm)!important;box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg {-webkit-box-shadow:var(--bs-box-shadow-lg)!important;box-shadow:var(--bs-box-shadow-lg)!important}.position-relative {position:relative!important}.position-absolute {position:absolute!important}.position-fixed {position:fixed!important}.top-0 {top:0!important}.bottom-0 {bottom:0!important}.start-0 {left:0!important}.end-0 {right:0!important}.border-0 {border:0!important}.border-top {border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom {border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-primary {--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-1 {border-width:1px!important}.border-2 {border-width:2px!important}.w-100 {width:100%!important}.h-100 {height:100%!important}.flex-column {-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-grow-1 {-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0 {-ms-flex-negative:0!important;flex-shrink:0!important}.flex-wrap {-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap {-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.justify-content-center {-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between {-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around {-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start {-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-center {-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.m-0 {margin:0!important}.m-2 {margin:.5rem!important}.m-3 {margin:1rem!important}.mx-1 {margin-right:.25rem!important;margin-left:.25rem!important}.mx-2 {margin-right:.5rem!important;margin-left:.5rem!important}.my-0 {margin-top:0!important;margin-bottom:0!important}.my-1 {margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2 {margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3 {margin-top:1rem!important;margin-bottom:1rem!important}.my-4 {margin-top:2rem!important;margin-bottom:2rem!important}.mt-2 {margin-top:.5rem!important}.mt-3 {margin-top:1rem!important}.mt-4 {margin-top:2rem!important}.mt-5 {margin-top:3rem!important}.me-1 {margin-right:.25rem!important}.me-2 {margin-right:.5rem!important}.me-3 {margin-right:1rem!important}.mb-0 {margin-bottom:0!important}.mb-1 {margin-bottom:.25rem!important}.mb-2 {margin-bottom:.5rem!important}.mb-3 {margin-bottom:1rem!important}.mb-4 {margin-bottom:2rem!important}.mb-5 {margin-bottom:3rem!important}.ms-3 {margin-left:1rem!important}.p-0 {padding:0!important}.p-2 {padding:.5rem!important}.p-3 {padding:1rem!important}.p-4 {padding:2rem!important}.px-0 {padding-right:0!important;padding-left:0!important}.px-1 {padding-right:.25rem!important;padding-left:.25rem!important}.px-2 {padding-right:.5rem!important;padding-left:.5rem!important}.px-3 {padding-right:1rem!important;padding-left:1rem!important}.py-1 {padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2 {padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3 {padding-top:1rem!important;padding-bottom:1rem!important}.pt-0 {padding-top:0!important}.pt-2 {padding-top:.5rem!important}.pt-3 {padding-top:1rem!important}.pt-4 {padding-top:2rem!important}.pt-5 {padding-top:3rem!important}.pb-0 {padding-bottom:0!important}.pb-3 {padding-bottom:1rem!important}.pb-4 {padding-bottom:2rem!important}.ps-0 {padding-left:0!important}.text-center {text-align:center!important}.text-primary {--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-white {--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body {--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted {--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.bg-primary {--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-dark {--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-white {--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-transparent {--bs-bg-opacity:1;background-color:transparent!important}.rounded {border-radius:var(--bs-border-radius)!important}.rounded-2 {border-radius:var(--bs-border-radius)!important}.rounded-3 {border-radius:var(--bs-border-radius-lg)!important}.rounded-circle {border-radius:50%!important}.h-100 {height:100%!important}.w-100 {width:100%!important}.btn {letter-spacing:.5px;position:relative;overflow:hidden;outline:0;white-space:nowrap;margin-bottom:6px}.card-img-flash {position:relative;overflow:hidden}@-webkit-keyframes imgflash{100%{left:125%}}@keyframes imgflash{100%{left:125%}}.dropdown-menu {-webkit-box-shadow:0 20px 30px rgba(83,88,93,.05),0 0 30px rgba(83,88,93,.1);box-shadow:0 20px 30px rgba(83,88,93,.05),0 0 30px rgba(83,88,93,.1)}.dropdown-item {font-weight:400;text-transform:capitalize;position:relative}</style> 133 <link rel="stylesheet" type="text/css" href="/bn/css/style.min.css?v=r6ORgo13FiL4HDpksvWL3T1t2drxb3bJi4JCed32Gko" media="print" onload="this.media='all'" /> 134 <noscript><link rel="stylesheet" type="text/css" href="/bn/css/style.min.css?v=r6ORgo13FiL4HDpksvWL3T1t2drxb3bJi4JCed32Gko" /></noscript> 135 <style>.logo img,.navbar-brand-item{aspect-ratio:143/35;height:auto;max-width:100%}.post-content img,.post-content iframe,.post-content video,.post-content embed{max-width:100%}.post-content img{height:auto}.post-content img:not([width]),.post-content img:not([height]){aspect-ratio:16/9;object-fit:contain}.post-content iframe,.post-content .video{aspect-ratio:16/9}.post-content .video iframe{height:100%}.entry .thumbnail-attachment,.card-img-scale,.profile-post-image,.profile-follow-image{contain:layout paint}@media (max-width:991.98px){footer.bg-dark{content-visibility:auto;contain-intrinsic-size:500px}}i.bi,i[class^="bi-"],i[class*=" bi-"],i.fa,i.fas,i.far,i.fab,i.fal,i.fad,i[class^="fa-"],i[class*=" fa-"],span.bi,span[class^="bi-"],span[class*=" bi-"]{display:inline-block;min-width:1em;min-height:1em;line-height:1;vertical-align:-.125em}</style> 136 137 <style>[data-aaad]{display:none !important;}</style> 138 139 140 141 142 143 <!-- Google Web Fonts 144 ================================================== --> 145 146 147 <!-- Google Analytics, AdSense, GPT deferred loader --> 148
148<script> 149 window.addEventListener('load', function() { 150 setTimeout(function() { 151 // Initialize GA/GPT right before their scripts are injected. 152
vendor: 181 bytes, lines 152-155
152window.dataLayer = window.dataLayer || []; 153 function gtag() { dataLayer.push(arguments); } 154 gtag('js', new Date()); 155 gtag('config', '
155G-9D0JVJWC9W
vendor: 21 bytes, lines 155-156
155'); 156
156window.googletag = window.googletag || { cmd: [] }; 157 158 // 1. 延è¿å è½½ Google Analytics 主èæ¬ 159 var ga = document.createElement('script'); 160 ga.async = true; 161 ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-9D0JVJWC9W'; 162 document.head.appendChild(ga); 163 164 165 // 3. 延è¿å è½½ GPT (Google Publisher Tag) 166 var gpt = document.createElement('script'); 167 gpt.async = true; 168 gpt.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js'; 169 document.head.appendChild(gpt); 170 }, 1800); // 1.8 ç§å»¶è¿ï¼å®ç¾é¿å¼é¦å± FCP & LCP 渲æé»éæ¶é´ 171 }); 172 </script>
172 173 174 <!-- Mobile Sticky Anchor (Bottom) --> 175 <!--
175<script> 176 googletag.cmd.push(function () { 177 var anchorSlot = googletag.defineOutOfPageSlot( 178 '/23336661908/Anchor', 179 googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR 180 ); 181 182 if (anchorSlot) { 183 anchorSlot.addService(googletag.pubads()); 184 } 185 186 googletag.pubads().enableSingleRequest(); 187 googletag.enableServices(); 188 }); 189 </script>
189 --> 190 191 <!-- Desktop Side Rail Anchors - å·²åç¨ï¼è´´è¾¹å¹¿åå½±åé 读ä½éªï¼30ç§èªå¨å·æ°å¯è½è¿å广åæ¿ç --> 192 193 <!-- ad.plus END--> 194 195 196 197 <!-- Basic Page Needs 198 ================================================== --> 199 <!--meta info--> 200 <!--meta info--> 201 <meta charset="utf-8"> 202 <meta name="author" content="blockchain.news"> 203 204 <meta name="keywords" content="crypto news, bitcoin, ethereum, stocks, stock market, US stocks, price prediction, ETF, blockchain, crypto market analysis, nvidia stock, tesla stock" /> 205 <!-- Meta Tags --> 206 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 207 <meta charset="utf-8" /> 208 209 <meta name='impact-site-verification' value='2da179bd-8e88-4796-b940-3f4cc3d4fc5b'> 210 211 212 213 214 215 <meta property="og:type" content="page" /> 216 <meta property="og:title" content="Contact" /> 217 <meta property="og:image" /> 218 <meta itemprop="image" /> 219 <meta property="og:url" /> 220 <meta property="twitter:image" /> 221 <meta property="twitter:site" /> 222 <meta property="twitter:title" content="Contact" /> 223 <meta property="twitter:description" content="Contact | Real-time crypto and stock market coverage, Wall Street equities, and price predictions on Blockchain.News." /> 224 <meta property="og:description" content="Contact | Real-time crypto and stock market coverage, Wall Street equities, and price predictions on Blockchain.News." /> 225 <meta name="Description" content="Contact | Real-time crypto and stock market coverage, Wall Street equities, and price predictions on Blockchain.News." /> 226 <meta property="fb:app_id" content="2602656609775939" /> 227 228 229 230 <!--Twitter tags--> 231 <meta name="twitter:card" content="summary_large_image"> 232 233 <!--Render Post info for social media sharing--> 234 235 236 237 238 <!-- Mobile Specific Metas 239 ================================================== --> 240 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 241 242 <!-- Vendor CSS 243 ============================================ --> 244 245 246 247 248 249 <link rel="canonical" href="https://blockchain.news/contact" /> 250 <title>Contact - Blockchain.News</title> 251 252 253 254 255 256 257 258 259 <!-- CSS theme files 260 ============================================ --> 261 262 <style> 263 /* 导èªæ 容å¨*/ 264 .navbar-collapse { 265 width: 100%; 266 } 267 268 /* 导èªé¡¹å表 */ 269 .navbar-nav { 270 width: 100%; 271 display: flex; 272 justify-content: space-between; 273 align-items: center; 274 } 275 276 /* 导èªé¡¹ */ 277 .navbar-nav > li { 278 text-align: center; 279 white-space: nowrap; /* é²æ¢æåæ¢è¡ */ 280 } 281 282 /* æ¡é¢ï¼ç¼©å°ä¸»å¯¼èªæ¯ä¸é¡¹çå·¦å³çç½ï¼News ä¸ Price ä¼æ´è¿ */ 283 @media (min-width: 992px) { 284 .navbar-expand-lg .navbar-nav .nav-link { 285 padding-left: 0.65rem; 286 padding-right: 0.65rem; 287 } 288 } 289 290 /* ä¸æèåæ ·å¼è°æ´ */ 291 .dropdown-menu { 292 min-width: max-content; /* ç¡®ä¿ä¸æèå宽度éåºå 容 */ 293 } 294 295 /* ååºå¼è°æ´ */ 296 @media (max-width: 991.98px) { 297 .navbar-nav { 298 flex-direction: column; 299 } 300 301 .navbar-nav > li { 302 width: 100%; 303 text-align: left; 304 } 305 } 306 307 .nav-item.flashnews-item { 308 position: relative; 309 display: inline-block; 310 } 311 312 .hot-label { 313 position: absolute; 314 top: 20%; 315 right: -10px; 316 font-size: 0.65em; 317 padding: 2px 6px; 318 border-radius: 4px; 319 font-weight: bold; 320 animation: flame 1.5s infinite; /* æ¹ç¨ç«ç°å¨ç» */ 321 text-transform: uppercase; 322 background: linear-gradient(45deg, #FF3131, #FFA500); /* æ´åç«ç°çæ¸å */ 323 z-index: 1; 324 line-height: 1.4; 325 letter-spacing: 0.5px; 326 transition: top 0.3s ease; 327 } 328 329 /* æ»å¨ç¶æ */ 330 .navbar-sticky.header-sticky .hot-label { 331 top: 5px; /* æ»å¨åçä½ç½® */ 332 } 333 334 [data-bs-theme="light"] .hot-label { 335 color: white; 336 box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 337 0 0 25px rgba(255, 165, 0, 0.5); 338 text-shadow: 0 0 8px rgba(255, 49, 49, 0.8), 339 0 0 12px rgba(255, 165, 0, 0.6); 340 } 341 342 [data-bs-theme="dark"] .hot-label { 343 background: linear-gradient(45deg, #FF3131, #FFA500); 344 color: white; 345 box-shadow: 0 0 20px rgba(255, 49, 49, 0.7), 346 0 0 30px rgba(255, 165, 0, 0.5); 347 text-shadow: 0 0 8px rgba(255, 49, 49, 0.8), 348 0 0 12px rgba(255, 165, 0, 0.6); 349 } 350 351 @keyframes flame { 352 0% { 353 transform: scale(1); 354 box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 355 0 0 25px rgba(255, 165, 0, 0.5); 356 } 357 50% { 358 transform: scale(1.1); 359 box-shadow: 0 0 20px rgba(255, 49, 49, 0.9), 360 0 0 35px rgba(255, 165, 0, 0.7); 361 } 362 100% { 363 transform: scale(1); 364 box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 365 0 0 25px rgba(255, 165, 0, 0.5); 366 } 367 } 368 369 /* 移å¨ç«¯éé */ 370 @media (max-width: 991px) { 371 .hot-label { 372 top: 45%; 373 transform: translateY(-50%); 374 right: 15px; 375 font-size: 0.7em; 376 padding: 3px 8px; 377 } 378 379 @keyframes flame { 380 0% { 381 transform: translateY(-50%) scale(1); 382 box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 383 0 0 25px rgba(255, 165, 0, 0.5); 384 } 385 50% { 386 transform: translateY(-50%) scale(1.1); 387 box-shadow: 0 0 20px rgba(255, 49, 49, 0.9), 388 0 0 35px rgba(255, 165, 0, 0.7); 389 } 390 100% { 391 transform: translateY(-50%) scale(1); 392 box-shadow: 0 0 15px rgba(255, 49, 49, 0.7), 393 0 0 25px rgba(255, 165, 0, 0.5); 394 } 395 } 396 } 397 398 .navbar-collapse .nav-item.flashnews-item { 399 position: relative; 400 } 401 402 .chat-container { 403 height: 400px; 404 display: flex; 405 flex-direction: column; 406 } 407 408 .chat-messages { 409 flex-grow: 1; 410 overflow-y: auto; 411 padding: 10px; 412 background: #f8f9fa; 413 margin-bottom: 10px; 414 } 415 416 .chat-input { 417 padding: 10px 0; 418 } 419 420 .message { 421 margin-bottom: 10px; 422 padding: 8px; 423 border-radius: 8px; 424 max-width: 80%; 425 } 426 427 .user-message { 428 background: #007bff; 429 color: white; 430 margin-left: auto; 431 } 432 433 .bot-message { 434 background: #e9ecef; 435 margin-right: auto; 436 } 437 438 @keyframes pulse { 439 0% { 440 opacity: 1;
441 transform: scale(1); 442 } 443 444 50% { 445 opacity: 0.3; 446 transform: scale(1.2); 447 } 448 449 100% { 450 opacity: 1; 451 transform: scale(1); 452 } 453 } 454 455 .animate-pulse { 456 animation: pulse 1.5s infinite; 457 display: inline-block; 458 } 459 460 .typing-indicator { 461 display: flex; 462 gap: 4px; 463 padding: 8px 12px; 464 background: #e9ecef; 465 border-radius: 15px; 466 margin: 10px 0; 467 width: fit-content; 468 } 469 470 .typing-indicator span { 471 width: 8px; 472 height: 8px; 473 background: #6c757d; 474 border-radius: 50%; 475 animation: typing 1s infinite ease-in-out; 476 } 477 478 .typing-indicator span:nth-child(1) { 479 animation-delay: 0.1s; 480 } 481 482 .typing-indicator span:nth-child(2) { 483 animation-delay: 0.2s; 484 } 485 486 .typing-indicator span:nth-child(3) { 487 animation-delay: 0.3s; 488 } 489 490 @keyframes typing { 491 0%, 100% 492 493 { 494 transform: translateY(0); 495 } 496 497 50% { 498 transform: translateY(-10px); 499 } 500 501 } 502 503 /*logo大å°æ§å¶*/ 504 /* æ·»å è¿äº CSS è§å */ 505 .navbar-brand { 506 flex-shrink: 0 !important; /* é²æ¢ logo 被å缩 */ 507 width: auto !important; /* é²æ¢å®½åº¦è¢«æ¤å */ 508 } 509 510 .navbar-brand-item { 511 width: 190px !important; /* æè ä½ æ³è¦çå ·ä½å°ºå¯¸ */ 512 height: 50px !important; 513 max-width: none !important; /* é²æ¢è¢« max-width éå¶ */ 514 flex: none !important; /* é²æ¢ flex å¸å±å½±å */ 515 } 516 517 /* ç¡®ä¿ logo 容å¨ä¸ååä½å¤§å°å½±å */ 518 .navbar > .container { 519 display: flex; 520 align-items: center; 521 } 522 523 524 525 /* 移å¨ç«¯é¡¶é¨æ æ ·å¼ */ 526 .navbar-top-mobile { 527 background-color: #fff; 528 border-bottom: 1px solid rgba(0,0,0,.1); 529 } 530 531 .navbar-top-mobile .nav-link { 532 padding: 0.25rem 0.5rem; 533 color: rgba(0,0,0,.7); 534 } 535 536 .navbar-top-mobile .btn-group-sm > .btn { 537 padding: 0.25rem 0.5rem; 538 font-size: 0.875rem; 539 } 540 541 .navbar-top-mobile .social-icons { 542 display: flex; 543 gap: 0.5rem; 544 } 545 546 .navbar-top-mobile .social-icons .btn-link { 547 color: rgba(0,0,0,.7); 548 text-decoration: none; 549 } 550 551 .navbar-top-mobile .social-icons .btn-link:hover { 552 color: var(--bs-primary); 553 } 554 555 /* æè²æ¨¡å¼éé */ 556 [data-bs-theme="dark"] .navbar-top-mobile { 557 background-color: #212529; 558 border-bottom-color: rgba(255,255,255,.1); 559 } 560 561 [data-bs-theme="dark"] .navbar-top-mobile .nav-link, 562 [data-bs-theme="dark"] .navbar-top-mobile .btn-link { 563 color: rgba(255,255,255,.7); 564 } 565 566 /* å¨ç»ææ */ 567 .animate-pulse { 568 animation: pulse 2s infinite; 569 } 570 571 @keyframes pulse { 572 0% { 573 opacity: 1; 574 transform: scale(1); 575 } 576 577 50% { 578 opacity: 0.3; 579 transform: scale(1.2); 580 } 581 582 100% { 583 opacity: 1; 584 transform: scale(1); 585 } 586 } 587 588 589 /*æºå¨äººå¾æ */ 590 .ai-assistant-trigger { 591 right: 30px; 592 bottom: 40%; 593 z-index: 1000; 594 transition: all 0.3s ease; 595 596 /* è§è§ææç»å */ 597 &:hover { 598 transform: scale(1.3); 599 filter: drop-shadow(0 0 10px #00F0FF); 600 } 601 } 602 603 /* æ·»å æµ®å¨å¨ç» */ 604 @media (min-width: 769px) { 605 .ai-assistant-trigger { 606 animation: float 3s ease-in-out infinite; 607 } 608 609 @keyframes float { 610 0% { 611 transform: translateY(0px) scale(1.2); 612 } 613 50% { 614 transform: translateY(-10px) scale(1.2); 615 } 616 100% { 617 transform: translateY(0px) scale(1.2); 618 } 619 } 620 } 621 622 623 624 .ai-button { 625 width: 65px; 626 height: 65px; 627 border-radius: 50%; 628 background: rgba(0, 0, 0, 0.8); 629 border: 2px solid #00F0FF; 630 box-shadow: 0 0 15px rgba(0, 240, 255, 0.3); 631 display: flex; 632 align-items: center; 633 justify-content: center; 634 transition: all 0.3s ease; 635 padding: 0; 636 } 637 638 .ai-button:hover { 639 transform: scale(1.1); 640 box-shadow: 0 0 20px rgba(0, 240, 255, 0.5); 641 border-color: #00F0FF; 642 } 643 644 .animate-pulse { 645 animation: pulse 1.5s infinite; 646 } 647 648 /* PC端ç¹å®æ ·å¼ */ 649 @media (min-width: 769px) { 650 .ai-assistant-trigger { 651 right: 40px; 652 bottom: 45%; 653 transform: scale(1.3); 654 animation: float 3s ease-in-out infinite; 655 } 656 657 /* PC端æé®æ ·å¼å¢å¼º */ 658 .ai-button { 659 width: 90px; /* æ´å¤§çæé®å°ºå¯¸ */ 660 height: 90px; 661 border-width: 3px; 662 box-shadow: 0 0 25px rgba(0, 240, 255, 0.5); 663 } 664 665 /* PC端SVGå¾æ æ¾å¤§ */ 666 .ai-button svg { 667 width: 55px; 668 height: 55px; 669 } 670 671 /* æµ®å¨å¨ç» */ 672 @keyframes float { 673 0% { 674 transform: translateY(0px) scale(1.3); 675 } 676 50% { 677 transform: translateY(-15px) scale(1.3); 678 } 679 100% { 680 transform: translateY(0px) scale(1.3); 681 } 682 } 683 684 /* PC端æ¬åææå¢å¼º */ 685 .ai-button:hover { 686 transform: scale(1.15); 687 box-shadow: 0 0 35px rgba(0, 240, 255, 0.7); 688 } 689 690 /* PC端NEWæ ç¾æ ·å¼å¢å¼º */ 691 .badge { 692 padding: 8px 12px; 693 font-size: 14px; 694 font-weight: bold; 695 box-shadow: 0 0 15px rgba(255, 0, 0, 0.3); 696 } 697 698 .animate-pulse { 699 animation: pulse 2s infinite; 700 } 701 702 @keyframes pulse { 703 0% { 704 transform: scale(1); 705 opacity: 1;
706 } 707 50% { 708 transform: scale(1.2); 709 opacity: 0.3; 710 } 711 100% { 712 transform: scale(1); 713 opacity: 1; 714 } 715 } 716 } 717 718 /* æè²æ¨¡å¼éé */ 719 [data-bs-theme="dark"] .ai-button { 720 background: rgba(0, 0, 0, 0.9); 721 } 722 723 /* æ·»å å°ä½ çæ ·å¼æä»¶ä¸ */ 724 .modal { 725 overflow-y: auto !important; 726 } 727 728 .modal-open { 729 overflow: auto !important; 730 padding-right: 0 !important; 731 } 732 733 /* å¢å¼ºçéªè±ææ */ 734 .snowfall-container { 735 position: fixed; 736 top: 0; 737 left: 0; 738 width: 100%; 739 height: 100%; 740 pointer-events: none; 741 z-index: 1000; 742 } 743 744 .snowflake { 745 position: fixed; 746 top: -10px; 747 color: #BCE4F1; /* æ´æ·±çèç½è² */ 748 font-size: 1.2em; 749 text-shadow: 0 0 5px rgba(0,240,255,0.5), 0 0 10px rgba(0,240,255,0.3), 0 0 15px rgba(0,240,255,0.2); 750 filter: drop-shadow(0 0 2px rgba(0,0,0,0.1)); 751 animation: snowfall linear infinite; 752 } 753 754 /* ä¿®æ¹è£ 饰ä½ç½®çæ ·å¼ */ 755 .christmas-decorations div { 756 position: fixed; 757 font-size: 2em; 758 animation: float 3s ease-in-out infinite; 759 cursor: pointer; /* æ·»å é¼ æ æéæ ·å¼ */ 760 z-index: 9999; 761 } 762 763 .top-left { 764 top: 40px; 765 left: 20px; 766 animation-delay: 0s; 767 z-index: 9999; /* ç¡®ä¿æ¾ç¤ºå¨æä¸å± */ 768 } 769 770 .top-right { 771 top: 40px; 772 right: 20px; 773 animation-delay: 0.5s; 774 z-index: 9999; /* ç¡®ä¿æ¾ç¤ºå¨æä¸å± */ 775 } 776 777 778 .bottom-left { 779 bottom: 10px; 780 left: 20px; 781 animation-delay: 1s; 782 } 783 784 .bottom-right { 785 bottom: 10px; 786 right: 20px; 787 animation-delay: 1.5s; 788 } 789 790 @keyframes snowfall { 791 0% 792 793 { 794 transform: translateY(-10px) rotate(0deg); 795 } 796 797 100% { 798 transform: translateY(100vh) rotate(360deg); 799 } 800 801 } 802 803 @keyframes float { 804 0%, 100% { 805 transform: translateY(-50%) translateX(0); 806 } 807 808 50% { 809 transform: translateY(-50%) translateX(-10px); 810 } 811 } 812 813 /* 让éªè±å¨hoveræ¶æç¹æ */ 814 .snowflake:hover { 815 color: #FFF; 816 text-shadow: 0 0 10px rgba(0,240,255,0.8), 0 0 20px rgba(0,240,255,0.6), 0 0 30px rgba(0,240,255,0.4); 817 } 818 819 /* 为åºé¨è£ 饰åç¬è®¾ç½®å¨ç» */ 820 .bottom-left, .bottom-right { 821 animation: floatBottom 3s ease-in-out infinite; 822 } 823 824 @keyframes floatBottom { 825 0%, 100% 826 827 { 828 transform: translateY(0); 829 } 830 831 50% { 832 transform: translateY(-10px); 833 } 834 835 } 836 837 /* å¯éï¼æ·»å åå ææ */ 838 .christmas-decorations div { 839 filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); 840 } 841 842 /* éºé¹¿åéªæ©çæ ·å¼ */ 843 #santa-sleigh { 844 position: fixed; 845 top: 40%; 846 left: -300px; 847 z-index: 9999; 848 white-space: nowrap; 849 pointer-events: none; 850 display: flex; 851 align-items: center; 852 gap: 0px; 853 font-size: 6em; 854 /* æ´ä½æ°´å¹³ç¿»è½¬ */ 855 transform: scaleX(-1); 856 } 857 858 /* éºé¹¿æ ·å¼ */ 859 .reindeer { 860 animation: reindeerGallop 0.6s infinite; 861 transform-origin: bottom center; 862 margin-right: -15px; /* å¾®è°ä¸ç»³åçé´è· */ 863 } 864 865 /* éªæ©æ ·å¼ */ 866 .sleigh { 867 animation: sleighBounce 0.6s infinite; 868 transform-origin: bottom center; 869 margin-left: -10px; /* å¾®è°ä¸ç»³åçé´è· */ 870 } 871 872 /* éªæ©ç»³å */ 873 .sleigh-rope { 874 font-size: 0.4em; /* è°æ´ç»³åå¤§å° */ 875 transform: rotate(90deg); 876 margin: 0 -5px; /* è´è¾¹è·ä½¿ç»ä»¶æ´ç´§å¯ */ 877 position: relative; 878 top: -5px; /* å¾®è°ç»³åä½ç½® */ 879 } 880 881 /* å¨ç»ç±» */ 882 .sleigh-animation { 883 animation: sleighRide 6s linear forwards; 884 } 885 886 /* éºé¹¿å¥è·å¨ç» */ 887 @keyframes reindeerGallop { 888 0%, 100% { 889 transform: translateY(0); 890 } 891 892 50% { 893 transform: translateY(-15px) rotate(-5deg); 894 } 895 } 896 897 /* éªæ©å¼¹è·³å¨ç» */ 898 @keyframes sleighBounce { 899 0%, 100% { 900 transform: translateY(0); 901 } 902 903 50% { 904 transform: translateY(-10px); 905 } 906 } 907 908 /* æ´ä½ç§»å¨å¨ç» */ 909 @keyframes sleighRide { 910 from { 911 transform: translateX(0) scaleX(-1); 912 } 913 914 to { 915 transform: translateX(calc(100vw + 200px)) scaleX(-1); 916 } 917 } 918 919 /* æ·»å éªæ©çå½±å */ 920 .sleigh::after { 921 content: ''; 922 position: absolute; 923 bottom: -10px; 924 left: 50%; 925 transform: translateX(-50%); 926 width: 80%; 927 height: 10px; 928 background: rgba(0, 0, 0, 0.2); 929 border-radius: 50%; 930 filter: blur(4px); 931 } 932 933 /* æ·»å éºé¹¿çå½±å */ 934 .reindeer::after { 935 content: ''; 936 position: absolute; 937 bottom: -10px; 938 left: 50%; 939 transform: translateX(-50%); 940 width: 80%; 941 height: 10px; 942 background: rgba(0, 0, 0, 0.2); 943 border-radius: 50%; 944 filter: blur(4px); 945 } 946 947 /* 礼ç©çç¸æææ ·å¼ */ 948 .gift-item { 949 position: fixed; 950 font-size: 1.5em; 951 pointer-events: none; 952 z-index: 9999; 953 transform-origin: center; 954 opacity: 1;
955 /* æ·»å åå§ä½ç½® */ 956 left: 50%; 957 top: 50%; 958 } 959 960 @keyframes giftExplode { 961 0% { 962 transform: translate(-50%, -50%) rotate(0deg); 963 opacity: 1; 964 } 965 966 100% { 967 transform: translate(var(--tx), var(--ty)) rotate(var(--tr)); 968 opacity: 0; 969 } 970 } 971 972 /* ç¡®ä¿ç¤¼ç©å¨ç»çæ */ 973 .gift-item { 974 animation: giftExplode 1s ease-out forwards; 975 } 976 977 /* 伯å©æä¹ææ ·å¼ */ 978 .bethlehem-star-container { 979 position: fixed; 980 width: 0; 981 height: 0; 982 pointer-events: none; 983 z-index: 10000; 984 transform: translate(-50%, -50%); 985 transition: opacity 1s ease; 986 } 987 988 .bethlehem-star-center { 989 position: absolute; 990 width: 20px; 991 height: 20px; 992 background: #FFD700; 993 border-radius: 50%; 994 left: -10px; 995 top: -10px; 996 box-shadow: 0 0 20px #FFD700; 997 animation: centerGlow 2s ease-in-out; 998 } 999 1000 .bethlehem-star-ray { 1001 position: absolute; 1002 width: 100px; 1003 height: 2px; 1004 background: linear-gradient(90deg, #FFD700, transparent); 1005 transform-origin: 0 50%; 1006 left: 0; 1007 top: -1px; 1008 animation: rayGrow 2s ease-in-out; 1009 } 1010 1011 @keyframes centerGlow { 1012 0% { 1013 transform: scale(0); 1014 opacity: 0; 1015 } 1016 1017 20% { 1018 transform: scale(1.2); 1019 opacity: 1; 1020 } 1021 1022 100% { 1023 transform: scale(1); 1024 opacity: 1; 1025 } 1026 } 1027 1028 @keyframes rayGrow { 1029 0% { 1030 width: 0; 1031 opacity: 0; 1032 } 1033 1034 20% { 1035 width: 120px; 1036 opacity: 1; 1037 } 1038 1039 100% { 1040 width: 100px; 1041 opacity: 1; 1042 } 1043 } 1044 1045 .new-label { 1046 position: absolute; 1047 top: 20%; 1048 right: -10px; 1049 font-size: 0.65em; 1050 padding: 2px 6px; 1051 border-radius: 4px; 1052 font-weight: bold; 1053 animation: pulse-tech 1.5s infinite; /* 使ç¨æ°çå¨ç» */ 1054 text-transform: uppercase; 1055 background: linear-gradient(45deg, #00F0FF, #0051FF); /* ç§æèè²æ¸å */ 1056 z-index: 1; 1057 line-height: 1.4; 1058 letter-spacing: 0.5px; 1059 transition: top 0.3s ease; 1060 } 1061 1062 /* æ»å¨ç¶æ */ 1063 .navbar-sticky.header-sticky .new-label { 1064 top: 5px; /* æ»å¨åçä½ç½® */ 1065 } 1066 1067 [data-bs-theme="light"] .new-label { 1068 color: white; 1069 box-shadow: 0 0 15px rgba(0, 240, 255, 0.7), 1070 0 0 25px rgba(0, 81, 255, 0.5); 1071 text-shadow: 0 0 8px rgba(0, 240, 255, 0.8), 1072 0 0 12px rgba(0, 81, 255, 0.6); 1073 } 1074 1075 [data-bs-theme="dark"] .new-label { 1076 background: linear-gradient(45deg, #0082FF, #7D00FF); 1077 color: white; 1078 box-shadow: 0 0 20px rgba(0, 240, 255, 0.7), 1079 0 0 30px rgba(0, 81, 255, 0.5); 1080 text-shadow: 0 0 8px rgba(0, 240, 255, 0.8), 1081 0 0 12px rgba(0, 81, 255, 0.6); 1082 } 1083 1084 @keyframes pulse-tech { 1085 0% { 1086 transform: scale(1); 1087 box-shadow: 0 0 15px rgba(0, 240, 255, 0.7), 1088 0 0 25px rgba(0, 81, 255, 0.5); 1089 } 1090 50% { 1091 transform: scale(1.1); 1092 box-shadow: 0 0 20px rgba(0, 240, 255, 0.9), 1093 0 0 35px rgba(0, 81, 255, 0.7); 1094 } 1095 100% { 1096 transform: scale(1); 1097 box-shadow: 0 0 15px rgba(0, 240, 255, 0.7), 1098 0 0 25px rgba(0, 81, 255, 0.5); 1099 } 1100 } 1101 1102 /* 移å¨ç«¯éé */ 1103 @media (max-width: 991px) { 1104 .new-label { 1105 top: 45%; 1106 transform: translateY(-50%); 1107 right: 15px; 1108 font-size: 0.7em; 1109 padding: 3px 8px; 1110 } 1111 1112 @keyframes pulse-tech { 1113 0% { 1114 transform: translateY(-50%) scale(1); 1115 box-shadow: 0 0 15px rgba(0, 240, 255, 0.7), 1116 0 0 25px rgba(0, 81, 255, 0.5); 1117 } 1118 50% { 1119 transform: translateY(-50%) scale(1.1); 1120 box-shadow: 0 0 20px rgba(0, 240, 255, 0.9), 1121 0 0 35px rgba(0, 81, 255, 0.7); 1122 } 1123 100% { 1124 transform: translateY(-50%) scale(1); 1125 box-shadow: 0 0 15px rgba(0, 240, 255, 0.7), 1126 0 0 25px rgba(0, 81, 255, 0.5); 1127 } 1128 } 1129 } 1130 1131 /* Global Advertisement Banner æ ·å¼ */ 1132 .global-ad-banner-container { 1133 margin: 1.5rem 0 2.5rem 0; 1134 padding: 0 1rem; 1135 position: relative; 1136 z-index: 100; 1137 } 1138 1139 .global-ad-banner { 1140 position: relative; 1141 width: 150%; /* æ¯æ£å¸¸å 容宽1.5å */ 1142 max-width: 900px; 1143 margin: 0 auto; 1144 border-radius: 16px; 1145 padding: 1.4rem 2rem; 1146 backdrop-filter: blur(20px); 1147 border: 2px dashed transparent; 1148 background-clip: padding-box; 1149 transition: all 0.4s ease; 1150 overflow: hidden; 1151 } 1152 1153 [data-bs-theme="dark"] .global-ad-banner { 1154 background: linear-gradient(135deg, 1155 rgba(16, 16, 16, 0.85) 0%, 1156 rgba(0, 247, 255, 0.08) 50%, 1157 rgba(16, 16, 16, 0.85) 100%); 1158 border-color: rgba(0, 247, 255, 0.4); 1159 } 1160 1161 [data-bs-theme="light"] .global-ad-banner { 1162 background: linear-gradient(135deg, 1163 rgba(255, 255, 255, 0.9) 0%, 1164 rgba(0, 81, 255, 0.08) 50%, 1165 rgba(255, 255, 255, 0.9) 100%); 1166 border-color: rgba(0, 81, 255, 0.4); 1167 } 1168 1169 .global-ad-banner:hover { 1170 transform: translateY(-3px); 1171 border-style: solid; 1172 } 1173 1174 [data-bs-theme="dark"] .global-ad-banner:hover { 1175 box-shadow: 0 12px 30px rgba(0, 247, 255, 0.2); 1176 border-color: rgba(0, 247, 255, 0.6); 1177 } 1178 1179 [data-bs-theme="light"] .global-ad-banner:hover { 1180 box-shadow: 0 12px 30px rgba(0, 81, 255, 0.2); 1181 border-color: rgba(0, 81, 255, 0.6); 1182 } 1183 1184 .global-ad-banner .ad-content { 1185 display: flex; 1186 align-items: center; 1187 gap: 1.5rem; 1188 position: relative; 1189 z-index: 2; 1190 } 1191 1192 .global-ad-banner .ad-icon { 1193 flex-shrink: 0; 1194 width: 50px; 1195 height: 50px; 1196 border-radius: 50%; 1197 display: flex; 1198 align-items: center; 1199 justify-content: center; 1200 font-size: 1.4rem; 1201 position: relative; 1202 } 1203 1204 [data-bs-theme="dark"] .global-ad-banner .ad-icon { 1205 background: linear-gradient(45deg, #00f7ff, #0051ff); 1206 color: #000; 1207 } 1208 1209 [data-bs-theme="light"] .global-ad-banner .ad-icon { 1210 background: linear-gradient(45deg, #0051ff, #0066cc); 1211 color: #fff; 1212 } 1213 1214 .global-ad-banner .ad-icon::after { 1215 content: ''; 1216 position: absolute; 1217 inset: -2px; 1218 border-radius: 50%; 1219 padding: 2px; 1220 background: linear-gradient(45deg, transparent, currentColor, transparent); 1221 mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 1222 mask-composite: exclude; 1223 animation: globalAdRotate 3s linear infinite; 1224 } 1225 1226 @keyframes globalAdRotate { 1227 to { transform: rotate(360deg); } 1228 } 1229 1230 .global-ad-banner .ad-text { 1231 flex: 1; 1232 display: flex; 1233 flex-direction: column; 1234 gap: 0.3rem; 1235 } 1236 1237 .global-ad-banner .ad-title { 1238 font-size: 1.1rem; 1239 font-weight: 600; 1240 letter-spacing: 0.5px; 1241 display: block; 1242 } 1243 1244 [data-bs-theme="light"] .global-ad-banner .ad-title { 1245 background: linear-gradient(45deg, #0051ff, #0066cc); 1246 -webkit-background-clip: text; 1247 -webkit-text-fill-color: transparent; 1248 } 1249 1250 [data-bs-theme="dark"] .global-ad-banner .ad-title { 1251 background: linear-gradient(45deg, #00f7ff, #0051ff); 1252 -webkit-background-clip: text; 1253 -webkit-text-fill-color: transparent; 1254 } 1255 1256 .global-ad-banner .ad-subtitle { 1257 font-size: 0.9rem; 1258 opacity: 0.85; 1259 line-height: 1.4; 1260 } 1261 1262 .global-ad-banner .ad-subtitle a { 1263 color: inherit; 1264 text-decoration: none; 1265 font-weight: 500; 1266 position: relative; 1267 transition: all 0.3s ease; 1268 } 1269 1270 [data-bs-theme="dark"] .global-ad-banner .ad-subtitle a { 1271 color: #00f7ff; 1272 } 1273 1274 [data-bs-theme="light"] .global-ad-banner .ad-subtitle a { 1275 color: #0051ff; 1276 } 1277 1278 .global-ad-banner .ad-subtitle a:hover { 1279 opacity: 0.8; 1280 } 1281 1282 .global-ad-banner .ad-subtitle a::after { 1283 content: ''; 1284 position: absolute; 1285 bottom: -1px; 1286 left: 0; 1287 width: 0; 1288 height: 1px; 1289 background: currentColor; 1290 transition: width 0.3s ease; 1291 } 1292 1293 .global-ad-banner .ad-subtitle a:hover::after { 1294 width: 100%; 1295 } 1296 1297 .global-ad-banner .ad-cta { 1298 flex-shrink: 0; 1299 } 1300 1301 .global-ad-banner .ad-btn { 1302 padding: 0.6rem 1.4rem; 1303 border-radius: 25px; 1304 font-size: 0.9rem; 1305 font-weight: 500; 1306 text-decoration: none; 1307 transition: all 0.3s ease; 1308 border: 1px solid transparent; 1309 position: relative; 1310 overflow: hidden; 1311 } 1312 1313 [data-bs-theme="dark"] .global-ad-banner .ad-btn { 1314 background: linear-gradient(45deg, #00f7ff, #0051ff); 1315 color: #000; 1316 } 1317 1318 [data-bs-theme="light"] .global-ad-banner .ad-btn { 1319 background: linear-gradient(45deg, #0051ff, #0066cc); 1320 color: #fff; 1321 } 1322 1323 .global-ad-banner .ad-btn::before { 1324 content: ''; 1325 position: absolute; 1326 top: 0; 1327 left: -100%; 1328 width: 100%; 1329 height: 100%; 1330 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); 1331 transition: left 0.5s ease; 1332 } 1333 1334 .global-ad-banner .ad-btn:hover::before { 1335 left: 100%; 1336 } 1337 1338 .global-ad-banner .ad-btn:hover { 1339 transform: translateY(-2px); 1340 text-decoration: none; 1341 } 1342 1343 [data-bs-theme="dark"] .global-ad-banner .ad-btn:hover { 1344 box-shadow: 0 6px 20px rgba(0, 247, 255, 0.4); 1345 } 1346 1347 [data-bs-theme="light"] .global-ad-banner .ad-btn:hover { 1348 box-shadow: 0 6px 20px rgba(0, 81, 255, 0.4); 1349 } 1350 1351 .global-ad-banner .ad-decoration { 1352 position: absolute; 1353 top: 0; 1354 right: 0; 1355 width: 100px; 1356 height: 100%; 1357 opacity: 0.08; 1358 pointer-events: none; 1359 background: repeating-linear-gradient( 1360 45deg, 1361 currentColor 0px, 1362 currentColor 2px, 1363 transparent 2px,
1364 transparent 10px 1365 ); 1366 } 1367 1368 /* å ¨å±å¹¿åæ¨ªå¹ ååºå¼è®¾è®¡ */ 1369 @media (max-width: 992px) { 1370 .global-ad-banner { 1371 width: 100%; 1372 padding: 1.2rem 1.5rem; 1373 } 1374 1375 .global-ad-banner .ad-content { 1376 gap: 1.2rem; 1377 } 1378 1379 .global-ad-banner .ad-icon { 1380 width: 45px; 1381 height: 45px; 1382 font-size: 1.2rem; 1383 } 1384 1385 .global-ad-banner .ad-title { 1386 font-size: 1rem; 1387 } 1388 1389 .global-ad-banner .ad-subtitle { 1390 font-size: 0.85rem; 1391 } 1392 1393 .global-ad-banner .ad-btn { 1394 padding: 0.5rem 1.2rem; 1395 font-size: 0.85rem; 1396 } 1397 } 1398 1399 @media (max-width: 768px) { 1400 .global-ad-banner { 1401 width: 100%; 1402 padding: 1rem; 1403 } 1404 1405 .global-ad-banner .ad-content { 1406 gap: 1rem; 1407 } 1408 1409 .global-ad-banner .ad-icon { 1410 width: 40px; 1411 height: 40px; 1412 font-size: 1.1rem; 1413 } 1414 1415 .global-ad-banner .ad-title { 1416 font-size: 0.95rem; 1417 } 1418 1419 .global-ad-banner .ad-subtitle { 1420 font-size: 0.8rem; 1421 } 1422 } 1423 1424 @media (max-width: 576px) { 1425 .global-ad-banner { 1426 width: 100%; 1427 padding: 0.8rem; 1428 } 1429 1430 .global-ad-banner .ad-content { 1431 flex-direction: column; 1432 text-align: center; 1433 gap: 0.8rem; 1434 } 1435 1436 .global-ad-banner .ad-text { 1437 text-align: center; 1438 } 1439 1440 .global-ad-banner .ad-btn { 1441 padding: 0.5rem 1rem; 1442 font-size: 0.8rem; 1443 } 1444 } 1445 1446 /* Footer Advertisement Banner æ ·å¼ */ 1447 .footer-ad-banner-container { 1448 margin: 1.5rem 0 2.5rem 0; 1449 padding: 0 1rem; 1450 position: relative; 1451 z-index: 100; 1452 } 1453 1454 .footer-ad-banner { 1455 position: relative; 1456 width: 150%; /* æ¯æ£å¸¸å 容宽1.5å */ 1457 max-width: 900px; 1458 margin: 0 auto; 1459 border-radius: 16px; 1460 padding: 1.4rem 2rem; 1461 backdrop-filter: blur(20px); 1462 border: 2px dashed transparent; 1463 background-clip: padding-box; 1464 transition: all 0.4s ease; 1465 overflow: hidden; 1466 } 1467 1468 [data-bs-theme="dark"] .footer-ad-banner { 1469 background: linear-gradient(135deg, 1470 rgba(16, 16, 16, 0.85) 0%, 1471 rgba(0, 247, 255, 0.08) 50%, 1472 rgba(16, 16, 16, 0.85) 100%); 1473 border-color: rgba(0, 247, 255, 0.4); 1474 } 1475 1476 [data-bs-theme="light"] .footer-ad-banner { 1477 background: linear-gradient(135deg, 1478 rgba(255, 255, 255, 0.9) 0%, 1479 rgba(0, 81, 255, 0.08) 50%, 1480 rgba(255, 255, 255, 0.9) 100%); 1481 border-color: rgba(0, 81, 255, 0.4); 1482 } 1483 1484 .footer-ad-banner:hover { 1485 transform: translateY(-3px); 1486 border-style: solid; 1487 } 1488 1489 [data-bs-theme="dark"] .footer-ad-banner:hover { 1490 box-shadow: 0 12px 30px rgba(0, 247, 255, 0.2); 1491 border-color: rgba(0, 247, 255, 0.6); 1492 } 1493 1494 [data-bs-theme="light"] .footer-ad-banner:hover { 1495 box-shadow: 0 12px 30px rgba(0, 81, 255, 0.2); 1496 border-color: rgba(0, 81, 255, 0.6); 1497 } 1498 1499 .footer-ad-banner .ad-content { 1500 display: flex; 1501 align-items: center; 1502 gap: 1.5rem; 1503 position: relative; 1504 z-index: 2; 1505 } 1506 1507 .footer-ad-banner .ad-icon { 1508 flex-shrink: 0; 1509 width: 50px; 1510 height: 50px; 1511 border-radius: 50%; 1512 display: flex; 1513 align-items: center; 1514 justify-content: center; 1515 font-size: 1.4rem; 1516 position: relative; 1517 } 1518 1519 [data-bs-theme="dark"] .footer-ad-banner .ad-icon { 1520 background: linear-gradient(45deg, #00f7ff, #0051ff); 1521 color: #000; 1522 } 1523 1524 [data-bs-theme="light"] .footer-ad-banner .ad-icon { 1525 background: linear-gradient(45deg, #0051ff, #0066cc); 1526 color: #fff; 1527 } 1528 1529 .footer-ad-banner .ad-icon::after { 1530 content: ''; 1531 position: absolute; 1532 inset: -2px; 1533 border-radius: 50%; 1534 padding: 2px; 1535 background: linear-gradient(45deg, transparent, currentColor, transparent); 1536 mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 1537 mask-composite: exclude; 1538 animation: footerAdRotate 3s linear infinite; 1539 } 1540 1541 @keyframes footerAdRotate { 1542 to { transform: rotate(360deg); } 1543 } 1544 1545 .footer-ad-banner .ad-text { 1546 flex: 1; 1547 display: flex; 1548 flex-direction: column; 1549 gap: 0.3rem; 1550 } 1551 1552 .footer-ad-banner .ad-title { 1553 font-size: 1.1rem; 1554 font-weight: 600; 1555 letter-spacing: 0.5px; 1556 display: block; 1557 } 1558 1559 [data-bs-theme="light"] .footer-ad-banner .ad-title { 1560 background: linear-gradient(45deg, #0051ff, #0066cc); 1561 -webkit-background-clip: text; 1562 -webkit-text-fill-color: transparent; 1563 } 1564 1565 [data-bs-theme="dark"] .footer-ad-banner .ad-title { 1566 background: linear-gradient(45deg, #00f7ff, #0051ff); 1567 -webkit-background-clip: text; 1568 -webkit-text-fill-color: transparent; 1569 } 1570 1571 .footer-ad-banner .ad-subtitle { 1572 font-size: 0.9rem; 1573 opacity: 0.85; 1574 line-height: 1.4; 1575 } 1576 1577 .footer-ad-banner .ad-subtitle a { 1578 color: inherit; 1579 text-decoration: none; 1580 font-weight: 500; 1581 position: relative; 1582 transition: all 0.3s ease; 1583 } 1584 1585 [data-bs-theme="dark"] .footer-ad-banner .ad-subtitle a { 1586 color: #00f7ff; 1587 } 1588 1589 [data-bs-theme="light"] .footer-ad-banner .ad-subtitle a { 1590 color: #0051ff; 1591 } 1592 1593 .footer-ad-banner .ad-subtitle a:hover { 1594 opacity: 0.8; 1595 } 1596 1597 .footer-ad-banner .ad-subtitle a::after { 1598 content: ''; 1599 position: absolute; 1600 bottom: -1px; 1601 left: 0; 1602 width: 0; 1603 height: 1px; 1604 background: currentColor; 1605 transition: width 0.3s ease; 1606 } 1607 1608 .footer-ad-banner .ad-subtitle a:hover::after { 1609 width: 100%; 1610 } 1611 1612 .footer-ad-banner .ad-cta { 1613 flex-shrink: 0; 1614 } 1615 1616 .footer-ad-banner .ad-btn { 1617 padding: 0.6rem 1.4rem; 1618 border-radius: 25px; 1619 font-size: 0.9rem; 1620 font-weight: 500; 1621 text-decoration: none; 1622 transition: all 0.3s ease; 1623 border: 1px solid transparent; 1624 position: relative; 1625 overflow: hidden; 1626 } 1627 1628 [data-bs-theme="dark"] .footer-ad-banner .ad-btn { 1629 background: linear-gradient(45deg, #00f7ff, #0051ff); 1630 color: #000; 1631 } 1632 1633 [data-bs-theme="light"] .footer-ad-banner .ad-btn { 1634 background: linear-gradient(45deg, #0051ff, #0066cc); 1635 color: #fff; 1636 } 1637 1638 .footer-ad-banner .ad-btn::before { 1639 content: ''; 1640 position: absolute; 1641 top: 0; 1642 left: -100%; 1643 width: 100%; 1644 height: 100%; 1645 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); 1646 transition: left 0.5s ease; 1647 } 1648 1649 .footer-ad-banner .ad-btn:hover::before { 1650 left: 100%; 1651 } 1652 1653 .footer-ad-banner .ad-btn:hover { 1654 transform: translateY(-2px); 1655 text-decoration: none; 1656 } 1657 1658 [data-bs-theme="dark"] .footer-ad-banner .ad-btn:hover { 1659 box-shadow: 0 6px 20px rgba(0, 247, 255, 0.4); 1660 } 1661 1662 [data-bs-theme="light"] .footer-ad-banner .ad-btn:hover { 1663 box-shadow: 0 6px 20px rgba(0, 81, 255, 0.4); 1664 } 1665 1666 .footer-ad-banner .ad-decoration { 1667 position: absolute; 1668 top: 0; 1669 right: 0; 1670 width: 100px; 1671 height: 100%; 1672 opacity: 0.08; 1673 pointer-events: none; 1674 background: repeating-linear-gradient( 1675 45deg, 1676 currentColor 0px, 1677 currentColor 2px, 1678 transparent 2px,
1679 transparent 10px 1680 ); 1681 } 1682 1683 /* 页è广åæ¨ªå¹ ååºå¼è®¾è®¡ */ 1684 @media (max-width: 992px) { 1685 .footer-ad-banner { 1686 width: 115%; 1687 padding: 1.2rem 1.5rem; 1688 } 1689 1690 .footer-ad-banner .ad-content { 1691 gap: 1.2rem; 1692 } 1693 1694 .footer-ad-banner .ad-icon { 1695 width: 45px; 1696 height: 45px; 1697 font-size: 1.2rem; 1698 } 1699 1700 .footer-ad-banner .ad-title { 1701 font-size: 1rem; 1702 } 1703 1704 .footer-ad-banner .ad-subtitle { 1705 font-size: 0.85rem; 1706 } 1707 1708 .footer-ad-banner .ad-btn { 1709 padding: 0.5rem 1.2rem; 1710 font-size: 0.85rem; 1711 } 1712 } 1713 1714 @media (max-width: 768px) { 1715 .footer-ad-banner { 1716 width: 100%; 1717 padding: 1rem; 1718 } 1719 1720 .footer-ad-banner .ad-content { 1721 gap: 1rem; 1722 } 1723 1724 .footer-ad-banner .ad-icon { 1725 width: 40px; 1726 height: 40px; 1727 font-size: 1.1rem; 1728 } 1729 1730 .footer-ad-banner .ad-title { 1731 font-size: 0.95rem; 1732 } 1733 1734 .footer-ad-banner .ad-subtitle { 1735 font-size: 0.8rem; 1736 } 1737 } 1738 1739 @media (max-width: 576px) { 1740 .footer-ad-banner { 1741 width: 100%; 1742 padding: 0.8rem; 1743 } 1744 1745 .footer-ad-banner .ad-content { 1746 flex-direction: column; 1747 text-align: center; 1748 gap: 0.8rem; 1749 } 1750 1751 .footer-ad-banner .ad-text { 1752 text-align: center; 1753 } 1754 1755 .footer-ad-banner .ad-btn { 1756 padding: 0.5rem 1rem; 1757 font-size: 0.8rem; 1758 } 1759 } 1760 1761 /* Sticky Bottom Advertisement Banner æ ·å¼ */ 1762 .sticky-ad-banner { 1763 position: fixed; 1764 bottom: 0; 1765 left: 0; 1766 right: 0; 1767 z-index: 9999; 1768 transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); 1769 backdrop-filter: blur(20px); 1770 border-top: 2px solid transparent; 1771 box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.3); 1772 } 1773 1774 [data-bs-theme="dark"] .sticky-ad-banner { 1775 background: linear-gradient(135deg, 1776 rgba(16, 16, 16, 0.95) 0%, 1777 rgba(0, 247, 255, 0.1) 50%, 1778 rgba(16, 16, 16, 0.95) 100%); 1779 border-top-color: rgba(0, 247, 255, 0.3); 1780 } 1781 1782 [data-bs-theme="light"] .sticky-ad-banner { 1783 background: linear-gradient(135deg, 1784 rgba(255, 255, 255, 0.95) 0%, 1785 rgba(0, 81, 255, 0.1) 50%, 1786 rgba(255, 255, 255, 0.95) 100%); 1787 border-top-color: rgba(0, 81, 255, 0.3); 1788 } 1789 1790 /* æ§å¶æé®åºå */ 1791 .sticky-ad-controls { 1792 position: absolute; 1793 top: -35px; 1794 right: 20px; 1795 display: flex; 1796 gap: 8px; 1797 } 1798 1799 .toggle-ad-btn 1800 { 1801 width: 32px; 1802 height: 32px; 1803 border: none; 1804 border-radius: 50%; 1805 cursor: pointer; 1806 display: flex; 1807 align-items: center; 1808 justify-content: center; 1809 font-size: 14px; 1810 transition: all 0.3s ease; 1811 backdrop-filter: blur(10px); 1812 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 1813 } 1814 1815 [data-bs-theme="dark"] .toggle-ad-btn 1816 { 1817 background: rgba(16, 16, 16, 0.9); 1818 color: #00f7ff; 1819 border: 1px solid rgba(0, 247, 255, 0.3); 1820 } 1821 1822 [data-bs-theme="light"] .toggle-ad-btn 1823 { 1824 background: rgba(255, 255, 255, 0.9); 1825 color: #0051ff; 1826 border: 1px solid rgba(0, 81, 255, 0.3); 1827 } 1828 1829 .toggle-ad-btn:hover { 1830 transform: translateY(-2px) scale(1.1); 1831 } 1832 1833 [data-bs-theme="dark"] .toggle-ad-btn:hover { 1834 background: #00f7ff; 1835 color: #000; 1836 box-shadow: 0 6px 20px rgba(0, 247, 255, 0.4); 1837 } 1838 1839 [data-bs-theme="light"] .toggle-ad-btn:hover { 1840 background: #0051ff; 1841 color: #fff; 1842 box-shadow: 0 6px 20px rgba(0, 81, 255, 0.4); 1843 } 1844 1845 /* 广åå 容åºå */ 1846 .sticky-ad-content { 1847 padding: 1rem 2rem; 1848 max-width: 1200px; 1849 margin: 0 auto; 1850 position: relative; 1851 overflow: visible; 1852 } 1853 1854 .sticky-ad-banner .ad-content { 1855 display: flex; 1856 align-items: center; 1857 gap: 1.5rem; 1858 position: relative; 1859 z-index: 2; 1860 } 1861 1862 .sticky-ad-banner .ad-icon { 1863 flex-shrink: 0; 1864 width: 45px; 1865 height: 45px; 1866 border-radius: 50%; 1867 display: flex; 1868 align-items: center; 1869 justify-content: center; 1870 font-size: 1.2rem; 1871 position: relative; 1872 } 1873 1874 [data-bs-theme="dark"] .sticky-ad-banner .ad-icon { 1875 background: linear-gradient(45deg, #00f7ff, #0051ff); 1876 color: #000; 1877 } 1878 1879 [data-bs-theme="light"] .sticky-ad-banner .ad-icon { 1880 background: linear-gradient(45deg, #0051ff, #0066cc); 1881 color: #fff; 1882 } 1883 1884 .sticky-ad-banner .ad-icon::after { 1885 content: ''; 1886 position: absolute; 1887 inset: -2px; 1888 border-radius: 50%; 1889 padding: 2px; 1890 background: linear-gradient(45deg, transparent, currentColor, transparent); 1891 mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 1892 mask-composite: exclude; 1893 animation: stickyAdRotate 3s linear infinite; 1894 } 1895 1896 @keyframes stickyAdRotate { 1897 to { transform: rotate(360deg); } 1898 } 1899 1900 .sticky-ad-banner .ad-text { 1901 flex: 1; 1902 display: flex; 1903 flex-direction: column; 1904 gap: 0.2rem; 1905 } 1906 1907 .sticky-ad-banner .ad-title { 1908 font-size: 1rem; 1909 font-weight: 600; 1910 letter-spacing: 0.5px; 1911 display: block; 1912 } 1913 1914 [data-bs-theme="light"] .sticky-ad-banner .ad-title { 1915 background: linear-gradient(45deg, #0051ff, #0066cc); 1916 -webkit-background-clip: text; 1917 -webkit-text-fill-color: transparent; 1918 } 1919 1920 [data-bs-theme="dark"] .sticky-ad-banner .ad-title { 1921 background: linear-gradient(45deg, #00f7ff, #0051ff); 1922 -webkit-background-clip: text; 1923 -webkit-text-fill-color: transparent; 1924 } 1925 1926 .sticky-ad-banner .ad-subtitle { 1927 font-size: 0.85rem; 1928 opacity: 0.85; 1929 line-height: 1.3; 1930 } 1931 1932 .sticky-ad-banner .ad-subtitle a { 1933 color: inherit; 1934 text-decoration: none; 1935 font-weight: 500; 1936 position: relative; 1937 transition: all 0.3s ease; 1938 } 1939 1940 [data-bs-theme="dark"] .sticky-ad-banner .ad-subtitle a { 1941 color: #00f7ff; 1942 } 1943 1944 [data-bs-theme="light"] .sticky-ad-banner .ad-subtitle a { 1945 color: #0051ff; 1946 } 1947 1948 .sticky-ad-banner .ad-subtitle a:hover { 1949 opacity: 0.8; 1950 } 1951 1952 .sticky-ad-banner .ad-cta { 1953 flex-shrink: 0; 1954 } 1955 1956 .sticky-ad-banner .ad-btn { 1957 padding: 0.5rem 1.2rem; 1958 border-radius: 20px; 1959 font-size: 0.85rem; 1960 font-weight: 500; 1961 text-decoration: none; 1962 transition: all 0.3s ease; 1963 border: 1px solid transparent; 1964 position: relative; 1965 overflow: hidden; 1966 } 1967 1968 [data-bs-theme="dark"] .sticky-ad-banner .ad-btn { 1969 background: linear-gradient(45deg, #00f7ff, #0051ff); 1970 color: #000; 1971 } 1972 1973 [data-bs-theme="light"] .sticky-ad-banner .ad-btn { 1974 background: linear-gradient(45deg, #0051ff, #0066cc); 1975 color: #fff; 1976 } 1977 1978 .sticky-ad-banner .ad-btn:hover { 1979 transform: translateY(-2px); 1980 text-decoration: none; 1981 } 1982 1983 [data-bs-theme="dark"] .sticky-ad-banner .ad-btn:hover { 1984 box-shadow: 0 6px 20px rgba(0, 247, 255, 0.4); 1985 } 1986 1987 [data-bs-theme="light"] .sticky-ad-banner .ad-btn:hover { 1988 box-shadow: 0 6px 20px rgba(0, 81, 255, 0.4); 1989 } 1990 1991 .sticky-ad-banner .ad-decoration { 1992 position: absolute; 1993 top: 0; 1994 right: 0; 1995 width: 80px; 1996 height: 100%; 1997 opacity: 0.05; 1998 pointer-events: none; 1999 background: repeating-linear-gradient( 2000 45deg, 2001 currentColor 0px, 2002 currentColor 2px, 2003 transparent 2px, 2004 transparent 8px 2005 ); 2006 } 2007 2008 2009 /* æ¶ç¼©ç¶æ - å ä¹å®å ¨éèå 容ï¼åªä¿çè¾¹æ¡ */ 2010 .sticky-ad-banner.minimized { 2011 height: 4px; /* æå°çé«åº¦ï¼å ä¹çä¸è§ */ 2012 border-top-width: 1px; /* ä¿çç»è¾¹æ¡ */ 2013 } 2014 2015 .sticky-ad-banner.minimized .sticky-ad-content { 2016 opacity: 0; 2017 transform: translateY(100%); 2018 padding: 0; 2019 height: 0; 2020 overflow: hidden; 2021 } 2022 2023 .sticky-ad-banner.minimized .sticky-ad-controls { 2024 top: -32px; /* è°æ´æé®ä½ç½®ï¼ä½¿å ¶å¨æ¶ç¼©ç¶æä¸ä»ç¶å¯è§ */ 2025 } 2026 2027 /* æ¶ç¼©ç¶æä¸ç®å¤´å为åä¸ */ 2028 .sticky-ad-banner.minimized .toggle-ad-btn 2029 { 2030 transform: rotate(-180deg); /* ç®å¤´åä¸ */ 2031 } 2032 2033 .sticky-ad-banner.minimized .ad-content { 2034 opacity: 0; 2035 transform: scale(0.5) translateY(50px); 2036 pointer-events: none; 2037 } 2038 2039 .sticky-ad-banner.minimized .ad-decoration { 2040 opacity: 0; 2041 transform: scale(0); 2042 } 2043 2044 /* ç»é¡µé¢åºé¨çåºç©ºé´çè°æ´ */ 2045 body { 2046 padding-bottom: 120px; 2047 transition: padding-bottom 0.5s ease; 2048 } 2049 2050 body.sticky-ad-minimized { 2051 padding-bottom: 10px; /* æ¶ç¼©æ¶åªéè¦å¾å°çç©ºé´ */ 2052 } 2053 2054 body.sticky-ad-hidden { 2055 padding-bottom: 0; 2056 } 2057 2058 /* ååºå¼è®¾è®¡ä¸çæ¶ç¼©ææ */ 2059 @media (max-width: 768px) { 2060 .sticky-ad-banner.minimized { 2061 height: 3px; 2062 } 2063 2064 body.sticky-ad-minimized { 2065 padding-bottom: 8px; 2066 } 2067 } 2068 2069 @media (max-width: 576px) { 2070 .sticky-ad-banner.minimized { 2071 height: 2px; 2072 } 2073 2074 body.sticky-ad-minimized { 2075 padding-bottom: 6px; 2076 } 2077 } 2078 2079 /* Global header/footer ads style (sevio) */ 2080 @media only screen and (min-width: 0px) and (min-height: 0px) { 2081 div[id^="wrapper-sevio-b1300317-88c3-4620-8862-b539da38bc89"] { 2082 width: 320px; 2083 height: 100px; 2084 } 2085 } 2086 @media only screen and (min-width: 728px) and (min-height: 0px) { 2087 div[id^="wrapper-sevio-b1300317-88c3-4620-8862-b539da38bc89"] { 2088 width: 728px; 2089 height: 90px; 2090 } 2091 } 2092 2093 </style> 2094 2095</head> 2096 2097<body> 2098 <!-- Google Consent Banner --> 2099 <!-- ======================= 2100 Header START --> 2101 2102<header class="navbar-light navbar-sticky header-static" id="site-header"> 2103 <!-- Top bar START --> 2104 <div class="navbar-top d-none d-lg-block small"> 2105 <div class="container"> 2106 <div class="d-md-flex justify-content-between align-items-center my-2"> 2107 <!-- Top bar left: utility links --> 2108 <ul class="nav"> 2109 <li class="nav-item"><a class="nav-link ps-0" href="/about">About</a></li> 2110 <li class="nav-item"><a class="nav-link" href="/advertisement">Advertisement</a></li> 2111 2112 <li class="nav-item"> 2113 <a class="nav-link" href="/Identity/Account/Login">Login / Join</a> 2114 </li> 2115 </ul> 2116 2117 <!-- Top bar center: accessibility & social --> 2118 <div class="d-flex align-items-center justify-content-center"> 2119 <div class="btn-group me-3" role="group" aria-label="font size changer"> 2120 <input type="radio" class="btn-check" name="fntradio" id="font-sm"> 2121 <label class="btn btn-xs btn-outline-primary mb-0" for="font-sm">A-</label> 2122 <input type="radio" class="btn-check" name="fntradio" id="font-default" checked> 2123 <label class="btn btn-xs btn-outline-primary mb-0" for="font-default">A</label> 2124 <input type="radio" class="btn-check" name="fntradio" id="font-lg"> 2125 <label class="btn btn-xs btn-outline-primary mb-0" for="font-lg">A+</label> 2126 </div> 2127 2128 <div class="nav-item dropdown mx-2"> 2129 <button class="modeswitch" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Theme switcher"> 2130 <svg class="theme-icon-active"><use href="#"></use></svg> 2131 </button> 2132 <ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme"> 2133 <li class="mb-1"> 2134 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light"> 2135 <svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewB
2135ox="0 0 16 16"><path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/></svg> 2136 Light 2137 </button> 2138 </li> 2139 <li class="mb-1"> 2140 <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark"> 2141 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewBox="0 0 16 16"><path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/><path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/></svg> 2142 Dark 2143 </button> 2144 </li> 2145 <li> 2146 <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto"> 2147 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch me-1" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/></svg> 2148 Auto 2149 </button> 2150 </li> 2151 </ul> 2152 </div> 2153 2154 <ul class="nav"> 2155 <li class="nav-item"><a class="nav-link px-2 fs-5" href="https://twitter.com/BlockchainNewsM" aria-label="Twitter"><i class="fab fa-twitter-square"></i></a></li> 2156 <li class="nav-item"><a class="nav-link px-2 fs-5" href="https://www.linkedin.com/company/blockchainnewsbn/" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a></li> 2157 </ul> 2158 </div> 2159 2160 <!-- Language switcher --> 2161 <div class="nav-item"> 2162 <a class="nav-link" href="/zh/contact">ä¸æç</a> 2163 </div> 2164 </div> 2165 <div class="border-bottom border-2 border-primary opacity-1"></div> 2166 </div> 2167 </div> 2168 <!-- Top bar END --> 2169 2170 <!-- Logo Nav START --> 2171 <nav class="navbar navbar-expand-lg" aria-label="Main navigation"> 2172 <div class="container"> 2173 <a class="navbar-brand" href="/" aria-label="Blockchain.News Home"> 2174 <img class="navbar-brand-item light-mode-item" src="https://image.blockchain.news/sharedimage/blockchain_Logo_black-02%20.jpg" width="286" height="70" alt="Blockchain.News Logo" decoding="async" loading="lazy" decoding="async"> 2175 <img class="navbar-brand-item dark-mode-item" src="https://image.blockchain.news/sharedimage/blockchain_Logo_black-02%20.jpg" width="286" height="70" alt="Blockchain.News Logo" decoding="async" loading="lazy" decoding="async"> 2176 </a> 2177 2178 <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarC
2178ollapse" aria-expanded="false" aria-label="Toggle navigation"> 2179 <span class="text-body h6 d-none d-sm-inline-block">Menu</span> 2180 <span class="navbar-toggler-icon"></span> 2181 </button> 2182 2183 <div class="collapse navbar-collapse" id="navbarCollapse"> 2184 <ul class="navbar-nav navbar-nav-scroll mx-auto"> 2185 <!-- News Mega Menu --> 2186 <li class="nav-item dropdown has-megamenu"> 2187 <a class="nav-link dropdown-toggle " href="/tag/cryptocurrency" id="navNewsEn" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">News</a> 2188 <div class="dropdown-menu mega-menu" aria-labelledby="navNewsEn"> 2189 <div class="container"> 2190 <div class="row g-3 py-3"> 2191 <div class="col-lg-3 col-6"> 2192 <h6 class="dropdown-header"><a href="/tag/cryptocurrency">Crypto News</a></h6> 2193 <a class="dropdown-item " href="/tag/bitcoin">Bitcoin News</a> 2194 <a class="dropdown-item " href="/tag/ethereum">Ethereum News</a> 2195 <a class="dropdown-item " href="/tag/cardano">Cardano News</a> 2196 <a class="dropdown-item " href="/tag/ripple">Ripple News</a> 2197 <a class="dropdown-item " href="/tag/shib">SHIB News</a> 2198 <a class="dropdown-item " href="/tag/stablecoin">Stablecoin News</a> 2199 <a class="dropdown-item " href="/tag/cbdc">CBDC News</a> 2200 <a class="dropdown-item " href="/tag/defi">DeFi News</a> 2201 </div> 2202 <div class="col-lg-3 col-6"> 2203 <h6 class="dropdown-header"><a href="/tag/industry">Industry News</a></h6> 2204 <a class="dropdown-item " href="/tag/ai">AI News</a> 2205 <a class="dropdown-item " href="/tag/chatgpt">ChatGPT News</a> 2206 <a class="dropdown-item " href="/tag/nft">NFT News</a> 2207 <a class="dropdown-item " href="/tag/web3">Web3 News</a> 2208 <a class="dropdown-item " href="/tag/metaverse">Metaverse News</a> 2209 <a class="dropdown-item " href="/tag/exchange">Exchange News</a> 2210 </div> 2211 <div class="col-lg-3 col-6"> 2212 <h6 class="dropdown-header"><a href="/tag/regulation">Regulatory News</a></h6> 2213 <a class="dropdown-item " href="/tag/regulation">Regulation</a> 2214 <a class="dropdown-item " href="/tag/legal">Legal</a> 2215 <a class="dropdown-item " href="/tag/cybercrime">Cybercrime</a> 2216 </div> 2217 <div class="col-lg-3 col-6"> 2218 <h6 class="dropdown-header"><a href="/tag/technology">Tech News</a></h6> 2219 <a class="dropdown-item " href="/tag/enterprise">Enterprise</a> 2220 <a class="dropdown-item " href="/tag/blockchain-application">Blockchain Application</a> 2221 <a class="dropdown-item " href="/tag/mining">Mining</a> 2222 </div> 2223 </div> 2224 </div> 2225 </div> 2226 </li> 2227 <li class="nav-item dropdown"> 2228 <a class="nav-link dropdown-toggle " href="/stocks" id="navStocksEn" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Stocks<span class="new-label cyberpunk-glow">NEW</span></a> 2229 <ul class="dropdown-menu" aria-labelledby="navStocksEn"> 2230 <li><a class="dropdown-item " href="/stocks">All stocks</a></li> 2231 <li><hr class="dropdown-divider"></li> 2232 <li><h6 class="dropdown-header">Hot stocks</h6></li> 2233 <li> 2234 <div class="bn-nav-tickers"> 2235 <a href="/stocks/meta">META</a> 2236 <a href="/stocks/tsla">TSLA</a> 2237 <a href="/stocks/pltr">PLTR</a> 2238 <a href="/stocks/aapl">AAPL</a> 2239 <a href="/stocks/coin">COIN</a> 2240 <a href="/stocks/baba">BABA</a> 2241 </div> 2242 </li> 2243 </ul> 2244 </li> 2245 <li class="nav-item"><a class="nav-link " href="/price">Price</a></li> 2246 <li class="nav-item flashnews-item"> 2247 <a class="nav-link " href="/flashnews">FlashNews<span class="hot-label cyberpunk-glow">HOT</span></a> 2248 </li> 2249 <li class="nav-item flashnews-item"> 2250 <a class="nav-link " href="/ainews">AINews</a> 2251 </li> 2252 <li class="nav-item"><a class="nav-link " href="/interview">Interviews</a></li> 2253 <li class="nav-item"><a class="nav-link " href="/analysis">Analysis</a></li> 2254 <li class="nav-item"><a class="nav-link " href="/wiki">Wiki</a></li> 2255 <!-- AI Hub (moved to end of nav per request 2026-09-23) --> 2256 <li class="nav-item dropdown"> 2257 <a class="nav-link dropdown-toggle " href="/ai" id="navAiEn" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">AI Hub</a> 2258 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navAiEn"> 2259 <li><a class="dropdown-item " href="/ai">AI Homepage</a></li> 2260 <li><a class="dropdown-item " href="/ainews">AI News</a></li> 2261 <li><hr class="dropdown-divider"></li> 2262 <li><a class="dropdown-item" href="/ai/chatbot">Chatbot</a></li> 2263 <li><a class="dropdown-item" href="/ai/image-generator">Image Generator</a></li> 2264 <li><a class="dropdown-item" href="/ai/video-generator">Video Generator</a></li> 2265 <li><a class="dropdown-item" href="/ai/voice">Voice</a></li> 2266 <li><a class="dropdown-item" href="/ai/text-generator">Text Generator</a></li> 2267 <li><a class="dropdown-item" href="/ai/character">AI Character</a></li> 2268 <li><a class="dropdown-item" href="/ai/search">AI Search</a></li> 2269 <li><hr class="dropdown-divider"></li> 2270 <li><a class="dropdown-item" href="/ai">All AI Tools</a></li> 2271 </ul> 2272 </li> 2273 </ul> 2274 2275 <!-- Nav right START --> 2276 <div class="nav flex-nowrap align-items-center"> 2277 <div class="nav-item dropdown dropdown-toggle-icon-none nav-search"> 2278 <a class="nav-link dropdown-toggle" role="button" href="#" id="navSearch" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Search"> 2279 <i class="bi bi-search fs-4"></i> 2280 </a> 2281 <div class="dropdown-menu dropdown-menu-end shadow rounded p-2" aria-labelledby="navSearch"> 2282 <form class="input-group" action="/search" method="GET" id="searchForm"> 2283 <input class="form-control border-success" type="search" placeholder="Search" aria-label="Search" name="searchStr" id="searchInput"> 2284 <button class="btn btn-success m-0" type="submit">Search</button> 2285 </form> 2286 </div> 2287 </div> 2288 </div> 2289 <!-- Nav right END --> 2290 </div> 2291 </div> 2292 </nav> 2293 <!-- Logo Nav END --> 2294</header> 2295 2296<style> 2297/* ========== Site Header: mega-menu & nav enhancements ========== */ 2298#site-header .navbar-brand img { 2299 max-height: 48px; 2300 width: auto; 2301} 2302 2303/* Hot stocks grid in the Stocks dropdown (must live here, not in 2304 site-channels.css, so every page renders the nav identically). */ 2305#site-header .bn-nav-tickers { 2306 display: grid; 2307 grid-template-columns: repeat(3, 1fr); 2308 gap: 0.3rem; 2309 padding: 0.25rem 1rem 0.7rem; 2310 min-width: 240px; 2311} 2312 2313#site-header .bn-nav-tickers a { 2314 display: block; 2315 text-align: center; 2316 padding: 0.35rem 0.2rem; 2317 font-size: 0.75rem; 2318 font-weight: 700; 2319 letter-spacing: 0.02em; 2320 color: var(--bs-body-color); 2321 border: 1px solid var(--bs-border-color); 2322 border-radius: 0.35rem; 2323 text-decoration: none; 2324} 2325 2326#site-header .bn-nav-tickers a:hover, 2327#site-header .bn-nav-tickers a:focus { 2328 color: #fff; 2329 background: var(--bs-primary); 2330 border-color: var(--bs-primary); 2331} 2332 2333#site-header .navbar-top { 2334 background: rgba(var(--bs-light-rgb), 0.6); 2335 border-bottom: 1px solid var(--bs-border-color); 2336} 2337 2338[data-bs-theme="dark"] #site-header .navbar-top { 2339 background: rgba(0, 0, 0, 0.25); 2340} 2341 2342#site-header .nav-link { 2343 font-weight: 500; 2344 letter-spacing: 0.2px; 2345} 2346 2347#site-header .navbar-nav .nav-link.active, 2348#site-header .navbar-nav .nav-link:hover { 2349 color: var(--bs-primary); 2350} 2351 2352/* Mega menu */ 2353#site-header .has-megamenu { 2354 position: static; 2355} 2356 2357#site-header .mega-menu { 2358 left: 0; 2359 right: 0; 2360 width: 100%; 2361 border: none; 2362 border-radius: 0 0 0.75rem 0.75rem; 2363 box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.12); 2364 padding: 0; 2365 margin-top: 0;
2366} 2367 2368#site-header .mega-menu .dropdown-header { 2369 font-size: 0.95rem; 2370 font-weight: 700; 2371 text-transform: uppercase; 2372 padding: 0.5rem 1rem; 2373 border-bottom: 2px solid var(--bs-primary); 2374 margin-bottom: 0.5rem; 2375 color: var(--bs-body-color); 2376} 2377 2378#site-header .mega-menu .dropdown-header a { 2379 color: inherit; 2380 text-decoration: none; 2381} 2382 2383#site-header .mega-menu .dropdown-header a:hover { 2384 color: var(--bs-primary); 2385} 2386 2387#site-header .mega-menu .dropdown-item { 2388 padding: 0.4rem 1rem; 2389 font-size: 0.92rem; 2390 border-radius: 0.375rem; 2391} 2392 2393#site-header .mega-menu .dropdown-item:hover, 2394#site-header .mega-menu .dropdown-item:focus { 2395 background-color: rgba(var(--bs-primary-rgb), 0.08); 2396 color: var(--bs-primary); 2397} 2398 2399#site-header .mega-menu .dropdown-item.active { 2400 background-color: rgba(var(--bs-primary-rgb), 0.12); 2401 color: var(--bs-primary); 2402 font-weight: 600; 2403} 2404 2405/* Dropdown-submenu (Bootstrap 5 does not ship it) */ 2406#site-header .dropdown-submenu { 2407 position: relative; 2408} 2409 2410#site-header .dropdown-submenu > .dropdown-item::after { 2411 display: inline-block; 2412 margin-left: 0.5em; 2413 vertical-align: 0.15em; 2414 content: ""; 2415 border-top: 0.3em solid transparent; 2416 border-right: 0; 2417 border-bottom: 0.3em solid transparent; 2418 border-left: 0.3em solid; 2419 float: right; 2420 margin-top: 0.45em; 2421} 2422 2423#site-header .dropdown-submenu > .dropdown-menu { 2424 top: 0; 2425 left: 100%; 2426 margin-left: 0.1rem; 2427 margin-right: 0.1rem; 2428 border-radius: 0.5rem; 2429} 2430 2431/* HOT / NEW labels */ 2432#site-header .hot-label, 2433#site-header .new-label { 2434 display: inline-block; 2435 font-size: 0.65rem; 2436 font-weight: 700; 2437 padding: 0.15em 0.5em; 2438 border-radius: 0.25rem; 2439 margin-left: 0.4em; 2440 vertical-align: middle; 2441 line-height: 1.2; 2442 text-transform: uppercase; 2443} 2444 2445#site-header .hot-label { 2446 background: linear-gradient(135deg, #ff4d4d, #ff9a00); 2447 color: #fff; 2448} 2449 2450#site-header .new-label { 2451 background: linear-gradient(135deg, #00c853, #00e5ff); 2452 color: #fff; 2453} 2454 2455/* Mobile: collapse mega-menu into a normal accordion-like list */ 2456@media (max-width: 991.98px) { 2457 #site-header .has-megamenu { 2458 position: relative; 2459 } 2460 2461 #site-header .mega-menu { 2462 position: static; 2463 box-shadow: none; 2464 border-radius: 0; 2465 background: transparent; 2466 padding-left: 1rem; 2467 border-left: 3px solid var(--bs-primary); 2468 margin-left: 0.5rem; 2469 } 2470 2471 #site-header .mega-menu .row > div { 2472 margin-bottom: 1rem; 2473 } 2474 2475 #site-header .dropdown-submenu > .dropdown-menu { 2476 position: static; 2477 border: none; 2478 box-shadow: none; 2479 padding-left: 1rem; 2480 margin: 0; 2481 } 2482 2483 #site-header .dropdown-submenu > .dropdown-item::after { 2484 border-top: 0.3em solid; 2485 border-right: 0.3em solid transparent; 2486 border-bottom: 0; 2487 border-left: 0.3em solid transparent; 2488 float: none; 2489 margin-top: 0.35em; 2490 } 2491 2492 #site-header .navbar-top .nav { 2493 flex-direction: row; 2494 flex-wrap: wrap; 2495 justify-content: center; 2496 } 2497} 2498 2499/* Avoid horizontal scroll on navbar on tablet */ 2500@media (min-width: 992px) { 2501 #site-header .navbar-nav { 2502 --bs-scroll-height: 80vh; 2503 } 2504 2505 /* Bootstrap's .navbar-nav-scroll caps this row's own scrollable-overflow 2506 box, which also bounds any open .dropdown-menu positioned inside it â 2507 on a viewport short enough (or a nav-row that wraps), the lower half of 2508 a tall mega-menu/hot-stocks grid was silently clipped with no visible 2509 scrollbar cue. Only the collapsed mobile menu (media query above) 2510 actually needs to scroll; the desktop single-row nav never should. */ 2511 #site-header .navbar-nav-scroll { 2512 overflow: visible; 2513 max-height: none; 2514 } 2515} 2516</style> 2517 2518 2519 2520 <!-- SEVIO Global Advertisement Banner START --> 2521 <div style="text-align: center; display: block; width: 100%;"> 2522 <div id="wrapper-sevio-b1300317-88c3-4620-8862-b539da38bc89" style="display: inline-block;"> 2523 <div class="sevioads" data-zone="b1300317-88c3-4620-8862-b539da38bc89"></div> 2524
2524<script> 2525 window.sevioads = window.sevioads || []; 2526 var sevioads_preferences = []; 2527 sevioads_preferences[0] = {}; 2528 sevioads_preferences[0].zone = "b1300317-88c3-4620-8862-b539da38bc89"; 2529 sevioads_preferences[0].adType = "banner"; 2530 sevioads_preferences[0].inventoryId = "74157083-fb3f-4a29-a381-30997e95b4c1"; 2531 sevioads_preferences[0].accountId = "8ba7ae4d-f7b2-4b82-b31a-aa3578e1a16e"; 2532 sevioads.push(sevioads_preferences); 2533 </script>
2533 2534 </div> 2535 </div> 2536 <!-- Global Advertisement Banner END --> 2537 2538 2539 2540 2541 2542 2543 <!-- ======================= 2544 Header END --> 2545 <!-- **************** MAIN CONTENT START **************** --> 2546 <main id="main"> 2547 2548 2549 2550 <!-- - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - --> 2551 2552<style> 2553 /* Contact Page Theme Variables */ 2554 :root { 2555 --primary-color-dark: #00f7ff; 2556 --secondary-color-dark: #0051ff; 2557 --accent-color-dark: #ff00ea; 2558 --primary-color-light: #0066cc; 2559 --secondary-color-light: #003399; 2560 --accent-color-light: #9900cc; 2561 --dark-bg: #0a0a0a; 2562 --light-bg: #f5f5f5; 2563 --text-dark: #ffffff; 2564 --text-light: #1a1a1a; 2565 --card-bg-dark: rgba(16, 16, 16, 0.8); 2566 --card-bg-light: rgba(255, 255, 255, 0.95); 2567 --border-glow-dark: 0 0 10px rgba(0, 247, 255, 0.3); 2568 --border-glow-light: 0 0 10px rgba(0, 102, 204, 0.2); 2569 --box-shadow-dark: 0 4px 20px rgba(0, 0, 0, 0.25); 2570 --box-shadow-light: 0 4px 20px rgba(0, 0, 0, 0.1); 2571 } 2572 2573 [data-bs-theme="dark"] { 2574 --primary-color: var(--primary-color-dark); 2575 --secondary-color: var(--secondary-color-dark); 2576 --accent-color: var(--accent-color-dark); 2577 --bg-color: var(--dark-bg); 2578 --text-color: var(--text-dark); 2579 --card-bg: var(--card-bg-dark);
2580 --box-shadow: var(--box-shadow-dark); 2581 --border-glow: var(--border-glow-dark); 2582 } 2583 2584 [data-bs-theme="light"] { 2585 --primary-color: var(--primary-color-light); 2586 --secondary-color: var(--secondary-color-light); 2587 --accent-color: var(--accent-color-light); 2588 --bg-color: var(--light-bg); 2589 --text-color: var(--text-light); 2590 --card-bg: var(--card-bg-light); 2591 --box-shadow: var(--box-shadow-light); 2592 --border-glow: var(--border-glow-light); 2593 } 2594 2595 /* Contact Page Styles */ 2596 .contact-hero-section { 2597 padding: 60px 0; 2598 background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); 2599 color: white; 2600 text-align: center; 2601 } 2602 2603 .contact-hero-title { 2604 font-size: 3rem; 2605 font-weight: 700; 2606 margin-bottom: 15px; 2607 text-shadow: 0 4px 8px rgba(0,0,0,0.3); 2608 } 2609 2610 .contact-hero-subtitle { 2611 font-size: 1.2rem; 2612 opacity: 0.9; 2613 max-width: 600px; 2614 margin: 0 auto; 2615 } 2616 2617 .contact-main-section { 2618 padding: 80px 0; 2619 background: var(--bg-color); 2620 } 2621 2622 .contact-form-card { 2623 background: var(--card-bg); 2624 border-radius: 20px; 2625 padding: 40px;
2626 box-shadow: var(--box-shadow); 2627 backdrop-filter: blur(10px); 2628 border: 1px solid rgba(255,255,255,0.1); 2629 } 2630 2631 .contact-form-title { 2632 font-size: 1.8rem; 2633 font-weight: 700; 2634 color: var(--text-color); 2635 margin-bottom: 20px; 2636 } 2637 2638 .contact-form-description { 2639 color: var(--text-color); 2640 opacity: 0.8; 2641 margin-bottom: 30px; 2642 line-height: 1.6; 2643 } 2644 2645 .form-row { 2646 display: grid; 2647 grid-template-columns: 1fr 1fr; 2648 gap: 20px; 2649 margin-bottom: 20px; 2650 } 2651 2652 .form-group { 2653 display: flex; 2654 flex-direction: column; 2655 } 2656 2657 .form-group.full-width { 2658 grid-column: 1 / -1; 2659 } 2660 2661 .form-label { 2662 font-size: 0.9rem; 2663 font-weight: 600; 2664 color: var(--text-color); 2665 margin-bottom: 8px; 2666 } 2667 2668 .required { 2669 color: #ff4757; 2670 } 2671 2672 .form-input, 2673 .form-textarea { 2674 padding: 15px 20px; 2675 border: 2px solid rgba(255,255,255,0.1); 2676 border-radius: 10px; 2677 background: rgba(255,255,255,0.05); 2678 color: var(--text-color); 2679 font-size: 1rem; 2680 transition: all 0.3s ease; 2681 outline: none; 2682 } 2683 2684 .form-input:focus, 2685 .form-textarea:focus { 2686 border-color: var(--primary-color); 2687 box-shadow: var(--border-glow); 2688 background: rgba(255,255,255,0.1); 2689 } 2690 2691 .form-textarea { 2692 resize: vertical; 2693 min-height: 120px; 2694 } 2695 2696 .recaptcha-container { 2697 margin: 30px 0; 2698 display: flex; 2699 justify-content: center; 2700 } 2701 2702 .submit-btn { 2703 background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); 2704 color: white; 2705 border: none; 2706 padding: 15px 40px; 2707 border-radius: 50px; 2708 font-size: 1.1rem; 2709 font-weight: 600; 2710 cursor: pointer; 2711 transition: all 0.3s ease;
2712 box-shadow: var(--box-shadow); 2713 } 2714 2715 .submit-btn:hover { 2716 transform: translateY(-2px); 2717 box-shadow: var(--border-glow); 2718 } 2719 2720 .contact-info-card { 2721 background: var(--card-bg); 2722 border-radius: 20px; 2723 padding: 40px; 2724 box-shadow: var(--box-shadow); 2725 backdrop-filter: blur(10px); 2726 border: 1px solid rgba(255,255,255,0.1); 2727 height: fit-content; 2728 } 2729 2730 .contact-info-title { 2731 font-size: 1.5rem; 2732 font-weight: 700; 2733 color: var(--text-color); 2734 margin-bottom: 25px; 2735 display: flex; 2736 align-items: center; 2737 gap: 10px; 2738 } 2739 2740 .contact-info-item { 2741 margin-bottom: 30px; 2742 padding: 20px; 2743 background: rgba(255,255,255,0.05); 2744 border-radius: 15px; 2745 transition: transform 0.3s ease; 2746 } 2747 2748 .contact-info-item:hover { 2749 transform: translateY(-2px); 2750 } 2751 2752 .contact-info-item h5 { 2753 color: var(--primary-color); 2754 font-weight: 600; 2755 margin-bottom: 10px; 2756 } 2757 2758 .contact-info-item p { 2759 color: var(--text-color); 2760 opacity: 0.8; 2761 margin: 0; 2762 line-height: 1.5; 2763 } 2764 2765 .contact-info-item a { 2766 color: var(--primary-color); 2767 text-decoration: none; 2768 font-weight: 600; 2769 } 2770 2771 .contact-info-item a:hover { 2772 text-decoration: underline; 2773 } 2774 2775 .status-message { 2776 background: rgba(255, 71, 87, 0.1); 2777 border: 1px solid #ff4757; 2778 color: #ff4757; 2779 padding: 15px 20px; 2780 border-radius: 10px; 2781 margin-bottom: 20px; 2782 font-weight: 600; 2783 } 2784 2785 @media (max-width: 768px) { 2786 .form-row { 2787 grid-template-columns: 1fr; 2788 } 2789 2790 .contact-hero-title { 2791 font-size: 2rem; 2792 } 2793 2794 .contact-form-card, 2795 .contact-info-card { 2796 padding: 30px 20px; 2797 } 2798 } 2799</style> 2800 2801<div class="contact-hero-section"> 2802 <div class="container"> 2803 <h1 class="contact-hero-title">Get In Touch</h1> 2804 <p class="contact-hero-subtitle"> 2805 We greatly appreciate your feedback. Please get in touch with us with your comments, requests, advertising partnerships, job inquiries, or any news submissions. 2806 </p> 2807 </div> 2808</div> 2809 2810<div class="contact-main-section"> 2811 <div class="container"> 2812 <div class="row"> 2813 <div class="col-lg-8"> 2814 <div class="contact-form-card"> 2815 <h2 class="contact-form-title">Send Us a Message</h2> 2816 <p class="contact-form-description"> 2817 We will get back to you shortly. Fill out the form below and let us know how we can help you. 2818 </p> 2819 2820 2821 <form id="contactForm" method="POST" class="modern-contact-form"> 2822 <div aria-hidden="true" style="position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden;"> 2823 <label for="website_url">Leave this field empty</label> 2824 <input id="website_url" name="website_url" type="text" tabindex="-1" autocomplete="off" /> 2825 </div> 2826 <div class="form-row"> 2827 <div class="form-group"> 2828 <label class="form-label">Full Name <span class="required">*</span></label> 2829 <input type="text" class="form-input" required data-val="true" data-val-minlength="Please enter a valid name" data-val-minlength-min="2" data-val-required="The FullName field is required." id="contact_FullName" name="contact.FullName" value=""> 2830 </div> 2831 <div class="form-group"> 2832 <label class="form-label">Email <span class="required">*</span></label> 2833 <input type="email" class="form-input" required data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-regex="Please enter a valid Email address" data-val-regex-pattern="^[\w-\.]+@([\w -]+\.)+[\w-]{2,4}$" data-val-required="The Email field is required." id="contact_Email" name="contact.Email" value=""> 2834 </div> 2835 </div> 2836 2837 <div class="form-row"> 2838 <div class="form-group"> 2839 <label class="form-label">Phone Number</label> 2840 <input type="text" class="form-input" id="contact_PhoneNumber" name="contact.PhoneNumber" value=""> 2841 </div> 2842 <div class="form-group"> 2843 <label class="form-label">Company</label> 2844 <input type="text" class="form-input" id="contact_Company" name="contact.Company" value=""> 2845 </div> 2846 </div> 2847 2848 <div class="form-group full-width"> 2849 <label class="form-label">
2849Leave your message here</label> 2850 <textarea rows="6" class="form-textarea" required id="contact_Message" name="contact.Message"> 2851</textarea> 2852 </div> 2853 2854 <div class="recaptcha-container"> 2855 <div class="g-recaptcha" data-sitekey="6Lcbar0UAAAAAMyQm1yA5pW71uMj5Nztw3w5Ck-C"></div> 2856 </div> 2857 2858 <button type="submit" class="submit-btn" formaction="/contact?handler=SendContactEmail"> 2859 Send Message 2860 </button> 2861 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8CtAxoUSD2BEuHnkyCqnSFNKAoo0gfDMZiSWKFVO3X5rVlFlP123_28Zvs96mR1OxrLtLcevDSm7Od0fJrpJE2rMYTjTNhD4E0QIa_6GoMhp_R12p4pMSRQdJAedGiS9AvnqQFKHffkj9EwrfJCLAIA" /></form> 2862 </div> 2863 </div> 2864 2865 <div class="col-lg-4"> 2866 <div class="contact-info-card"> 2867 <h3 class="contact-info-title"> 2868 <span>ð§</span> Contact Information 2869 </h3> 2870 2871 <div class="contact-info-item"> 2872 <h5>News Tip Submissions</h5> 2873 <p>If you have a news tip or pitch, please send it to <a href="/cdn-cgi/l/email-protection#264f48404966444a49454d454e474f480848435155"><span class="__cf_email__" data-cfemail="a8c1c6cec7e8cac4c7cbc3cbc0c9c1c686c6cddfdb">[email protected]</span></a>. We will try to respond to your email as soon as we can.</p> 2874 </div> 2875 2876 <div class="contact-info-item"> 2877 <h5>General Contact</h5> 2878 <p>Your opinions are important to us! Please email us any general enquiries or comments you have. We look forward to hearing from you.</p> 2879 <p><a href="/cdn-cgi/l/email-protection#660f08000926040a09050d050e070f084808031115"><span class="__cf_email__" data-cfemail="d5bcbbb3ba95b7b9bab6beb6bdb4bcbbfbbbb0a2a6">[email protected]</span></a></p> 2880 </div> 2881 2882 <div class="contact-info-item"> 2883 <h5>Want to be a writer?</h5> 2884 <p>Please visit our <a href="/write">Write For Us</a> page for more details.</p> 2885 </div> 2886 2887 <div class="contact-info-item"> 2888 <h5>Confidential Queries</h5> 2889 <p style="font-size: 0.9rem; opacity: 0.7;">For any confidential queries, please send an email to <a href="/cdn-cgi/l/email-protection#8be2e5ede4cbe9e7e4e8e0e8e3eae2e5a5e5eefcf8"><span class="__cf_email__" data-cfemail="ef86818980af8d83808c848c878e8681c1818a989c">[email protected]</span></a>.</p> 2890 </div> 2891 </div> 2892 </div> 2893 </div> 2894 </div> 2895</div> 2896 2897 2898 2899 <!-- - - - - - - - - - - - - end Content - - - - - - - - - - - - - - - --> 2900 2901 2902 </main> 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 <!-- ======================= 2914 Footer START --> 2915 2916<footer class="bg-dark pt-5" id="site-footer"> 2917 <div class="container"> 2918 <!-- Top intro START --> 2919 <div class="row pt-3 pb-4 align-items-center"> 2920 <div class="col-md-3 mb-3 mb-md-0"> 2921 <a href="/" aria-label="Blockchain.News Home"> 2922 <img src="https://image.blockchain.news/sharedimage/blockchain_Logo_black-02%20.jpg" width="286" height="70" alt="Blockchain.News Logo" loading="lazy" decoding="async"> 2923 </a> 2924 </div> 2925 <div class="col-md-9"> 2926 <p class="text-body-secondary mb-0">Blockchain.News has covered blockchain, crypto and fintech since 2015. Our reporters deliver timely, in-depth market analysis and industry insights for a global audience.</p> 2927 </div> 2928 </div> 2929 <!-- Top intro END --> 2930 2931 <hr> 2932 2933 <!-- Widgets START --> 2934 <div class="row pt-5"> 2935 <!-- Column 1: Channels --> 2936 <div class="col-md-6 col-lg-3 mb-4"> 2937 <h5 class="mb-4 text-white">Channels</h5> 2938 <ul class="nav flex-column text-primary-hover"> 2939 <li class="nav-item"><a class="nav-link" href="/ai">AI Hub</a></li> 2940 <li class="nav-item"><a class="nav-link" href="/stocks">Stocks</a></li> 2941 <li class="nav-item"><a class="nav-link" href="/tag/cryptocurrency">Crypto</a></li> 2942 <li class="nav-item"><a class="nav-link" href="/tag/blockchain">Blockchain</a></li> 2943 <li class="nav-item"><a class="nav-link" href="/tag/regulation">Regulation</a></li> 2944 </ul> 2945 </div> 2946 2947 <!-- Column 2: About links --> 2948 <div class="col-md-6 col-lg-3 mb-4"> 2949 <h5 class="mb-4 text-white">About</h5> 2950 <div class="row"> 2951 <div class="col-6"> 2952 <ul class="nav flex-column text-primary-hover"> 2953 <li class="nav-item"><a class="nav-link" href="/about">About Us</a></li> 2954 <li class="nav-item"><a class="nav-link" href="/advertisement">Advertisement</a></li> 2955 <li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li> 2956 <li class="nav-item"><a class="nav-link" href="/write">Write for us</a></li> 2957 </ul> 2958 </div> 2959 </div> 2960 </div> 2961 2962 <!-- Column 3: Updates / social --> 2963 <div class="col-sm-6 col-lg-3 mb-4"> 2964 <h5 class="mb-4 text-white">Get Regular Updates</h5> 2965 <ul class="nav flex-column text-primary-hover"> 2966 <li class="nav-item"><a class="nav-link pt-0" href="https://www.linkedin.com/company/blockchainnewsbn/" target="_blank" rel="noopener noreferrer nofollow"><i class="fab fa-linkedin me-2"></i>LinkedIn</a></li> 2967 <li class="nav-item"><a class="nav-link" href="https://twitter.com/BlockchainNewsM" target="_blank" rel="noopener noreferrer nofollow"><i class="fab fa-twitter-square me-2"></i>Twitter / X</a></li> 2968 <li class="nav-item"><a class="nav-link" href="/feed"><i class="far fa-envelope fa-fw me-2"></i>RSS</a></li> 2969 </ul> 2970 </div> 2971 2972 <!-- Column 4: Newsletter + Disclaimer --> 2973 <div class="col-sm-6 col-lg-3 mb-4"> 2974 <h5 class="mb-4 text-white">Newsletter Sign Up</h5> 2975 <p class="text-body-secondary small"> 2976 Subscribe to get the latest AI, crypto and blockchain news. 2977 </p> 2978 <form action="https://news.us7.list-manage.com/subscribe/post?u=e0c005b58854cbf2ec9e63d4d&id=a703d4386f" method="post" class="input-group mb-3" target="_blank" novalidate> 2979 <input type="email" name="EMAIL" class="form-control form-control-sm" placeholder="Enter email" aria-label="Email" required> 2980 <button type="submit" class="btn btn-primary btn-sm">Subscribe</button> 2981 </form> 2982 2983 <h5 class="mt-4 text-white">Disclaimer</h5> 2984 <p class="text-body-secondary small mb-0"> 2985 Blockchain.news provides content for informational purposes only. We are not responsible for any damages arising from the use of the information provided. Readers should do their own research and consult professionals. 2986 </p> 2987 </div> 2988 </div> 2989 <!-- Widgets END --> 2990 2991 <!-- Hot topics START --> 2992 <div class="row"> 2993 <div class="col-12"> 2994 <h5 class="mb-2 text-white">Hot topics</h5> 2995 <ul class="list-inline text-primary-hover lh-lg"> 2996 <li class="list-inline-item"><a href="/tag/chatgpt">ChatGPT News</a></li> 2997 <li class="list-inline-item"><a href="/tag/bitcoin">Bitcoin</a></li> 2998 <li class="list-inline-item"><a href="/tag/ethereum">Ethereum</a></li> 2999 <li class="list-inline-item"><a href="/tag/web3">Web3</a></li> 3000 <li class="list-inline-item"><a href="/ai/image-generator">Image Generator</a></li> 3001 <li class="list-inline-item"><a href="/ai/chatbot">Chatbot</a></li> 3002 <li class="list-inline-item"><a href="/tag/ai">AI News</a></li> 3003 <li class="list-inline-item"><a href="/stocks">Stocks</a></li> 3004 <li class="list-inline-item"><a href="/tag/etf">ETF</a></li> 3005 <li class="list-inline-item"><a href="/tag/nvidia">NVIDIA</a></li> 3006 </ul> 3007 </div> 3008 </div> 3009 <!-- Hot topics END --> 3010 </div> 3011 3012 <!-- Footer copyright START --> 3013 <div class="bg-dark-overlay-3 mt-5"> 3014 <div class="container"> 3015 <div class="row align-items-center justify-content-md-between py-4"> 3016 <div class="col-md-6"> 3017 <div class="text-center text-md-start text-primary-hover text-body-secondary"> 3018 ©2026 <a href="https://blockchain.news/" class="text-reset btn-link">Blockchain News</a>. All rights reserved 3019 </div> 3020 </div> 3021 <div class="col-md-6 d-sm-flex align-items-center justify-content-center justify-content-md-end"> 3022 <!-- Language switcher --> 3023 <div class="dropup me-0 me-sm-3 mt-3 mt-md-0 text-center text-sm-end"> 3024 <a class="dropdown-toggle text-primary-hover" href="#" role="button" id="languageSwitcherFooter" data-bs-toggle="dropdown" aria-expanded="false"> 3025 Language 3026 </a> 3027 <ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcherFooter"> 3028 <li><a class="dropdown-item" href="/contact">English</a></li> 3029 <li><a class="dropdown-item" href="/zh/contact">ä¸æ</a></li> 3030 </ul> 3031 </div> 3032 <!-- Links --> 3033 <ul class="nav text-primary-hover text-center text-sm-end justify-content-center mt-3 mt-md-0"> 3034 <li class="nav-item"><a class="nav-link" href="/termsandconditions">Terms</a></li> 3035 <li class="nav-item"><a class="nav-link" href="/privacy">Privacy</a></li> 3036 <li class="nav-item"><a class="nav-link" href="https://lookerstudio.google.com/reporting/eb1bf6dc-68ec-4279-8e2d-22cf3a6cdfbf">Stats</a></li> 3037 <li class="nav-item"><a class="nav-link pe-0" href="/sitemap-index.xml">Sitemap</a></li> 3038 </ul> 3039 </div> 3040 </div> 3041 </div> 3042 </div> 3043 <!-- Footer copyright END --> 3044</footer> 3045 3046<style> 3047#site-footer .nav-link { 3048 padding-left: 0; 3049 color: var(--bs-body-color); 3050} 3051 3052#site-footer .nav-link:hover { 3053 color: var(--bs-primary); 3054} 3055 3056#site-footer .text-primary-hover a { 3057 color: var(--bs-body-color); 3058 text-decoration: none; 3059} 3060 3061#site-footer .text-primary-hover a:hover { 3062 color: var(--bs-primary); 3063} 3064 3065#site-footer .list-inline-item a { 3066 font-size: 0.9rem; 3067} 3068 3069#site-footer .badge { 3070 text-decoration: none; 3071} 3072 3073#site-footer hr { 3074 border-color: rgba(255, 255, 255, 0.1); 3075} 3076 3077#site-footer img { 3078 max-width: 100%; 3079 height: auto; 3080} 3081</style> 3082 3083 <!-- =======================Footer END --> 3084 3085 3086 <!-- Back to top --> 3087 <div class="back-top"><i class="bi bi-arrow-up-short"></i></div> 3088 3089 3090 <!-- ======================= 3091 JS libraries, plugins and custom scripts --> 3092 <!-- Bootstrap JS -->
vendor: 114 bytes, lines 3092-3093
3092 3093 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3093<script src="/bn/vendor/bootstrap/dist/js/bootstrap.bundle.min.js" defer></script>
3093 3094 3095 <!-- Vendors (使ç¨å缩çæ¬) --> 3096
3096<script src="/bn/vendor/tiny-slider/tiny-slider.min.js" defer></script>
3096 3097
3097<script src="/bn/vendor/sticky-js/sticky.min.js" defer></script>
3097 3098
3098<script src="/bn/vendor/vanilla-lazyload/lazyload.min.js" defer></script>
3098 3099 3100 3101 3102 <!-- Template Functions (使ç¨å缩çæ¬) --> 3103
3103<script src="/bn/js/functions.min.js?v=20260110" defer></script>
3103 3104 3105
3105<script> 3106 document.addEventListener('DOMContentLoaded', function () { 3107 document.getElementById('searchForm').addEventListener('submit', function (event) { 3108 var bannedWords = ["buy weed", "zachyman", "cannabis", "cocaine", "Xanax", "Live Rosin", "blendzhub"]; 3109 var userInput = document.getElementById('searchInput').value.toLowerCase(); 3110 3111 for (var i = 0; i < bannedWords.length; i++) { 3112 if (userInput.includes(bannedWords[i])) { 3113 alert("Your search query contains prohibited terms and has been logged. Please revise your query and try again."); 3114 event.preventDefault(); 3115 return; // Stop further execution 3116 } 3117 } 3118 }); 3119 }); 3120 3121 </script>
vendor: 93 bytes, lines 3121-3127
3121 3122 3123 3124 3125 3126 <script src='https://www.google.com/recaptcha/api.js?hl=en'></script> 3127
3127<script> 3128 3129 </script>
3129 3130 3131 3132 <!-- Chat Modal --> 3133 3134 3135 <div id="ad-wrapper"> 3136 <div id="stickyAdBanner" class="sticky-ad-banner"> 3137 <div class="sticky-ad-controls"> 3138 <button id="toggleAdBtn" class="toggle-ad-btn" title="Minimize/Maximize"> 3139 <i class="fas fa-chevron-down"></i> 3140 </button> 3141 </div> 3142 <div class="sticky-ad-content"> 3143 <div class="sticky-bottom-ad"> 3144 <div 3145 id="wrapper-sevio-bd74977e-add4-4bad-9349-21f5069b68a8" 3146 style=" 3147 position: fixed; 3148 bottom: 0px; 3149 left: 50%; 3150 transform: translateX(-50%); 3151 display: inline-block; 3152 z-index: 999; 3153 "> 3154 3155 <button 3156 id="close-ad" 3157 style=" 3158 padding: 0; 3159 position: absolute; 3160 top: -10px; 3161 right: -10px; 3162 background: rgba(0, 0, 0, 0.5); 3163 color: #fff; 3164 border: none; 3165 cursor: pointer; 3166 font-size: 14px; 3167 width: 20px; 3168 height: 20px; 3169 line-height: 20px; 3170 border-radius: 50%; 3171 display: none; 3172 "> 3173 X 3174 </button> 3175 3176 <div 3177 class="sevioads" 3178 data-zone="bd74977e-add4-4bad-9349-21f5069b68a8" 3179 id="bd74977e-add4-4bad-9349-21f5069b68a8_id_0"></div> 3180 3181
3181<script> 3182 window.sevioads = window.sevioads || []; 3183 var sevioads_preferences = []; 3184 sevioads_preferences[0] = {}; 3185 sevioads_preferences[0].zone = "bd74977e-add4-4bad-9349-21f5069b68a8"; 3186 sevioads_preferences[0].adType = "banner"; 3187 sevioads_preferences[0].inventoryId = "74157083-fb3f-4a29-a381-30997e95b4c1"; 3188 sevioads_preferences[0].accountId = "8ba7ae4d-f7b2-4b82-b31a-aa3578e1a16e"; 3189 sevioads.push(sevioads_preferences); 3190 </script>
3190 3191</div> 3192 </div> 3193 </div> 3194 </div> 3195 </div> 3196 <!-- sticky bottom advertisement banner style START --> 3197
3197<script> 3198 document.addEventListener('DOMContentLoaded', function () { 3199 const stickyAdBanner = document.getElementById('stickyAdBanner'); 3200 const toggleBtn = document.getElementById('toggleAdBtn'); 3201 const body = document.body; 3202 3203 if (!stickyAdBanner || !toggleBtn) { 3204 console.error('Required elements not found!'); 3205 return; 3206 } 3207 3208 toggleBtn.addEventListener('click', function (e) { 3209 e.preventDefault(); 3210 e.stopPropagation(); 3211 3212 if (stickyAdBanner.classList.contains('minimized')) { 3213 stickyAdBanner.classList.remove('minimized'); 3214 body.classList.remove('sticky-ad-minimized'); 3215 } else { 3216 stickyAdBanner.classList.add('minimized'); 3217 body.classList.add('sticky-ad-minimized'); 3218 } 3219 }); 3220 }); 3221 </script>
3221 3222 <!-- sticky bottom advertisement banner style END --> 3223 <div id="sevioNativeAdSlot" class="sevioads" 3224 style=" 3225 position: fixed; 3226 width: 300px; 3227 top: 90px; 3228 right: 15px; 3229 z-index: 1030; 3230 height: 80px; 3231 pointer-events: none;" 3232 data-zone="67f5b22e-f44a-4c5e-a99a-73385b167ca1"></div> 3233
3233<script> 3234 (function () { 3235 var allowOnMobile = false; 3236 var isMobile = window.matchMedia('(max-width: 991.98px)').matches; 3237 var slot = document.getElementById('sevioNativeAdSlot'); 3238 if (!allowOnMobile && isMobile) { 3239 if (slot && slot.parentNode) { slot.parentNode.removeChild(slot); } 3240 return; 3241 } 3242 // Desktop only: keep the ad below the sticky header so its (mostly empty) 3243 // fixed-size box never sits on top of the nav links and swallows their 3244 // clicks. Mobile keeps its own fixed offset below via !important. 3245 if (slot) { 3246 var header = document.getElementById('site-header'); 3247 if (header) { 3248 slot.style.top = (header.offsetHeight + 10) + 'px'; 3249 } 3250 } 3251 window.sevioads = window.sevioads || []; 3252 var sevioads_preferences = []; 3253 sevioads_preferences[0] = {}; 3254 sevioads_preferences[0].zone = "67f5b22e-f44a-4c5e-a99a-73385b167ca1"; 3255 sevioads_preferences[0].adType = "native"; 3256 sevioads_preferences[0].inventoryId = "74157083-fb3f-4a29-a381-30997e95b4c1"; 3257 sevioads_preferences[0].accountId = "8ba7ae4d-f7b2-4b82-b31a-aa3578e1a16e"; 3258 sevioads.push(sevioads_preferences); 3259 })(); 3260 </script>
3260 3261 <style> 3262 /* The wrapper's fixed box is bigger than the creative Sevio actually renders 3263 inside it; pointer-events:none lets clicks fall through the empty parts to 3264 whatever is underneath, while the injected ad content re-enables itself. */ 3265 #sevioNativeAdSlot > * { 3266 pointer-events: auto; 3267 } 3268 3269 @media (max-width: 991.98px) { 3270 #sevioNativeAdSlot, 3271 [id^="sevio-ad-"], 3272 .sevioads[data-zone="67f5b22e-f44a-4c5e-a99a-73385b167ca1"], 3273 [id^="coinzilla_popup_widget"] { 3274 top: 150px !important; 3275 } 3276 3277 [id^="sevio-ad-"] { 3278 pointer-events: none !important; 3279 } 3280 3281 [id^="coinzilla_popup_widget"] { 3282 pointer-events: auto !important; 3283 } 3284 } 3285 </style> 3286<!-- Native advertisement Sevio Code END --> 3287 3288 <div id="bottomRightAd" class="position-fixed bottom-0 end-0 m-3 m-md-4 shadow-lg rounded-3 bg-white overflow-hidden" 3289 style="width: 200px; height: 280px; z-index: 999999; display: none; opacity: 0; transition: opacity 0.3s ease;"> 3290 <button onclick="closeBottomAd()" 3291 class="btn btn-dark btn-sm rounded-circle position-absolute top-0 start-0 m-2 p-0 d-flex align-items-center justify-content-center" 3292 style="width: 28px; height: 28px; opacity: 0.8;" 3293 onmouseover="this.style.opacity='1'" 3294 onmouseout="this.style.opacity='0.8'" 3295 title="å ³é广å"> 3296 <i class="bi bi-x-lg" style="font-size: 14px;"></i> 3297 </button> 3298 <div class="w-100 h-100"> 3299 <div class="sevioads" data-zone="0fb09739-cf36-4379-a188-430198a095c6"></div> 3300 </div> 3301 </div> 3302 <style> 3303 @media (max-width: 768px) { 3304 #bottomRightAd { width: 200px !important; height: 200px !important; } 3305 } 3306 3307 @media (max-width: 480px) { 3308 #bottomRightAd { display: none !important; } 3309 } 3310 </style> 3311
3311<script> 3312 window.sevioads = window.sevioads || []; 3313 var sevioads_preferences = []; 3314 sevioads_preferences[0] = {}; 3315 sevioads_preferences[0].zone = "0fb09739-cf36-4379-a188-430198a095c6"; 3316 sevioads_preferences[0].adType = "native"; 3317 sevioads_preferences[0].inventoryId = "74157083-fb3f-4a29-a381-30997e95b4c1"; 3318 sevioads_preferences[0].accountId = "8ba7ae4d-f7b2-4b82-b31a-aa3578e1a16e"; 3319 sevioads.push(sevioads_preferences); 3320 3321 (function () { 3322 const KEY = 'adClosed', DELAY = 3000, ad = document.getElementById('bottomRightAd'); 3323 3324 function show() { 3325 const t = localStorage.getItem(KEY); 3326 if (!t || (Date.now() - parseInt(t)) / 3600000 >= 24) { 3327 ad.style.display = 'block'; 3328 setTimeout(() => ad.style.opacity = '1', 100); 3329 } 3330 } 3331 3332 window.closeBottomAd = () => { 3333 ad.style.opacity = '0'; 3334 setTimeout(() => ad.style.display = 'none', 300); 3335 localStorage.setItem(KEY, Date.now()); 3336 }; 3337 3338 setTimeout(show, DELAY); 3339 })(); 3340 </script>
3340 3341 3342</body> 3343</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.