<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>JEWEL MONSTER · 把你的一句话，做成能戴的珠宝</title>
<meta name="description" content="JEWEL MONSTER — 用一句话描述想法，即时给出珠宝设计方案、结构与报价，并由甄选匠人工坊匠造交付。玉石·彩宝·钻石·首饰，皆可定制。" />
<meta name="theme-color" content="#f8f5ea" />
<link rel="manifest" href="./manifest.json" />
<link rel="icon" type="image/png" sizes="32x32" href="./assets/icons/favicon-32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./assets/icons/favicon-16.png" />
<link rel="apple-touch-icon" href="./assets/icons/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="JEWEL MON" />
<script src="./assets/sw-register.js?v=1" defer></script>
<script src="./assets/install.js?v=1" defer></script>
<link rel="stylesheet" href="./assets/index-arcade.css?v=12" />
<link rel="stylesheet" href="./assets/piece-sheet.css?v=2" />
<link rel="stylesheet" href="./assets/pages.css?v=4" />
</head>
<body>
<header class="topbar">
  <div class="wrap">
    <a href="./index.html" class="logo" data-logo-trigger data-logo-full="assets/logo-jm-full.jpg" data-logo-alt="JEWEL MONSTER LOGO" aria-label="JEWEL MONSTER LOGO（点击查看原图）">
      <img src="assets/logo-jm.jpg" alt="JEWEL MONSTER" />
      <span class="brand-text">琢物<small>JEWEL<br>MONSTER</small></span>
    </a>
    <nav class="nav">
      <a href="./shop.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.5 9.5h17V20a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1V9.5Z"/><path d="M3 9.5 5.2 4h13.6L21 9.5"/><path d="M8.5 21v-5.5h7V21"/></svg><span data-i18n="nav.p.shop">现货</span></a>
      <a href="./market.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 3.5H20v9l-9.2 9.2a1.6 1.6 0 0 1-2.3 0l-6.7-6.7a1.6 1.6 0 0 1 0-2.3L11 3.5Z"/><circle cx="16.2" cy="7.8" r="1.4"/></svg><span data-i18n="nav.p.market">商城</span></a>
      <a href="./collections.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 3h10l4 5.5L12 21 3 8.5 7 3Z"/><path d="M3 8.5h18M9.5 3 7 8.5 12 21l5-12.5L14.5 3"/></svg><span data-i18n="nav.p.collections">品类</span></a>
      <a href="./gifts.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.5 10.5h17V20a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-9.5Z"/><path d="M2.5 7h19v3.5h-19z"/><path d="M12 7v14M12 7S10.6 3 8.4 3a2.2 2.2 0 0 0 0 4.4M12 7s1.4-4 3.6-4a2.2 2.2 0 0 1 0 4.4"/></svg><span data-i18n="nav.p.gifts">礼物</span></a>
      <a href="./makers.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.8 3.2 21 9.4l-2.6 2.6-6.2-6.2 2.6-2.6Z"/><path d="M11.2 7.6 4.6 14.2a1.8 1.8 0 0 0 0 2.6l2.6 2.6a1.8 1.8 0 0 0 2.6 0l6.6-6.6"/></svg><span data-i18n="nav.p.makers">匠人工坊</span></a>
      <a href="./business.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="7.5" width="18" height="12.5" rx="2.2"/><path d="M8.5 7.5V6a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v1.5"/><path d="M3 12.5h18"/></svg><span data-i18n="nav.p.business">商家方案</span></a>
      <a href="./explore.html"><svg class="nav-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20.5S4.8 15.7 4.8 10.6A4.3 4.3 0 0 1 12 7.4a4.3 4.3 0 0 1 7.2 3.2c0 5.1-7.2 9.9-7.2 9.9Z"/></svg><span data-i18n="nav.p.explore">创作实况</span></a>
    </nav>
    <a href="./app/jewelmonster-app-v1.0.3.apk" download class="btn btn-cream" style="padding:9px 18px;font-size:13.5px;flex:none;" title="下载安卓 APP（APK）"><svg class="btn-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3.5v11M8 11l4 4 4-4M4.5 19.5h15"/></svg><span data-i18n="nav.download">下载APP</span></a>
    <a href="./studio.html" class="btn btn-primary" style="padding:9px 20px;font-size:13.5px;flex:none;"><svg class="btn-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20 14.5 9.5M17 3.5l1 2.5 2.5 1-2.5 1-1 2.5-1-2.5-2.5-1 2.5-1 1-2.5ZM7 3l.7 1.7L9.5 5.4 7.7 6.1 7 7.8l-.7-1.7L4.5 5.4l1.8-.7L7 3Z"/></svg><span data-i18n="nav.create">开始创作</span></a>
    <select id="langSel" class="lang-sel" onchange="I18N.setLang(this.value)">
      <option value="zh-CN">简体</option><option value="zh-TW">繁體</option><option value="en">EN</option>
    </select>
  </div>
</header>

<!-- ============ HERO ============ -->
<section class="hero">
  <div class="wrap">
    <span class="eyebrow" data-i18n="tagline">人人都是珠宝品牌设计师</span>
    <h1 data-i18n="hero.title">把你的一句话，做成能戴的珠宝</h1>
    <p class="lead" data-i18n="hero.sub">先免费玩一版——不用登录、无需账号、不收设计费，一句话就出设计、结构与实时报价。想戴现成的，从 ¥99 的 925 银现货开始。</p>
    <form class="prompt-box" id="heroPromptForm" action="./studio.html" method="get">
      <input type="text" id="heroPrompt" name="q" autocomplete="off" placeholder="描述你的珠宝，例如：送母亲的翡翠平安扣吊坠，18K玫瑰金镶嵌一颗钻石…" />
      <button class="btn btn-primary" type="submit" data-i18n="hero.cta2">创作</button>
    </form>
    <div class="hero-cta-row">
      <a href="./studio.html" class="btn btn-dark"><svg class="btn-i" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 20 14.5 9.5M17 3.5l1 2.5 2.5 1-2.5 1-1 2.5-1-2.5-2.5-1 2.5-1 1-2.5ZM7 3l.7 1.7L9.5 5.4 7.7 6.1 7 7.8l-.7-1.7L4.5 5.4l1.8-.7L7 3Z"/></svg><span data-i18n="hero.assistant">免费在线设计 · 免登录</span></a>
    </div>
    <p class="hero-hint">无需注册，打开就能生成你的第一件珠宝 · 全程实时报价</p>
  </div>
