/* ============================================================ TAMI NATURAL HOME — 内页样式（品类页 / 产品页） 依赖 site.css 的 :root 变量与基础组件 内容基准：max-width:1360px + 左右 40px ============================================================ */ /* --- 重置 site.css 里全局 a 的导航内边距 --- */ a{padding:0} /* --- 补齐 site.css 缺失的页脚/品牌细节 --- */ .brand-t span,.brand-t em{font-size:var(--fs-micro);letter-spacing:var(--ls-wide);color:var(--ink-3); font-style:normal;text-transform:uppercase;margin-top:1px;line-height:1.35} .foot-b{display:flex;flex-direction:column;gap:14px} .foot-b p{font-size:var(--fs-note);line-height:1.8;color:var(--ink-2)} .foot-in>div>h5{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase; color:var(--ink-3);font-weight:600;margin-bottom:12px} /* ============================================================ 1. 面包屑 ============================================================ */ .crumb{border-bottom:var(--bw) solid var(--line-2);background:var(--paper)} .crumb-in{max-width:1360px;margin:0 auto;padding:15px 40px; display:flex;align-items:center;gap:9px;flex-wrap:wrap; font-size:var(--fs-note);color:var(--ink-3);letter-spacing:.01em} .crumb-in a{color:var(--ink-2);border-bottom:var(--bw) solid transparent; padding-bottom:1px;transition:var(--t-fast)} .crumb-in a:hover{color:var(--accent);border-bottom-color:var(--accent)} .crumb-in b{color:var(--ink);font-weight:600} /* 面包屑分隔符。原来是 --line（纸底上 1.44:1，等于看不见）， 换成 --line-3 也只有 2.92:1，还是不够。直接用比链接浅一档的 --ink-3（6.0:1）： 它比左右两边的链接淡，但确实看得见。 */ .cb-sep{color:var(--ink-3);user-select:none} /* ============================================================ 2. 页头（品类页） ============================================================ */ .pg-h{max-width:1360px;margin:0 auto;padding:56px 40px 0; font-size:var(--fs-page);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.02em; display:flex;align-items:baseline;gap:16px;flex-wrap:wrap} /* 标题旁边的英文小标回黑体：全大写宋体在 14.5px 这档笔画太碎， 跟旁边的宋体大标题撞在一起反而是两种「旧」。 */ .pg-h span{font-family:var(--sans);font-size:var(--fs-ui);font-weight:500; letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--ink-3)} .pg-lead{max-width:1360px;margin:0 auto;padding:18px 40px 0; font-size:var(--fs-lead);line-height:1.8;color:var(--ink-2)} .pg-lead b{color:var(--ink);font-weight:600} /* ============================================================ 3. 规格条 ============================================================ */ .specbar{max-width:1360px;margin:36px auto 0;padding:0 40px; display:grid;grid-template-columns:repeat(5,1fr);gap:0} .sp-row{padding:0 20px 0 0;border-left:var(--bw) solid var(--line); display:flex;flex-direction:column;gap:7px;min-width:0} .sp-row:first-child{border-left:0;padding-left:0} .sp-row span{font-size:var(--fs-label);letter-spacing:var(--ls-wider);text-transform:uppercase; color:var(--ink-3);font-weight:600} .sp-row b{font-size:var(--fs-ui);line-height:1.65;font-weight:600;color:var(--ink); letter-spacing:.01em} /* 纵向变体：产品页右侧信息栏用 */ .specbar.vert{grid-template-columns:1fr;margin:26px 0 30px;padding:0; border-top:var(--bw) solid var(--line-2)} .specbar.vert .sp-row{border-left:0;padding:13px 0;border-bottom:var(--bw) solid var(--line-2); flex-direction:row;align-items:baseline;gap:14px} .specbar.vert .sp-row span{flex:0 0 118px;font-size:var(--fs-label)} .specbar.vert .sp-row b{font-size:var(--fs-tight);font-weight:600} /* ============================================================ 4. 区块小标题 ============================================================ */ .sec-h2{max-width:1360px;margin:0 auto;padding:72px 40px 26px; border-bottom:var(--bw) solid var(--line);margin-bottom:0} .sec-h2 h2{font-size:var(--fs-sec);font-weight:700;letter-spacing:var(--ls-display); display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .sec-h2 h2 a{color:inherit;border-bottom:var(--bw) solid transparent;transition:var(--t-fast)} .sec-h2 h2 a:hover{color:var(--accent);border-bottom-color:var(--accent)} .sec-h2 h2 em{font-size:var(--fs-note);font-style:normal;font-weight:600; letter-spacing:var(--ls-wide);color:var(--ink-3);padding:4px 10px; border:var(--bw) solid var(--line);background:rgba(255,255,255,.6)} .sec-h2 p{font-size:var(--fs-tight);color:var(--ink-2);margin-top:9px} /* ============================================================ 5. 产品网格 ============================================================ */ .pgrid{max-width:1360px;margin:0 auto;padding:34px 40px 84px; display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .pgrid.sm{grid-template-columns:repeat(5,1fr);gap:18px;padding-top:30px} /* 2026-11-04 老板定：细墨线 + 圆角。边框压到 1px，卡背半透明露页面底色， 悬停转墨黑（不用橙色，橙色一亮就廉价），编号钉到图片右上角。 */ .pcard{display:block;position:relative; border:var(--bw) solid var(--line);border-radius:var(--r-card);overflow:hidden; background:rgba(255,255,255,.5); transition:border-color var(--t-fast),background var(--t-fast); text-decoration:none;color:inherit} .pcard:hover{border-color:var(--ink);background:rgba(255,255,255,.85)} .pcard-img{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden; background:#fff} .pcard-img img{width:100%;height:100%;object-fit:contain;display:block; padding:13%;transition:transform var(--t-slow) cubic-bezier(.2,.85,.25,1)} .pcard:hover .pcard-img img{transform:scale(1.05)} /* 编号从标题里拉出来钉在图片右上角：厂方原图左上角带 TAMI 水印，右上是干净的。 绝对定位相对 .pcard，因此不随图片一起缩放。 */ .pcard-b h3 .pnum{position:absolute;top:11px;right:14px;z-index:2; font-size:var(--fs-micro);font-style:normal;font-weight:700;letter-spacing:var(--ls-wider); color:var(--ink-3);padding:0;border:0;background:none; transition:color var(--t-fast)} .pcard:hover .pnum{color:var(--accent)} .pcard-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px} .pcard-b h3{font-size:var(--fs-ui);font-weight:600;line-height:1.5; letter-spacing:.01em;color:var(--ink)} .pcard-b span{font-size:var(--fs-label);color:var(--ink-3);letter-spacing:.04em} .pcard-b em{font-size:var(--fs-label);font-style:normal;font-weight:700; letter-spacing:.05em;color:var(--accent); margin-top:9px;padding-top:8px;border-top:var(--bw) solid var(--line)} .pcard.sm .pcard-b{padding:11px 13px 13px} .pcard.sm .pcard-b h3{font-size:var(--fs-note);font-weight:600;line-height:1.35} .pcard.sm .pcard-img img{padding:10%} /* ============================================================ 6. 产品页首屏 ============================================================ */ .phero{max-width:1360px;margin:0 auto;padding:48px 40px 0; display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start} /* 图区：主图 + 场景图 */ .pgal{display:grid;grid-template-columns:1fr;gap:14px;position:sticky;top:88px} .pgal-main{background:#fff;border:var(--bw) solid var(--line);aspect-ratio:1/1; overflow:hidden} .pgal-main img{width:100%;height:100%;object-fit:contain;display:block;padding:20px} .pgal-scene{background:#fff;border:var(--bw) solid var(--line-2);aspect-ratio:21/9; overflow:hidden} .pgal-scene img{width:100%;height:100%;object-fit:cover;display:block} /* 信息区 */ .pinfo{display:flex;flex-direction:column} .pk{font-size:var(--fs-label);letter-spacing:var(--ls-wider);text-transform:uppercase; color:var(--ink-3);font-weight:600;margin-bottom:13px} .pinfo h1{font-size:var(--fs-page);line-height:var(--lh-tight);font-weight:700; letter-spacing:-.02em;margin-bottom:16px} .pmark{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap; margin-bottom:18px;padding-bottom:16px;border-bottom:var(--bw) solid var(--line-2)} .pmark span{font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; font-weight:600;color:var(--ink-3);flex:0 0 auto} .pmark b{font-size:var(--fs-note);font-weight:600;letter-spacing:var(--ls-wide);color:var(--ink); font-family:"SF Mono",Menlo,Consolas,monospace; background:var(--paper-2);border:var(--bw) solid var(--line); padding:4px 9px;line-height:1.5} .pinfo-lead{font-size:var(--fs-ui);line-height:1.8;color:var(--ink-2); padding-bottom:4px} .pinfo .btn{align-self:flex-start;margin-top:2px} .pinfo .btn-ghost{margin-top:12px} .pnote{font-size:var(--fs-label);line-height:1.8;color:var(--ink-3); margin-top:26px;padding-top:16px;border-top:var(--bw) solid var(--line-2); max-width:420px} /* ============================================================ 7. 页尾 CTA 条 ============================================================ */ .pg-cta{max-width:1360px;margin:0 auto 90px;padding:34px 40px; background:var(--paper-2);border:var(--bw) solid var(--line); display:flex;align-items:center;justify-content:space-between; gap:28px;flex-wrap:wrap} .pg-cta b{font-size:var(--fs-card);font-weight:700;letter-spacing:var(--ls-tight); line-height:1.65;max-width:720px;color:var(--ink)} /* ============================================================ 8. 响应式 ============================================================ */ @media(max-width:1080px){ /* 内容左右边距与 site.css 的 24px 基准对齐 */ .crumb-in{padding:14px 24px} .pg-h{padding:46px 24px 0} .pg-lead{padding:16px 24px 0} .specbar{padding:0 24px} .sec-h2{padding:60px 24px 22px} .pgrid{padding:30px 24px 68px} .phero{padding:40px 24px 0} .pg-cta{margin:0 24px 72px;padding:30px 24px} .pgrid{grid-template-columns:repeat(2,1fr)} .pgrid.sm{grid-template-columns:repeat(4,1fr)} .phero{grid-template-columns:1fr;gap:36px;padding-top:36px} .pgal{position:static} .specbar{grid-template-columns:repeat(3,1fr);row-gap:22px} .sp-row:nth-child(4){border-left:0;padding-left:0} } @media(max-width:860px){ .crumb-in{padding:13px 24px} .pg-h{padding:38px 24px 0;font-size:var(--fs-page)} .pg-h span{font-size:var(--fs-note);width:100%} .pg-lead{padding:14px 24px 0;font-size:var(--fs-body)} .specbar{padding:0 24px;grid-template-columns:repeat(2,1fr);margin-top:28px} .sp-row{padding-right:14px} .sp-row:nth-child(3){border-left:0;padding-left:0} .specbar.vert{padding:0} .specbar.vert .sp-row{flex-direction:column;gap:5px} .specbar.vert .sp-row span{flex:none} .sec-h2{padding:48px 24px 20px} .sec-h2 h2{font-size:var(--fs-sec)} .pgrid{padding:26px 24px 60px;gap:16px} .pgrid.sm{grid-template-columns:repeat(3,1fr);gap:12px} .phero{padding:30px 24px 0} .pinfo h1{font-size:var(--fs-page)} .pgal-main img{padding:14px} .pg-cta{margin:0 24px 60px;padding:26px 24px;flex-direction:column; align-items:flex-start;gap:18px} .pg-cta b{font-size:var(--fs-body)} .pg-cta .btn{width:100%;text-align:center} .nav-links{display:none} } @media(max-width:560px){ .pgrid,.pgrid.sm{grid-template-columns:repeat(2,1fr)} .pg-h{font-size:var(--fs-page)} .nav-in{padding:0 16px} .brand-t em,.brand-t span{display:none} .nav-r{gap:10px} .nav-cta{padding:10px 14px;font-size:var(--fs-note)} .crumb-in{padding:12px 16px} .pg-h{padding:32px 16px 0} .pg-lead{padding:12px 16px 0;font-size:var(--fs-ui)} .specbar{padding:0 16px} .sec-h2{padding:40px 16px 18px} .pgrid{padding:22px 16px 52px;gap:12px} .phero{padding:24px 16px 0} .pg-cta{margin:0 16px 52px;padding:22px 16px} .foot-in{padding:0 16px} .foot-bottom{padding:14px 16px 0} .sp-row b{font-size:var(--fs-tight)} .pcard-b{padding:12px 12px 14px} .pcard-b h3{font-size:var(--fs-tight)} } /* ============================================================ 10. 产品目录页（印刷目录原页） ============================================================ */ .catgrid{max-width:1360px;margin:0 auto;padding:34px 40px 56px; display:grid;grid-template-columns:repeat(2,1fr);gap:30px} .catcard{border:var(--bw) solid var(--line);background:#fff;display:flex; flex-direction:column;transition:border-color var(--t-fast),box-shadow var(--t-fast)} .catcard:hover{border-color:var(--accent-2); box-shadow:var(--sh-2)} .catcard-img{display:block;background:var(--paper-2); border-bottom:var(--bw) solid var(--line-2);overflow:hidden} .catcard-img img{width:100%;height:auto;display:block} .catcard figcaption{padding:19px 22px 22px;display:flex;flex-direction:column} .catcard h3{font-size:var(--fs-card);font-weight:700;letter-spacing:var(--ls-tight); display:flex;align-items:baseline;gap:9px;line-height:1.35} .catcard h3 .pnum{font-size:var(--fs-micro);font-weight:700;letter-spacing:var(--ls-wide); color:var(--ink-3);padding:2px 5px;border:var(--bw) solid var(--line); background:var(--paper);flex:0 0 auto} .catcard p{font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2);margin-top:9px} /* 目录原页图上的数字与站上口径不一致时的说明 */ .catcard p.catcaveat{font-size:var(--fs-label);line-height:1.8;color:var(--ink-2); margin-top:11px;padding:9px 12px;background:var(--paper-2); border-left:var(--bw-2) solid var(--accent)} .catitems{font-size:var(--fs-micro);letter-spacing:.055em;line-height:1.8; color:var(--ink-3);margin-top:13px;padding-top:12px; border-top:var(--bw) solid var(--line-2);word-break:break-word} .catlinks{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px} .catlinks a{font-size:var(--fs-note);font-weight:600;color:var(--accent); border-bottom:var(--bw) solid var(--link-line);padding-bottom:2px} .catlinks a:hover{color:var(--ink);border-bottom-color:var(--ink)} /* 品类页里的「目录相关页」小条 */ .catref{max-width:1360px;margin:0 auto;padding:24px 40px 0; display:flex;gap:16px;align-items:baseline;flex-wrap:wrap} .catref span{font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; font-weight:600;color:var(--ink-3);flex:0 0 auto} .catref a{font-size:var(--fs-note);font-weight:600;color:var(--accent); border-bottom:var(--bw) solid var(--link-line);padding-bottom:2px} .catref a:hover{color:var(--ink);border-bottom-color:var(--ink)} @media(max-width:1080px){ .catgrid{padding:28px 24px 48px;gap:22px} .catref{padding:20px 24px 0} } @media(max-width:860px){ .catgrid{grid-template-columns:1fr;gap:18px;padding:24px 24px 44px} } @media(max-width:560px){ .catgrid{padding:20px 16px 40px} .catcard figcaption{padding:15px 16px 18px} .catcard h3{font-size:var(--fs-ui)} .catref{padding:18px 16px 0;gap:10px} } /* ============================================================ 11. 目录模式品类页（无产品实拍图，直接列目录原页） ============================================================ */ .sheetwrap{max-width:1360px;margin:0 auto;padding:32px 40px 60px; display:grid;grid-template-columns:1.55fr 1fr;gap:38px;align-items:start} .sheetimg{display:block;border:var(--bw) solid var(--line);background:#fff; overflow:hidden;transition:border-color var(--t-fast),box-shadow var(--t-fast)} .sheetimg:hover{border-color:var(--accent-2); box-shadow:var(--sh-2)} .sheetimg img{width:100%;height:auto;display:block} .sheetside{padding-top:2px} .sheetside h4{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase; font-weight:600;color:var(--ink-3);margin-bottom:16px} .sheetitems{list-style:none;display:flex;flex-direction:column; border-top:var(--bw) solid var(--line-2)} .sheetitems li{font-size:var(--fs-note);letter-spacing:.05em;line-height:1.65; color:var(--ink-2);padding:11px 0;border-bottom:var(--bw) solid var(--line-2); font-family:"SF Mono",Menlo,Consolas,monospace} .sheetside .btn{margin-top:24px} /* 品类页：目录品项按「目录页」分组陈列 */ .citemgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px; align-items:start} /* 不让短卡片被拉成等高，避免底部大片空白 */ .citem{padding:24px 26px 20px;background:var(--paper-2); border:var(--bw) solid var(--line-2);border-radius:var(--r-media)} .citem h4{font-size:var(--fs-note);font-weight:600;letter-spacing:.03em;color:var(--ink); display:flex;align-items:baseline;justify-content:space-between;gap:12px; padding-bottom:12px;border-bottom:var(--bw) solid var(--line-2)} .citem h4 em{font-style:normal;font-size:var(--fs-micro);letter-spacing:var(--ls-wider); color:var(--ink-3);white-space:nowrap} .citem ul{list-style:none;margin-top:6px} .citem li{font-size:var(--fs-label);letter-spacing:.04em;line-height:1.5;color:var(--ink-2); padding:7px 0;border-bottom:var(--bw) solid var(--line-2); font-family:"SF Mono",Menlo,Consolas,monospace} .citem li:last-child{border-bottom:0} .citem-go{display:inline-block;margin-top:14px;font-size:var(--fs-label);letter-spacing:.04em; color:var(--accent);border-bottom:var(--bw) solid transparent;transition:border-color var(--t-fast)} .citem-go:hover{border-bottom-color:var(--accent)} @media(max-width:860px){.citemgrid{grid-template-columns:1fr;gap:16px}} @media(max-width:560px){.citem{padding:20px 18px 16px}.citem li{font-size:var(--fs-label)}} /* 线页对比表 */ .lntabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .lntab{width:100%;border-collapse:collapse;font-size:var(--fs-note);min-width:560px} .lntab th{text-align:left;font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; font-weight:600;color:var(--ink-3);padding:0 16px 12px 0; border-bottom:var(--bw) solid var(--line);white-space:nowrap} .lntab td{padding:14px 16px 14px 0;border-bottom:var(--bw) solid var(--line-2); color:var(--ink-2);vertical-align:top;line-height:1.65} .lntab td:first-child{color:var(--ink);font-weight:500;white-space:nowrap} .lntab td:first-child a{color:inherit;border-bottom:var(--bw) solid transparent;transition:border-color var(--t-fast)} .lntab td:first-child a:hover{border-bottom-color:var(--accent)} .lntab .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} .lntab tbody tr:last-child td{border-bottom:0} /* 手机上不靠内层横滚：取消 min-width，让单元格自行换行 */ @media(max-width:640px){ .lntab{min-width:0;font-size:var(--fs-label)} .lntab th{padding:0 8px 10px 0;letter-spacing:var(--ls-wide)} .lntab td{padding:11px 8px 11px 0} .lntab td:first-child{white-space:normal} } /* 品类页 FAQ */ .faq{border-top:var(--bw) solid var(--line);margin-top:6px} .faq-i{display:grid;grid-template-columns:340px 1fr;gap:40px; padding:22px 0;border-bottom:var(--bw) solid var(--line-2)} .faq-i:last-child{border-bottom:0} .faq dt{font-size:var(--fs-ui);font-weight:600;color:var(--ink);line-height:1.65;letter-spacing:.01em} .faq dd{font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2); font-family:inherit;letter-spacing:0} @media(max-width:860px){ .faq-i{grid-template-columns:1fr;gap:8px;padding:18px 0} .faq dt{font-size:var(--fs-tight)}.faq dd{font-size:var(--fs-tight)} } @media(max-width:1080px){ .sheetwrap{padding:26px 24px 52px;gap:26px} } @media(max-width:860px){ .sheetwrap{grid-template-columns:1fr;padding:22px 24px 46px;gap:22px} } @media(max-width:560px){ .sheetwrap{padding:18px 16px 40px} .sheetitems li{font-size:var(--fs-label)} } /* 目录原页当卡片图时改为裁切铺满，避免 1:1 容器里出现横条留白 */ .pcard-img img[src*="catalogue/"]{object-fit:cover;object-position:center 42%;padding:0} /* ---------- 独立信息页（info/）通用排版 ---------- */ .ipg-sec{max-width:1360px;margin:0 auto;padding:40px 40px 0} .ipg-h{font-size:var(--fs-sec);font-weight:700;letter-spacing:var(--ls-display);margin-bottom:18px; display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} /* h2 不能被右侧说明文字压缩，否则「4 项」会折成两行（项 掉到下一行） */ .ipg-h h2{flex:0 0 auto;white-space:nowrap} .ipg-h p{flex:1 1 auto;min-width:0} /* 窄屏：英文标题（如線頁 MOQ and pack format…）比屏宽还长，nowrap 会撑破容器， 改为竖排 + 允许 h2 整体换行；em 自带 nowrap，保证「4 项」不被拆开 */ @media(max-width:760px){ .ipg-h{flex-direction:column;align-items:flex-start;gap:6px} .ipg-h h2{white-space:normal;flex:0 1 auto;max-width:100%} } /* 窄屏：英文标题（如線頁 MOQ and pack format…）比屏宽还长，nowrap 会撑破容器， 改为竖排 + 允许 h2 整体换行；em 自带 nowrap，保证「4 项」不被拆开 */ @media(max-width:760px){ .ipg-h{flex-direction:column;align-items:flex-start;gap:6px} .ipg-h h2{white-space:normal;flex:0 1 auto;max-width:100%} } .ipg-h em{font-style:normal;font-size:var(--fs-note);font-weight:700;letter-spacing:.08em; color:var(--accent);white-space:nowrap} .ipg-p{font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2);max-width:56em; margin-bottom:18px} .ipg-note{margin-top:24px;padding:15px 18px;background:var(--paper-2); border-left:var(--bw-2) solid var(--accent);font-size:var(--fs-note);line-height:1.8; color:var(--ink-2);max-width:none} .ipg-note b{color:var(--ink)} /* ---------- 车间实拍视频（info/process，2026-11-05） ---------- 限宽 960：1280 的片子铺满 1360 容器会糊。aspect-ratio 锁 16:9， poster 未载入时高度也不会塌成 0（移动端 CLS）。 preload="none" 由 HTML 属性控制，这里不管加载策略。 */ .ipg-vid{margin:4px 0 2px;max-width:960px} .ipg-vid video{display:block;width:100%;height:auto;aspect-ratio:16/9; background:var(--ink-0);border:var(--bw) solid var(--line);border-radius:var(--r-media)} .ipg-vid figcaption{margin-top:10px;font-size:var(--fs-note);line-height:1.8;color:var(--ink-3)} /* 新容器里的 a 必须给一次色，否则掉回浏览器默认蓝 */ .ipg-vid a,.ipg-note a{color:var(--accent);border-bottom:var(--bw) solid var(--link-line)} .ipg-vid a:hover,.ipg-note a:hover{color:var(--ink);border-bottom-color:var(--ink)} @media(max-width:760px){ .ipg-vid figcaption{font-size:var(--fs-label);line-height:1.8} } .ipg-sec .specbar{margin-top:0;padding:0} /* ---------- 结构化参数 / 流程列表（产品页 P1-5，2026-11-05） ---------- 表格对人友好，但纯列表对抓取更友好：4 项以上的并列列表更容易被 AI 当作一个完整单元整块摘走。两种形态同时存在，各取所需。 体例沿用产品卡：细墨线 + 无底色，悬停转墨黑。 */ .plist{list-style:none;margin:0;padding:0;border-top:var(--bw) solid var(--line)} .plist li{display:grid;grid-template-columns:180px 1fr;gap:24px; padding:13px 2px;border-bottom:var(--bw) solid var(--line);align-items:baseline} .plist li b{font-size:var(--fs-note);font-weight:600;color:var(--ink);letter-spacing:.01em} .plist li span{font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2)} /* 流程列表：左侧标「第 0 天」这类时间标记，用墨色描边圈出来 */ .plist-num li b{position:relative;padding-left:0;color:var(--accent)} .plist-num li b::after{content:"";display:block;height:1px;width:26px; background:var(--warm-line);margin-top:6px} @media(max-width:760px){ .plist li{grid-template-columns:1fr;gap:3px;padding:11px 0} } /* ---------- 起订量分组表（info/moq，2026-11-05） ---------- 18 个品类按四条线分组，每组一个小标题 + 一份 plist。 分组标题用底色块而不是通栏线，避免与 plist 的 border-top 叠成双线。 */ .moq-wrap{margin:4px 0 2px} .moq-g{margin-bottom:30px} .moq-g:last-child{margin-bottom:0} .moq-g-h{display:flex;align-items:baseline;gap:10px;font-size:var(--fs-label); letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--accent); font-weight:600;margin-bottom:2px} .moq-g-h em{font-style:normal;font-size:var(--fs-label);letter-spacing:var(--ls-wide); color:var(--ink-3);border:var(--bw) solid var(--line);border-radius:var(--r-media); padding:0 5px;line-height:1.5} .moq-g .plist li b a{color:var(--ink)} .moq-g .plist li b a:hover{color:var(--accent)} .moq-g .plist li span em{font-style:normal;font-size:var(--fs-note);color:var(--ink-3); margin-left:12px;white-space:nowrap} .moq-g .plist li span em::before{content:"· ";color:var(--line)} @media(max-width:760px){ .moq-g{margin-bottom:24px} } /* 左列标签较长的页（如 documents 的「美国 FDA 设施注册」）放宽到 210px，避免折行 */ .plist-w li{grid-template-columns:210px 1fr} @media(max-width:760px){ .plist-w li{grid-template-columns:1fr} } /* 信息页正文与底部 CTA 之间留白 */ .ipg-sec + .pg-cta{margin-top:56px} @media(max-width:1080px){ .ipg-sec{padding:30px 24px 0} } /* ========================================================================== 站内搜索 依据：手册 §3.4 第 2 关（必须有搜索框） 2026-11-08：询盘表单整段移除，本段只剩搜索 ========================================================================== */ /* 紧凑版：卡在品类页 / 产品页正文末尾，视觉降一档 */ /* ---------- 站内搜索 ---------- */ .nav-search-btn{display:inline-flex;align-items:center;justify-content:center; width:32px;height:32px;border-radius:var(--r-ui);border:var(--bw) solid var(--line-3);background:#fff; cursor:pointer;padding:0;color:var(--ink-2);transition:var(--t-fast)} .nav-search-btn:hover{border-color:var(--accent);color:var(--accent)} .nav-search-btn svg{width:15px;height:15px;display:block} .sr{position:relative} /* ⚠️ 按钮在 .sr 里面，所以 .sr 本身必须常显，只有面板按 .on 切换。 原来写成 .sr{display:none}，把搜索按钮一起藏了（2026-11-05 自查修正）。 */ .sr-box{display:none;position:absolute;top:44px;right:0;width:min(430px,86vw);background:#fff; border:var(--bw) solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-3); padding:12px;z-index:60} .sr-box input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:var(--fs-ui); font-family:inherit;border:var(--bw) solid var(--line-3);border-radius:var(--r-ui)} .sr-box input:focus{outline:none;border-color:var(--accent); box-shadow:var(--ring)} .sr.on .sr-box{display:block} .sr-list{max-height:min(60vh,380px);overflow:auto;margin-top:8px} .sr-i{display:flex;flex-direction:column;gap:2px;padding:8px 9px;border-radius:var(--r-ui); text-decoration:none;color:var(--ink)} .sr-i:hover{background:var(--paper-2)} .sr-i b{font-size:var(--fs-tight);font-weight:600;line-height:1.35} .sr-i span{font-size:var(--fs-label);color:var(--ink-3)} .sr-empty{margin:10px 2px 4px;font-size:var(--fs-note);line-height:1.65;color:var(--ink-3)} .sr-empty a{color:var(--accent)} /* ---------- 首回时效条 ---------- */ .foot-sla{margin:8px 0 0;font-size:var(--fs-note);line-height:1.65;color:var(--ink-3)} /* 2026-11-06：原来三条法务链接各带一条灰下划线，压在 11.5px 的小字下面， 又短又密，看着像没排版。改成常态无下划线、悬停才出，字距给一点。 */ .foot-legal{display:flex;gap:20px;flex-wrap:wrap;letter-spacing:.02em} .foot-legal a{text-decoration:none;color:inherit;border-bottom:var(--bw) solid transparent; padding-bottom:1px;transition:var(--t-fast)} .foot-legal a:hover{color:var(--accent);border-color:currentColor} @media(max-width:720px){ .sr-box{right:-6px;width:min(94vw,420px)} } /* ---------- 页末联系区（2026-11-08：表单拿掉，改「写清这三行」提示卡） ---------- */ .pg-cta-form{display:block;align-items:stretch;justify-content:flex-start;padding:30px 40px 24px} .pg-cta-t{display:block;margin-bottom:4px;max-width:820px} @media(max-width:1080px){ .pg-cta-form{padding:26px 22px 20px} } /* ---------- 品类页「这一类怎么采购」块 ---------- */ .buyhow{max-width:1360px;margin:0 auto 46px;padding:0} .buyhow-in{background:var(--paper-2);border:var(--bw) solid var(--line); border-radius:var(--r-card);padding:26px 30px} /* 小标题回黑体：19px 的宋体笔画挤在一起反而糊，衬线只在 21px 以上才成立 */ .buyhow h2{font-family:var(--sans);font-size:var(--fs-sub);font-weight:700;margin:0 0 4px;color:var(--ink)} .buyhow h2 em{font-style:normal;font-size:var(--fs-note);font-weight:500;color:var(--ink-3); margin-left:10px;letter-spacing:.02em} .buyhow > .buyhow-in > p{margin:8px 0 0;font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2)} .buyhow ol{margin:14px 0 0;padding-left:0;list-style:none;counter-reset:bh; display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px} .buyhow li{counter-increment:bh;position:relative;padding-left:30px; font-size:var(--fs-tight);line-height:1.65;color:var(--ink-2)} .buyhow li::before{content:counter(bh,decimal-leading-zero);position:absolute;left:0;top:1px; font-size:var(--fs-label);font-weight:700;color:var(--accent);letter-spacing:.02em} .buyhow li b{color:var(--ink);font-weight:600} .buyhow-nav{margin:16px 0 0;display:flex;gap:18px;flex-wrap:wrap;font-size:var(--fs-tight)} .buyhow-nav a{color:var(--accent);text-decoration:none;border-bottom:var(--bw) solid currentColor} @media(max-width:820px){ .buyhow{padding:0 24px} .buyhow ol{grid-template-columns:1fr} .buyhow-in{padding:20px 20px} } /* ---------- info 页通用表格（产地页 / 隐私政策页 2026-11-05） ---------- */ .ipg-tabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 2px} .ipg-tab{width:100%;border-collapse:collapse;font-size:var(--fs-tight);line-height:1.65} .ipg-tab thead th{text-align:left;font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; color:var(--ink-3);font-weight:600;padding:0 14px 9px 0;border-bottom:var(--bw) solid var(--line); vertical-align:bottom} .ipg-tab tbody th{text-align:left;font-weight:600;color:var(--ink); padding:11px 16px 11px 0;border-bottom:var(--bw) solid var(--line); vertical-align:top;width:170px;white-space:normal} .ipg-tab tbody td{padding:11px 16px 11px 0;border-bottom:var(--bw) solid var(--line); color:var(--ink-2);vertical-align:top} .ipg-tab tbody td b{color:var(--ink);font-weight:600} .ipg-tab tbody tr:last-child th,.ipg-tab tbody tr:last-child td{border-bottom:0} @media(max-width:820px){ .ipg-tab{min-width:600px;font-size:var(--fs-note)} .ipg-tab tbody th{width:130px} } /* ---------- 首页联系区：右栏放「写清这三行」提示卡 ---------- */ /* .cta 是深底 + 两列（文案 / 右栏），右栏要给够宽度，否则提示卡被挤成窄条 */ .cta-form .cta-in{grid-template-columns:minmax(0,1fr) minmax(340px,470px);align-items:stretch} /* 左栏纵向铺满，最后那句贴到底，与右侧卡的底边齐平 —— 否则左栏 400px、右栏 500px，中间空出一条看着像没排完 */ .cta-form .cta-l{display:flex;flex-direction:column} .cta-form .cta-l .cta-note{margin-top:auto;padding-top:22px} .cta-form .cta-act{display:flex;min-width:0;width:100%} /* 让提示卡跟着左栏高度铺满。左栏 330 / 右栏 290 的那种差， 摆在一起就是「右边这块没做完」的观感 */ .cta-form .qguide{flex:1} /* .cta p 是深底浅字，会把表单里的说明文字一起染掉，这里复位 */ .cta-note{margin-top:22px;font-size:var(--fs-tight);line-height:1.65;color:#AFB4C9} @media(max-width:1080px){ .cta-form .cta-in{grid-template-columns:1fr;gap:34px} } /* ---------- 页脚底部：加隐私政策等法务链接后的排布 ---------- */ /* 底部条三样东西同一档字号，之前法务链接单独小一档，看着像漏改 */ .foot-bottom .foot-legal{gap:20px;font-size:inherit} @media(max-width:720px){ .foot-bottom{flex-wrap:wrap;gap:10px} .foot-bottom .foot-legal{order:3;width:100%} } /* ---------- 首页「采购三问」下方去产地页的入口 ---------- */ .pq-more{margin:22px 0 0;font-size:var(--fs-tight);line-height:1.65} .pq-more a{color:var(--accent);text-decoration:none;border-bottom:var(--bw) solid currentColor} /* ---------- 首页市场清单（2026-11-05 补 A3 / H1） ---------- 手册 §12.2 首页三要素的最后一条：说清服务哪些市场。 塞进「采购三问」区块内部，不新增首页第七块。 */ .mkt{margin:26px 0 0} .mkt-h{display:flex;align-items:center;gap:8px;font-size:var(--fs-label);font-weight:700; letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:11px} .mkt-h em{font-style:normal;font-size:var(--fs-label);font-weight:600;letter-spacing:0;color:var(--ink-3)} .mkt-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .mkt-i{background:#fff;border:var(--bw) solid var(--line);border-radius:var(--r-card); padding:13px 15px 12px} .mkt-k{display:block;font-size:var(--fs-tight);font-weight:700;color:var(--ink); margin-bottom:5px} .mkt-i p{margin:0;font-size:var(--fs-note);line-height:1.65;color:var(--ink-2)} .mkt-i p b{color:var(--ink);font-weight:600} @media(max-width:860px){.mkt-g{grid-template-columns:1fr}} /* 产品页 buyhow 只有 3 步：末步跨两列，避免右侧留空格 */ .buyhow.buyhow-3 ol li:nth-child(3){grid-column:1 / -1} @media(max-width:820px){.buyhow.buyhow-3 ol li:nth-child(3){grid-column:auto}} /* 减少卡片尾部孤字（Chromium 117+ 支持，其余浏览器忽略） */ .mkt-i p{text-wrap:pretty} /* ============================================================ 博客（2026-11-05 新增） 索引页用 .bl-*，文章页用 .art-* 正文宽度收到 820px：文章是读的，不是扫的，1360 太宽会串行 ============================================================ */ .bl-hero{max-width:1360px;margin:0 auto;padding:54px 40px 0} .bl-cat{display:inline-block;font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-wider); text-transform:uppercase;color:var(--accent);margin-bottom:13px} .bl-cat a{color:inherit;border-bottom:var(--bw) solid currentColor;padding-bottom:1px} .bl-h1{text-wrap:balance;font-size:var(--fs-page);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.02em;margin:0; max-width:920px} .bl-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:17px 0 0; font-size:var(--fs-note);color:var(--ink-3)} .bl-meta i{font-style:normal;width:1px;height:11px;background:var(--line)} .bl-lead{max-width:920px;margin:20px 0 0;font-size:var(--fs-lead);line-height:1.8;color:var(--ink-2)} /* --- 索引页卡片 --- */ .bl-wrap{max-width:1360px;margin:0 auto;padding:34px 40px 0} .bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .bl-card{display:flex;flex-direction:column;background:#fff;border:var(--bw) solid var(--line); border-radius:var(--r-card);padding:24px 26px 22px;transition:var(--t-fast);color:inherit} .bl-card:hover{border-color:var(--accent);box-shadow:var(--sh-2)} .bl-card .bl-cat{margin-bottom:10px} .bl-card h2{font-family:var(--sans);font-size:var(--fs-sub);line-height:1.35;font-weight:700;margin:0;color:var(--ink)} .bl-card p{margin:11px 0 0;font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2)} .bl-card .bl-meta{margin-top:15px;font-size:var(--fs-label)} .bl-go{margin-top:auto;padding-top:17px;font-size:var(--fs-tight);font-weight:600;color:var(--accent)} .bl-go::after{content:" →"} .bl-empty{margin:26px 0 0;padding:22px 24px;border:var(--bw) dashed var(--line); border-radius:var(--r-card);font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2)} /* --- 文章正文 --- */ .art{max-width:1360px;margin:0 auto;padding:34px 40px 0} .art-in{max-width:820px} .art-in h2{font-size:var(--fs-sec);line-height:1.35;font-weight:700;color:var(--ink); margin:46px 0 0;padding-top:24px;border-top:var(--bw) solid var(--line-2);scroll-margin-top:88px} .art-in h2:first-of-type{margin-top:0;padding-top:0;border-top:0} .art-in h3{font-size:var(--fs-card);line-height:1.5;font-weight:700;color:var(--ink);margin:26px 0 0} .art-in p{font-size:var(--fs-body);line-height:1.8;color:var(--ink-2);margin:14px 0 0} .art-in p b,.art-in li b,.art-in td b,.art-in th b{color:var(--ink);font-weight:600} .art-in ul,.art-in ol{margin:14px 0 0;padding-left:21px} .art-in li{font-size:var(--fs-body);line-height:1.8;color:var(--ink-2);margin:7px 0 0} .art-in a{color:var(--accent);border-bottom:var(--bw) solid currentColor} .art-in a:hover{opacity:.75} .art-in .ipg-tabwrap{margin:18px 0 0} .art-in .ipg-tab tbody th{width:150px} /* 提示块：文章里用来放「这一条最容易被搞错」的东西 */ .art-tip{margin:20px 0 0;padding:15px 19px;background:#fff;border:var(--bw) solid var(--line); border-left:var(--bw-2) solid var(--accent);border-radius:0 var(--r-ui) var(--r-ui) 0; font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2)} .art-tip b{color:var(--ink);font-weight:600} /* 目录：文章长了必须给，也帮抓取器切段 */ .art-toc{margin:26px 0 36px;padding:16px 20px 15px;background:#fff;border:var(--bw) solid var(--line); border-radius:var(--r-card)} .art-toc b{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; color:var(--ink-3);font-weight:600;margin-bottom:9px} .art-toc ol{margin:0;padding:0;list-style:none;counter-reset:tt; display:grid;grid-auto-flow:column; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(var(--tr,4),auto);gap:5px 22px} .art-toc li{counter-increment:tt;font-size:var(--fs-tight);line-height:1.65;margin:0} .art-toc a{color:var(--ink-2);border-bottom:0} .art-toc a:hover{color:var(--accent)} .art-toc a::before{content:counter(tt,decimal-leading-zero) " ";color:var(--ink-3); font-size:var(--fs-label);font-weight:700} /* 文末相关 */ .art-foot{margin:44px 0 0;padding:20px 0 0;border-top:var(--bw) solid var(--line-2)} .art-foot b{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; color:var(--ink-3);font-weight:600;margin-bottom:11px} .art-foot ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px} .art-foot li{margin:0;font-size:var(--fs-tight)} .art-foot a{color:var(--accent);border-bottom:var(--bw) solid currentColor} .art-note{margin:18px 0 0;font-size:var(--fs-note);line-height:1.8;color:var(--ink-3)} @media(max-width:900px){ .bl-grid{grid-template-columns:1fr} .art-toc ol{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none} } @media(max-width:720px){ .bl-hero{padding:38px 24px 0} .bl-h1{font-size:var(--fs-page)} .bl-lead{font-size:var(--fs-body)} .bl-wrap,.art{padding-left:24px;padding-right:24px;padding-top:26px} .art-in h2{font-size:var(--fs-sec);margin-top:36px;padding-top:20px} .art-in p,.art-in li{font-size:var(--fs-ui)} .art-in .ipg-tab{min-width:520px} .art-toc{padding:14px 16px 13px;margin:22px 0 30px} .art-toc li{font-size:var(--fs-note);line-height:1.5} } /* 文章内表格：4 列在 820px 栏里用 auto 布局会把首列压到 60px，中文全变孤字。 带列宽的表一律 fixed，宽度由 colgroup 给。 */ .art-in .ipg-tab-fixed{table-layout:fixed} .art-in .ipg-tab-fixed tbody th{width:auto} .art-in .ipg-tab-fixed thead th,.art-in .ipg-tab-fixed tbody th, .art-in .ipg-tab-fixed tbody td{padding-right:14px} @media(max-width:720px){.art-in .ipg-tab-fixed{min-width:560px}} /* 文章配图（2026-11-05）：820px 栏内满宽，圆角 + 细边，图注在下方 */ .art-fig{margin:28px 0 0} .art-fig img{width:100%;height:auto;display:block;border:var(--bw) solid var(--line); border-radius:var(--r-media);background:var(--paper-2)} .art-fig figcaption{margin-top:10px;font-size:var(--fs-note);line-height:1.65;color:var(--ink-3)} @media(max-width:720px){.art-fig{margin-top:22px}} /* 索引页「这些笔记怎么写的」——说明口径与不写什么，比空着的列表页有用 */ .bl-about{margin:30px 0 0;padding:22px 24px 20px;background:#fff;border:var(--bw) solid var(--line); border-radius:var(--r-card)} .bl-about h2{font-size:var(--fs-label);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--ink-3); font-weight:600;margin:0 0 12px} .bl-about ul{margin:0;padding-left:19px} .bl-about li{font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2);margin:6px 0 0} .bl-about li b{color:var(--ink);font-weight:600} /* ============================================================ 术语表 /info/glossary（2026-11-05） 24 个词按五组排，每条 = 术语 + 别名 + 一句话定义 + 「在我们这」。 定义与工厂实况用左侧细线分开：上面是通识，下面是能核的事实。 ============================================================ */ .gl-toc{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0} .gl-toc b{font-size:var(--fs-label);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--ink-3); font-weight:600;align-self:center;margin-right:2px} .gl-toc a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 12px; border:var(--bw) solid var(--line);border-radius:var(--r-pill);background:#fff;font-size:var(--fs-note); color:var(--ink-2);transition:border-color var(--t-fast),color var(--t-fast)} .gl-toc a:hover{border-color:var(--accent);color:var(--accent)} .gl-toc i{font-style:normal;font-size:var(--fs-micro);letter-spacing:.07em;color:var(--ink-3)} /* 锚点挂在 h2 里，滚动时给固定导航留白 */ .gl-a{display:block;height:0;scroll-margin-top:104px} .gl{margin:8px 0 0} .gl-i{padding:19px 0 17px;border-top:var(--bw) solid var(--line-2)} .gl-i:first-child{border-top:0;padding-top:4px} .gl-i:target{background:linear-gradient(90deg,var(--wash),transparent 62%); border-radius:var(--r-ui);box-shadow:0 0 0 8px var(--wash)} .gl-t{font-size:var(--fs-card);font-weight:700;color:var(--ink);line-height:1.5;margin:0} .gl-t em{font-style:normal;font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase; color:var(--ink-3);font-weight:600;margin-left:9px;vertical-align:1px} .gl-d{font-size:var(--fs-ui);line-height:1.8;color:var(--ink-2);margin:8px 0 0;max-width:76ch} .gl-h{font-size:var(--fs-tight);line-height:1.8;color:var(--ink-2);margin:7px 0 0;max-width:76ch; padding-left:13px;border-left:var(--bw-2) solid var(--paper-3)} .gl-h b{color:var(--accent);font-weight:600;margin-right:7px;font-size:var(--fs-label); letter-spacing:var(--ls-wide);white-space:nowrap} .gl-h a{color:var(--accent);border-bottom:var(--bw) solid var(--link-line)} .gl-h a:hover{border-bottom-color:var(--accent)} /* 资质一览表：3 列宽表在 820px 栏里用 auto 布局会把「状态」压成孤字，一律 fixed */ .gl-tab{table-layout:fixed} .gl-tab tbody td{padding:11px 14px 11px 0;vertical-align:top} .gl-tab tbody td:first-child b{color:var(--ink);font-weight:600} .gl-ok{color:#3C6A4C;font-weight:600} .gl-past{color:#8A6524;font-weight:600} .gl-no{color:var(--accent);font-weight:600} @media(max-width:720px){ .gl-toc{gap:7px;margin-top:18px} .gl-toc a{padding:6px 12px 6px 10px;font-size:var(--fs-note)} .gl-t{font-size:var(--fs-body)} .gl-t em{display:block;margin:4px 0 0} .gl-d,.gl-h{font-size:var(--fs-tight);line-height:1.8} .gl-i{padding:16px 0 14px} .gl-tab{min-width:560px} } /* 采购四步块里的正文链接原来没有配色规则，掉到浏览器默认的蓝 + 下划线， 在暖纸色底上格外刺眼（2026-11-05 全站扫描发现，142 页里 76 页中招）。 .buyhow-nav 早就配了色，只有 ol>li 里的漏了。 */ .buyhow li a{color:var(--accent);border-bottom:var(--bw) solid var(--link-line)} .buyhow li a:hover{border-bottom-color:currentColor} /* info 页正文里的内链（.ipg-p / .ipg-note）一直没有配色规则，全部掉到默认蓝。 同一次扫描发现的问题，与 .buyhow 是同因：只给导航条配了色，正文漏了。 */ .ipg-p a,.ipg-note a{color:var(--accent);border-bottom:var(--bw) solid var(--link-line)} .ipg-p a:hover,.ipg-note a:hover{border-bottom-color:currentColor} /* .plist 里的 span 内链（limits 页「发询盘前先自己过一遍」）同样漏了配色 */ .plist li span a{color:var(--accent);border-bottom:var(--bw) solid var(--link-line)} .plist li span a:hover{border-bottom-color:currentColor} /* 术语条目的直链（/info/glossary.html#gl-iso22716）跳过去会顶到 0， 被固定导航压住一半 —— 条目本身也要留滚动余量。 */ .gl-i{scroll-margin-top:104px} /* .gl-h 里的 b 不能一律 nowrap —— 英文正文里小标题式的加粗短语（如 “Not held, and no third-party social audit report of any kind.”）被锁在一行， 390 视口直接撑出 129px 横向溢出。nowrap 只留给行首那个标签。 */ .gl-h b{white-space:normal} .gl-h b:first-child{white-space:nowrap} /* 目录条是裸