@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap');

:root {
    --green-primary: #4caf50;
    --green-dark: #2e7d32;
    --ink-dark: #1b2f1f;
    --forest: #153a1f;
    --earth-brown: #8d6e63;
    --sun-gold: #fdd835;
    --leaf-soft: #f1f8e9;
    --card-soft: #f9fbf6;
    --text-dark: #2d402f;
    --text-muted: #5b7751;
    --border-color: #c8e6c9;
    --gradient-hero: linear-gradient(135deg, rgba(27,47,31,0.98), rgba(76,175,80,0.85));
    --gradient-card: linear-gradient(135deg, rgba(76,175,80,0.08), rgba(253,216,53,0.14));
    --shadow-sm: 0 10px 25px rgba(51,105,30,0.08);
    --shadow-md: 0 25px 50px rgba(51,105,30,0.12);
    --radius-sm: 8px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-pill: 999px;
    --max-width: 1200px;
    --header-height: 78px;
}

* { box-sizing:border-box; }
body { margin:0; font-family:'Microsoft YaHei','PingFang SC',sans-serif; font-size:16px; line-height:1.7; color:var(--text-dark); background:var(--leaf-soft); -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; border-radius:var(--radius-md); }
p { margin-bottom:1rem; color:var(--text-muted); }
ul { list-style:none; margin:0; padding:0; }
a { color:var(--green-dark); text-decoration:none; transition:color .2s ease; }
a:hover { color:var(--sun-gold); }

.container { width:min(100%,var(--max-width)); margin:0 auto; padding:0 1.5rem; }
.section { padding:clamp(3rem,6vw,5.5rem) 0; }
.section--soft { background:var(--card-soft); }
.section-heading { text-align:center; margin-bottom:clamp(2rem,4vw,3rem); }
.section-heading span { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .9rem; border-radius:var(--radius-pill); background:rgba(76,175,80,0.12); color:var(--forest); font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; }
.section-heading h2 { margin:.5rem 0; font-size:clamp(2rem,3vw,2.8rem); color:var(--ink-dark); }
.section-heading p { max-width:760px; margin:.5rem auto 0; color:var(--text-muted); }
.badge { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .95rem; border-radius:var(--radius-pill); background:rgba(27,47,31,0.08); letter-spacing:.12em; font-size:.78rem; color:var(--forest); text-transform:uppercase; }