</section>

<!-- ============ 佩戴效果（淡雅系列 · 自动切换 · 统一 4:5） ============ -->
<section class="section lookbook" id="lookbook">
  <div class="wrap">
    <div class="band-head">
      <div>
        <span class="kicker" data-i18n="look.kicker">佩戴效果</span>
        <h2 style="margin:6px 0 0" data-i18n="look.title">淡雅系列 · 戴在身上是什么样</h2>
      </div>
      <a class="btn btn-cream" href="./shop.html" data-i18n="look.cta">看看现货</a>
    </div>
    <p class="sub" data-i18n="look.sub">同一组光、同一组底色、同一套构图。照片自动轮播，鼠标移上去会停。</p>
    <div class="jmc" data-carousel data-per="1,2,4" data-gap="18" data-autoplay="4200" data-arrows="1" data-dots="1" style="--jmc-ar:4 / 5">
      <a class="jmc-slide" href="./shop.html?c=necklace"><div class="jmc-media"><img src="assets/editorial/ed01.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c1">白衬衫 · 细链</b><span data-i18n="look.k1">925 银 · 素银锁骨链</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=earring"><div class="jmc-media"><img src="assets/editorial/ed02.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c2">浅金发色 · 耳饰</b><span data-i18n="look.k2">925 银 · 素银耳钉</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=necklace"><div class="jmc-media"><img src="assets/editorial/ed03.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c3">米棕 · 锁骨链</b><span data-i18n="look.k3">925 银 · 银珠手链</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=necklace"><div class="jmc-media"><img src="assets/editorial/ed04.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c4">裸粉 · 短项链</b><span data-i18n="look.k4">彩宝 · 紫水晶包镶</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=ring"><div class="jmc-media"><img src="assets/editorial/ed05.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c5">白纱 · 细项链</b><span data-i18n="look.k5">925 银 · 情侣对戒</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=ring"><div class="jmc-media"><img src="assets/editorial/ed06.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c6">金饰叠戴</b><span data-i18n="look.k6">925 银 · 錾刻宽镯</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=bracelet"><div class="jmc-media"><img src="assets/editorial/ed07.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c7">白裙 · 手链</b><span data-i18n="look.k7">925 银 · 银珠手链</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=ring"><div class="jmc-media"><img src="assets/editorial/ed08.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c8">蕾丝 · 手部特写</b><span data-i18n="look.k8">925 银 · 光面开口戒</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=necklace"><div class="jmc-media"><img src="assets/editorial/ed09.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c9">白衬衫 · 长链</b><span data-i18n="look.k9">925 银 · 古巴链</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=earring"><div class="jmc-media"><img src="assets/editorial/ed10.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c10">窗光 · 耳饰</b><span data-i18n="look.k10">925 银 · 玛瑙耳线</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=bracelet"><div class="jmc-media"><img src="assets/editorial/ed11.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c11">燕麦色 · 腕饰</b><span data-i18n="look.k11">925 银 · 银珠手链</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html?c=necklace"><div class="jmc-media"><img src="assets/editorial/ed12.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="look.c12">米色大衣 · 叠戴</b><span data-i18n="look.k12">925 银 · 刻字吊牌</span></figcaption></a>
    </div>
  </div>
</section>

<!-- ============ 现货款（925 银，¥99–999，价格由定价引擎现场算） ============ -->
<section class="section entry" id="entry">
  <div class="wrap">
    <div class="band-head">
      <div>
        <span class="kicker" data-i18n="entry.kicker">日常可戴 · 现货</span>
        <h2 style="margin:6px 0 0" data-i18n="entry.title">925 银现货 · 日常可戴的第一件，¥99 起</h2>
      </div>
      <div class="band-price">¥99 – ¥999</div>
    </div>
    <p class="sub" data-i18n="entry.sub">不用等排产、不用先设计。12 款 925 银现货全部标着真实成本：银料走上金所实时行情，工费按批量摊，零售倍率（1.4×–2.6×）写在每张卡上。挑中哪款，再在设计工作室里换成你的石头与刻字。</p>
    <div data-shop-strip="6"></div>
    <div class="sku-acts" style="margin-top:22px;justify-content:center">
      <a class="btn btn-primary" href="./shop.html" data-i18n="entry.cta">看全部 12 款现货</a>
      <a class="btn btn-cream" href="./designers.html" data-i18n="entry.cta2">看联名与种子设计师</a>
    </div>
  </div>
</section>

<!-- ============ 开放设计台（无需账号 / 不收设计费 / 当场出价） ============ -->
<section class="section" id="free">
  <div class="wrap">
    <div class="band-head">
      <div>
        <span class="kicker" data-i18n="free.kicker">向所有人开放</span>
        <h2 style="margin:6px 0 0" data-i18n="free.title">在线设计 · 向所有人开放，不收设计费</h2>
      </div>
      <a class="btn btn-primary" href="./studio.html" data-i18n="free.cta">试着写出第一件</a>
    </div>
    <p class="sub" data-i18n="free.sub">把一个想法写进去，其余交给设计台。不必注册，也不必先谈预算：材料、结构与工费逐项列出，价格由定价引擎当场算出。看明白了，再决定要不要真的做。</p>
    <div class="pg-grid c3" style="margin-top:26px">
      <div class="pcard"><div class="pcard-body"><h3 data-i18n="free.1t">无需账号</h3>
        <p data-i18n="free.1d">不设账号这道门。打开即是设计台，每一版都带实时报价，没有验证码，也不用等邮件。</p></div></div>
      <div class="pcard"><div class="pcard-body"><h3 data-i18n="free.2t">不收设计费</h3>
        <p data-i18n="free.2d">试到满意为止，中间几十版都不收费。只有你真的要下单加工时，才产生费用。</p></div></div>
      <div class="pcard"><div class="pcard-body"><h3 data-i18n="free.3t">当场出价</h3>
        <p data-i18n="free.3d">设计生成的那一刻，主石、金属、工艺逐项列出来，价格由定价引擎现场算，不是事后报价。</p></div></div>
    </div>
  </div>
