打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

海岛大世界:修订间差异

来自江中缘
无编辑摘要
标签已被回退
无编辑摘要
标签已被回退
第1行: 第1行:
    1 <html>
> __NOTOC__
    2 <style>
  __NOEDITSECTION__
    3 /* ===== 江中缘 Wiki:海岛大世界页面 ===== */
 
    4 .mw-body{
  <html>
     background:transparent!important;
  <style>
     border-color:transparent!important;
  /* ===== 江中缘 Wiki:海岛大世界页面 ===== */
     box-shadow:none!important;
  .mw-body{
     backdrop-filter:none!important;
     background:transparent!important;
     -webkit-backdrop-filter:none!important;
     border-color:transparent!important;
  10 }
     box-shadow:none!important;
  11 .jzy-world{
     backdrop-filter:none!important;
  12  max-width:min(1180px,calc(100vw - 560px));
     -webkit-backdrop-filter:none!important;
  13  margin:0 auto;
  }
  14  font-family:"Microsoft YaHei",Arial,sans-serif;
  .jzy-world{
  15  color:#eef8fb;
    max-width:min(1180px,calc(100vw - 560px));
  16 }
    margin:0 auto;
  17 .jzy-world *{
    font-family:"Microsoft YaHei",Arial,sans-serif;
  18  box-sizing:border-box;
    color:#eef8fb;
  19 }
  }
  20 .jzy-world a{
  .jzy-world *{
  21  color:#98ecff!important;
    box-sizing:border-box;
  22  text-decoration:none!important;
  }
  23 }
  .jzy-world a{
  24 .jzy-world a:hover{
    color:#98ecff!important;
  25  color:#fff4c7!important;
    text-decoration:none!important;
  26  text-decoration:none!important;
  }
  27 }
  .jzy-world a:hover{
  28 .jzy-anchor{
    color:#fff4c7!important;
  29  display:block;
    text-decoration:none!important;
  30  scroll-margin-top:96px;
  }
  31 }
  .jzy-anchor{
  32 .jzy-hero{
    display:block;
  33  display:grid;
    scroll-margin-top:96px;
  34  grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);
  }
  35  gap:18px;
  .jzy-hero{
  36  align-items:stretch;
    display:grid;
  37  padding:30px;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);
  38  background:
    gap:18px;
  39    radial-gradient(circle at 12% 0%,rgba(120,216,240,.16),transparent 34%),
    align-items:stretch;
  40    radial-gradient(circle at 88% 8%,rgba(244,207,120,.18),transparent 30%),
    padding:30px;
  41    linear-gradient(135deg,rgba(4,31,49,.84),rgba(10,82,88,.72) 48%,rgba(35,83,53,.72));
    background:
  42  border:1px solid rgba(190,241,220,.24);
      radial-gradient(circle at 12% 0%,rgba(120,216,240,.16),transparent 34%),
  43  border-radius:22px;
      radial-gradient(circle at 88% 8%,rgba(244,207,120,.18),transparent 30%),
  44  box-shadow:0 16px 34px rgba(2,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12);
      linear-gradient(135deg,rgba(4,31,49,.84),rgba(10,82,88,.72) 48%,rgba(35,83,53,.72));
  45  overflow:hidden;
    border:1px solid rgba(190,241,220,.24);
  46 }
    border-radius:22px;
  47 .jzy-kicker{
    box-shadow:0 16px 34px rgba(2,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12);
  48  color:#fff4c7;
    overflow:hidden;
  49  font-size:14px;
  }
  50  font-weight:900;
  .jzy-kicker{
  51  letter-spacing:.08em;
    color:#fff4c7;
  52 }
    font-size:14px;
  53 .jzy-title-row{
    font-weight:900;
  54  display:flex;
    letter-spacing:.08em;
  55  align-items:center;
  }
  56  gap:14px;
  .jzy-title-row{
  57  margin:10px 0 12px;
    display:flex;
  58 }
    align-items:center;
  59 .jzy-title-icon,
    gap:14px;
  60 .jzy-section-icon{
    margin:10px 0 12px;
  61  flex:0 0 auto;
  }
  62  display:grid;
  .jzy-title-icon,
  63  place-items:center;
  .jzy-section-icon{
  64  overflow:hidden;
    flex:0 0 auto;
  65  background:linear-gradient(180deg,rgba(78,206,185,.92),rgba(46,167,144,.92));
    display:grid;
  66  border:2px solid rgba(190,255,235,.46);
    place-items:center;
  67  box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.24);
    overflow:hidden;
  68 }
    background:linear-gradient(180deg,rgba(78,206,185,.92),rgba(46,167,144,.92));
  69 .jzy-title-icon{
    border:2px solid rgba(190,255,235,.46);
  70  width:58px;
    box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.24);
  71  height:58px;
  }
  72  border-radius:16px;
  .jzy-title-icon{
  73  font-size:30px;
    width:58px;
  74  font-weight:900;
    height:58px;
  75  color:#fff;
    border-radius:16px;
  76 }
    font-size:30px;
  77 .jzy-section-icon{
    font-weight:900;
  78  width:42px;
    color:#fff;
  79  height:42px;
  }
  80  border-radius:12px;
  .jzy-section-icon{
  81  font-size:22px;
    width:42px;
  82  font-weight:900;
    height:42px;
  83  color:#fff;
    border-radius:12px;
  84 }
    font-size:22px;
  85 .jzy-title-icon img,
    font-weight:900;
  86 .jzy-section-icon img,
    color:#fff;
  87 .jzy-card-icon img{
  }
  88  width:100%;
  .jzy-title-icon img,
  89  height:100%;
  .jzy-section-icon img,
  90  object-fit:contain;
  .jzy-card-icon img{
  91  display:block;
    width:100%;
  92 }
    height:100%;
  93 .jzy-title{
    object-fit:contain;
  94  margin:0;
    display:block;
  95  color:#fff;
  }
  96  font-size:42px;
  .jzy-title{
  97  font-weight:900;
    margin:0;
  98  line-height:1.12;
    color:#fff;
  99  text-shadow:0 3px 10px rgba(0,0,0,.34);
    font-size:42px;
   100 }
    font-weight:900;
   101 .jzy-lead{
    line-height:1.12;
  102  max-width:820px;
    text-shadow:0 3px 10px rgba(0,0,0,.34);
  103  margin:0;
   }
  104  color:#d6eee6;
   .jzy-lead{
  105  font-size:17px;
    max-width:820px;
  106  line-height:1.9;
    margin:0;
   107 }
    color:#d6eee6;
   108 .jzy-hero-notes{
    font-size:17px;
  109  display:grid;
    line-height:1.9;
  110  grid-template-columns:repeat(3,minmax(0,1fr));
   }
  111  gap:10px;
   .jzy-hero-notes{
  112  margin-top:18px;
    display:grid;
   113 }
    grid-template-columns:repeat(3,minmax(0,1fr));
   114 .jzy-note{
    gap:10px;
  115  padding:12px;
    margin-top:18px;
  116  border-radius:14px;
   }
   117  background:rgba(8,22,34,.26);
   .jzy-note{
   118  border:1px solid rgba(126,204,218,.18);
    padding:12px;
  119  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    border-radius
  120 }
   ──── (728 lines hidden) ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
  121 .jzy-note b{
   y-point-icon">屋</div>
  122  display:block;
        <div><h3>畜牧岛小屋</h3><p>畜牧相关入口点,可作为畜牧岛路线中的补充说明。</p></div>
  123  margin-bottom:4px;
      </div>
  124  color:#fff4c7;
      <div class="jzy-card jzy-point-card jzy-violet">
  125  font-size:15px;
        <div class="jzy-point-icon">禅</div>
  126 }
        <div><h3>禅心碧潭</h3><p>山恋如墨、云雾轻绕,适合放入风景、休闲、钓鱼或观光类说明。</p></div>
  127 .jzy-note span{
      </div>
  128  display:block;
      <div class="jzy-card jzy-point-card jzy-rose">
  129  color:rgba(238,248,251,.78);
        <div class="jzy-point-icon">?</div>
  130  font-size:12px;
        <div><h3>未知区域</h3><p>当前暂未开放,后续可以在区域解锁后补充名称、入口、功能与截图。</p></div>
  131  line-height:1.5;
      </div>
  132 }
    </div>
  133 .jzy-image-slot{
 
  134  position:relative;
    <div class="jzy-divider"></div>
  135  min-height:100%;
 
  136  border-radius:18px;
     <span id="world-gallery" class="jzy-anchor"></span>
  137  overflow:hidden;
     <div class="jzy-section-heading">
  138  border:1px solid rgba(126,204,218,.24);
      <h2>地图图册</h2>
  139  background:
    </div>
  140     linear-gradient(135deg,rgba(8,43,58,.50),rgba(10,46,31,.36)),
    <p class="jzy-section-desc">
  141     repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 10px,transparent 10px,transparent 20px);
      这里预留给后续上传地图总览、岛屿实景或点位截图。建议优先放世界地图、璟城地图和地下城入口图,玩家会更容易理解路线。
  142  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
    </p>
  143 }
 
  144 .jzy-image-slot::before{
     <div class="jzy-gallery">
  145  content:"";
      <div class="jzy-image-slot">
  146  position:absolute;
        <!-- <img src="/images/你的图片路径/world-full-map.png" alt="海岛大世界总览图"> -->
  147  inset:0;
        <span>大地图 / 总览图</span>
  148  background:
      </div>
  149     radial-gradient(circle at 30% 20%,rgba(120,216,240,.16),transparent 30%),
      <div class="jzy-gallery-stack">
  150    radial-gradient(circle at 74% 70%,rgba(244,207,120,.16),transparent 32%);
        <div class="jzy-image-slot">
  151  pointer-events:none;
          <!-- <img src="/images/你的图片路径/jingcheng-point-map.png" alt="璟城点位图"> -->
  152 }
          <span>璟城点位图</span>
  153 .jzy-image-slot span{
        </div>
  154  position:absolute;
        <div class="jzy-image-slot">
  155  inset:auto 18px 18px 18px;
          <!-- <img src="/images/你的图片路径/dungeon-entry.png" alt="地下城入口图"> -->
  156  padding:10px 12px;
          <span>地下城入口图</span>
  157  border-radius:12px;
        </div>
  158  color:#dffbff;
      </div>
  159  font-size:13px;
    </div>
  160  font-weight:900;
 
  161  text-align:center;
    <div class="jzy-divider"></div>
  162  background:rgba(4,24,36,.46);
 
  163  border:1px solid rgba(126,204,218,.20);
    <span id="world-route" class="jzy-anchor"></span>
  164 }
    <div class="jzy-section-heading">
  165 .jzy-image-slot img,
      <h2>推荐探索路线</h2>
  166 .jzy-island-img{
    </div>
  167  width:100%;
 
  168  height:100%;
    <div class="jzy-route-grid">
  169  min-height:210px;
      <div class="jzy-card jzy-step jzy-blue">
  170  object-fit:cover;
        <div class="jzy-step-num">1</div>
  171  display:block;
        <h3 class="jzy-card-title">整理个人海岛</h3>
  172 }
        <p class="jzy-card-text">先熟悉海岛菜单、储物、建设与协作者管理,把个人据点稳定下来。</p>
  173 .jzy-divider{
      </div>
  174  height:3px;
      <div class="jzy-card jzy-step jzy-green">
  175  margin:26px 0;
        <div class="jzy-step-num">2</div>
  176  border-radius:999px;
        <h3 class="jzy-card-title">前往璟城整备</h3>
  177  background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78);
        <p class="jzy-card-text">在璟城寻找商店、工坊、任务与传送入口,确认下一步探索方向。</p>
  178  box-shadow:0 0 16px rgba(120,216,240,.22);
      </div>
  179 }
      <div class="jzy-card jzy-step jzy-gold">
  180 .jzy-section-heading{
        <div class="jzy-step-num">3</div>
  181  display:flex;
        <h3 class="jzy-card-title">选择区域探索</h3>
  182  align-items:center;
        <p class="jzy-card-text">根据目标前往矿区、钓鱼点、猎手区域、地下城或未来开放的主题岛屿。</p>
  183  gap:12px;
      </div>
  184  margin:0 0 14px;
      <div class="jzy-card jzy-step jzy-rose">
  185 }
        <div class="jzy-step-num">4</div>
  186 .jzy-section-heading h2{
        <h3 class="jzy-card-title">回流成长系统</h3>
  187  margin:0!important;
        <p class="jzy-card-text">把获得的资源用于装备、属性、技能、收集与海岛建设,形成长期成长循环。</p>
  188  padding:0!important;
      </div>
  189  border:0!important;
    </div>
  190  color:#c7fff2!important;
 
  191  font-size:30px!important;
    <div class="jzy-divider"></div>
  192  font-weight:900!important;
 
  193  line-height:1.2!important;
    <div class="jzy-glass">
  194  text-shadow:0 3px 10px rgba(0,0,0,.34)!important;
      <b>维护建议:</b>如果后续新增岛屿,可以复制“岛屿图鉴”中的任意一张卡片,修改岛屿名、开放状态、介绍文字和图片地址即可。点位内容也可以继续按璟城点位卡片的格式追加。
  195 }
    </div>
  196 .jzy-section-heading h2::after{
   </div>
  197  display:none!important;
   </html>
  198 }
  199 .jzy-section-desc{
  200  margin:0 0 16px;
  201  color:#e5f5f1;
  202  line-height:1.85;
  203  text-shadow:0 2px 6px rgba(0,0,0,.24);
  204 }
  205 .jzy-glass{
  206  margin:18px 0;
  207  padding:22px 24px;
  208  background:
  209    radial-gradient(circle at 10% 0%,rgba(120,216,240,.10),transparent 34%),
  210    linear-gradient(135deg,rgba(8,43,58,.44),rgba(10,46,31,.30));
  211  border:1px solid rgba(126,204,218,.22);
  212  border-radius:18px;
  213  box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);
  214  color:#eef8fb;
  215  line-height:1.86;
  216 }
  217 .jzy-grid-4,
  218 .jzy-grid-3,
  219 .jzy-island-grid,
  220 .jzy-point-grid,
  221 .jzy-route-grid{
  222  display:grid;
  223  gap:14px;
  224 }
  225 .jzy-grid-4{
  226  grid-template-columns:repeat(4,minmax(0,1fr));
  227 }
  228 .jzy-grid-3{
  229  grid-template-columns:repeat(3,minmax(0,1fr));
  230 }
  231 .jzy-island-grid{
  232  grid-template-columns:repeat(2,minmax(0,1fr));
  233 }
  234 .jzy-point-grid{
  235  grid-template-columns:repeat(2,minmax(0,1fr));
  236 }
  237 .jzy-route-grid{
  238  grid-template-columns:repeat(4,minmax(0,1fr));
  239 }
  240 .jzy-card{
  241  position:relative;
  242  overflow:hidden;
  243  padding:18px;
  244  border-radius:16px;
  245  background:rgba(8,43,58,.44);
  246  border:1px solid rgba(126,204,218,.20);
  247  box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);
  248 }
  249 .jzy-card::before{
  250  content:"";
  251  position:absolute;
  252  inset:0;
  253  background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 50%);
  254  pointer-events:none;
  255 }
  256 .jzy-card > *{
  257  position:relative;
  258 }
  259 .jzy-blue{background:rgba(8,74,88,.48);border-bottom:3px solid #16c3d0}
  260 .jzy-green{background:rgba(18,70,42,.48);border-bottom:3px solid #5ab878}
  261 .jzy-gold{background:rgba(98,67,20,.44);border-bottom:3px solid #d4a848}
  262 .jzy-rose{background:rgba(80,26,48,.44);border-bottom:3px solid #d95b91}
  263 .jzy-violet{background:rgba(42,30,80,.44);border-bottom:3px solid #8c78da}
  264 .jzy-card-title{
  265  margin:0 0 8px;
  266  color:#fff;
  267  font-size:18px;
  268  font-weight:900;
  269  line-height:1.35;
  270 }
  271 .jzy-card-text{
  272  margin:0;
  273  color:rgba(238,248,251,.82);
  274  font-size:14px;
  275  line-height:1.72;
  276 }
  277 .jzy-tag-row{
  278  display:flex;
  279  flex-wrap:wrap;
  280  gap:7px;
  281  margin:12px 0 0;
  282 }
  283 .jzy-tag{
  284  display:inline-flex;
  285  align-items:center;
  286  min-height:26px;
  287  padding:4px 9px;
  288  border-radius:999px;
  289  color:#dffbff;
  290  font-size:12px;
  291  font-weight:900;
  292  background:rgba(8,22,34,.34);
  293  border:1px solid rgba(126,204,218,.20);
  294 }
  295 .jzy-tag-open{
  296  color:#164554;
  297  background:linear-gradient(180deg,#c7fff2,#80e5e8);
  298 }
  299 .jzy-tag-locked{
  300  color:#4d3300;
  301  background:linear-gradient(180deg,#fff4c7,#f4cf78);
  302 }
  303 .jzy-island-card{
  304  display:grid;
  305  grid-template-columns:178px minmax(0,1fr);
  306  gap:16px;
  307  min-height:210px;
  308  padding:14px;
  309 }
  310 .jzy-island-media{
  311  position:relative;
  312  min-height:182px;
  313  border-radius:14px;
  314  overflow:hidden;
  315  background:
  316    linear-gradient(135deg,rgba(8,43,58,.54),rgba(10,46,31,.38)),
  317    repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 8px,transparent 8px,transparent 16px);
  318  border:1px solid rgba(126,204,218,.20);
  319 }
  320 .jzy-island-media span{
  321  position:absolute;
  322  left:12px;
  323  right:12px;
  324  bottom:12px;
  325  padding:8px 10px;
  326  border-radius:10px;
  327  color:#dffbff;
  328  font-size:12px;
  329  font-weight:900;
  330  text-align:center;
  331  background:rgba(4,24,36,.46);
  332  border:1px solid rgba(126,204,218,.20);
  333 }
  334 .jzy-island-body{
  335  align-self:center;
  336 }
  337 .jzy-island-top{
  338  display:flex;
  339  align-items:center;
  340  gap:12px;
  341  margin-bottom:8px;
  342 }
  343 .jzy-card-icon{
  344  flex:0 0 auto;
  345  display:grid;
  346  place-items:center;
  347  width:46px;
  348  height:46px;
  349  border-radius:13px;
  350  color:#fff;
  351  font-size:24px;
  352  font-weight:900;
  353  background:linear-gradient(180deg,rgba(78,206,185,.92),rgba(46,167,144,.92));
  354  border:2px solid rgba(190,255,235,.42);
  355  box-shadow:0 7px 15px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.22);
  356  overflow:hidden;
  357 }
  358 .jzy-island-title{
  359  margin:0;
  360  color:#fff;
  361  font-size:22px;
  362  font-weight:900;
  363  line-height:1.25;
  364  text-shadow:0 2px 8px rgba(0,0,0,.26);
  365 }
  366 .jzy-island-sub{
  367  margin:2px 0 0;
  368  color:#fff4c7;
  369  font-size:13px;
  370  font-weight:800;
  371 }
  372 .jzy-list{
  373  margin:10px 0 0;
  374  padding-left:0;
  375  list-style:none;
  376 }
  377 .jzy-list li{
  378  position:relative;
  379  margin:6px 0;
  380  padding-left:18px;
  381  color:rgba(238,248,251,.84);
  382  font-size:14px;
  383  line-height:1.62;
  384 }
  385 .jzy-list li::before{
  386  content:"";
  387  position:absolute;
  388  left:0;
  389  top:.68em;
  390  width:7px;
  391  height:7px;
  392  border-radius:50%;
  393  background:#78d8f0;
  394  box-shadow:0 0 8px rgba(120,216,240,.45);
  395 }
  396 .jzy-point-card{
  397  display:grid;
  398  grid-template-columns:44px minmax(0,1fr);
  399  gap:12px;
  400  align-items:start;
  401  padding:16px;
  402 }
  403 .jzy-point-icon{
  404  display:grid;
  405  place-items:center;
  406  width:44px;
  407  height:44px;
  408  border-radius:12px;
  409  color:#164554;
  410  font-size:18px;
  411  font-weight:900;
  412  background:linear-gradient(180deg,#fff4c7,#f4cf78);
  413  border:1px solid rgba(255,255,255,.26);
  414  box-shadow:0 7px 15px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.34);
  415  overflow:hidden;
  416 }
  417 .jzy-point-icon img{
  418  width:100%;
  419  height:100%;
  420  object-fit:contain;
  421  display:block;
  422 }
  423 .jzy-point-card h3{
  424  margin:0 0 6px!important;
  425  color:#c7fff2!important;
  426  font-size:17px!important;
  427  font-weight:900!important;
  428  line-height:1.3!important;
  429 }
  430 .jzy-point-card p{
  431  margin:0;
  432  color:rgba(238,248,251,.82);
  433  font-size:14px;
  434  line-height:1.66;
  435 }
  436 .jzy-gallery{
  437  display:grid;
  438  grid-template-columns:1.35fr .65fr;
  439  gap:14px;
  440 }
  441 .jzy-gallery .jzy-image-slot{
  442  min-height:250px;
  443 }
  444 .jzy-gallery-stack{
  445  display:grid;
  446  gap:14px;
  447 }
  448 .jzy-gallery-stack .jzy-image-slot{
  449  min-height:118px;
  450 }
  451 .jzy-step{
  452  padding:18px 16px;
  453 }
  454 .jzy-step-num{
  455  display:inline-grid;
  456  place-items:center;
  457  width:34px;
  458  height:34px;
  459  margin-bottom:10px;
  460  border-radius:11px;
  461  color:#164554;
  462  font-weight:900;
  463  background:linear-gradient(180deg,#fff4c7,#f4cf78);
  464  box-shadow:inset 0 1px 0 rgba(255,255,255,.34);
  465 }
  466 .jzy-side-toc{
  467  position:fixed;
  468  top:50%;
  469  right:64px;
  470  width:176px;
  471  padding:12px;
  472  background:
  473    radial-gradient(circle at 18% 0%,rgba(120,216,240,.14),transparent 36%),
  474    linear-gradient(145deg,rgba(8,43,58,.62),rgba(10,46,31,.46));
  475  border:1px solid rgba(126,204,218,.24);
  476  border-radius:16px;
  477  box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.11);
  478  z-index:60;
  479  backdrop-filter:blur(4px) saturate(115%);
  480  -webkit-backdrop-filter:blur(4px) saturate(115%);
  481  transform:translateY(-50%);
  482 }
  483 .jzy-side-toc-title{
  484  margin:0 0 10px;
  485  padding-bottom:8px;
  486  color:#fff4c7;
  487  font-size:15px;
  488  font-weight:900;
  489  text-align:center;
  490  border-bottom:1px solid rgba(244,207,120,.28);
  491 }
  492 .jzy-side-toc a{
  493  display:block;
  494  margin:5px 0;
  495  padding:7px 9px;
  496  border-radius:10px;
  497  color:#d6eee6!important;
  498  text-decoration:none!important;
  499  font-size:12px;
  500  font-weight:800;
  501  line-height:1.2;
  502  background:rgba(255,255,255,.045);
  503  border:1px solid rgba(255,255,255,.055);
  504 }
  505 .jzy-side-toc a:hover{
  506  color:#fff4c7!important;
  507  background:rgba(244,207,120,.13);
  508  border-color:rgba(244,207,120,.30);
  509 }
  510 @media(max-width:1480px){
  511  .jzy-world{max-width:calc(100vw - 500px)}
  512  .jzy-side-toc{right:52px}
  513  .jzy-island-card{grid-template-columns:150px minmax(0,1fr)}
  514 }
  515 @media(max-width:1279px){
  516  .jzy-world{max-width:100%;margin:0}
  517  .jzy-side-toc{display:none}
  518 }
  519 @media(max-width:900px){
  520  .jzy-hero,
  521  .jzy-island-card,
  522  .jzy-gallery{
  523    grid-template-columns:1fr;
  524  }
  525  .jzy-grid-4,
  526  .jzy-grid-3,
  527  .jzy-island-grid,
  528  .jzy-point-grid,
  529  .jzy-route-grid{
  530    grid-template-columns:1fr;
  531  }
  532  .jzy-hero-notes{
  533    grid-template-columns:1fr;
  534  }
  535  .jzy-title{font-size:34px}
  536  .jzy-image-slot img,
  537  .jzy-island-img{
  538    min-height:180px;
  539  }
  540 }
  541 @media(max-width:560px){
  542  .jzy-hero,
  543  .jzy-glass{
  544    padding:20px 16px;
  545    border-radius:16px;
  546  }
  547  .jzy-title-row{
  548    align-items:flex-start;
  549  }
  550  .jzy-title-icon{
  551    width:48px;
  552    height:48px;
  553    border-radius:14px;
  554    font-size:24px;
  555  }
  556  .jzy-title{font-size:30px}
  557  .jzy-section-heading h2{font-size:24px!important}
  558 }
  559 </style>
  560
  561 <div class="jzy-side-toc">
  562  <div class="jzy-side-toc-title">页面目录</div>
  563  <a href="#world-top">页面顶部</a>
  564  <a href="#world-overview">世界总览</a>
  565  <a href="#world-home">个人海岛</a>
  566  <a href="#world-islands">岛屿图鉴</a>
  567  <a href="#world-jingcheng">璟城主城</a>
  568  <a href="#world-points">璟城点位</a>
  569  <a href="#world-gallery">地图图册</a>
  570  <a href="#world-route">探索路线</a>
  571 </div>
  572
  573 <div class="jzy-world">
  574  <span id="world-top" class="jzy-anchor"></span>
  575
  576  <section class="jzy-hero">
  577    <div>
  578      <div class="jzy-kicker">江中缘 Wiki · 游戏资讯</div>
  579      <div class="jzy-title-row">
  580        <h1 class="jzy-title">海岛大世界</h1>
  581      </div>
  582      <p class="jzy-lead">
  583        海岛大世界是江中缘玩家探索、传送、成长与社交的主要舞台。玩家以个人海岛作为长期据点,从璟城完成整备与传送,再前往地下城和未来开放的主题岛屿,展开采集、战斗、交易、
      建设与冒险。
  584      </p>
  585      <div class="jzy-hero-notes">
  586        <div class="jzy-note"><b>个人据点</b><span>建造、装饰、种植、储物与协作者管理。</span></div>
  587        <div class="jzy-note"><b>主城枢纽</b><span>传送、工坊、商店、任务与社区系统集中地。</span></div>
  588        <div class="jzy-note"><b>探索区域</b><span>地下城挑战与后续岛屿内容会逐步扩展。</span></div>
  589      </div>
  590    </div>
  591    <div class="jzy-image-slot">
  592      <!-- 上传世界地图或海岛总览图后,可替换为:<img src="/images/你的图片路径/world-map.png" alt="海岛大世界地图"> -->
  593      <span>世界地图图片位置</span>
  594    </div>
  595  </section>
  596
  597  <div class="jzy-divider"></div>
  598
  599  <span id="world-overview" class="jzy-anchor"></span>
  600  <div class="jzy-section-heading">
  601    <h2>世界总览</h2>
  602  </div>
  603  <p class="jzy-section-desc">
  604    海岛大世界不是单一地图,而是由个人海岛、璟城主城、地下城以及多个主题岛屿组成的区域网络。不同岛屿承担不同功能,有的负责新手成长与经营,有的承担交易与工坊,有的则用于探
      索、战斗和资源获取。
  605  </p>
  606
  607  <div class="jzy-grid-4">
  608    <div class="jzy-card jzy-blue">
  609      <h3 class="jzy-card-title">海岛经营</h3>
  610      <p class="jzy-card-text">玩家从自己的海岛开始,逐步建设家园、整理资源,并把海岛打造成长期发展的据点。</p>
  611    </div>
  612    <div class="jzy-card jzy-green">
  613      <h3 class="jzy-card-title">主城交互</h3>
  614      <p class="jzy-card-text">璟城承担传送、商贸、工坊、任务与玩家交流功能,是大多数冒险开始前的准备区。</p>
  615    </div>
  616    <div class="jzy-card jzy-gold">
  617      <h3 class="jzy-card-title">区域探索</h3>
  618      <p class="jzy-card-text">地下城和主题岛屿会提供不同环境、怪物、资源与挑战内容,形成持续探索目标。</p>
  619    </div>
  620    <div class="jzy-card jzy-rose">
  621      <h3 class="jzy-card-title">成长循环</h3>
  622      <p class="jzy-card-text">采集资源、提升技能、强化装备、完成挑战,再把收益投入到海岛与角色成长中。</p>
  623    </div>
  624  </div>
  625
  626  <div class="jzy-divider"></div>
  627
  628  <span id="world-home" class="jzy-anchor"></span>
  629  <div class="jzy-section-heading">
  630    <h2>个人海岛</h2>
  631  </div>
  632  <div class="jzy-glass">
  633    个人海岛是玩家进入江中缘后的长期据点,也是新手最先接触的经营区域。玩家可以在这里建造建筑、摆放装饰、整理仓储、规划功能区,并通过海岛菜单管理自己的岛屿权限与协作者。
  634    <br><br>
  635    对刚进入蓬莱世界的玩家来说,个人海岛可以作为熟悉系统的起点:先完成基础引导,学习如何回到海岛、如何使用菜单、如何整理资源,再逐步前往璟城和其他区域扩展玩法。
  636  </div>
  637
  638  <div class="jzy-grid-3">
  639    <div class="jzy-card jzy-blue">
  640      <h3 class="jzy-card-title">建设与装饰</h3>
  641      <p class="jzy-card-text">规划房屋、道路、仓库、农田与展示区,让自己的海岛逐渐形成独特风格。</p>
  642    </div>
  643    <div class="jzy-card jzy-green">
  644      <h3 class="jzy-card-title">资源整理</h3>
  645      <p class="jzy-card-text">把采集、战斗、任务获得的物品集中存放,方便后续合成、交易和升级使用。</p>
  646    </div>
  647    <div class="jzy-card jzy-gold">
  648      <h3 class="jzy-card-title">协作管理</h3>
  649      <p class="jzy-card-text">可以邀请信任的玩家一起建设,但建议先确认权限,避免误操作造成损失。</p>
  650    </div>
  651  </div>
  652
  653  <div class="jzy-divider"></div>
  654
  655  <span id="world-islands" class="jzy-anchor"></span>
  656  <div class="jzy-section-heading">
  657    <h2>岛屿图鉴</h2>
  658  </div>
  659  <p class="jzy-section-desc">
  660    下方预留了每座岛屿的图片位置。后续如果你有岛屿截图、地图缩略图或专属图标,可以直接替换对应图片区域,让玩家更直观地认识每个区域。
  661  </p>
  662
  663  <div class="jzy-island-grid">
  664    <article class="jzy-card jzy-island-card jzy-blue">
  665      <div class="jzy-island-media">
  666        <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="个人海岛">
  667      </div>
  668      <div class="jzy-island-body">
  669        <div class="jzy-island-top">
  670          <div>
  671            <h3 class="jzy-island-title">个人海岛</h3>
  672            <p class="jzy-island-sub">新手起点 · 长期据点</p>
  673          </div>
  674        </div>
  675        <p class="jzy-card-text">适合建造家园、整理资源、布置装饰、规划农田与邀请协作者。</p>
  676        <div class="jzy-tag-row"><span class="jzy-tag jzy-tag-open">已开放</span><span class="jzy-tag">经营</span><span class="jzy-tag">建设</span></div>
  677      </div>
  678    </article>
  679
  680    <article class="jzy-card jzy-island-card jzy-green">
  681      <div class="jzy-island-media">
  682        <img class="jzy-island-img" src="https://wiki.mcjzy.net/images/0/0b/%E7%92%9F%E5%9F%8E.png?20260722052825" alt="璟城">
  683      </div>
  684      <div class="jzy-island-body">
  685        <div class="jzy-island-top">
  686          <div>
  687            <h3 class="jzy-island-title">璟城</h3>
  688            <p class="jzy-island-sub">主城枢纽 · 旅程起点</p>
  689          </div>
  690        </div>
  691        <p class="jzy-card-text">群岛世界的起点,也是传送、商业、工坊、社区系统与玩家交汇的核心区域。</p>
  692        <div class="jzy-tag-row"><span class="jzy-tag jzy-tag-open">已开放</span><span class="jzy-tag">主城</span><span class="jzy-tag">传送</span></div>
  693      </div>
  694    </article>
  695
  696    <article class="jzy-card jzy-island-card jzy-violet">
  697      <div class="jzy-island-media">
  698        <img class="jzy-island-img" src="https://wiki.mcjzy.net/images/5/52/%E5%9C%B0%E4%B8%8B%E5%9F%8E%E5%9B%BE%E6%A0%87.png?20260722052657" alt="地下城">
  699      </div>
  700      <div class="jzy-island-body">
  701        <div class="jzy-island-top">
  702          <div>
  703            <h3 class="jzy-island-title">地下城</h3>
  704            <p class="jzy-island-sub">副本挑战 · 隐藏房间</p>
  705          </div>
  706        </div>
  707        <p class="jzy-card-text">踏入神秘地下城,探索错综复杂的区域与隐藏房间,迎战守卫与首领,收集珍稀战利品。</p>
  708        <div class="jzy-tag-row"><span class="jzy-tag jzy-tag-open">挑战区域</span><span class="jzy-tag">战斗</span><span class="jzy-tag">奖励</span></div>
  709      </div>
  710    </article>
  711
  712    <article class="jzy-card jzy-island-card jzy-gold">
  713      <div class="jzy-island-media">
  714        <img class="jzy-island-img" src="https://wiki.mcjzy.net/images/9/97/%E9%87%91%E6%B2%99%E5%B2%9B.png?20260722052759" alt="金沙岛">
  715      </div>
  716      <div class="jzy-island-body">
  717        <div class="jzy-island-top">
  718          <div>
  719            <h3 class="jzy-island-title">金沙岛</h3>
  720            <p class="jzy-island-sub">沙漠主题 · 待开放区域</p>
  721          </div>
  722        </div>
  723        <p class="jzy-card-text">以沙漠、遗迹和炎热环境为主要印象,后续可作为宝藏、矿产或商贸探险岛屿展示。</p>
  724        <div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">遗迹</span><span class="jzy-tag">探索</span></div>
  725      </div>
  726    </article>
  727
  728    <article class="jzy-card jzy-island-card jzy-blue">
  729      <div class="jzy-island-media">
  730        <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="冰川岛">
  731      </div>
  732      <div class="jzy-island-body">
  733        <div class="jzy-island-top">
  734          <div>
  735            <h3 class="jzy-island-title">冰川岛</h3>
  736            <p class="jzy-island-sub">寒地主题 · 待开放区域</p>
  737          </div>
  738        </div>
  739        <p class="jzy-card-text">冰雪环境下的未来探索区域,可用于展示寒地资源、特殊怪物和高阶冒险内容。</p>
  740        <div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">冰雪</span><span class="jzy-tag">资源</span></div>
  741      </div>
  742    </article>
  743
  744    <article class="jzy-card jzy-island-card jzy-green">
  745      <div class="jzy-island-media">
  746        <img class="jzy-island-img" src="https://wiki.mcjzy.net/images/1/19/%E8%8B%8D%E7%99%BD%E6%A3%AE%E6%9E%97%E5%B2%9B.png?20260722052534" alt="苍白森林岛">
  747      </div>
  748      <div class="jzy-island-body">
  749        <div class="jzy-island-top">
  750          <div>
  751            <h3 class="jzy-island-title">苍白森林岛</h3>
  752            <p class="jzy-island-sub">森林主题 · 待开放区域</p>
  753          </div>
  754        </div>
  755        <p class="jzy-card-text">神秘森林风格的未来区域,可承载森林资源、怪物探索、隐藏任务与冒险路线。</p>
  756        <div class="jzy-tag-row"><span class="jzy-tag jzy-tag-locked">未解锁</span><span class="jzy-tag">森林</span><span class="jzy-tag">冒险</span></div>
  757      </div>
  758    </article>
  759  </div>
  760
  761  <div class="jzy-divider"></div>
  762
  763  <span id="world-jingcheng" class="jzy-anchor"></span>
  764  <div class="jzy-section-heading">
  765    <h2>璟城主城</h2>
  766  </div>
  767  <div class="jzy-glass">
  768    璟城是群岛世界的起点,也是秩序与繁华的交汇之地。在这里,玩家可以规划旅程、选择方向、进行传送、接触工坊与商业系统。大多数冒险在出发前,都可以先回到璟城完成补给与准备。
  769  </div>
  770
  771  <div class="jzy-grid-4">
  772    <div class="jzy-card jzy-blue">
  773      <h3 class="jzy-card-title">传送与路线</h3>
  774      <p class="jzy-card-text">通过传送石前往不同区域,是玩家进入岛屿与点位的主要方式。</p>
  775    </div>
  776    <div class="jzy-card jzy-green">
  777      <h3 class="jzy-card-title">商业与工坊</h3>
  778      <p class="jzy-card-text">方块中心、茶韵轩、裁缝工坊、饰品工坊、匠心工坊等点位集中在这里。</p>
  779    </div>
  780    <div class="jzy-card jzy-gold">
  781      <h3 class="jzy-card-title">社区与交流</h3>
  782      <p class="jzy-card-text">社区枢纽人流集中,适合认识玩家、寻找伙伴或了解服务器内容。</p>
  783    </div>
  784    <div class="jzy-card jzy-rose">
  785      <h3 class="jzy-card-title">资源与支线</h3>
  786      <p class="jzy-card-text">矿区、钓鱼点、猎手相关区域和生活设施都能从璟城延伸出去。</p>
  787    </div>
  788  </div>
  789
  790  <div class="jzy-divider"></div>
  791
  792  <span id="world-points" class="jzy-anchor"></span>
  793  <div class="jzy-section-heading">
  794    <h2>璟城点位</h2>
  795  </div>
  796  <p class="jzy-section-desc">
  797    这些点位来自璟城内的传送与区域介绍。后续如果有每个点位的截图,可以将小图标或截图补到对应卡片里。
  798  </p>
  799
  800  <div class="jzy-point-grid">
  801    <div class="jzy-card jzy-point-card jzy-blue">
  802      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/7/75/%E8%93%9D%E6%B9%BE%E9%85%92%E5%90%A7.png/120px-%E8%93%9D%E6%B9%BE%E9%85%92%E5%90%A7.p
      ng?20260722053214" alt="蓝湾酒吧"></div>
  803      <div><h3>蓝湾酒吧</h3><p>老叔卖酒的地方,也可能提供带有特殊效果的饮品。适合作为休闲与补给类点位记录。</p></div>
  804    </div>
  805    <div class="jzy-card jzy-point-card jzy-rose">
  806      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/8/8b/%E8%9C%98%E8%9B%9B%E5%B2%9B.png/120px-%E8%9C%98%E8%9B%9B%E5%B2%9B.png?20260722053407"
      alt="蜘蛛岛"></div>
  807      <div><h3>蜘蛛岛</h3><p>较危险的战斗区域,奖励也更丰厚。与猎手小屋相关,适合放入怪物、掉落与猎手玩法说明。</p></div>
  808    </div>
  809    <div class="jzy-card jzy-point-card jzy-gold">
  810      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/a/a5/%E8%A1%A8%E5%B1%82%E7%9F%BF%E5%8C%BA.png?20260722052854" alt="表层矿区"></div>
  811      <div><h3>表层矿区</h3><p>包含表层、上层、中层、下层矿区。矿石种类较多,也需要注意区域内的怪物。</p></div>
  812    </div>
  813    <div class="jzy-card jzy-point-card jzy-green">
  814      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/6/6a/%E8%AE%AE%E4%BA%8B%E5%A4%A7%E7%A4%BC%E5%A0%82.png/120px-%E8%AE%AE%E4%BA%8B%E5%A4%A7%E
      7%A4%BC%E5%A0%82.png?20260722053329" alt="议事大礼堂"></div>
  815      <div><h3>议事大礼堂</h3><p>繁华核心区域,与风尚小馆、方块中心、茶韵轩相关,适合购买和了解多类日常物品。</p></div>
  816    </div>
  817    <div class="jzy-card jzy-point-card jzy-blue">
  818      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/6/6e/%E7%A4%BE%E5%8C%BA%E6%9E%A2%E7%BA%BD.png/120px-%E7%A4%BE%E5%8C%BA%E6%9E%A2%E7%BA%BD.p
      ng?20260722053239" alt="社区枢纽"></div>
  819      <div><h3>社区枢纽</h3><p>系统与工坊集中地,关联博物馆、日新集市、战果交易间、多个工坊与环球市集。</p></div>
  820    </div>
  821    <div class="jzy-card jzy-point-card jzy-green">
  822      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/a/aa/%E7%9F%BF%E5%B1%B1%E9%9D%99%E6%B1%A0.png/120px-%E7%9F%BF%E5%B1%B1%E9%9D%99%E6%B1%A0.p
      ng?20260722053148" alt="矿山静池"></div>
  823      <div><h3>矿山静池</h3><p>位于南境岛中央,环境安静,适合垂钓与短暂停留,也可关联中华小食府。</p></div>
  824    </div>
  825    <div class="jzy-card jzy-point-card jzy-rose">
  826      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/9/97/%E8%8A%B1%E5%8D%89%E5%B0%8F%E5%B1%8B.png/120px-%E8%8A%B1%E5%8D%89%E5%B0%8F%E5%B1%8B.p
      ng?20260722053119" alt="花卉小屋"></div>
  827      <div><h3>花卉小屋</h3><p>出售各类装饰物,可用于装饰领地。与茶韵轩、方块中心形成生活装饰路线。</p></div>
  828    </div>
  829    <div class="jzy-card jzy-point-card jzy-blue">
  830      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/9/90/%E5%9E%82%E9%92%93%E5%B0%8F%E5%B1%8B.png/120px-%E5%9E%82%E9%92%93%E5%B0%8F%E5%B1%8B.p
      ng?20260722053055" alt="垂钓小屋"></div>
  831      <div><h3>垂钓小屋</h3><p>鱼类资源丰富,适合钓鱼玩家前往。可关联家具天地与烹饪工坊。</p></div>
  832    </div>
  833    <div class="jzy-card jzy-point-card jzy-green">
  834      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/f/f6/%E7%95%9C%E7%89%A7%E5%B2%9B.png/120px-%E7%95%9C%E7%89%A7%E5%B2%9B.png?20260722052947"
      alt="畜牧岛"></div>
  835      <div><h3>畜牧岛</h3><p>动物较多,也可能产出畜牧相关资源。适合记录动物、材料与生活玩法内容。</p></div>
  836    </div>
  837    <div class="jzy-card jzy-point-card jzy-gold">
  838      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/f/f8/%E7%95%9C%E7%89%A7%E5%B2%9B%E5%B0%8F%E5%B1%8B.png/120px-%E7%95%9C%E7%89%A7%E5%B2%9B%E
      5%B0%8F%E5%B1%8B.png?20260722053017" alt="畜牧岛小屋"></div>
  839      <div><h3>畜牧岛小屋</h3><p>畜牧相关入口点,可作为畜牧岛路线中的补充说明。</p></div>
  840    </div>
  841    <div class="jzy-card jzy-point-card jzy-violet">
  842      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/1/1c/%E7%A6%85%E5%BF%83%E7%A2%A7%E6%BD%AD.png/120px-%E7%A6%85%E5%BF%83%E7%A2%A7%E6%BD%AD.p
      ng?20260722052917" alt="禅心碧潭"></div>
  843      <div><h3>禅心碧潭</h3><p>山恋如墨、云雾轻绕,适合放入风景、休闲、钓鱼或观光类说明。</p></div>
  844    </div>
  845    <div class="jzy-card jzy-point-card jzy-rose">
  846      <div class="jzy-point-icon"><img src="https://wiki.mcjzy.net/images/thumb/f/f1/%E6%9C%AA%E7%9F%A5%E5%8C%BA%E5%9F%9F.png/120px-%E6%9C%AA%E7%9F%A5%E5%8C%BA%E5%9F%9F.p
      ng?20260722053304" alt="未知区域"></div>
  847      <div><h3>未知区域</h3><p>当前暂未开放,后续可以在区域解锁后补充名称、入口、功能与截图。</p></div>
  848    </div>
  849  </div>
  850
  851  <div class="jzy-divider"></div>
  852
  853  <span id="world-gallery" class="jzy-anchor"></span>
  854  <div class="jzy-section-heading">
  855    <h2>地图图册</h2>
  856  </div>
  857  <p class="jzy-section-desc">
  858    这里预留给后续上传地图总览、岛屿实景或点位截图。建议优先放世界地图、璟城地图和地下城入口图,玩家会更容易理解路线。
  859  </p>
  860
  861  <div class="jzy-gallery">
  862    <div class="jzy-image-slot">
  863      <!-- <img src="/images/你的图片路径/world-full-map.png" alt="海岛大世界总览图"> -->
  864      <span>大地图 / 总览图</span>
  865    </div>
  866    <div class="jzy-gallery-stack">
  867      <div class="jzy-image-slot">
  868        <!-- <img src="/images/你的图片路径/jingcheng-point-map.png" alt="璟城点位图"> -->
  869        <span>璟城点位图</span>
  870      </div>
  871      <div class="jzy-image-slot">
  872        <!-- <img src="/images/你的图片路径/dungeon-entry.png" alt="地下城入口图"> -->
  873        <span>地下城入口图</span>
  874      </div>
   873        <span>地下城入口图</span>
   874      </div>

2026年7月22日 (三) 10:20的版本

>