/* 默认分类样式 */ .category-link { font-size: 16px; color: #222222; /* 默认文字颜色 */ display: flex; align-items: center; transition: color 0.3s; text-decoration: none; } /* 悬停时仅改变文本颜色，不影响图标 */ .category-link:hover { color: #01D5EB; /* 文字颜色 */ } /* 让图标颜色不受 a:hover 影响 */ .category-link span { color: inherit; /* 确保图标颜色继承原颜色 */ } /* 确保图标颜色不会受到 :hover 影响，保持原始颜色 */ .category-link[data-icon-color="#3b82f6"] .fas { color: #3b82f6; } .category-link[data-icon-color="#f97316"] .fas { color: #f97316; } .category-link[data-icon-color="#10b981"] .fas { color: #10b981; } .category-link[data-icon-color="#ef4444"] .fas { color: #ef4444; } .category-link[data-icon-color="#9333ea"] .fas { color: #9333ea; } .category-link[data-icon-color="#f59e0b"] .fas { color: #f59e0b; } .category-link[data-icon-color="#34d399"] .fas { color: #34d399; } .category-link[data-icon-color="#8B0000"] .fas { color: #8B0000; } .category-link[data-icon-color="#f43f5e"] .fas { color: #f43f5e; } /* 右侧平台样式 */ .platform { display: flex; flex-direction: row; align-items: flex-start; text-align: left; margin-bottom: 10px; padding: 10px; width: calc(33.33% - 10px); } .platform-icon { flex-shrink: 0; margin-right: 10px; } .platform-info { flex-grow: 1; } .platform-link { font-size: 16px; color: #222222; /* 默认文字颜色 */ display: block; text-decoration: none; } /* 让右侧平台图标和文本的样式更好区分 */ .platform-link:hover { color: #01D5EB; /* 文字颜色 */ } /* 右侧平台描述文本样式 */ .platform-info p { font-size: 12px; /* 描述文字大小 */ color: #555555; /* 默认描述颜色 */ } .main-header .main-menu .navigation > li > ul.platform-dropdown-menu { width: 860px !important; max-width: calc(100vw - 80px); transform: translateX(-24%) !important; } .main-header .main-menu .navigation > li:last-child > ul { width: 180px; left: auto; right: 0; } .main-header .main-menu .navigation > li:last-child { position: relative; } .main-header .main-menu .navigation > li { margin-left: 8px; margin-right: 8px; } .main-header .main-menu .navigation > li.language-switch { margin-left: 8px; margin-right: 0; } .main-header .main-menu .navigation > li.language-switch > a { border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 4px; padding: 8px 31px 8px 34px; line-height: 24px; } .header-lower .main-menu .navigation > li.language-switch > a { border-color: rgba(34, 34, 34, 0.45); } .main-header .main-menu .navigation > li.language-switch > a:after { position: absolute; content: "\f0ac"; font-family: 'Font Awesome 5 Pro'; left: 12px; top: 8px; font-weight: 400; } .main-header .main-menu .navigation > li.language-switch > a:before { right: 11px; top: 8px; } .main-header .main-menu .navigation > li.nav-download > a.theme-btn.btn-five { background-color: #2D7591; color: #fff; padding: 14px 30px; } @media only screen and (min-width: 992px) { .main-header .header-lower .menu-area > .btn-box, .sticky-header .menu-area > .btn-box { display: none; } .hero-section .row.justify-content-lg-start.mt-60, .hero-section .row.justify-content-lg-start { margin-left: 0; margin-right: 0; } .hero-section .banner-row-flex { text-align: left; } .main-header .main-menu .navigation > li.nav-download, .main-header .main-menu .navigation > li.language-switch { transform: translateY(-8px); } .main-header .main-menu .navigation > li.language-switch { transform: translateY(-5px); } .main-header .main-menu .navigation > li.nav-download { transform: translateY(-14px); } } @media only screen and (max-width: 1200px) { .main-header .main-menu .navigation > li.nav-download { display: none; } .header-style-two .header-lower .btn-box { display: block; } .header-style-two .header-lower .outer-box { display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; } .header-style-two .header-lower .logo-box, .header-style-two .header-lower .menu-area { float: none; } .header-style-two .header-lower .logo { padding: 12px 0 12px 12px; } .header-style-two .header-lower .logo img { width: min(44vw, 225px); height: auto; } .header-style-two .header-lower .menu-area { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; flex-shrink: 0; } .header-style-two .menu-area .mobile-nav-toggler { float: none; margin: 0 12px 0 0; padding: 8px; flex-shrink: 0; } .header-style-two .header-lower .btn-box { margin: 0 12px 0 0; flex-shrink: 0; } .header-style-two .header-lower .btn-box .theme-btn { padding: 15px 26px; white-space: nowrap; } } @media only screen and (max-width: 480px) { .header-style-two .header-lower .logo img { width: 40vw; } .header-style-two .menu-area .mobile-nav-toggler { margin-right: 8px; } .header-style-two .header-lower .btn-box { margin-right: 8px; } .header-style-two .header-lower .btn-box .theme-btn { padding: 13px 18px; font-size: 14px; } } @media only screen and (max-width: 767px) { .hero-section .row.justify-content-lg-start.mt-60 { margin-left: 0; margin-right: 0; max-width: 100%; } .hero-section .banner-row-flex { display: block !important; width: 100%; max-width: 100%; white-space: normal; word-break: break-all; overflow-wrap: break-word; line-height: 1.6; margin-left: 0; padding-right: 0; box-sizing: border-box; font-size: 15px; } .hero-section .banner-row-flex span { display: block !important; max-width: 100%; white-space: normal; word-break: break-all; overflow-wrap: break-word; } } .sticky-header .menu-area { display: flex; align-items: center; } .sticky-header .btn-box { position: relative; float: left; margin: 0 0 0 24px; } .sticky-header .btn-box .theme-btn { padding: 17.5px 34px; background: #2D7591; }