</section>

<!-- ============ HOW IT WORKS ============ -->
<section class="section" id="how">
  <div class="wrap">
    <h3 class="mid" data-i18n="how.title">JEWEL MONSTER 是如何运作的？</h3>
    <div class="flow">
      <div class="step"><div class="n">01</div><h4 data-i18n="how.1">用一句话创作</h4><p data-i18n="how.1d">用日常语言描述，或直接与设计师对话，把审美、情感与故事讲清楚。</p></div>
      <div class="step"><div class="n">02</div><h4 data-i18n="how.2">匠人把它变成实物</h4><p data-i18n="how.2d">设计生成的那一刻，价格同步出现；甄选匠坊接单，把可制造规格做成实物。</p></div>
      <div class="step"><div class="n">03</div><h4 data-i18n="how.3">确认并收货</h4><p data-i18n="how.3d">成品经质量管控与 JEWEL MONSTER 满意度保障后交付，全程可追踪。</p></div>
    </div>
    <div class="band">
      <div>
        <h3 data-i18n="community.title">探索我们的社区</h3>
        <p data-i18n="community.sub">看看别人做了什么，再改一版变成你自己的。</p>
      </div>
      <div class="band-cta">
        <a href="./explore.html" class="btn btn-cream" data-i18n="community.cta">进入社区动态</a>
        <a href="./community.html" class="btn btn-cream" data-i18n="community.cta2">去留言板写字条</a>
      </div>
    </div>
  </div>
</section>

<!-- ============ CREATE BY CATEGORY ============ -->
<section class="section" id="cats" style="background:var(--ivory-2);">
  <div class="wrap">
    <h2 data-i18n="cats.title">按品类创作</h2>
    <p class="sub" data-i18n="cats.sub">选一个品类开始，每一样都能从头定制——每个品类都由真实材料与工艺数据约束。</p>
    <div class="cat-grid">
      <a class="cat" href="./studio.html?cat=jade&q=一枚翡翠平安扣吊坠，冰种飘花，18K金镶嵌">
        <div class="ico"><img src="assets/jewelry/jade-1.jpg" alt="翡翠玉石" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.jade">翡翠玉石</h3><p data-i18n="cat2.jade.d">任选种水与颜色，俏色巧雕</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=gem&q=一枚红宝石戒指，18K玫瑰金，微镶钻石">
        <div class="ico"><img src="assets/jewelry/gem-1.jpg" alt="彩色宝石" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.gem">彩色宝石</h3><p data-i18n="cat2.gem.d">646 种宝石库，任选品类与产地</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=diamond&q=一颗50分圆钻吊坠，铂金镶嵌">
        <div class="ico"><img src="assets/jewelry/ring-2.jpg" alt="钻石" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.diamond">钻石</h3><p data-i18n="cat2.diamond.d">按 4C 参数定制，明码实价</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=pearl&q=一串akoya珍珠项链，强光小瑕，金扣">
        <div class="ico"><img src="assets/jewelry/pearl-2.jpg" alt="珍珠" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.pearl">珍珠</h3><p data-i18n="cat2.pearl.d">akoya / 淡水 / 南洋，任选光泽</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=gold&q=一只古法金素圈手镯，实心，磨砂哑光">
        <div class="ico"><img src="assets/jewelry/pendant-3.jpg" alt="黄金 K金" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.gold">黄金 · K金</h3><p data-i18n="cat2.gold.d">古法金 / 5G金 / 18K，克重计价</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=silver&q=一枚925银宽版戒指，做旧工艺，刻字">
        <div class="ico"><img src="assets/jewelry/cat-silver.jpg" alt="银饰" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.silver">银饰</h3><p data-i18n="cat2.silver.d">925银起，电镀与做旧任选</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=wedding&q=一对结婚对戒，18K白金，内壁刻字">
        <div class="ico"><img src="assets/jewelry/cat-wedding.jpg" alt="婚嫁定制" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.wedding">婚嫁定制</h3><p data-i18n="cat2.wedding.d">对戒 / 三金 / 头面，一生一次</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=men&q=一对男士袖扣，黑玛瑙配18K金">
        <div class="ico"><img src="assets/jewelry/cat-men.jpg" alt="男士系列" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.men">男士系列</h3><p data-i18n="cat2.men.d">袖扣 / 领带夹 / 男戒，克制有型</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
      <a class="cat" href="./studio.html?cat=gift&q=一条生肖蛇宝宝锁包，足金，刻出生日期">
        <div class="ico"><img src="assets/jewelry/cat-gift.jpg" alt="礼品定制" loading="lazy" /></div>
        <div class="cat-body"><h3 data-i18n="cat2.gift">礼品定制</h3><p data-i18n="cat2.gift.d">刻字 / 生肖 / 纪念日，独一无二</p><span class="cat-cta" data-i18n="c.create">创作</span></div>
      </a>
    </div>
  </div>
</section>

