* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Segoe UI', 'Roboto', sans-serif;
            background: linear-gradient(145deg, #0f1a0f 0%, #1e2e1a 100%);
            color: #e8e0d3;
            line-height: 1.7;
            min-height: 100vh;
        }
        /* 自然粗糙纹理背景 */
        body::before {
            content: '';
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            pointer-events: none;
            z-index: 0;
        }
        .container { max-width: 1280px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; }

        /* 导航 */
        nav {
            background: rgba(26, 58, 26, 0.92);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid #5c4a2e;
            padding: 14px 0;
            position: sticky; top: 0; z-index: 100;
            box-shadow: 0 4px 20px rgba(0,0,0,0.6);
        }
        .nav-inner {
            display: flex; align-items: center; justify-content: space-between;
            max-width: 1280px; margin: 0 auto; padding: 0 20px;
        }
        .logo-text {
            font-size: 1.5rem; font-weight: 700;
            background: linear-gradient(135deg, #d4b48c, #a3835a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            letter-spacing: 1px;
        }
        .nav-links {
            display: flex; gap: 28px; flex-wrap: wrap;
        }
        .nav-links a {
            color: #d4c8b0;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.98rem;
            transition: 0.3s; letter-spacing: 0.3px;
            padding: 6px 4px; border-bottom: 2px solid transparent;
        }
        .nav-links a:hover { color: #f5e6c8; border-bottom-color: #b8956a; }

        /* 通用标题 */
        h1, h2, h3 { font-weight: 600; letter-spacing: 0.5px; }
        h1 {
            font-size: 2.6rem;
            background: linear-gradient(135deg, #f5e6c8, #c4a67a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 1.3;
        }
        h2 {
            font-size: 2rem;
            background: linear-gradient(135deg, #e2d3b8, #b8976a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 20px;
        }
        .section-title { text-align: center; margin-bottom: 30px; }

        /* Hero */
        #hero {
            padding: 70px 0 50px;
            text-align: center;
            background: radial-gradient(ellipse at 50% 0%, #2a412a, #142014);
            border-radius: 0 0 60px 60px;
            margin-bottom: 30px;
        }
        #hero .hero-sub { font-size: 1.2rem; color: #b8a78a; margin: 15px 0 25px; }
        .cta-btn {
            display: inline-block; padding: 14px 48px;
            background: linear-gradient(135deg, #7c5c3a, #5a4228);
            color: #f5e6c8; font-weight: 600; border-radius: 40px;
            text-decoration: none; font-size: 1.15rem;
            border: 1px solid #a8865a; transition: 0.3s;
            box-shadow: 0 6px 18px rgba(0,0,0,0.5);
        }
        .cta-btn:hover { background: linear-gradient(135deg, #8d6b45, #6b4f32); transform: scale(1.02); }

        /* 图片卡片 */
        .image-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 20px; margin: 30px 0;
        }
        .image-grid img {
            width: 100%; border-radius: 16px;
            border: 2px solid #5c4a2e;
            box-shadow: 0 8px 25px rgba(0,0,0,0.6);
            transition: 0.4s; filter: brightness(0.9);
        }
        .image-grid img:hover { filter: brightness(1.05); transform: translateY(-4px); }

        /* 卡片通用 */
        .card {
            background: rgba(38, 52, 32, 0.7);
            backdrop-filter: blur(4px);
            border: 1px solid #5c4a2e;
            border-radius: 24px;
            padding: 28px 24px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.5);
        }
        .flex-card-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 24px; margin: 20px 0;
        }

        /* 数据统计 */
        #stats {
            padding: 50px 0;
        }
        .stats-grid {
            display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;
        }
        .stat-item {
            text-align: center; min-width: 160px;
        }
        .stat-num {
            font-size: 2.8rem; font-weight: 700;
            background: linear-gradient(135deg, #d4b48c, #b8956a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .stat-label { color: #bcab90; font-size: 1rem; }

        /* 核心优势 */
        #advantages { padding: 50px 0; }
        .advantage-card {
            background: rgba(44, 60, 38, 0.6);
            border-left: 6px solid #7c5c3a;
            padding: 24px; border-radius: 16px;
        }

        /* 品牌故事 */
        #story { padding: 50px 0; }
        .story-content { display: flex; gap: 30px; flex-wrap: wrap; align-items: center; }
        .story-content img { max-width: 300px; border-radius: 24px; border: 2px solid #5c4a2e; }

        /* 焦点赛事 */
        #events { padding: 50px 0; }
        .event-item { border-bottom: 1px dashed #5c4a2e; padding: 18px 0; display: flex; gap: 15px; align-items: center; }
        .event-icon { font-size: 1.8rem; }

        /* 用户口碑 */
        #reviews { padding: 50px 0; }
        .review-card {
            background: rgba(44, 60, 38, 0.5);
            padding: 24px; border-radius: 20px;
            border: 1px solid #5c4a2e;
        }
        .review-card p { font-style: italic; color: #d6cbb8; }

        /* 新闻列表 */
        #news-list { padding: 50px 0; }
        .news-item {
            background: rgba(38, 52, 32, 0.6);
            border-radius: 20px;
            padding: 22px; margin-bottom: 20px;
            border: 1px solid #5c4a2e;
            transition: 0.3s;
        }
        .news-item:hover { background: rgba(50, 68, 44, 0.7); }
        .news-meta { font-size: 0.85rem; color: #a89778; margin-bottom: 6px; }
        .news-item h3 { font-size: 1.2rem; margin-bottom: 8px; color: #e2d3b8; }
        .news-item p { color: #c4b8a0; }

        /* FAQ */
        #faq { padding: 50px 0; }
        .faq-item {
            background: rgba(34, 48, 30, 0.7);
            border-radius: 16px; padding: 20px 24px; margin-bottom: 16px;
            border: 1px solid #5c4a2e;
        }
        .faq-item h3 { color: #d4c0a0; margin-bottom: 12px; font-size: 1.1rem; }
        .faq-item p { color: #bfb29a; }

        /* 页脚 */
        footer {
            background: rgba(16, 30, 16, 0.95);
            border-top: 1px solid #4a3b26;
            padding: 40px 0 25px;
            margin-top: 40px;
            text-align: center;
        }
        .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 20px; }
        .footer-links a { color: #b8a78a; text-decoration: none; font-size: 0.9rem; }
        .footer-links a:hover { color: #e2d3b8; }
        .footer-info { color: #8a7a62; font-size: 0.85rem; line-height: 2; }
        .footer-info a { color: #b8a78a; text-decoration: none; }
        .footer-info a:hover { text-decoration: underline; }

        @media (max-width: 768px) {
            h1 { font-size: 1.8rem; }
            h2 { font-size: 1.5rem; }
            .nav-inner { flex-direction: column; gap: 12px; }
            .nav-links { gap: 14px; justify-content: center; }
            .image-grid { grid-template-columns: repeat(2, 1fr); }
            .story-content { flex-direction: column; }
        }