/* ============================================================
   君达轩电子 · 内页公共样式（配合 app.css 使用）
   ============================================================ */

.inner_page .content{padding-left:20px;padding-right:20px}

/* ---------- 内页 Banner ---------- */
.page_banner{position:relative;overflow:hidden;height:340px;background:#0b2a6b}
.page_banner .banner_bg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.page_banner .banner_mask{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(100deg, rgba(9,22,60,.94) 0%, rgba(30,64,175,.62) 60%, rgba(37,99,235,.35) 100%)}
.page_banner .banner_con{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:0 20px;height:100%;display:flex;flex-direction:column;justify-content:center}
.page_banner h1{color:#fff;font-size:40px;font-weight:600;line-height:1.3}
.page_banner .banner_sub{color:rgba(255,255,255,.86);font-size:17px;font-weight:300;margin-top:16px;max-width:760px;line-height:1.8}
.page_banner .crumbs{margin-top:26px;color:rgba(255,255,255,.72);font-size:14px}
.page_banner .crumbs a{color:rgba(255,255,255,.72);transition:color .3s}
.page_banner .crumbs a:hover{color:#fff}
.page_banner .crumbs i{margin:0 8px;font-style:normal}

/* ---------- 通用区块标题 ---------- */
.inner_title{text-align:center;margin-bottom:8px; margin-top: 65px;}
.inner_title h2{font-size:36px;font-weight:550;line-height:1.2}
.inner_title p{color:#4A4A4A;font-size:17px;margin-top:12px;font-weight:300}

/* ---------- 产品分类页 ---------- */
.pro_toolbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:28px;background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:16px 22px}
.pro_tabs{display:flex;flex-wrap:wrap;gap:10px}
.pro_tabs a{padding:8px 24px;border:1px solid #d7dee9;border-radius:6px;background:#fff;color:#555;font-size:15px;transition:all .25s}
.pro_tabs a:hover{border-color:#2563eb;color:#2563eb}
.pro_tabs a.active{background:#2563eb;border-color:#2563eb;color:#fff}
.pro_search_box{display:flex;align-items:center}
.pro_search_box input{width:250px;padding:9px 14px;border:1px solid #d7dee9;border-right:none;border-radius:5px 0 0 5px;font-size:14px;outline:none;background:#fbfcff}
.pro_search_box input:focus{border-color:#2563eb}
.pro_search_box button{padding:9px 22px;background:#2563eb;color:#fff;border:none;border-radius:0 5px 5px 0;font-size:14px;transition:background .3s}
.pro_search_box button:hover{background:#1d4ed8}
.pro_result_tip{font-size:14px;color:#8a93a3;margin-bottom:18px;min-height:20px}
.pro_result_tip em{color:#2563eb;font-style:normal;font-weight:600}

.pro_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pro_card{background:#fff;border:1px solid #eef1f6;border-radius:8px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}
.pro_card:hover{box-shadow:0 10px 26px rgba(15,23,42,.12);transform:translateY(-4px)}
.pro_pic{aspect-ratio:4/4;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f8fc}
.pro_pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pro_card:hover .pro_pic img{transform:scale(1.06)}
.pro_con{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column}
.pro_tag{display:inline-block;align-self:flex-start;font-size:12px;color:#2563eb;background:#eaf1ff;border-radius:4px;padding:2px 10px;margin-bottom:10px}
.pro_con h3{font-size:17px;font-weight:600;margin-bottom:4px;line-height:1.5}
.pro_model{font-size:13px;color:#8a93a3;margin-bottom:8px}
.pro_con .pro_desc{font-size:13.5px;color:#64748b;line-height:1.75;flex:1}
.pro_link{margin-top:14px;font-size:14px;color:#2563eb;transition:color .3s}
.pro_link:hover{color:#1d4ed8}

.pro_empty{text-align:center;padding:70px 20px;color:#8a93a3;display:none;background:#fff;border:1px dashed #d7dee9;border-radius:8px}
.pro_empty .empty_icon{font-size:50px;margin-bottom:14px}
.pro_empty p{font-size:15px;margin-bottom:14px}
.pro_empty a{color:#2563eb;border:1px solid #2563eb;border-radius:6px;padding:8px 24px;display:inline-block;transition:all .3s}
.pro_empty a:hover{background:#2563eb;color:#fff}

/* ---------- 新闻列表页 ---------- */
.news_item{display:flex;gap:24px;background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:22px;margin-bottom:22px;transition:all .3s}
.news_item:hover{box-shadow:0 10px 26px rgba(15,23,42,.1);transform:translateY(-3px)}
.news_item .news_pic{width:270px;flex-shrink:0;border-radius:6px;overflow:hidden}
.news_pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s;aspect-ratio:16/10;display:block}
.news_item:hover .news_pic img{transform:scale(1.05)}
.news_item .news_con{flex:1;min-width:0;display:flex;flex-direction:column}
.news_con h3{font-size:20px;line-height:1.5;transition:color .3s}
.news_item:hover .news_con h3{color:#2563eb}
.news_con time{font-size:13px;color:#8a93a3;margin:10px 0;font-weight:300}
.news_con time i{margin-right:5px;font-size:13px}
.news_con p{color:#64748b;font-size:14.5px;line-height:1.85;flex:1}
.news_more{color:#2563eb;font-size:14px;margin-top:12px}
.news_more i{margin-left:4px;font-size:13px}

/* ---------- 新闻详情页 ---------- */
.article_wrap{max-width:920px;margin:0 auto;background:#fff;border-radius:8px;padding:52px 62px;box-shadow:0 2px 14px rgba(15,23,42,.05)}
.article_wrap h1{font-size:28px;line-height:1.55;text-align:center;font-weight:600}
.article_meta{text-align:center;color:#8a93a3;font-size:13px;margin:20px 0 32px;padding-bottom:22px;border-bottom:1px solid #eef1f6}
.article_meta span{margin:0 10px}
.article_body h3{font-size:19px;margin:30px 0 14px;padding-left:12px;border-left:4px solid #2563eb;line-height:1.4}
.article_body p{margin-bottom:18px;font-size:15.5px;line-height:2.05;color:#444;text-indent:2em;text-align:justify}
.article_body img{width:100%;border-radius:6px;margin:6px 0 24px;display:block}
.article_nav{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:24px;border-top:1px solid #eef1f6;font-size:14px;color:#64748b}
.article_nav a{color:#64748b;transition:color .3s;max-width:48%}
.article_nav a:hover{color:#2563eb}
.article_back{text-align:center;margin-top:34px}
.article_back a{display:inline-block;border:1px solid #2563eb;color:#2563eb;border-radius:6px;padding:10px 34px;font-size:15px;transition:all .3s}
.article_back a:hover{background:#2563eb;color:#fff}

/* ---------- 关于我们 / Sumida 图文区 ---------- */
.about_intro{display:flex;gap:52px;align-items:center}
.about_intro .intro_pic{width:44%;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.intro_pic img{width:100%;display:block;transition:transform .5s}
.intro_pic:hover img{transform:scale(1.04)}
.about_intro .intro_text{flex:1;min-width:0}
.intro_text h3{font-size:24px;margin-bottom:20px;position:relative;padding-left:16px;font-weight:600}
.intro_text h3::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:5px;background:#2563eb;border-radius:3px}
.intro_text p{font-size:15.5px;line-height:2.05;color:#4A4A4A;margin-bottom:14px;text-indent:2em;text-align:justify}
.intro_text p.no_indent{text-indent:0}

/* ---------- 优势卡片 ---------- */
.adv_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}
.adv_card{background:#fff;border-radius:8px;padding:38px 26px;text-align:center;border:1px solid #e8edf5;transition:all .3s}
.adv_card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(37,99,235,.14)}
.adv_card .adv_icon{font-size:44px;margin-bottom:16px;line-height:1}
.adv_card h3{font-size:19px;margin-bottom:10px;font-weight:600}
.adv_card p{font-size:14px;color:#64748b;line-height:1.85}

/* ---------- 承诺 / 指南列表 ---------- */
.promise_list{max-width:1000px;margin:42px auto 0}
.promise_item{display:flex;gap:20px;background:#fff;border-radius:8px;padding:26px 30px;margin-bottom:16px;border-left:4px solid #2563eb;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:all .3s}
.promise_item:hover{box-shadow:0 8px 22px rgba(37,99,235,.12);transform:translateX(4px)}
.promise_item .p_num{font-size:26px;font-weight:700;color:#2563eb;line-height:1.1;flex-shrink:0;font-style:italic}
.promise_item h4{font-size:17px;margin-bottom:8px;font-weight:600}
.promise_item p{font-size:14px;color:#64748b;line-height:1.85}

/* ---------- Sumida 数据卡 ---------- */
.data_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.data_card{background:#fff;text-align:center;border-radius:8px;padding:32px 18px;border:1px solid #e8edf5;transition:all .3s}
.data_card:hover{box-shadow:0 10px 24px rgba(37,99,235,.12);transform:translateY(-4px)}
.data_card .num{font-size:32px;font-weight:700;color:#2563eb;line-height:1.2}
.data_card .num span{font-size:15px;font-weight:400;color:#2563eb}
.data_card p{color:#64748b;font-size:14px;margin-top:10px;line-height:1.6}

/* ---------- Sumida 产品系列 ---------- */
.series_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.series_card{background:#fff;border-radius:8px;padding:32px 30px;border-top:4px solid #2563eb;box-shadow:0 2px 12px rgba(15,23,42,.05);transition:all .3s}
.series_card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(37,99,235,.14)}
.series_card h3{font-size:19px;margin-bottom:6px;font-weight:600}
.series_card .series_tag{font-size:13px;color:#f97316;margin-bottom:14px}
.series_card p{font-size:14px;color:#64748b;line-height:1.85;margin-bottom:14px}
.series_card ul li{font-size:13.5px;color:#64748b;line-height:2.1;padding-left:16px;position:relative}
.series_card ul li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:#2563eb}

/* ---------- CTA 条 ---------- */
.cta_bar{background:linear-gradient(120deg,#2563eb 0%,#1d4ed8 100%);border-radius:10px;padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;margin-top:75px; margin-bottom: 45px;}
.cta_bar .cta_text h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}
.cta_bar .cta_text p{color:rgba(255,255,255,.82);font-size:15px}
.cta_bar .cta_btns{display:flex;gap:14px;flex-wrap:wrap}
.cta_bar .btn_a{display:inline-block;padding:12px 34px;border-radius:6px;font-size:15px;font-weight:600;transition:all .3s}
.cta_bar .btn_a.light{background:#fff;color:#1d4ed8}
.cta_bar .btn_a.light:hover{background:#fbbf24;color:#7c2d12}
.cta_bar .btn_a.ghost{border:1px solid rgba(255,255,255,.65);color:#fff}
.cta_bar .btn_a.ghost:hover{background:rgba(255,255,255,.14)}

/* ---------- 联系我们 ---------- */
.contact_wrap{display:flex;gap:26px;align-items:stretch;margin-top:10px}
.contact_info{width:42%;flex-shrink:0;background:#21242a;color:rgba(255,255,255,.82);border-radius:8px;padding:42px 38px}
.contact_info h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:6px}
.contact_info .sub{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:28px}
.ci_item{display:flex;gap:14px;margin-bottom:22px;font-size:14.5px;line-height:1.75}
.ci_item .ci_icon{font-size:20px;color:#fbbf24;flex-shrink:0;width:26px;text-align:center;line-height:1.5}
.ci_item b{color:#fff;font-weight:600;display:block;margin-bottom:2px}
.contact_info .ewm_row{display:flex;gap:20px;margin-top:28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
.ewm_row .ewm_item{width:112px}
.ewm_row img{width:100%;background:#fff;padding:6px;border-radius:4px;display:block}
.ewm_row p{text-align:center;font-size:13px;margin-top:10px;color:rgba(255,255,255,.72)}

.contact_form{flex:1;background:#fff;border-radius:8px;padding:42px 40px;box-shadow:0 2px 14px rgba(15,23,42,.05)}
.contact_form h3{font-size:22px;font-weight:600;margin-bottom:6px}
.contact_form .sub{font-size:13px;color:#8a93a3;margin-bottom:26px}
.form_ok{display:none;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px;line-height:1.7}
.form_row{display:flex;gap:18px;margin-bottom:18px}
.form_group{flex:1;display:flex;flex-direction:column;min-width:0}
.form_group label{font-size:14px;color:#333;margin-bottom:8px}
.form_group label .req{color:#ef4444;margin-left:3px}
.form_group input,.form_group textarea{border:1px solid #dbe2ec;border-radius:5px;padding:11px 14px;font-size:14px;font-family:inherit;outline:none;transition:all .25s;background:#fbfcff;width:100%}
.form_group input:focus,.form_group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);background:#fff}
.form_group textarea{resize:vertical;min-height:120px}
.form_group .err_tip{font-size:12px;color:#ef4444;margin-top:6px;display:none}
.form_group.error input,.form_group.error textarea{border-color:#ef4444}
.form_group.error .err_tip{display:block}
.form_submit{width:100%;padding:13px;background:#2563eb;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;transition:background .3s;margin-top:6px}
.form_submit:hover{background:#1d4ed8}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
    .pro_grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:992px){
    .pro_grid{grid-template-columns:repeat(2,1fr)}
    .adv_grid{grid-template-columns:repeat(2,1fr)}
    .data_grid{grid-template-columns:repeat(2,1fr)}
    .series_grid{grid-template-columns:1fr}
    .about_intro{flex-direction:column}
    .about_intro .intro_pic{width:100%}
    .contact_wrap{flex-direction:column}
    .contact_info{width:100%}
    .article_wrap{padding:44px 34px}
    .pro_toolbar{flex-direction:column;align-items:stretch}
    .pro_search_box input{flex:1;width:auto}
    .cta_bar{padding:36px 30px}
}

@media (max-width:768px){
    .page_banner{height:270px}
    .page_banner h1{font-size:28px}
    .page_banner .banner_sub{font-size:14px}
    .page_banner .crumbs{margin-top:18px}
    .inner_title h2{font-size:28px}
    .inner_title p{font-size:15px}
    .news_item{flex-direction:column;gap:16px}
    .news_item .news_pic{width:100%}
    .news_pic img{aspect-ratio:16/9}
    .article_wrap{padding:32px 22px}
    .article_wrap h1{font-size:22px}
    .article_body p{font-size:15px}
    .promise_item{flex-direction:column;gap:8px;padding:22px}
    .form_row{flex-direction:column;gap:18px}
    .cta_bar .cta_btns{width:100%}
    .cta_bar .btn_a{flex:1;text-align:center}
    .contact_info{padding:32px 26px}
    .contact_form{padding:32px 24px}
}

@media (max-width:480px){
    .pro_grid{grid-template-columns:1fr}
    .adv_grid{grid-template-columns:1fr}
    .data_grid{grid-template-columns:1fr}
    .page_banner h1{font-size:24px}
}

/* ============================================================
   品牌中心
   ============================================================ */
.brand_center_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:42px}
.brand_card_center{background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:22px 16px 18px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}
.brand_card_center:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(37,99,235,.14);border-color:#c7d8ff}
.brand_card_center.active{border:2px solid #2563eb;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.brand_card_center .bc_logo{width:100%;height:64px;display:flex;align-items:center;justify-content:center}
.brand_card_center .bc_logo img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(.15);transition:filter .3s}
.brand_card_center:hover .bc_logo img,.brand_card_center.active .bc_logo img{filter:none}
.brand_card_center .bc_name{font-size:15px;font-weight:600;color:#2563eb;line-height:1.3}
.brand_card_center .bc_cname{font-size:12.5px;color:#8a93a3;line-height:1.4}
.brand_card_center .bc_cat{display:inline-block;font-size:11.5px;color:#64748b;background:#f2f6ff;border-radius:4px;padding:2px 8px;margin-top:2px}

.brand_filter_bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:16px 22px;margin-top:42px}
.brand_filter_bar .bf_left{font-size:15px;color:#333}
.brand_filter_bar .bf_left b{color:#2563eb;font-size:20px}
.brand_filter_bar .bf_search{display:flex;align-items:center}
.brand_filter_bar .bf_search form.search-form{display:flex;width:100%}
.brand_filter_bar .bf_search input{width:230px;padding:9px 14px;border:1px solid #d7dee9;border-right:none;border-radius:5px 0 0 5px;font-size:14px;outline:none;background:#fbfcff}
.brand_filter_bar .bf_search input:focus{border-color:#2563eb}
.brand_filter_bar .bf_search button{padding:9px 22px;background:#2563eb;color:#fff;border:none;border-radius:0 5px 5px 0;font-size:14px;transition:background .3s}
.brand_filter_bar .bf_search button:hover{background:#1d4ed8}

/* 品牌展示区头部 */
.brand_head{background:#fff;border:1px solid #eef1f6;border-radius:8px;padding:30px 32px;margin-top:42px;display:flex;gap:26px;align-items:center}
.brand_head .bh_logo{width:150px;height:110px;flex-shrink:0;border:1px solid #eef1f6;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fbfcff}
.brand_head .bh_logo img{max-width:82%;max-height:78px;object-fit:contain}
.brand_head .bh_info{flex:1;min-width:0}
.brand_head .bh_info h3{font-size:26px;font-weight:600;color:#1d4ed8;line-height:1.3}
.brand_head .bh_info .bh_cname{font-size:15px;color:#8a93a3;margin:6px 0 10px}
.brand_head .bh_info .bh_cat{display:inline-block;font-size:13px;color:#2563eb;background:#eaf1ff;border-radius:5px;padding:3px 12px;margin-bottom:12px}
.brand_head .bh_info p{font-size:14px;color:#64748b;line-height:1.85}

/* ============================================================
   产品详情页
   ============================================================ */
.pd_wrap{background:#fff;border-radius:8px;padding:46px 50px;box-shadow:0 2px 14px rgba(15,23,42,.05)}
.pd_top{display:flex;gap:44px;padding-bottom:34px;border-bottom:1px solid #eef1f6;align-items:flex-start}
.pd_img{width:420px;flex-shrink:0}
.pd_img .pd_main_pic{aspect-ratio:1/1;border:1px solid #eef1f6;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f8fc}
.pd_img .pd_main_pic img{width:100%;height:100%;object-fit:cover}
.pd_info{flex:1;min-width:0}
.pd_info .pd_brand_tag{display:inline-block;font-size:13px;color:#2563eb;background:#eaf1ff;border-radius:5px;padding:3px 12px;margin-bottom:14px}
.pd_info h1{font-size:28px;line-height:1.4;font-weight:600;margin-bottom:10px}
.pd_info .pd_model{font-size:15px;color:#8a93a3;margin-bottom:6px}
.pd_info .pd_model b{color:#1d4ed8;font-size:17px;font-weight:600}
.pd_info .pd_cat_line{font-size:14px;color:#64748b;margin-bottom:20px}
.pd_info .pd_cat_line span{margin-right:16px}
.pd_info .pd_desc{font-size:15px;color:#444;line-height:1.95;padding:16px 18px;background:#f8fafc;border-left:3px solid #2563eb;border-radius:0 6px 6px 0;margin-bottom:26px}
.pd_actions{display:flex;gap:14px;flex-wrap:wrap}
.pd_actions .pd_btn{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;border-radius:6px;font-size:15px;font-weight:600;transition:all .3s;border:1px solid transparent}
.pd_actions .pd_btn.primary{background:#2563eb;color:#fff}
.pd_actions .pd_btn.primary:hover{background:#1d4ed8;box-shadow:0 6px 16px rgba(37,99,235,.3)}
.pd_actions .pd_btn.download{background:#fff;color:#2563eb;border-color:#2563eb}
.pd_actions .pd_btn.download:hover{background:#eaf1ff}
.pd_actions .pd_btn.tel{background:#fff;color:#f97316;border-color:#f97316}
.pd_actions .pd_btn.tel:hover{background:#fff7ed}
.pd_note{font-size:12.5px;color:#98a2b3;margin-top:14px}

.pd_section{margin-top:40px}
.pd_section_title{font-size:20px;font-weight:600;padding-left:14px;border-left:5px solid #2563eb;line-height:1.2;margin-bottom:22px}
.pd_spec_table{width:100%;border-collapse:collapse;font-size:14.5px}
.pd_spec_table th,.pd_spec_table td{border:1px solid #e6ebf3;padding:13px 18px;text-align:left;line-height:1.6}
.pd_spec_table th{width:200px;background:#f5f8fc;color:#333;font-weight:600}
.pd_spec_table tr:nth-child(even) td{background:#fbfcff}

.pd_features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pd_features .pf_item{background:#f8fafc;border:1px solid #eef1f6;border-radius:8px;padding:20px 22px;font-size:14.5px;color:#444;line-height:1.75;display:flex;gap:12px;align-items:flex-start}
.pd_features .pf_item .pf_icon{color:#2563eb;font-size:18px;flex-shrink:0}

.pd_apps{display:flex;flex-wrap:wrap;gap:14px}
.pd_apps .pa_item{background:#eaf1ff;color:#1d4ed8;border-radius:20px;padding:9px 24px;font-size:14px;font-weight:500}

.pd_related_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pd_related_card{border:1px solid #eef1f6;border-radius:8px;padding:18px;text-align:center;transition:all .3s;display:block}
.pd_related_card:hover{box-shadow:0 8px 20px rgba(37,99,235,.12);transform:translateY(-3px);border-color:#c7d8ff}
.pd_related_card .prc_pic{aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#f5f8fc;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.pd_related_card .prc_pic img{width:100%;height:100%;object-fit:cover}
.pd_related_card h4{font-size:14px;line-height:1.5;font-weight:600;color:#333;height:42px;overflow:hidden}
.pd_related_card .prc_model{font-size:12px;color:#8a93a3;margin-top:6px}

@media (max-width:1200px){
    .brand_center_grid{grid-template-columns:repeat(4,1fr)}
}

@media (max-width:992px){
    .brand_center_grid{grid-template-columns:repeat(3,1fr)}
    .pd_top{flex-direction:column}
    .pd_img{width:100%;max-width:480px}
    .pd_features{grid-template-columns:1fr}
    .pd_related_grid{grid-template-columns:repeat(2,1fr)}
    .pd_wrap{padding:34px 26px}
    .brand_head{flex-direction:column;align-items:flex-start;gap:18px}
}

@media (max-width:768px){
    .brand_center_grid{grid-template-columns:repeat(2,1fr)}
    .brand_filter_bar{flex-direction:column;align-items:stretch;gap:14px}
    .brand_filter_bar .bf_search input{flex:1;width:auto}
    .pd_spec_table th{width:130px;padding:10px 12px}
    .pd_spec_table td{padding:10px 12px}
}

@media (max-width:480px){
    .brand_center_grid{grid-template-columns:repeat(2,1fr)}
    .pd_related_grid{grid-template-columns:1fr}
    .pd_actions .pd_btn{width:100%;justify-content:center}
}

/* ============================================================
   产品详情页 V2（规格书样式 product_info.html）
   ============================================================ */
.pi_sheet{background:#fff;border-radius:8px;box-shadow:0 2px 14px rgba(15,23,42,.05);overflow:hidden}
.pi_header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 40px;background:linear-gradient(120deg,#f4f8ff 0%,#fff 70%);border-bottom:2px solid #2563eb}
.pi_header .pi_title_box{background:#10169f;color:#fff;padding:18px 30px;border-radius:4px}
.pi_header .pi_title_box h1{font-size:24px;font-weight:700;line-height:1.35;letter-spacing:.5px}
.pi_header .pi_title_box .pi_sub{font-size:19px;font-weight:600;margin-top:4px;color:#e3ecff}
.pi_header .pi_brand_side{display:flex;align-items:center;gap:18px}
.pi_header .pi_color_bars{display:flex;gap:10px;align-items:flex-start}
.pi_header .pi_color_bars i{display:block;width:26px;border-radius:2px}
.pi_header .pi_color_bars i:nth-child(1){height:86px;background:#0016ff}
.pi_header .pi_color_bars i:nth-child(2){height:86px;background:#0b7bf5}
.pi_header .pi_color_bars i:nth-child(3){height:86px;background:#6d9df1}
.pi_header .pi_color_bars i:nth-child(4){height:86px;background:#a4c7fa}
.pi_header .pi_brand_logo img{height:44px;object-fit:contain}

.pi_body{padding:36px 40px 44px}
.pi_overview{display:flex;gap:44px}
.pi_ov_left{width:46%;flex-shrink:0}
.pi_ov_right{flex:1;min-width:0}

.pi_fig_row{display:flex;gap:22px;align-items:flex-start;margin-top:10px}
.pi_rohs{width:86px;height:86px;border-radius:50%;background:#3ecf3e;border:3px solid #1fa81f;color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px rgba(30,168,31,.25)}
.pi_photo{flex:1;display:flex;align-items:flex-start;justify-content:center}
.pi_photo img{max-width: 80%; height: auto;}

.pi_fig_title{font-size:16px;font-weight:700;color:#222;margin:30px 0 14px}
.pi_dim_svg{width:100%;background:#fff;border-radius:6px}
.pi_schem_svg{width:170px;background:#fff}

.pi_block{margin-bottom:22px}
.pi_block h3{font-size:16.5px;font-weight:700;color:#161616;margin-bottom:10px}
.pi_block ul{list-style:none}
.pi_block ul li{position:relative;padding-left:16px;font-size:14.5px;color:#333;line-height:1.95}
.pi_block ul li:before{content:"•";position:absolute;left:2px;color:#2563eb;font-weight:700}

.pi_divider{border:none;border-top:1px solid #9aa4b5;margin:36px 0}

/* 电气特性表 */
.pi_elec_title{font-size:17px;font-weight:700;color:#161616;margin-bottom:16px}
.pi_elec_table{width:100%;border-collapse:collapse;font-size:13.5px}
.pi_elec_table th,.pi_elec_table td{border:1px solid #333;padding:8px 10px;text-align:center;line-height:1.55}
.pi_elec_table thead th{background:#f5f8fc;font-weight:700;color:#161616;font-size:12.5px}
.pi_elec_table tbody td:first-child{text-align:left;padding-left:16px;font-family:Consolas,Menlo,monospace;font-size:13px}
.pi_elec_table tbody tr:nth-child(even) td{background:#fafcff}
.pi_elec_table tbody tr:hover td{background:#eaf1ff}
.pi_foot_note{font-size:12.5px;color:#444;line-height:1.9;margin-top:14px}
.pi_foot_note b{color:#161616}

/* 下载与询价条 */
.pi_cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:65px;padding:22px 26px;background:#f5f8fc;border-radius:8px; margin-bottom: 65px;}
.pi_cta .pi_cta_tip{flex:1;min-width:220px;font-size:14px;color:#556}
.pi_cta .pi_btn{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;border-radius:6px;font-size:15px;font-weight:600;transition:all .3s;border:1px solid transparent;text-decoration:none}
.pi_cta .pi_btn.dl{background:#2563eb;color:#fff}
.pi_cta .pi_btn.dl:hover{background:#1d4ed8;box-shadow:0 6px 16px rgba(37,99,235,.3)}
.pi_cta .pi_btn.ask{background:#fff;color:#f97316;border-color:#f97316}
.pi_cta .pi_btn.ask:hover{background:#fff7ed}

@media (max-width:992px){
    .pi_header{flex-direction:column;align-items:flex-start;gap:18px;padding:22px 24px}
    .pi_body{padding:26px 22px 34px}
    .pi_overview{flex-direction:column;gap:26px}
    .pi_ov_left{width:100%}
}
@media (max-width:640px){
    .pi_fig_row{flex-direction:column;align-items:center}
    .pi_elec_table{font-size:12px}
    .pi_elec_table th,.pi_elec_table td{padding:6px 4px}
    .pi_elec_table tbody td:first-child{padding-left:8px}
}