:root {
    --primary: #001d7b;
    --primary-container: #1733a0;
    --secondary: #ba0622;
    --secondary-container: #de2c37;
    --surface: #f9f9f9;
    --surface-low: #f3f3f3;
    --surface-mid: #eeeeee;
    --surface-high: #e8e8e8;
    --white: #ffffff;
    --text: #1b1b1b;
    --muted: #444653;
    --outline: #c5c5d5;
    --gold: #ffd700;
    --container: 1200px;
    --radius: 8px;
    --serif: "Source Serif 4", "Songti SC", "SimSun", serif;
    --sans: "Work Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--surface);
    color: var(--text);
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.55;
    padding-bottom: 72px;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3 { font-family: var(--serif); line-height: 1.15; letter-spacing: 0; }
.container-200759 { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }

.topbar-df4769 {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(249, 249, 249, .96);
    border-bottom: 1px solid var(--outline);
    backdrop-filter: blur(16px);
}
.topbar-inner-53d5c3 {
    width: min(var(--container), calc(100% - 48px));
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.brand-183aa6, .footer-brand-2d82b6 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--primary);
    font-weight: 700;
    font-size: 22px;
}
.brand-icon-7b0684 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-fixed, #dee1ff);
    color: var(--primary);
}
.nav-links-f3e928 { display: flex; align-items: center; gap: 28px; color: var(--muted); font-weight: 600; }
.nav-links-f3e928 a:hover { color: var(--primary); }
.nav-cta-0638f4, .btn-1e8970 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: var(--radius);
    font-weight: 700;
    border: 1px solid transparent;
}
.nav-cta-0638f4 { background: var(--primary-container); color: #fff; }

.hero-7dfc25 {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    color: #fff;
}
.hero-image-05a188, .hero-overlay-ddbc38 { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-image-05a188 { object-fit: cover; }
.hero-overlay-ddbc38 { background: linear-gradient(180deg, rgba(0, 0, 0, .68), rgba(0, 29, 123, .74)); }
.hero-content-a99961 { position: relative; z-index: 1; width: min(820px, calc(100% - 40px)); }
.eyebrow-02bfa8 {
    margin: 0 0 12px;
    color: var(--secondary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hero-7dfc25 .eyebrow-02bfa8 { color: #ffdad7; }
.hero-7dfc25 h1 { margin: 0; font-size: 48px; }
.hero-7dfc25 p { margin: 20px auto 0; max-width: 700px; color: rgba(255, 255, 255, .9); font-size: 18px; }
.hero-actions-d1f2c2 { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 34px; }
.btn-red-aa5538 { background: var(--secondary); color: #fff; }
.btn-outline-light-5372e0 { color: #fff; border-color: rgba(255, 255, 255, .65); }

.ticker-ceab49 { background: var(--surface-mid); border-bottom: 1px solid var(--outline); }
.ticker-inner-e82cb1 { min-height: 48px; display: flex; align-items: center; gap: 24px; overflow: hidden; }
.ticker-inner-e82cb1 strong { color: var(--primary); white-space: nowrap; }
.ticker-window-22ba11 { overflow: hidden; white-space: nowrap; flex: 1; }
.ticker-track-4dff35 { display: inline-flex; gap: 64px; animation: ticker 24s linear infinite; color: var(--muted); }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.section-c3f41f { padding: 80px 0; }
.section-muted-e89a30 { background: var(--surface-low); }
.section-blue-3bd6b7 { background: var(--primary); color: #fff; }
.section-heading-2e3745 { margin-bottom: 42px; }
.section-heading-2e3745.centered-f59e86 { max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; }
.section-heading-2e3745.split-57395e { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.section-heading-2e3745 h2, .page-title-28f1ec h1 { margin: 0; color: var(--primary); font-size: 40px; }
.section-heading-2e3745 p, .page-title-28f1ec p { color: var(--muted); margin: 12px 0 0; }
.section-heading-2e3745.invert-8481e0 h2, .section-heading-2e3745.invert-8481e0 p { color: #fff; }

.service-grid-7a6899, .advantage-grid-ada419, .news-grid-a3e02f { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.service-card-a0f459, .news-card-e47f06, .case-card-65961b, .comment-card-3cff84, .faq-list-fb926b details {
    background: #fff;
    border: 1px solid var(--outline);
    border-radius: var(--radius);
}
.service-card-a0f459 { padding: 28px; min-height: 230px; }
.service-card-wide-7e4262 { grid-column: span 2; }
.service-card-a0f459 img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    background: var(--surface-low);
    border: 1px solid var(--outline);
    border-radius: var(--radius);
    margin-bottom: 18px;
    object-fit: cover;
}
.service-card-a0f459 h3, .advantage-item-3df575 h3, .case-card-65961b h3, .news-card-e47f06 h3 { margin: 0; color: var(--text); font-size: 24px; }
.service-card-a0f459 p, .case-card-65961b p, .news-card-e47f06 p { color: var(--muted); margin: 12px 0 0; }

.advantage-grid-ada419 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.advantage-item-3df575 { text-align: center; padding: 10px 20px; }
.advantage-item-3df575 i { color: #ffdad7; font-size: 40px; margin-bottom: 16px; }
.advantage-item-3df575 h3 { color: #fff; }
.advantage-item-3df575 p { color: rgba(255, 255, 255, .86); }

.about-layout-527ec8 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.about-layout-527ec8 h2 { margin: 0; color: var(--primary); font-size: 40px; }
.about-layout-527ec8 p { color: var(--muted); }
.about-layout-527ec8 img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius); border: 1px solid var(--outline); }
.about-stats-da7972 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 26px; }
.about-stats-da7972 div { background: var(--surface-low); border: 1px solid var(--outline); border-radius: var(--radius); padding: 18px; }
.about-stats-da7972 strong { display: block; color: var(--primary); font-size: 28px; line-height: 1; }
.about-stats-da7972 span { display: block; margin-top: 8px; color: var(--muted); font-size: 13px; font-weight: 700; }

.process-grid-d17698 { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.process-grid-d17698 article { text-align: center; padding: 20px; }
.process-grid-d17698 strong {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff;
    font-size: 24px;
    margin-bottom: 14px;
}
.process-grid-d17698 h3 { margin: 0; color: var(--text); font-size: 22px; }
.process-grid-d17698 p { color: var(--muted); }

.case-grid-74214f { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.case-card-65961b { padding: 24px; }
.case-featured-54d299 { grid-row: span 2; background: var(--primary); color: #fff; }
.case-card-65961b span { display: inline-flex; margin-bottom: 12px; padding: 4px 10px; border-radius: 999px; background: #dee1ff; color: var(--primary); font-size: 12px; font-weight: 800; }
.case-featured-54d299 span { background: #ffdad7; color: #410005; }
.case-featured-54d299 h3, .case-featured-54d299 p { color: #fff; }

.text-link-93e5d9 { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 800; }
.news-card-e47f06 { overflow: hidden; }
.news-card-e47f06 img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: var(--surface-high); }
.news-card-e47f06 div { padding: 20px; }
.news-card-e47f06 time { display: block; color: var(--secondary); font-size: 12px; font-weight: 800; margin-bottom: 10px; }

.comment-row-ea4513 { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 10px; }
.comment-card-3cff84 { min-width: 300px; padding: 24px; }
.stars-d820cd { color: var(--gold); display: flex; gap: 3px; margin-bottom: 12px; }
.comment-card-3cff84 p { color: var(--muted); font-style: italic; }
.comment-author-214f40 { display: flex; align-items: center; gap: 10px; margin-top: 20px; color: var(--text); }
.comment-author-214f40 img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }

.faq-wrap-c10e51 { max-width: 860px; }
.faq-list-fb926b { display: grid; gap: 12px; }
.faq-list-fb926b details { padding: 0; overflow: hidden; }
.faq-list-fb926b summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 20px 22px; color: var(--text); font-family: var(--serif); font-size: 20px; font-weight: 700; }
.faq-list-fb926b summary::-webkit-details-marker { display: none; }
.faq-list-fb926b summary i { color: var(--primary); transition: transform .2s ease; }
.faq-list-fb926b details[open] summary i { transform: rotate(180deg); }
.faq-list-fb926b details p { margin: 0; padding: 0 22px 20px; color: var(--muted); }

.site-footer-13d7bb { background: #303030; color: rgba(255, 255, 255, .78); padding: 58px 0 22px; }
.footer-grid-49ef04 { display: grid; grid-template-columns: 1.2fr .6fr .8fr; gap: 48px; padding-bottom: 40px; }
.footer-brand-2d82b6 { color: #fff; }
.footer-grid-49ef04 h3 { color: #fff; margin: 0 0 12px; font-family: var(--sans); font-size: 16px; }
.footer-grid-49ef04 a { display: block; margin-top: 8px; }
.footer-grid-49ef04 p { margin: 10px 0 0; max-width: 430px; }
.footer-bottom-9f06f4 { border-top: 1px solid rgba(255, 255, 255, .16); padding-top: 18px; display: flex; justify-content: space-between; gap: 16px; font-size: 13px; }
.footer-bottom-9f06f4 a { margin-left: 16px; }

.bottom-nav-e50ffb {
    position: fixed;
    inset: auto 0 0;
    z-index: 60;
    height: 64px;
    display: flex;
    background: rgba(249, 249, 249, .96);
    border-top: 1px solid var(--outline);
}
.bottom-nav-e50ffb a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--muted); font-size: 12px; font-weight: 700; }
.bottom-nav-e50ffb a.active { color: var(--primary); background: rgba(23, 51, 160, .08); }

.page-main-db78c1 { padding-top: 0; }
.page-title-28f1ec { max-width: 760px; margin-bottom: 42px; }
.pagination-wrap-bfb61c { margin-top: 32px; }
.pagination-wrap-bfb61c ul { display: flex; gap: 8px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.pagination-wrap-bfb61c a, .pagination-wrap-bfb61c span { min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--outline); border-radius: var(--radius); padding: 0 10px; }
.article-layout-c85a7e { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; padding: 80px 0; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; }
.article-main-cb59ad, .article-side-ba50bb { background: #fff; border: 1px solid var(--outline); border-radius: var(--radius); padding: 32px; }
.article-main-cb59ad h1 { margin: 0; color: var(--primary); font-size: 42px; }
.article-main-cb59ad time { display: block; margin: 14px 0 26px; color: var(--muted); }
.article-content-bdb361 { line-height: 1.9; }
.article-content-bdb361 img { max-width: 100%; height: auto; border-radius: var(--radius); }
.article-side-ba50bb { position: sticky; top: 100px; display: grid; gap: 14px; }
.article-side-ba50bb h2 { margin: 0 0 8px; color: var(--primary); font-size: 24px; }
.article-side-ba50bb a { display: block; padding-bottom: 14px; border-bottom: 1px solid var(--outline); }
.article-side-ba50bb strong { display: block; line-height: 1.45; }
.article-side-ba50bb span { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; }

@media (min-width: 768px) {
    body { padding-bottom: 0; }
    .bottom-nav-e50ffb { display: none; }
}

@media (max-width: 900px) {
    .nav-links-f3e928, .nav-cta-0638f4 { display: none; }
    .topbar-inner-53d5c3, .container-200759 { width: calc(100% - 32px); }
    .hero-7dfc25 { min-height: 520px; }
    .hero-7dfc25 h1 { font-size: 34px; }
    .section-c3f41f { padding: 64px 0; }
    .section-heading-2e3745.split-57395e { display: block; }
    .service-grid-7a6899, .advantage-grid-ada419, .news-grid-a3e02f, .about-layout-527ec8, .process-grid-d17698, .case-grid-74214f, .footer-grid-49ef04, .article-layout-c85a7e { grid-template-columns: 1fr; }
    .service-card-wide-7e4262, .case-featured-54d299 { grid-column: auto; grid-row: auto; }
    .about-stats-da7972 { grid-template-columns: 1fr; }
    .section-heading-2e3745 h2, .about-layout-527ec8 h2, .page-title-28f1ec h1, .article-main-cb59ad h1 { font-size: 32px; }
    .footer-bottom-9f06f4 { flex-direction: column; }
    .footer-bottom-9f06f4 a { margin-left: 0; margin-right: 16px; }
    .article-side-ba50bb { position: static; }
}