.button { display:inline-flex; align-items:center; justify-content:center; padding:.85rem 1.8rem; border-radius:var(--radius-pill); border:1px solid transparent; cursor:pointer; font-weight:600; transition:transform .2s ease, box-shadow .2s ease; }
.button-primary { background:var(--gradient-hero); color:#fff; box-shadow:var(--shadow-sm); }
.button-ghost { background:#fff; color:var(--forest); border-color:rgba(27,47,31,0.12); }
.button:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }

.header { position:fixed; inset:0 0 auto 0; height:var(--header-height); background:rgba(255,255,255,0.94); backdrop-filter:blur(14px); border-bottom:1px solid rgba(27,47,31,0.1); box-shadow:0 10px 30px rgba(20,40,20,0.08); z-index:1000; }
.header .container { padding:0 1rem; }
.navbar { height:100%; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.25rem; }
.logo { text-decoration:none; display:flex; flex-direction:column; line-height:1.2; max-width:320px; }
.logo__cn { font-weight:700; letter-spacing:.05em; font-size:.96rem; color:var(--ink-dark); }
.logo__meta { font-size:.72rem; letter-spacing:.18em; color:rgba(27,47,31,0.6); }
.nav-menu { display:flex; gap:1rem; flex-wrap:nowrap; align-items:center; justify-content:flex-end; min-width:0; }
.nav-link { padding:.35rem 0; display:inline-flex; gap:.3rem; align-items:center; font-weight:500; color:var(--text-dark); font-size:.95rem; white-space:nowrap; }
.nav-item { position:relative; }
.nav-item:hover > .dropdown-menu,
.nav-item--dropdown.is-open > .dropdown-menu { display:block; }
.nav-item.is-active > .nav-link { color:var(--forest); font-weight:600; }
.dropdown-menu { display:none; position:absolute; top:calc(100% + 10px); left:0; background:#fff; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); padding:.5rem 0; min-width:220px; }
.dropdown-menu a { display:block; padding:.6rem 1.25rem; color:var(--text-muted); }
.nav-actions { display:flex; align-items:center; gap:.75rem; justify-content:flex-end; }

.hero { padding-top:calc(var(--header-height) + 2rem); min-height:80vh; display:flex; align-items:center; }
.hero-enterprise { background:radial-gradient(circle at 20% 20%, rgba(76,175,80,0.22), transparent 55%), linear-gradient(180deg, #f9fbf6 0%, #fff 70%); }
.hero-enterprise__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2.5rem; align-items:center; }
.hero-enterprise__content h1 { font-size:clamp(2.4rem,4vw,3.4rem); margin-bottom:1rem; color:var(--ink-dark); }
.hero-enterprise__content p { font-size:1.05rem; color:var(--text-muted); }
.hero-enterprise__actions { display:flex; gap:1rem; flex-wrap:wrap; margin:1.5rem 0; }
.hero-enterprise__stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; }
.kpi-card { background:#fff; border-radius:var(--radius-lg); padding:1.2rem 1.4rem; border:1px solid rgba(27,47,31,0.1); box-shadow:var(--shadow-sm); }
.kpi-card strong { font-size:2rem; color:var(--forest); display:block; }
.kpi-card span { font-weight:600; color:var(--ink-dark); }
.kpi-card p { margin:.35rem 0 0; font-size:.9rem; color:var(--text-muted); }
.hero-media { position:relative; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); }
.hero-media__overlay { position:absolute; inset:auto 1rem 1rem 1rem; background:rgba(15,40,23,0.92); color:#fff; padding:1.2rem; border-radius:var(--radius-md); }
.hero-media__overlay p { margin:0 0 .75rem; color:rgba(255,255,255,0.85); }
.hero-media__chips { display:flex; flex-wrap:wrap; gap:.5rem; }
.hero-media__chips span { display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .75rem; border-radius:var(--radius-pill); background:rgba(255,255,255,0.12); font-size:.85rem; }

.trust-panel { padding:2.5rem 0; border-bottom:1px solid rgba(27,47,31,0.08); background:#fff; }
.trust-panel__intro { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.trust-panel__intro span { font-weight:600; color:var(--forest); letter-spacing:.2em; text-transform:uppercase; }
.trust-panel__intro p { margin:0; color:var(--text-muted); }
.trust-panel__logos { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1rem; margin-top:1.25rem; }
.trust-panel__logos span { padding:1rem 1.25rem; border-radius:var(--radius-md); border:1px dashed rgba(53,141,76,0.25); text-align:center; font-weight:600; color:var(--ink-dark); background:var(--card-soft); }

.grid { display:grid; gap:1.5rem; }
.grid-2 { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.grid-3 { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.grid-4 { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }

.card { background:#fff; border-radius:var(--radius-lg); padding:1.5rem; box-shadow:var(--shadow-sm); border:1px solid rgba(27,47,31,0.08); }
.card--glass { background:rgba(255,255,255,0.85); backdrop-filter:blur(12px); }
.list-check li { display:flex; gap:.5rem; margin-bottom:.6rem; color:var(--text-muted); }
.list-check i { color:var(--sun-gold); font-style:normal; }

.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1rem; }
.stat-card { padding:1.2rem; border-radius:var(--radius-md); background:#fff; border:1px solid var(--border-color); box-shadow:var(--shadow-sm); text-align:center; }
.stat-card strong { font-size:2rem; color:var(--green-dark); display:block; }

.capability-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem; }
.capability-card { background:#fff; border-radius:var(--radius-lg); padding:1.75rem; box-shadow:var(--shadow-sm); border:1px solid rgba(27,47,31,0.12); display:flex; flex-direction:column; gap:.75rem; }
.capability-icon { width:48px; height:48px; border-radius:16px; background:var(--gradient-card); display:flex; align-items:center; justify-content:center; color:var(--forest); font-size:1.3rem; }

.solution-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; }
.solution-card { background:#fff; border-radius:var(--radius-lg); padding:1.5rem; border:1px solid rgba(27,47,31,0.12); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.8rem; }
.solution-card ul { list-style:disc; margin-left:1.2rem; color:var(--text-muted); }
.solution-card a { font-weight:600; color:var(--forest); }

.data-proof__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
.data-proof__panel { background:var(--card-soft); border-radius:var(--radius-lg); padding:2rem; border:1px solid rgba(27,47,31,0.1); box-shadow:var(--shadow-sm); }
.data-proof__timeline .timeline { border:none; padding:0; }
.data-proof__timeline li { padding-left:1.5rem; }
.data-proof__timeline li::before { left:0; }

.case-showcase__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; }
.case-showcase__card { background:#fff; border-radius:var(--radius-lg); padding:1.5rem; border:1px solid rgba(27,47,31,0.12); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.5rem; }
.case-showcase__tag { font-size:.85rem; letter-spacing:.1em; color:var(--forest); text-transform:uppercase; }
.case-showcase__card a { font-weight:600; color:var(--forest); }

.cta-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
.cta-card { background:#fff; border-radius:var(--radius-lg); padding:2rem; border:1px solid rgba(27,47,31,0.12); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.9rem; }
.cta-card--dark { background:var(--forest); color:#fff; border-color:transparent; }
.cta-card--dark p { color:rgba(255,255,255,0.75); }
.cta-card--dark .button-ghost { background:rgba(255,255,255,0.1); color:#fff; border-color:rgba(255,255,255,0.4); }
.cta-card__actions { display:flex; gap:1rem; flex-wrap:wrap; }

.page-hero { margin-top:var(--header-height); padding:clamp(3rem,5vw,4.5rem) 0; background:var(--gradient-card); text-align:center; }
.page-hero .badge { background:rgba(76,175,80,0.18); }

.page-insight .container { display:flex; flex-direction:column; gap:1.5rem; }
.page-insight__intro { text-align:center; }
.page-insight__kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1rem; }
.page-insight__pillars { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.insight-pillar { background:#fff; border-radius:var(--radius-lg); padding:1.5rem; border:1px solid rgba(27,47,31,0.08); box-shadow:var(--shadow-sm); }
.page-insight__action { text-align:center; }

.card--glass img { width:100%; border-radius:var(--radius-md); }
.process-flow { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.process-step { background:#fff; padding:1.2rem; border-radius:var(--radius-md); border:1px solid var(--border-color); }
.timeline { border-left:2px solid var(--border-color); padding-left:1.5rem; display:grid; gap:1rem; }
.timeline li { position:relative; }
.timeline li::before { content:''; position:absolute; left:-1.8rem; top:.35rem; width:12px; height:12px; border-radius:50%; background:var(--green-dark); }

.table-spec { width:100%; border-collapse:collapse; }
.table-spec th,.table-spec td { padding:.75rem; border-bottom:1px solid var(--border-color); text-align:left; }

.news-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.news-card { padding:1.2rem; border-radius:var(--radius-md); background:#fff; border:1px solid var(--border-color); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.5rem; }
.news-meta { font-size:.85rem; color:var(--text-muted); }

.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; }
.contact-card { background:#fff; padding:1.2rem; border-radius:var(--radius-md); border:1px solid var(--border-color); box-shadow:var(--shadow-sm); }

.tech-lab { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; }
.lab-card { background:#fff; border-radius:var(--radius-md); padding:1.5rem; box-shadow:var(--shadow-sm); }
.product-map { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem; }
.product-card { padding:1.5rem; border-radius:var(--radius-md); background:#fff; border:1px solid var(--border-color); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:.6rem; }
.compare-panel { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; }
.compare-card { padding:1.5rem; border-radius:var(--radius-md); background:#fff; border:1px dashed var(--border-color); }
.case-map { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
.case-card { padding:1.5rem; border-radius:var(--radius-md); background:#fff; border:1px solid rgba(141,110,99,0.2); }
.franchise-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; }
.franchise-step { padding:1.25rem; background:var(--gradient-card); border-radius:var(--radius-md); }

footer { margin-top:clamp(3rem,5vw,4rem); background:#0e271a; color:rgba(255,255,255,0.92); padding:3rem 0; }
footer h4 { color:#fff; }
footer p, footer li { color:rgba(255,255,255,0.92); }
footer a { color:rgba(255,255,255,0.9); }
footer a:hover { color:var(--sun-gold); }
footer ul { padding:0; }
.footer-bottom { text-align:center; margin-top:1.5rem; border-top:1px solid rgba(255,255,255,0.25); padding-top:1rem; font-size:.85rem; color:rgba(255,255,255,0.75); }

@media (max-width:768px) {
    .navbar { grid-template-columns:1fr; gap:.5rem; }
    .nav-menu { flex-wrap:wrap; justify-content:flex-start; }
    .nav-actions { width:100%; justify-content:flex-start; }
    .hero-enterprise__actions, .cta-card__actions { flex-direction:column; align-items:stretch; }
    .trust-panel__intro { flex-direction:column; align-items:flex-start; }
}