 /* ========== 变量 ========== */
        :root{
            --primary:#0b9d8b;
            --primary-dark:#077a6b;
            --bg:#f4f6f8;
            --radius:12px;
            --maxWidth:1140px;
            --font:"PingFang SC","Microsoft YaHei",sans-serif;
            --shadow:0 8px 24px rgba(0,0,0,.06);
            --text:#333;
            --muted:#666;
        }
        *{box-sizing:border-box;margin:0;padding:0;font-family:var(--font);}
        html{scroll-behavior:smooth;}
        body{background:var(--bg);color:var(--text);line-height:1.6;}

        /* ========== 导航 ========== */
        header{
            position:sticky;top:0;z-index:1000;
            background:#fff;box-shadow:0 2px 0 0 #eaeaea;
        }
        .navWrap{
            max-width:var(--maxWidth);margin:auto;
            display:flex;align-items:center;justify-content:space-between;
            padding:1rem 1.2rem;
        }
        .logo img{height:48px;}
        nav ul{display:flex;gap:1.8rem;list-style:none;}
        nav a{
            text-decoration:none;color:var(--text);font-weight:600;font-size:1rem;
            position:relative;transition:color .3s;
        }
        nav a:hover{color:var(--primary);}
        .menuBtn{display:none;font-size:1.8rem;cursor:pointer;}

        /* ========== Hero（任意图片） ========== */
        /*======== 横幅视差 =========*/
        .hero {
            position: relative;
            height: clamp(420px, 55vh, 580px);
            overflow: hidden;          /* 关键：裁剪视差 */
        }
        .hero__bg {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 110%;              /* 多留 10% 供上移 */
            background: url("hero.jpg") center/cover no-repeat;
            will-change: transform;    /* 硬件加速 */
            transition: transform .4s ease-out;
            inset: 0;
            background: url("./aca237467e57fbfbf5b17792aa110057.png") center/cover no-repeat;
        }
        .hero::before {               /* 压暗 */
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, .45);
            z-index: 1;
        }
        .hero__text {
            position: relative;
            z-index: 2;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
        }

        /*====== 主标题特效 ======*/
        .hero-title {
            font-size: clamp(2.4rem, 6vw, 3.8rem);
            font-weight: 700;
            letter-spacing: 3px;
            background: linear-gradient(90deg, #fff 40%, var(--primary), #fff 60%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: shine 3s infinite linear;
        }
        @keyframes shine {
            0% { background-position: -200px; }
            100% { background-position: 200px; }
        }

        /*====== 副标题玻璃底 ======*/
        .hero-sub {
            margin-top: 1rem;
            padding: .6rem 1.4rem;
            font-size: clamp(1rem, 2vw, 1.2rem);
            background: rgba(255, 255, 255, .15);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border-radius: 30px;
            border: 1px solid rgba(255, 255, 255, .2);
        }
       
        /* ========== 通用容器 ========== */
        .sec{
            max-width:var(--maxWidth);margin:auto;
            padding:clamp(3rem,6vw,5rem) 1.2rem;
        }
        h2{text-align:center;font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:2.5rem;color:var(--primary-dark);}

        /* ========== 关于 ========== */
        .aboutText{
            background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);
            margin-bottom:2rem;
        }
        .scope{
            background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);
        }
        .scope h3{margin-bottom:1rem;color:var(--primary-dark);}
        .scope p{margin-bottom:.6rem;}

        /* ========== 新闻 ========== */
        .grid{
            display:grid;gap:1.8rem;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
        }
        .card{
            background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);
            display:flex;flex-direction:column;height:100%;
            transition:transform .3s,box-shadow .3s;
        }
        .card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);}
        .card img{width:100%;height:180px;object-fit:cover;}
        .cardBody{padding:1.2rem 1.4rem 1.8rem;flex:1;display:flex;flex-direction:column;}
        time{color:var(--muted);font-size:.9rem;margin-bottom:.6rem;}
        .card p{flex:1;margin-bottom:1rem;}
        .more{
            align-self:flex-start;background:var(--primary);color:#fff;
            padding:.5rem 1.2rem;border-radius:var(--radius);text-decoration:none;font-size:.9rem;
        }
        .more:hover{background:var(--primary-dark);}

        /* ========== 联系 ========== */
        #contact{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);}
        .contactGrid{
            display:grid;gap:2rem;
            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
        }
        .contactItem{display:flex;align-items:flex-start;gap:.8rem;}
        .contactItem span{color:var(--primary);font-size:1.4rem;}

        /* ========== 页脚 ========== */
        footer{
            text-align:center;padding:2.5rem 1rem;font-size:.9rem;color:var(--muted);
            border-top:4px solid var(--primary);
        }

        /* ========== 响应式抽屉 ========== */
        @media (max-width:768px){
            .menuBtn{display:block;}
            nav ul{
                position:fixed;top:60px;right:-260px;width:260px;height:100%;
                background:#fff;flex-direction:column;padding:2rem 1.5rem;
                box-shadow:-4px 0 12px rgba(0,0,0,.06);transition:right .3s;
            }
            nav ul.open{right:0;}
        }