:root{
    --color-primary:#2b2a2a;
    --color-primary-dark:#121212;
    --color-accent:#c44536;
    --color-surface:#f5f1e8;
    --color-text:#1a1a1a;
    --rgb-primary:43,42,42;
    --rgb-accent:196,69,54;
    --radius-sm:6px;
    --radius-md:12px;
    --radius-lg:14px;
    --radius-xl:18px;
    --shadow-sm:0 1px 0 rgba(26,26,26,.06);
    --shadow-md:0 10px 24px rgba(17,17,17,.08), 0 2px 6px rgba(17,17,17,.06), inset 0 1px 0 rgba(255,255,255,.55);
    --shadow-lg:0 18px 40px rgba(17,17,17,.12), 0 6px 18px rgba(17,17,17,.10), 0 0 0 1px rgba(196,69,54,.10), inset 0 1px 0 rgba(255,255,255,.6);
    --space-section:4rem;
    --space-card:1.5rem;
    --space-gap:1.25rem;
    --transition:220ms cubic-bezier(.2,.9,.2,1);
    --heading-weight:650;
    --body-line-height:1.75;
    --backdrop-glow:rgba(var(--rgb-accent),.22);
    --backdrop-glow-strong:rgba(var(--rgb-accent),.34);
    --card-stroke:rgba(26,26,26,.10);
    --card-stroke-hover:rgba(196,69,54,.22);
    --text-shadow:0 1px 0 rgba(0,0,0,.06);
    --accent-glow:rgba(var(--rgb-accent),.42);
    --accent-glow-2:rgba(var(--rgb-accent),.6);
    --outline-accent:rgba(var(--rgb-accent),.55);
}

body{ color:var(--color-text); line-height:var(--body-line-height); background:var(--color-surface); }
h1,h2,h3,h4{ font-weight:var(--heading-weight); }
section,.section{ padding-top:var(--space-section); padding-bottom:var(--space-section); }
.card,[class*="card"]{
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-md);
    padding:var(--space-card);
    transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), filter var(--transition), background-color var(--transition);
    background:
        radial-gradient(1200px 500px at 10% 0%, rgba(196,69,54,.10), rgba(196,69,54,0) 55%),
        radial-gradient(900px 460px at 90% 10%, rgba(26,26,26,.06), rgba(26,26,26,0) 60%),
        linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.15));
    border:1px solid var(--card-stroke);
}
.btn,button[class*="btn"],a[class*="btn"]{
    border-radius:var(--radius-md);
    transition:background-color var(--transition), transform var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition);
}
a:not([class]){ color:var(--color-primary); transition:color var(--transition), text-shadow var(--transition); }
a:not([class]):focus-visible{ outline:2px solid var(--outline-accent); outline-offset:3px; border-radius:8px; }

.card:hover,[class*="card"]:hover{
    transform:translateY(-5px);
    box-shadow:
        0 22px 55px rgba(17,17,17,.14),
        0 10px 26px rgba(17,17,17,.10),
        0 0 0 1px rgba(196,69,54,.26),
        0 0 24px rgba(var(--rgb-accent),.22),
        0 0 44px rgba(var(--rgb-accent),.16),
        inset 0 1px 0 rgba(255,255,255,.7);
    filter:saturate(1.06);
    border-color:var(--card-stroke-hover);
}
a:not([class]):hover{ color:var(--color-accent); text-shadow:var(--text-shadow), 0 0 18px rgba(var(--rgb-accent),.25); }

.card{ border:1px solid rgba(var(--rgb-primary), .10); }

