.contact-page {
        padding-top: 28px;
        padding-bottom: 36px;
        background:
            radial-gradient(circle at top left, rgba(73, 146, 255, 0.10), transparent 30%),
            radial-gradient(circle at top right, rgba(11, 163, 96, 0.10), transparent 26%),
            linear-gradient(180deg, #f4f7fc 0%, #eef3fb 100%);
    }

    .contact-shell {
        padding-top: 8px;
    }

    .contact-section-title {
        font-size: 2rem;
        font-weight: 800;
        margin-bottom: 8px;
        color: #163050;
        letter-spacing: -0.02em;
    }

    .contact-section-desc {
        color: #5b6475;
        line-height: 1.9;
        margin-bottom: 24px;
    }

    .contact-hero,
    .contact-card,
    .contact-service-card,
    .contact-process-card,
    .contact-faq-card,
    .contact-cta-card {
        border-radius: 24px;
        border: 1px solid rgba(201, 216, 241, 0.92);
        box-shadow: 0 20px 48px rgba(30, 62, 123, 0.07);
    }

    .contact-hero {
        position: relative;
        overflow: hidden;
        background: linear-gradient(135deg, rgba(19, 52, 110, 0.96) 0%, rgba(28, 95, 205, 0.92) 52%, rgba(11, 163, 96, 0.80) 100%);
        padding: 42px 36px;
        margin-bottom: 24px;
        color: #fff;
    }

    .contact-hero::before {
        content: "";
        position: absolute;
        right: -80px;
        top: -80px;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.08);
    }

    .contact-hero::after {
        content: "";
        position: absolute;
        left: -30px;
        bottom: -80px;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.06);
    }

    .contact-hero-inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.82fr);
        gap: 26px;
        align-items: stretch;
    }

    .contact-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 14px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        font-weight: 700;
        margin-bottom: 18px;
        border: 1px solid rgba(255, 255, 255, 0.16);
    }

    .contact-hero h1 {
        font-size: 2.7rem;
        line-height: 1.18;
        margin: 0 0 16px;
        color: #fff;
        letter-spacing: -0.03em;
    }

    .contact-hero p {
        font-size: 1rem;
        line-height: 1.9;
        color: rgba(255, 255, 255, 0.90);
        margin: 0 0 22px;
        max-width: 720px;
    }

    .contact-hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 18px;
    }

    .contact-btn,
    .contact-btn-secondary,
    .contact-btn-light {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 154px;
        height: 46px;
        padding: 0 20px;
        border-radius: 999px;
        font-weight: 700;
        transition: all .2s ease;
    }

    .contact-btn {
        background: #fff;
        color: #1d5ed8;
        box-shadow: 0 12px 26px rgba(14, 26, 52, 0.18);
    }

    .contact-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 16px 30px rgba(14, 26, 52, 0.22);
    }

    .contact-btn-secondary {
        color: #fff;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.24);
    }

    .contact-btn-light {
        color: #163050;
        background: rgba(255, 255, 255, 0.88);
    }

    .contact-hero-points {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
    }

    .contact-hero-point {
        background: rgba(255, 255, 255, 0.10);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 18px;
        padding: 15px 16px;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .contact-hero-point strong {
        display: block;
        color: #fff;
        margin-bottom: 6px;
    }

    .contact-hero-point span {
        color: rgba(255, 255, 255, 0.84);
        line-height: 1.7;
        font-size: 0.94rem;
    }

    .contact-hero-side {
        display: flex;
    }

    .contact-hotline-card {
        width: 100%;
        padding: 22px 22px 20px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.16);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .contact-hotline-card h2 {
        margin: 0 0 10px;
        font-size: 1.22rem;
        color: #fff;
    }

    .contact-hotline-card p {
        margin: 0 0 18px;
        color: rgba(255, 255, 255, 0.84);
        font-size: 0.96rem;
        line-height: 1.8;
    }

    .contact-hotline-list {
        display: grid;
        gap: 12px;
        margin-bottom: 18px;
    }

    .contact-hotline-item {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 14px 14px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.10);
    }

    .contact-hotline-item i {
        width: 18px;
        margin-top: 4px;
        text-align: center;
        color: #fff;
    }

    .contact-hotline-item strong {
        display: block;
        margin-bottom: 4px;
        color: #fff;
    }

    .contact-hotline-item span {
        color: rgba(255, 255, 255, 0.86);
        word-break: break-all;
    }

    .contact-hotline-tip {
        margin: 0;
        padding: 12px 14px;
        border-radius: 14px;
        color: rgba(255, 255, 255, 0.86);
        background: rgba(255, 255, 255, 0.08);
        line-height: 1.8;
        font-size: 0.94rem;
    }

    .contact-grid {
        display: grid;
        grid-template-columns: 1.08fr 0.92fr;
        gap: 24px;
        margin-bottom: 24px;
    }

    .contact-card,
    .contact-cta-card {
        padding: 30px 28px;
        background: rgba(255, 255, 255, 0.92);
    }

    .contact-card h2,
    .contact-service-card h3,
    .contact-process-card h3,
    .contact-faq-card h3,
    .contact-cta-card h2 {
        font-size: 1.35rem;
        margin: 0 0 16px;
        color: #163050;
    }

    .contact-content {
        color: #4a5b75;
        line-height: 1.9;
    }

    .contact-content ul {
        padding-left: 20px;
    }

    .contact-content li {
        margin-bottom: 10px;
    }

    .contact-cta-card {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 249, 255, 0.98) 100%);
    }

    .contact-check-list {
        display: grid;
        gap: 12px;
        margin: 16px 0 22px;
    }

    .contact-check-item {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        color: #42536c;
        line-height: 1.8;
    }

    .contact-check-item i {
        margin-top: 5px;
        color: #0ba360;
    }

    .contact-cta-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .contact-service-grid,
    .contact-process-grid,
    .contact-faq-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .contact-service-card,
    .contact-process-card,
    .contact-faq-card {
        background: rgba(255, 255, 255, 0.94);
        padding: 24px 22px;
        height: 100%;
    }

    .contact-service-card p,
    .contact-process-card p,
    .contact-faq-card p {
        color: #4f607a;
        line-height: 1.85;
        margin: 0;
    }

    .contact-service-card .icon,
    .contact-process-card .step {
        width: 46px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        margin-bottom: 14px;
        background: linear-gradient(135deg, rgba(37, 109, 245, 0.14), rgba(11, 163, 96, 0.14));
        color: #1d63dd;
        font-size: 1.08rem;
        font-weight: 800;
    }

    .contact-bottom-space {
        margin-bottom: 24px;
    }

    @media only screen and (max-width: 992px) {
        .contact-hero-inner,
        .contact-grid,
        .contact-service-grid,
        .contact-process-grid,
        .contact-faq-grid,
        .contact-hero-points {
            grid-template-columns: 1fr;
        }

        .contact-hero {
            padding: 30px 22px;
        }

        .contact-card,
        .contact-service-card,
        .contact-process-card,
        .contact-faq-card,
        .contact-cta-card {
            padding: 22px 18px;
        }

        .contact-hero h1 {
            font-size: 2.18rem;
        }
    }

    @media only screen and (max-width: 768px) {
.contact-page {
            padding-top: 16px;
            padding-bottom: 28px;
        }

        .contact-shell {
            padding-top: 0;
        }

        .contact-hero {
            border-radius: 22px;
            padding: 24px 18px;
        }

        .contact-kicker {
            margin-bottom: 14px;
        }

        .contact-hero h1 {
            font-size: 1.92rem;
            line-height: 1.2;
            margin-bottom: 12px;
        }

        .contact-hero p,
        .contact-section-desc,
        .contact-content,
        .contact-service-card p,
        .contact-process-card p,
        .contact-faq-card p,
        .contact-hotline-tip,
        .contact-cta-card,
        .contact-hotline-card p {
            font-size: 0.96rem;
            line-height: 1.75;
        }

        .contact-btn,
        .contact-btn-secondary,
        .contact-btn-light {
            width: 100%;
        }

        .contact-hero-actions,
        .contact-cta-actions {
            gap: 10px;
        }

        .contact-hero-point,
        .contact-hotline-item {
            padding: 13px 14px;
        }

        .contact-section-title {
            font-size: 1.7rem;
        }
    }



