编辑“︁海岛大世界”︁

__NOTOC__
__NOEDITSECTION__

<html>
<style>
/* ===== 江中缘 Wiki：海岛大世界页面 ===== */
.mw-body{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.jzy-world{
  max-width:min(1180px,calc(100vw - 560px));
  margin:0 auto;
  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-world a:hover{
  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:
    radial-gradient(circle at 12% 0%,rgba(120,216,240,.16),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(244,207,120,.18),transparent 30%),
    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-radius:22px;
  box-shadow:0 16px 34px rgba(2,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.jzy-kicker{
  color:#fff4c7;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.jzy-title-row{
  display:flex;
  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;
  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);
}
.jzy-lead{
  max-width:820px;
  margin:0;
  color:#d6eee6;
  font-size:17px;
  line-height:1.9;
}
.jzy-hero-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.jzy-note{
  padding:12px;
  border-radius:14px;
  background:rgba(8,22,34,.26);
  border:1px solid rgba(126,204,218,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.jzy-note b{
  display:block;
  margin-bottom:4px;
  color:#fff4c7;
  font-size:15px;
}
.jzy-note span{
  display:block;
  color:rgba(238,248,251,.78);
  font-size:12px;
  line-height:1.5;
}
.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-divider{
  height:3px;
  margin:26px 0;
  border-radius:999px;
  background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78);
  box-shadow:0 0 16px rgba(120,216,240,.22);
}
.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;
  padding:22px 24px;
  background:
    radial-gradient(circle at 10% 0%,rgba(120,216,240,.10),transparent 34%),
    linear-gradient(135deg,rgba(8,43,58,.44),rgba(10,46,31,.30));
  border:1px solid rgba(126,204,218,.22);
  border-radius:18px;
  box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);
  color:#eef8fb;
  line-height:1.86;
}
.jzy-grid-4,
.jzy-grid-3,
.jzy-island-grid,
.jzy-point-grid,
.jzy-route-grid{
  display:grid;
  gap:14px;
}
.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-card{
  position:relative;
  overflow:hidden;
  padding:18px;
  border-radius:16px;
  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);
}
.jzy-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 50%);
  pointer-events:none;
}
.jzy-card > *{
  position:relative;
}
.jzy-blue{background:rgba(8,74,88,.48);border-bottom:3px solid #16c3d0}
.jzy-green{background:rgba(18,70,42,.48);border-bottom:3px solid #5ab878}
.jzy-gold{background:rgba(98,67,20,.44);border-bottom:3px solid #d4a848}
.jzy-rose{background:rgba(80,26,48,.44);border-bottom:3px solid #d95b91}
.jzy-violet{background:rgba(42,30,80,.44);border-bottom:3px solid #8c78da}
.jzy-card-title{
  margin:0 0 8px;
  color:#fff;
  font-size:18px;
  font-weight:900;
  line-height:1.35;
}
.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 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-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;
  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-point-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.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;
  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{
  position:fixed;
  top:50%;
  right:64px;
  width:176px;
  padding:12px;
  background:
    radial-gradient(circle at 18% 0%,rgba(120,216,240,.14),transparent 36%),
    linear-gradient(145deg,rgba(8,43,58,.62),rgba(10,46,31,.46));
  border:1px solid rgba(126,204,218,.24);
  border-radius:16px;
  box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.11);
  z-index:60;
  backdrop-filter:blur(4px) saturate(115%);
  -webkit-backdrop-filter:blur(4px) saturate(115%);
  transform:translateY(-50%);
}
.jzy-side-toc-title{
  margin:0 0 10px;
  padding-bottom:8px;
  color:#fff4c7;
  font-size:15px;
  font-weight:900;
  text-align:center;
  border-bottom:1px solid rgba(244,207,120,.28);
}
.jzy-side-toc a{
  display:block;
  margin:5px 0;
  padding:7px 9px;
  border-radius:10px;
  color:#d6eee6!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.055);
}
.jzy-side-toc a:hover{
  color:#fff4c7!important;
  background:rgba(244,207,120,.13);
  border-color:rgba(244,207,120,.30);
}
@media(max-width:1480px){
  .jzy-world{max-width:calc(100vw - 500px)}
  .jzy-side-toc{right:52px}
  .jzy-island-card{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:1279px){
  .jzy-world{max-width:100%;margin:0}
  .jzy-side-toc{display:none}
}
@media(max-width:900px){
  .jzy-hero,
  .jzy-island-card,
  .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-hero-notes{
    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}
}
</style>

<div class="jzy-side-toc">
  <div class="jzy-side-toc-title">页面目录</div>
  <a href="#world-top">页面顶部</a>
  <a href="#world-overview">世界总览</a>
  <a href="#world-home">个人海岛</a>
  <a href="#world-islands">岛屿图鉴</a>
  <a href="#world-jingcheng">璟城主城</a>
  <a href="#world-points">璟城点位</a>
  <a href="#world-gallery">地图图册</a>
  <a href="#world-route">探索路线</a>
</div>

<div class="jzy-world">
  <span id="world-top" class="jzy-anchor"></span>

  <section class="jzy-hero">
    <div>
      <div class="jzy-kicker">江中缘 Wiki · 游戏资讯</div>
      <div class="jzy-title-row">
        <div class="jzy-title-icon">海</div>
        <!-- 如需替换标题图标，可将上方文字改为：<img src="/images/你的图片路径/sea-world-icon.png" alt="海岛大世界"> -->
        <h1 class="jzy-title">海岛大世界</h1>
      </div>
      <p class="jzy-lead">
        海岛大世界是江中缘玩家探索、传送、成长与社交的主要舞台。玩家以个人海岛作为长期据点，从璟城完成整备与传送，再前往地下城和未来开放的主题岛屿，展开采集、战斗、交易、建设与冒险。
      </p>
      <div class="jzy-hero-notes">
        <div class="jzy-note"><b>个人据点</b><span>建造、装饰、种植、储物与协作者管理。</span></div>
        <div class="jzy-note"><b>主城枢纽</b><span>传送、工坊、商店、任务与社区系统集中地。</span></div>
        <div class="jzy-note"><b>探索区域</b><span>地下城挑战与后续岛屿内容会逐步扩展。</span></div>
      </div>
    </div>
    <div class="jzy-image-slot">
      <!-- 上传世界地图或海岛总览图后，可替换为：<img src="/images/你的图片路径/world-map.png" alt="海岛大世界地图"> -->
      <span>世界地图图片位置</span>
    </div>
  </section>

  <div class="jzy-divider"></div>

  <span id="world-overview" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">览</div>
    <h2>世界总览</h2>
  </div>
  <p class="jzy-section-desc">
    海岛大世界不是单一地图，而是由个人海岛、璟城主城、地下城以及多个主题岛屿组成的区域网络。不同岛屿承担不同功能，有的负责新手成长与经营，有的承担交易与工坊，有的则用于探索、战斗和资源获取。
  </p>

  <div class="jzy-grid-4">
    <div class="jzy-card jzy-blue">
      <h3 class="jzy-card-title">海岛经营</h3>
      <p class="jzy-card-text">玩家从自己的海岛开始，逐步建设家园、整理资源，并把海岛打造成长期发展的据点。</p>
    </div>
    <div class="jzy-card jzy-green">
      <h3 class="jzy-card-title">主城交互</h3>
      <p class="jzy-card-text">璟城承担传送、商贸、工坊、任务与玩家交流功能，是大多数冒险开始前的准备区。</p>
    </div>
    <div class="jzy-card jzy-gold">
      <h3 class="jzy-card-title">区域探索</h3>
      <p class="jzy-card-text">地下城和主题岛屿会提供不同环境、怪物、资源与挑战内容，形成持续探索目标。</p>
    </div>
    <div class="jzy-card jzy-rose">
      <h3 class="jzy-card-title">成长循环</h3>
      <p class="jzy-card-text">采集资源、提升技能、强化装备、完成挑战，再把收益投入到海岛与角色成长中。</p>
    </div>
  </div>

  <div class="jzy-divider"></div>

  <span id="world-home" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">岛</div>
    <h2>个人海岛</h2>
  </div>
  <div class="jzy-glass">
    个人海岛是玩家进入江中缘后的长期据点，也是新手最先接触的经营区域。玩家可以在这里建造建筑、摆放装饰、整理仓储、规划功能区，并通过海岛菜单管理自己的岛屿权限与协作者。
    <br><br>
    对刚进入蓬莱世界的玩家来说，个人海岛可以作为熟悉系统的起点：先完成基础引导，学习如何回到海岛、如何使用菜单、如何整理资源，再逐步前往璟城和其他区域扩展玩法。
  </div>

  <div class="jzy-grid-3">
    <div class="jzy-card jzy-blue">
      <h3 class="jzy-card-title">建设与装饰</h3>
      <p class="jzy-card-text">规划房屋、道路、仓库、农田与展示区，让自己的海岛逐渐形成独特风格。</p>
    </div>
    <div class="jzy-card jzy-green">
      <h3 class="jzy-card-title">资源整理</h3>
      <p class="jzy-card-text">把采集、战斗、任务获得的物品集中存放，方便后续合成、交易和升级使用。</p>
    </div>
    <div class="jzy-card jzy-gold">
      <h3 class="jzy-card-title">协作管理</h3>
      <p class="jzy-card-text">可以邀请信任的玩家一起建设，但建议先确认权限，避免误操作造成损失。</p>
    </div>
  </div>

  <div class="jzy-divider"></div>

  <span id="world-islands" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">图</div>
    <h2>岛屿图鉴</h2>
  </div>
  <p class="jzy-section-desc">
    下方预留了每座岛屿的图片位置。后续如果你有岛屿截图、地图缩略图或专属图标，可以直接替换对应图片区域，让玩家更直观地认识每个区域。
  </p>

  <div class="jzy-island-grid">
    <article class="jzy-card jzy-island-card jzy-blue">
      <div class="jzy-island-media">
        <!-- <img class="jzy-island-img" src="/images/你的图片路径/personal-island.png" alt="个人海岛"> -->
        <span>个人海岛图片</span>
      </div>
      <div class="jzy-island-body">
        <div class="jzy-island-top">
          <div class="jzy-card-icon">个</div>
          <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>
    </article>

    <article class="jzy-card jzy-island-card jzy-green">
      <div class="jzy-island-media">
        <!-- <img class="jzy-island-img" src="/images/你的图片路径/jingcheng.png" alt="璟城"> -->
        <span>璟城图片</span>
      </div>
      <div class="jzy-island-body">
        <div class="jzy-island-top">
          <div class="jzy-card-icon">城</div>
          <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>
    </article>

    <article class="jzy-card jzy-island-card jzy-violet">
      <div class="jzy-island-media">
        <!-- <img class="jzy-island-img" src="/images/你的图片路径/dungeon.png" alt="地下城"> -->
        <span>地下城图片</span>
      </div>
      <div class="jzy-island-body">
        <div class="jzy-island-top">
          <div class="jzy-card-icon">地</div>
          <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>
    </article>

    <article class="jzy-card jzy-island-card jzy-gold">
      <div class="jzy-island-media">
        <!-- <img class="jzy-island-img" src="/images/你的图片路径/golden-sand-island.png" alt="金沙岛"> -->
        <span>金沙岛图片</span>
      </div>
      <div class="jzy-island-body">
        <div class="jzy-island-top">
          <div class="jzy-card-icon">沙</div>
          <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>
    </article>

    <article class="jzy-card jzy-island-card jzy-blue">
      <div class="jzy-island-media">
        <!-- <img class="jzy-island-img" src="/images/你的图片路径/glacier-island.png" alt="冰川岛"> -->
        <span>冰川岛图片</span>
      </div>
      <div class="jzy-island-body">
        <div class="jzy-island-top">
          <div class="jzy-card-icon">冰</div>
          <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>
    </article>

    <article class="jzy-card jzy-island-card jzy-green">
      <div class="jzy-island-media">
        <!-- <img class="jzy-island-img" src="/images/你的图片路径/pale-forest-island.png" alt="苍白森林岛"> -->
        <span>苍白森林岛图片</span>
      </div>
      <div class="jzy-island-body">
        <div class="jzy-island-top">
          <div class="jzy-card-icon">森</div>
          <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>
    </article>
  </div>

  <div class="jzy-divider"></div>

  <span id="world-jingcheng" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">璟</div>
    <h2>璟城主城</h2>
  </div>
  <div class="jzy-glass">
    璟城是群岛世界的起点，也是秩序与繁华的交汇之地。在这里，玩家可以规划旅程、选择方向、进行传送、接触工坊与商业系统。大多数冒险在出发前，都可以先回到璟城完成补给与准备。
  </div>

  <div class="jzy-grid-4">
    <div class="jzy-card jzy-blue">
      <h3 class="jzy-card-title">传送与路线</h3>
      <p class="jzy-card-text">通过传送石前往不同区域，是玩家进入岛屿与点位的主要方式。</p>
    </div>
    <div class="jzy-card jzy-green">
      <h3 class="jzy-card-title">商业与工坊</h3>
      <p class="jzy-card-text">方块中心、茶韵轩、裁缝工坊、饰品工坊、匠心工坊等点位集中在这里。</p>
    </div>
    <div class="jzy-card jzy-gold">
      <h3 class="jzy-card-title">社区与交流</h3>
      <p class="jzy-card-text">社区枢纽人流集中，适合认识玩家、寻找伙伴或了解服务器内容。</p>
    </div>
    <div class="jzy-card jzy-rose">
      <h3 class="jzy-card-title">资源与支线</h3>
      <p class="jzy-card-text">矿区、钓鱼点、猎手相关区域和生活设施都能从璟城延伸出去。</p>
    </div>
  </div>

  <div class="jzy-divider"></div>

  <span id="world-points" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">点</div>
    <h2>璟城点位</h2>
  </div>
  <p class="jzy-section-desc">
    这些点位来自璟城内的传送与区域介绍。后续如果有每个点位的截图，可以将小图标或截图补到对应卡片里。
  </p>

  <div class="jzy-point-grid">
    <div class="jzy-card jzy-point-card jzy-blue">
      <div class="jzy-point-icon">酒</div>
      <div><h3>蓝湾酒吧</h3><p>老叔卖酒的地方，也可能提供带有特殊效果的饮品。适合作为休闲与补给类点位记录。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-rose">
      <div class="jzy-point-icon">蛛</div>
      <div><h3>蜘蛛岛</h3><p>较危险的战斗区域，奖励也更丰厚。与猎手小屋相关，适合放入怪物、掉落与猎手玩法说明。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-gold">
      <div class="jzy-point-icon">矿</div>
      <div><h3>表层矿区</h3><p>包含表层、上层、中层、下层矿区。矿石种类较多，也需要注意区域内的怪物。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-green">
      <div class="jzy-point-icon">礼</div>
      <div><h3>议事大礼堂</h3><p>繁华核心区域，与风尚小馆、方块中心、茶韵轩相关，适合购买和了解多类日常物品。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-blue">
      <div class="jzy-point-icon">枢</div>
      <div><h3>社区枢纽</h3><p>系统与工坊集中地，关联博物馆、日新集市、战果交易间、多个工坊与环球市集。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-green">
      <div class="jzy-point-icon">池</div>
      <div><h3>矿山静池</h3><p>位于南境岛中央，环境安静，适合垂钓与短暂停留，也可关联中华小食府。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-rose">
      <div class="jzy-point-icon">花</div>
      <div><h3>花卉小屋</h3><p>出售各类装饰物，可用于装饰领地。与茶韵轩、方块中心形成生活装饰路线。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-blue">
      <div class="jzy-point-icon">钓</div>
      <div><h3>垂钓小屋</h3><p>鱼类资源丰富，适合钓鱼玩家前往。可关联家具天地与烹饪工坊。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-green">
      <div class="jzy-point-icon">牧</div>
      <div><h3>畜牧岛</h3><p>动物较多，也可能产出畜牧相关资源。适合记录动物、材料与生活玩法内容。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-gold">
      <div class="jzy-point-icon">屋</div>
      <div><h3>畜牧岛小屋</h3><p>畜牧相关入口点，可作为畜牧岛路线中的补充说明。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-violet">
      <div class="jzy-point-icon">禅</div>
      <div><h3>禅心碧潭</h3><p>山恋如墨、云雾轻绕，适合放入风景、休闲、钓鱼或观光类说明。</p></div>
    </div>
    <div class="jzy-card jzy-point-card jzy-rose">
      <div class="jzy-point-icon">?</div>
      <div><h3>未知区域</h3><p>当前暂未开放，后续可以在区域解锁后补充名称、入口、功能与截图。</p></div>
    </div>
  </div>

  <div class="jzy-divider"></div>

  <span id="world-gallery" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">图</div>
    <h2>地图图册</h2>
  </div>
  <p class="jzy-section-desc">
    这里预留给后续上传地图总览、岛屿实景或点位截图。建议优先放世界地图、璟城地图和地下城入口图，玩家会更容易理解路线。
  </p>

  <div class="jzy-gallery">
    <div class="jzy-image-slot">
      <!-- <img src="/images/你的图片路径/world-full-map.png" alt="海岛大世界总览图"> -->
      <span>大地图 / 总览图</span>
    </div>
    <div class="jzy-gallery-stack">
      <div class="jzy-image-slot">
        <!-- <img src="/images/你的图片路径/jingcheng-point-map.png" alt="璟城点位图"> -->
        <span>璟城点位图</span>
      </div>
      <div class="jzy-image-slot">
        <!-- <img src="/images/你的图片路径/dungeon-entry.png" alt="地下城入口图"> -->
        <span>地下城入口图</span>
      </div>
    </div>
  </div>

  <div class="jzy-divider"></div>

  <span id="world-route" class="jzy-anchor"></span>
  <div class="jzy-section-heading">
    <div class="jzy-section-icon">路</div>
    <h2>推荐探索路线</h2>
  </div>

  <div class="jzy-route-grid">
    <div class="jzy-card jzy-step jzy-blue">
      <div class="jzy-step-num">1</div>
      <h3 class="jzy-card-title">整理个人海岛</h3>
      <p class="jzy-card-text">先熟悉海岛菜单、储物、建设与协作者管理，把个人据点稳定下来。</p>
    </div>
    <div class="jzy-card jzy-step jzy-green">
      <div class="jzy-step-num">2</div>
      <h3 class="jzy-card-title">前往璟城整备</h3>
      <p class="jzy-card-text">在璟城寻找商店、工坊、任务与传送入口，确认下一步探索方向。</p>
    </div>
    <div class="jzy-card jzy-step jzy-gold">
      <div class="jzy-step-num">3</div>
      <h3 class="jzy-card-title">选择区域探索</h3>
      <p class="jzy-card-text">根据目标前往矿区、钓鱼点、猎手区域、地下城或未来开放的主题岛屿。</p>
    </div>
    <div class="jzy-card jzy-step jzy-rose">
      <div class="jzy-step-num">4</div>
      <h3 class="jzy-card-title">回流成长系统</h3>
      <p class="jzy-card-text">把获得的资源用于装备、属性、技能、收集与海岛建设，形成长期成长循环。</p>
    </div>
  </div>

  <div class="jzy-divider"></div>

  <div class="jzy-glass">
    <b>维护建议：</b>如果后续新增岛屿，可以复制“岛屿图鉴”中的任意一张卡片，修改岛屿名、开放状态、介绍文字和图片地址即可。点位内容也可以继续按璟城点位卡片的格式追加。
  </div>
</div>
</html>