/* Shared visual foundation for selected inner pages. */
.topban_img {
    height: 230px;
    text-align: left;
    border-bottom: 1px solid #253142;
    background-color: #101923;
}
.topban_img::before {
    background: linear-gradient(110deg, rgba(11,18,27,.97), rgba(17,29,43,.88)),
                linear-gradient(135deg, #152536, #0b121b);
}
.topban_img h1, .topban_img .product-banner-title, .topban_img .page-banner-title {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 700;
    letter-spacing: .04em;
    margin-bottom: 14px;
}
.topban_img p { color: #98aabd; font-size: 12px; letter-spacing: .2em; }
.all_main { background: #0c131d; padding: 48px 0 64px; }
.sidebar_left { top: 24px; }
.widget_box { background: #121d29; border: 1px solid #273446; border-radius: 12px; overflow: hidden; box-shadow: none; }
.widget_box_title { background: transparent; padding: 22px 20px 12px; border-bottom: 1px solid #273446; }
.widget_box_title h4 { color: #e9eff6; font-size: 15px; font-weight: 600; }
.widget_box_title p:empty { display: none; }
.side_nav { padding: 10px; background: transparent; }
.side_nav li { line-height: 44px; }
.side_nav li a { background: transparent; color: #aab9ca; border: 0; padding: 0 14px; border-radius: 6px; font-size: 14px; }
.side_nav li a::before { color: #53677e; }
.side_nav li a:hover, .side_nav > li.current-menu-item > a { background: #202d3d; color: #fff; }
.side_nav > li.current-menu-item > a::before { color: #ff5967; }
.ny_mbx { background: transparent !important; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-bottom: 12px; gap: 16px; }
.ny_mbx::before { display: none; }
.ny_mbx h2 { font-size: 23px; letter-spacing: 0; }
.breadcrumb, .breadcrumb .active, .breadcrumb a { color: #9aaabe; font-size: 12px; }
.client-intro { color: #9eafc2; margin-bottom: 28px; font-size: 14px; }
.client-grid > .col { display: flex; }
.client-grid .mains_loop { width: 100%; display: flex; flex-direction: column; background: #131e2b; border: 1px solid #29384b; border-radius: 12px; box-shadow: none; transition: border-color .2s, transform .2s; }
.client-grid .mains_loop:hover, .client-grid .mains_loop:focus-within { border-color: #a85564; transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,.16); }
.client-grid .mains_loop_pic { padding: 28px; min-height: 190px; background: #eaf0f5; border-bottom: 1px solid #29384b; }
.client-grid .mains_loop_pic img { width: 100%; max-width: 190px; height: 150px; margin: 0; object-fit: contain; border-radius: 8px; background: transparent; }
.client-grid .mains_loop h2 { text-align: left; padding: 24px 22px 12px; font-size: 19px; line-height: 1.4; font-weight: 600; white-space: normal; }
.client-grid .mains_loop h2 a { color: #f1f5fa; }
.client-card-footer { display: flex; align-items: center; justify-content: space-between; padding: 0 22px 24px; margin-top: auto; color: #a4b5c9; font-size: 13px; }
.client-card-footer i { color: #ff6976; font-size: 18px; }
.client-grid a:focus-visible::after { outline: 2px solid #ff6976; outline-offset: -3px; border-radius: 12px; }
.posts-nav:empty { display: none; }
.product_head, .product_head_xiangguan, .product_tab_name, .jieshao_box { background: #131e2b; color: #dbe5f0; border: 1px solid #29384b; border-radius: 12px; }
.product_head { padding: 30px; }
.product_head_right .product_head_title { font-size: 30px; line-height: 1.35; color: #f1f5fa; }
.product_head_right .product_head_jianyue, .product_head_right_info, .product_tezheng { border-bottom: 1px solid #2b3a4d; }
.product_head_jianyue, .product_tezheng p { color: #aebed0; font-weight: 400; }
.product_head_right_info p span, .product_head_right_info p em { background: #203044; border-radius: 5px; color: #c3d1e1; }
.product_head_right_info a { color: #dbe5f0; }
.product_tezheng p::before { background: #ff5967; flex-shrink: 0; }
.product_chat { flex-wrap: wrap; gap: 12px; }
.product_chat a, .product_chat .product_tel { margin: 0; border-radius: 7px; padding: 12px 18px; font-size: 14px; }
.product_chat a { background: #d82d43; color: #fff; }
.product_chat .product_tel { background: #203044; color: #dbe5f0; overflow-wrap: anywhere; }
.product_chat a:hover { background: #ed3c51; }
.product_tab_name { padding: 20px 24px; border-radius: 12px 12px 0 0; }
.product_tab_name button { font-size: 15px; font-weight: 500; color: #aebed0; }
.product_tab_name button.active { color: #fff; }
.product_tab_name button.active::after { background: #ff5967; height: 2px; bottom: -21px; }
.jieshao_box { border-top: 0; border-radius: 0 0 12px 12px; padding: 28px; }
.jieshao_box .wznrys { color: #c4d1df; line-height: 1.9; }
.jieshao_box .wznrys :is(h1,h2,h3,h4,h5,h6) { color: #f1f5fa; }
.jieshao_box .wznrys a { color: #ff8993; }
.jieshao_box .wznrys :is(th,td) { border-color: #344458; color: #c4d1df; }
.jieshao_box .wznrys :is(blockquote,pre) { background: #0d1723; color: #c4d1df; border-color: #344458; }
.product_guanlian { border-color: #344458; }
.product_guanlian .product_guanlian_left .product_guanlian_main p { color: #aebed0; }
.product_guanlian_right { background: #263a50; }
.single_xiangguan { background: #0c131d; border-top: 1px solid #253142; padding: 40px 0; }
.single_xiangguan .index_ty_title h2 { color: #edf3fa; }
.single_xiangguan .index_ty_title p { color: #9eafc2; }
.all_main :is(a,button):focus-visible { outline: 2px solid #ff8993; outline-offset: 4px; }
@media (max-width: 767px) {
    .topban_img { height: 175px; }
    .all_main { padding: 28px 0 40px; }
    .ny_mbx { gap: 10px; }
    .ny_mbx h2 { font-size: 21px; }
    .client-grid { --bs-gutter-y: 18px; }
    .client-grid .mains_loop_pic { min-height: 170px; padding: 20px; }
    .product_head, .product_head_xiangguan, .jieshao_box { padding: 20px; }
    .product_head_right .product_head_title { font-size: 25px; }
    .product_tab_name { padding: 18px 12px; }
    .product_tab_name button.active::after { bottom: -19px; }
}
@media (prefers-reduced-motion: reduce) {
    .client-grid .mains_loop { transition: none; }
    .client-grid .mains_loop:hover { transform: none; }
}