/* Universal content modules. Header and footer are owned by the shared site layout. */
.eb-content-page{padding:clamp(28px,5vw,64px) 0 76px;background:radial-gradient(ellipse 65% 350px at 90% 0%,rgba(118,93,228,.10),transparent 75%),linear-gradient(180deg,#f6f8fc,#f8faff);color:#202943;min-height:58vh}
.eb-content-page .container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.eb-content-intro{max-width:850px;margin:0 auto 34px;text-align:center}
.eb-content-kicker{margin:0 0 12px;color:#6855d9;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eb-content-intro h1{margin:0;color:#17233e;font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.16;letter-spacing:-.04em}
.eb-content-intro>p:last-child{max-width:740px;margin:15px auto 0;color:#62708a;font-size:1rem;line-height:1.85}
.eb-content-card,.eb-markdown-card{border:1px solid #e1e6f0;border-radius:22px;background:#fff;box-shadow:0 18px 56px rgba(24,39,76,.07)}
.eb-content-card{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,48px)}
.eb-about-card h2{margin:10px 0;color:#1b2946;font-size:clamp(1.35rem,3vw,2rem);line-height:1.35}
.eb-about-card>p{color:#596881;line-height:1.9}
.eb-about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}
.eb-content-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid #6d5adc;border-radius:12px;background:linear-gradient(115deg,#7866e7,#5645c3);color:#fff;font-weight:750;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.eb-content-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(89,70,198,.22)}
.eb-content-button-secondary{background:#fff;color:#5645c3;border-color:#d5d0f2}
.eb-about-card .eb-about-note{margin:18px 0 0;color:#738099;font-size:.85rem}
.eb-markdown-card{padding:clamp(22px,4vw,46px)}
.eb-markdown-card .eb-content-intro{text-align:left;margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid #e8ecf3}
.eb-markdown-card .eb-content-intro>p:last-child{margin-left:0}
.eb-markdown-body{color:#35425d;font-size:1rem;line-height:1.9;overflow-wrap:anywhere}
.eb-markdown-body h1,.eb-markdown-body h2,.eb-markdown-body h3,.eb-markdown-body h4{color:#1b2946;line-height:1.35;letter-spacing:-.02em;scroll-margin-top:100px}
.eb-markdown-body h1{font-size:clamp(1.8rem,3.4vw,2.65rem)}.eb-markdown-body h2{font-size:clamp(1.4rem,2.6vw,2rem);margin-top:2.3em}.eb-markdown-body h3{font-size:1.25rem;margin-top:1.8em}
.eb-markdown-body a{color:#5948c9;text-decoration:underline;text-underline-offset:3px}.eb-markdown-body img{max-width:100%;height:auto;border-radius:12px}.eb-markdown-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.eb-markdown-body th,.eb-markdown-body td{border:1px solid #dce2ed;padding:9px 12px}.eb-markdown-body blockquote{margin:1.5em 0;padding:12px 18px;border-left:3px solid #7562de;background:#f4f2ff;color:#52607b}.eb-markdown-body pre{max-width:100%;overflow:auto;border-radius:12px}.eb-markdown-body code{overflow-wrap:anywhere}
.eb-archive-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:-13px auto 28px}.eb-archive-links a,.eb-filter-chip{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid #dce1ed;border-radius:999px;background:#fff;color:#54617a;text-decoration:none;font-size:.82rem}.eb-archive-links a:hover,.eb-filter-chip:hover,.eb-filter-chip[aria-pressed=true]{border-color:#9d91ea;color:#4f40b1;background:#f3f1ff}
.eb-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto}
.eb-post-card{min-width:0;display:flex;flex-direction:column;padding:21px;border:1px solid #e1e6f0;border-radius:17px;background:#fff;box-shadow:0 10px 32px rgba(27,43,83,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.eb-post-card:hover{transform:translateY(-3px);border-color:#c6c0ef;box-shadow:0 15px 38px rgba(43,45,98,.09)}
.eb-post-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#77839b;font-size:.72rem}.eb-post-category{padding:4px 8px;border-radius:99px;background:#f1efff;color:#6756c5}
.eb-post-card h2{margin:12px 0 9px;font-size:1.08rem;line-height:1.5;color:#1e2a45}.eb-post-card h2 a{color:inherit;text-decoration:none}.eb-post-card h2 a:hover{color:#5848be}
.eb-post-summary{margin:0 0 19px;color:#617089;font-size:.86rem;line-height:1.75;flex:1}
.eb-post-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding-top:13px}.eb-post-tags{display:flex;gap:5px;flex-wrap:wrap}.eb-post-tags a{font-size:.68rem;color:#737e96;text-decoration:none}.eb-post-read{flex:none;color:#5948bf;font-size:.77rem;font-weight:750;text-decoration:none}.eb-post-read span{margin-left:5px}
.eb-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px auto 0;color:#718099;font-size:.86rem}.eb-pagination a{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid #dce1ee;border-radius:10px;background:#fff;color:#5043b2;text-decoration:none}.eb-pagination .is-disabled{color:#a0a8b8}.eb-pagination-current{font-variant-numeric:tabular-nums}
.eb-library-tools{max-width:930px;margin:0 auto 22px}.eb-library-search{display:flex;align-items:center;gap:10px;max-width:600px;margin:0 auto 17px}.eb-library-search input{width:100%;min-height:48px;border:1px solid #dce2ee;border-radius:12px;background:#fff;padding:0 15px;color:#24304a;font:inherit;box-shadow:0 5px 18px rgba(32,47,84,.04)}.eb-library-search input:focus{outline:3px solid rgba(116,97,222,.18);border-color:#8374dc}.eb-library-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.eb-filter-chip{cursor:pointer;font:inherit}.eb-library-result{min-height:22px;margin:16px 0;color:#75819a;text-align:center;font-size:.8rem}.eb-library-empty{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #cdd4e1;border-radius:14px;color:#65728b}
.eb-taxonomy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eb-taxonomy-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 16px;border:1px solid #e1e6f0;border-radius:14px;background:#fff;color:#26334f;text-decoration:none}.eb-taxonomy-item:hover{border-color:#beb5ef;box-shadow:0 10px 28px rgba(47,43,112,.07)}.eb-taxonomy-item small{color:#7b879e;font-size:.75rem}
.eb-sitemap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.eb-sitemap-group{padding:22px;border:1px solid #e1e6f0;border-radius:16px;background:#fff}.eb-sitemap-group h2{margin:0 0 12px;font-size:1.2rem;color:#1d2a45}.eb-sitemap-group ul{margin:0;padding-left:20px;columns:2;column-gap:24px}.eb-sitemap-group li{break-inside:avoid;margin:0 0 8px;color:#6a7790}.eb-sitemap-group a{color:#5044b1;text-decoration:none;overflow-wrap:anywhere}.eb-sitemap-group a:hover{text-decoration:underline}
.eb-not-found{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 20px;background:radial-gradient(ellipse at top,#eae7ff,transparent 65%),#f7f8fc}.eb-not-found-inner{max-width:640px}.eb-not-found-code{color:#6958d5;font-size:.85rem;font-weight:800;letter-spacing:.22em}.eb-not-found h1{margin:12px 0;font-size:clamp(2.2rem,6vw,4rem);line-height:1.15;color:#18243d}.eb-not-found p{color:#63718a;line-height:1.8}.eb-not-found .eb-content-button{margin-top:12px}
@media(max-width:900px){.eb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eb-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.eb-content-page{padding:28px 0 48px}.eb-content-page .container{width:calc(100% - 30px)}.eb-post-grid{grid-template-columns:1fr;gap:11px}.eb-post-card{padding:18px}.eb-taxonomy-grid,.eb-sitemap-grid{grid-template-columns:1fr}.eb-sitemap-group ul{columns:1}.eb-pagination{gap:10px;font-size:.78rem}.eb-pagination a{padding:0 11px}.eb-library-filters{justify-content:flex-start}.eb-filter-chip{min-height:44px}.eb-content-intro{margin-bottom:25px}.eb-markdown-card{padding:21px 17px}.eb-about-actions .eb-content-button{flex:1}}
.eb-library-tools{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;max-width:none;align-items:center}.eb-library-search{max-width:none;width:100%;margin:0}.eb-library-category select{width:100%;min-height:48px;border:1px solid #dce2ee;border-radius:12px;background:#fff;padding:0 13px;color:#33405a;font:inherit;cursor:pointer}.eb-library-category select:focus-visible{outline:3px solid #ab9cf5;outline-offset:2px}.eb-category-directory{margin:12px 0 22px;border-bottom:1px solid #e4e7f0;padding-bottom:12px}.eb-category-directory summary{cursor:pointer;font-size:13px;color:#6d629e;min-height:34px;display:flex;align-items:center;gap:9px}.eb-category-directory summary:after{content:'⌄'}.eb-category-directory[open] .eb-archive-links{margin:14px 0 8px;justify-content:flex-start}.eb-library-result{margin:18px 0 6px;text-align:left}@media(max-width:600px){.eb-library-tools{grid-template-columns:minmax(0,1fr);gap:10px}.eb-library-category select,.eb-library-search input{font-size:16px}}