header,.header,.navbar{
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

                .news-grid { display: flex; flex-direction: column; gap: var(--space-gap); }
                .news-grid .card { display: grid; grid-template-columns: 280px 1fr; }
                .news-grid .card{
                    border-radius:var(--radius-lg);
                    box-shadow:
                        0 10px 26px rgba(17,17,17,.09),
                        0 3px 10px rgba(17,17,17,.06),
                        0 0 0 1px rgba(var(--rgb-primary),.10),
                        inset 0 1px 0 rgba(255,255,255,.6);
                    background:
                        linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.18)),
                        radial-gradient(900px 380px at 0% 0%, rgba(196,69,54,.12), rgba(196,69,54,0) 55%);
                    border-color:rgba(26,26,26,.12);
                }

                .feature-list { display: flex; flex-direction: column; align-items: center; gap: calc(var(--space-gap) * 2); max-width: 720px; margin: 0 auto; }
                .feature-list .card{
                    border-radius:calc(var(--radius-lg) + 2px);
                    box-shadow:
                        0 18px 44px rgba(17,17,17,.10),
                        0 6px 18px rgba(17,17,17,.08),
                        0 0 24px rgba(var(--rgb-accent),.10),
                        inset 0 1px 0 rgba(255,255,255,.62);
                    border-color:rgba(26,26,26,.10);
                }

                .hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }
                .hero-inner .card{
                    border-radius:calc(var(--radius-xl) - 2px);
                    box-shadow:
                        0 24px 60px rgba(17,17,17,.13),
                        0 10px 30px rgba(17,17,17,.10),
                        0 0 0 1px rgba(var(--rgb-primary),.10),
                        0 0 32px rgba(var(--rgb-accent),.14),
                        inset 0 1px 0 rgba(255,255,255,.65);
                    background:
                        radial-gradient(1200px 520px at 20% 0%, rgba(196,69,54,.14), rgba(196,69,54,0) 56%),
                        radial-gradient(680px 420px at 90% 20%, rgba(26,26,26,.07), rgba(26,26,26,0) 58%),
                        linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.14));
                }

                .testimonial-list { display: flex; overflow: hidden; } 
                .testimonial-list > * { flex: 0 0 100%; }
                .testimonial-list .card{
                    border-radius:var(--radius-md);
                    box-shadow:
                        0 14px 36px rgba(17,17,17,.10),
                        0 4px 14px rgba(17,17,17,.07),
                        0 0 0 1px rgba(var(--rgb-accent),.12),
                        0 0 18px rgba(var(--rgb-accent),.10),
                        inset 0 1px 0 rgba(255,255,255,.62);
                    background:
                        linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.16));
                }

                .partner-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--space-gap) * 1.5); align-items: center; }
                .partner-grid .card{
                    border-radius:12px;
                    box-shadow:
                        0 10px 26px rgba(17,17,17,.08),
                        0 2px 10px rgba(17,17,17,.05),
                        inset 0 1px 0 rgba(255,255,255,.6);
                    background:
                        linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.14));
                    border-color:rgba(26,26,26,.10);
                    transition:transform 180ms cubic-bezier(.2,.85,.2,1), box-shadow var(--transition), border-color var(--transition), filter 180ms cubic-bezier(.2,.85,.2,1);
                }
                .partner-grid .card:hover{
                    transform:translateY(-4px);
                    box-shadow:
                        0 18px 42px rgba(17,17,17,.12),
                        0 7px 18px rgba(17,17,17,.09),
                        0 0 28px rgba(var(--rgb-accent),.16),
                        inset 0 1px 0 rgba(255,255,255,.68);
                    border-color:rgba(var(--rgb-accent),.24);
                    filter:saturate(1.08);
                }

.faq-list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-gap); }
.faq-list .card{
    border-radius:var(--radius-lg);
    background:
        radial-gradient(900px 420px at 0% 0%, rgba(196,69,54,.12), rgba(196,69,54,0) 60%),
        linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.16));
    box-shadow:
        0 16px 44px rgba(17,17,17,.10),
        0 5px 16px rgba(17,17,17,.07),
        0 0 0 1px rgba(26,26,26,.10),
        inset 0 1px 0 rgba(255,255,255,.62);
}

.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-gap); text-align: center; }
.stats-grid .card{
    border-radius:14px;
    box-shadow:
        0 12px 34px rgba(17,17,17,.09),
        0 3px 12px rgba(17,17,17,.06),
        0 0 26px rgba(var(--rgb-accent),.10),
        inset 0 1px 0 rgba(255,255,255,.62);
    background:
        linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.15));
    border-color:rgba(26,26,26,.10);
}

.cta-inner { text-align: center; max-width: 700px; margin: 0 auto; }
.cta-inner .card{
    border-radius:calc(var(--radius-xl) - 3px);
    box-shadow:
        0 24px 64px rgba(17,17,17,.14),
        0 12px 34px rgba(17,17,17,.10),
        0 0 0 1px rgba(var(--rgb-accent),.18),
        0 0 34px rgba(var(--rgb-accent),.22),
        inset 0 1px 0 rgba(255,255,255,.68);
    background:
        radial-gradient(900px 460px at 50% 0%, rgba(196,69,54,.22), rgba(196,69,54,0) 60%),
        linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.14));
    animation:ctaHalo 3.6s ease-in-out infinite;
}
@keyframes ctaHalo{
    0%,100%{ box-shadow:
        0 24px 64px rgba(17,17,17,.14),
        0 12px 34px rgba(17,17,17,.10),
        0 0 0 1px rgba(var(--rgb-accent),.18),
        0 0 34px rgba(var(--rgb-accent),.22),
        inset 0 1px 0 rgba(255,255,255,.68);
    }
    50%{ box-shadow:
        0 26px 70px rgba(17,17,17,.16),
        0 14px 38px rgba(17,17,17,.11),
        0 0 0 1px rgba(var(--rgb-accent),.24),
        0 0 44px rgba(var(--rgb-accent),.32),
        inset 0 1px 0 rgba(255,255,255,.72);
    }
}

/* Page Layout: full-width */
/* 无侧边栏, 全宽 */
            .page-main { max-width: 1200px; margin: 0 auto; }

@media (max-width:1024px){
    .news-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .feature-list { grid-template-columns: repeat(2, 1fr) !important; }
    .partner-grid { grid-template-columns: repeat(3, 1fr) !important; }
    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .hero-inner { grid-template-columns: 1fr !important; }
    .cta-inner .card{ animation:none; }
}
@media (max-width:640px){
    :root{ --space-section: 2rem; --space-card: 1rem; --space-gap: 0.75rem; --radius-lg:12px; --radius-md:10px; }
    .news-grid { grid-template-columns: 1fr !important; }
    .feature-list { grid-template-columns: 1fr !important; }
    .faq-list { grid-template-columns: 1fr !important; }
    .testimonial-list { column-count: 1 !important; }
    .partner-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .cta-inner { grid-template-columns: 1fr !important; }
}