/* 详情沿用首页的字体、导航、正文色和按钮体系；样式限定在详情宿主，目录外壳继续保留。 */
#page-content.product-view{--accent:#a6c5ff;--line:rgba(159,182,226,.24);background:radial-gradient(ellipse at 75% 3%,rgba(26,70,152,.20),transparent 36%),linear-gradient(125deg,#000618,#02112c 58%,#00091d)}
.product-view .shell{padding:0 var(--space);max-width:1500px;margin:auto}
.product-view .breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;padding:24px 0;color:#aabad9}
.product-view h1,.product-view h2,.product-view h3{font-family:"Carbon Sora",sans-serif;letter-spacing:-.045em;font-weight:450}
.product-view .actions,.product-view .business-switch{display:flex;gap:14px;flex-wrap:wrap}
.product-view .text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:15px;color:#a6c5ff}
.product-view .button{min-height:48px;font-size:16px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.product-view .section-lead{font-size:18px;line-height:1.75;max-width:720px;color:#cad4e6}
/* 首屏设备图与型号信息形成左右关系，参数和图像操作保留稳定的阅读与点击区域。 */
.product-view .detail-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:65px;align-items:center;padding:34px 0 60px;min-height:520px}
.product-view .detail-copy{min-width:0}
.product-view .product-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:390px;border:0;padding:15px;background:radial-gradient(ellipse at 43% 84%,rgba(46,87,157,.36),rgba(6,36,91,.15) 47%,transparent 78%);cursor:zoom-in}
.product-view .product-stage img{width:92%;height:92%;object-fit:contain}
.product-view .product-stage.paper{background:#f7f9fe;border-radius:7px}
.product-view .zoom-label{position:absolute;right:10px;bottom:5px;font-size:14px;color:#a6c5ff}
.product-view .product-stage.paper .zoom-label{color:#21456e}
.product-view .product-family{font-size:14px;color:#a6c5ff;display:block;margin-bottom:20px}
.product-view .detail-copy h1{font-size:clamp(42px,5cqw,72px);line-height:1.15;margin:0 0 16px;overflow-wrap:anywhere}
.product-view .detail-copy h1.long-model{font-size:clamp(29px,3cqw,42px)}
.product-view .detail-copy .subtitle{font-size:22px;line-height:1.45;color:#f3f7fc;margin-bottom:18px}
.product-view .detail-copy .use{font-size:17px;line-height:1.8;color:#cad4e6;margin-bottom:20px}
.product-view .hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0;border-top:1px solid var(--line);padding-top:18px}
.product-view .hero-facts dt{font-size:14px;color:#aabad9}
.product-view .hero-facts dd{font-size:16px;color:#f3f7fc;margin:5px 0 0}
.product-view .thumb-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.product-view .thumb-list button{width:80px;height:68px;padding:6px;background:#06183a;border:1px solid var(--line);border-radius:5px}
.product-view .thumb-list button[aria-pressed="true"]{border-color:#a6c5ff}
.product-view .thumb-list img{width:100%;height:100%;object-fit:contain}
/* 参数导航与正文自然滚动，窄屏导航可以横向操作，但不扩大整个页面宽度。 */
.product-view .detail-nav{position:sticky;top:88px;z-index:8;display:flex;gap:28px;overflow-x:auto;background:rgba(2,12,32,.95);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;backdrop-filter:blur(12px)}
.product-view .detail-nav a{font-size:15px;white-space:nowrap;min-height:30px;display:inline-flex;align-items:center;text-decoration:none}
.product-view .detail-section{display:grid;grid-template-columns:260px minmax(0,1fr);gap:55px;padding:60px 0;border-bottom:1px solid var(--line);scroll-margin-top:160px}
.product-view .detail-section h2{font-size:32px;line-height:1.2;max-width:260px}
.product-view .prose p,.product-view .prose li{font-size:17px;line-height:1.85;color:#cad4e6;margin-bottom:20px}
.product-view .prose h3{font-size:23px;margin:26px 0 14px}
.product-view .prose h4{font-size:18px;margin:20px 0 12px}
.product-view .prose table{width:100%;border-collapse:collapse;font-size:15px}
.product-view .prose td,.product-view .prose th{padding:14px;border-bottom:1px solid var(--line);text-align:left}
.product-view .spec-table{width:100%;table-layout:fixed;border-collapse:collapse}
.product-view .spec-table caption{text-align:left;font-size:14px;color:#aabad9;padding-bottom:14px}
.product-view .spec-table th,.product-view .spec-table td{font-size:16px;text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:18px 12px;border-bottom:1px solid var(--line);background:transparent}
.product-view .spec-table th{width:43%;font-weight:400;color:#cad4e6}
.product-view .spec-table td{color:#f3f7fc}
.product-view .spec-note{font-size:14px;line-height:1.8;margin-top:18px;color:#aabad9}
.product-view .engineering-items{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px}
.product-view .engineering-items h3{font-size:22px;margin-bottom:12px}
.product-view .engineering-items p{font-size:16px;line-height:1.8;color:#cad4e6}
.product-view .source-description{border-top:1px solid var(--line);padding-top:18px;margin-top:28px}
.product-view summary{font-size:16px;min-height:44px;cursor:pointer}
.product-view .product-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.product-view .product-faq p{font-size:16px;line-height:1.8;color:#cad4e6;margin-top:16px}
/* 型号详情图保留完整原图入口，预览只展示上部画面，不用长图代替可读参数表。 */
.product-view .visual-detail-button{display:block;width:100%;padding:0;border:1px solid var(--line);background:#041a43;border-radius:6px;overflow:hidden;text-align:left}
.product-view .visual-detail-button img{width:100%;height:310px;object-fit:cover;object-position:top;display:block}
.product-view .visual-detail-button>span{display:flex;justify-content:space-between;gap:18px;padding:16px 20px;font-size:15px;color:#a6c5ff}
/* 相关型号与项目咨询接续详情阅读，咨询字段明确带入当前产品，仍为本地演示流程。 */
.product-view .related{padding:58px 0}
.product-view .related h2{font-size:34px;margin-bottom:30px}
.product-view .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.product-view .product-card{text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:20px;min-width:0}
.product-view .card-visual{height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 84%,rgba(26,70,152,.25),transparent 70%)}
.product-view .card-visual img{width:90%;height:90%;object-fit:contain}
.product-view .card-visual.paper{background:#f7f9fe;border-radius:5px}
.product-view .product-card h3{font-size:24px;margin:18px 0 10px;overflow-wrap:anywhere}
.product-view .product-card p{font-size:15px;line-height:1.7;color:#cad4e6}
.product-view .card-foot{display:flex;justify-content:space-between;gap:14px;font-size:14px;color:#a6c5ff}
.product-view .project-callout{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding:60px 0;background:radial-gradient(ellipse at 85% 100%,rgba(26,70,152,.2),transparent 60%);scroll-margin-top:160px}
.product-view .project-callout h2{font-size:40px;line-height:1.2;margin-bottom:22px}
.product-view .project-callout p{font-size:16px;line-height:1.8;color:#cad4e6;margin-bottom:22px}
.product-view .requirement-list{list-style:none;padding:0;margin:0;color:#cad4e6;font-size:16px}
.product-view .requirement-list li{padding:14px 0;border-bottom:1px solid var(--line)}
.product-view .inquiry-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:55px 0 80px;background:transparent}
.product-view .inquiry-layout h1{font-size:52px;line-height:1.2}
.product-view .inquiry-summary{margin:28px 0;font-size:16px}
.product-view .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.product-view .field{display:grid;gap:9px;font-size:16px}
.product-view .field.full{grid-column:1/-1}
.product-view .field input,.product-view .field textarea{width:100%;padding:14px;font-size:16px;background:#06183a;color:#f3f7fc;border:1px solid #92a7ce85;border-radius:5px}
.product-view .field textarea{resize:vertical;min-height:160px}
.product-view .form-note{font-size:14px;line-height:1.8;color:#aabad9;margin:22px 0}
.product-view .feedback{border-left:2px solid #a6c5ff;padding:18px;margin-top:22px;font-size:16px;color:#f3f7fc}
/* 业务总览与半导体目录使用同一套标题和设备展示尺度，不引入磁力架专属参数字段。 */
.product-view .overview-heading{padding:52px 0 40px}.product-view .overview-heading h1{font-size:64px;margin-bottom:22px}
.product-view .business-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:70px}
.product-view .business-visual{display:flex;align-items:center;justify-content:center;height:340px;background:radial-gradient(ellipse at 50% 82%,rgba(26,70,152,.25),transparent 70%)}
.product-view .business-visual img{width:80%;height:90%;object-fit:contain}
.product-view .business h2{font-size:30px;margin:22px 0 16px}.product-view .business p{font-size:16px;line-height:1.8;color:#cad4e6}
.product-view .catalogue-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:38px 0 50px;align-items:center}
.product-view .catalogue-hero h1{font-size:clamp(38px,4.3cqw,64px);line-height:1.2;margin:20px 0}
.product-view .business-switch a{font-size:14px;color:#aabad9}.product-view .business-switch a.active{color:#a6c5ff}
.product-view .hero-product{height:330px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 45% 84%,rgba(46,87,157,.3),transparent 70%)}
.product-view .hero-product img{width:90%;height:90%;object-fit:contain}
/* 原生图片查看器统一处理单张设备图和纵向详情图，退出键和关闭按钮均可操作。 */
#image-dialog{width:min(1000px,92vw);max-height:90vh;background:#061735;color:#f3f7fc;border:1px solid rgba(159,182,226,.3);border-radius:8px;padding:50px 30px 24px}
#image-dialog::backdrop{background:rgba(0,3,12,.88);backdrop-filter:blur(8px)}
#image-dialog img{width:100%;height:65vh;object-fit:contain;display:block}
#image-dialog .dialog-close{position:absolute;top:8px;right:12px;width:44px;height:44px;background:#061735;border:0;color:white;font-size:32px}
#image-dialog p{font-size:14px;margin-top:18px}
#image-dialog.long-image{overflow-y:auto}#image-dialog.long-image img{height:auto}#image-dialog.long-image form{position:sticky;top:0;height:0;z-index:2}
@container website (max-width:1000px){.product-view .detail-hero{gap:35px}.product-view .detail-section{grid-template-columns:210px minmax(0,1fr);gap:30px}}
@container website (max-width:700px){
  .product-view .detail-hero,.product-view .catalogue-hero,.product-view .detail-section,.product-view .project-callout,.product-view .inquiry-layout,.product-view .business-grid{grid-template-columns:1fr;gap:28px}
  .product-view .product-stage{height:290px}.product-view .detail-copy h1{font-size:40px}.product-view .detail-copy .subtitle{font-size:21px}.product-view .detail-copy .use{font-size:16px}
  .product-view .detail-nav{top:76px;gap:22px}.product-view .detail-section{padding:42px 0}.product-view .detail-section h2{font-size:29px;max-width:none}
  .product-view .engineering-items,.product-view .form-grid,.product-view .hero-facts{grid-template-columns:1fr}.product-view .field.full{grid-column:auto}
  .product-view .product-grid{grid-template-columns:1fr}.product-view .card-visual{height:240px}.product-view .project-callout h2{font-size:34px}
  .product-view .inquiry-layout h1,.product-view .overview-heading h1,.product-view .catalogue-hero h1{font-size:38px}.product-view .business-visual{height:280px}
  .product-view .prose p,.product-view .prose li{font-size:16px}.product-view .section-lead{font-size:16px}.product-view .spec-table th,.product-view .spec-table td{font-size:16px;padding:15px 8px}
}