<!-- ============ ICONIC SOURCES ============ -->
<section class="section" id="brands">
  <div class="wrap">
    <h2 data-i18n="brands.title">共创品牌 · 源头直采</h2>
    <p class="sub" data-i18n="brands.sub">从宝石产地到智造产线，JEWEL MONSTER 与甄选产地、工坊共建直采链路——设计的起点，就是货真价实的源头。</p>
    <div class="brand-grid">
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-ruby.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.mogok">缅甸 · 抹谷</h4><p data-i18n="br.mogok.d">红宝石 / 蓝宝原产地直采</p><span class="b-tag ok" data-i18n="br.ok">已入驻</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-sapphire.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.ceylon">斯里兰卡</h4><p data-i18n="br.ceylon.d">蓝宝石 / 金绿猫眼 / 帕托石</p><span class="b-tag ok" data-i18n="br.ok">已入驻</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-emerald.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.colombia">哥伦比亚</h4><p data-i18n="br.colombia.d">祖母绿矿区直连，油量分级</p><span class="b-tag ok" data-i18n="br.ok">已入驻</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-carve.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.hotan">新疆 · 和田</h4><p data-i18n="br.hotan.d">和田玉籽料，玉龙喀什河料源</p><span class="b-tag ok" data-i18n="br.ok">已入驻</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/jade-1.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.ruili">云南 · 瑞丽</h4><p data-i18n="br.ruili.d">翡翠公盘直连，解口见色</p><span class="b-tag ok" data-i18n="br.ok">已入驻</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-diamond.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.shuibei">深圳 · 水贝</h4><p data-i18n="br.shuibei.d">镶嵌智造产线，CNC + 微镶</p><span class="b-tag ok" data-i18n="br.ok">已入驻</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-goldsmith.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.valenza">意大利 · 瓦伦扎</h4><p data-i18n="br.valenza.d">高级金工工坊，手工拉丝</p><span class="b-tag soon" data-i18n="br.soon">即将上线</span></div>
      <div class="brand-card"><div class="b-ico"><img src="assets/jewelry/ico-polish.jpg" alt="" loading="lazy"></div><h4 data-i18n="br.kofu">日本 · 山梨</h4><p data-i18n="br.kofu.d">珠宝加工工艺之乡，研磨大师</p><span class="b-tag soon" data-i18n="br.soon">即将上线</span></div>
    </div>
  </div>
</section>

<!-- ============ FEATURED DESIGNERS ============ -->
<section class="section" id="designers" style="background:var(--ivory-2);">
  <div class="wrap">
    <h2 data-i18n="designers.title">主理人 & 设计师</h2>
    <p class="sub" data-i18n="designers.sub">在 JEWEL MONSTER，设计师不必会做金工——我们帮你把品味翻译成可制造规格，以你自己的品牌发布。</p>
    <div class="designer-grid">
      <div class="designer">
        <div class="d-ico"><img src="assets/cats/idea.jpg" alt="创意主理人" loading="lazy" /></div>
        <div class="d-body"><h4 data-i18n="d.angela">Angela</h4><p data-i18n="d.angela.d">联合创始人 · 创意主理人。把东方玉石美学翻译成年轻人的日常佩戴，主导 JEWEL MONSTER 的审美方向。</p><a href="#gallery" class="d-link" data-i18n="d.view">查看她的橱窗 →</a></div>
      </div>
      <div class="designer">
        <div class="d-ico"><img src="assets/cats/brand.jpg" alt="社区设计师" loading="lazy" /></div>
        <div class="d-body"><h4 data-i18n="d.community">社区设计师计划</h4><p data-i18n="d.community.d">虚位以待。你的系列以你的品牌名发布到橱窗，溢价归你——人人都是珠宝品牌设计师。</p><a href="./makers.html" class="d-link" data-i18n="d.join">申请入驻 →</a></div>
      </div>
      <div class="designer">
        <div class="d-ico"><img src="assets/cats/craft.jpg" alt="设计工作室" loading="lazy" /></div>
        <div class="d-body"><h4 data-i18n="d.ai">设计工作室</h4><p data-i18n="d.ai.d">24 小时在线。从一句话到可制造规格，把你的想法拆成主石、金属与工艺。</p><a href="./studio.html" class="d-link" data-i18n="d.talk">开始对话 →</a></div>
      </div>
    </div>
  </div>
</section>

<!-- ============ ANGELA × 琢物 联名（1 个 IP 联名首发） ============ -->
<section class="section" id="collab" style="background:var(--ivory-2);">
  <div class="wrap">
    <div class="band-head">
      <div>
        <span class="kicker" data-i18n="collab.kicker">IP 联名 · 首发</span>
        <h2 style="margin:6px 0 0" data-i18n="collab.title">把角色身上的宝石，做成你能戴走的那颗</h2>
      </div>
      <a class="btn btn-cream" href="./designers.html" data-i18n="collab.cta">看联名与设计师</a>
    </div>
    <div data-collab style="margin-top:26px"></div>
  </div>
</section>

<!-- ============ TRUSTED MAKERS ============ -->
<section class="section" id="makers">
  <div class="wrap">
    <h2 data-i18n="makers.title">与可信的匠人共创</h2>
    <p class="sub" data-i18n="makers.sub">每一家合作工坊都经过甄选与认证，深谙各自工艺。你生成的每一件设计，都能对接真实产线落地。</p>
    <div class="maker-grid">
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-gem.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.1">彩宝切割与镶嵌</h4><p data-i18n="mk.1d">红蓝宝、祖母绿、碧玺等主流彩宝的精准切割与微镶工艺。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/editorial/ed03.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.2">玉石雕刻</h4><p data-i18n="mk.2d">翡翠 / 和田玉俏色巧雕，种水分级与东方题材精工。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-cast.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.3">金工与铸造</h4><p data-i18n="mk.3d">18K金 / 铂金 / 银的失蜡铸造、执模与抛光全链路。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-cad.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.4">3D 建模与起版</h4><p data-i18n="mk.4d">CAD 起版与树脂打印，把设计图变成可铸造的版件。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-enamel.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.5">珐琅与点蓝</h4><p data-i18n="mk.5d">掐丝珐琅、透窗珐琅，为金属注入色彩与层次。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-strand.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.6">珍珠串打与编结</h4><p data-i18n="mk.6d">打结串线、可调节绳艺，珍珠与多宝串的老手艺。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-cert.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.7">质检与证书</h4><p data-i18n="mk.7d">成品经质量管控，可出具国检 / GIA 等第三方证书。</p></div>
      <div class="maker"><div class="m-ico"><img src="assets/jewelry/ico-box.jpg" alt="" loading="lazy"></div><h4 data-i18n="mk.8">包装与交付</h4><p data-i18n="mk.8d">品牌礼盒与保卡齐备，全程投保配送，签收无忧。</p></div>
    </div>
  </div>
</section>

