.pd-page { background: #f6f9fd; overflow: hidden; }
.pd-hero { position: relative; padding: 66px 0 54px; background: radial-gradient(circle at 18% 20%, rgba(242,107,33,.14), transparent 28%), radial-gradient(circle at 82% 10%, rgba(7,95,210,.14), transparent 36%), linear-gradient(180deg,#fff,#eef6ff); }
.pd-hero::after { content:""; position:absolute; right:-180px; top:20px; width:520px; height:520px; border-radius:50%; background:rgba(7,95,210,.06); pointer-events:none; }
.pd-hero .container { position:relative; z-index:1; }
.pd-hero-copy { max-width:980px; margin:0 auto 30px; text-align:center; }
.pd-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; color:#7c8798; font-size:14px; margin-bottom:22px; }
.pd-breadcrumb a:hover { color:#f26b21; }
.pd-breadcrumb em { font-style:normal; color:#10213d; font-weight:800; }
.pd-kicker { display:inline-flex; align-items:center; gap:8px; color:#f26b21; font-weight:900; letter-spacing:.08em; margin-bottom:12px; }
.pd-kicker::before,.pd-kicker::after { content:""; width:34px; height:3px; border-radius:99px; background:#f26b21; }
.pd-kicker::after { background:linear-gradient(90deg,#f26b21,rgba(242,107,33,.08)); }
.pd-hero h1 { margin:0 0 16px; font-size: clamp(34px,4vw,56px); line-height:1.08; letter-spacing:-1.5px; color:#10213d; }
.pd-hero-copy p { max-width:760px; margin:0 auto; color:#667085; font-size:17px; line-height:1.9; }
.pd-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:24px 0 28px; }
.pd-tags span { padding:8px 12px; border:1px solid #e9edf3; border-radius:999px; background:#fff; color:#405169; font-weight:800; font-size:13px; box-shadow:0 8px 20px rgba(16,33,61,.05); }
.pd-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.pd-showcase { width:min(980px,100%); margin:0 auto; padding:18px; border-radius:34px; background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.96); box-shadow:0 24px 70px rgba(16,33,61,.12); backdrop-filter: blur(14px); }
.pd-main-img { height:460px; border-radius:26px; overflow:hidden; background:linear-gradient(145deg,#fff,#eef3fa); display:grid; place-items:center; }
.pd-main-img img { width:100%; height:100%; object-fit:cover; transition:.35s ease; }
.pd-main-img:hover img { transform:scale(1.035); }
.pd-thumbs { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }
.pd-thumbs button { height:96px; border:2px solid transparent; border-radius:18px; overflow:hidden; background:#fff; cursor:pointer; padding:0; transition:.24s ease; }
.pd-thumbs button.active, .pd-thumbs button:hover { border-color:#f26b21; transform:translateY(-3px); box-shadow:0 12px 28px rgba(242,107,33,.18); }
.pd-thumbs img { width:100%; height:100%; object-fit:cover; }
.pd-quick-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; }
.pd-quick-specs div { padding:16px; border-radius:18px; background:#fff; border:1px solid #e9edf3; box-shadow:0 8px 20px rgba(16,33,61,.05); }
.pd-quick-specs b { display:block; color:#10213d; font-size:14px; margin-bottom:6px; }
.pd-quick-specs span { display:block; color:#667085; font-size:13px; line-height:1.5; }
.pd-anchor-wrap { position:sticky; top:88px; z-index:30; background:rgba(255,255,255,.88); border-top:1px solid #e9edf3; border-bottom:1px solid #e9edf3; backdrop-filter:blur(16px); }
.pd-anchor { display:flex; gap:8px; align-items:center; justify-content:center; overflow-x:auto; padding:10px 0; }
.pd-anchor a { flex:0 0 auto; padding:9px 14px; border-radius:999px; color:#405169; font-weight:800; font-size:14px; }
.pd-anchor a:hover { background:#fff2ea; color:#f26b21; }
.pd-body-section { background:linear-gradient(180deg,#fff,#f6f9fd); }
.pd-body-card { background:#fff; border:1px solid #e9edf3; border-radius:30px; box-shadow:0 24px 70px rgba(16,33,61,.10); padding:40px; }
.pd-section-title span { color:#f26b21; font-weight:900; letter-spacing:.08em; font-size:13px; }
.pd-section-title h2 { margin:6px 0 18px; font-size:34px; line-height:1.2; color:#10213d; }
.pd-body-block { padding:34px 0; border-top:1px solid #e9edf3; }
.pd-body-card > .pd-section-title + .pd-body-block { border-top:0; padding-top:0; }
.pd-richtext { color:#405169; line-height:1.9; font-size:16px; }
.pd-richtext img { border-radius:18px; margin:18px auto; }
.pd-block-desc { margin:0 0 18px; color:#667085; line-height:1.9; max-width:980px; }
.pd-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.pd-feature-card, .pd-case-card, .pd-related-card, .pd-param-table { background:#fff; border:1px solid #e9edf3; border-radius:24px; box-shadow:0 14px 34px rgba(16,33,61,.07); }
.pd-feature-card { padding:24px; position:relative; overflow:hidden; transition:.28s ease; }
.pd-feature-card::after { content:""; position:absolute; right:-40px; top:-40px; width:110px; height:110px; border-radius:50%; background:rgba(242,107,33,.10); }
.pd-feature-card:hover, .pd-case-card:hover, .pd-related-card:hover { transform:translateY(-7px); box-shadow:0 24px 54px rgba(16,33,61,.12); }
.pd-feature-card i { display:inline-flex; width:44px; height:44px; border-radius:14px; align-items:center; justify-content:center; color:#f26b21; background:#fff4ee; font-style:normal; font-weight:900; margin-bottom:16px; }
.pd-feature-card h3 { margin:0 0 8px; font-size:20px; }
.pd-feature-card p { margin:0; color:#667085; font-size:14px; line-height:1.8; }
.pd-param-table { overflow:hidden; }
.pd-param-table table { width:100%; border-collapse:collapse; background:#fff; }
.pd-param-table th, .pd-param-table td { padding:17px 20px; border-bottom:1px solid #e9edf3; text-align:left; vertical-align:top; }
.pd-param-table tr:last-child th,.pd-param-table tr:last-child td { border-bottom:0; }
.pd-param-table th { width:190px; color:#10213d; background:#f8fafc; font-weight:900; }
.pd-param-table td { color:#405169; }
.pd-jar-tags { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 20px; }
.pd-jar-tags span { padding:9px 13px; border-radius:999px; background:#fff7f2; border:1px solid rgba(242,107,33,.18); color:#405169; font-weight:800; }
.pd-wide-img { border-radius:24px; overflow:hidden; background:#f3f6fb; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.pd-wide-img img { width:100%; height:340px; object-fit:cover; transition:.35s ease; }
.pd-wide-img:hover img { transform:scale(1.04); }
.pd-case-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.pd-case-card { padding:24px; min-height:150px; transition:.28s ease; }
.pd-case-card b { display:block; font-size:20px; margin-bottom:10px; color:#10213d; }
.pd-case-card p { margin:0; color:#667085; line-height:1.8; }
.pd-related-section { background:#fff; }
.pd-related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.pd-related-card { display:block; overflow:hidden; transition:.28s ease; }
.pd-related-card span { display:block; height:180px; overflow:hidden; background:#f3f6fb; }
.pd-related-card img { width:100%; height:100%; object-fit:cover; transition:.35s ease; }
.pd-related-card:hover img { transform:scale(1.05); }
.pd-related-card h3 { margin:18px 18px 8px; font-size:18px; }
.pd-related-card p { margin:0 18px 14px; color:#667085; font-size:14px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pd-related-card em { display:block; margin:0 18px 18px; color:#f26b21; font-style:normal; font-weight:900; }
.pd-bottom-cta { padding:64px 0; background:radial-gradient(circle at 12% 20%,rgba(242,107,33,.18),transparent 30%), linear-gradient(135deg,#071d35,#123e69); color:#fff; }
.pd-bottom-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; }
.pd-bottom-inner h2 { margin:0 0 8px; font-size:34px; }
.pd-bottom-inner p { margin:0; color:rgba(255,255,255,.72); max-width:760px; }
.pd-bottom-inner .btn-ghost { background:rgba(255,255,255,.10); color:#fff; border-color:rgba(255,255,255,.22); margin-left:10px; }
.fx-reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.fx-reveal.is-visible { opacity:1; transform:translateY(0); }
@media (max-width:1080px){ .pd-quick-specs,.pd-feature-grid,.pd-case-grid,.pd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-anchor-wrap{top:0}.pd-main-img{height:360px}.pd-body-card{padding:28px}.pd-bottom-inner{grid-template-columns:1fr} }
@media (max-width:680px){ .pd-hero{padding:44px 0}.pd-hero h1{font-size:32px}.pd-main-img{height:260px}.pd-thumbs button{height:76px}.pd-quick-specs,.pd-feature-grid,.pd-case-grid,.pd-related-grid{grid-template-columns:1fr}.pd-body-card{padding:20px;border-radius:24px}.pd-body-block{padding:26px 0}.pd-section-title h2{font-size:28px}.pd-param-table th,.pd-param-table td{display:block;width:100%;padding:13px 16px}.pd-wide-img img{height:220px}.pd-bottom-inner .btn-ghost{margin:10px 0 0}.pd-bottom-inner h2{font-size:28px} }


/* V3：产品详情首屏轮播图左右布局 + 微信二维码转化入口 */
.pd-hero-split{padding:54px 0 58px}.pd-hero-split .pd-breadcrumb{justify-content:flex-start;margin-bottom:24px}.pd-hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:32px;align-items:stretch}.pd-hero-info{max-width:none;margin:0;text-align:left;padding:36px;border-radius:34px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(16,33,61,.12);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center}.pd-hero-info .pd-kicker:before{display:none}.pd-hero-info .pd-kicker:after{width:44px}.pd-hero-info p{margin:0;max-width:100%}.pd-hero-info .pd-tags{justify-content:flex-start;margin:22px 0 24px}.pd-hero-info .pd-actions{justify-content:flex-start}.pd-hero-split .pd-showcase{width:100%;margin:0;padding:18px;display:flex;flex-direction:column}.pd-hero-split .pd-main-img{height:500px;flex:1;min-height:420px}.pd-hero-split .pd-thumbs{grid-template-columns:repeat(3,1fr)}.pd-qr-panel{margin:24px 0 18px;padding:16px;border-radius:24px;background:linear-gradient(135deg,#fff7f2,#fff);border:1px solid rgba(242,107,33,.22);display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:center;box-shadow:0 14px 34px rgba(242,107,33,.10);position:relative;overflow:hidden}.pd-qr-panel:after{content:"";position:absolute;right:-48px;top:-58px;width:150px;height:150px;border-radius:50%;background:rgba(242,107,33,.10);pointer-events:none}.pd-qr-img{width:116px;height:116px;padding:7px;border-radius:20px;background:#fff;border:1px solid #e9edf3;box-shadow:0 12px 24px rgba(16,33,61,.08);position:relative;z-index:1}.pd-qr-img img{width:100%;height:100%;object-fit:contain}.pd-qr-copy{position:relative;z-index:1}.pd-qr-copy b{display:block;font-size:18px;line-height:1.35;color:#10213d;margin-bottom:6px}.pd-qr-copy p{color:#667085;font-size:14px;line-height:1.75;margin:0 0 8px}.pd-qr-copy span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff;color:#f26b21;border:1px solid rgba(242,107,33,.18);font-weight:900;font-size:12px}.pd-quick-specs-side{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}@media(max-width:1080px){.pd-hero-layout{grid-template-columns:1fr}.pd-hero-info{padding:28px}.pd-hero-split .pd-main-img{height:390px;min-height:340px}.pd-hero-split .pd-breadcrumb{justify-content:center}.pd-hero-info{text-align:center}.pd-hero-info .pd-tags,.pd-hero-info .pd-actions{justify-content:center}.pd-qr-panel{text-align:left}}@media(max-width:680px){.pd-hero-split{padding:38px 0}.pd-hero-info{padding:20px;border-radius:24px}.pd-hero-split .pd-main-img{height:260px;min-height:240px}.pd-qr-panel{grid-template-columns:92px 1fr;gap:12px;padding:12px}.pd-qr-img{width:92px;height:92px;border-radius:16px}.pd-qr-copy b{font-size:15px}.pd-qr-copy p{font-size:12px;line-height:1.55}.pd-quick-specs-side{grid-template-columns:1fr}}


/* V6 safety */
.fx-reveal{opacity:1!important;transform:none!important;filter:none!important;}

/* V20：详情页轮播多图由后台轮播多图调用；无多图时自动只显示主图缩略图 */
.pd-thumbs{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));}
.pd-thumbs:empty{display:none;}
/* V23: SEO关键词为空时不显示空白标签 */
.pd-tags span:empty { display: none !important; }
.pd-tags:empty { display: none !important; }