/* ===== 产品详情页专用 ===== */ .breadcrumb{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:14px 0;font-size:13.5px;color:var(--muted)} .breadcrumb a{color:var(--accent);font-weight:600} .prod-hero{background:linear-gradient(135deg,#082f4c 0%,#0a3d62 55%,#1a5f7a 100%);color:#fff;padding:56px 0 48px} .prod-hero .code{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7fd4c3;margin-bottom:10px} .prod-hero h1{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-.5px;max-width:800px} .prod-hero .sub{font-size:16px;color:rgba(255,255,255,.85);margin-top:14px;max-width:700px} .prod-body{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start} .prod-main{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:var(--shadow)} .prod-main h2{font-size:22px;color:var(--navy);margin:30px 0 14px;padding-top:8px} .prod-main h2:first-child{margin-top:0} .prod-main p{font-size:15px;color:var(--text);margin-bottom:14px;line-height:1.8} .prod-main ul{margin:0 0 16px 20px;font-size:15px;color:var(--text)} .prod-main ul li{margin-bottom:8px;line-height:1.7} .prod-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:88px} .side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)} .side-card h3{font-size:15px;color:var(--navy);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)} .side-card .spec-row{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--line)} .side-card .spec-row:last-child{border-bottom:none} .side-card .spec-row .k{color:var(--muted)} .side-card .spec-row .v{font-weight:700;color:var(--navy);text-align:right} .side-cta{background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff} .side-cta h3{color:#fff;border-color:rgba(255,255,255,.2)} .side-cta p{font-size:13.5px;color:rgba(255,255,255,.8);margin-bottom:14px} .side-cta .btn{width:100%;justify-content:center;margin-bottom:8px} .side-cta .btn-ghost{width:100%;justify-content:center} .faq-item{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden} .faq-item summary{padding:14px 18px;font-weight:600;color:var(--navy);cursor:pointer;font-size:14.5px;background:var(--bg-soft)} .faq-item summary:hover{background:#e8eef3} .faq-item p{padding:14px 18px;font-size:14px;color:var(--muted);margin:0;background:#fff} .related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px} .related a{display:block;border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:14px;font-weight:600;color:var(--navy);transition:all .15s} .related a:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow)} .related a .r-code{display:block;font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:4px} @media(max-width:900px){.prod-body{grid-template-columns:1fr}.prod-side{position:static}} .btn-whatsapp{background:#25d366;color:#fff!important;justify-content:center} .btn-whatsapp:hover{background:#1ebe5b!important;transform:translateY(-2px)} /* ===== 选型工具页 ===== */ .sel-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:start} .sel-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)} .sel-field{margin-bottom:20px} .sel-field label{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:8px} .sel-field input,.sel-field select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;color:var(--text);background:#fff;transition:border-color .15s} .sel-field input:focus,.sel-field select:focus{outline:none;border-color:var(--accent)} .sel-note{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.6} .sel-result{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:28px;min-height:200px} .sel-result h2{font-size:20px;color:var(--navy);margin:0 0 8px} .sel-intro{font-size:14px;color:var(--muted);margin-bottom:18px} .sel-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)} .sel-card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px} .sel-card-head .r-code{font-size:11px;color:var(--accent);letter-spacing:1px;font-weight:700} .sel-card-head strong{font-size:15.5px;color:var(--navy)} .sel-specs{margin-bottom:16px} .sel-specs .spec-row{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--line)} .sel-specs .spec-row:last-child{border-bottom:none} .sel-specs .k{color:var(--muted)} .sel-specs .v{font-weight:700;color:var(--navy);text-align:right} .sel-none{font-size:14px;color:var(--muted);line-height:1.7} .sel-faq h2{font-size:22px;color:var(--navy);margin-bottom:16px} @media(max-width:900px){.sel-grid{grid-template-columns:1fr}} /* ===== 选型指南/知识库页 ===== */ .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 8px} .guide-item{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:18px} .guide-item strong{display:block;font-size:15px;color:var(--accent);margin-bottom:8px} .guide-item p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.6} .guide-cta{background:linear-gradient(135deg,var(--navy),var(--teal));border-radius:14px;padding:28px;margin-top:30px;text-align:center} .guide-cta p{color:#fff;font-size:15.5px;margin:0 0 18px} .guide-cta .btn{margin:0 6px} @media(max-width:900px){.guide-grid{grid-template-columns:1fr}} /* ===== 应用行业页 ===== */ .ind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px} .ind-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden} .ind-num{font-size:42px;font-weight:800;color:var(--bg-soft);position:absolute;top:8px;right:16px;line-height:1} .ind-en{font-size:12px;color:var(--accent);letter-spacing:1px;font-weight:600;margin-bottom:6px} .ind-card h3{font-size:19px;color:var(--navy);margin-bottom:10px} .ind-card p{font-size:14px;color:var(--muted);margin-bottom:14px;line-height:1.7} .ind-card ul{margin:0 0 16px 18px;font-size:13.5px;color:var(--text)} .ind-card ul li{margin-bottom:6px} .ind-reco{background:var(--bg-soft);border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--text)} .ind-reco span{display:inline-block;background:var(--accent);color:#fff;font-size:11px;padding:2px 8px;border-radius:5px;margin-right:8px;font-weight:600} @media(max-width:900px){.ind-grid{grid-template-columns:1fr}} /* ===== 技术图解区块 ===== */ .tech-sec{background:var(--bg-soft);padding:64px 0} .tech-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center} .tech-img{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)} .tech-img img{width:100%;height:auto;display:block} .tech-points{display:grid;grid-template-columns:1fr 1fr;gap:18px} .tp{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px} .tp strong{display:block;font-size:15px;color:var(--accent);margin-bottom:8px} .tp p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.6} @media(max-width:900px){.tech-grid{grid-template-columns:1fr}.tech-points{grid-template-columns:1fr}} .tech-video{margin-top:32px} .tech-video video{width:100%;display:block;aspect-ratio:16/9;background:#000;border-radius:16px;box-shadow:var(--shadow)} /* ===== 型号总目录页（型号墙）===== */ .cat-intro{font-size:15.5px;color:var(--text);max-width:900px;margin-bottom:28px;line-height:1.8} .cat-anchor{display:flex;align-items:center;gap:14px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:34px;overflow-x:auto} .cat-anchor-label{font-size:18px;color:var(--accent);font-weight:700;flex-shrink:0} .cat-anchor-links{display:flex;gap:10px;flex-wrap:wrap} .cat-anchor-links a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--navy);white-space:nowrap;transition:border-color .15s} .cat-anchor-links a:hover{border-color:var(--accent)} .cat-anchor-links a .r-code{font-size:11px;color:var(--accent);letter-spacing:1px} .cat-series{margin-bottom:44px;scroll-margin-top:90px} .cat-series-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--line)} .cat-series-head h2{font-size:22px;color:var(--navy);font-weight:700} .cat-code{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin-bottom:4px} .cat-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:18px;font-weight:700;transition:background .15s;flex-shrink:0} .cat-link:hover{background:var(--teal)} @media(max-width:600px){.cat-anchor-links a{font-size:12.5px;padding:6px 10px}} /* ===== 技术文章列表（blog hub）===== */ .blog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px} .blog-item{display:flex;align-items:center;gap:12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:14px 16px;transition:border-color .15s,background .15s} .blog-item:hover{border-color:var(--accent);background:#fff} .blog-item .ico{font-size:20px;flex-shrink:0} .blog-item span{font-size:14px;font-weight:600;color:var(--navy);line-height:1.4} .blog-item .en{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px} @media(max-width:640px){.blog-list{grid-template-columns:1fr}} /* ===== 招商页合作意向表单 ===== */ .partner-form{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:34px} .partner-form h3{font-size:18px;color:var(--navy);margin-bottom:18px} .partner-form form{display:flex;flex-direction:column;gap:12px} .partner-form .pf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} .partner-form input,.partner-form select,.partner-form textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:var(--text);font-size:14px;font-family:inherit} .partner-form input:focus,.partner-form select:focus,.partner-form textarea:focus{outline:none;border-color:var(--accent)} .partner-form textarea{min-height:100px;resize:vertical} .partner-form select{appearance:none;-webkit-appearance:none} .partner-form button{background:var(--navy);color:#fff;border:none;padding:13px;border-radius:9px;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s} .partner-form button:hover{background:var(--teal)} @media(max-width:600px){.partner-form .pf-row{grid-template-columns:1fr}}