打开/关闭搜索
打开/关闭菜单
1706
4999
924
6.3万
RIA | Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

目前wiki关闭了自行注册账号的功能，如需注册账号，请查阅Help:注册账号。

用户:ChenM0M/fstpagetest：修订间差异

来自RIA | Wiki
更多操作
←上一编辑下一编辑→
ChenM0M​（留言 | 贡献）
63次编辑
可视化wikitext
ChenM0M​（留言 | 贡献）
63次编辑
无编辑摘要
ChenM0M​（留言 | 贡献）
63次编辑
无编辑摘要
第1行： 第1行：
__NOTOC__
__NOTOC__
<div class="tst">
<div class="fst">


<templatestyles src="fstpagetest_styles" />
<templatestyles src="Fstpagetest_styles" />


<!-- HERO -->
<!-- HERO -->
<div class="tst-hero" id="top">
<div class="fst-hero" id="top">
   <div class="tst-hero-left">
   <div class="fst-hero-left">
     <div class="tst-badge">CSS-only Showcase · MediaWiki TemplateStyles</div>
     <div class="fst-badge">RIA:Fst · Create 模组服门户（CSS-only）</div>
     <h1 class="tst-title">Test Portal</h1>
     <div class="fst-title">Fst Portal</div>
     <div class="tst-lead">
     <div class="fst-lead">
       这是一个“功能性主页 / 门户页”演示：只用 Wikitext + TemplateStyles，尝试各种有趣但可控的样式与伪交互。
       面向创作者的长期模组服务器企划，围绕 Create 展开建设、物流与叙事。<br />
      <b>Minecraft 1.20.1</b> · <b>Create 0.5.1</b>
     </div>
     </div>


     <div class="tst-kpi">
     <div class="fst-kpis">
       <div class="tst-kpi-item">
       <div class="fst-kpi">
         <div class="tst-kpi-num">8</div>
         <div class="fst-kpi-num">8+</div>
         <div class="tst-kpi-text">种 CSS-only 玩法</div>
         <div class="fst-kpi-text">CSS 玩法组件</div>
       </div>
       </div>
       <div class="tst-kpi-item">
       <div class="fst-kpi">
         <div class="tst-kpi-num">0</div>
         <div class="fst-kpi-num">0</div>
         <div class="tst-kpi-text">行 JS</div>
         <div class="fst-kpi-text">JS 依赖</div>
       </div>
       </div>
       <div class="tst-kpi-item">
       <div class="fst-kpi">
         <div class="tst-kpi-num">1</div>
         <div class="fst-kpi-num">100%</div>
         <div class="tst-kpi-text">层容器（克制）</div>
         <div class="fst-kpi-text">移动端可读</div>
       </div>
       </div>
     </div>
     </div>


     <div class="tst-nav">
     <div class="fst-nav">
       <a class="tst-navlink" href="#notice">翻牌公告</a>
       [[#notice|📰 公告墙]]
       <a class="tst-navlink" href="#tabs">Tabs 切换</a>
      [[#start|🌱 从这里开始]]
       <a class="tst-navlink" href="#faq">折叠/FAQ</a>
       [[#tabs|🧭 Eden / Laputa]]
       <a class="tst-navlink" href="#timeline">时间线</a>
       [[#faq|🧩 常见问题]]
       [[#timeline|🕰️ 时间线]]
      [[#links|⚡ 常用入口]]
     </div>
     </div>


     <div class="tst-muted">
     <div class="fst-hint">
       提示：移动端没有 hover，“翻牌”会退化为正面展示；核心信息不要只放在背面。
       提示：本站禁用表单类标签（input/checkbox/radio），所以交互主要用 <b>:hover</b> 与 <b>:target</b>（锚点切换）。
     </div>
     </div>
   </div>
   </div>


   <div class="tst-hero-right nomobile">
   <div class="fst-hero-right nomobile">
     [[File:Ria空岛片结尾图.png|class=tst-hero-image|frameless|alt=|460px]]
     [[File:Ria空岛片结尾图.png|class=fst-hero-image|frameless|alt=|460px]]
     <div class="tst-caption">示例图：可替换为 Eden/Laputa/车站/机械建筑截图</div>
     <div class="fst-caption">建议替换为 Eden/Laputa/铁路枢纽/大型机械建筑截图</div>
   </div>
   </div>
</div>
</div>




<!-- SECTION: Flip notice wall -->
<!-- SECTION: NOTICE WALL (hover reveal) -->
<div class="tst-section" id="notice">
<div class="fst-section" id="notice">
   <div class="tst-section-h">
   <div class="fst-section-h">
     <h2>翻牌公告墙</h2>
     <div class="fst-section-title">公告墙</div>
     <div class="tst-section-sub">hover 翻转 · 卡片轻光泽 · 适合公告/彩蛋</div>
     <div class="fst-section-sub">hover 展开详情 · 不依赖 3D/transform</div>
   </div>
   </div>


<div class="tst-revealwall">
  <div class="fst-cards">


  <div class="tst-reveal">
    <div class="fst-card fst-card-announce">
    <div class="tst-reveal-head">
      <div class="fst-card-top">
      <div class="tst-tag">公告</div>
        <span class="fst-tag">公告</span>
       <div class="tst-reveal-title">Eden 主城更新</div>
        <span class="fst-chip">Eden</span>
       <div class="tst-reveal-sub">车站新增换乘节点与指示牌</div>
      </div>
       <div class="fst-card-title">主城车站更新</div>
      <div class="fst-card-desc">新增换乘节点与指示牌</div>
       <div class="fst-card-more">
        主城东侧新增铁路换乘节点；邮局与仓储完成迁移。建议更新你的路标与站台指引。<br />
        [[RIA:Fst|👉 查看详情]]
      </div>
     </div>
     </div>
     <div class="tst-reveal-body">
 
       主城东侧新增铁路换乘节点；邮局与仓储完成迁移。建议更新你的路标与站台指引。<br />
     <div class="fst-card fst-card-event">
      [[RIA:Fst|👉 查看详情]]
      <div class="fst-card-top">
        <span class="fst-tag fst-tag-warn">活动</span>
        <span class="fst-chip">Laputa</span>
      </div>
      <div class="fst-card-title">工业线开通</div>
       <div class="fst-card-desc">新线路已接入货运站台</div>
      <div class="fst-card-more">
        新增工业区—主城货运联络线；请注意站台标识与装卸规范。<br />
        [[常见申请目录|👉 去申请]]
      </div>
     </div>
     </div>
  </div>


  <div class="tst-reveal">
    <div class="fst-card fst-card-tip">
    <div class="tst-reveal-head">
      <div class="fst-card-top">
      <div class="tst-tag tst-tag-warn">活动</div>
        <span class="fst-tag fst-tag-cool">提示</span>
       <div class="tst-reveal-title">Laputa 工业线开通</div>
        <span class="fst-chip">系统</span>
       <div class="tst-reveal-sub">新线路已接入货运站台</div>
      </div>
       <div class="fst-card-title">邮局 NPC 上新</div>
       <div class="fst-card-desc">明信片 / 包裹 / 货运说明</div>
      <div class="fst-card-more">
        明信片、包裹、货运规则已更新。新人建议先读：[[手册%26指南大全|手册与使用说明]]。
      </div>
     </div>
     </div>
     <div class="tst-reveal-body">
 
       新增工业区—主城货运联络线；请注意站台标识与装卸规范。<br />
     <div class="fst-card fst-card-egg">
       [[常见申请目录|👉 去申请]]
      <div class="fst-card-top">
        <span class="fst-tag">彩蛋</span>
        <span class="fst-chip">CSS</span>
      </div>
      <div class="fst-card-title">这是“伪交互”</div>
       <div class="fst-card-desc">但足够做门户感</div>
      <div class="fst-card-more">
        关键结论不要只藏在 hover 里。门户页只做“入口与最短路径”，长内容沉淀到条目页。
       </div>
     </div>
     </div>
   </div>
   </div>
</div>


   <div class="tst-reveal">
 
     <div class="tst-reveal-head">
<!-- SECTION: START -->
       <div class="tst-tag tst-tag-cool">提示</div>
<div class="fst-section" id="start">
       <div class="tst-reveal-title">邮局 NPC 上新</div>
   <div class="fst-section-h">
      <div class="tst-reveal-sub">明信片 / 包裹 / 货运说明</div>
    <div class="fst-section-title">从这里开始</div>
     <div class="fst-section-sub">结构化入口 · 去“条目页”而不是把全文堆在首页</div>
  </div>
 
  <div class="fst-list">
 
    <div class="fst-entry">
       <div class="fst-entry-ico">[[文件:Wiki_guide_book.png|frameless|alt=|64px]]</div>
       <div class="fst-entry-body">
        <div class="fst-entry-title">[[RIA:Fst/指南|新手指南]]</div>
        <div class="fst-entry-text">JEI、移动方式、基础资源、交通与邮政——从零到能玩得舒服。</div>
        <div class="fst-entry-go">[[RIA:Fst/指南|👉 打开指南]]</div>
      </div>
     </div>
     </div>
     <div class="tst-reveal-body">
 
      明信片、包裹、货运规则已更新。新人建议先读：[[手册%26指南大全|手册与使用说明]]。
     <div class="fst-entry">
      <div class="fst-entry-ico">[[文件:Wiki_compass.png|frameless|alt=|64px]]</div>
      <div class="fst-entry-body">
        <div class="fst-entry-title">[[手册%26指南大全|手册与说明]]</div>
        <div class="fst-entry-text">公共设施、服务器特性、服务流程与规范汇总。</div>
        <div class="fst-entry-go">[[手册%26指南大全|👉 查看手册]]</div>
      </div>
     </div>
     </div>
  </div>


  <div class="tst-reveal">
    <div class="fst-entry">
    <div class="tst-reveal-head">
      <div class="fst-entry-ico">[[文件:Wiki_bell.png|frameless|alt=|64px]]</div>
       <div class="tst-tag">彩蛋</div>
       <div class="fst-entry-body">
      <div class="tst-reveal-title">CSS-only 也能互动</div>
        <div class="fst-entry-title">[[共鸣系统|地标与共鸣]]</div>
      <div class="tst-reveal-sub">但要保证移动端可读</div>
        <div class="fst-entry-text">聚落建设完成后申请共鸣，接入主城与交通体系。</div>
    </div>
        <div class="fst-entry-go">[[共鸣系统|👉 了解共鸣]]</div>
    <div class="tst-reveal-body">
       </div>
       关键结论不要只藏在 hover 里。把“入口”和“最短路径”放在首屏，体验更像 wiki 首页。
     </div>
     </div>
   </div>
   </div>


  <div class="fst-callout">
    <b>写作建议：</b> 首页只给“入口”和“一句话说明”，不要把所有历史/流程全文复制过来。这样才会像 wiki 首页，而不是像广告落地页。
  </div>
</div>
</div>




 
<!-- SECTION: TABS via :target -->
<!-- SECTION: CSS Tabs -->
<div class="fst-section" id="tabs">
<div class="tst-section" id="tabs">
   <div class="fst-section-h">
   <div class="tst-section-h">
     <div class="fst-section-title">Eden / Laputa 切换</div>
     <h2>CSS-only Tabs</h2>
     <div class="fst-section-sub">纯锚点 :target tabs · 无 input/checkbox</div>
     <div class="tst-section-sub">radio 互斥切换 · 适合 Eden/Laputa/规则/指南</div>
   </div>
   </div>


   <div class="tst-tabs">
   <div class="fst-tabs">


     <!-- radios -->
     <!-- anchors for :target -->
     <input class="tst-tab-radio" type="radio" name="tsttab" id="tsttab-1" checked="checked" />
     <span id="fst-tab-eden" class="fst-anchor"></span>
     <input class="tst-tab-radio" type="radio" name="tsttab" id="tsttab-2" />
     <span id="fst-tab-laputa" class="fst-anchor"></span>
     <input class="tst-tab-radio" type="radio" name="tsttab" id="tsttab-3" />
     <span id="fst-tab-faq" class="fst-anchor"></span>


    <!-- labels -->
     <div class="fst-tabbar">
     <div class="tst-tabbar">
       [[#fst-tab-eden|Eden]]
       <label class="tst-tab" for="tsttab-1">Eden</label>
       [[#fst-tab-laputa|Laputa]]
       <label class="tst-tab" for="tsttab-2">Laputa</label>
       [[#fst-tab-faq|FAQ]]
       <label class="tst-tab" for="tsttab-3">FAQ</label>
     </div>
     </div>


    <!-- panels -->
     <div class="fst-panels">
     <div class="tst-panels">
       <div class="fst-panel fst-panel-eden fst-panel-default">
       <div class="tst-panel tst-panel-1">
         <div class="fst-panel-title">Eden · 主要世界</div>
         <div class="tst-panel-title">Eden · 主要世界</div>
         <div class="fst-panel-text">
         <div class="tst-panel-text">
           内容与活动更丰富，适合定居与叙事建设。<br />
           内容与活动更丰富，适合定居与叙事建设。<br />
           机械最高转速：<b>128</b>
           机械最高转速：<b>128</b>
         </div>
         </div>
         <div class="tst-pills">
         <div class="fst-pills">
           <span class="tst-pill">主城</span>
           <span class="fst-pill">主城</span>
           <span class="tst-pill">铁路枢纽</span>
           <span class="fst-pill">铁路枢纽</span>
           <span class="tst-pill">邮政服务</span>
           <span class="fst-pill">邮政服务</span>
           <span class="tst-pill">聚落共鸣</span>
           <span class="fst-pill">聚落共鸣</span>
         </div>
         </div>
         <div class="tst-panel-go">[[RIA:Fst|👉 了解 Eden]]</div>
         <div class="fst-panel-go">[[RIA:Fst|👉 了解 Eden]]</div>
       </div>
       </div>


       <div class="tst-panel tst-panel-2">
       <div class="fst-panel fst-panel-laputa">
         <div class="tst-panel-title">Laputa · 工业世界</div>
         <div class="fst-panel-title">Laputa · 工业世界</div>
         <div class="tst-panel-text">
         <div class="fst-panel-text">
           更偏工业与生产，继承旧存档更自由。<br />
           更偏工业与生产，继承旧存档更自由。<br />
           机械最高转速：<b>256</b>
           机械最高转速：<b>256</b>
         </div>
         </div>
         <div class="tst-pills">
         <div class="fst-pills">
           <span class="tst-pill">工业区</span>
           <span class="fst-pill">工业区</span>
           <span class="tst-pill">货运线</span>
           <span class="fst-pill">货运线</span>
           <span class="tst-pill">仓储</span>
           <span class="fst-pill">仓储</span>
           <span class="tst-pill">装卸规范</span>
           <span class="fst-pill">装卸规范</span>
         </div>
         </div>
         <div class="tst-panel-go">[[RIA:Fst|👉 了解 Laputa]]</div>
         <div class="fst-panel-go">[[RIA:Fst|👉 了解 Laputa]]</div>
       </div>
       </div>


       <div class="tst-panel tst-panel-3">
       <div class="fst-panel fst-panel-faq">
         <div class="tst-panel-title">FAQ · 常见问题</div>
         <div class="fst-panel-title">FAQ · 快速入口</div>
         <div class="tst-panel-text">
         <div class="fst-panel-text">
           这里用 Tabs 放“短答”，长内容请沉淀到条目页。<br />
           这里放“最短路径链接”，不要在首页写长文：<br />
           例如：背包互通？设施怎么用？共鸣怎么申请？
           [[RIA:Fst/指南|新手指南]] · [[手册%26指南大全|手册]] · [[共鸣系统|共鸣系统]] · [[常见申请目录|申请]]
         </div>
         </div>
         <div class="tst-panel-go">[[手册%26指南大全|👉 去手册页]]</div>
         <div class="fst-panel-go">[[#faq|👉 跳到常见问题]]</div>
       </div>
       </div>
     </div>
     </div>


    <div class="fst-tabs-note">
      小技巧：默认显示 Eden。点击其它 tab 后，会隐藏默认面板并显示目标面板（纯 :target）。
    </div>
   </div>
   </div>
</div>
</div>




<!-- SECTION: Accordion (checkbox) -->
<!-- SECTION: FAQ via :target accordion -->
<div class="tst-section" id="faq">
<div class="fst-section" id="faq">
   <div class="tst-section-h">
   <div class="fst-section-h">
     <h2>折叠/手风琴（CSS-only）</h2>
     <div class="fst-section-title">常见问题</div>
     <div class="tst-section-sub">checkbox 展开收起 · 适合规则说明/新手必读</div>
     <div class="fst-section-sub">纯锚点展开/收起（:target）· 每条都提供“收起”回到本区</div>
   </div>
   </div>


   <div class="tst-acc">
  <!-- anchors -->
  <span id="fst-faq-1" class="fst-anchor"></span>
  <span id="fst-faq-2" class="fst-anchor"></span>
  <span id="fst-faq-3" class="fst-anchor"></span>
 
   <div class="fst-acc">


     <div class="tst-acc-item">
     <div class="fst-acc-item fst-acc-1">
      <input class="tst-acc-check" type="checkbox" id="acc-1" />
       <div class="fst-acc-head">
       <label class="tst-acc-head" for="acc-1">
         <div class="fst-acc-q">[[#fst-faq-1|背包互通吗？]]</div>
         <span class="tst-acc-q">背包互通吗？</span>
         <div class="fst-acc-ctl">展开</div>
         <span class="tst-acc-ico">+</span>
       </div>
       </label>
       <div class="fst-acc-body">
       <div class="tst-acc-body">
         <div class="fst-mini">
         <div class="tst-callout">
           <b>短答：</b> Eden 与 Laputa 背包互通（细节以条目说明为准）。<br />
           <b>短答：</b> Eden 与 Laputa 背包互通（细节以条目说明为准）。<br />
           <span class="tst-tip" data-tip="移动端建议把“关键结论”放在展开前可见区域">为什么要这样写？</span>
           推荐入口：[[RIA:Fst/指南|新手指南]]
         </div>
         </div>
         建议把细节拆到条目页，并在此处给出“最短路径链接”。例如：[[RIA:Fst/指南|新手指南]]。
         [[#faq|↩ 收起]]
       </div>
       </div>
     </div>
     </div>


     <div class="tst-acc-item">
     <div class="fst-acc-item fst-acc-2">
      <input class="tst-acc-check" type="checkbox" id="acc-2" />
       <div class="fst-acc-head">
       <label class="tst-acc-head" for="acc-2">
         <div class="fst-acc-q">[[#fst-faq-2|公共设施怎么用？]]</div>
         <span class="tst-acc-q">公共设施怎么用？</span>
         <div class="fst-acc-ctl">展开</div>
         <span class="tst-acc-ico">+</span>
       </div>
       </label>
       <div class="fst-acc-body">
       <div class="tst-acc-body">
         <div class="fst-mini">
         <div class="tst-callout">
           门户页只放“入口与最低规范”。设施详情沉淀到条目页：<br />
           <b>建议：</b> 门户页只放入口与最短规范，详情放在设施条目。<br />
           [[功能和设施|功能和设施]] · [[手册%26指南大全|手册大全]]
           入口：[[功能和设施|功能和设施]] · [[手册%26指南大全|手册大全]]
         </div>
         </div>
         设施使用规范最好用“要点清单 + 违规示例”的结构写，阅读效率最高。
         [[#faq|↩ 收起]]
       </div>
       </div>
     </div>
     </div>


     <div class="tst-acc-item">
     <div class="fst-acc-item fst-acc-3">
      <input class="tst-acc-check" type="checkbox" id="acc-3" />
       <div class="fst-acc-head">
       <label class="tst-acc-head" for="acc-3">
         <div class="fst-acc-q">[[#fst-faq-3|如何申请共鸣/地标？]]</div>
         <span class="tst-acc-q">如何申请共鸣/地标？</span>
         <div class="fst-acc-ctl">展开</div>
         <span class="tst-acc-ico">+</span>
       </div>
       </label>
       <div class="fst-acc-body">
       <div class="tst-acc-body">
         <div class="fst-mini">
         <div class="tst-callout">
           入口：[[共鸣系统|共鸣系统]]（含地标列表与申请说明）。<br />
           <b>入口：</b> [[共鸣系统|共鸣系统]]（含地标列表与申请说明）。<br />
           首页只负责“告诉你去哪儿”，不要复制全文流程。
           <b>写法建议：</b> 主页只讲“你该去哪儿”，不要把流程全文搬过来。
         </div>
         </div>
        [[#faq|↩ 收起]]
       </div>
       </div>
     </div>
     </div>
第230行： 第285行：




<!-- SECTION: Timeline -->
<!-- SECTION: timeline -->
<div class="tst-section" id="timeline">
<div class="fst-section" id="timeline">
   <div class="tst-section-h">
   <div class="fst-section-h">
     <h2>时间线 / 结构化叙事</h2>
     <div class="fst-section-title">时间线 / 纪事</div>
     <div class="tst-section-sub">适合写“服务器发展脉络/版本纪事”</div>
     <div class="fst-section-sub">结构化叙事 · 适合写“版本/事件脉络”</div>
   </div>
   </div>


   <div class="tst-tl">
   <div class="fst-tl">
     <div class="tst-tl-item">
     <div class="fst-tl-item">
       <div class="tst-tl-dot"></div>
       <div class="fst-tl-dot"></div>
       <div class="tst-tl-body">
       <div class="fst-tl-body">
         <div class="tst-tl-time">2023/07/26</div>
         <div class="fst-tl-time">2023/07/26</div>
         <div class="tst-tl-title">Fst 公测开启</div>
         <div class="fst-tl-title">Fst 公测开启</div>
         <div class="tst-tl-text">围绕 Create 的模组服企划进入公开测试阶段。</div>
         <div class="fst-tl-text">围绕 Create 的模组服企划进入公开测试阶段。</div>
       </div>
       </div>
     </div>
     </div>


     <div class="tst-tl-item">
     <div class="fst-tl-item">
       <div class="tst-tl-dot"></div>
       <div class="fst-tl-dot"></div>
       <div class="tst-tl-body">
       <div class="fst-tl-body">
         <div class="tst-tl-time">（示例）2024</div>
         <div class="fst-tl-time">（示例）2024</div>
         <div class="tst-tl-title">交通与邮政体系成型</div>
         <div class="fst-tl-title">交通与邮政体系成型</div>
         <div class="tst-tl-text">铁路枢纽、邮局 NPC、包裹与货运规则逐步完善。</div>
         <div class="fst-tl-text">铁路枢纽、邮局 NPC、包裹与货运规则逐步完善。</div>
       </div>
       </div>
     </div>
     </div>


     <div class="tst-tl-item">
     <div class="fst-tl-item">
       <div class="tst-tl-dot"></div>
       <div class="fst-tl-dot"></div>
       <div class="tst-tl-body">
       <div class="fst-tl-body">
         <div class="tst-tl-time">（示例）2025</div>
         <div class="fst-tl-time">（示例）2025</div>
         <div class="tst-tl-title">世界分工更明确</div>
         <div class="fst-tl-title">世界分工更明确</div>
         <div class="tst-tl-text">Eden 偏叙事定居；Laputa 偏工业生产与物流。</div>
         <div class="fst-tl-text">Eden 偏叙事定居；Laputa 偏工业生产与物流。</div>
       </div>
       </div>
     </div>
     </div>
  </div>
</div>
<!-- SECTION: links -->
<div class="fst-section" id="links">
  <div class="fst-section-h">
    <div class="fst-section-title">常用入口</div>
    <div class="fst-section-sub">按钮式入口 · hover 强调</div>
  </div>
  <div class="fst-linkgrid">
    <div class="fst-link">[[RIA:Fst|📌 Fst 总览]]</div>
    <div class="fst-link">[[RIA:Fst/指南|🌱 新手指南]]</div>
    <div class="fst-link">[[共鸣系统|⛩️ 共鸣系统]]</div>
    <div class="fst-link">[[常见申请目录|📦 常见申请]]</div>
    <div class="fst-link">[[功能和设施|🛠️ 功能设施]]</div>
    <div class="fst-link">[[莉亚文化|🌈 文化活动]]</div>
    <div class="fst-link">[[Project:编辑规范|🧾 编辑规范]]</div>
    <div class="fst-link">[[特殊:最近更改|📊 最近更改]]</div>
   </div>
   </div>


   <div class="tst-footer">
   <div class="fst-footer">
     <div class="tst-footer-title">常用入口</div>
     <div class="fst-footer-h">参与编辑</div>
     <div class="tst-footer-links">
     <div class="fst-footer-c">
       [[RIA:Fst|📌 Fst 总览]] · [[RIA:Fst/指南|🌱 新手指南]] · [[共鸣系统|⛩️ 共鸣系统]] · [[常见申请目录|📦 常见申请]] · [[特殊:最近更改|📊 最近更改]]
       首页的最佳状态：<b>短、清晰、入口化</b>。内容沉淀到：[[RIA:Fst]] / [[RIA:Fst/指南]]。<br />
      排版帮助：[[帮助:Wikitext|帮助:Wikitext]]
     </div>
     </div>
   </div>
   </div>

2026年2月13日 (五) 22:44的版本

RIA:Fst · Create 模组服门户（CSS-only）
Fst Portal
     面向创作者的长期模组服务器企划，围绕 Create 展开建设、物流与叙事。

     Minecraft 1.20.1 · Create 0.5.1
8+
CSS 玩法组件
0
JS 依赖
100%
移动端可读
     📰 公告墙
     🌱 从这里开始
     🧭 Eden / Laputa
     🧩 常见问题
     🕰️ 时间线
     ⚡ 常用入口

     提示：本站禁用表单类标签（input/checkbox/radio），所以交互主要用 :hover 与 :target（锚点切换）。
建议替换为 Eden/Laputa/铁路枢纽/大型机械建筑截图


公告墙
hover 展开详情 · 不依赖 3D/transform
       公告
       Eden
主城车站更新
新增换乘节点与指示牌
       主城东侧新增铁路换乘节点；邮局与仓储完成迁移。建议更新你的路标与站台指引。

       👉 查看详情

       活动
       Laputa
工业线开通
新线路已接入货运站台
       新增工业区—主城货运联络线；请注意站台标识与装卸规范。

       👉 去申请

       提示
       系统
邮局 NPC 上新
明信片 / 包裹 / 货运说明
       明信片、包裹、货运规则已更新。新人建议先读：手册与使用说明。

       彩蛋
       CSS
这是“伪交互”
但足够做门户感
       关键结论不要只藏在 hover 里。门户页只做“入口与最短路径”，长内容沉淀到条目页。


从这里开始
结构化入口 · 去“条目页”而不是把全文堆在首页
新手指南
JEI、移动方式、基础资源、交通与邮政——从零到能玩得舒服。
👉 打开指南
手册与说明
公共设施、服务器特性、服务流程与规范汇总。
👉 查看手册
地标与共鸣
聚落建设完成后申请共鸣，接入主城与交通体系。
👉 了解共鸣
   写作建议： 首页只给“入口”和“一句话说明”，不要把所有历史/流程全文复制过来。这样才会像 wiki 首页，而不是像广告落地页。


Eden / Laputa 切换
纯锚点 :target tabs · 无 input/checkbox
   
   
   

     Eden
     Laputa
     FAQ
Eden · 主要世界
         内容与活动更丰富，适合定居与叙事建设。

         机械最高转速：128

         主城
         铁路枢纽
         邮政服务
         聚落共鸣
👉 了解 Eden
Laputa · 工业世界
         更偏工业与生产，继承旧存档更自由。

         机械最高转速：256

         工业区
         货运线
         仓储
         装卸规范
👉 了解 Laputa
FAQ · 快速入口
         这里放“最短路径链接”，不要在首页写长文：

         新手指南 · 手册 · 共鸣系统 · 申请
👉 跳到常见问题
     小技巧：默认显示 Eden。点击其它 tab 后，会隐藏默认面板并显示目标面板（纯 :target）。


常见问题
纯锚点展开/收起（:target）· 每条都提供“收起”回到本区
背包互通吗？
展开
         短答： Eden 与 Laputa 背包互通（细节以条目说明为准）。

         推荐入口：新手指南

       ↩ 收起
公共设施怎么用？
展开
         门户页只放“入口与最低规范”。设施详情沉淀到条目页：

         功能和设施 · 手册大全

       ↩ 收起
如何申请共鸣/地标？
展开
         入口：共鸣系统（含地标列表与申请说明）。

         首页只负责“告诉你去哪儿”，不要复制全文流程。

       ↩ 收起


时间线 / 纪事
结构化叙事 · 适合写“版本/事件脉络”
2023/07/26
Fst 公测开启
围绕 Create 的模组服企划进入公开测试阶段。
（示例）2024
交通与邮政体系成型
铁路枢纽、邮局 NPC、包裹与货运规则逐步完善。
（示例）2025
世界分工更明确
Eden 偏叙事定居；Laputa 偏工业生产与物流。


检索自“https://wiki.ria.red/index.php?title=用户:ChenM0M/fstpagetest&oldid=62241”
最后修改时间
此页面最后编辑于2026年2月13日 (星期五) 22:44。