无编辑摘要 |
无编辑摘要 标签:手工回退 |
||
(未显示同一用户的29个中间版本) | |||
第22行: | 第22行: | ||
position: relative; | position: relative; | ||
padding: 15px 20px 15px 35px; | padding: 15px 20px 15px 35px; | ||
margin-bottom: | margin-bottom: 20px; | ||
border-radius: 4px; | border-radius: 4px; | ||
background: rgba(255,255,255,0.95); | background: rgba(255,255,255,0.95); | ||
box-shadow: 0 2px 5px rgba(0,0,0,0.08); | box-shadow: 0 2px 5px rgba(0,0,0,0.08); | ||
transition: transform 0.2s ease; | transition: transform 0.2s ease; | ||
} | } | ||
第39行: | 第37行: | ||
height: 90%; | height: 90%; | ||
border-radius: 2px; | border-radius: 2px; | ||
background: #E67E22; | |||
background: | |||
} | } | ||
.color-system-1 .decorative-line { background: #E67E22; } /* 物品系统橙色 */ | |||
.color-system-1 .decorative-line { | .color-system-2 .decorative-line { background: #3498DB; } /* 游戏机制蓝色 */ | ||
.color-system-2 .decorative-line { | .color-system-3 .decorative-line { background: #2ECC71; } /* 职业体系绿色 */ | ||
.color-system-3 .decorative-line { | .color-system-4 .decorative-line { background: #9B59B6; } /* 终局内容紫色 */ | ||
.color-system-4 .decorative-line { | |||
.season-block:hover { | |||
transform: translateX(5px); | |||
} | |||
.season-block h3 { | .season-block h3 { | ||
margin: 0 0 12px 0; | margin: 0 0 12px 0; | ||
padding-bottom: 8px; | padding-bottom: 8px; | ||
border-bottom: 1px solid rgba(0,0,0,0.1); | border-bottom: 1px solid rgba(0,0,0,0.1); | ||
} | |||
/* 链接动态下划线 */ | |||
.season-nav a { | |||
position: relative; | |||
padding-bottom: 2px; | |||
} | |||
.season-nav a::after { | |||
content: ""; | |||
position: absolute; | |||
bottom: 0; | |||
left: 50%; | |||
width: 0; | |||
height: 1px; | |||
background: currentColor; | |||
transition: all 0.3s; | |||
} | |||
.season-nav a:hover::after { | |||
left: 0; | |||
width: 100%; | |||
} | |||
/* 添加文字渐变色与悬停放大 */ | |||
.season-block h3 { | |||
background: linear-gradient(120deg, #2c3e50 30%, #3498db 70%); | background: linear-gradient(120deg, #2c3e50 30%, #3498db 70%); | ||
-webkit-background-clip: text; | -webkit-background-clip: text; | ||
第65行: | 第82行: | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
transition: all 0.3s cubic-bezier(0.4,0,0.2,1); | transition: all 0.3s cubic-bezier(0.4,0,0.2,1); | ||
display: inline-block; | |||
transform-origin: left center; | transform-origin: left center; | ||
} | } | ||
/* 悬停文字放大+投影 */ | |||
.season-block:hover h3 { | .season-block:hover h3 { | ||
transform: scale(1.05); | transform: scale(1.05); | ||
第73行: | 第92行: | ||
} | } | ||
/* | |||
/* 悬停时线条生长动画 */ | |||
.season-block:hover .decorative-line { | .season-block:hover .decorative-line { | ||
height: 100%; | height: 100%; | ||
opacity: 0.8; | opacity: 0.8; | ||
background-size: 100% 200%; | |||
animation: lineFlow 1.2s infinite linear; | animation: lineFlow 1.2s infinite linear; | ||
} | } | ||
第84行: | 第105行: | ||
100% { background-position: 0 200%; } | 100% { background-position: 0 200%; } | ||
} | } | ||
/* 列表 */ | |||
.season-block li { list-style: none; } | |||
.season-block li::before { content: "▸"; margin-right: 0.5em; } | |||
.season-block li li::before { content: "|"; color: #666; } | |||
/* | /* 列表项悬停效果 */ | ||
.season-block:: | .season-block li { | ||
content: ""; | position: relative; | ||
padding-left: 12px; | |||
transition: transform 0.2s; | |||
} | |||
.season-block li::before { | |||
content: "▶"; | |||
position: absolute; | position: absolute; | ||
left: -15px; | |||
left: - | color: currentColor; | ||
opacity: 0; | opacity: 0; | ||
transition: opacity 0. | transition: all 0.3s; | ||
} | |||
/* 悬停时项目符号显现与位移 */ | |||
.season-block li:hover { | |||
transform: translateX(8px); | |||
} | |||
.season-block li:hover::before { | |||
opacity: 0.6; | |||
left: -12px; | |||
} | |||
/* ===== 爪类武器专用样式 ===== */ | |||
/* 网格容器 */ | |||
.claw-grid { | |||
display: grid; | |||
grid-template-columns: repeat(2, 1fr); | |||
gap: 0.5rem; | |||
margin: 1rem 0; | |||
} | |||
/* 武器卡片 */ | |||
.claw-card { | |||
display: flex; | |||
align-items: center; | |||
background: #1a1a1a; | |||
border-radius: 8px; | |||
padding: 12px; | |||
margin-bottom: 1rem; | |||
transition: transform 0.2s; | |||
} | } | ||
. | .claw-card:hover { | ||
transform: translateX(5px); | |||
} | } | ||
/* | /* 图标样式 */ | ||
. | .claw-icon { | ||
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); | |||
margin-right: 20px; | |||
flex-shrink: 0; | |||
} | } | ||
. | /* 文字信息区 */ | ||
.claw-info { | |||
flex-grow: 1; | |||
} | } | ||
. | /* 武器名称 */ | ||
.claw-name { | |||
color: #ffffff; | |||
font-size: 1.3em; | |||
font-weight: 600; | |||
margin-bottom: 4px; | |||
} | } | ||
/* | /* 需求信息 */ | ||
.claw-require { | |||
color: #8c8c8c; | |||
font-size: 0.9em; | |||
} | } | ||
/* | /* 移动端适配 */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
. | .claw-grid { | ||
grid-template-columns: 1fr; | |||
} | |||
.claw-card { | |||
flex-direction: column; | |||
text-align: center; | |||
} | } | ||
. | .claw-icon { | ||
margin-right: 0; | |||
margin-bottom: 10px; | |||
} | } | ||
} | |||
/* 星级 */ | |||
.mw-star-rating { | |||
color: #ffc53d; | |||
letter-spacing: 2px; | |||
font-size: 1.2em; | |||
unicode-bidi: bidi-override; /* 防止RTL语言导致符号反转 */ | |||
} | } |