<!-- ============ COMMUNITY FEED ============ -->
<section class="section" id="feed" style="background:var(--ivory-2);">
  <div class="wrap">
    <h2 data-i18n="feed.title">看看大家做了什么</h2>
    <p class="sub" data-i18n="feed.sub">来自社区同好的作品。喜欢哪一件？点「再改一版」，我们按它的结构做成你的。</p>
    <div class="feed-grid" id="feedGrid"><div class="loading-inline" data-i18n="examples.loading">图例加载中…</div></div>
  </div>
</section>

<!-- ============ GIFTS ============ -->
<section class="section" id="gifts">
  <div class="wrap">
    <h2 data-i18n="gifts.title">送一份有故事的礼物</h2>
    <p class="sub" data-i18n="gifts.sub">点任意一件，开场白已经替你写好——再补一句你们的故事，就是独一无二的礼物。</p>
    <div class="gift-grid">
      <a class="gift" href="./studio.html?q=送母亲的生日礼，一枚翡翠平安扣吊坠，冰种飘花，18K金，预算3000"><span class="g-ico"><img src="assets/editorial/ed03.jpg" alt="" loading="lazy"></span><div class="g-body"><h4 data-i18n="gift.1">送母亲</h4><p data-i18n="gift.1d">翡翠平安扣吊坠</p></div></a>
      <a class="gift" href="./studio.html?q=送爱人的结婚纪念日礼物，一对钻石对戒，内壁刻字"><span class="g-ico"><img src="assets/editorial/ed17.jpg" alt="" loading="lazy"></span><div class="g-body"><h4 data-i18n="gift.2">送爱人</h4><p data-i18n="gift.2d">刻字钻石对戒</p></div></a>
      <a class="gift" href="./studio.html?q=送闺蜜的生日礼物，一条海蓝宝锁骨链，18K白金"><span class="g-ico"><img src="assets/editorial/ed01.jpg" alt="" loading="lazy"></span><div class="g-body"><h4 data-i18n="gift.3">生日礼物</h4><p data-i18n="gift.3d">海蓝宝锁骨链</p></div></a>
      <a class="gift" href="./studio.html?q=新生宝宝满月礼，足金生肖蛇锁包，刻出生日期"><span class="g-ico"><img src="assets/atelier/at01.jpg" alt="" loading="lazy"></span><div class="g-body"><h4 data-i18n="gift.4">满月礼</h4><p data-i18n="gift.4d">足金生肖锁包</p></div></a>
      <a class="gift" href="./studio.html?q=送生意伙伴的商务礼物，一对黑玛瑙袖扣配18K金"><span class="g-ico"><img src="assets/jewelry/pendant-3.jpg" alt="" loading="lazy"></span><div class="g-body"><h4 data-i18n="gift.5">谢商务伙伴</h4><p data-i18n="gift.5d">黑玛瑙金吊坠</p></div></a>
      <a class="gift" href="./studio.html?q=毕业礼物，一枚925银戒指，刻毕业日期与校训缩写"><span class="g-ico"><img src="assets/shop/sk02.jpg" alt="" loading="lazy"></span><div class="g-body"><h4 data-i18n="gift.6">毕业礼</h4><p data-i18n="gift.6d">刻字银戒指</p></div></a>
    </div>
  </div>
</section>

<!-- ============ 原料与工坊（自动切换 · 统一 4:5） ============ -->
<section class="section" id="recent" style="background:var(--ivory-2);">
  <div class="wrap">
    <h2 data-i18n="recent.title">原料与工坊</h2>
    <p class="sub" data-i18n="recent.sub">石头、金属、半成品、成品——都按同一套构图拍下来。照片自动轮播，鼠标移上去会停。</p>
    <div class="jmc" data-carousel data-per="2,3,5" data-gap="16" data-autoplay="4800" data-arrows="1" data-dots="1" style="--jmc-ar:4 / 5">
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at01.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c1">吊坠 · 成品</b><span data-i18n="at.k1">925 银 · 可刻字</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at02.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c2">原石 · 待琢</b><span data-i18n="at.k2">彩宝 · 矿区直采</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at03.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c3">裸石 · 分级</b><span data-i18n="at.k3">彩宝 · 按克拉计价</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at04.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c4">珍珠 · 串打</b><span data-i18n="at.k4">Akoya / 淡水</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at05.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c5">红宝 · 备石</b><span data-i18n="at.k5">彩宝 · 按品质分档</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at06.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c6">钻石 · 四爪</b><span data-i18n="at.k6">4C 参数透明报价</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at07.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c7">手链 · 试戴</b><span data-i18n="at.k7">银 / 金 · 可调长度</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at08.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c8">耳饰 · 检品</b><span data-i18n="at.k8">银针 · 防过敏</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at09.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c9">金工 · 执模</b><span data-i18n="at.k9">18K 金 / 铂金</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at10.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c10">成品 · 上身</b><span data-i18n="at.k10">客定款 · 已交付</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at11.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c11">吊坠 · 精抛</b><span data-i18n="at.k11">镜面 / 拉丝可眩</span></figcaption></div>
      <div class="jmc-slide"><div class="jmc-media"><img src="assets/atelier/at12.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="at.c12">镶嵌 · 爪位</b><span data-i18n="at.k12">水贝产线 · CNС</span></figcaption></div>
    </div>
  </div>
</section>

<!-- ============ STUDIO 横幅 ============ -->
<section class="section" id="studio-intro">
  <div class="wrap">
    <div class="studio-banner">
      <div>
        <h2 data-i18n="studio.title">认识 JEWEL MONSTER Studio</h2>
        <p data-i18n="studio.sub">设计规格、实时报价、与设计师对话打磨、一键对接加工产线——全部在同一个工作台里完成。</p>
        <a href="./studio.html" class="btn btn-primary" data-i18n="studio.cta">进入工作室</a>
      </div>
    </div>
  </div>
</section>

