编辑“︁海岛大世界”︁

    1 <html>
    2 <style>
    3 /* ===== 江中缘 Wiki：海岛大世界页面 ===== */
    4 .mw-body{
    5   background:transparent!important;
    6   border-color:transparent!important;
    7   box-shadow:none!important;
    8   backdrop-filter:none!important;
    9   -webkit-backdrop-filter:none!important;
   10 }
   11 .jzy-world{
   12   max-width:min(1180px,calc(100vw - 560px));
   13   margin:0 auto;
   14   font-family:"Microsoft YaHei",Arial,sans-serif;
   15   color:#eef8fb;
   16 }
   17 .jzy-world *{
   18   box-sizing:border-box;
   19 }
   20 .jzy-world a{
   21   color:#98ecff!important;
   22   text-decoration:none!important;
   23 }
   24 .jzy-world a:hover{
   25   color:#fff4c7!important;
   26   text-decoration:none!important;
   27 }
   28 .jzy-anchor{
   29   display:block;
   30   scroll-margin-top:96px;
   31 }
   32 .jzy-hero{
   33   display:grid;
   34   grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);
   35   gap:18px;
   36   align-items:stretch;
   37   padding:30px;
   38   background:
   39     radial-gradient(circle at 12% 0%,rgba(120,216,240,.16),transparent 34%),
   40     radial-gradient(circle at 88% 8%,rgba(244,207,120,.18),transparent 30%),
   41     linear-gradient(135deg,rgba(4,31,49,.84),rgba(10,82,88,.72) 48%,rgba(35,83,53,.72));
   42   border:1px solid rgba(190,241,220,.24);
   43   border-radius:22px;
   44   box-shadow:0 16px 34px rgba(2,18,28,.26),inset 0 1px 0 rgba(255,255,255,.12);
   45   overflow:hidden;
   46 }
   47 .jzy-kicker{
   48   color:#fff4c7;
   49   font-size:14px;
   50   font-weight:900;
   51   letter-spacing:.08em;
   52 }
   53 .jzy-title-row{
   54   display:flex;
   55   align-items:center;
   56   gap:14px;
   57   margin:10px 0 12px;
   58 }
   59 .jzy-title-icon,
   60 .jzy-section-icon{
   61   flex:0 0 auto;
   62   display:grid;
   63   place-items:center;
   64   overflow:hidden;
   65   background:linear-gradient(180deg,rgba(78,206,185,.92),rgba(46,167,144,.92));
   66   border:2px solid rgba(190,255,235,.46);
   67   box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.24);
   68 }
   69 .jzy-title-icon{
   70   width:58px;
   71   height:58px;
   72   border-radius:16px;
   73   font-size:30px;
   74   font-weight:900;
   75   color:#fff;
   76 }
   77 .jzy-section-icon{
   78   width:42px;
   79   height:42px;
   80   border-radius:12px;
   81   font-size:22px;
   82   font-weight:900;
   83   color:#fff;
   84 }
   85 .jzy-title-icon img,
   86 .jzy-section-icon img,
   87 .jzy-card-icon img{
   88   width:100%;
   89   height:100%;
   90   object-fit:contain;
   91   display:block;
   92 }
   93 .jzy-title{
   94   margin:0;
   95   color:#fff;
   96   font-size:42px;
   97   font-weight:900;
   98   line-height:1.12;
   99   text-shadow:0 3px 10px rgba(0,0,0,.34);
  100 }
  101 .jzy-lead{
  102   max-width:820px;
  103   margin:0;
  104   color:#d6eee6;
  105   font-size:17px;
  106   line-height:1.9;
  107 }
  108 .jzy-hero-notes{
  109   display:grid;
  110   grid-template-columns:repeat(3,minmax(0,1fr));
  111   gap:10px;
  112   margin-top:18px;
  113 }
  114 .jzy-note{
  115   padding:12px;
  116   border-radius:14px;
  117   background:rgba(8,22,34,.26);
  118   border:1px solid rgba(126,204,218,.18);
  119   box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  120 }
  121 .jzy-note b{
  122   display:block;
  123   margin-bottom:4px;
  124   color:#fff4c7;
  125   font-size:15px;
  126 }
  127 .jzy-note span{
  128   display:block;
  129   color:rgba(238,248,251,.78);
  130   font-size:12px;
  131   line-height:1.5;
  132 }
  133 .jzy-image-slot{
  134   position:relative;
  135   min-height:100%;
  136   border-radius:18px;
  137   overflow:hidden;
  138   border:1px solid rgba(126,204,218,.24);
  139   background:
  140     linear-gradient(135deg,rgba(8,43,58,.50),rgba(10,46,31,.36)),
  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);
  143 }
  144 .jzy-image-slot::before{
  145   content:"";
  146   position:absolute;
  147   inset:0;
  148   background:
  149     radial-gradient(circle at 30% 20%,rgba(120,216,240,.16),transparent 30%),
  150     radial-gradient(circle at 74% 70%,rgba(244,207,120,.16),transparent 32%);
  151   pointer-events:none;
  152 }
  153 .jzy-image-slot span{
  154   position:absolute;
  155   inset:auto 18px 18px 18px;
  156   padding:10px 12px;
  157   border-radius:12px;
  158   color:#dffbff;
  159   font-size:13px;
  160   font-weight:900;
  161   text-align:center;
  162   background:rgba(4,24,36,.46);
  163   border:1px solid rgba(126,204,218,.20);
  164 }
  165 .jzy-image-slot img,
  166 .jzy-island-img{
  167   width:100%;
  168   height:100%;
  169   min-height:210px;
  170   object-fit:cover;
  171   display:block;
  172 }
  173 .jzy-divider{
  174   height:3px;
  175   margin:26px 0;
  176   border-radius:999px;
  177   background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78);
  178   box-shadow:0 0 16px rgba(120,216,240,.22);
  179 }
  180 .jzy-section-heading{
  181   display:flex;
  182   align-items:center;
  183   gap:12px;
  184   margin:0 0 14px;
  185 }
  186 .jzy-section-heading h2{
  187   margin:0!important;
  188   padding:0!important;
  189   border:0!important;
  190   color:#c7fff2!important;
  191   font-size:30px!important;
  192   font-weight:900!important;
  193   line-height:1.2!important;
  194   text-shadow:0 3px 10px rgba(0,0,0,.34)!important;
  195 }
  196 .jzy-section-heading h2::after{
  197   display:none!important;
  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>