@charset "utf-8";
/* ============================================================
   电子半导体行业专题页 样式
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
.page-banner{position:relative;background:linear-gradient(100deg,rgba(5,28,44,.88) 0%,rgba(8,42,64,.66) 55%,rgba(12,64,96,.38) 100%),url('/static/images/front/semiconductor.png') center/cover no-repeat;padding:78px 0;border-bottom:1px solid #0a2233;margin-bottom:34px}
.page-banner .pb-in{max-width:1200px;margin:0 auto;padding:0 24px}
.page-banner h2{font-size:34px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3;text-shadow:0 2px 10px rgba(0,20,35,.45)}
.page-banner p{font-size:16px;color:rgba(255,255,255,.9);max-width:780px;line-height:1.7;text-shadow:0 1px 6px rgba(0,20,35,.4)}
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#3a4657;background:#fff;line-height:1.8}
a{color:inherit;text-decoration:none}
.page{max-width:860px;margin:0 auto;padding:0 24px 80px}
/* 锚点目录 */
.toc{display:flex;justify-content:center;gap:0;margin:30px -24px 0;border-bottom:1px solid #eef1f6;position:sticky;top:0;background:#fff;z-index:5}
.toc a{font-size:13px;color:#66738a;padding:13px 18px;border-bottom:2px solid transparent}
.toc a:hover{color:#1e56c8;border-bottom-color:#1e56c8}
/* 编号章节 */
section.ch{padding:56px 0 8px}
.ch-no{display:flex;align-items:baseline;gap:16px;margin-bottom:8px}
.ch-no .num{font-family:Georgia,serif;font-size:44px;font-weight:400;color:#dfe7f4;line-height:1}
.ch-no h2{font-size:20px;color:#141d33;font-weight:700}
.ch-lead{color:#7c8798;font-size:14px;margin-bottom:26px;padding-left:60px}
/* 01 水质等级阶梯 */
.grade{padding-left:60px}
.grade .lv{display:grid;grid-template-columns:130px 1fr;border:1px solid #e8edf4;margin-bottom:-1px}
.grade .lv b{background:#f5f8fd;color:#1a3c7e;font-size:13px;padding:14px 16px;border-right:1px solid #e8edf4}
.grade .lv span{font-size:13px;color:#5d6a7e;padding:14px 16px}
.grade .lv.hot b{background:#1e56c8;color:#fff;border-color:#1e56c8}
.grade .lv.hot span{background:#f2f7ff;color:#1e56c8}
/* 02 产线流程：纵向步骤 */
.upw{padding-left:60px}
.upw .st{display:flex;gap:18px;position:relative;padding-bottom:26px}
.upw .st::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:#e2ebf7}
.upw .st:last-child::before{display:none}
.upw .st .dot{flex:0 0 32px;height:32px;border-radius:50%;background:#fff;border:2px solid #1e56c8;color:#1e56c8;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}
.upw .st h5{font-size:15px;color:#141d33;margin-bottom:4px;padding-top:4px}
.upw .st p{font-size:13px;color:#7c8798;max-width:560px}
.upw .st .pp{font-size:12px;color:#1e56c8;margin-top:4px}
/* 03 监测能力：极简表 */
.moni{padding-left:60px}
table.mm{width:100%;border-collapse:collapse;font-size:13px}
table.mm th{text-align:left;font-size:12px;letter-spacing:1px;color:#9aa6b8;font-weight:600;padding:10px 14px;border-bottom:2px solid #1e56c8}
table.mm td{padding:13px 14px;border-bottom:1px solid #eef1f6;color:#3a4657}
table.mm td.v{font-family:Consolas,monospace;color:#1e56c8;font-weight:700}
/* 04 交付清单：双列 dl */
.deliv{padding-left:60px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dl{border:1px solid #e8edf4;padding:18px 20px;transition:.2s}
.dl:hover{border-color:#1e56c8}
.dl h5{font-size:14.5px;color:#1a3c7e;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.dl h5::before{content:"✓";color:#1e56c8;font-weight:700}
.dl p{font-size:12.5px;color:#828d9f}
/* 简约 CTA */
.end{text-align:center;margin-top:70px;padding:44px 30px;background:#f5f8fd}
.end h3{font-size:19px;color:#141d33;margin-bottom:8px}
.end p{font-size:13px;color:#7c8798;margin-bottom:22px}
.end a{display:inline-block;background:#1e56c8;color:#fff;font-size:14px;padding:12px 44px;letter-spacing:1px}
.end a:hover{background:#16418f}
/* 05 相关产品：呼应本页极简风，细边框小卡 */
.prods{padding-left:60px}
.prodgrp{margin-bottom:24px}
.prodgrp>h4{font-size:13px;color:#1a3c7e;margin-bottom:12px;padding-left:10px;border-left:2px solid #1e56c8;letter-spacing:.5px}
.prodlist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pd{border:1px solid #e8edf4;padding:12px;transition:.2s;display:flex;flex-direction:column}
.pd:hover{border-color:#1e56c8;box-shadow:0 4px 16px rgba(30,86,200,.09)}
.pd .th{height:100px;display:flex;align-items:center;justify-content:center;background:#fafcff;margin-bottom:10px}
.pd .th img{max-width:88%;max-height:88%;object-fit:contain}
.pd .tt{font-size:12.5px;color:#3a4657;line-height:1.6;height:40px;overflow:hidden}
.pd .pr{font-size:12.5px;color:#1e56c8;font-weight:700;margin-top:6px}
/* 正文里的产品链接（配套行 / 监测指标表） */
.upw .st .pp a,table.mm td a{color:#1e56c8;border-bottom:1px dashed #a9c8ef}
.upw .st .pp a:hover,table.mm td a:hover{border-bottom-style:solid}
@media(max-width:760px){.deliv{grid-template-columns:1fr}.ch-lead,.grade,.upw,.moni,.prods{padding-left:0}.prodlist{grid-template-columns:repeat(2,1fr)}}