*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:#243042;line-height:1.8;background:#fff}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:0 auto;padding:0 20px}.topbar{background:#fff;border-bottom:1px solid #edf0f5;position:sticky;top:0;z-index:2}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:700}.nav nav a{margin-left:22px;font-size:15px}.hero{min-height:430px;background-size:cover;background-position:center;display:flex;align-items:center}.hero-box{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}.hero h1{font-size:44px;margin:0 0 12px}.hero p{font-size:21px}.btn,.more{display:inline-block;margin-top:18px;padding:11px 24px;border-radius:6px;background:#1f6fb2;color:#fff}.section{padding:68px 0}.muted{background:#f6f8fb}h2{font-size:28px;margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:22px;box-shadow:0 8px 24px rgba(25,42,70,.06)}.card img{width:100%;height:170px;object-fit:cover;border-radius:10px}.card h3{font-size:20px;margin:14px 0 8px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.split img,.article img{width:100%;border-radius:14px}.list{display:grid;gap:16px}.list-item{display:block;background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:20px}.list-item span{color:#7a8797;font-size:14px}.list-item h3{margin:6px 0}.page-title{padding:66px 0;background:#f1f5fa}.page-title h1{font-size:36px;margin:0}.article{max-width:860px}.article p{font-size:17px}.faq-list{display:grid;gap:16px}.faq-list a{display:block;background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:20px}.contact-box{background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:30px}.footer{background:#1f2933;color:#d6dde6;padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.links{border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.links a{margin-left:14px;color:#d6dde6}.copy{font-size:14px;color:#aeb8c6;margin-top:18px}.small{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.nav{height:auto;display:block;padding:16px 20px}.nav nav a{display:inline-block;margin:8px 12px 0 0}.hero h1{font-size:30px}.cards,.split,.footer-grid,.small{grid-template-columns:1fr}.section{padding:45px 0}}
/* V9 polish: 首页首屏文案间距优化 */
.hero-box {
    max-width: 760px;
    padding: 34px 0;
}

.hero h1 {
    line-height: 1.28;
    letter-spacing: .5px;
    margin-bottom: 22px;
}

.hero p {
    line-height: 1.9;
    max-width: 720px;
    margin: 0 0 8px;
}

.page-title h1 {
    line-height: 1.35;
}

.page-title p {
    line-height: 1.9;
}

.card p,
.list-item p,
.faq-list p {
    line-height: 1.85;
}

@media(max-width:800px){
    .hero-box {
        padding: 44px 0;
    }
    .hero p {
        font-size: 17px;
        line-height: 1.85;
    }
}


/* V10 real company polish */
.process {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.process-item {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    padding: 22px 18px;
    box-shadow: 0 8px 22px rgba(25,42,70,.05);
}

.process-item span {
    display: block;
    font-size: 26px;
    font-weight: 700;
    opacity: .25;
    line-height: 1;
    margin-bottom: 12px;
}

.process-item strong {
    display: block;
    font-size: 17px;
}

.timeline {
    position: relative;
    display: grid;
    gap: 18px;
}

.timeline-item {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 20px;
    align-items: start;
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    padding: 22px;
}

.timeline-item span {
    font-size: 24px;
    font-weight: 700;
}

.timeline-item h3 {
    margin: 0 0 6px;
    font-size: 19px;
}

.timeline-item p {
    margin: 0;
    color: #5d6a7c;
}

.client-tags {
    margin-top: 20px;
}

.client-tags span,
.inline-tag {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 7px 13px;
    border-radius: 999px;
    background: #f1f5fa;
    color: #405064;
    font-size: 14px;
}

.service-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 8px 24px rgba(25,42,70,.06);
}

.service-card h3 {
    margin: 0 0 8px;
}

@media(max-width:800px){
    .process {
        grid-template-columns: 1fr;
    }
    .timeline-item {
        grid-template-columns: 1fr;
    }
}


