测试

[pre lang="php"]你<html lang="en">    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    动态代码背景    <script src="https://cdn.tailwindcss.com">        <style type="text/tailwindcss">        @layer utilities {            .content-auto {                content-visibility: auto;            }            .canvas-container {                position: fixed;                top: 0;                left: 0;                width: 100%;                height: 100%;                z-index: -1;                overflow: hidden;            }            .content {                position: relative;                z-index: 1;                min-height: 100vh;                display: flex;                flex-direction: column;                justify-content: center;                align-items: center;                color: white;                text-align: center;                padding: 2rem;            }        }    <body class="bg-black font-sans">        <div class="canvas-container">        <canvas id="codeCanvas">    


        <div class="content">        <h1 class="text-4xl md:text-6xl font-bold mb-6">动态代码背景        <p class="text-xl md:text-2xl mb-8 max-w-2xl">大新 官网的动态代码背景效果，移动鼠标查看高亮效果

        <div class="flex flex-wrap justify-center gap-4">            <button class="bg-white text-black px-6 py-3 rounded-full font-bold hover:bg-gray-200 transition-colors">开始探索            <button class="bg-transparent border-2 border-white text-white px-6 py-3 rounded-full font-bold hover:bg-white hover:text-black transition-colors">了解更多        
    

    
的[/pre]