<!-- ============ 成品与佩戴（自动切换 · 统一 4:5，不再铺满整屏） ============ -->
<section class="section" id="examples">
  <div class="wrap">
    <h2 data-i18n="examples.title">成品与佩戴 · 图例</h2>
    <p class="sub" data-i18n="examples.sub">同一批光与底色拍下来的成品图与佩戴图，自动轮播，不铺满整屏。点任意一张可放大查看。</p>
    <div class="jmc" data-carousel data-per="2,3,5" data-gap="16" data-autoplay="4600" data-arrows="1" data-dots="1" style="--jmc-ar:4 / 5">
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk01.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c1">光面开口银戒</b><span data-i18n="ex.k1">925 银 · 2.6g · ¥99 起</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed13.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c2">米白外套 · 叠戴</b><span data-i18n="ex.k2">佩戴效果 · 客定</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk02.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c3">刻字宽版银戒</b><span data-i18n="ex.k3">925 银 · 4.2g · 可刻字</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed14.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c4">白裙 · 细项链</b><span data-i18n="ex.k4">佩戴效果 · 客定</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk03.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c5">磨砂情侣戒（一对）</b><span data-i18n="ex.k5">925 银 · 6.0g</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed15.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c6">手部特写 · 素圈</b><span data-i18n="ex.k6">佩戴效果 · 925 银</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk04.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c7">素银耳钉</b><span data-i18n="ex.k7">925 银 · 1.4g · 防过敏</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed16.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c8">腕饰 · 叠戴</b><span data-i18n="ex.k8">佩戴效果 · 可做</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk05.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c9">银珠手链</b><span data-i18n="ex.k9">925 银 · 7.0g · 手工串珠</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed17.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c10">手部特写 · 指环</b><span data-i18n="ex.k10">佩戴效果 · 银 / 金</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk06.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c11">紫水晶包镶银戒</b><span data-i18n="ex.k11">彩宝 · 10ct 紫水晶</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed18.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c12">手部特写 · 彩宝</b><span data-i18n="ex.k12">佩戴效果 · 可按颗配</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk11.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c13">素银锁骨链</b><span data-i18n="ex.k13">925 银 · 4.8g · 40cm</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed19.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c14">金饰 · 颈间</b><span data-i18n="ex.k14">佩戴效果 · 18K 可做</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk09.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c15">錾刻宽镯</b><span data-i18n="ex.k15">925 银 · 22g · 手工</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed20.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c16">珠链 · 颈间</b><span data-i18n="ex.k16">佩戴效果 · 珍珠可做</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk07.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c17">古巴链</b><span data-i18n="ex.k17">925 银 · 18g · 45cm</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed21.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c18">捧花 · 婚嫁</b><span data-i18n="ex.k18">婚嫁定制 · 对戒 / 三金</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk08.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c19">玛瑙银吊坠</b><span data-i18n="ex.k19">天然石 · 5.5g</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed22.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c20">腕间 · 细链</b><span data-i18n="ex.k20">佩戴效果 · 银可做</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk10.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c21">玛瑙银耳线</b><span data-i18n="ex.k21">天然石 · 3.0g · 长款</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed23.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c22">耳饰 · 上身</b><span data-i18n="ex.k22">佩戴效果 · 银 / 金</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/shop/sk12.jpg" alt="" loading="lazy" width="880" height="1100"></div><figcaption><b data-i18n="ex.c23">生肖刻字牌</b><span data-i18n="ex.k23">925 银 · 8.0g · 双面刻</span></figcaption></a>
      <a class="jmc-slide" href="./shop.html"><div class="jmc-media"><img src="assets/editorial/ed24.jpg" alt="" loading="lazy" width="900" height="1125"></div><figcaption><b data-i18n="ex.c24">白纱 · 细链</b><span data-i18n="ex.k24">佩戴效果 · 客定</span></figcaption></a>
    </div>
    <div class="sku-acts" style="margin-top:22px;justify-content:center">
      <a class="btn btn-primary" href="./shop.html" data-i18n="ex.all">看全部 12 款现货</a>
      <a class="btn btn-cream" href="./designers.html" data-i18n="ex.all2">看联名与种子设计师</a>
    </div>
  </div>
</section>

<!-- ============ 品牌橱窗（我的作品） ============ -->
<section class="section" id="gallery">
  <div class="wrap">
    <h2 data-i18n="nav.gallery">品牌橱窗</h2>
    <p class="sub">你保存的每一件作品都会出现在这里，成为你的品牌资产。<b class="sub-em">点开任意作品可看规格报价、修改设计或直接对接加工产线。</b></p>
    <div class="gallery-grid" id="galleryGrid">
      <div class="empty" data-i18n="gallery.empty" style="grid-column:1/-1;">还没有作品，去工作室设计第一件吧。</div>
    </div>
  </div>
</section>