/* Final frontend polish */
body{
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
.topbar{
    box-shadow:0 8px 26px rgba(28,43,68,.04);
}
.nav{
    min-height:76px;
}
.logo{
    letter-spacing:.3px;
}
.nav nav a{
    position:relative;
    padding:8px 0;
    color:#3a4658;
}
.nav nav a:hover{
    color:#1f6fb2;
}
.hero{
    position:relative;
    min-height:560px;
    overflow:hidden;
    align-items:center;
}
.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(12,24,42,.74),rgba(12,24,42,.36),rgba(12,24,42,.08));
    z-index:0;
}
.hero-box{
    position:relative;
    z-index:1;
    max-width:820px;
    padding:96px 20px 108px;
}
.hero-kicker{
    display:inline-flex;
    align-items:center;
    padding:7px 13px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    color:#dbeafe;
    font-size:13px;
    letter-spacing:.8px;
    margin-bottom:22px;
}
.hero h1{
    font-size:52px;
    line-height:1.22;
    letter-spacing:.5px;
    margin:0 0 24px;
    color:#fff;
    max-width:780px;
}
.hero p{
    font-size:21px;
    line-height:1.95;
    color:#eef4ff;
    max-width:680px;
    margin:0;
}
.hero-actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:34px;
    flex-wrap:wrap;
}
.btn{
    border-radius:999px;
    padding:13px 28px;
    box-shadow:0 12px 28px rgba(31,111,178,.22);
}
.btn-light{
    background:rgba(255,255,255,.14);
    color:#fff;
    border:1px solid rgba(255,255,255,.30);
    box-shadow:none;
}
.btn-light:hover{
    background:rgba(255,255,255,.22);
}
.section{
    padding:82px 0;
}
.section h2{
    letter-spacing:.3px;
}
.cards{
    gap:26px;
}
.card{
    border-radius:16px;
    transition:.22s ease;
}
.card:hover{
    transform:translateY(-4px);
}
.card img{
    height:190px;
    border-radius:14px;
}
.list-item{
    transition:.22s ease;
}
.list-item:hover{
    transform:translateY(-2px);
}
.footer{
    padding-top:54px;
}
@media(max-width:800px){
    .hero{
        min-height:480px;
    }
    .hero-box{
        padding:70px 20px 78px;
    }
    .hero h1{
        font-size:34px;
        line-height:1.28;
    }
    .hero p{
        font-size:17px;
        line-height:1.9;
    }
    .hero-actions{
        margin-top:26px;
    }
    .btn{
        padding:11px 22px;
    }
}

/* Commercial frontend polish v2 */
body{letter-spacing:.1px}
.hero h1{font-weight:800}
.hero-kicker{text-transform:uppercase}
.section h2{font-weight:800}
.card,.list-item{border:1px solid #e8eef6}
.card p,.list-item p{color:#5f6f85;line-height:1.8}
.footer{background:linear-gradient(180deg,#101827,#0b1220)}


/* 2026-05 detail page polish: normal article/product/case/faq inner-page elements */
.detail-hero{background:linear-gradient(135deg,#eef4fb,#f8fafc);border-bottom:1px solid #e7edf5}.detail-hero .container{max-width:980px}.detail-kicker{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#fff;color:#1f6fb2;border:1px solid #d9e7f7;font-size:13px;font-weight:700;margin-bottom:14px}.detail-hero h1{max-width:920px;line-height:1.35}.detail-hero p{max-width:760px;color:#627086;margin-top:12px}.detail-section{background:#f8fafc}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.detail-main{background:#fff;border:1px solid #e8eef6;border-radius:18px;box-shadow:0 10px 32px rgba(25,42,70,.06);overflow:hidden}.article-cover img,.product-intro img,.case-summary img{width:100%;height:360px;object-fit:cover;border-radius:0}.article-body{padding:30px 34px;color:#2d394b}.article-body p{font-size:17px;line-height:2;margin:0 0 18px;color:#3f4c5f}.article-body h2,.article-body h3{margin:30px 0 14px;line-height:1.45;color:#172033}.article-body h2{font-size:25px;padding-left:14px;border-left:4px solid #1f6fb2}.article-body ul,.article-body ol{padding-left:24px;margin:14px 0 20px}.article-body li{margin:8px 0;line-height:1.9}.article-body blockquote{margin:22px 0;padding:18px 22px;border-left:4px solid #1f6fb2;background:#f3f7fc;border-radius:0 12px 12px 0;color:#455366}.article-body img{max-width:100%;height:auto;border-radius:14px;margin:18px 0}.detail-side{display:grid;gap:18px;position:sticky;top:96px}.side-card{background:#fff;border:1px solid #e8eef6;border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(25,42,70,.05)}.side-card h3{margin:0 0 14px;font-size:18px}.side-link{display:block;padding:13px 0;border-top:1px solid #edf0f5}.side-link:first-of-type{border-top:0}.side-link span{display:block;font-size:13px;color:#7a8797;margin-bottom:4px}.side-link strong{display:block;font-size:15px;line-height:1.55;color:#243042}.side-link:hover strong{color:#1f6fb2}.contact-mini p{margin:8px 0;color:#627086}.product-intro,.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-bottom:1px solid #e8eef6}.product-intro>div:last-child,.case-summary>div:last-child{padding:34px;display:flex;flex-direction:column;justify-content:center}.product-intro h2,.case-summary h2{margin:0 0 14px;font-size:25px}.feature-list,.case-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.feature-list span,.case-meta span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f1f5fa;color:#405064;font-size:13px}.side-steps{margin:0;padding-left:20px;color:#405064;line-height:2}.faq-answer-card{padding:4px 0}.faq-answer-card h2{padding:28px 34px 0;margin:0;font-size:24px}.faq-answer-card .article-body{padding-top:18px}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-side{position:static}.product-intro,.case-summary{grid-template-columns:1fr}.article-cover img,.product-intro img,.case-summary img{height:260px}.article-body{padding:24px 20px}.detail-hero h1{font-size:30px}}