/*!
 * product-detail.css — 博奥智能产品详情页深蓝商务风格
 * 版本：v20260628v1
 * 配色：白色主背景 + 深蓝主色(#1e40af) + 金色点缀(#fbbf24) + 深蓝导航(#0f172a)
 * 风格：大气商务 / 卡片式设计 / 圆角阴影 / 全宽布局
 * 兼容：PHP 5.6 / IE10+ / 不使用CSS变量 / 不使用flexbox gap
 */

/* ============================================
   基础重置
   ============================================ */
.pd_main *{margin:0;padding:0;box-sizing:border-box;}

.pd_main{
    background:#f8fafc;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    color:#0f172a;
    line-height:1.6;
    padding:0 0 40px;
}

.pd_main img{max-width:100%;display:block;}
.pd_main a{text-decoration:none;color:inherit;}
.pd_main ul,.pd_main ol{list-style:none;}

.pd_wrap{
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}

/* clearfix */
.pd_clearfix:before,
.pd_clearfix:after{content:"";display:table;}
.pd_clearfix:after{clear:both;}

/* ============================================
   面包屑
   ============================================ */
.pd_crumb{
    background:#fff;
    border-bottom:1px solid #e2e8f0;
    padding:14px 0;
    font-size:13px;
    color:#94a3b8;
}

.pd_crumb a{
    color:#475569;
    transition:color 0.3s;
}

