Refactor and enhance various HTML pages with updated links, improved styles, and optimized JavaScript functionality

- Updated badge styles in culture.html for better visual consistency and added backdrop-filter support.
- Introduced a fallback panel for the map in index.html with enhanced styles and responsive design.
- Changed links in product_ecommerce_freight_booking.html, product_full_logistics_chain_cargo_agent.html, product_full_logistics_chain_platform.html, product_full_logistics_chain_ship_agent.html, product_port_cdi_container.html, product_shipping_boat.html, product_shipping_company.html to point to new URLs with query parameters.
- Improved scroll reveal functionality in solution_inland_river_shipping.html, solution_logistics_chain.html, solution_port_supply_chain.html, and solution_supply_chain.html by replacing forEach with a traditional for loop for better performance.

product_shipping_company.html

@@ -162,11 +162,11 @@
                 </div>
 
                 <div class="row">
-                      <div class="col-md-4"><a class="case-card-link" href="classiccase/hede_global_supply_chain.html"><div class="case-card"><div class="case-card-header blue"><h3>唐山港合德海运有限公司</h3></div><div class="case-card-body"><p>唐山港合德海运有限公司专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理及无船承运业务。</p></div></div></a></div>
+                      <div class="col-md-4"><a class="case-card-link" href="classiccase/hede_international_shipping.html?tab=supplychain"><div class="case-card"><div class="case-card-header blue"><h3>唐山港合德海运有限公司</h3></div><div class="case-card-body"><p>唐山港合德海运有限公司专注内外贸集装箱航线运营，主营国际国内水路运输、货运代理、船舶代理及无船承运业务。</p></div></div></a></div>
                      <div class="col-md-4"><a class="case-card-link" href="classiccase/jinjiang_shipping_ecommerce.html"><div class="case-card"><div class="case-card-header blue"><h3>上海锦江航运（集团）股份有限公司</h3></div><div class="case-card-body"><p>上海锦江航运（集团）股份有限公司1983年成立的中国领先区域性集装箱航运企业，聚焦亚洲近洋市场，以上海为母港，形成"东北亚压舱石+东南亚增长极"战略布局。</p></div></div></a></div>              
                     <div class="col-md-4"><a class="case-card-link" href="classiccase/shanghai_haihua_shipping.html"><div class="case-card"><div class="case-card-header blue"><h3>上海海华轮船有限公司</h3></div><div class="case-card-body"><p>上海海华轮船有限公司1990年成立，系上海锦江航运（集团）股份有限公司全资国有航运企业，专注近洋集装箱班轮运输。</p></div></div></a></div>
                     <div class="col-md-4"><a class="case-card-link" href="classiccase/jiahua_shipping_system.html"><div class="case-card"><div class="case-card-header cyan"><h3>嘉华航运(香港)有限公司</h3></div><div class="case-card-body"><p>嘉华航运(香港)有限公司（Kawa Shipping），2023年成立的新兴国际航运企业，专注中东及北非市场。</p></div></div></a></div>
-                    <div class="col-md-4"><a class="case-card-link" href="classiccase/beibuwan_shuttle_bus.html"><div class="case-card"><div class="case-card-header indigo"><h3>北部湾防城港有限公司</h3></div><div class="case-card-body"><p>广西北部湾港涵盖防城港域、北海港域、钦州港域，位居泛北部湾经济圈、泛珠三角区域经济圈与中国—东盟经济圈交汇核心。</p></div></div></a></div>
+                    <div class="col-md-4"><a class="case-card-link" href="classiccase/fangchenggang_railway_container.html?tab=shuttle"><div class="case-card"><div class="case-card-header indigo"><h3>北部湾防城港有限公司</h3></div><div class="case-card-body"><p>广西北部湾港涵盖防城港域、北海港域、钦州港域，位居泛北部湾经济圈、泛珠三角区域经济圈与中国—东盟经济圈交汇核心。</p></div></div></a></div>
                 </div>
             </div>
         </section>