<!-- ============ 页脚（arcade 式墨色四列） ============ -->
<footer class="footer">
  <div class="wrap">
    <div class="footer-grid">
      <div class="footer-brand">
        <a href="./index.html" class="logo" data-logo-trigger data-logo-full="assets/logo-jm-full.jpg" data-logo-alt="JEWEL MONSTER LOGO" aria-label="JEWEL MONSTER LOGO">
          <img src="assets/logo-jm.jpg" alt="JEWEL MONSTER" />
          <span class="brand-text">琢物<small>JEWEL<br>MONSTER</small></span>
        </a>
        <p data-i18n="p.foot.t5">把你的一句话，做成能戴的珠宝。人人都是珠宝品牌设计师。</p>
      </div>
      <div class="footer-col">
        <h5 data-i18n="p.footer.t1">品牌</h5>
        <a href="./about.html" data-i18n="f.about">关于我们</a>
        <a href="./stories.html" data-i18n="f.stories">主理人故事</a>
        <a href="./press.html" data-i18n="f.press">媒体与动态</a>
        <a href="./careers.html" data-i18n="f.careers">加入我们</a>
        <a href="./patents.html" data-i18n="f.patents">知识产权</a>
      </div>
      <div class="footer-col">
        <h5 data-i18n="p.footer.t2">社区</h5>
        <a href="./community.html" data-i18n="f.community">留言板</a>
        <a href="./explore.html" data-i18n="f.explore">创作实况</a>
        <a href="./designers.html" data-i18n="f.designers">联名与种子设计师</a>
        <a href="./index.html#gallery" data-i18n="f.gallery">品牌橱窗</a>
        <a href="./shop.html" data-i18n="f.shop">现货作品</a>
        <a href="./market.html" data-i18n="f.market">商城</a>
        <a href="./affiliate.html" data-i18n="f.aff">赚取佣金</a>
      </div>
      <div class="footer-col">
        <h5 data-i18n="p.footer.t3">商家</h5>
        <a href="./makers.html" data-i18n="f.makers">匠人入驻</a>
        <a href="./business.html" data-i18n="f.business">品牌 / 门店 / 买手</a>
        <a href="./studio.html" data-i18n="f.studio">设计工作室</a>
        <a href="./collections.html" data-i18n="f.collections">品类总览</a>
      </div>
      <div class="footer-col">
        <h5 data-i18n="p.footer.t4">支持</h5>
        <a href="./help.html" data-i18n="f.help">帮助中心 · FAQ</a>
        <a href="./privacy.html" data-i18n="f.privacy">隐私政策</a>
        <a href="./terms.html" data-i18n="f.terms">服务条款</a>
        <a href="./app/jewelmonster-app-v1.0.3.apk" data-i18n="f.download">下载 APP</a>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2026 JEWEL MONSTER · <span data-i18n="p.foot.t6">原型演示 · 价格均为市场参考估算（RMB）</span></span>
      <span class="foot-src">彩宝价格：彩宝全品类价格数据库 · 贵金属：上海黄金交易所实时行情（<span id="footQuoteTime">—</span>）· 玉石：玉种档位表</span>
      <span class="footer-social">
        <a href="./explore.html" aria-label="Live Feed" data-i18n="nav.p.explore">创作实况</a>
        <a href="./studio.html" aria-label="Studio" data-i18n="f.studio">设计工作室</a>
        <a href="./help.html" aria-label="Help" data-i18n="f.help">帮助中心 · FAQ</a>
        <a href="#" aria-label="WeChat" data-i18n="footer.wechat">微信</a>
      </span>
    </div>
  </div>
</footer>

