/* 基本样式 */
    body {
        margin: 0;
        padding: 0;
        font-family: 'Arial', sans-serif;
        background: url('https://images.gptkong.com/article/b/956_0.png') no-repeat center center fixed;
        background-size: cover;
        color: #333;
        line-height: 1.6;
        overflow-x: hidden;
    }
    article {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    h2, h3, h4 {
        color: #5D3FD3;
        margin-top: 40px;
        position: relative;
    }
    h2::after, h3::after, h4::after {
        content: '';
        width: 50px;
        height: 3px;
        background: #F9A825;
        position: absolute;
        bottom: -10px;
        left: 0;
    }
    p {
        font-size: 16px;
        margin: 20px 0;
    }
    .highlight {
        background: linear-gradient(90deg, rgba(249,168,37,0.3), rgba(249,168,37,0));
    }
    img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 20px auto;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    img:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    }
    /* 导航栏 */
    nav {
        position: fixed;
        top: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        z-index: 1000;
    }
    nav ul {
        list-style: none;
        display: flex;
        justify-content: center;
        padding: 10px 0;
        margin: 0;
    }
    nav ul li {
        margin: 0 15px;
    }
    nav ul li a {
        text-decoration: none;
        color: #5D3FD3;
        font-size: 16px;
        transition: color 0.3s ease;
    }
    nav ul li a:hover {
        color: #F9A825;
    }
    /* 背景动画 - 花瓣飘落 */
    @keyframes fall {
        0% { transform: translateY(-10px) rotate(0deg); opacity: 1;}
        100% { transform: translateY(100vh) rotate(360deg); opacity: 0;}
    }
    .petal {
        position: fixed;
        top: -50px;
        width: 30px;
        height: 30px;
        background: url('https://images.gptkong.com/article/b/956_3.png') no-repeat center center / cover;
        opacity: 0.8;
        animation: fall linear infinite;
    }
    /* 生成多个花瓣 */
    body::before, body::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background: transparent;
    }
    /* 响应式设计 */
    @media (max-width: 768px) {
        nav ul {
            flex-direction: column;
        }
        nav ul li {
            margin: 10px 0;
        }
    }