:root{
    --teal:#00D1B2; --teal-dark:#00A68C; --teal-deep:#0B7A70;
    --text:#333; --text-light:#666; --bg:#F9FAFB; --card:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;color:var(--text);line-height:1.7;background:#fff;}

/* 抵消 Bootstrap 3 默认排版间距，保持页内原有布局 */
.hero h1,.hero h2,.hero h3,.hero h4,.hero p,.hero ul,
.section h1,.section h2,.section h3,.section h4,.section p,.section ul{margin:0;}

.wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
.section{padding:72px 0;}
.section-alt{background:var(--bg);max-width:1920px;margin:0 auto;}
.section .sec-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:12px;}
.section .sec-sub{font-size:16px;color:var(--text-light);text-align:center;max-width:720px;margin:0 auto 48px;}
.tag{display:inline-block;background:rgba(0,209,178,.1);color:var(--teal-dark);font-size:13px;font-weight:600;padding:4px 14px;border-radius:20px;margin-bottom:16px;}

/* Hero */
.hero{background:linear-gradient(135deg,#e6faf6 0%,#eef9fb 100%);padding:96px 0 80px;text-align:center;max-width:1920px;margin:0 auto;}
.hero h1{font-size:42px;font-weight:800;margin-bottom:18px;
    background:linear-gradient(90deg,#00A68C,#0B7A70);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{font-size:18px;color:var(--text-light);max-width:820px;margin:0 auto 32px;}
.hy-btn{display:inline-block;padding:13px 40px;border-radius:28px;font-size:16px;font-weight:600;text-decoration:none;transition:.25s;cursor:pointer;}
.hy-btn-primary{background:linear-gradient(90deg,var(--teal),#2fd4c0);color:#fff;box-shadow:0 6px 18px rgba(0,209,178,.35);}
.hy-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,209,178,.45);}
.hy-btn-ghost{background:#fff;color:var(--teal-dark);border:1px solid var(--teal);}

/* 痛点 */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.m-card{background:var(--card);border-radius:14px;padding:30px 26px;box-shadow:0 4px 20px rgba(31,56,88,.06);transition:.25s;}
.m-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(31,56,88,.12);}
.m-card .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;background:rgba(0,209,178,.12);}
.m-card h3{font-size:18px;font-weight:700;margin-bottom:10px;}
.m-card p{font-size:14px;color:var(--text-light);}

/* 场景 */
.scene{background:var(--card);border-radius:16px;box-shadow:0 4px 20px rgba(31,56,88,.06);overflow:hidden;}
.scene-body{padding:32px 30px;}
.scene-body h3{font-size:20px;font-weight:700;margin-bottom:8px;}
.scene-body .desc{font-size:14px;color:var(--text-light);margin-bottom:18px;}
.scene-body ul{list-style:none;}
.scene-body li{font-size:14px;padding:6px 0 6px 26px;position:relative;color:#444;}
.scene-body li::before{content:"✔";position:absolute;left:0;color:var(--teal);font-weight:700;}

/* 架构表 */
.arch{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(31,56,88,.06);overflow:hidden;}
.arch table{width:100%;border-collapse:collapse;}
.arch th,.arch td{padding:16px 20px;text-align:left;font-size:14px;border-bottom:1px solid #eef1f6;}
.arch th{background:linear-gradient(90deg,rgba(0,209,178,.08),rgba(11,122,112,.08));color:#222;font-weight:700;}
.arch td:first-child{font-weight:600;color:var(--teal-dark);white-space:nowrap;}
.arch tr:hover td{background:#f3fcfa;}

/* 数据 */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.stat .num{font-size:40px;font-weight:800;color:var(--teal-dark);}
.stat .stat-label{display:block;font-size:14px;color:var(--text-light);margin-top:6px;}
.note{font-size:12px;color:#999;text-align:center;margin-top:20px;}

/* CTA */
.cta{background:linear-gradient(120deg,#0B7A70,#00A68C);border-radius:20px;padding:56px 40px;text-align:center;color:#fff;}
.cta h2{font-size:30px;font-weight:800;margin-bottom:12px;}
.cta p{opacity:.92;margin-bottom:28px;}
.cta .hy-btn{background:#fff;color:var(--teal-deep);}

@media(max-width:900px){
    .grid-3,.grid-2,.stats{grid-template-columns:1fr;}
    .hero h1{font-size:30px;}
}