:root{
            --grass:#2e7d32;
            --gold:#d4af37;
            --dark:#222;
            --light:#fafafa;
            --radius:12px;
            font-size:16px;
        }

        *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
        body{
            font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
            background:var(--light);
            color:#333;
            line-height:1.6;
            scroll-behavior:smooth;
        }
        img{max-width:100%;display:block;}
        a{color:inherit;text-decoration:none;}

        /* 1. 紧凑型 Header，滚动后自动滑出 */
        header{
            position:sticky;
            top:0;
            z-index:1000;
            background:rgba(255,255,255,.85);
            -webkit-backdrop-filter:saturate(180%) blur(20px);
            backdrop-filter:saturate(180%) blur(20px);
            box-shadow:0 2px 8px rgba(0,0,0,.05);
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding:.5rem 1rem;
            transition:transform .3s;
        }
        header.shrink{transform:translateY(-100%);}
        .logo{display:flex;align-items:center;font-weight:700;font-size:1.1rem;color:var(--grass);}
        .logo i{font-size:1.6rem;margin-right:.4rem;color:var(--gold);}
        nav a{margin-left:1rem;font-size:.9rem;color:var(--dark);position:relative;}
        nav a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--gold);transition:.3s;}
        nav a:hover::after{width:100%;}
        nav a.active{color:var(--grass);font-weight:700;}

        .container{max-width:1000px;margin:auto;padding:0 1rem;}

        /* 宣传标语 */
        .hero{
            text-align:center;
            padding:4rem 1rem 2rem;
        }
        .hero h1{font-size:2.2rem;font-weight:700;color:var(--grass);}
        .hero p{margin-top:.5rem;color:#555;font-size:1.1rem;}

        /* 2. 视频区域 */
        .video-section{
            margin:2rem 0;
            border-radius:var(--radius);
            overflow:hidden;
            box-shadow:0 6px 20px rgba(0,0,0,.08);
        }
        video{width:100%;display:block;background:#000;}

        /* 3. 轮播图 */
        .slider-container{
            position:relative;
            border-radius:var(--radius);
            overflow:hidden;
            box-shadow:0 6px 20px rgba(0,0,0,.08);
            margin:2rem 0;
            height:260px;
        }
        .slider{display:flex;transition:.4s;height:100%;}
        .slide{min-width:100%;position:relative;}
        .slide img{width:100%;height:100%;object-fit:cover;}
        .slide-caption{
            position:absolute;bottom:0;left:0;right:0;
            background:linear-gradient(transparent,rgba(0,0,0,.6));
            color:#fff;padding:1rem;font-size:1rem;
        }
        .dots{display:flex;justify-content:center;gap:.5rem;margin:.5rem 0;}
        .dot{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer;}
        .dot.active{background:var(--gold);}

        /* 4. 特色卡片 */
        .features{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
            gap:1.5rem;
            margin:2rem 0;
        }
        .card{
            background:#fff;border-radius:var(--radius);
            overflow:hidden;
            box-shadow:0 4px 12px rgba(0,0,0,.05);
            transition:.3s;
        }
        .card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.12);}
        .card img{height:160px;object-fit:cover;width:100%;}
        .card-body{padding:1rem;}
        .card h3{font-size:1.2rem;margin-bottom:.4rem;color:var(--grass);}
        .card p{font-size:.9rem;color:#555;margin-bottom:.8rem;}
        .btn{
            display:inline-block;
            background:var(--grass);
            color:#fff;
            padding:.5rem 1rem;
            border-radius:var(--radius);
            font-size:.85rem;
            transition:.3s;
        }
        .btn:hover{background:var(--gold);}

        /* 5. 底栏 */
        footer{
            margin-top:3rem;
            background:var(--grass);
            color:#fff;
            text-align:center;
            padding:2rem 1rem 1rem;
            border-radius:var(--radius) var(--radius) 0 0;
        }
        footer .contact{
            display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.9rem;margin-bottom:1rem;
        }
        footer .social{
            display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;
        }
        footer .social a{
            width:36px;height:36px;background:rgba(255,255,255,.2);
            border-radius:50%;display:flex;align-items:center;justify-content:center;
            transition:.3s;
        }
        footer .social a:hover{background:var(--gold);transform:translateY(-2px);}
        footer .copyright{font-size:.8rem;opacity:.7;margin-top:1rem;}

        .banner-video{
            width:100%;
            height:62vh;
            object-fit:cover;
            border-radius:0 0 var(--radius) var(--radius);
        }
        .section{
            max-width:1000px;
            margin:2.5rem auto;
            padding:0 1rem;
        }
        .section h2{
            font-size:1.8rem;
            color:var(--grass);
            margin-bottom:1rem;
            display:flex;
            align-items:center;
        }
        .section h2 i{margin-right:.5rem;color:var(--gold);}
        .gallery{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
            gap:1rem;
            margin-top:1rem;
        }
        .gallery img{
            width:100%;
            height:200px;
            object-fit:cover;
            border-radius:var(--radius);
            transition:.3s;
            cursor:pointer;
        }
        .gallery img:hover{transform:scale(1.03);}
        details{
            background:#fff;
            border-radius:var(--radius);
            padding:1rem;
            margin-top:.8rem;
            box-shadow:0 2px 8px rgba(0,0,0,.05);
            cursor:pointer;
        }
        summary{font-weight:700;outline:none;color:var(--grass);}
        details[open]{padding-bottom:1.2rem;}
        details p{margin-top:.5rem;line-height:1.8;color:#444;font-size:.95rem;}

        @media(max-width:600px){
            .hero h1{font-size:1.8rem;}
            .slider-container{height:200px;}
            .features{grid-template-columns:1fr;}
        }