编辑“︁集市”︁

__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-bazaar-shell,
.jzy-bazaar-shell *{
  box-sizing:border-box;
  font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
}
.jzy-bazaar-shell{
  max-width:min(1160px,calc(100vw - 560px));
  margin:0 auto;
  color:#f3fbff;
  font-size:18px;
  line-height:1.92;
  text-shadow:0 2px 5px rgba(1,18,28,.72);
}
.jzy-bazaar-hero,
.jzy-bazaar-panel,
.jzy-bazaar-card{
  border:1px solid rgba(153,228,235,.26);
  box-shadow:0 12px 28px rgba(1,18,28,.22),inset 0 1px 0 rgba(255,255,255,.10);
}
.jzy-bazaar-hero{
  padding:30px 32px;
  background:rgba(7,52,63,.70);
  border-radius:18px;
}
.jzy-bazaar-kicker{margin:0 0 6px;color:#fff1b7;font-size:15px;font-weight:900}
.jzy-bazaar-title{margin:0 0 12px;color:#fff;font-size:40px;line-height:1.2;font-weight:900;text-shadow:0 3px 10px rgba(1,18,28,.82)}
.jzy-bazaar-lead{max-width:none;margin:0;color:#e0f5f2;font-size:18px;line-height:1.95}
.jzy-bazaar-divider{height:3px;margin:24px 0;border-radius:999px;background:linear-gradient(90deg,#78d8f0,#5ab878,#f4cf78);box-shadow:0 0 14px rgba(120,216,240,.20)}
.jzy-bazaar-section{scroll-margin-top:96px}
.jzy-bazaar-section h2{margin:0 0 12px!important;color:#f5feff!important;font-size:29px!important;font-weight:900!important;line-height:1.32!important;border:0!important;text-shadow:0 3px 8px rgba(1,18,28,.78)!important}
.jzy-bazaar-panel{margin:16px 0;padding:22px 24px;background:rgba(7,56,69,.61);border-radius:16px}
.jzy-bazaar-panel p{margin:.35em 0}
.jzy-bazaar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jzy-bazaar-card{min-height:164px;padding:18px;color:#effcff;border-radius:14px}
.jzy-bazaar-card strong{display:block;margin-bottom:7px;color:#fff;font-size:19px;font-weight:900}
.jzy-bazaar-card p{margin:0;color:#e3f3f3;font-size:16px;line-height:1.75}
.jzy-bazaar-cyan{background:rgba(8,74,88,.62);border-bottom:3px solid #16c3d0}
.jzy-bazaar-green{background:rgba(18,70,42,.62);border-bottom:3px solid #5ab878}
.jzy-bazaar-gold{background:rgba(98,67,20,.59);border-bottom:3px solid #d4a848}
.jzy-bazaar-rose{background:rgba(80,26,48,.58);border-bottom:3px solid #d95b91}
.jzy-bazaar-note{margin:16px 0;padding:16px 19px;color:#eaf8f5;background:rgba(6,61,75,.63);border:1px solid rgba(120,216,240,.24);border-left:4px solid #78d8f0;border-radius:12px}
.jzy-bazaar-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jzy-bazaar-step{position:relative;min-height:150px;padding:18px 16px;background:rgba(7,52,63,.64);border:1px solid rgba(153,228,235,.24);border-radius:14px;box-shadow:0 10px 22px rgba(1,18,28,.16),inset 0 1px 0 rgba(255,255,255,.10)}
.jzy-bazaar-step b{display:block;margin-bottom:8px;color:#fff4c7;font-size:19px;font-weight:900}
.jzy-bazaar-step span{display:block;color:#edfaff;font-size:16px;line-height:1.75}
.jzy-bazaar-step-index{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:10px;color:#123f4c;font-size:15px;font-weight:900;text-shadow:none;background:#fff4c7;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.20)}
.jzy-bazaar-mode-tabs{display:flex;gap:0;margin:0 0 16px;overflow-x:auto;background:rgba(3,35,48,.68);border:1px solid rgba(120,216,240,.36);border-radius:12px}
.jzy-bazaar-mode-tab{flex:1 0 180px;padding:13px 20px;color:#d6eee6;font:inherit;font-size:17px;font-weight:900;line-height:1.25;cursor:pointer;background:transparent;border:0;border-right:1px solid rgba(120,216,240,.18);transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.jzy-bazaar-mode-tab:last-child{border-right:0}
.jzy-bazaar-mode-tab:hover{color:#fff4c7;background:rgba(120,216,240,.10)}
.jzy-bazaar-mode-tab.is-active{color:#fff;background:rgba(8,92,111,.70);box-shadow:inset 0 -3px 0 #78d8f0}
.jzy-bazaar-mode-pane{display:none}
.jzy-bazaar-mode-pane.is-active{display:block}
.jzy-bazaar-mode-pane h3{margin:0 0 8px;color:#fff4c7;font-size:21px;font-weight:900}
.jzy-bazaar-mode-pane p{margin:0;color:#e5f7f4}
.jzy-bazaar-list{margin:12px 0 0;padding-left:1.45em}
.jzy-bazaar-list li{margin:.42em 0}
.jzy-bazaar-table-wrap{overflow-x:auto;border:1px solid rgba(153,228,235,.25);border-radius:14px;box-shadow:0 10px 22px rgba(1,18,28,.16)}
.jzy-bazaar-table{width:100%;min-width:650px;table-layout:fixed;border-collapse:separate!important;border-spacing:0!important;background:rgba(5,45,58,.58)!important;color:#effcff!important}
.jzy-bazaar-table th,.jzy-bazaar-table td{padding:14px 16px!important;border-color:rgba(188,240,238,.13)!important;vertical-align:middle!important;line-height:1.58}
.jzy-bazaar-table th{color:#fff5c8!important;font-weight:900!important;text-align:left!important;background:rgba(4,40,52,.78)!important}
.jzy-bazaar-table td{background:rgba(255,255,255,.025)!important}
.jzy-bazaar-table tbody tr:nth-child(even) td{background:rgba(120,216,240,.055)!important}
.jzy-bazaar-table tbody tr:hover td{background:rgba(120,216,240,.12)!important}
.jzy-bazaar-table th:first-child,.jzy-bazaar-table td:first-child{width:25%;color:#fff!important;font-weight:900}
.jzy-bazaar-table th:nth-child(2),.jzy-bazaar-table td:nth-child(2){width:35%}
.jzy-bazaar-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jzy-side-toc{position:fixed;top:50%;right:64px;width:176px!important;padding:12px!important;transform:translateY(-50%)!important;z-index:60!important;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))!important;border:1px solid rgba(126,204,218,.24)!important;border-radius:16px!important;box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.11)!important;backdrop-filter:blur(4px) saturate(115%)!important;-webkit-backdrop-filter:blur(4px) saturate(115%)!important}
.jzy-side-toc-title{margin:0 0 10px!important;padding-bottom:8px!important;color:#fff4c7!important;font-size:16px!important;font-weight:900!important;line-height:normal!important;text-align:center!important;border-bottom:1px solid rgba(244,207,120,.28)!important}
.jzy-side-toc a{display:block;margin:5px 0!important;padding:7px 9px!important;color:#d6eee6!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important;text-shadow:0 1px 3px rgba(1,18,28,.66)!important;text-decoration:none!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:10px!important}
.jzy-side-toc a:hover{transform:translateX(-2px);color:#fff4c7!important;background:rgba(244,207,120,.13)!important;border-color:rgba(244,207,120,.30)!important}
@media(max-width:1480px){.jzy-bazaar-shell{max-width:calc(100vw - 500px)}.jzy-side-toc{right:52px}}
@media(max-width:1279px){.jzy-bazaar-shell{max-width:100%;margin:0}.jzy-side-toc{display:none}}
@media(max-width:900px){.jzy-bazaar-grid,.jzy-bazaar-steps,.jzy-bazaar-tip-grid{grid-template-columns:1fr}.jzy-bazaar-step{min-height:0}}
@media(max-width:760px){.jzy-bazaar-shell{font-size:16px}.jzy-bazaar-hero{padding:22px 18px}.jzy-bazaar-title{font-size:30px}.jzy-bazaar-lead{font-size:16px}.jzy-bazaar-panel{padding:18px 15px}.jzy-bazaar-section h2{font-size:25px!important}.jzy-bazaar-table{font-size:14px}.jzy-bazaar-table th,.jzy-bazaar-table td{padding:10px 8px!important}}
</style>

<aside class="jzy-side-toc" aria-label="集市页面导航">
  <div class="jzy-side-toc-title">集市导航</div>
  <a href="#bazaar-top">页面顶部</a>
  <a href="#bazaar-overview">交易概览</a>
  <a href="#bazaar-trade">两种交易方式</a>
  <a href="#bazaar-order">订单管理</a>
  <a href="#bazaar-guide">交易流程</a>
  <a href="#bazaar-tips">交易提示</a>
</aside>

<main class="jzy-bazaar-shell" id="bazaar-top">
  <header class="jzy-bazaar-hero">
    <p class="jzy-bazaar-kicker">江中缘 Wiki · 经济系统</p>
    <h1 class="jzy-bazaar-title">集市</h1>
    <p class="jzy-bazaar-lead">集市是玩家之间流通资源的交易场所。你可以按当前市场价格快速完成交易，也可以发布订单，等待其他玩家以你设定的价格成交。了解两种交易方式与订单状态，能够更清楚地安排资源出售和采购。</p>
  </header>

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

  <section class="jzy-bazaar-section" id="bazaar-overview">
    <h2>交易概览</h2>
    <div class="jzy-bazaar-grid">
      <article class="jzy-bazaar-card jzy-bazaar-cyan"><strong>市场撮合</strong><p>集市中的交易由玩家提交的买入与卖出需求撮合完成。价格和成交速度会随当前供需变化。</p></article>
      <article class="jzy-bazaar-card jzy-bazaar-green"><strong>资源流通</strong><p>将暂时不需要的可交易资源出售，或购入当前玩法所需的材料，让资源更有效地流转。</p></article>
      <article class="jzy-bazaar-card jzy-bazaar-gold"><strong>订单优先</strong><p>即时交易适合追求效率；订单交易更适合对价格、数量和成交时机有明确安排的情况。</p></article>
    </div>
    <div class="jzy-bazaar-note"><strong>提示：</strong>集市价格由市场供需决定。下单前请以游戏内界面显示的价格、数量与规则为准。</div>
  </section>

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

  <section class="jzy-bazaar-section" id="bazaar-trade">
    <h2>两种交易方式</h2>
    <div class="jzy-bazaar-panel">
      <div class="jzy-bazaar-mode-tabs" role="tablist" aria-label="集市交易方式">
        <button class="jzy-bazaar-mode-tab is-active" type="button" data-bazaar-mode="instant" role="tab" aria-selected="true">即时交易</button>
        <button class="jzy-bazaar-mode-tab" type="button" data-bazaar-mode="order" role="tab" aria-selected="false">发布订单</button>
      </div>
      <div class="jzy-bazaar-mode-pane is-active" data-bazaar-pane="instant" role="tabpanel">
        <h3>按当前市场报价快速成交</h3>
        <p>选择需要买入或卖出的物品并确认数量后，系统会按当前可用报价进行撮合。适合需要立即补充材料，或希望快速将资源换成货币的情况。</p>
        <ul class="jzy-bazaar-list"><li>成交快，操作步骤少。</li><li>最终成交结果会随当时市场报价变化。</li><li>确认前先核对物品、数量与预计结算信息。</li></ul>
      </div>
      <div class="jzy-bazaar-mode-pane" data-bazaar-pane="order" role="tabpanel">
        <h3>设定价格与数量，等待市场成交</h3>
        <p>创建买入订单或卖出订单后，系统会在有匹配交易时逐步成交。适合不急于完成交易、希望按目标价格进行资源采购或出售的情况。</p>
        <ul class="jzy-bazaar-list"><li>可按目标价格与目标数量安排交易。</li><li>成交速度取决于市场供需与同类订单的竞争情况。</li><li>订单创建后，应定期查看其进度与剩余数量。</li></ul>
      </div>
    </div>
  </section>

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

  <section class="jzy-bazaar-section" id="bazaar-order">
    <h2>订单管理</h2>
    <div class="jzy-bazaar-panel">
      <div class="jzy-bazaar-table-wrap">
        <table class="wikitable jzy-bazaar-table">
          <thead><tr><th>订单类型</th><th>适用场景</th><th>需要留意</th></tr></thead>
          <tbody>
            <tr><td>买入订单</td><td>希望以目标价格持续购入某种资源。</td><td>价格过低或需求不足时，订单可能需要更长时间才能完成。</td></tr>
            <tr><td>卖出订单</td><td>希望以目标价格分批出售手中的资源。</td><td>价格过高或供给较多时，订单可能不会立即成交。</td></tr>
            <tr><td>已成交部分</td><td>订单已经完成了一部分数量。</td><td>及时领取或确认结算结果，并根据剩余数量决定是否继续等待。</td></tr>
            <tr><td>未完成订单</td><td>仍在等待匹配交易。</td><td>市场变化较快时，可重新评估价格与数量是否仍符合当前计划。</td></tr>
          </tbody>
        </table>
      </div>
    </div>
  </section>

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

  <section class="jzy-bazaar-section" id="bazaar-guide">
    <h2>交易流程</h2>
    <div class="jzy-bazaar-steps">
      <article class="jzy-bazaar-step"><span class="jzy-bazaar-step-index">1</span><b>选择物品</b><span>在集市中找到准备买入或卖出的可交易资源。</span></article>
      <article class="jzy-bazaar-step"><span class="jzy-bazaar-step-index">2</span><b>查看行情</b><span>核对当前报价、可交易数量和订单状态，再决定采用哪种交易方式。</span></article>
      <article class="jzy-bazaar-step"><span class="jzy-bazaar-step-index">3</span><b>确认交易</b><span>填写或选择数量，确认物品、方向与预计结算信息后提交交易。</span></article>
      <article class="jzy-bazaar-step"><span class="jzy-bazaar-step-index">4</span><b>检查订单</b><span>即时交易完成后确认结果；订单交易则在订单界面持续查看成交进度。</span></article>
    </div>
  </section>

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

  <section class="jzy-bazaar-section" id="bazaar-tips">
    <h2>交易提示</h2>
    <div class="jzy-bazaar-tip-grid">
      <article class="jzy-bazaar-card jzy-bazaar-cyan"><strong>先看数量</strong><p>大额交易前先确认背包内的实际物品数量，避免将重要材料一并出售。</p></article>
      <article class="jzy-bazaar-card jzy-bazaar-green"><strong>关注订单</strong><p>订单不会保证立刻完成。需要材料时优先考虑时效，资源充足时再比较价格。</p></article>
      <article class="jzy-bazaar-card jzy-bazaar-rose"><strong>以界面为准</strong><p>市场价格、可交易物品和具体规则可能调整，请以游戏内集市界面的当前显示为准。</p></article>
    </div>
  </section>
</main>

<script>
(function () {
  document.querySelectorAll('.jzy-bazaar-mode-tab').forEach(function (tab) {
    tab.addEventListener('click', function () {
      var mode = tab.getAttribute('data-bazaar-mode');
      document.querySelectorAll('.jzy-bazaar-mode-tab').forEach(function (item) {
        var active = item === tab;
        item.classList.toggle('is-active', active);
        item.setAttribute('aria-selected', active ? 'true' : 'false');
      });
      document.querySelectorAll('.jzy-bazaar-mode-pane').forEach(function (pane) {
        pane.classList.toggle('is-active', pane.getAttribute('data-bazaar-pane') === mode);
      });
    });
  });

  function removeEditEntry() {
    document.querySelectorAll('#mw-data-after-content a, .mw-data-after-content a, .citizen-page-footer__info a, .citizen-page-footer .mw-footer-info a').forEach(function (link) {
      var label = (link.textContent || '').replace(/\s+/g, '');
      if (label.indexOf('编辑入口') !== -1 || label.indexOf('缂栬緫鍏ュ彛') !== -1) link.remove();
    });
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', removeEditEntry);
  else removeEditEntry();
})();
</script>
</html>