feat: 完善官网内容与产品展示

src/data/site.ts

@@ -9,14 +9,14 @@ export const site = {
   },
   home: {
     eyebrow: "十四年专注手工银饰",
-    headline: "把重要的心意，锻造成独一无二的银饰",
+    headline: "匠心锻银，承接每一份独一无二的定制构想",
     subhead:
-      "从足银首饰零售、来料加工到专属雕刻与 DIY 编织，银妆以透明用料、匠人手作和长效售后，让每一件银饰都经得起时间。",
+      "为 18–50 岁女性消费者提供自用、送礼及加工定制银饰，涵盖银手镯、银项链、银戒指、银耳环，以及手镯、情侣戒指来料加工、专属雕刻和银饰 DIY。",
     stats: [
       { value: "14年", label: "银饰行业积淀" },
       { value: "200+", label: "线下直营门店" },
-      { value: "100名", label: "非遗手工匠人" },
-      { value: "200万+", label: "累计服务消费者" },
+      { value: "200万+", label: "年接待消费者" },
+      { value: "100万+", label: "累计会员" },
     ],
   },
   products: [
@@ -24,44 +24,79 @@ export const site = {
       slug: "silver-bracelet",
       index: "01",
       name: "足银手镯",
-      intro: "足银 999/9999 精工打造，多种圈口、克重与工艺可选，支持刻字、錾刻与来料改造。",
-      features: ["国标足银，可复检", "圈口与克重丰富", "刻字、图案与旧银改造"],
-      specification: "儿童镯 30–46mm；成人常用圈口 52–64mm；光面、古法、磨砂、浮雕、錾刻、花丝等工艺。",
+      intro: "足银 999/9999 精工打造，多种圈口、克重与工艺可选，兼顾日常佩戴与纪念送礼，并支持刻字、錾刻、现场打制及旧银来料改造。",
+      features: [
+        "国标足银原料，每件附质检证书，支持复检，克重与计价透明",
+        "宝宝镯、女士镯、男士宽镯均可按圈口、克重和工艺选择",
+        "终身免费清洗、抛光、去氧化及整形调圈；购买享一年一次免费换款",
+      ],
+      specifications: [
+        { label: "材质", value: "足银 999（S999）、足银 9999" },
+        { label: "圈口", value: "成人 52、54、56、58、60、62、64mm；儿童 30–46mm" },
+        { label: "常见克重", value: "宝宝镯 10–25g；女士细镯 20–35g；女士实心常规镯 35–60g；宽面实心/男士镯 60–120g+" },
+        { label: "面宽", value: "4、6、8、10、12、15mm" },
+        { label: "工艺", value: "光面、古法、磨砂、浮雕、錾刻、镂空、花丝" },
+      ],
     },
     {
       slug: "diy-weaving",
       index: "02",
       name: "银饰 DIY 编织",
-      intro: "自选银珠、寓意配件与多色线材，现场测量手围、亲手编织，把参与感也留在礼物里。",
-      features: ["数十种线材配色", "足银配件自由组合", "终身免费换绳修护"],
-      specification: "棉绳、玉线、蜡绳、金刚绳等多种材质，适配儿童、女士与男士手围。",
+      intro: "自选银饰配件与线材，现场测量手围并亲手编织，适合宝宝满月、情侣纪念、生日送礼和日常自戴，让每一条手绳都成为专属手作。",
+      features: [
+        "数十种线材与配色可自由组合，支持双色、多色拼色",
+        "足银银珠、平安扣、转运珠、字母牌等配件自由选择",
+        "终身免费换绳与编织修护，银饰配件同步享受清洗抛光养护",
+      ],
+      specifications: [
+        { label: "线材", value: "棉绳、玉线、蜡绳、芊绵线、股线、金刚绳" },
+        { label: "绳径", value: "0.6、0.8、1.0、1.2、1.5、2.0、3.0mm" },
+        { label: "银配件", value: "足银 999 / S925；银珠、银隔片、银吊坠、银转运珠、银平安扣、银貔貅、银字母牌、银锁、银三通" },
+        { label: "成品手围", value: "儿童 12–15cm；女士常规 15–17cm；女士偏宽/男士 17–20cm，可现场测量调整" },
+      ],
     },
     {
       slug: "silver-earrings",
       index: "03",
       name: "银耳环",
-      intro: "S925 与足银系列覆盖耳钉、耳圈、耳坠，兼顾日常穿搭、纪念定制与节日送礼。",
-      features: ["双银材质可选", "敏感肌友好工艺", "造型与刻字定制"],
-      specification: "耳针无镍无铅，并做防过敏处理；款式、花纹与吊牌可按需求搭配。",
+      intro: "S925 与足银 999 系列覆盖耳钉、耳圈、长款耳坠，兼顾日常穿搭、纪念定制与节日送礼。",
+      features: [
+        "耳针无镍无铅，并做防过敏镀层处理，敏感肌可先试戴",
+        "支持花纹、吊牌刻字和情侣、生日纪念款个性化加工",
+        "终身免费清洗、抛光、去氧化及变形调整；一年内非人为质量问题可换新",
+      ],
+      specifications: [
+        { label: "材质", value: "S925、足银 999" },
+        { label: "款式", value: "耳钉、耳圈、长款耳坠，可定制花纹与刻字吊牌" },
+        { label: "适用场景", value: "日常通勤、情侣纪念、生日及节日送礼" },
+      ],
     },
     {
       slug: "silver-necklace",
       index: "04",
       name: "银项链",
       intro: "O 字链、肖邦链、蛇骨链等多种链型，搭配丰富银吊坠，长短可选并支持专属镌刻。",
-      features: ["链型与长度丰富", "吊坠自由搭配", "名字、日期与图案镌刻"],
-      specification: "S925、足银 999 双材质可选，每件产品配套质检证书与长期养护服务。",
+      features: [
+        "S925、足银 999 双材质可选，每件附质检证书，无劣质镀层",
+        "吊坠、牌片可镌刻名字、纪念日或专属图案，覆盖情侣、生辰和送礼场景",
+        "终身免费清洗、抛光及氧化翻新；绳链断裂可免费编绳修复，一年内非人为质量问题可换新",
+      ],
+      specifications: [
+        { label: "材质", value: "S925、足银 999" },
+        { label: "链型", value: "O 字链、肖邦链、蛇骨链等，长度可选" },
+        { label: "定制", value: "银吊坠自由搭配，可镌刻名字、纪念日与专属图案" },
+      ],
     },
   ],
   about: {
     heading: "不只卖一件银饰，更为一段记忆负责",
     story: [
-      "银妆深耕银饰行业 14 年，集原创设计、足银首饰零售、来料私人加工与银饰 DIY 编织于一体。我们直面银饰纯度难核验、价格不透明、量产款同质化和售后养护缺失等问题，让消费者更安心地挑选、定制与长期佩戴银饰。",
-      "品牌采用可复检的足银 999/9999 原料，每件产品配套质检证书，银价与工费清晰公示。百名非遗手工匠人与五百名专业首饰顾问，持续为自戴、送礼、婚恋、生辰、长辈纪念和旧银改造等需求提供一站式服务。",
-      "我们相信，银饰真正的价值不只在克重与工艺，更在它承载的情感。银妆希望以传统锻银技艺，让亲情、爱情与成长记忆拥有可以长久佩戴的形状。",
+      "面对银饰纯度难核验、价格不透明、量产款同质化、定制渠道少和售后养护缺失等问题，银妆为消费者提供从选购、定制到长期养护的一站式解决方案。",
+      "长沙银妆文化发展有限公司深耕银饰行业 14 年，拥有 200+ 家线下直营门店、100 名非遗手工匠人与 500 名首饰顾问，集原创设计、足银首饰零售、来料私人加工和银饰 DIY 编织于一体。品牌采用可复检的足银 999/9999 原料，每件配套质检证书，银价、克重与工费统一公示；线下支持现场打制，线上提供全品类配送，服务覆盖湖南、贵州多地，累计服务消费者超 200 万，会员超 100 万。",
+      "银妆不只售卖银饰，更希望以非遗锻银工艺承载亲情、爱情与成长记忆。未来将继续扩展连锁门店，精进古法錾刻、花丝等传统工艺，完善线上线下一体化定制体系，坚持透明经营与终身养护，打造兼具性价比、手作温度与长久保障的国民银饰定制连锁品牌。",
     ],
     advantages: [
-      { title: "一站式定制", desc: "设计、打制、交付与售后贯通，支持现场手作、来料加工和专属雕刻。" },
+      { title: "一站式定制", desc: "设计、生产、交付与售后贯通；14 年品牌积淀，200+ 家直营门店，年接待消费者超 200 万、会员超 100 万。" },
       { title: "专业匠人团队", desc: "100 名非遗手工匠人与 500 名首饰顾问，为不同需求提供专业建议。" },
       { title: "终身养护", desc: "提供终身免费清洗、抛光与翻新养护，氧化和旧色均可到店处理。" },
     ],
@@ -81,23 +116,23 @@ export const site = {
   faq: [
     {
       q: "你们的银饰是真银吗？",
-      a: "银妆采用足银 999/9999 与 S925 等明确标识的银料，每件产品配套质检证书。购买时会说明材质、克重与工艺，足银产品支持复检。",
+      a: "银手镯、银项链和银耳环均使用明确标识的 S925、足银 999/9999 银料，每件产品配套质检证书并支持复检，承诺假一赔十；购买时会把材质、克重与工艺说明清楚。",
     },
     {
       q: "银饰氧化发黑或佩戴不适怎么办？",
-      a: "银饰在佩戴过程中氧化属于正常现象。银妆提供终身免费清洗、抛光与去氧化服务，并配套日常养护建议。敏感肌建议到店试戴，并根据实际情况选择合适材质。",
+      a: "银饰在佩戴过程中氧化属于正常现象。产品采用防过敏镀层处理，敏感肌可先到店试戴；购买配套擦银布与防氧化礼盒，并享终身免费清洗、抛光和去氧化服务，无需额外支付日常保养费用。",
     },
     {
       q: "银手镯多少钱一克？",
-      a: "成品价格由当日银料、克重和工艺共同构成，没有统一固定单价。光面素圈与古法、雕花、推拉等复杂工艺的人工和损耗不同，到店会现场称重并把银料与工费说明清楚。",
+      a: "网上所见的银价多为未加工的原料价格；足银 999 成品由银料、克重和工费共同计价，没有统一固定单价。素款参考零售价约 18–23 元/克，古法、雕花、推拉等复杂工艺款约 24–38 元/克。门店会现场称重，分开说明银料与工费，实际价格以当日款式和门店报价为准。",
     },
     {
       q: "质量有问题如何处理？",
-      a: "货品本身存在做工瑕疵等质量问题，可凭购买凭证按门店售后规则处理。人为磕碰、拉扯造成的损坏可评估维修；氧化清洗与基础养护长期免费。",
+      a: "货品本身存在做工瑕疵等质量问题，7 天内可凭购买凭证免费换新；因磕碰、拉扯造成的人为损坏可收费维修。银饰氧化发黑属于正常现象，终身免费清洗保养，具体规则会写在购买票据上。",
     },
     {
       q: "足银手镯容易变形或断裂吗？",
-      a: "足银质地较软，稳定性与克重、结构和佩戴方式有关。日常佩戴避免用力掰折和重压即可；如有轻微变形，可携带至门店检查和调整。",
+      a: "足银质地较软，稳定性与克重有关：30 克以上手镯通常更稳固，20 克以下细款受力后更容易变形。正常佩戴不易断裂，注意避免用力掰折和重压；如有变形，可到店检查调整。",
     },
     {
       q: "可以拿自己的旧银来加工吗？",

src/pages/about/index.astro

@@ -8,6 +8,6 @@ const title = `关于银妆｜${site.brand.name}`; const description = "了解
   <section id="story" class="section-pad section-cream"><div class="container about-story-grid"><div class="about-story__image" data-reveal><Image src={image} widths={[480, 720, 960]} sizes="(max-width: 760px) calc(100vw - 32px), 42vw" format="webp" quality={86} alt="银妆古法足银手镯" /></div><div><SectionHeading eyebrow="OUR STORY" title={site.about.heading} />{site.about.story.map((paragraph) => <p class="story-paragraph" data-reveal>{paragraph}</p>)}</div></div></section>
   <section class="stat-band"><div class="container stat-grid">{site.home.stats.map((stat) => <div data-reveal><strong>{stat.value}</strong><p>{stat.label}</p></div>)}</div></section>
   <section id="advantages" class="section-pad section-white"><div class="container"><SectionHeading eyebrow="WHY INZUNG" title="从选购到养护，把每一步都交代清楚" description="银妆的专业，不止体现在成品，也体现在你能看见、能理解的全过程。" /><div class="advantage-grid">{site.about.advantages.map((item, index) => <article data-reveal><span>0{index + 1}</span><h3>{item.title}</h3><p>{item.desc}</p></article>)}</div></div></section>
-  <section id="values" class="section-pad values-section"><div class="container values-grid"><SectionHeading eyebrow="BRAND BELIEF" title="让传统手艺，回到今天的生活" description="坚守透明经营与终身养护，不把传统工艺放在橱窗里，而是让它成为每个人都能参与、佩戴和传承的日常。" light /><blockquote data-reveal>“银有光，手有温度，<br/>心意才有了长久的形状。”</blockquote></div></section>
+  <section id="values" class="section-pad values-section"><div class="container values-grid"><SectionHeading eyebrow="BRAND BELIEF" title="让传统手艺，回到今天的生活" description="持续扩展连锁服务，精进古法錾刻、花丝等传统技艺，完善线上线下一体化定制；坚持透明经营与终身养护，让传统银作成为可以参与、佩戴和传承的日常。" light /><blockquote data-reveal>“银有光，手有温度，<br/>心意才有了长久的形状。”</blockquote></div></section>
   <CTA />
 </main><Footer /></Base>

src/pages/faq/index.astro

@@ -4,7 +4,7 @@ const title = `常见问题｜${site.brand.name}`; const description = "银妆
 const jsonLd = { "@context": "https://schema.org", "@type": "FAQPage", mainEntity: site.faq.map((item) => ({ "@type": "Question", name: item.q, acceptedAnswer: { "@type": "Answer", text: item.a } })) };
 ---
 <Base {title} {description} {jsonLd}><Header /><main id="main-content">
-  <section class="page-hero" data-word="FAQ"><div class="container page-hero__inner" data-reveal><div class="breadcrumb"><a href="/">首页</a> / 常见问题</div><div class="eyebrow"><span></span>FREQUENTLY ASKED</div><h1>关于银饰<br/><em>你可能想知道</em></h1><p>从材质真伪、价格构成到日常养护，把重要的问题一次说清楚。</p></div></section>
+  <section class="page-hero" data-word="FAQ"><div class="container page-hero__inner" data-reveal><div class="breadcrumb"><a href="/">首页</a> / 常见问题</div><div class="eyebrow"><span></span>FREQUENTLY ASKED</div><h1>关于我们<br/><em>你可能想知道</em></h1><p>从材质真伪、价格构成到日常养护，把重要的问题一次说清楚。</p></div></section>
   <section class="section-pad section-cream"><div class="container faq-layout"><aside data-reveal><span>01 — 06</span><h2>选购与定制 FAQ</h2><p>若你的问题不在其中，欢迎拨打客服热线与首饰顾问直接沟通。</p><a class="button button--outline" href="tel:4008113922">拨打 {site.contact.phone}</a></aside><div class="faq-list">{site.faq.map((item, index) => <details data-reveal open={index === 0}><summary><span>{String(index + 1).padStart(2, "0")}</span><strong>{item.q}</strong><i aria-hidden="true"></i></summary><div><p>{item.a}</p></div></details>)}</div></div></section>
   <CTA />
 </main><Footer /></Base>

src/pages/index.astro

@@ -23,9 +23,9 @@ const jsonLd = { "@context": "https://schema.org", "@type": "WebSite", name: sit
       <div class="container hero__grid">
         <div class="hero__content" data-reveal>
           <div class="eyebrow"><span></span>{site.home.eyebrow}</div>
-          <h1>把重要的心意，<em>锻造成银</em></h1>
+          <h1>匠心锻银，<em>承接每一份独一无二的定制构想</em></h1>
           <p>{site.home.subhead}</p>
-          <div class="hero__actions"><a class="button" href="tel:4008113922">立即咨询</a><a class="button button--outline" href="/services/">探索银饰系列</a></div>
+          <div class="hero__actions"><a class="button" href="tel:4008113922">立即咨询</a><a class="button button--outline" href="/contact/">咨询报价</a></div>
           <div class="hero__trust"><span>足银 999/9999</span><span>透明计价</span><span>终身养护</span></div>
         </div>
         <div class="hero__visual" data-reveal>
@@ -68,7 +68,7 @@ const jsonLd = { "@context": "https://schema.org", "@type": "WebSite", name: sit
     </section>
 
     <section id="stories" class="section-pad section-white">
-      <div class="container"><SectionHeading eyebrow="MADE FOR MOMENTS" title="为每一段重要关系，留下银色注脚" description="没有虚构的故事模板，只有从真实需求出发的定制场景。" align="center" />
+      <div class="container"><SectionHeading eyebrow="MADE FOR MOMENTS" title="银妆真实定制场景" description="每一件银饰背后都是一段专属故事，覆盖生辰纪念、情侣信物、长辈贺礼与旧银改造。" align="center" />
         <div class="scene-grid">{site.scenes.map((scene, index) => <article data-reveal><span>{String(index + 1).padStart(2, "0")}</span><h3>{scene.title}</h3><p>{scene.desc}</p><a href="/contact/">沟通定制 ↗</a></article>)}</div>
       </div>
     </section>

src/pages/join/index.astro

@@ -6,6 +6,6 @@ const title = `门店与服务｜${site.brand.name}`; const description = "了
   <section class="page-hero" data-word="SERVICE"><div class="container page-hero__inner" data-reveal><div class="breadcrumb"><a href="/">首页</a> / 门店与服务</div><div class="eyebrow"><span></span>STORE & SERVICE</div><h1>购买不是结束<br/><em>长久陪伴才是</em></h1><p>200+ 线下直营门店，以统一标准把真材实料、透明计价与终身养护带到你身边。</p></div></section>
   <section id="service-promise" class="section-pad section-cream"><div class="container"><SectionHeading eyebrow="OUR PROMISE" title="四重服务承诺" description="每一项承诺都对应一次真实的购买与佩戴体验。" /><div class="promise-grid promise-grid--light">{site.promises.map((item) => <article data-reveal><span>{item.number}</span><h3>{item.title}</h3><p>{item.desc}</p></article>)}</div></div></section>
   <section id="service-flow" class="section-pad section-white"><div class="container"><SectionHeading eyebrow="CUSTOM FLOW" title="从构想到交付，六步清晰可见" align="center" /><div class="flow-grid">{[["01","需求沟通"],["02","材质确认"],["03","款式设计"],["04","工艺报价"],["05","匠人制作"],["06","质检交付"]].map(([num, name]) => <div data-reveal><span>{num}</span><strong>{name}</strong></div>)}</div></div></section>
-  <section class="section-pad store-service-section"><div class="container store-service-grid"><div><SectionHeading eyebrow="AFTERCARE" title="银饰常戴常新，养护不必成为负担" description="银妆提供终身免费清洗、抛光、去氧化与基础整形服务；具体换款、维修与编绳规则以购买门店说明为准。" light /></div><div class="service-list">{["终身免费清洗", "终身免费抛光", "氧化翻新养护", "基础整形调圈", "DIY 编绳修护", "长期佩戴建议"].map((item) => <span data-reveal>✓ {item}</span>)}</div></div></section>
+  <section class="section-pad store-service-section"><div class="container store-service-grid"><div><SectionHeading eyebrow="AFTERCARE" title="银饰常戴常新，养护不必成为负担" description="银妆提供终身免费清洗、抛光、去氧化与基础整形；手镯享一年一次免费换款，DIY 成品长期免费换绳，耳环、项链一年内非人为质量问题可换新。具体规则以购买票据与门店说明为准。" light /></div><div class="service-list">{["终身免费清洗抛光", "终身去氧化与基础整形", "手镯一年一次免费换款", "DIY 终身免费换绳修护", "项链断裂免费编绳修复", "耳环/项链一年质保换新"].map((item) => <span data-reveal>✓ {item}</span>)}</div></div></section>
   <CTA title="找到离你更近的银妆服务" text="拨打全国客服热线，说明所在城市与需要，我们将协助你了解门店与服务信息。" />
 </main><Footer /></Base>

src/pages/services/index.astro

 ---
 import Base from "../../layouts/Base.astro"; import Header from "../../components/Header.astro"; import Footer from "../../components/Footer.astro"; import SectionHeading from "../../components/SectionHeading.astro"; import ProductCarousel from "../../components/ProductCarousel.astro"; import CTA from "../../components/CTA.astro"; import { site } from "../../data/site";
-import b1 from "../../../pic/product/微信图片_20260508131941_571_199.jpg"; import b2 from "../../../pic/product/优先-画板 1(1).jpg"; import b3 from "../../../pic/product/22.jpg";
+import b1 from "../../../pic/product/微信图片_20260508131941_571_199.jpg"; import b2 from "../../../pic/product/优先-画板 1(1).jpg"; import b3 from "../../../pic/product/800.jpg";
 import { Image } from "astro:assets";
 const images = [b1, b2, b3, null];
 const title = `产品与定制｜${site.brand.name}`; const description = "探索银妆足银手镯、银饰DIY编织、银耳环、银项链与私人定制服务。";
@@ -10,7 +10,7 @@ const title = `产品与定制｜${site.brand.name}`; const description = "探
   <nav class="anchor-nav"><div class="container">{site.products.map((item) => <a href={`#${item.slug}`}><span>{item.index}</span>{item.name}</a>)}</div></nav>
   <section class="section-pad section-cream"><div class="container product-detail-list">{site.products.map((item, index) => <article id={item.slug} class:list={["product-detail", { "product-detail--reverse": index % 2, "product-detail--no-image": !images[index] }]}>
     {images[index] && <div class="product-detail__image" data-reveal><Image src={images[index]} widths={[480, 720, 960]} sizes="(max-width: 760px) calc(100vw - 62px), 44vw" format="webp" quality={86} alt={item.name} loading={index ? "lazy" : "eager"} /><span>{item.index}</span></div>}
-    <div class="product-detail__content" data-reveal><div class="eyebrow"><span></span>INZUNG {item.index}</div><h2>{item.name}</h2><p class="lead">{item.intro}</p><ul>{item.features.map((feature) => <li><span>✓</span>{feature}</li>)}</ul><div class="spec-box"><strong>规格与工艺</strong><p>{item.specification}</p></div><a class="button button--outline" href="tel:4008113922">咨询该系列</a></div>
+    <div class="product-detail__content" data-reveal><div class="eyebrow"><span></span>INZUNG {item.index}</div><h2>{item.name}</h2><p class="lead">{item.intro}</p><ul>{item.features.map((feature) => <li><span>✓</span>{feature}</li>)}</ul><div class="spec-box"><strong>规格与工艺</strong><dl>{item.specifications.map((spec) => <div><dt>{spec.label}</dt><dd>{spec.value}</dd></div>)}</dl></div><a class="button button--outline" href="tel:4008113922">咨询该系列</a></div>
   </article>)}</div></section>
   <section class="section-pad section-white"><div class="container"><SectionHeading eyebrow="MORE SILVER PIECES" title="更多银妆产品" description="不同款式与工艺持续上新，具体库存、圈口与克重欢迎咨询门店。" /><ProductCarousel /></div></section>
   <CTA title="有一个特别的银饰构想？" text="无论是刻字、錾刻、来料改造还是全新设计，我们都愿意从一张草图、一句话开始。" />

src/styles/global.css

@@ -97,7 +97,7 @@ h1, h2, h3 { color: var(--ink); font-family: var(--serif); font-weight: 700; lin
 .hero-pattern { position: absolute; inset: 0; opacity: .37; background-image: radial-gradient(circle at 1px 1px, rgba(198,168,75,.24) 1px, transparent 0); background-size: 24px 24px; mask-image: linear-gradient(to right, #000, transparent 55%); }
 .hero__grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; min-height: 720px; gap: 72px; padding-block: 62px 85px; }
 .hero__content { max-width: 580px; }
-.hero h1 { margin-bottom: 28px; font-size: clamp(50px, 5.6vw, 74px); line-height: 1.08; letter-spacing: -.06em; word-break: keep-all; }
+.hero h1 { margin-bottom: 28px; font-size: clamp(50px, 5.6vw, 74px); line-height: 1.08; letter-spacing: -.06em; word-break: normal; }
 .hero h1 em, .page-hero h1 em { display: block; color: var(--primary); font-style: normal; }
 .hero__content > p { max-width: 580px; margin-bottom: 34px; color: var(--text); font-size: 18px; }
 .hero__actions { display: flex; gap: 14px; }
@@ -214,7 +214,10 @@ h1, h2, h3 { color: var(--ink); font-family: var(--serif); font-weight: 700; lin
 .product-detail__content li span { margin-right: 12px; color: var(--primary); }
 .spec-box { margin: 25px 0 30px; padding: 20px 22px; background: #fff; border-left: 3px solid var(--gold-deep); }
 .spec-box strong { color: var(--ink); }
-.spec-box p { margin: 7px 0 0; color: var(--muted); font-size: 14px; }
+.spec-box dl { display: grid; gap: 10px; margin: 14px 0 0; }
+.spec-box dl > div { display: grid; grid-template-columns: 82px 1fr; gap: 12px; padding-top: 10px; border-top: 1px solid var(--border); }
+.spec-box dt { color: var(--ink); font-size: 13px; font-weight: 650; }
+.spec-box dd { margin: 0; color: var(--muted); font-size: 14px; }
 
 .about-story-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: clamp(55px, 8vw, 110px); }
 .about-story__image { position: relative; padding: 0 0 30px 30px; }
@@ -397,6 +400,7 @@ h1, h2, h3 { color: var(--ink); font-family: var(--serif); font-weight: 700; lin
   .product-detail-list { gap: 90px; }
   .product-detail { grid-template-columns: 1fr; gap: 40px; }
   .product-detail--reverse .product-detail__image { order: initial; }
+  .spec-box dl > div { grid-template-columns: 1fr; gap: 3px; }
   .advantage-grid { grid-template-columns: 1fr; }
   .values-grid { gap: 45px; }
   .flow-grid { grid-template-columns: repeat(2, 1fr); }