海岛大世界：修订间差异
来自江中缘
更多操作
172.20.0.1（留言） 无编辑摘要 标签：已被回退 |
无编辑摘要 |
||
| （未显示2个用户的32个中间版本） | |||
| 第4行： | 第4行： | ||
<html> | <html> | ||
<style> | <style> | ||
/* | /* ===== 江中缘 Wiki：海岛大世界页面 ===== */ | ||
.mw-body{ | .mw-body{ | ||
background:transparent!important; | background:transparent!important; | ||
| 第12行： | 第12行： | ||
-webkit-backdrop-filter:none!important; | -webkit-backdrop-filter:none!important; | ||
} | } | ||
.jzy- | .jzy-world{ | ||
max-width:min( | max-width:min(1180px,calc(100vw - 560px)); | ||
margin:0 auto; | margin:0 auto; | ||
font-family:"Microsoft YaHei",Arial,sans-serif; | font-family:"Microsoft YaHei",Arial,sans-serif; | ||
color:#eef8fb; | |||
} | |||
.jzy-world *{ | |||
box-sizing:border-box; | |||
} | |||
.jzy-world a{ | |||
color:#98ecff!important; | |||
text-decoration:none!important; | |||
} | } | ||
.jzy- | .jzy-world a:hover{ | ||
padding: | color:#fff4c7!important; | ||
text-decoration:none!important; | |||
} | |||
.jzy-anchor{ | |||
display:block; | |||
scroll-margin-top:96px; | |||
} | |||
.jzy-hero{ | |||
display:grid; | |||
grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr); | |||
gap:18px; | |||
align-items:stretch; | |||
padding:30px; | |||
background: | background: | ||
radial-gradient(circle at 12% 0%,rgba(120,216,240,.16),transparent 34%), | radial-gradient(circle at 12% 0%,rgba(120,216,240,.16),transparent 34%), | ||
| 第24行： | 第44行： | ||
linear-gradient(135deg,rgba(4,31,49,.84),rgba(10,82,88,.72) 48%,rgba(35,83,53,.72)); | linear-gradient(135deg,rgba(4,31,49,.84),rgba(10,82,88,.72) 48%,rgba(35,83,53,.72)); | ||
border:1px solid rgba(190,241,220,.24); | border:1px solid rgba(190,241,220,.24); | ||
border-radius: | border-radius:22px; | ||
box-shadow:0 16px 34px rgba(2,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12); | box-shadow:0 16px 34px rgba(2,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12); | ||
overflow:hidden; | |||
} | } | ||
.jzy | .jzy-kicker{ | ||
color:#fff4c7; | color:#fff4c7; | ||
font-size:14px; | font-size:14px; | ||
| 第34行： | 第54行： | ||
letter-spacing:.08em; | letter-spacing:.08em; | ||
} | } | ||
.jzy- | .jzy-title-row{ | ||
display:flex; | |||
font-size: | align-items:center; | ||
gap:14px; | |||
margin:10px 0 12px; | |||
} | |||
.jzy-title-icon, | |||
.jzy-section-icon{ | |||
flex:0 0 auto; | |||
display:grid; | |||
place-items:center; | |||
overflow:hidden; | |||
background:linear-gradient(180deg,rgba(78,206,185,.92),rgba(46,167,144,.92)); | |||
border:2px solid rgba(190,255,235,.46); | |||
box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.24); | |||
} | |||
.jzy-title-icon{ | |||
width:58px; | |||
height:58px; | |||
border-radius:16px; | |||
font-size:30px; | |||
font-weight:900; | font-weight:900; | ||
color:#fff; | color:#fff; | ||
} | |||
.jzy-section-icon{ | |||
width:42px; | |||
height:42px; | |||
border-radius:12px; | |||
font-size:22px; | |||
font-weight:900; | |||
color:#fff; | |||
} | |||
.jzy-title-icon img, | |||
.jzy-section-icon img, | |||
.jzy-card-icon img{ | |||
width:100%; | |||
height:100%; | |||
object-fit:contain; | |||
display:block; | |||
} | |||
.jzy-title{ | |||
margin:0; | |||
color:#fff; | |||
font-size:42px; | |||
font-weight:900; | |||
line-height:1.12; | |||
text-shadow:0 3px 10px rgba(0,0,0,.34); | text-shadow:0 3px 10px rgba(0,0,0,.34); | ||
} | } | ||
.jzy | .jzy-lead{ | ||
max-width: | max-width:none; | ||
margin:0; | margin:0; | ||
color:#d6eee6; | color:#d6eee6; | ||
font-size:17px; | |||
line-height:1.9; | |||
} | |||
.jzy-lead-detail{ | |||
margin-top:9px; | |||
color:#d9f3ef; | |||
font-size:16px; | font-size:16px; | ||
line-height:1. | line-height:1.85; | ||
} | |||
.jzy-image-slot{ | |||
position:relative; | |||
min-height:100%; | |||
border-radius:18px; | |||
overflow:hidden; | |||
border:1px solid rgba(126,204,218,.24); | |||
background: | |||
linear-gradient(135deg,rgba(8,43,58,.50),rgba(10,46,31,.36)), | |||
repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 10px,transparent 10px,transparent 20px); | |||
box-shadow:inset 0 1px 0 rgba(255,255,255,.10); | |||
} | |||
.jzy-image-slot::before{ | |||
content:""; | |||
position:absolute; | |||
inset:0; | |||
background: | |||
radial-gradient(circle at 30% 20%,rgba(120,216,240,.16),transparent 30%), | |||
radial-gradient(circle at 74% 70%,rgba(244,207,120,.16),transparent 32%); | |||
pointer-events:none; | |||
} | |||
.jzy-image-slot span{ | |||
position:absolute; | |||
inset:auto 18px 18px 18px; | |||
padding:10px 12px; | |||
border-radius:12px; | |||
color:#dffbff; | |||
font-size:13px; | |||
font-weight:900; | |||
text-align:center; | |||
background:rgba(4,24,36,.46); | |||
border:1px solid rgba(126,204,218,.20); | |||
} | |||
.jzy-image-slot img, | |||
.jzy-island-img{ | |||
width:100%; | |||
height:100%; | |||
min-height:210px; | |||
object-fit:cover; | |||
display:block; | |||
} | } | ||
.jzy | .jzy-divider{ | ||
height:3px; | height:3px; | ||
margin: | margin:26px 0; | ||
border-radius:999px; | border-radius:999px; | ||
background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78); | background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78); | ||
box-shadow:0 0 16px rgba(120,216,240,.22); | box-shadow:0 0 16px rgba(120,216,240,.22); | ||
} | } | ||
.jzy-section- | .jzy-section-heading{ | ||
display:flex; | |||
align-items:center; | |||
gap:12px; | |||
margin:0 0 14px; | |||
} | |||
.jzy-section-heading h2{ | |||
margin:0!important; | |||
padding:0!important; | |||
border:0!important; | |||
color:#c7fff2!important; | |||
font-size:30px!important; | |||
font-weight:900!important; | |||
line-height:1.2!important; | |||
text-shadow:0 3px 10px rgba(0,0,0,.34)!important; | |||
} | |||
.jzy-section-heading h2::after{ | |||
display:none!important; | |||
} | |||
.jzy-section-desc{ | |||
margin:0 0 16px; | |||
color:#e5f5f1; | |||
line-height:1.85; | |||
text-shadow:0 2px 6px rgba(0,0,0,.24); | |||
} | |||
.jzy-glass{ | |||
margin:18px 0; | margin:18px 0; | ||
padding:22px 24px; | padding:22px 24px; | ||
background: | background: | ||
radial-gradient(circle at 10% 0%,rgba(120,216,240,.10),transparent 34%), | radial-gradient(circle at 10% 0%,rgba(120,216,240,.10),transparent 34%), | ||
linear-gradient(135deg,rgba(8,43,58,. | linear-gradient(135deg,rgba(8,43,58,.44),rgba(10,46,31,.30)); | ||
border:1px solid rgba(126,204,218,.22); | border:1px solid rgba(126,204,218,.22); | ||
border-radius: | border-radius:18px; | ||
box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10); | box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10); | ||
color:#eef8fb; | color:#eef8fb; | ||
line-height:1. | line-height:1.86; | ||
} | } | ||
.jzy- | .jzy-grid-4, | ||
.jzy-grid-3, | |||
.jzy-island-grid, | |||
.jzy-point-grid, | |||
.jzy-route-grid{ | |||
display:grid; | |||
gap:14px; | |||
} | } | ||
.jzy- | .jzy-grid-4{ | ||
grid-template-columns:repeat(4,minmax(0,1fr)); | |||
} | |||
.jzy-grid-3{ | |||
grid-template-columns:repeat(3,minmax(0,1fr)); | |||
} | |||
.jzy-island-grid{ | |||
grid-template-columns:repeat(2,minmax(0,1fr)); | |||
} | |||
.jzy-point-grid{ | |||
grid-template-columns:repeat(2,minmax(0,1fr)); | |||
} | |||
.jzy-route-grid{ | |||
grid-template-columns:repeat(4,minmax(0,1fr)); | |||
} | } | ||
.jzy | .jzy-card{ | ||
position:relative; | position:relative; | ||
overflow:hidden; | overflow:hidden; | ||
padding:18px | padding:18px; | ||
border-radius: | border-radius:16px; | ||
border:1px solid rgba( | background:rgba(8,43,58,.44); | ||
border:1px solid rgba(126,204,218,.20); | |||
box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10); | box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10); | ||
} | } | ||
.jzy | .jzy-card::before{ | ||
content:""; | content:""; | ||
position:absolute; | position:absolute; | ||
inset:0; | inset:0; | ||
background:linear-gradient(135deg,rgba(255,255,255,. | background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 50%); | ||
pointer-events:none; | pointer-events:none; | ||
} | } | ||
.jzy-blue{background:rgba(8,74,88,.48) | .jzy-card > *{ | ||
.jzy-green{background:rgba(18,70,42,.48) | position:relative; | ||
.jzy-gold{background:rgba(98,67,20,.44) | } | ||
.jzy-rose{background:rgba(80,26,48,.44) | .jzy-blue{background:rgba(8,74,88,.48);border-bottom:3px solid #16c3d0} | ||
.jzy-violet{background:rgba(42,30,80,.44) | .jzy-green{background:rgba(18,70,42,.48);border-bottom:3px solid #5ab878} | ||
.jzy- | .jzy-gold{background:rgba(98,67,20,.44);border-bottom:3px solid #d4a848} | ||
.jzy- | .jzy-rose{background:rgba(80,26,48,.44);border-bottom:3px solid #d95b91} | ||
margin: | .jzy-violet{background:rgba(42,30,80,.44);border-bottom:3px solid #8c78da} | ||
padding: | .jzy-card-title{ | ||
color:# | margin:0 0 8px; | ||
font-size: | color:#fff; | ||
font-size:18px; | |||
background:rgba( | font-weight:900; | ||
border:1px solid rgba(120,216,240,.24); | line-height:1.35; | ||
border-left: | } | ||
.jzy-card-text{ | |||
margin:0; | |||
color:rgba(238,248,251,.82); | |||
font-size:14px; | |||
line-height:1.72; | |||
} | |||
.jzy-tag-row{ | |||
display:flex; | |||
flex-wrap:wrap; | |||
gap:7px; | |||
margin:12px 0 0; | |||
} | |||
.jzy-tag{ | |||
display:inline-flex; | |||
align-items:center; | |||
min-height:26px; | |||
padding:4px 9px; | |||
border-radius:999px; | |||
color:#dffbff; | |||
font-size:12px; | |||
font-weight:900; | |||
background:rgba(8,22,34,.34); | |||
border:1px solid rgba(126,204,218,.20); | |||
} | |||
.jzy-tag-open{ | |||
color:#164554; | |||
background:linear-gradient(180deg,#c7fff2,#80e5e8); | |||
} | |||
.jzy-tag-locked{ | |||
color:#4d3300; | |||
background:linear-gradient(180deg,#fff4c7,#f4cf78); | |||
} | |||
.jzy-island-card{ | |||
display:grid; | |||
grid-template-columns:178px minmax(0,1fr); | |||
gap:16px; | |||
min-height:210px; | |||
padding:14px; | |||
} | |||
.jzy-island-media{ | |||
position:relative; | |||
min-height:182px; | |||
border-radius:14px; | |||
overflow:hidden; | |||
background: | |||
linear-gradient(135deg,rgba(8,43,58,.54),rgba(10,46,31,.38)), | |||
repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 8px,transparent 8px,transparent 16px); | |||
border:1px solid rgba(126,204,218,.20); | |||
} | |||
.jzy-island-media.has-island-image{ | |||
display:grid; | |||
place-items:center; | |||
padding:12px; | |||
background: | |||
radial-gradient(circle at 50% 42%,rgba(120,216,240,.16),transparent 62%), | |||
linear-gradient(135deg,rgba(8,43,58,.60),rgba(10,46,31,.42)); | |||
} | |||
.jzy-island-media.has-island-image .jzy-island-img{ | |||
min-height:0; | |||
height:158px; | |||
object-fit:contain; | |||
filter:drop-shadow(0 9px 10px rgba(0,0,0,.34)); | |||
} | |||
.jzy-island-placeholder{ | |||
display:grid; | |||
place-items:center; | |||
padding:18px; | |||
} | |||
.jzy-island-placeholder::before{ | |||
content:attr(data-theme); | |||
color:rgba(242,255,252,.92); | |||
font-size:18px; | |||
font-weight:900; | |||
line-height:1.35; | |||
text-align:center; | |||
text-shadow:0 3px 8px rgba(0,0,0,.48); | |||
} | |||
.jzy-island-nether{background:radial-gradient(circle at 50% 40%,rgba(255,151,61,.30),transparent 48%),linear-gradient(135deg,rgba(98,25,18,.82),rgba(42,14,27,.72))} | |||
.jzy-island-end{background:radial-gradient(circle at 50% 40%,rgba(221,195,255,.26),transparent 46%),linear-gradient(135deg,rgba(49,32,91,.80),rgba(16,42,67,.74))} | |||
.jzy-island-deep{background:radial-gradient(circle at 50% 40%,rgba(61,195,201,.20),transparent 50%),linear-gradient(135deg,rgba(8,49,67,.84),rgba(8,29,50,.76))} | |||
.jzy-island-media span{ | |||
position:absolute; | |||
left:12px; | |||
right:12px; | |||
bottom:12px; | |||
padding:8px 10px; | |||
border-radius:10px; | |||
color:#dffbff; | |||
font-size:12px; | |||
font-weight:900; | |||
text-align:center; | |||
background:rgba(4,24,36,.46); | |||
border:1px solid rgba(126,204,218,.20); | |||
} | |||
.jzy-island-body{ | |||
align-self:center; | |||
} | |||
.jzy-island-top{ | |||
display:flex; | |||
align-items:center; | |||
gap:12px; | |||
margin-bottom:8px; | |||
} | |||
.jzy-card-icon{ | |||
flex:0 0 auto; | |||
display:grid; | |||
place-items:center; | |||
width:46px; | |||
height:46px; | |||
border-radius:13px; | |||
color:#fff; | |||
font-size:24px; | |||
font-weight:900; | |||
background:linear-gradient(180deg,rgba(78,206,185,.92),rgba(46,167,144,.92)); | |||
border:2px solid rgba(190,255,235,.42); | |||
box-shadow:0 7px 15px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.22); | |||
overflow:hidden; | |||
} | |||
.jzy-island-title{ | |||
margin:0; | |||
color:#fff; | |||
font-size:22px; | |||
font-weight:900; | |||
line-height:1.25; | |||
text-shadow:0 2px 8px rgba(0,0,0,.26); | |||
} | |||
.jzy-island-title a{ | |||
color:inherit!important; | |||
text-decoration:none!important; | |||
} | |||
.jzy-island-title a:hover{color:#c7fff2!important} | |||
.jzy-island-sub{ | |||
margin:2px 0 0; | |||
color:#fff4c7; | |||
font-size:13px; | |||
font-weight:800; | |||
} | |||
.jzy-list{ | |||
margin:10px 0 0; | |||
padding-left:0; | |||
list-style:none; | |||
} | |||
.jzy-list li{ | |||
position:relative; | |||
margin:6px 0; | |||
padding-left:18px; | |||
color:rgba(238,248,251,.84); | |||
font-size:14px; | |||
line-height:1.62; | |||
} | |||
.jzy-list li::before{ | |||
content:""; | |||
position:absolute; | |||
left:0; | |||
top:.68em; | |||
width:7px; | |||
height:7px; | |||
border-radius:50%; | |||
background:#78d8f0; | |||
box-shadow:0 0 8px rgba(120,216,240,.45); | |||
} | |||
.jzy-point-card{ | |||
display:grid; | |||
grid-template-columns:44px minmax(0,1fr); | |||
gap:12px; | |||
align-items:start; | |||
padding:16px; | |||
} | |||
.jzy-point-icon{ | |||
display:grid; | |||
place-items:center; | |||
width:44px; | |||
height:44px; | |||
border-radius:12px; | border-radius:12px; | ||
box-shadow:inset 0 1px 0 rgba(255,255,255,. | color:#164554; | ||
font-size:18px; | |||
font-weight:900; | |||
background:linear-gradient(180deg,#fff4c7,#f4cf78); | |||
border:1px solid rgba(255,255,255,.26); | |||
box-shadow:0 7px 15px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.34); | |||
overflow:hidden; | |||
} | } | ||
.jzy- | .jzy-point-icon img{ | ||
width:100%; | |||
height:100%; | |||
padding:3px; | |||
object-fit:contain; | |||
display:block; | |||
filter:drop-shadow(0 3px 4px rgba(0,0,0,.26)); | |||
} | |||
.jzy-point-card h3{ | |||
margin:0 0 6px!important; | |||
color:#c7fff2!important; | |||
font-size:17px!important; | |||
font-weight:900!important; | |||
line-height:1.3!important; | |||
} | |||
.jzy-point-card p{ | |||
margin:0; | margin:0; | ||
padding- | color:rgba(238,248,251,.82); | ||
font-size:14px; | |||
line-height:1.66; | |||
} | |||
.jzy-gallery{ | |||
display:grid; | |||
grid-template-columns:1.35fr .65fr; | |||
gap:14px; | |||
} | |||
.jzy-gallery .jzy-image-slot{ | |||
min-height:250px; | |||
} | |||
.jzy-gallery-stack{ | |||
display:grid; | |||
gap:14px; | |||
} | |||
.jzy-gallery-stack .jzy-image-slot{ | |||
min-height:118px; | |||
} | |||
.jzy-step{ | |||
padding:18px 16px; | |||
} | |||
.jzy-step-num{ | |||
display:inline-grid; | |||
place-items:center; | |||
width:34px; | |||
height:34px; | |||
margin-bottom:10px; | |||
border-radius:11px; | |||
color:#164554; | |||
font-weight:900; | |||
background:linear-gradient(180deg,#fff4c7,#f4cf78); | |||
box-shadow:inset 0 1px 0 rgba(255,255,255,.34); | |||
} | } | ||
.jzy-side-toc{ | .jzy-side-toc{ | ||
position:fixed; | position:fixed; | ||
| 第165行： | 第530行： | ||
border-color:rgba(244,207,120,.30); | border-color:rgba(244,207,120,.30); | ||
} | } | ||
@media(max-width:1480px){ | @media(max-width:1480px){ | ||
.jzy- | .jzy-world{max-width:calc(100vw - 500px)} | ||
.jzy-side-toc{right:52px} | .jzy-side-toc{right:52px} | ||
.jzy-island-card{grid-template-columns:150px minmax(0,1fr)} | |||
} | } | ||
@media(max-width:1279px){ | @media(max-width:1279px){ | ||
.jzy- | .jzy-world{max-width:100%;margin:0} | ||
.jzy-side-toc{display:none} | .jzy-side-toc{display:none} | ||
} | } | ||
@media(max-width: | @media(max-width:900px){ | ||
.jzy- | .jzy-hero, | ||
.jzy- | .jzy-island-card, | ||
.jzy- | .jzy-gallery{ | ||
grid-template-columns:1fr; | |||
} | |||
.jzy-grid-4, | |||
.jzy-grid-3, | |||
.jzy-island-grid, | |||
.jzy-point-grid, | |||
.jzy-route-grid{ | |||
grid-template-columns:1fr; | |||
} | |||
.jzy-title{font-size:34px} | |||
.jzy-image-slot img, | |||
.jzy-island-img{ | |||
min-height:180px; | |||
} | |||
} | |||
@media(max-width:560px){ | |||
.jzy-hero, | |||
.jzy-glass{ | |||
padding:20px 16px; | |||
border-radius:16px; | |||
} | |||
.jzy-title-row{ | |||
align-items:flex-start; | |||
} | |||
.jzy-title-icon{ | |||
width:48px; | |||
height:48px; | |||
border-radius:14px; | |||
font-size:24px; | |||
} | |||
.jzy-title{font-size:30px} | |||
.jzy-section-heading h2{font-size:24px!important} | |||
} | } | ||
/* ===== | /* ===== 海岛大世界：首页同款文字与深蓝玻璃优化 ===== */ | ||
.jzy- | .jzy-world, | ||
.jzy-world *{ | |||
font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif!important; | |||
.jzy- | |||
font-family:"HarmonyOS Sans SC","MiSans","PingFang SC | |||
text-rendering:optimizeLegibility; | text-rendering:optimizeLegibility; | ||
} | } | ||
.jzy- | .jzy-world{font-size:17px;line-height:1.9;text-shadow:0 2px 5px rgba(1,18,28,.72)} | ||
.jzy-hero{grid-template-columns:1fr} | |||
.jzy-lead,.jzy-section-desc,.jzy-glass{font-size:17px;line-height:1.95;text-shadow:0 2px 6px rgba(1,18,28,.78)} | |||
.jzy-point-card.jzy-blue, | |||
.jzy-point-card.jzy-green, | |||
} | .jzy-point-card.jzy-gold, | ||
.jzy- | .jzy-point-card.jzy-rose, | ||
.jzy-point-card.jzy-violet{ | |||
background:linear-gradient(135deg,rgba(4,31,49,.76),rgba(8,74,88,.62))!important; | |||
border-color:rgba(126,204,218,.28)!important; | |||
border-bottom-color:#16c3d0!important; | |||
box-shadow:0 12px 26px rgba(1,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12)!important; | |||
} | } | ||
.jzy- | .jzy-point-icon{ | ||
color:#dffbff!important; | |||
background:linear-gradient(135deg,#0b6276,#073447)!important; | |||
border-color:rgba(126,204,218,.42)!important; | |||
box-shadow:0 7px 15px rgba(1,18,28,.28),inset 0 1px 0 rgba(255,255,255,.16)!important; | |||
} | } | ||
.jzy- | .jzy-step-num{ | ||
color:#f2ffff!important; | |||
background:linear-gradient(135deg,#16c3d0,#0a5258)!important; | |||
border:1px solid rgba(207,246,229,.34)!important; | |||
box-shadow:0 6px 14px rgba(1,18,28,.28),inset 0 1px 0 rgba(255,255,255,.20)!important; | |||
} | } | ||
.jzy-island-card-link{ | |||
color:#eef8fb!important; | |||
text-decoration:none!important; | |||
.jzy- | cursor:pointer; | ||
background:rgba( | background:linear-gradient(135deg,rgba(4,31,49,.82),rgba(8,74,88,.68))!important; | ||
border-color:rgba( | border-color:rgba(153,228,235,.30)!important; | ||
box-shadow:0 | border-bottom-color:#16c3d0!important; | ||
box-shadow:0 12px 28px rgba(1,18,28,.30),inset 0 1px 0 rgba(255,255,255,.13)!important; | |||
transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important; | |||
} | } | ||
.jzy- | .jzy-island-card-link:hover{ | ||
background:rgba(7, | color:#fff!important; | ||
border-color:rgba( | transform:none!important; | ||
box-shadow:0 | background:linear-gradient(135deg,rgba(7,54,70,.94),rgba(12,102,112,.76))!important; | ||
border-color:rgba(199,255,242,.66)!important; | |||
box-shadow:0 14px 30px rgba(1,18,28,.34),inset 0 1px 0 rgba(255,255,255,.22)!important; | |||
} | } | ||
.jzy- | .jzy-route-grid .jzy-step{ | ||
.jzy- | background:linear-gradient(135deg,rgba(4,31,49,.80),rgba(8,74,88,.64))!important; | ||
. | border-color:rgba(126,204,218,.28)!important; | ||
border-color:rgba( | border-bottom-color:#16c3d0!important; | ||
box-shadow:0 | box-shadow:0 12px 26px rgba(1,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12)!important; | ||
} | } | ||
.jzy- | .jzy-route-grid .jzy-step:hover{ | ||
.jzy- | transform:none!important; | ||
transition:none!important; | |||
background:linear-gradient(135deg,rgba(4,31,49,.80),rgba(8,74,88,.64))!important; | |||
border-color:rgba(126,204,218,.28)!important; | |||
box-shadow:0 12px 26px rgba(1,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12)!important; | |||
border-color:rgba( | |||
box-shadow:0 | |||
} | } | ||
.jzy- | @media(max-width:760px){ | ||
.jzy-world{font-size:16px;line-height:1.85} | |||
.jzy-lead,.jzy-section-desc,.jzy-glass{font-size:16px;line-height:1.9} | |||
} | } | ||
.jzy-side-toc | /* 毛玻璃预览：仅作用于本页半透明内容面板。 */ | ||
.jzy-hero,.jzy-card,.jzy-island-card,.jzy-point-card,.jzy-side-toc{backdrop-filter:blur(8px) saturate(118%)!important;-webkit-backdrop-filter:blur(8px) saturate(118%)!important} | |||
@media(max-width:760px){.jzy-hero,.jzy-card,.jzy-island-card,.jzy-point-card,.jzy-side-toc{backdrop-filter:blur(5px) saturate(115%)!important;-webkit-backdrop-filter:blur(5px) saturate(115%)!important}} | |||
</style> | </style> | ||
<div class="jzy-side-toc"> | <div class="jzy-side-toc"> | ||
<div class="jzy-side-toc-title">页面目录</div> | <div class="jzy-side-toc-title">页面目录</div> | ||
<a href="# | <a href="#world-top">页面顶部</a> | ||
<a href="# | <a href="#world-islands">岛屿图鉴</a> | ||
</div> | </div> | ||
<div class="jzy- | <div class="jzy-world"> | ||
<span id="world-top" class="jzy-anchor"></span> | |||
< | <section class="jzy-hero"> | ||
<div class="jzy- | <div> | ||
<div class="jzy-kicker">江中缘 Wiki · 游戏资讯</div> | |||
<div class="jzy-title-row"> | |||
<h1 class="jzy-title">海岛大世界</h1> | |||
</div> | </div> | ||
<p class="jzy-lead"> | |||
<span class="jzy-lead-line">海岛大世界是江中缘玩家探索、传送、成长与社交的主要舞台。</span><br> | |||
<span class="jzy-lead-line">个人海岛是你的长期家园，可用于建造、装饰、种植、储物与协作经营；璟城则连接海岛与群岛世界，提供传送、工坊、商店和玩家交流。</span> | |||
</p> | |||
<p class="jzy-lead jzy-lead-detail">当你准备就绪后，可从璟城前往后续开放的其他主题岛屿，在不断延展的群岛世界中体验战斗、采集与冒险；更多区域、资源和挑战将随版本更新逐步开放。</p> | |||
</div> | |||
</section> | |||
<div class="jzy | <div class="jzy-divider"></div> | ||
<div class="jzy-section- | <span id="world-islands" class="jzy-anchor"></span> | ||
<div class="jzy-section-heading"> | |||
<h2>岛屿图鉴</h2> | |||
</div> | |||
<p class="jzy-section-desc"> | |||
下方展示个人据点、主城与后续主题岛屿，方便玩家快速识别各区域的主题、开放状态与主要玩法方向。 | |||
</p> | |||
<div class="jzy-island-grid"> | |||
</div> | <a class="jzy-card jzy-island-card jzy-blue jzy-island-card-link" href="/index.php?title=%E4%B8%AA%E4%BA%BA%E6%B5%B7%E5%B2%9B" aria-label="查看个人海岛页面"> | ||
<div class="jzy-island-media has-island-image"> | |||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/7/70/%E4%B8%AA%E4%BA%BA%E6%B5%B7%E5%B2%9B.png?20260722052731" alt="个人海岛"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">个人海岛</h3> | |||
<p class="jzy-island-sub">新手起点 · 长期据点</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">适合建造家园、整理资源、布置装饰、规划农田与邀请协作者。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-open">已开放</span><span class="jzy-tag">经营</span><span class="jzy-tag">建设</span></div> | |||
</div> | |||
</a> | |||
<a class="jzy-card jzy-island-card jzy-gold jzy-island-card-link" href="/index.php?title=%E5%BA%84%E5%9B%AD" aria-label="查看庄园页面"> | |||
<div class="jzy-island-media has-island-image"> | |||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/thumb/6/66/%E5%BA%84%E5%9B%AD%E5%A4%A7%E5%9B%BE%E6%A0%87.png/120px-%E5%BA%84%E5%9B%AD%E5%A4%A7%E5%9B%BE%E6%A0%87.png?20260727051304" alt="庄园"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">庄园</h3> | |||
<p class="jzy-island-sub">生活经营 · 海岛日常</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">围绕个人海岛的生活经营展开，可在这里照料作物、整理空间，并让建造与日常收获成为长期积累的一部分。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag">经营</span><span class="jzy-tag">耕作</span><span class="jzy-tag">建设</span></div> | |||
</div> | |||
</a> | |||
<div class="jzy- | <a class="jzy-card jzy-island-card jzy-green jzy-island-card-link" href="/index.php?title=%E7%92%9F%E5%9F%8E" aria-label="查看璟城页面"> | ||
<div class="jzy-island-media has-island-image"> | |||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/0/0b/%E7%92%9F%E5%9F%8E.png?20260722052825" alt="璟城"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">璟城</h3> | |||
<p class="jzy-island-sub">主城枢纽 · 旅程起点</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">群岛世界的起点，也是传送、商业、工坊、社区系统与玩家交汇的核心区域；城内还设有地下城入口。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-open">已开放</span><span class="jzy-tag">主城</span><span class="jzy-tag">传送</span></div> | |||
</div> | |||
</a> | |||
< | <a class="jzy-card jzy-island-card jzy-green jzy-island-card-link" href="/index.php?title=%E5%B9%BD%E5%8C%BF%E6%A3%AE%E6%9E%97" aria-label="查看幽匿森林页面"> | ||
== | <div class="jzy-island-media has-island-image"> | ||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/d/d3/%E5%B9%BD%E5%8C%BF%E6%A3%AE%E6%9E%97.png" alt="幽匿森林"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">幽匿森林</h3> | |||
<p class="jzy-island-sub">幽暗森林 · 探索区域</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">幽暗林木与隐秘路径交织的主题岛屿，围绕未知环境、资源收集与森林深处的探索展开。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-open">已开放</span><span class="jzy-tag">森林</span><span class="jzy-tag">探索</span></div> | |||
</div> | |||
</a> | |||
< | <a class="jzy-card jzy-island-card jzy-rose jzy-island-card-link" href="/index.php?title=%E7%84%9A%E7%82%8E%E4%B8%8B%E7%95%8C" aria-label="查看焚炎下界页面"> | ||
<div class="jzy-island-media has-island-image"> | |||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/thumb/e/e4/%E7%84%9A%E7%82%8E%E4%B8%8B%E7%95%8C.png/120px-%E7%84%9A%E7%82%8E%E4%B8%8B%E7%95%8C.png?20260727051135" alt="焚炎下界"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">焚炎下界</h3> | |||
<p class="jzy-island-sub">灼热主题 · 待开放区域</p> | |||
</div> | |||
</div> | |||
<div class="jzy- | <p class="jzy-card-text">熔岩地貌与炽热环境构成的未来探索区域，前行时需要更加谨慎；高风险路线也将带来与烈焰主题相符的资源与挑战。</p> | ||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">烈焰</span><span class="jzy-tag">挑战</span></div> | |||
</div> | |||
</a> | |||
<div | |||
< | <a class="jzy-card jzy-island-card jzy-violet jzy-island-card-link" href="/index.php?title=%E7%BB%88%E7%84%89%E6%9C%AB%E5%9C%B0" aria-label="查看终焉末地页面"> | ||
== | <div class="jzy-island-media has-island-image"> | ||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/thumb/e/e7/%E7%BB%88%E7%84%89%E6%9C%AB%E5%9C%B0.png/120px-%E7%BB%88%E7%84%89%E6%9C%AB%E5%9C%B0.png?20260727051235" alt="终焉末地"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">终焉末地</h3> | |||
<p class="jzy-island-sub">终末主题 · 待开放区域</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">漂浮陆地与无垠虚空交织的未来主题岛屿，适合承载更具纵深感的远行路线、稀有发现与高空探索。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">浮岛</span><span class="jzy-tag">远行</span></div> | |||
</div> | |||
</a> | |||
<div class="jzy- | <a class="jzy-card jzy-island-card jzy-blue jzy-island-card-link" href="/index.php?title=%E6%B7%B1%E6%9A%97%E4%B9%8B%E5%9F%9F" aria-label="查看深暗之域页面"> | ||
<div class="jzy-island-media has-island-image"> | |||
</div> | <img class="jzy-island-img" src="https://wiki.mcjzy.net/images/thumb/8/84/%E6%B7%B1%E6%9A%97%E4%B9%8B%E5%9F%9F.png/120px-%E6%B7%B1%E6%9A%97%E4%B9%8B%E5%9F%9F.png?20260727051207" alt="深暗之域"> | ||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">深暗之域</h3> | |||
<p class="jzy-island-sub">深暗主题 · 待开放区域</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">低光与深邃地貌构成的未来探索区域，隐藏在幽暗环境中的路线与资源，将为喜欢谨慎探索的玩家带来新的冒险体验。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">幽暗</span><span class="jzy-tag">探索</span></div> | |||
</div> | |||
</a> | |||
<a class="jzy-card jzy-island-card jzy-blue jzy-island-card-link" href="/index.php?title=%E5%86%B0%E5%B0%81%E9%A2%86%E5%9F%9F" aria-label="查看冰封领域页面"> | |||
<div class="jzy-island-media has-island-image"> | |||
<img class="jzy-island-img" src="https://wiki.mcjzy.net/images/7/7f/%E5%86%B0%E5%B7%9D%E5%B2%9B.png?20260722052510" alt="冰封领域"> | |||
</div> | |||
<div class="jzy-island-body"> | |||
<div class="jzy-island-top"> | |||
<div> | |||
<h3 class="jzy-island-title">冰封领域</h3> | |||
<p class="jzy-island-sub">冰封主题 · 待开放区域</p> | |||
</div> | |||
</div> | |||
<p class="jzy-card-text">被冰雪与寒风覆盖的未来主题区域，冰封地貌中的路线与资源将带来截然不同的探索节奏，并等待勇敢的冒险者前往发现。</p> | |||
<div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">冰雪</span><span class="jzy-tag">探索</span></div> | |||
</div> | |||
</a> | |||
</div> | |||
<div class="jzy | <div class="jzy-divider"></div> | ||
</div> | </div> | ||
<script> | <script> | ||
(function () { | (function () { | ||
2026年8月13日 (四) 10:36的最新版本
江中缘 Wiki · 游戏资讯
海岛大世界
海岛大世界是江中缘玩家探索、传送、成长与社交的主要舞台。
个人海岛是你的长期家园，可用于建造、装饰、种植、储物与协作经营；璟城则连接海岛与群岛世界，提供传送、工坊、商店和玩家交流。
当你准备就绪后，可从璟城前往后续开放的其他主题岛屿，在不断延展的群岛世界中体验战斗、采集与冒险；更多区域、资源和挑战将随版本更新逐步开放。
岛屿图鉴
下方展示个人据点、主城与后续主题岛屿，方便玩家快速识别各区域的主题、开放状态与主要玩法方向。
个人海岛
新手起点 · 长期据点
适合建造家园、整理资源、布置装饰、规划农田与邀请协作者。
已开放经营建设
庄园
生活经营 · 海岛日常
围绕个人海岛的生活经营展开，可在这里照料作物、整理空间，并让建造与日常收获成为长期积累的一部分。
经营耕作建设
璟城
主城枢纽 · 旅程起点
群岛世界的起点，也是传送、商业、工坊、社区系统与玩家交汇的核心区域；城内还设有地下城入口。
已开放主城传送
幽匿森林
幽暗森林 · 探索区域
幽暗林木与隐秘路径交织的主题岛屿，围绕未知环境、资源收集与森林深处的探索展开。
已开放森林探索
焚炎下界
灼热主题 · 待开放区域
熔岩地貌与炽热环境构成的未来探索区域，前行时需要更加谨慎；高风险路线也将带来与烈焰主题相符的资源与挑战。
未解锁烈焰挑战
终焉末地
终末主题 · 待开放区域
漂浮陆地与无垠虚空交织的未来主题岛屿，适合承载更具纵深感的远行路线、稀有发现与高空探索。
未解锁浮岛远行
深暗之域
深暗主题 · 待开放区域
低光与深邃地貌构成的未来探索区域，隐藏在幽暗环境中的路线与资源，将为喜欢谨慎探索的玩家带来新的冒险体验。
未解锁幽暗探索
冰封领域
冰封主题 · 待开放区域
被冰雪与寒风覆盖的未来主题区域，冰封地貌中的路线与资源将带来截然不同的探索节奏，并等待勇敢的冒险者前往发现。
未解锁冰雪探索