<script src="./assets/i18n.js?v=10"></script>
<script src="./assets/pages-i18n.js?v=4"></script>
<script src="./assets/lightbox.js?v=1"></script>
<script src="./assets/sparkle.js?v=3"></script>
<script src="./assets/piece-sheet.js?v=1"></script>
<script src="./assets/gemdata.js?v=1"></script>
<script src="./assets/gemdb.js?v=2"></script>
<script src="./assets/market.js?v=1"></script>
<script src="./assets/catalog.js?v=4"></script>
<script src="./assets/pages.js?v=1"></script>
<script src="./assets/shop-data.js?v=2"></script>
<script src="./assets/designers.js?v=2"></script>
<script src="./assets/shop.js?v=2"></script>
<script src="./assets/carousel.js?v=1"></script>
<script>
  I18N.extend(window.JM_PAGES_I18N);
  I18N.init();
  // 贵金属实时行情：先出价（缓存/兜底），行情到达后把社区作品流的价格重算一遍
  var __feedReprice = null;
  if (window.JM_MARKET && JM_MARKET.ready) {
    JM_MARKET.ready(function (metals, info) {
      if (__feedReprice) __feedReprice();
      var ft = document.getElementById("footQuoteTime");
      if (ft) ft.textContent = info && info.quoteDate ? (info.quoteDate + " " + info.quoteTime) : "离线兜底";
    });
  }
  // Hero Prompt → 工作室（把描述带入 studio.html?q=）
  (function () {
    var form = document.getElementById("heroPromptForm");
    var input = document.getElementById("heroPrompt");
    if (form) form.addEventListener("submit", function () {
      var v = (input.value || "").trim();
      if (v) form.action = "./studio.html?q=" + encodeURIComponent(v);
    });
  })();

  // 同一份 jewelry.json → 社区作品流 / 新近创作 / 灵感库 三个板块
  (function () {
    var grid = document.getElementById("jewelGrid");
    var feed = document.getElementById("feedGrid");
    var recent = document.getElementById("recentGrid");
    if (!grid && !feed && !recent) return;

    // 社区作品流：价格全部由定价引擎现场算出（宝石走彩宝价格数据库，贵金属走上金所实时行情），
    // 不再用任何随机数或估算占位。
    // 图文强对位：每张卡的配图与标题、规格三者一致（历史上用「按序取图」导致过
    // 「翡翠平安扣配红宝石照」这类文不对题）。改图/改标题必须三者同时改。
    var FEED_SAMPLES = [
      { t: "翡翠手镯", d: "木木", m: "瑞丽俏雕", img: "assets/jewelry/old-jade-1.jpg",
        spec: { shape: "手镯", mainStone: { name: "翡翠", variety: "糯种", color: "飘花", size: "55mm" }, metal: { type: "S925 银" }, craft: ["抛光/镜面"] } },
      { t: "和田玉 · 籽料原石", d: "阿澈", m: "和田玉坊", img: "assets/jewelry/jade-2.jpg",
        spec: { shape: "吊坠", mainStone: { name: "和田玉", variety: "白玉", color: "一级白", size: "28mm" }, metal: { type: "S925 银" }, craft: ["包镶"] } },
      { t: "蓝宝石 · 镶钻款", d: "L. Chen", m: "水贝智造", img: "assets/jewelry/sapphire-1.jpg",
        spec: { shape: "项链", mainStone: { name: "蓝宝石", size: "3ct" }, metal: { type: "18K金" }, craft: ["爪镶"] } },
      { t: "钻石四爪求婚戒", d: "王梦然", m: "匠心金工", img: "assets/atelier/at06.jpg",
        spec: { shape: "戒指", mainStone: { name: "钻石", size: "1ct", grade: "G VS1" }, metal: { type: "铂金PT950" }, craft: ["爪镶"] } },
      { t: "古法金吊坠", d: "小满", m: "古法金匠", img: "assets/atelier/at01.jpg",
        spec: { shape: "吊坠", metal: { type: "24K足金" }, craft: ["古法金", "抛光/镜面"] } },
      { t: "祖母绿戒指", d: "Kiki", m: "彩宝工社", img: "assets/jewelry/old-emerald-1.jpg",
        spec: { shape: "戒指", mainStone: { name: "祖母绿", size: "1ct" }, metal: { type: "18K金" }, craft: ["爪镶"] } },
      { t: "珍珠锁骨链", d: "Dora", m: "匠心金工", img: "assets/jewelry/old-bracelet-1.jpg",
        spec: { shape: "项链", mainStone: { name: "珍珠", size: "7mm" }, metal: { type: "18K金" }, craft: ["爪镶"] } },
      { t: "海蓝宝 · 裸石待镶", d: "阿岛", m: "彩宝工社", img: "assets/jewelry/old-gem-1.jpg",
        spec: { shape: "吊坠", mainStone: { name: "海蓝宝", size: "3ct" }, metal: { type: "18K金" }, craft: ["包镶"] } }
    ];

    // 本地兜底价：定价引擎不可用时才用（正常不会走到）
    function feedPrice(s, i) {
      try {
        if (window.CATALOG && CATALOG.estimate && s.spec) {
          var q = CATALOG.estimate(s.spec);
          if (q && q.total > 0) return Math.round(q.total);
        }
      } catch (e) {}
      return 0;
    }

    fetch("./assets/jewelry.json").then(function (r) { return r.json(); }).then(function (list) {
      if (grid) {
        grid.innerHTML = "";
        list.forEach(function (src) {
          var img = document.createElement("img");
          img.src = src; img.alt = "珠宝图例"; img.loading = "lazy";
          img.setAttribute("data-jewel", src);
          grid.appendChild(img);
        });
      }
      if (feed) {
        feed.innerHTML = "";
        list.slice(0, 8).forEach(function (src, i) {
          var s = FEED_SAMPLES[i % FEED_SAMPLES.length];
          var likes = (i * 37) % 120 + 8;
          var card = document.createElement("a");
          card.className = "feed-card";
          card.setAttribute("data-feed-i", String(i));
          card.href = "./studio.html?q=" + encodeURIComponent(s.t);
          card.innerHTML =
            '<div class="fc-img"><img src="' + (s.img || src) + '" alt="' + s.t + '" loading="lazy"><span class="fc-likes">♥ ' + likes + '</span></div>' +
            '<div class="fc-body">' +
              '<div class="fc-row"><span class="fc-ava">' + s.d.charAt(0).toUpperCase() + '</span>' +
                '<span class="fc-name">' + s.d + '</span><span class="fc-sep">·</span><span data-i18n="feed.dreamer">社区同好</span></div>' +
              '<h4>' + s.t + '</h4>' +
              '<div class="fc-row dim"><span class="fc-ava mk">' + s.m.charAt(0) + '</span>' +
                '<span class="fc-name">' + s.m + '</span><span class="fc-sep">·</span><span data-i18n="feed.maker">匠人</span></div>' +
              '<div class="fc-foot"><span class="fc-price" data-feed-price="' + i + '">—</span>' +
                '<span class="fc-act"><b data-i18n="feed.edit">再改一版</b></span></div>' +
            '</div>';
          feed.appendChild(card);
        });
        // 全部由定价引擎现场计算；行情刷新后再算一遍
        __feedReprice = function () {
          feed.querySelectorAll("[data-feed-price]").forEach(function (el) {
            var i = parseInt(el.getAttribute("data-feed-price"), 10);
            var p = feedPrice(FEED_SAMPLES[i % FEED_SAMPLES.length], i);
            el.textContent = p > 0 ? ("¥ " + p.toLocaleString()) : "待定价";
          });
        };
        __feedReprice();
      }
      if (recent) {
        recent.innerHTML = "";
        list.slice(8, 24).forEach(function (src) {
          var img = document.createElement("img");
          img.src = src; img.alt = "新近创作"; img.loading = "lazy";
          img.setAttribute("data-jewel", src);
          recent.appendChild(img);
        });
      }
    }).catch(function () {
      if (grid) grid.innerHTML = '<div class="muted">图例暂不可用</div>';
      if (feed) feed.innerHTML = '<div class="muted">社区动态暂不可用</div>';
      if (recent) recent.innerHTML = '<div class="muted">暂不可用</div>';
    });
  })();

  // 品牌橱窗：从 localStorage 渲染（与工作室共享 jm_pieces）
  (function () {
    var grid = document.getElementById("galleryGrid");
    var GEM_FALLBACK = '<svg viewBox="0 0 24 24" width="52" height="52" fill="none" stroke="#45413b" stroke-width="1.3" stroke-linejoin="round"><path d="M7 4h10l4 5-9 11L3 9l4-5Z"/><path d="M3 9h18M9.5 4 7 9l5 11 5-11-2.5-5"/></svg>';
    var items = [];
    try { items = JSON.parse(localStorage.getItem("jm_pieces") || "[]"); } catch (e) {}
    if (!items.length) return;
    grid.innerHTML = "";
    items.forEach(function (p, i) { p.__i = i; });
    items.slice().reverse().forEach(function (p) {
      var thumb = p.img
        ? '<img src="data:image/' + (p.imgType || "png") + ';base64,' + p.img + '" alt="" loading="lazy">'
        : (p.svg || GEM_FALLBACK);
      var el = document.createElement("div");
      el.className = "piece";
      el.setAttribute("data-i", String(p.__i));
      el.innerHTML =
        '<div class="thumb">' + thumb + '</div>' +
        '<div class="meta"><div class="b">' + (p.brand || "我的品牌") + '</div>' +
        '<h4>' + (p.title || "未命名作品") + '</h4>' +
        '<div class="price">¥ ' + (p.total || 0).toLocaleString() + '</div></div>';
      if (p.img) {
        var im = el.querySelector("img");
        if (im) im.onerror = function () { this.parentNode.innerHTML = p.svg || GEM_FALLBACK; };
      }
      grid.appendChild(el);
    });
  })();
</script>
</body>
</html>
