:root{
        --primary:#0891b2;
        --secondary:#0f766e;
        --primary-light:#e0f7fa;
        --gray-bg:#f5f8fa;
        --text:#1f2d33;
        --text-light:#5b6b74;
        --radius:14px;
        --shadow:0 6px 24px rgba(8,145,178,.12);
    }
    *{
        margin:0;
        padding:0;
        box-sizing:border-box;
        font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    }
    html,body{
        font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
        color:var(--text);
        background:#fff;
        line-height:1.75;
        scroll-behavior:smooth;
    }
    a{color:var(--primary);text-decoration:none;}
    a:hover{opacity:.82;}
    img{max-width:100%;display:block;border-radius:var(--radius);}

    header.site-header{
        position:sticky;top:0;z-index:99;
        background:rgba(255,255,255,.94);
        backdrop-filter:blur(10px);
        border-bottom:1px solid #e2eef2;
    }
    .header-inner{
        max-width:1180px;margin:0 auto;padding:12px 20px;
        display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
    }
    .logo{
        font-size:1.22rem;font-weight:800;
        background:linear-gradient(135deg,#0891b2,#0f766e);
        -webkit-background-clip:text;background-clip:text;color:transparent;
        letter-spacing:.5px;
    }
    .nav-links{display:flex;flex-wrap:wrap;gap:6px;}
    .nav-links a{
        padding:7px 14px;border-radius:999px;font-size:.94rem;font-weight:600;
        color:#33525c;transition:.25s;
    }
    .nav-links a:hover{
        background:linear-gradient(135deg,#0891b2,#0f766e);color:#fff;opacity:1;
    }

    main{max-width:1180px;margin:0 auto;padding:0 20px 60px;}

    section{margin-top:52px;}

    #hero{
        margin-top:28px;
        background:linear-gradient(135deg,#0891b2 0%,#0f766e 100%);
        border-radius:22px;
        padding:48px 34px;
        color:#fff;
        box-shadow:0 16px 40px rgba(15,118,110,.22);
        position:relative;
        overflow:hidden;
    }
    #hero::after{
        content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;
        background:rgba(255,255,255,.14);border-radius:50%;
    }
    #hero h1{
        font-size:2.05rem;line-height:1.4;font-weight:800;letter-spacing:.5px;
        margin-bottom:14px;position:relative;z-index:2;
    }
    #hero .hero-sub{
        font-size:1.02rem;max-width:760px;color:#eafcff;position:relative;z-index:2;
    }
    .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative;z-index:2;}
    .hero-tags span{
        background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);
        padding:6px 14px;border-radius:999px;font-size:.88rem;
    }
    .hero-figure{margin-top:26px;position:relative;z-index:2;}
    .hero-figure img{box-shadow:0 12px 30px rgba(0,0,0,.18);}

    .section-title{
        font-size:1.5rem;font-weight:800;color:#0e3a44;margin-bottom:8px;
        display:flex;align-items:center;gap:10px;
    }
    .section-title::before{
        content:"";width:6px;height:24px;border-radius:4px;
        background:linear-gradient(180deg,#0891b2,#0f766e);display:inline-block;
    }
    .section-desc{color:var(--text-light);font-size:.97rem;margin-bottom:24px;}

    #geo-intro{
        background:var(--gray-bg);
        border-left:5px solid var(--primary);
        border-radius:var(--radius);
        padding:26px 28px;
        color:#2b4149;font-size:1rem;
    }
    #geo-intro p+p{margin-top:14px;}

    .card-grid{display:grid;gap:20px;}
    .grid-4{grid-template-columns:repeat(4,1fr);}
    .grid-3{grid-template-columns:repeat(3,1fr);}
    .grid-2{grid-template-columns:repeat(2,1fr);}

    .card{
        background:#fff;border:1px solid #e3f0f3;border-radius:var(--radius);
        padding:22px;box-shadow:var(--shadow);transition:.28s;
    }
    .card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(8,145,178,.18);}
    .card h3{font-size:1.08rem;color:#0e3a44;margin-bottom:8px;}
    .card p{font-size:.94rem;color:var(--text-light);}
    .card .icon{font-size:1.6rem;margin-bottom:10px;display:block;}

    #data-stats{
        background:linear-gradient(135deg,#0891b2,#0f766e);
        border-radius:20px;padding:34px 24px;color:#fff;
    }
    .stat-item{text-align:center;}
    .stat-num{font-size:1.9rem;font-weight:800;letter-spacing:.5px;}
    .stat-label{font-size:.92rem;color:#dff7fb;margin-top:4px;}

    #brand-story{
        display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;
    }
    #brand-story .story-text p{color:var(--text-light);margin-bottom:14px;font-size:.97rem;}

    .timeline{position:relative;padding-left:26px;}
    .timeline::before{
        content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;
        background:linear-gradient(180deg,#0891b2,#0f766e);
    }
    .timeline-item{position:relative;margin-bottom:20px;}
    .timeline-item::before{
        content:"";position:absolute;left:-24px;top:8px;width:12px;height:12px;border-radius:50%;
        background:#fff;border:3px solid var(--primary);
    }
    .timeline-item h4{font-size:1rem;color:#0e3a44;margin-bottom:4px;}
    .timeline-item p{font-size:.92rem;color:var(--text-light);}

    .event-card{
        border:1px solid #e3f0f3;border-radius:var(--radius);overflow:hidden;background:#fff;
        box-shadow:var(--shadow);transition:.28s;
    }
    .event-card:hover{transform:translateY(-4px);}
    .event-body{padding:18px;}
    .event-body h3{font-size:1.03rem;color:#0e3a44;margin-bottom:6px;}
    .event-meta{font-size:.85rem;color:var(--primary);font-weight:700;margin-bottom:8px;}
    .event-body p{font-size:.92rem;color:var(--text-light);}

    .news-item{
        display:flex;gap:18px;background:#fff;border:1px solid #e3f0f3;border-radius:var(--radius);
        padding:16px;box-shadow:var(--shadow);align-items:flex-start;
    }
    .news-item img{width:180px;height:118px;object-fit:cover;flex-shrink:0;}
    .news-item h3{font-size:1.04rem;color:#0e3a44;margin-bottom:6px;}
    .news-date{
        display:inline-block;font-size:.8rem;font-weight:700;color:#fff;
        background:linear-gradient(135deg,#0891b2,#0f766e);
        padding:2px 10px;border-radius:999px;margin-bottom:8px;
    }
    .news-item p{font-size:.92rem;color:var(--text-light);}
    .news-tag{
        display:inline-block;font-size:.78rem;color:var(--primary);border:1px solid #b9e6ee;
        border-radius:999px;padding:1px 9px;margin-left:8px;
    }

    #testimonials .quote{
        background:linear-gradient(135deg,#f0fbfd,#e6f7f5);
        border-radius:var(--radius);padding:22px;border:1px solid #d8eef2;
    }
    #testimonials .quote p{font-size:.94rem;color:#2b4149;}
    #testimonials .quote span{display:block;margin-top:12px;font-size:.86rem;color:var(--primary);font-weight:700;}

    #faq .faq-item{
        background:#fff;border:1px solid #e3f0f3;border-radius:var(--radius);
        padding:20px 22px;margin-bottom:14px;box-shadow:var(--shadow);
    }
    #faq h3{font-size:1.02rem;color:#0e3a44;margin-bottom:8px;}
    #faq p{font-size:.94rem;color:var(--text-light);}

    #cta{
        background:linear-gradient(135deg,#0f766e,#0891b2);
        border-radius:20px;padding:40px 30px;text-align:center;color:#fff;
    }
    #cta h2{font-size:1.5rem;margin-bottom:12px;font-weight:800;}
    #cta p{color:#ddf7fb;margin-bottom:22px;font-size:.98rem;}
    .btn{
        display:inline-block;background:#fff;color:#0f766e;font-weight:800;
        padding:12px 30px;border-radius:999px;font-size:.98rem;transition:.25s;
    }
    .btn:hover{background:#e6fffb;opacity:1;transform:translateY(-2px);}

    footer.site-footer{
        background:#0e3a44;color:#c8dde2;padding:44px 20px 26px;margin-top:60px;
    }
    .footer-inner{max-width:1180px;margin:0 auto;}
    .footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:26px;}
    .footer-grid h4{color:#fff;font-size:1rem;margin-bottom:10px;}
    .footer-grid p,.footer-grid li{font-size:.9rem;color:#a9c6cc;line-height:1.9;list-style:none;}
    .footer-bottom{
        border-top:1px solid #1d5460;padding-top:18px;font-size:.86rem;color:#95b6bd;
        display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
    }
    .footer-bottom a{color:#7fdbe8;}

    @media (max-width:900px){
        .grid-4{grid-template-columns:repeat(2,1fr);}
        .grid-3{grid-template-columns:repeat(2,1fr);}
        #brand-story{grid-template-columns:1fr;}
        .footer-grid{grid-template-columns:1fr;}
    }
    @media (max-width:640px){
        .grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}
        #hero h1{font-size:1.5rem;}
        .news-item{flex-direction:column;}
        .news-item img{width:100%;height:170px;}
        .header-inner{justify-content:center;}
    }