文本查看器


<!doctypehtml><html lang=zh-CN><head><meta charset=UTF-8><meta content=width=device-width,initial-scale=1.0 name=viewport><title>篮球场围栏网专业安装指南 - 优正体育</title><meta name='keywords' content='篮球场围栏网专业安装指南'><script src=https://cdn.tailwindcss.com/3.4.16></script><script>tailwind.config={darkMode:`class`}</script><link href=https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css rel=stylesheet><script>tailwind.config={darkMode:`class`,theme:{extend:{colors:{primary:{50:`#f0fdf4`,100:`#dcfce7`,200:`#bbf7d0`,300:`#86efac`,400:`#4ade80`,500:`#22c55e`,600:`#16a34a`,700:`#15803d`,800:`#166534`,900:`#14532d`}},fontFamily:{sans:[`Inter`,`system-ui`,`sans-serif`]}}}}</script><style>@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#475569}html{scroll-behavior:smooth}.fade-in{animation:.8s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .card-hover:hover{box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}</style></head><body class="bg-gray-50 text-gray-900 dark:bg-gray-900 dark:text-gray-100 transition-colors duration-300"><header class="sticky top-0 z-50 bg-white dark:bg-gray-800 shadow-sm"><div class="container mx-auto px-4 py-4 flex justify-between items-center"><h1 class="text-xl font-bold text-primary-600 dark:text-primary-400">篮球场围栏网专业安装指南</h1><div class="flex items-center space-x-4"><button class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"id=theme-toggle><i class="fas fa-sun text-yellow-500 dark:hidden"></i> <i class="fas fa-moon text-blue-300 hidden dark:block"></i></button></div></div></header><main class="container mx-auto px-4 py-8 max-w-5xl"><section class="mb-12 fade-in"><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 mb-8 card-hover"><div class="flex items-center mb-4"><div class="w-12 h-12 bg-primary-100 dark:bg-primary-900 rounded-full flex items-center justify-center mr-4"><i class="fas fa-info-circle text-primary-600 dark:text-primary-400 text-xl"></i></div><h2 class="text-2xl font-semibold">作者信息</h2></div><p class="text-gray-600 dark:text-gray-300">作者: 湖北优正体育<p class="text-gray-600 dark:text-gray-300">联系电话: 185-7145-9135</div></section><section class="mb-12 fade-in"style=animation-delay:.1s><div class="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 card-hover"><h2 class="text-2xl font-bold mb-6 flex items-center"><i class="fas fa-list-ul text-primary-500 mr-3"></i>目录</h2><nav class="grid grid-cols-1 md:grid-cols-2 gap-4"><a class="flex items-center p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"href=#section-1> <span class="w-8 h-8 bg-primary-100 dark:bg-primary-900 rounded-full flex items-center justify-center mr-3">1</span> <span>围栏网的功能与选型</span> </a><a class="flex items-center p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"href=#section-2> <span class="w-8 h-8 bg-primary-100 dark:bg-primary-900 rounded-full flex items-center justify-center mr-3">2</span> <span>安装前的准备工作</span> </a><a class="flex items-center p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"href=#section-3> <span class="w-8 h-8 bg-primary-100 dark:bg-primary-900 rounded-full flex items-center justify-center mr-3">3</span> <span>安装步骤详解</span> </a><a class="flex items-center p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"href=#section-4> <span class="w-8 h-8 bg-primary-100 dark:bg-primary-900 rounded-full flex items-center justify-center mr-3">4</span> <span>安装注意事