*{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-06 theme content polish */
:root{--ui-ink:#1d2736;--ui-muted:#657489;--ui-line:#e6edf5;--ui-soft:#f7f9fc;--ui-accent:#1f6fb2;--ui-green:#16845f;--ui-gold:#b7791f}
body{color:var(--ui-ink);background:linear-gradient(180deg,#fff 0,#f8fafc 46%,#fff 100%)}
.topbar{background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(12px)}
.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--ui-accent),var(--ui-green));transform:scaleX(0);transform-origin:left;transition:.2s ease}
.nav nav a:hover:after{transform:scaleX(1)}
.page-title{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(31,111,178,.11),transparent 30%),linear-gradient(135deg,#f8fbff 0,#eef5fb 56%,#fbfcfd 100%);border-bottom:1px solid var(--ui-line)}
.page-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--ui-accent),var(--ui-green),var(--ui-gold))}
.page-title p{max-width:720px;color:var(--ui-muted);margin:12px 0 0}
.section h2{position:relative;padding-bottom:12px}
.section h2:after{content:"";display:block;width:48px;height:3px;border-radius:999px;margin-top:12px;background:linear-gradient(90deg,var(--ui-accent),var(--ui-green))}
.cards{align-items:stretch}
.card{display:flex;flex-direction:column;min-height:100%;padding:18px;border-color:var(--ui-line);box-shadow:0 10px 30px rgba(26,43,72,.055)}
.card:hover{border-color:#cfe0f2;box-shadow:0 18px 44px rgba(26,43,72,.11)}
.card img{aspect-ratio:16/10;height:auto;margin-bottom:4px;background:#edf2f7}
.card h3{color:#172033;line-height:1.45}
.card p{margin-top:auto;font-size:15px}
.list-item{position:relative;padding:22px 24px 22px 28px;border-color:var(--ui-line);box-shadow:0 8px 24px rgba(26,43,72,.045)}
.list-item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--ui-accent),var(--ui-green))}
.list-item h3{line-height:1.45}
.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.faq-list a{position:relative;min-height:150px;padding:24px 26px;border-color:var(--ui-line);border-radius:16px;box-shadow:0 10px 30px rgba(26,43,72,.05);overflow:hidden}
.faq-list a:before{content:"Q";position:absolute;right:18px;top:10px;font-size:54px;line-height:1;font-weight:800;color:rgba(31,111,178,.08)}
.faq-list a:hover{transform:translateY(-3px);border-color:#cfe0f2;box-shadow:0 18px 42px rgba(26,43,72,.1)}
.faq-list strong{display:block;padding-right:42px;color:#172033;font-size:18px;line-height:1.55}
.faq-list p{margin:10px 0 0;color:var(--ui-muted)}
.contact-box,.service-card,.process-item,.timeline-item{border-color:var(--ui-line);box-shadow:0 10px 28px rgba(26,43,72,.055)}
.detail-main,.side-card{border-color:var(--ui-line)}
.side-card{box-shadow:0 12px 34px rgba(26,43,72,.06)}
.article-body{color:#334155}
.feature-list span,.case-meta span,.client-tags span,.inline-tag{background:#eef6f3;color:#24614d;border:1px solid #d4ebe2}
@media(max-width:900px){.faq-list{grid-template-columns:1fr}}
@media(max-width:800px){.page-title{padding:44px 0}.page-title h1{font-size:30px}.card{padding:16px}.faq-list a{min-height:auto;padding:20px}}


/* 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}}

/* News detail previous/next navigation */
.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #e8eef6;padding:22px 34px 30px;background:#fff}.article-pager-item{min-width:0;border:1px solid #e8eef6;border-radius:14px;padding:16px;background:#f8fafc}.article-pager-item span{display:block;margin-bottom:7px;color:#7a8797;font-size:13px}.article-pager-item a{display:block;color:#243042;font-weight:700;line-height:1.6;overflow:hidden;text-overflow:ellipsis}.article-pager-item a:hover{color:#1f6fb2}.article-pager-item em{display:block;color:#94a3b8;font-style:normal;line-height:1.6}@media(max-width:900px){.article-pager{grid-template-columns:1fr;padding:18px 20px 24px}}

/* 2026-06 final visual refinement */
.container{max-width:1200px}
.topbar{border-bottom:1px solid rgba(226,232,240,.86);box-shadow:0 12px 34px rgba(15,23,42,.055)}
.logo{color:#162033;font-weight:800}
.nav nav a{font-weight:600;color:#334155}
.hero:before{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(8,16,28,.28));z-index:0}
.hero-box{filter:drop-shadow(0 16px 28px rgba(0,0,0,.12))}
.hero-kicker{font-weight:700;letter-spacing:0}
.hero h1{letter-spacing:0}
.hero-actions .btn,.more{font-weight:700}
.section{position:relative}
.muted{background:linear-gradient(180deg,#f8fafc,#f3f7fb)}
.card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}
.card:after{content:"";position:absolute;left:18px;right:18px;top:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(31,111,178,.18),transparent);opacity:0;transition:.2s}
.card:hover:after{opacity:1}
.card img{transition:transform .28s ease,filter .28s ease}
.card:hover img{transform:scale(1.025);filter:saturate(1.04)}
.card h3,.list-item h3{font-weight:800}
.btn,.more{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn:hover,.more:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(31,111,178,.25)}
.page-title h1{font-weight:800;letter-spacing:0}
.detail-main{box-shadow:0 18px 48px rgba(15,23,42,.075)}
.side-card{border-radius:18px}
.article-body a{color:#1f6fb2;border-bottom:1px solid rgba(31,111,178,.22)}
.article-body a:hover{border-bottom-color:#1f6fb2}
.footer{border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:800px){.nav nav{margin-top:8px}.nav nav a{font-size:14px}.section{padding:54px 0}.cards{gap:18px}.hero-box{padding-left:20px;padding-right:20px}}
