<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>篮球场围网包工包料价格全解析:避开陷阱,精明采购 - 优正体育</title><meta name='keywords' content='篮球场围网包工包料价格全解析:避开陷阱,精明采购'><script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f8f9fa;
color: #333;
line-height: 1.6;
}
.card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.price-tag {
position: relative;
padding-left: 1.5rem;
}
.price-tag::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1rem;
height: 1rem;
border-radius: 50%;
}
.divider {
height: 2px;
background: linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 较高);
}
</style>
</head>
<body class="bg-gray-50">
<div class="max-w-4xl mx-auto px-4 py-8">
<!-- 标题区 -->
<div class="text-center mb-12">
<h1 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">篮球场围网包工包料价格全解析</h1>
<p class="text-xl text-gray-600 mb-6">避开陷阱,精明采购</p>
<div class="inline-block px-4 py-2 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">
湖北优正体育 出品
</div>
</div>
<!-- 价格区间 -->
<div class="mb-16">
<div class="flex items-center mb-6">
<div class="w-2 h-8 bg-blue-600 rounded-full mr-3"></div>
<h2 class="text-2xl font-bold text-gray-800">价格区间:从经济型到专业级</h2>
</div>
<p class="text-gray-600 mb-8">篮球场围网包工包料价格差异显著,主要分为三档:</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<!-- 经济型 -->
<div class="card bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="price-tag text-xl font-bold text-gray-700" style="--tw-text-opacity: 1; color: rgba(239, 68, 68, var(--tw-text-opacity));">
<span class="before:bg-red-500">30–60元/㎡</span>
</div>
</div>
<h3 class="text-lg font-semibold text-gray-800 mb-3">经济型</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-red-400 mr-2 mt-1"></i>
<span>普通勾花网或框架式铁丝网</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-red-400 mr-2 mt-1"></i>
<span>材质:冷镀锌钢丝(丝径≤3.0mm)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-red-400 mr-2 mt-1"></i>
<span>表面处理:单层PVC涂塑(厚度0.2mm)</span>
</li>
</ul>
<div class="mt-4 pt-3 border-t border-gray-100">
<p class="text-sm text-gray-500">适用于临时场地或预算受限的项目,但寿命仅2–3年</p>
</div>
</div>
<!-- 标准型 -->
<div class="card bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="price-tag text-xl font-bold text-gray-700" style="--tw-text-opacity: 1; color: rgba(59, 130, 246, var(--tw-text-opacity));">
<span class="before:bg-blue-500">60–120元/㎡</span>
</div>
</div>
<h3 class="text-lg font-semibold text-gray-800 mb-3">标准型</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-400 mr-2 mt-1"></i>
<span>主流选择为热镀锌钢丝+PE包塑</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-400 mr-2 mt-1"></i>
<span>丝径≥3.8mm,塑层≥0.5mm</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-blue-400 mr-2 mt-1"></i>
<span>立柱采用Φ50mm方管(壁厚1.5mm)</span>
</li>
</ul>
<div class="mt-4 pt-3 border-t border-gray-100">
<p class="text-sm text-gray-500">适合学校、社区等长期使用场景,寿命达8–10年</p>
</div>
</div>
<!-- 专业级 -->
<div class="card bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="price-tag text-xl font-bold text-gray-700" style="--tw-text-opacity: 1; color: rgba(16, 185, 129, var(--tw-text-opacity));">
<span class="before:bg-green-500">120–300元/㎡</span>
</div>
</div>
<h3 class="text-lg font-semibold text-gray-800 mb-3">专业级</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check-circle text-green-400 mr-2 mt-1"></i>
<span>材质升级为不锈钢或铝合金</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-400 mr-2 mt-1"></i>
<span>网孔加密至30mm×30mm</span>
</li>
<li class="flex items-start">
<i class="fas fa-check-circle text-green-400 mr-2 mt-1"></i>
<span>高度增至4–6米,含防攀爬设计</span>
</li>
</ul>
<div class="mt-4 pt-3 border-t border-gray-100">
<p class="text-sm text-gray-500">适配商业球场或临街场地,抗冲击性强,美观度高</p>
</div>
</div>
</div>
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r">
<div class="flex">
<div class="flex-shrink-0">
<i class="fas fa-info-circle text-blue-500"></i>
</div>
<div class="ml-3">
<p class="text-sm text-blue-700">
<span class="font-semibold">注:</span>同等配置下,按"米"计价时价格约为"平方米"的1.5倍(受高度影响)
</p>
</div>
</div>
</div>
</div>
<!-- 价差背后的四大核心因素 -->
<div class="mb-16">
<div class="flex items-center mb-6">
<div class="w-2 h-8 bg-blue-600 rounded-full mr-3"></div>
<h2 class="text-2xl font-bold text-gray-800">价差背后的四大核心因素</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- 材质成本差异 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<i class="fas fa-layer-group text-blue-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">材质成本差异</h3>
</div>
<div class="space-y-3 text-gray-600">
<p><span class="font-medium">钢丝品质:</span>冷镀锌钢丝成本比热镀锌低40%,但耐锈性弱;不锈钢材质价格翻倍(80–200元/㎡),适合高腐蚀环境</p>
<p><span class="font-medium">塑层工艺:</span>单层PVC涂塑成本约5元/㎡,而双层PE包塑贵10–15元/㎡,但抗紫外线能力提升3倍</p>
</div>
</div>
<!-- 规格参数影响 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center mr-3">
<i class="fas fa-ruler-combined text-purple-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">规格参数影响</h3>
</div>
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">参数</th>
<th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">成本变化</th>
<th scope="col" class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">典型场景</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">高度3m→4m</td>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">+25%–30%</td>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">社区非临街场地</td>
</tr>
<tr>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">网孔50mm→30mm</td>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">+12%</td>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">专业赛事控球需求</td>
</tr>
<tr>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">立柱壁厚1.0mm→1.5mm</td>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">+20%</td>
<td class="px-3 py-2 whitespace-nowrap text-sm text-gray-600">多风地区抗晃动</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 表面处理工艺 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-yellow-100 flex items-center justify-center mr-3">
<i class="fas fa-paint-roller text-yellow-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">表面处理工艺</h3>
</div>
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-yellow-200 flex items-center justify-center mr-3">
<span class="text-xs font-medium text-yellow-800">1</span>
</div>
<div>
<p class="text-gray-600"><span class="font-medium">喷塑:</span>基础防腐,成本+5–10元/㎡</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-yellow-200 flex items-center justify-center mr-3">
<span class="text-xs font-medium text-yellow-800">2</span>
</div>
<div>
<p class="text-gray-600"><span class="font-medium">浸塑:</span>耐候性提升,成本+10–15元/㎡,适合多雨地区</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-yellow-200 flex items-center justify-center mr-3">
<span class="text-xs font-medium text-yellow-800">3</span>
</div>
<div>
<p class="text-gray-600"><span class="font-medium">电镀:</span>光泽与防腐兼优,成本+15–20元/㎡</p>
</div>
</div>
</div>
</div>
<!-- 安装方式与难度 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
<i class="fas fa-tools text-green-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">安装方式与难度</h3>
</div>
<div class="space-y-3 text-gray-600">
<p><span class="font-medium">底盘式固定:</span>成本低(12–15元/㎡),但抗风性弱</p>
<p><span class="font-medium">预埋浇筑:</span>人工费达20–30元/㎡,稳定性提升50%</p>
<p><span class="font-medium">复杂地形(坡度/障碍物):</span>安装费额外增20–30%</p>
</div>
</div>
</div>
</div>
<!-- 低价陷阱 -->
<div class="mb-16">
<div class="flex items-center mb-6">
<div class="w-2 h-8 bg-blue-600 rounded-full mr-3"></div>
<h2 class="text-2xl font-bold text-gray-800">低价陷阱:隐性成本远超想象</h2>
</div>
<div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-r mb-6">
<div class="flex">
<div class="flex-shrink-0">
<i class="fas fa-exclamation-triangle text-red-500"></i>
</div>
<div class="ml-3">
<p class="text-sm text-red-700">
<span class="font-semibold">警惕:</span>低价≠性价比,以下隐性成本可能让您付出更高代价
</p>
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- 材质缩水 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-3">
<i class="fas fa-cut text-red-500"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">材质缩水</h3>
</div>
<p class="text-gray-600">30元/㎡套餐常用Φ40mm薄壁立柱(壁厚1.0mm),大风易倾斜,而标准Φ50mm方管成本高15元/㎡但寿命延长5年</p>
</div>
<!-- 工艺缺陷 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-3">
<i class="fas fa-bolt text-red-500"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">工艺缺陷</h3>
</div>
<p class="text-gray-600">劣质PVC塑层暴晒1年即开裂,某小学因此2年内更换围网,总支出达初装费的3倍</p>
</div>
<!-- 安装隐患 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-3">
<i class="fas fa-exclamation text-red-500"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">安装隐患</h3>
</div>
<p class="text-gray-600">膨胀螺丝代替混凝土预埋,导致某高校围网倒塌致人受伤,赔偿超10万元</p>
</div>
</div>
</div>
<!-- 精明采购策略 -->
<div class="mb-16">
<div class="flex items-center mb-6">
<div class="w-2 h-8 bg-blue-600 rounded-full mr-3"></div>
<h2 class="text-2xl font-bold text-gray-800">精明采购策略</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- 按需匹配材质 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<i class="fas fa-check-circle text-blue-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">按需匹配材质</h3>
</div>
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-200 flex items-center justify-center mr-3">
<span class="text-xs font-medium text-blue-800">1</span>
</div>
<div>
<p class="text-gray-600"><span class="font-medium">临时场地:</span>可选冷镀锌+PVC涂塑(35–50元/㎡)</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-200 flex items-center justify-center mr-3">
<span class="text-xs font-medium text-blue-800">2</span>
</div>
<div>
<p class="text-gray-600"><span class="font-medium">学校/社区:</span>必选热镀锌+PE包塑(60–100元/㎡),索要盐雾测试报告</p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 h-6 w-6 rounded-full bg-blue-200 flex items-center justify-center mr-3">
<span class="text-xs font-medium text-blue-800">3</span>
</div>
<div>
<p class="text-gray-600"><span class="font-medium">沿海地区:</span>推荐不锈钢或热浸塑工艺(120元/㎡起)</p>
</div>
</div>
</div>
</div>
<!-- 拆分报价明细 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mr-3">
<i class="fas fa-file-invoice-dollar text-green-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">拆分报价明细</h3>
</div>
<p class="text-gray-600 mb-4">要求供应商提供成本构成表,例如:</p>
<div class="bg-gray-50 p-4 rounded-lg font-mono text-sm text-gray-700 mb-3">
<div class="mb-1">原材料:热镀锌钢丝 40元/㎡</div>
<div class="mb-1">加工费:PE包塑 8元/㎡</div>
<div class="mb-1">安装费:预埋浇筑 25元/㎡</div>
<div class="mb-1">运输费:本地配送 5元/㎡</div>
<div class="mb-1">利润点:15%</div>
<div class="font-medium">总价 ≈ (40+8+25+5)×1.15 ≈ 90元/㎡</div>
</div>
<p class="text-sm text-gray-500">避免"打包价"模糊表述</p>
</div>
<!-- 优先本地供应链 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-4">
<div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center mr-3">
<i class="fas fa-truck text-purple-600"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">优先本地供应链</h3>
</div>
<div class="space-y-3 text-gray-600">
<p>100公里内厂家可省15–20%运费</p>
<p>售后响应更快(如网片修补48小时到位)</p>
</div>
<div class="mt-4 pt-3 border-t border-gray-100">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-purple-50 flex items-center justify-center mr-2">
<i class="fas fa-map-marker-alt text-purple-500 text-sm"></i>
</div>
<p class="text-sm text-gray-500">本地供应商通常能提供更灵活的定制服务</p>
</div>
</div>
</div>
</div>
</div>
<!-- 定制化方案参考 -->
<div class="mb-16">
<div class="flex items-center mb-6">
<div class="w-2 h-8 bg-blue-600 rounded-full mr-3"></div>
<h2 class="text-2xl font-bold text-gray-800">定制化方案参考</h2>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- 社区健身区 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3">
<i class="fas fa-home text-blue-500"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">社区健身区</h3>
</div>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mr-2 mt-1"></i>
<span>4米高PE包塑围网(网孔50mm)</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mr-2 mt-1"></i>
<span>包工包料80元/㎡</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-blue-400 mr-2 mt-1"></i>
<span>总价≈2.8万元(350㎡标准场)</span>
</li>
</ul>
</div>
<!-- 学校赛场 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-3">
<i class="fas fa-school text-green-500"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">学校赛场</h3>
</div>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check text-green-400 mr-2 mt-1"></i>
<span>4.5米高浸塑围网+防爬刺</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-400 mr-2 mt-1"></i>
<span>100–120元/㎡</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-400 mr-2 mt-1"></i>
<span>配件增3–8元/㎡</span>
</li>
</ul>
</div>
<!-- 商业场馆 -->
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="flex items-center mb-3">
<div class="w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center mr-3">
<i class="fas fa-building text-purple-500"></i>
</div>
<h3 class="text-lg font-semibold text-gray-800">商业场馆</h3>
</div>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i class="fas fa-check text-purple-400 mr-2 mt-1"></i>
<span>6米不锈钢围网+顶部防护</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-purple-400 mr-2 mt-1"></i>
<span>180元/㎡起</span>
</li>
</ul>
</div>
</div>
</div>
<!-- 总结 -->
<div class="mb-16">
<div class="flex items-center mb-6">
<div class="w-2 h-8 bg-blue-600 rounded-full mr-3"></div>
<h2 class="text-2xl font-bold text-gray-800">总结</h2>
</div>
<div class="bg-white rounded-xl p-6 shadow-md border border-gray-100">
<div class="prose max-w-none text-gray-600">
<p>篮球场围网成本绝非单一数字,从30元到300元/㎡的价差背后,是材质、工艺、安装与服务的综合博弈。低价≠性价比,<span class="font-semibold">钢丝直径差0.8mm、塑层薄0.3mm、预埋深度少20cm</span>,都可能导致寿命锐减和安全隐患。</p>
<p class="mt-4">采购时紧盯以下四项硬指标:</p>
<ul class="mt-2 space-y-2">
<li class="flex items-start">
<div class="flex-shrink-0 h-5 w-5 rounded-full bg-blue-100 flex items-center justify-center mr-2">
<i class="fas fa-check text-blue-500 text-xs"></i>
</div>
<span>热镀锌基材</span>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 h-5 w-5 rounded-full bg-blue-100 flex items-center justify-center mr-2">
<i class="fas fa-check text-blue-500 text-xs"></i>
</div>
<span>PE包塑工艺</span>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 h-5 w-5 rounded-full bg-blue-100 flex items-center justify-center mr-2">
<i class="fas fa-check text-blue-500 text-xs"></i>
</div>
<span>立柱壁厚≥1.5mm</span>
</li>
<li class="flex items-start">
<div class="flex-shrink-0 h-5 w-5 rounded-full bg-blue-100 flex items-center justify-center mr-2">
<i class="fas fa-check text-blue-500 text-xs"></i>
</div>
<span>预埋深度≥50cm</span>
</li>
</ul>
<p class="mt-4">选择透明报价的本地供应商,方能用"实价"换"实效"。</p>
</div>
</div>
</div>
<!-- 联系信息 -->
<div class="bg-blue-600 rounded-xl p-6 shadow-lg text-white">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-6 md:mb-0">
<h3 class="text-xl font-bold mb-2">湖北优正体育</h3>
<p class="opacity-90 mb-4">精准报价 · 专业安装 · 技术咨询</p>
<div class="flex items-center">
<i class="fas fa-phone-alt mr-2"></i>
<span class="font-medium">185-7145-9135</span>
</div>
</div>
<div class="md:w-1/2">
<p class="text-sm opacity-80">(本文数据基于2025年市场调研,实际价格以方案为准)</p>
</div>
</div>
</div>
<!-- 页脚 -->
<div class="mt-12 pt-6 border-t border-gray-200 text-center text-sm text-gray-500">
<p>网页由 © 湖北优正体育编辑,仅供参考</p>
<p>编辑发布时间:2025-10-10 14:36:02 ,星期五</p>
<p> © 湖北优正体育的网址:<a href="/">湖北优正体育</a></p>
</div>
</div>
<script>
// 平滑滚动效果
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// 卡片悬停效果
const cards = document.querySelectorAll('.card');
cards.forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.transform = 'translateY(-5px)';
card.style.boxShadow = '0 10px 25px rgba(0, 0, 0, 0.1)';
});
card.addEventListener('mouseleave', () => {
card.style.transform = '';
card.style.boxShadow = '';
});
});
</script>
</body>
</html>