.pd_crumb a:hover{color:#1e40af;}

.pd_crumb i{
    margin:0 6px;
    color:#cbd5e1;
    font-style:normal;
}

.pd_crumb .pd_crumb_current{color:#1e40af;font-weight:600;}

/* ============================================
   首屏 Hero 区
   ============================================ */
.pd_hero{
    background:#fff;
    padding:28px 0;
    border-bottom:1px solid #f1f5f9;
}

.pd_hero_inner{
    overflow:hidden;
}

/* 左侧图库 */
.pd_gallery{
    float:left;
    width:45%;
    padding-right:20px;
}

.pd_gallery_main{
    position:relative;
    width:100%;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
    background:#f8fafc;
    box-shadow:0 4px 12px rgba(15,23,42,0.08);
}

.pd_gallery_main_img{
    position:relative;
    width:100%;
    overflow:hidden;
    cursor:crosshair;
}

.pd_gallery_main_img img{
    width:100%;
    height:auto;
    transition:opacity 0.3s;
}

/* 放大镜浮层 */
.pd_zoom_lens{
    position:absolute;
    width:120px;
    height:120px;
    border:1.5px solid #1e40af;
    background:rgba(30,64,175,0.12);
    pointer-events:none;
    display:none;
    z-index:10;
    border-radius:4px;
}

.pd_zoom_result{
    position:absolute;
    top:0;
    left:100%;
    margin-left:16px;
    width:300px;
    height:300px;
    border:1px solid #e2e8f0;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    display:none;
    z-index:20;
    box-shadow:0 8px 24px rgba(15,23,42,0.15);
}

.pd_zoom_result img{
    position:absolute;
    max-width:none;
}

/* 缩略图列表 */
.pd_gallery_thumbs{
    margin-top:12px;
    overflow:hidden;
}

.pd_gallery_thumbs_list{
    overflow:hidden;
    margin:0 -4px;
}

.pd_thumb{
    float:left;
    width:20%;
    padding:0 4px;
    margin-bottom:8px;
}

.pd_thumb a{
    display:block;
    border:2px solid #e2e8f0;
    border-radius:8px;
    overflow:hidden;
    transition:border-color 0.3s;
    background:#f8fafc;
}

.pd_thumb a:hover,
.pd_thumb a.active{
    border-color:#1e40af;
}

.pd_thumb a img{
    width:100%;
    height:70px;
    object-fit:cover;
}

/* 右侧信息 */
.pd_info{
    float:right;
    width:55%;
    padding-left:20px;
}

.pd_info_category{
    display:inline-block;
    font-size:12px;
    color:#1e40af;
    background:rgba(30,64,175,0.08);
    padding:4px 12px;
    border-radius:9999px;
    margin-bottom:12px;
    font-weight:600;
}

.pd_info h1{
    font-size:28px;
    font-weight:700;
    color:#0f172a;
    line-height:1.4;
    margin-bottom:12px;
    letter-spacing:-0.5px;
}

.pd_info_subtitle{
    font-size:14px;
    color:#64748b;
    margin-bottom:16px;
    line-height:1.6;
}

/* 评分行 */
.pd_rating_row{
    overflow:hidden;
    padding:12px 0;
    border-top:1px solid #f1f5f9;
    border-bottom:1px solid #f1f5f9;
    margin-bottom:16px;
}

.pd_rating_stars{
    display:inline-block;
    color:#fbbf24;
    font-size:18px;
    letter-spacing:2px;
    vertical-align:middle;
}

.pd_rating_num{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    color:#fbbf24;
    margin-left:8px;
    vertical-align:middle;
}

.pd_rating_text{
    display:inline-block;
    font-size:13px;
    color:#64748b;
    margin-left:8px;
    vertical-align:middle;
}

.pd_rating_text strong{color:#1e40af;}

.pd_rating_divider{
    display:inline-block;
    width:1px;
    height:14px;
    background:#e2e8f0;
    margin:0 10px;
    vertical-align:middle;
}

/* 卖点标签 */
.pd_tags{
    overflow:hidden;
    margin-bottom:16px;
}

.pd_tag{
    float:left;
    display:inline-block;
    font-size:12px;
    color:#1e40af;
    background:rgba(30,64,175,0.06);
    border:1px solid rgba(30,64,175,0.15);
    padding:5px 12px;
    border-radius:9999px;
    margin:0 8px 8px 0;
    font-weight:500;
    transition:all 0.3s;
}

.pd_tag:hover{
    background:#1e40af;
    color:#fff;
    border-color:#1e40af;
}

.pd_tag_gold{
    color:#b45309;
    background:rgba(251,191,36,0.12);
    border-color:rgba(251,191,36,0.3);
}

.pd_tag_gold:hover{
    background:#fbbf24;
    color:#0f172a;
    border-color:#fbbf24;
}

/* 关键参数速览 */
.pd_params_quick{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:12px;
    padding:16px 18px;
    margin-bottom:16px;
}

.pd_params_quick_title{
    font-size:13px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:10px;
    padding-bottom:8px;
    border-bottom:1px solid #e2e8f0;
}

.pd_params_quick_title:before{
    content:"";
    display:inline-block;
    width:3px;
    height:14px;
    background:#1e40af;
    border-radius:2px;
    margin-right:8px;
    vertical-align:middle;
}

.pd_params_quick_body{
    font-size:13px;
    color:#475569;
    line-height:1.8;
}

.pd_params_quick_body p{margin:0 0 4px;}

/* CTA按钮组 */
.pd_cta_group{
    overflow:hidden;
    margin-bottom:16px;
}

.pd_cta_btn{
    float:left;
    display:inline-block;
    text-align:center;
    border-radius:10px;
    font-size:15px;
    font-weight:700;
    padding:14px 20px;
    margin-right:10px;
    margin-bottom:8px;
    transition:all 0.3s;
    cursor:pointer;
    border:none;
    min-width:130px;
}

.pd_cta_call{
    background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);
    color:#fff;
    box-shadow:0 4px 12px rgba(30,64,175,0.3);
}

.pd_cta_call:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(30,64,175,0.4);
}

.pd_cta_quote{
    background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);
    color:#0f172a;
    box-shadow:0 4px 12px rgba(251,191,36,0.35);
}

.pd_cta_quote:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(251,191,36,0.45);
}

.pd_cta_custom{
    background:#fff;
    color:#1e40af;
    border:2px solid #1e40af;
}

.pd_cta_custom:hover{
    background:#1e40af;
    color:#fff;
}

.pd_cta_btn .pd_cta_icon{
    font-size:16px;
    margin-right:4px;
}

/* 分享与二维码行 */
.pd_share_row{
    overflow:hidden;
    padding-top:16px;
    border-top:1px solid #f1f5f9;
}

.pd_share_left{
    float:left;
}

.pd_share_label{
    font-size:12px;
    color:#94a3b8;
    margin-bottom:6px;
}

