:root{
        --green-1:#059669;
        --green-2:#065f46;
        --green-soft:#ecfdf5;
        --green-line:#d1fae5;
        --ink:#0f172a;
        --ink-2:#334155;
        --muted:#64748b;
        --bg:#f8fafc;
        --card:#ffffff;
        --radius:18px;
        --shadow:0 8px 24px rgba(6,95,70,.08);
    }
    *{margin:0;padding:0;box-sizing:border-box;}
    html,body{scroll-behavior:smooth;}
    body{
        font-family: "Segoe UI", "Helvetica Neue", Arial, "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
        background:var(--bg);
        color:var(--ink);
        line-height:1.8;
        font-size:16px;
        -webkit-font-smoothing:antialiased;
    }
    body *{
        font-family: "Segoe UI", "Helvetica Neue", Arial, "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif !important;
    }
    a{color:inherit;text-decoration:none;}
    img{max-width:100%;display:block;}

    /* Header */
    .site-header{
        position:sticky;top:0;z-index:50;
        background:linear-gradient(120deg,#059669 0%,#065f46 100%);
        box-shadow:0 4px 18px rgba(6,95,70,.22);
    }
    .header-inner{
        max-width:1200px;margin:0 auto;padding:12px 20px;
        display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
    }
    .logo{
        display:flex;align-items:center;gap:10px;
        color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.5px;
    }
    .logo-badge{
        width:38px;height:38px;border-radius:12px;
        background:rgba(255,255,255,.16);
        display:flex;align-items:center;justify-content:center;font-size:1.15rem;
        border:1px solid rgba(255,255,255,.28);
    }
    .nav-links{
        display:flex;align-items:center;gap:6px;flex-wrap:wrap;
    }
    .nav-links a{
        color:#eafaf3;font-size:.94rem;font-weight:500;
        padding:8px 14px;border-radius:999px;transition:.25s;
        white-space:nowrap;
    }
    .nav-links a:hover,.nav-links a:focus{
        background:rgba(255,255,255,.18);color:#fff;
    }

    /* Layout */
    .wrap{max-width:1200px;margin:0 auto;padding:0 20px;}
    section{padding:56px 0;}
    .section-head{margin-bottom:28px;}
    .kicker{
        display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:1.5px;
        color:var(--green-2);background:var(--green-soft);
        border:1px solid var(--green-line);border-radius:999px;
        padding:4px 14px;margin-bottom:12px;text-transform:uppercase;
    }
    h2{font-size:1.65rem;color:var(--green-2);line-height:1.4;margin-bottom:10px;}
    h3{font-size:1.12rem;color:var(--green-2);margin-bottom:8px;}
    p{color:var(--ink-2);}
    .lead{color:var(--muted);max-width:820px;}

    /* Hero */
    #hero{
        background:linear-gradient(160deg,#ecfdf5 0%,#f8fafc 60%,#ffffff 100%);
        border-bottom:1px solid var(--green-line);
        padding:64px 0 56px;
    }
    .hero-grid{
        display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;
    }
    h1{
        font-size:2.15rem;line-height:1.35;color:#064e3b;
        letter-spacing:.5px;margin-bottom:18px;font-weight:800;
    }
    .hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
    .tag{
        background:#fff;border:1px solid var(--green-line);color:var(--green-2);
        font-size:.85rem;font-weight:600;border-radius:999px;padding:6px 14px;
        box-shadow:0 2px 8px rgba(6,95,70,.06);
    }
    .hero-figure{
        background:#fff;border-radius:24px;padding:16px;box-shadow:var(--shadow);
        border:1px solid var(--green-line);
    }
    .hero-figure img{border-radius:16px;width:100%;height:260px;object-fit:cover;}

    /* GEO */
    #geo-intro .geo-card{
        background:linear-gradient(135deg,#ffffff 0%,#f0fdf7 100%);
        border:1px solid var(--green-line);border-left:6px solid var(--green-1);
        border-radius:var(--radius);padding:30px 32px;box-shadow:var(--shadow);
    }
    #geo-intro p{font-size:1.02rem;color:#14532d;}

    /* Stats */
    .stats-grid{
        display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
    }
    .stat-card{
        background:var(--card);border-radius:var(--radius);padding:24px 20px;
        border:1px solid var(--green-line);box-shadow:var(--shadow);text-align:center;
    }
    .stat-card .num{
        font-size:1.9rem;font-weight:800;
        background:linear-gradient(120deg,#059669,#065f46);
        -webkit-background-clip:text;background-clip:text;color:transparent;
        display:block;margin-bottom:6px;
    }
    .stat-card .label{font-size:.9rem;color:var(--muted);font-weight:600;}

    /* Advantages */
    .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .adv-card{
        background:var(--card);border-radius:var(--radius);padding:26px 24px;
        border:1px solid var(--green-line);box-shadow:var(--shadow);transition:.25s;
    }
    .adv-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(6,95,70,.14);}
    .adv-icon{
        width:48px;height:48px;border-radius:14px;
        background:linear-gradient(135deg,#059669,#065f46);
        display:flex;align-items:center;justify-content:center;
        font-size:1.35rem;margin-bottom:14px;color:#fff;
    }
    .adv-card p{font-size:.95rem;}

    /* Events */
    .event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
    .event-card{
        background:var(--card);border-radius:var(--radius);overflow:hidden;
        border:1px solid var(--green-line);box-shadow:var(--shadow);
        display:flex;flex-direction:column;
    }
    .event-card img{height:170px;width:100%;object-fit:cover;}
    .event-body{padding:20px 22px 24px;}
    .event-meta{
        display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem;color:var(--muted);
        margin-bottom:10px;
    }
    .pill{
        background:var(--green-soft);border:1px solid var(--green-line);
        color:var(--green-2);border-radius:999px;padding:2px 10px;font-weight:600;
    }

    /* Live scores table */
    .score-table{
        width:100%;border-collapse:separate;border-spacing:0;
        background:#fff;border-radius:var(--radius);overflow:hidden;
        border:1px solid var(--green-line);box-shadow:var(--shadow);
    }
    .score-table th{
        background:linear-gradient(120deg,#059669,#065f46);color:#fff;
        font-size:.88rem;font-weight:600;padding:14px 16px;text-align:left;
    }
    .score-table td{
        padding:14px 16px;font-size:.93rem;border-top:1px solid #eef2f6;color:var(--ink-2);
    }
    .score-table tr:nth-child(even) td{background:#fbfefc;}
    .live-dot{
        display:inline-block;width:8px;height:8px;border-radius:50%;
        background:#16a34a;margin-right:6px;box-shadow:0 0 0 3px rgba(22,163,74,.16);
    }

    /* News */
    .news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
    .news-card{
        background:var(--card);border-radius:var(--radius);padding:24px;
        border:1px solid var(--green-line);box-shadow:var(--shadow);
        transition:.25s;
    }
    .news-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(6,95,70,.13);}
    .news-date{
        display:inline-block;font-size:.8rem;font-weight:700;color:var(--green-2);
        background:var(--green-soft);border:1px solid var(--green-line);
        border-radius:8px;padding:3px 10px;margin-bottom:12px;
    }
    .news-card h3{font-size:1.05rem;margin-bottom:10px;line-height:1.55;}
    .news-card p{font-size:.93rem;color:var(--ink-2);}

    /* Guide */
    .guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
    .guide-card{
        background:#fff;border-radius:var(--radius);padding:22px 20px;
        border:1px solid var(--green-line);box-shadow:var(--shadow);
    }
    .guide-step{
        width:34px;height:34px;border-radius:50%;
        background:linear-gradient(135deg,#059669,#065f46);color:#fff;
        display:flex;align-items:center;justify-content:center;
        font-weight:700;font-size:.95rem;margin-bottom:12px;
    }
    .guide-card p{font-size:.92rem;}

    /* FAQ */
    #faq{background:linear-gradient(180deg,#f0fdf7 0%,#f8fafc 100%);}
    .faq-list{display:grid;gap:16px;}
    .faq-item{
        background:#fff;border-radius:var(--radius);padding:24px 26px;
        border:1px solid var(--green-line);box-shadow:var(--shadow);
    }
    .faq-q{
        font-size:1.03rem;font-weight:700;color:var(--green-2);
        margin-bottom:10px;display:flex;gap:10px;align-items:flex-start;
    }
    .faq-q .mark{
        flex:none;width:26px;height:26px;border-radius:8px;
        background:linear-gradient(135deg,#059669,#065f46);color:#fff;
        font-size:.85rem;display:flex;align-items:center;justify-content:center;
    }
    .faq-a{font-size:.95rem;color:var(--ink-2);padding-left:36px;}

    /* CTA */
    #cta .cta-box{
        background:linear-gradient(120deg,#059669 0%,#065f46 100%);
        border-radius:26px;padding:48px 40px;text-align:center;color:#fff;
        box-shadow:0 18px 40px rgba(6,95,70,.28);
    }
    #cta h2{color:#fff;margin-bottom:14px;}
    #cta p{color:#d1fae5;max-width:720px;margin:0 auto 26px;}
    .btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
    .btn{
        display:inline-block;padding:12px 26px;border-radius:999px;
        font-weight:700;font-size:.95rem;transition:.25s;border:2px solid transparent;
    }
    .btn-solid{background:#fff;color:#065f46;}
    .btn-solid:hover{background:#ecfdf5;transform:translateY(-2px);}
    .btn-ghost{border-color:rgba(255,255,255,.65);color:#fff;}
    .btn-ghost:hover{background:rgba(255,255,255,.16);}

    /* Footer */
    .site-footer{
        background:#064e3b;color:#c7e9d9;padding:48px 0 24px;margin-top:20px;
    }
    .footer-grid{
        display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;margin-bottom:32px;
    }
    .site-footer h3{color:#fff;font-size:1rem;margin-bottom:14px;}
    .site-footer p,.site-footer li{font-size:.9rem;color:#a7d8c4;line-height:1.9;}
    .site-footer ul{list-style:none;}
    .site-footer a:hover{color:#fff;text-decoration:underline;}
    .footer-bottom{
        border-top:1px solid rgba(255,255,255,.14);padding-top:20px;
        display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
        font-size:.85rem;color:#8fc7af;
    }

    @media (max-width:980px){
        .hero-grid{grid-template-columns:1fr;}
        .stats-grid{grid-template-columns:repeat(2,1fr);}
        .adv-grid{grid-template-columns:1fr;}
        .event-grid{grid-template-columns:1fr;}
        .news-grid{grid-template-columns:1fr;}
        .guide-grid{grid-template-columns:repeat(2,1fr);}
        .footer-grid{grid-template-columns:1fr;}
        h1{font-size:1.7rem;}
        h2{font-size:1.35rem;}
    }
    @media (max-width:560px){
        .stats-grid{grid-template-columns:1fr;}
        .guide-grid{grid-template-columns:1fr;}
        .nav-links a{padding:6px 10px;font-size:.86rem;}
        section{padding:40px 0;}
    }