< type="text/css">
/* 新版首页样式 */
.v2-app {
min-height: 100vh;
background-color: #fbfbfb;
}
.v2-content-container {
padding: 10px auto;
width: 100%;
}
/* Banner 区域 */
.v2-banner {
width: 100%;
min-height: 660px;
height: 100vh;
max-height: 700px;
position: relative;
overflow: hidden;
background: #e8edf6 url('static/v2.0/images/v2/banner-bg.jpg') center / cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
.v2-banner-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 20px;
max-width: 1400px;
width: 100%;
margin-top: 280px;
}
.v2-banner-title {
color: #1d2088;
text-align: center;
font-family: "PingFangSc-Semibold""PingFang SC"sans-serif;
font-size: 50px;
font-weight: 600;
margin-bottom: 10px;
z-index: 2;
white-space: nowrap;
line-height: 1.2;
}
.v2-banner-subtitle {
color: #000000;
text-align: center;
font-family: "Inter-Regular""Inter"sans-serif;
font-size: 18px;
letter-spacing: 0.1em;
font-weight: 400;
margin-bottom: 20px;
white-space: nowrap;
z-index: 2;
line-height: 1.5;
}
.v2-banner-button {
background: radial-gradient(closest-sidergba(911212541) 0%rgba(71592401) 100%);
border-radius: 8px;
border: none;
width: 280px;
height: 52px;
position: relative;
box-shadow: 0px 17px 30px 0px rgba(1461682090.6)inset 0px 2px 2.6px 0px rgba(1762002550.51)0px 4px 7.8px 0px rgba(2422442430.5);
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.v2-banner-button:hover {
transform: translateY(-2px);
box-shadow: 0px 20px 35px 0px rgba(1461682090.7)inset 0px 2px 2.6px 0px rgba(1762002550.51)0px 6px 12px 0px rgba(2422442430.6);
}
.v2-banner-button span {
color: #ffffff;
text-align: center;
font-family: "PingFangSc-Regular""PingFang SC"sans-serif;
font-size: 22px;
line-height: 32px;
letter-spacing: 0.15em;
font-weight: 400;
white-space: nowrap;
}
/* 公告和活动区域 */
.v2-announcements-section {
padding: 10px 0;
}
.v2-announcements-grid {
display: grid;
grid-template-columns: repeat(21fr);
gap: 10px;
margin: 0 auto;
}
/* 确保卡片内容不超出 */
.card-base .card-content {
width: 100%;
max-width: 100%;
overflow: hidden;
}
/* 限制卡片内容包裹层宽度 */
.card-base .card-content > div {
width: 100%;
max-width: 100%;
overflow: hidden;
}
/* 确保卡片标题文本截断 */
.card-base .card-content .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
/* 查看详情按钮禁用状态 */
.btn-view-detail.disabled {
cursor: not-allowed;
pointer-events: none;
}
.btn-view-detail.disabled .btn-text {
color: #999;
}
.btn-view-detail.disabled .arrow-icon {
filter: brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%);
}
/* 英雄榜区域 */
.v2-hero-section {
margin-top: 100px;
background-color: #fafafa;
}
.v2-hero-container {
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
position: relative;
}
.v2-hero-left {
flex: 0 0 auto;
width: 480px;
display: flex;
flex-direction: column;
justify-content: center;
}
.v2-hero-header {
text-align: center;
margin-bottom: 30px;
}
.v2-main-title,
.v2-section-title {
display: flex;
justify-content: center;
color: #2B2E2E;
font-family: "TencentSans""PingFang SC"-apple-systemBlinkMacSystemFontsans-serif;
font-size: 42px;
font-: normal;
font-weight: 700;
line-height: normal;
}
.v2-hero-subtitle {
color: #2B2E2E;
text-align: center;
font-family: Inter"PingFang SC"-apple-systemBlinkMacSystemFontsans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 20px;
padding: 0 20px;
}
/* 排名容器 */
.v2-ranking-container {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 40px;
padding: 10px;
}
.v2-rank-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.4s cubic-bezier(0.68-0.550.2651.55);
cursor: pointer;
text-decoration: none;
}
.v2-rank-item:hover {
transform: translateY(-10px) scale(1.05);
}
.v2-rank-icon {
width: 123px;
height: 220px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.v2-rank-1 .v2-rank-icon {
height: 278px;
}
.v2-rank-text-overlay {
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
z-index: 10;
}
.v2-rank-1 .v2-rank-text-overlay {
bottom: 7%;
}
.v2-rank-value {
font-size: 37px;
font-weight: 400;
margin-bottom: 4px;
line-height: 45px;
text-align: center;
}
.v2-rank-1 .v2-rank-value { color: #987501; }
.v2-rank-2 .v2-rank-value { color: #46474a; }
.v2-rank-3 .v2-rank-value { color: #976565; }
.v2-rank-label {
font-size: 16px;
color: rgba(4346460.50);
font-weight: 400;
font-family: Inter;
line-height: 20px;
white-space: nowrap;
}
/* 右侧卡片区域 */
.v2-cards-stack {
position: relative;
width: 100%;
max-width: 530px;
height: 314px;
flex: 0 0 auto;
margin-top: 80px;
}
.v2-hero-card {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(135deg#f5f7fa 0%#e8ecf1 100%);
border-radius: 10px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.400.21);
overflow: hidden;
display: flex;
flex-direction: column;
}
.v2-hero-card-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
/* 卡片基础样式 */
.v2-hero-card {
transition: transform 0.4s cubic-bezier(0.341.560.641)
z-index 0.4s ease,
filter 0.4s ease;
cursor: pointer;
}
/* 卡片位置状态 - 第一名位置 */
.v2-card-1.v2-hero-card.position-1 {
z-index: 3;
transform: translateY(0) scale(1);
filter: blur(0);
background: linear-gradient(135deg#f5f3ed 0%#e8e4d9 100%);
}
/* 卡片位置状态 - 第二名位置 */
.v2-card-2.v2-hero-card.position-2 {
z-index: 2;
transform: translateY(-55px) scaleX(0.90);
filter: blur(1.2px);
background: linear-gradient(135deg#f0f2f5 0%#dfe3e8 100%);
}
/* 卡片位置状态 - 第三名位置 */
.v2-card-3.v2-hero-card.position-3 {
z-index: 1;
transform: translateY(-110px) scaleX(0.80);
filter: blur(2px);
background: linear-gradient(135deg#f5ebe0 0%#e8ddd0 100%);
}
/* 第一张卡片 hover 抖动效果 - 只在真正 hover 时触发，切换后不抖动 */
@keyframes cardShake {
0%100% { transform: translateY(0) scale(1) rotate(0deg); }
20% { transform: translateY(0) scale(1) rotate(-1deg); }
40% { transform: translateY(0) scale(1) rotate(1deg); }
60% { transform: translateY(0) scale(1) rotate(-0.5deg); }
80% { transform: translateY(0) scale(1) rotate(0.5deg); }
}
.v2-hero-card.position-1.can-shake:hover,
.v2-card-1:not(.position-2):not(.position-3).can-shake:hover {
animation: cardShake 0.5s ease-in-out;
}
/* 第二/三张卡片 hover 上移效果 */
.v2-hero-card.position-2:hover,
.v2-card-2:not(.position-1):not(.position-3):hover {
transform: translateY(-70px) scaleX(0.90);
}
.v2-hero-card.position-3:hover,
.v2-card-3:not(.position-1):not(.position-2):hover {
transform: translateY(-125px) scaleX(0.80);
}
.v2-card-header {
position: relative;
padding: 40px 40px 20px;
z-index: 2;
}
.v2-rank-badge {
display: inline-block;
width: 170px;
height: 26px;
font-size: 14px;
font-weight: 600;
background-size: 170px 26px;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding-left: 5px;
/* justify-content: center; */
}
.v2-card-1 .v2-rank-badge { color: #966e21; }
.v2-card-2 .v2-rank-badge { color: #767c88; }
.v2-card-3 .v2-rank-badge { color: #9c5e49; }
.v2-card-content {
padding: 10px 40px;
position: relative;
z-index: 1;
flex: 1;
}
.v2-user-info-card {
display: flex;
align-items: center;
gap: 20px;
}
.v2-avatar-hex {
position: relative;
width: 62px;
height: 72px;
flex-shrink: 0;
}
.v2-avatar-hex-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.v2-avatar-hex-img {
position: absolute;
top: 1px;
left: 1px;
width: 60px;
height: 70px;
background-size: cover;
background-position: center;
/* 六边形遮罩，与 rank-header-bg.svg 形状一致 */
clip-path: polygon(50% 0%100% 25%100% 75%50% 100%0% 75%0% 25%);
z-index: 1;
}
.v2-user-name {
color: #000;
font-family: "PingFang SC";
font-size: 30px;
font-weight: 400;
margin: 0;
}
.v2-user-title {
color: rgba(0000.60);
font-family: "PingFang SC";
font-size: 14px;
margin: 12px 0 0 0;
}
.v2-stats {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 30px 20px;
position: relative;
z-index: 1;
}
.v2-stat-item {
flex: 1;
text-align: center;
}
.v2-stat-value {
color: #000;
font-family: "PingFang SC";
font-size: 32px;
font-weight: 400;
line-height: 52px;
}
.v2-stat-label {
color: rgba(0000.50);
font-family: "PingFang SC";
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.v2-section-footer {
text-align: left;
margin-top: 20px;
}
/* 安全动态区域 */
.v2-security-section {
margin-top: 100px;
margin-bottom: 80px;
}
.v2-section-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.v2-news-grid {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-top: 20px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.v2-news-card {
width: 350px;
height: 450px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0000.08);
transition: transform 0.3s easebox-shadow 0.3s ease;
cursor: pointer;
display: flex;
flex-direction: column;
text-decoration: none;
}
.v2-news-card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0000.12);
}
.v2-news-image {
width: 310px;
height: 142px;
overflow: hidden;
background-color: #f5f5f5;
border: 1px solid #d4dde9;
margin: 20px 20px 0 20px;
}
.v2-news-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.v2-news-content {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
background-image: url('static/v2.0/images/v2/common-triangle-bg.svg');
background-position: calc(100% + 55px) calc(100% + 65px);
background-repeat: no-repeat;
background-size: 50% auto;
}
.v2-news-date {
font-size: 14px;
font-weight: 400;
margin-bottom: 12px;
word-wrap: break-word;
}
.v2-news-title {
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin: 0 0 12px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
}
.v2-news-summary {
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom: 16px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 1;
word-wrap: break-word;
}
.v2-card-footer {
margin-top: auto;
padding-top: 16px;
}
.v2-card-author {
display: flex;
align-items: center;
gap: 8px;
color: rgba(4346460.6);
font-size: 12px;
line-height: 22px;
font-weight: 400;
word-wrap: break-word;
}
.v2-author-icon {
width: 20px;
height: 20px;
object-fit: contain;
}
/* 响应式 */
@media (max-width: 1299px) {
.v2-banner {
min-height: 500px;
max-height: 600px;
}
.v2-banner-title {
font-size: 42px;
}
.v2-hero-container {
flex-direction: column;
gap: 40px;
}
.v2-hero-left {
width: 100%;
}
.v2-news-grid {
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.v2-announcements-grid {
grid-template-columns: 1fr;
}
.v2-banner {
min-height: 400px;
max-height: 500px;
}
.v2-banner-title {
font-size: 28px;
white-space: normal;
}
.v2-banner-subtitle {
font-size: 14px;
white-space: normal;
}
.v2-news-grid {
flex-direction: column;
align-items: center;
}
}
腾讯安全应急响应中心
诚邀广大安全专家共捍亿万互联网用户安全
提交漏洞
[TPSA26-01]共启安全年｜瓜分微信百万奖池！漏洞赏金翻倍，先到先得
新年伊始，年味仍暖，微信✖️TSRC 带着翻倍的赏金，邀您共启新春专测。这个春天，欢迎各位师傅以技会...
查看详情
AI猎手：我们用大模型挖到了0day漏洞！【大模型应用实践系列三】
AI版“赏金猎人”登场，基于混元大模型能力打造的自动漏洞挖掘工具，7*24小时自动感知、追踪、挖橱0day。 AI猎人VS黑客的角逐战正式开始。
查看详情
<>
/* 弹框外层样式覆盖 - 允许滚动 */
#v2-user-info-app .t-dialog__wrap {
overflow-y: auto !important;
overflow-x: hidden !important;
}
.v2-profile-dialog-wrapper.t-dialog__ctx {
padding: 0 !important;
overflow-x: hidden !important;
}
.v2-profile-dialog-wrapper .t-dialog__position {
padding-bottom: 20px !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
.v2-profile-dialog-wrapper .t-dialog {
padding: 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
margin: 0 auto !important;
}
.v2-profile-dialog-wrapper .t-dialog__wrap {
border-radius: 12px !important;
overflow-x: hidden !important;
}
.v2-profile-dialog-wrapper .t-dialog__body {
padding: 0 !important;
margin: 0 !important;
overflow-x: hidden !important;
}
}
.v2-profile-dialog-wrapper .t-dialog__header {
display: none !important;
padding: 0 !important;
}
.v2-profile-dialog-wrapper .t-dialog__footer {
display: none !important;
padding: 0 !important;
}
/* TDesign Dialog 内容区默认样式重置 */
.v2-profile-dialog-wrapper .t-dialog__content {
padding: 0 !important;
}
.v2-profile-dialog-wrapper .t-dialog__close {
display: none !important;
}
/* 公共主页弹框主容器 */
.v2-public-profile-dialog {
position: relative;
width: 850px;
height: 650px;
background: #F3F5F4;
border-radius: 12px;
overflow: hidden;
}
/* 背景图片 - 铺满整个弹框 */
.v2-profile-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 关闭按钮 */
.v2-profile-close-btn {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
width: 24px;
height: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.v2-profile-close-btn:hover svg path {
stroke: #666;
}
/* 头部区域 */
.v2-profile-header {
position: relative;
height: 170px;
}
/* 用户信息区域 */
.v2-profile-user-info {
position: absolute;
top: 30px;
left: 50px;
right: 50px;
display: flex;
align-items: center;
gap: 18px;
}
/* 头像 */
.v2-profile-avatar {
flex-shrink: 0;
width: 88px;
height: 88px;
border-radius: 100px;
overflow: hidden;
background: #fff;
}
.v2-profile-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* 用户详情 */
.v2-profile-details {
width: 227px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
.v2-profile-name {
font-family: 'PingFang SC'sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 1.2;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.v2-profile-meta {
display: flex;
flex-direction: column;
gap: 6px;
}
.v2-profile-meta-item {
display: flex;
align-items: center;
}
.v2-meta-label {
font-family: 'PingFang SC'sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
color: #5D5D5D;
}
.v2-meta-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 10px 2px 6px;
background: linear-gradient(90degrgba(2092232551) 0%rgba(2092232550.1) 100%);
border-radius: 52px;
}
.v2-meta-badge svg {
width: 16px;
height: 16px;
}
.v2-meta-badge span {
font-family: 'PingFang SC'sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
color: #5D5D5D;
}
/* 统计数据 */
.v2-profile-stats {
flex: 1;
display: flex;
gap: 18px;
}
.v2-stat-item {
flex: 1;
display: flex;
flex-direction: column;
gap: 18px;
}
.v2-stat-label {
font-family: 'PingFang SC'sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
color: #000;
}
.v2-stat-value {
font-family: 'TencentSans''PingFang SC'sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
color: #000;
}
/* 内容卡片区域 - 占满剩余高度 */
.v2-profile-content-card {
position: absolute;
top: 170px;
left: 37px;
right: 37px;
bottom: 37px;
background: #fff;
border-radius: 4px;
display: flex;
flex-direction: column;
overflow: hidden;
}
/* t-tabs 样式覆盖 */
.v2-profile-tabs.t-tabs {
height: 100%;
display: flex;
flex-direction: column;
background: #fff;
}
.v2-profile-tabs .t-tabs__nav {
background: #fff;
padding: 0 14px;
}
.v2-profile-tabs .t-tabs__nav-container {
justify-content: center;
}
.v2-profile-tabs .t-tabs__nav-item {
padding: 0 8px;
height: 50px;
font-family: 'PingFang SC'sans-serif;
font-size: 16px;
color: #999;
}
.v2-profile-tabs .t-tabs__nav-item:hover,
.v2-profile-tabs .t-tabs__nav-item:hover .t-tabs__nav-item-wrapper,
.v2-profile-tabs .t-tabs__nav-item .t-tabs__nav-item-wrapper:hover {
background: transparent !important;
background-color: transparent !important;
color: #000;
font-weight: 600;
}
.v2-profile-tabs .t-tabs__nav-item-wrapper {
background: transparent !important;
}
.v2-profile-tabs .t-tabs__nav-item.t-is-active {
font-weight: 600;
color: #000;
}
/* 下划线样式 - 比文字短20px（左右各10px） */
.v2-profile-tabs .t-tabs__bar {
background: #020202;
height: 2px;
transform: scaleX(0.7);
}
.v2-profile-tabs .t-tabs__content {
flex: 1;
overflow: hidden;
padding: 0;
}
.v2-profile-tabs .t-tab-panel {
height: 100%;
}
/* 列表内容区域 */
.v2-profile-list {
height: 100%;
overflow-y: auto;
padding: 0;
background: #fff;
}
/* 滚动条样式 */
.v2-profile-list::-webkit-scrollbar {
width: 3px;
}
.v2-profile-list::-webkit-scrollbar-track {
background: transparent;
}
.v2-profile-list::-webkit-scrollbar-thumb {
background: #D9D9D9;
border-radius: 10px;
}
/* 列表项样式 - 奇数项白色，偶数项 #FAFAFA */
.v2-list-item {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
background: #fff;
}
.v2-list-item:nth-child(even) {
background: #FAFAFA;
}
}
.v2-list-item:hover {
background: #F5F5F5;
}
/* 奖品图标 */
.v2-item-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 30px;
background: #FFF8DA;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.v2-item-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* 列表项内容 */
.v2-item-content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.v2-item-title {
font-family: 'PingFang SC'sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1.2;
color: #000;
}
.v2-item-desc {
font-family: 'PingFang SC'sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.8;
color: #898989;
}
/* 日期 */
.v2-item-date {
flex-shrink: 0;
font-family: 'PingFang SC'sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
color: #898989;
}
/* 空状态 */
.v2-empty-state {
text-align: center;
padding: 60px 0;
color: #898989;
font-size: 14px;
}
< type="text/css">
/* 新版 Footer 样式 */
.v2-footer {
background-color: #f0f1f1;
color: #5e6464;
}
.v2-footer-container {
width: 100%;
}
.v2-footer-content {
display: none;
justify-content: center;
border-bottom: 1px solid #e0e4ed;
}
.v2-footer-content-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1400px;
min-width: 1300px;
padding: 44px 100px;
}
.v2-footer-section {
display: flex;
flex-direction: column;
min-width: 100px;
gap: 24px;
}
.v2-footer-section-icons {
display: flex;
justify-content: space-between;
align-items: center;
gap: 48px;
flex-wrap: wrap;
}
.v2-footer-label {
font-size: 16px;
font-weight: 400;
color: #74747a;
margin: 0;
line-height: 36px;
}
.v2-footer-links {
list-: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.v2-footer-links li {
margin: 0;
}
.v2-footer-links a {
color: #55556d;
font-size: 16px;
transition: color 0.3s ease;
line-height: 34px;
text-decoration: none;
}
.v2-footer-links a:hover {
color: #1c1fc3;
}
.v2-social-links {
display: flex;
gap: 30px;
align-items: center;
}
.v2-social-link {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e0e4ed;
border-radius: 50%;
transition: all 0.3s ease;
overflow: hidden;
position: relative;
}
.v2-social-link img {
width: 26px;
height: 26px;
object-fit: contain;
}
.v2-social-link:hover {
border-color: #1c1fc3;
}
.v2-social-link img {
transition: filter 0.3s ease;
}
/* 邮箱图标 hover - #007CFA */
.v2-email-link:hover {
border-color: #007CFA;
background-color: rgba(01242500.1);
}
.v2-email-link:hover img {
filter: brightness(0) saturate(100%) invert(38%) sepia(98%) saturate(2063%) hue-rotate(199deg) brightness(101%) contrast(101%);
}
/* 微博图标 hover - #FF8A00 */
.v2-weibo-link:hover {
border-color: #FF8A00;
background-color: rgba(25513800.1);
}
.v2-weibo-link:hover img {
filter: brightness(0) saturate(100%) invert(58%) sepia(89%) saturate(1000%) hue-rotate(360deg) brightness(103%) contrast(106%);
}
/* 微信图标 hover - #12D229 */
.v2-wechat-link:hover {
border-color: #12D229;
background-color: rgba(18210410.1);
}
.v2-wechat-link:hover > img {
filter: brightness(0) saturate(100%) invert(67%) sepia(52%) saturate(1500%) hue-rotate(85deg) brightness(95%) contrast(90%);
}
/* 微信二维码弹出 */
.v2-wechat-link {
position: relative;
overflow: visible;
}
.v2-wechat-qrcode {
display: none;
position: absolute;
width: 180px;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
text-align: center;
z-index: 100;
}
.v2-wechat-qrcode img {
width: 120px;
height: 120px;
margin: auto;
}
.v2-wechat-qrcode span {
display: block;
margin-top: 10px;
font-size: 12px;
color: #666;
}
.v2-wechat-link:hover .v2-wechat-qrcode {
display: block;
}
.v2-footer-logo {
width: 193px;
height: 48px;
}
.v2-footer-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.v2-footer-bottom {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 20px 100px;
border-top: none;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 80px;
min-height: 85px;
}
.v2-footer-bottom-left {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 60px;
}
.v2-footer-bottom-right {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 40px;
}
.v2-footer-logo-small {
width: 107px;
height: 14px;
}
.v2-footer-logo-small img {
width: 100%;
height: 100%;
object-fit: contain;
}
.v2-copyright {
color: #5e6464;
font-size: 14px;
font-family: "Inter""Noto Sans SC"sans-serif;
}
.v2-copyright p {
margin: 0;
line-height: 2.5;
}
.v2-footer-links-horizontal {
display: flex;
align-items: center;
gap: 0;
font-size: 14px;
}
.v2-footer-links-horizontal a {
color: #5e6464;
font-size: 14px;
transition: color 0.3s ease;
text-decoration: none;
}
.v2-footer-links-horizontal a:hover {
color: #1c1fc3;
}
.v2-divider {
color: #b1b1bc;
margin: 0 4px;
}
@media (max-width: 1299px) {
.v2-footer {
padding: 40px 0 20px;
}
.v2-footer-content-wrapper,
.v2-footer-bottom {
flex-direction: column;
align-items: flex-start;
height: auto;
gap: 20px;
padding: 20px 40px;
}
}
@media (max-width: 768px) {
.v2-footer {
padding: 40px 0 20px;
}
.v2-footer-content-wrapper {
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
.v2-footer-bottom {
flex-direction: column;
align-items: flex-start;
height: auto;
gap: 20px;
}
}
/* push modal 的样式 */
#push-modal-root .tsrc-push-dialog .tsrc-dialog-wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 40px rgba(0,0,0,0.25);
border-top: 4px solid rgba(14,120,255,0.95);
}
#push-modal-root .tsrc-dialog-body {
padding: 20px 26px;
color: #333;
}
#push-modal-root .tsrc-dialog-title {
display:flex;
align-items:center;
gap:10px;
font-weight:700;
font-size:18px;
}
#push-modal-root .tsrc-dialog-content {
margin-top:12px;
line-height:1.6;
font-size:14px;
}
#push-modal-root .tsrc-dialog-footer {
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding: 14px 20px;
border-top: 1px solid #f0f0f0;
}
#push-modal-root .tsrc-link {
color:#0070f3;
text-decoration:none;
font-weight:600;
}
#push-modal-root .tsrc-ignore-label {
font-size:13px;
color:#666;
display:flex;
align-items:center;
gap:8px;
}
朱雀实验室
