You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
<!-- // 文件修改时间: 2025-11-14 01:59:21 -->
< ? php
// 防止直接访问
if ( ! defined ( 'ABSPATH' )) {
exit ;
}
global $epc_shortcode_atts ;
$is_shortcode = is_array ( $epc_shortcode_atts );
$title = $is_shortcode && ! empty ( $epc_shortcode_atts [ 'title' ]) ? $epc_shortcode_atts [ 'title' ] : 'EPC Solutions' ;
$subtitle = $is_shortcode && ! empty ( $epc_shortcode_atts [ 'subtitle' ]) ? $epc_shortcode_atts [ 'subtitle' ] : 'Beyond Hardware: Total EPC Solutions from NengHui Design Institute' ;
$container_id = $is_shortcode && ! empty ( $epc_shortcode_atts [ 'id' ]) ? $epc_shortcode_atts [ 'id' ] : 'nenghui-epc' ;
$container_class = $is_shortcode && ! empty ( $epc_shortcode_atts [ 'class' ]) ? $epc_shortcode_atts [ 'class' ] : '' ;
$bg_image = $is_shortcode && ! empty ( $epc_shortcode_atts [ 'bg_image' ]) ? $epc_shortcode_atts [ 'bg_image' ] : get_template_directory_uri () . '/assets/images/epc-bg.jpg' ;
?>
<style>
/* 模块职责:全局基础样式与主题变量 */
:root {
--radius: 24px;
--title-size: clamp(28px, 4.8vw, 48px);
--subtitle-size: clamp(14px, 2.2vw, 18px);
}
/* 模块职责:统一盒模型与主体背景 */
* {
box-sizing: border-box;
}
</style>
<!-- 组件: EPC 解决方案横幅(负责呈现背景图片、标题与副标题) -->
<a href="https://nenghui.com/epc-solutions/"><section id="<?php echo esc_attr($container_id); ?>" class="epc-hero <?php echo esc_attr($container_class); ?>" aria-label="EPC Solutions">
<div class="epc-banner" role="img" aria-label="EPC Solutions" style="background-image: url('<?php echo esc_url($bg_image); ?>');">
<div class="epc-overlay"></div>
<div class="epc-content">
<h1 class="epc-title"><?php echo esc_html($title); ?></h1>
<p class="epc-subtitle"><?php echo esc_html($subtitle); ?></p>
</div>
</div>
</section></a>