.pd_share_btns{
    overflow:hidden;
}

.pd_share_btn{
    float:left;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    border-radius:50%;
    margin-right:8px;
    font-size:16px;
    color:#fff;
    cursor:pointer;
    transition:all 0.3s;
    border:none;
}

.pd_share_wechat{background:#07c160;}
.pd_share_wechat:hover{transform:scale(1.1);}

.pd_share_weibo{background:#e6162d;}
.pd_share_weibo:hover{transform:scale(1.1);}

.pd_share_copy{background:#64748b;}
.pd_share_copy:hover{transform:scale(1.1);}

.pd_share_qr{
    float:right;
    text-align:center;
}

.pd_share_qr img{
    width:96px;
    height:96px;
    border:1px solid #e2e8f0;
    border-radius:8px;
    padding:4px;
    background:#fff;
}

.pd_share_qr p{
    font-size:11px;
    color:#94a3b8;
    margin-top:4px;
}

/* 微信分享弹窗 */
.pd_wechat_modal{
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:rgba(15,23,42,0.7);
    z-index:9999;
    display:none;
}

.pd_wechat_modal.show{display:block;}

.pd_wechat_modal_box{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    border-radius:16px;
    padding:28px 32px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,0.3);
}

.pd_wechat_modal_box h4{
    font-size:16px;
    color:#0f172a;
    margin-bottom:12px;
}

.pd_wechat_modal_box img{
    width:200px;
    height:200px;
    margin:0 auto;
    border:1px solid #e2e8f0;
    border-radius:8px;
}

.pd_wechat_modal_box p{
    font-size:13px;
    color:#64748b;
    margin-top:12px;
}

.pd_wechat_modal_close{
    position:absolute;
    top:8px;right:12px;
    font-size:24px;
    color:#94a3b8;
    cursor:pointer;
    line-height:1;
}

.pd_wechat_modal_close:hover{color:#0f172a;}

/* ============================================
   粘性锚点导航
   ============================================ */
.pd_anchor_nav{
    position:sticky;
    top:0;
    z-index:100;
    background:#0f172a;
    box-shadow:0 2px 12px rgba(15,23,42,0.15);
}

.pd_anchor_nav.scrolled{
    box-shadow:0 4px 20px rgba(15,23,42,0.25);
}

.pd_anchor_nav_list{
    overflow:hidden;
}

.pd_anchor_nav_list li{
    float:left;
}

.pd_anchor_nav_list a{
    display:block;
    padding:14px 22px;
    font-size:14px;
    font-weight:600;
    color:rgba(255,255,255,0.7);
    transition:all 0.3s;
    border-bottom:3px solid transparent;
}

.pd_anchor_nav_list a:hover{
    color:#fff;
    background:rgba(255,255,255,0.05);
}

.pd_anchor_nav_list a.active{
    color:#fbbf24;
    border-bottom-color:#fbbf24;
}

/* ============================================
   通用区块标题
   ============================================ */
.pd_section{
    padding:36px 0;
}

.pd_section_title{
    text-align:center;
    margin-bottom:28px;
    position:relative;
}

.pd_section_title h2{
    font-size:26px;
    font-weight:700;
    color:#0f172a;
    letter-spacing:-0.3px;
    display:inline-block;
    position:relative;
    padding-bottom:12px;
}

.pd_section_title h2:after{
    content:"";
    position:absolute;
    bottom:0;left:50%;
    transform:translateX(-50%);
    width:48px;height:3px;
    background:linear-gradient(90deg,#1e40af,#fbbf24);
    border-radius:2px;
}

.pd_section_title p{
    font-size:13px;
    color:#94a3b8;
    margin-top:8px;
    letter-spacing:1px;
}

.pd_section_card{
    background:#fff;
    border-radius:16px;
    padding:28px;
    box-shadow:0 4px 12px rgba(15,23,42,0.08);
    border:1px solid #f1f5f9;
}

/* ============================================
   核心优势区（4格卡片）
   ============================================ */
.pd_advantages_grid{
    overflow:hidden;
    margin:0 -10px;
}

.pd_advantage_card{
    float:left;
    width:25%;
    padding:0 10px;
    margin-bottom:20px;
}

.pd_advantage_inner{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:28px 20px;
    text-align:center;
    height:100%;
    transition:all 0.3s;
    box-shadow:0 2px 8px rgba(15,23,42,0.04);
}

.pd_advantage_inner:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 32px rgba(30,64,175,0.12);
    border-color:#1e40af;
}

.pd_advantage_icon{
    width:64px;
    height:64px;
    line-height:64px;
    margin:0 auto 16px;
    font-size:28px;
    background:linear-gradient(135deg,rgba(30,64,175,0.1),rgba(251,191,36,0.1));
    border-radius:50%;
}

.pd_advantage_inner h3{
    font-size:17px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:8px;
}

.pd_advantage_inner p{
    font-size:13px;
    color:#64748b;
    line-height:1.7;
}

/* ============================================
   技术参数区（表格）
   ============================================ */
.pd_specs_table_wrap{
    overflow-x:auto;
}

.pd_specs_table{
    width:100%;
    border-collapse:collapse;
    font-size:14px;
    background:#fff;
}

.pd_specs_table thead{
    background:linear-gradient(135deg,#0f172a 0%,#1e40af 100%);
}

.pd_specs_table thead th{
    color:#fff;
    font-weight:600;
    padding:14px 18px;
    text-align:left;
    font-size:14px;
}

.pd_specs_table thead th:first-child{border-radius:8px 0 0 0;}
.pd_specs_table thead th:last-child{border-radius:0 8px 0 0;}

.pd_specs_table tbody td{
    padding:12px 18px;
    border-bottom:1px solid #f1f5f9;
    color:#334155;
}

.pd_specs_table tbody td:first-child{
    font-weight:600;
    color:#0f172a;
    width:25%;
    background:#f8fafc;
}

.pd_specs_table tbody tr:hover td{
    background:#eff6ff;
}

.pd_specs_table tbody tr:hover td:first-child{
    background:#dbeafe;
}

.pd_specs_table tbody tr:last-child td{
    border-bottom:none;
}

.pd_specs_raw{
    font-size:14px;
    color:#334155;
    line-height:1.8;
}

.pd_specs_raw p{margin:0 0 8px;}

/* ============================================
   产品详情区（可折叠）
   ============================================ */
.pd_detail_wrap{
    position:relative;
    overflow:hidden;
    transition:max-height 0.5s ease;
}

.pd_detail_content{
    max-height:600px;
    overflow:hidden;
    transition:max-height 0.5s ease;
}

.pd_detail_content.expanded{
    max-height:none;
}

.pd_detail_fade{
    position:absolute;
    bottom:0;left:0;right:0;
    height:80px;
    background:linear-gradient(180deg,transparent,#fff);
    pointer-events:none;
    transition:opacity 0.3s;
}

.pd_detail_fade.hidden{display:none;}

.pd_detail_toggle{
    display:block;
    margin:20px auto 0;
    padding:10px 32px;
    background:#fff;
    border:2px solid #1e40af;
    color:#1e40af;
    font-size:14px;
    font-weight:600;
    border-radius:9999px;
    cursor:pointer;
    transition:all 0.3s;
}

.pd_detail_toggle:hover{
    background:#1e40af;
    color:#fff;
}

.pd_detail_toggle .pd_toggle_icon{
    display:inline-block;
    margin-left:4px;
    transition:transform 0.3s;
}

.pd_detail_toggle.expanded .pd_toggle_icon{
    transform:rotate(180deg);
}

.pd_detail_content img{
    max-width:100% !important;
    height:auto !important;
    border-radius:8px !important;
    margin:12px auto !important;
}

.pd_detail_content p{
    margin:0 0 14px !important;
    font-size:14px !important;
    color:#334155 !important;
    line-height:1.8 !important;
}

.pd_detail_content h2,
.pd_detail_content h3,
.pd_detail_content h4{
    color:#0f172a !important;
    margin:20px 0 12px !important;
    font-weight:700 !important;
}

.pd_detail_content h2{font-size:22px !important;}
.pd_detail_content h3{font-size:18px !important;}
.pd_detail_content h4{font-size:16px !important;}

.pd_detail_content ul,
.pd_detail_content ol{
    margin:0 0 14px 20px !important;
}

.pd_detail_content ul li,
.pd_detail_content ol li{
    margin-bottom:6px !important;
    font-size:14px !important;
    color:#334155 !important;
    line-height:1.8 !important;
}

.pd_detail_content table{
    width:100% !important;
    border-collapse:collapse !important;
    margin:12px 0 !important;
}

.pd_detail_content table td,
.pd_detail_content table th{
    border:1px solid #e2e8f0 !important;
    padding:8px 12px !important;
    font-size:13px !important;
}

/* ============================================
   应用场景区
   ============================================ */
.pd_scenes_grid{
    overflow:hidden;
    margin:0 -10px 24px;
}

.pd_scene_card{
    float:left;
    width:16.666%;
    padding:0 10px;
    margin-bottom:20px;
}

.pd_scene_inner{
    display:block;
    text-align:center;
    padding:24px 12px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    transition:all 0.3s;
}

.pd_scene_inner:hover{
    background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);
    border-color:#1e40af;
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(30,64,175,0.2);
}

.pd_scene_inner:hover .pd_scene_icon,
.pd_scene_inner:hover span{color:#fff;}

.pd_scene_icon{
    font-size:32px;
    line-height:1;
    margin-bottom:10px;
    display:block;
    transition:color 0.3s;
}

.pd_scene_inner span{
    font-size:13px;
    font-weight:600;
    color:#475569;
    transition:color 0.3s;
}

/* 服务区域（GEO城市） */
.pd_geo_bar{
    background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);
    border-radius:16px;
    padding:24px 28px;
    color:#fff;
    overflow:hidden;
}

.pd_geo_label{
    float:left;
    font-size:15px;
    font-weight:700;
    color:#fbbf24;
    padding:6px 0;
    margin-right:20px;
}

.pd_geo_cities{
    overflow:hidden;
}

.pd_geo_city{
    float:left;
    display:inline-block;
    font-size:13px;
    color:rgba(255,255,255,0.85);
    padding:6px 14px;
    margin:0 6px 6px 0;
    background:rgba(255,255,255,0.1);
    border-radius:9999px;
    transition:all 0.3s;
}

.pd_geo_city:hover{
    background:#fbbf24;
    color:#0f172a;
}

/* ============================================
   CTA横条
   ============================================ */
.pd_cta_banner{
    background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 50%,#0f172a 100%);
    border-radius:16px;
    padding:32px 36px;
    color:#fff;
    overflow:hidden;
    position:relative;
    box-shadow:0 8px 24px rgba(30,64,175,0.2);
}

.pd_cta_banner:before{
    content:"";
    position:absolute;
    top:-50%;right:-5%;
    width:300px;height:300px;
    background:radial-gradient(circle,rgba(251,191,36,0.15) 0%,transparent 70%);
    border-radius:50%;
}

.pd_cta_banner_info{
    float:left;
    position:relative;
    max-width:320px;
}

.pd_cta_banner h3{
    font-size:24px;
    font-weight:700;
    margin-bottom:8px;
    color:#fff;
}

.pd_cta_banner h3 span{color:#fbbf24;}

.pd_cta_banner p{
    font-size:14px;
    color:rgba(255,255,255,0.8);
    line-height:1.6;
}

.pd_cta_banner_phone{
    float:left;
    position:relative;
    margin-left:40px;
    padding-left:40px;
    border-left:1px solid rgba(255,255,255,0.2);
}

.pd_cta_banner_phone_label{
    font-size:12px;
    color:rgba(255,255,255,0.6);
}

.pd_cta_banner_phone_num{
    font-size:28px;
    font-weight:700;
    color:#fbbf24;
    letter-spacing:1px;
}

.pd_cta_banner_form{
    float:right;
    position:relative;
    overflow:hidden;
    max-width:420px;
}

.pd_cta_banner_form input{
    float:left;
    width:45%;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,0.2);
    background:rgba(255,255,255,0.95);
    border-radius:8px;
    font-size:13px;
    color:#0f172a;
    outline:none;
    margin:0 0 8px 0;
    box-sizing:border-box;
}

.pd_cta_banner_form input:nth-child(2){margin-left:4%;}

.pd_cta_banner_form input:nth-child(3){
    width:100%;
    margin-left:0;
}

.pd_cta_banner_form input::placeholder{color:#94a3b8;}

.pd_cta_banner_form input:focus{
    background:#fff;
    box-shadow:0 0 0 3px rgba(251,191,36,0.3);
}

.pd_cta_banner_btn{
    float:left;
    width:100%;
    padding:12px 24px;
    background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);
    color:#0f172a;
    border:none;
    border-radius:8px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.3s;
    box-shadow:0 4px 12px rgba(251,191,36,0.3);
}

.pd_cta_banner_btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(251,191,36,0.45);
}

/* ============================================
   FAQ手风琴
   ============================================ */
.pd_faq_list{
    max-width:860px;
    margin:0 auto;
}

.pd_faq_item{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    margin-bottom:12px;
    overflow:hidden;
    transition:all 0.3s;
}

.pd_faq_item:hover{
    border-color:#1e40af;
    box-shadow:0 4px 12px rgba(30,64,175,0.1);
}

.pd_faq_item.open{
    border-color:#1e40af;
    box-shadow:0 4px 16px rgba(30,64,175,0.12);
}

.pd_faq_q{
    padding:18px 24px;
    font-size:15px;
    font-weight:600;
    color:#0f172a;
    cursor:pointer;
    overflow:hidden;
    transition:background 0.2s;
}

.pd_faq_q:hover{
    background:#f8fafc;
    color:#1e40af;
}

.pd_faq_q_text{
    float:left;
    width:90%;
    padding-right:10px;
}

.pd_faq_q_icon{
    float:right;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    font-size:20px;
    color:#1e40af;
    font-weight:300;
    transition:transform 0.3s;
}

.pd_faq_item.open .pd_faq_q_icon{
    transform:rotate(45deg);
}

.pd_faq_a{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease;
}

.pd_faq_item.open .pd_faq_a{
    max-height:300px;
}

.pd_faq_a_inner{
    padding:0 24px 18px;
    font-size:14px;
    color:#475569;
    line-height:1.8;
}

/* ============================================
   上下篇导航
   ============================================ */
.pd_prevnext{
    overflow:hidden;
    border-top:1px solid #e2e8f0;
    border-bottom:1px solid #e2e8f0;
    padding:20px 0;
}

.pd_prevnext_item{
    float:left;
    width:50%;
    padding:0 20px;
}

.pd_prevnext_item:last-child{
    border-left:1px solid #e2e8f0;
    text-align:right;
}

.pd_prevnext_label{
    font-size:12px;
    color:#94a3b8;
    margin-bottom:4px;
}

.pd_prevnext_item a{
    font-size:14px;
    color:#1e40af;
    font-weight:600;
    transition:color 0.3s;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pd_prevnext_item a:hover{color:#fbbf24;}

.pd_prevnext_empty{
    font-size:14px;
    color:#cbd5e1;
}

/* ============================================
   相关产品推荐
   ============================================ */
.pd_related_grid{
    overflow:hidden;
    margin:0 -10px;
}

.pd_related_card{
    float:left;
    width:25%;
    padding:0 10px;
    margin-bottom:20px;
}

.pd_related_inner{
    display:block;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    overflow:hidden;
    transition:all 0.3s;
    height:100%;
    box-shadow:0 2px 8px rgba(15,23,42,0.04);
}

.pd_related_inner:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 32px rgba(30,64,175,0.15);
    border-color:#1e40af;
}

.pd_related_img{
    width:100%;
    overflow:hidden;
    background:#f8fafc;
    position:relative;
}

.pd_related_img img{
    width:100%;
    height:180px;
    object-fit:cover;
    transition:transform 0.6s;
}

.pd_related_inner:hover .pd_related_img img{
    transform:scale(1.08);
}

.pd_related_body{
    padding:16px;
}

.pd_related_body h4{
    font-size:15px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:8px;
    line-height:1.5;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:45px;
}

.pd_related_tags{
    overflow:hidden;
    margin-bottom:10px;
}

.pd_related_tag{
    float:left;
    display:inline-block;
    font-size:11px;
    color:#1e40af;
    background:rgba(30,64,175,0.08);
    padding:2px 8px;
    border-radius:9999px;
    margin:0 4px 4px 0;
}

.pd_related_btn{
    display:inline-block;
    font-size:13px;
    color:#1e40af;
    font-weight:600;
    padding:6px 16px;
    border:1px solid #1e40af;
    border-radius:9999px;
    transition:all 0.3s;
}

.pd_related_inner:hover .pd_related_btn{
    background:#1e40af;
    color:#fff;
}

/* ============================================
   服务保障区
   ============================================ */
.pd_guarantee_grid{
    overflow:hidden;
    margin:0 -10px;
}

.pd_guarantee_card{
    float:left;
    width:25%;
    padding:0 10px;
    margin-bottom:20px;
}

.pd_guarantee_inner{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:28px 20px;
    text-align:center;
    transition:all 0.3s;
    box-shadow:0 2px 8px rgba(15,23,42,0.04);
    height:100%;
}

.pd_guarantee_inner:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(30,64,175,0.12);
    border-color:#fbbf24;
}

.pd_guarantee_icon{
    width:56px;
    height:56px;
    line-height:56px;
    margin:0 auto 14px;
    font-size:24px;
    background:linear-gradient(135deg,rgba(251,191,36,0.12),rgba(30,64,175,0.08));
    border-radius:50%;
}

.pd_guarantee_inner h3{
    font-size:16px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:6px;
}

.pd_guarantee_inner p{
    font-size:13px;
    color:#64748b;
    line-height:1.6;
}

/* ============================================
   热门搜索标签云
   ============================================ */
.pd_tags_cloud{
    overflow:hidden;
    text-align:center;
    padding:8px 0;
}

.pd_tags_cloud a{
    display:inline-block;
    font-size:13px;
    color:#475569;
    background:#fff;
    border:1px solid #e2e8f0;
    padding:6px 16px;
    border-radius:9999px;
    margin:4px;
    transition:all 0.3s;
}

.pd_tags_cloud a:hover{
    background:#1e40af;
    color:#fff;
    border-color:#1e40af;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(30,64,175,0.2);
}

.pd_tags_cloud a.pd_tag_hot{
    color:#b45309;
    border-color:rgba(251,191,36,0.4);
    background:rgba(251,191,36,0.06);
}

.pd_tags_cloud a.pd_tag_hot:hover{
    background:#fbbf24;
    color:#0f172a;
    border-color:#fbbf24;
}

/* ============================================
   悬浮CTA
   ============================================ */
.pd_float_cta{
    position:fixed;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    z-index:998;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:9999px;
    padding:6px;
    box-shadow:0 8px 24px rgba(15,23,42,0.12);
}

.pd_float_cta_close{
    position:absolute;
    top:-8px;right:-8px;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    background:#64748b;
    color:#fff;
    border-radius:50%;
    cursor:pointer;
    font-size:14px;
    border:2px solid #fff;
    transition:background 0.3s;
}

.pd_float_cta_close:hover{background:#ef4444;}

.pd_float_cta_item{
    display:block;
    width:48px;
    height:48px;
    line-height:48px;
    text-align:center;
    border-radius:50%;
    color:#fff;
    margin-bottom:6px;
    font-size:20px;
    transition:all 0.3s;
    position:relative;
}

.pd_float_cta_item:last-child{margin-bottom:0;}

.pd_float_cta_item:hover{
    transform:scale(1.1);
}

.pd_float_cta_call{background:#10b981;}
.pd_float_cta_quote{background:#1e40af;}
.pd_float_cta_share{background:#6366f1;}
.pd_float_cta_top{background:#475569;}

.pd_float_cta_tip{
    position:absolute;
    right:58px;
    top:50%;
    transform:translateY(-50%);
    background:#0f172a;
    color:#fff;
    padding:4px 12px;
    border-radius:6px;
    font-size:12px;
    white-space:nowrap;
    display:none;
}

.pd_float_cta_tip:after{
    content:"";
    position:absolute;
    right:-4px;
    top:50%;
    transform:translateY(-50%);
    border:5px solid transparent;
    border-left-color:#0f172a;
}

.pd_float_cta_item:hover .pd_float_cta_tip{display:block;}

/* ============================================
   响应式
   ============================================ */
@media(max-width:1200px){
    .pd_info h1{font-size:24px;}
    .pd_scene_card{width:20%;}
    .pd_advantage_card,.pd_guarantee_card,.pd_related_card{width:33.333%;}
}

@media(max-width:992px){
    .pd_gallery{
        float:none;
        width:100%;
        padding-right:0;
        margin-bottom:24px;
    }
    .pd_info{
        float:none;
        width:100%;
        padding-left:0;
    }
    .pd_zoom_result{display:none !important;}
    .pd_advantage_card,.pd_guarantee_card,.pd_related_card{width:50%;}
    .pd_scene_card{width:25%;}
    .pd_cta_banner_info,
    .pd_cta_banner_phone{
        float:none;
        max-width:100%;
        margin:0 0 16px;
        padding:0;
        border:none;
    }
    .pd_cta_banner_phone{
        padding-top:16px;
        border-top:1px solid rgba(255,255,255,0.2);
    }
    .pd_cta_banner_form{
        float:none;
        max-width:100%;
    }
    .pd_anchor_nav_list a{padding:12px 14px;font-size:13px;}
    .pd_section{padding:28px 0;}
    .pd_section_title h2{font-size:22px;}
}

@media(max-width:768px){
    .pd_info h1{font-size:20px;}
    .pd_section_title h2{font-size:20px;}
    .pd_advantage_card,
    .pd_guarantee_card,
    .pd_related_card{width:50%;}
    .pd_scene_card{width:33.333%;}
    .pd_thumb{width:25%;}
    .pd_cta_banner{padding:24px 20px;}
    .pd_cta_banner h3{font-size:20px;}
    .pd_cta_banner_phone_num{font-size:22px;}
    .pd_cta_banner_form input{
        float:none;
        width:100%;
        margin:0 0 8px;
    }
    .pd_cta_banner_form input:nth-child(2){margin-left:0;}
    .pd_anchor_nav_list{overflow-x:auto;overflow-y:hidden;}
    .pd_anchor_nav_list li{float:none;display:inline-block;white-space:nowrap;}
    .pd_anchor_nav_list a{padding:12px 16px;}
    .pd_prevnext_item{
        float:none;
        width:100%;
        text-align:left;
        margin-bottom:12px;
        padding:0;
    }
    .pd_prevnext_item:last-child{
        border-left:none;
        border-top:1px solid #e2e8f0;
        padding-top:12px;
        text-align:left;
    }
    .pd_section_card{padding:18px 14px;}
    .pd_float_cta{
        top:auto;
        bottom:16px;
        right:50%;
        transform:translateX(50%);
        border-radius:9999px;
        padding:4px 8px;
    }
    .pd_float_cta_item{
        display:inline-block;
        margin:0 4px;
        width:42px;
        height:42px;
        line-height:42px;
        font-size:18px;
    }
    .pd_float_cta_tip{display:none !important;}
    .pd_share_qr{display:none;}
    .pd_specs_table thead th{padding:10px 12px;font-size:13px;}
    .pd_specs_table tbody td{padding:10px 12px;font-size:13px;}
}

@media(max-width:480px){
    .pd_info h1{font-size:18px;}
    .pd_advantage_card,
    .pd_guarantee_card,
    .pd_related_card{width:100%;}
    .pd_scene_card{width:50%;}
    .pd_thumb{width:33.333%;}
    .pd_cta_btn{
        float:none;
        display:block;
        width:100%;
        margin:0 0 8px;
    }
    .pd_cta_banner_form input{font-size:12px;}
    .pd_faq_q{padding:14px 16px;font-size:14px;}
    .pd_faq_a_inner{padding:0 16px 14px;}
    .pd_section_title h2{font-size:18px;}
    .pd_anchor_nav_list a{padding:10px 12px;font-size:12px;}
    .pd_related_img img{height:160px;}
}