:root {
    --dg-navy: #163e83;
    --dg-navy-2: #224390;
    --dg-text: #4a5a7a;
    --dg-orange: #fd8524;
    --dg-peach: #fedcc1;
    --dg-border-blue: #156dce;
    --dg-soft: #f8f9fe;
    --dg-soft-2: #ebf1fd;
    --dg-sky: #addaf7;
    --dg-card-blue: #d5e6f6;
    --dg-card-blue-2: #d1e5fd;
    --dg-tbl-header: #3784d6;
    --dg-tbl-header-2: #29418b;
}

/* ---------- Hero（浅底，文/图左右） ---------- */
.dg-hero {
    padding: 58px 0 64px;
    background: var(--dg-soft);
}

.dg-hero.on-white {
    background: #fff;
}

.dg-hero h1 {
    font-size: 33px;
    font-weight: 700;
    color: var(--dg-navy);
    line-height: 1.35;
    margin-bottom: 18px;
}

.dg-hero p {
    color: var(--dg-text);
    font-size: 15.5px;
    line-height: 1.9;
    margin-bottom: 14px;
}

.dg-hero .dg-hero-art img {
    width: 100%;
    max-width: 460px;
}

.dg-btn-orange {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 34px;
    border-radius: 50px;
    border: none;
    background: linear-gradient(135deg, #ffa03a, #fd7c1c);
    transition: .3s;
    text-decoration: none;
}

.dg-btn-orange:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(253, 133, 36, .35);
}

/* ---------- 渐变蓝大板块 ---------- */
.dg-band {
    padding: 62px 0;
}

.dg-band.a {
    background: linear-gradient(105deg, #b0cfee 0%, #3784d6 100%);
}

.dg-band.b {
    background: linear-gradient(105deg, #106ccf 0%, #7aade4 100%);
}

.dg-band.sky {
    background: var(--dg-sky);
}

/* 白卡（渐变带上的图文卡） */
.dg-white-card {
    background: #fff;
    border-radius: 14px;
    padding: 34px 32px;
    height: 100%;
    box-shadow: 0 14px 34px rgba(16, 60, 130, .18);
}

.dg-white-card h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 16px;
}

.dg-white-card p {
    color: var(--dg-text);
    font-size: 14.5px;
    line-height: 1.85;
    margin-bottom: 12px;
}

.dg-white-card p:last-child {
    margin-bottom: 0;
}

/* 板块标题（浅底/天蓝底通用） */
.dg-head {
    text-align: center;
    margin: 0 auto 40px;
}

.dg-head h2 {
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 14px;
}

.dg-head p {
    color: var(--dg-text);
    font-size: 15px;
    line-height: 1.85;
    margin: 0;
}

.dg-band .dg-head h2,
.dg-band-a-text h2 {
    color: var(--dg-navy);
}

.dg-band.on-sky .dg-head p,
.dg-band.sky .dg-head p {
    color: #274a77;
}

.dg-band.b .dg-head h2,
.dg-band.a .dg-head.wt h2 {
    color: #fff;
}

.dg-band.b .dg-head p {
    color: rgba(255, 255, 255, .92);
}

/* ---------- 对比小表（白卡内 / 浅底板块内） ---------- */
.dg-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13.5px;
}

.dg-table th {
    background: var(--dg-tbl-header);
    color: #fff;
    padding: 11px 16px;
    font-weight: 600;
    text-align: left;
}

.dg-table th.navy {
    background: var(--dg-tbl-header-2);
}

.dg-table td {
    padding: 10px 16px;
    border-bottom: 1px solid #e4ebf5;
    color: var(--dg-text);
    background: #fff;
}

.dg-table tr:nth-child(even) td {
    background: #f4f8fd;
}

.dg-table td:first-child {
    font-weight: 600;
    color: var(--dg-navy);
}

/* ---------- Logo 类型卡（白卡+蓝底边） ---------- */
.dg-logo-card {
    background: #fff;
    border-radius: 12px;
    border-bottom: 4px solid var(--dg-border-blue);
    padding: 22px 18px 20px;
    height: 100%;
    text-align: center;
    transition: .3s;
    box-shadow: 0 6px 18px rgba(22, 62, 131, .06);
}

.dg-logo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(22, 62, 131, .13);
}

.dg-logo-card .dg-logo-img {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.dg-logo-card .dg-logo-img img {
    max-height: 110px;
    max-width: 80%;
}

.dg-logo-card h5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 10px;
}

.dg-logo-card p {
    font-size: 12.5px;
    color: var(--dg-text);
    line-height: 1.7;
    margin: 0;
}

/* ---------- Apparel 行表（渐变带B内白表） ---------- */
.dg-apparel {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(10, 50, 110, .22);
}

.dg-apparel .dg-ap-row {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #e4ebf5;
}

.dg-apparel .dg-ap-row:last-child {
    border-bottom: none;
}

.dg-apparel .dg-ap-label {
    flex: 0 0 190px;
    display: flex;
    align-items: center;
    padding: 16px 20px;
    font-weight: 700;
    color: var(--dg-navy);
    font-size: 15px;
    border-right: 1px solid #e4ebf5;
}

.dg-apparel .dg-ap-img {
    flex: 0 0 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
}

.dg-apparel .dg-ap-img img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 8px;
}

.dg-apparel .dg-ap-desc {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 16px 22px;
    font-size: 13.5px;
    color: var(--dg-text);
    line-height: 1.75;
}

/* ---------- 文件格式卡 ---------- */
.dg-file-card {
    border-radius: 10px;
    text-align: center;
    padding: 22px 12px 18px;
    height: 100%;
    transition: .3s;
    background: var(--dg-card-blue);
}

.dg-band.sky .dg-file-card,
.dg-file-card.on-sky {
    background: #fff;
}

.dg-file-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(22, 62, 131, .16);
}

.dg-file-card .dg-file-ic {
    width: 44px;
    height: 54px;
    margin: 0 auto 10px;
    position: relative;
    background: #fff;
    border: 1.5px solid var(--dg-navy);
    border-radius: 6px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 7px;
}

.dg-file-card .dg-file-ic::before {
    content: "";
    position: absolute;
    top: -1.5px;
    right: -1.5px;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent var(--dg-navy) transparent transparent;
    border-radius: 0 6px 0 0;
}

.dg-file-card .dg-file-ic span {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--dg-navy);
    letter-spacing: .5px;
}

.dg-file-card h6 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 7px;
}

.dg-file-card p {
    font-size: 11.5px;
    color: var(--dg-text);
    margin: 0;
    line-height: 1.6;
}

/* ---------- 流程步骤卡（编号圆） ---------- */
.dg-step-card {
    border-radius: 10px;
    padding: 20px 15px;
    height: 100%;
    transition: .3s;
    background: var(--dg-card-blue);
}

.dg-band.sky .dg-step-card {
    background: var(--dg-card-blue-2);
}

.dg-step-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(22, 62, 131, .18);
}

.dg-step-card .dg-step-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: var(--dg-navy);
    color: #fff;
    font-weight: 700;
    font-size: 12.5px;
    margin-bottom: 10px;
}

.dg-step-card h6 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 8px;
}

.dg-step-card p {
    font-size: 11.8px;
    color: var(--dg-text);
    line-height: 1.68;
    margin: 0;
}

/* ---------- 左标题 + 右卡阵（Machine 流程/优势） ---------- */
.dg-split-head h2 {
    font-size: 25px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 16px;
}

.dg-split-head p {
    color: #274a77;
    font-size: 14px;
    line-height: 1.85;
    margin: 0;
}

/* ---------- Why Choose 小卡（蜜桃卡头） ---------- */
.dg-wc-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    transition: .3s;
    box-shadow: 0 6px 18px rgba(16, 60, 130, .10);
}

.dg-wc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(16, 60, 130, .2);
}

.dg-wc-card .dg-wc-head {
    background: var(--dg-peach);
    padding: 12px 10px;
    text-align: center;
}

.dg-wc-card .dg-wc-head h6 {
    font-size: 13px;
    font-weight: 700;
    color: var(--dg-navy);
    margin: 0;
}

.dg-wc-card .dg-wc-body {
    padding: 14px 13px 16px;
}

.dg-wc-card .dg-wc-body p {
    font-size: 11.8px;
    color: var(--dg-text);
    line-height: 1.65;
    margin: 0;
}

/* ---------- 行业图卡（渐变带上白卡） ---------- */
.dg-ind-card {
    background: #fff;
    overflow: hidden;
    height: 100%;
    transition: .3s;
}

.dg-ind-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(16, 60, 130, .22);
}

.dg-ind-card img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.dg-ind-card h6 {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--dg-navy);
    text-align: center;
    padding: 12px 8px 14px;
    margin: 0;
}

/* ---------- 照片类型卡（Machine Types of Designs） ---------- */
.dg-photo-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: .3s;
    box-shadow: 0 6px 18px rgba(22, 62, 131, .07);
}

.dg-photo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(22, 62, 131, .15);
}

.dg-photo-card .dg-photo {
    aspect-ratio: 4 / 3;
    background: #eaf3fc;
}

.dg-photo-card .dg-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dg-photo-card .dg-photo-body {
    padding: 15px 16px 17px;
}

.dg-photo-card h5 {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 8px;
}

.dg-photo-card p {
    font-size: 12.3px;
    color: var(--dg-text);
    line-height: 1.65;
    margin: 0;
}

/* ---------- 行业表（浅底板块内） ---------- */
.dg-indtable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.dg-indtable td {
    padding: 13px 20px;
    border-bottom: 1px solid #dbe6f3;
    font-size: 13.8px;
    color: var(--dg-text);
    line-height: 1.7;
    background: #fff;
}

.dg-indtable tr:last-child td {
    border-bottom: none;
}

.dg-indtable td.dg-ind-name {
    background: var(--dg-card-blue-2);
    color: var(--dg-navy);
    font-weight: 700;
    width: 250px;
}

/* ---------- CTA 深蓝通栏 ---------- */
.dg-cta {
    background: var(--dg-navy-2);
    color: #fff;
    padding: 54px 0;
    text-align: center;
}

.dg-cta h2 {
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 14px;
}

.dg-cta p {
    color: rgba(255, 255, 255, .88);
    max-width: 780px;
    margin: 0 auto 26px;
    font-size: 14.5px;
    line-height: 1.85;
}

.dg-cta .dg-btn-w {
    display: inline-block;
    background: #fff;
    color: var(--dg-navy-2);
    font-weight: 600;
    font-size: 14.5px;
    padding: 11px 30px;
    border-radius: 50px;
    margin: 0 8px 8px;
    transition: .3s;
    text-decoration: none;
    border: 2px solid #fff;
}

.dg-cta .dg-btn-w:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    color: var(--dg-navy-2);
}

.dg-cta .dg-btn-w.ghost {
    background: transparent;
    color: #fff;
}

.dg-cta .dg-btn-w.ghost:hover {
    background: rgba(255, 255, 255, .1);
}

/* ---------- FAQ（白底胶囊手风琴） ---------- */
.dg-faq {
    padding: 64px 0 72px;
    background: var(--dg-soft);
}

.dg-faq.on-white {
    background: #fff;
}

.dg-faq h2 {
    font-size: 27px;
    font-weight: 700;
    color: var(--dg-navy);
    margin-bottom: 26px;
}

.dg-faq .accordion-item {
    border: 1.6px solid #3a6fc4;
    border-radius: 10px !important;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
}

.dg-faq .accordion-button {
    font-weight: 600;
    color: var(--dg-navy);
    font-size: 14.5px;
    padding: 15px 20px;
    background: #fff;
}

.dg-faq .accordion-button:not(.collapsed) {
    background: #eaf2fd;
    color: var(--dg-navy);
    box-shadow: none;
}

.dg-faq .accordion-button:focus {
    box-shadow: none;
}

.dg-faq .accordion-button::before {
    content: "?";
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin-right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e3edfb;
    color: var(--dg-navy);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}

.dg-faq .accordion-button::after {
    margin-left: auto;
}

.dg-faq .accordion-body {
    color: var(--dg-text);
    font-size: 14px;
    line-height: 1.85;
    padding: 2px 20px 18px;
}

/* ---------- 渐变带上的白色正文 ---------- */
.dg-band-text {
    color: #fff;
    font-size: 14.5px;
    line-height: 1.95;
}

.dg-band-text p {
    margin-bottom: 14px;
}

.dg-band-text p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Machine Embroidery 页专用变体（严格按客户 2026-09-25 截图）
   实测色：奇数卡 #d1e5fd · 偶数卡 #eff8fd · 天蓝底 #addaf7
           浅底 #ebf1fd · 蓝底边 #126fcd · 表左列 #cee1f9
   ========================================================= */
:root {
    --dg-lav: #d1e5fd;
    --dg-even: #eff8fd;
    --dg-tbl-blue: #cfe9fb;
    --dg-line: #9dbde8;
    --dg-body: #41639f;
    --dg-head-navy: #1b3f92;
}

/* Hero：左右各占一半 */
.mh-hero .row {
    align-items: center;
}

.mh-hero .dg-hero-art img {
    width: 100%;
    max-width: 520px;
}

/* What is：标题分行 + 正文蓝 + 全宽尾段 */
.mh-h2 {
    font-size: 27px;
    font-weight: 700;
    color: var(--dg-head-navy);
    line-height: 1.4;
    margin-bottom: 18px;
}

.mh-p {
    color: var(--dg-body);
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 14px;
}

.mh-below {
    margin-top: 34px;
}

.mh-below p {
    color: var(--dg-body);
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.mh-below p:last-child {
    margin-bottom: 0;
}

/* What is 对比表：浅蓝表头 + 细蓝边 + 居中 */
.dg-table2 {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    text-align: center;
    margin: 6px 0 4px;
}

.dg-table2 th {
    background: var(--dg-tbl-blue);
    color: var(--dg-head-navy);
    font-weight: 700;
    padding: 9px 12px;
    border: 1px solid var(--dg-line);
}

.dg-table2 td {
    background: #fff;
    color: var(--dg-body);
    padding: 10px 12px;
    border: 1px solid var(--dg-line);
    line-height: 1.55;
}

/* 文件格式卡：奇浅蓝 / 偶近白，图标 + 描述（无标题行） */
.dg-file2-card {
    border-radius: 6px;
    text-align: center;
    padding: 26px 14px 22px;
    height: 100%;
    transition: .3s;
}

.dg-file2-card.c-a {
    background: var(--dg-lav);
}

.dg-file2-card.c-b {
    background: var(--dg-even);
}

.dg-file2-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(22, 62, 131, .16);
}

.dg-file2-card .dg-file-ic {
    width: 46px;
    height: 56px;
    margin: 0 auto 14px;
    position: relative;
    background: transparent;
    border: 1.6px solid #2b4a9f;
    border-radius: 5px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 8px;
}

.dg-file2-card .dg-file-ic::before {
    content: "";
    position: absolute;
    top: -1.6px;
    right: -1.6px;
    border-style: solid;
    border-width: 0 14px 14px 0;
    border-color: transparent var(--dg-even) transparent transparent;
}

.dg-file2-card.c-a .dg-file-ic::before {
    border-color: transparent var(--dg-lav) transparent transparent;
}

.dg-file2-card .dg-file-ic span {
    font-size: 11px;
    font-weight: 700;
    color: #2b4a9f;
    letter-spacing: .5px;
}

.dg-file2-card p {
    font-size: 12.5px;
    color: var(--dg-body);
    line-height: 1.7;
    margin: 0;
}

/* Types of Designs：白卡蓝底边（图+标题在卡内），描述在卡外 */
.dg-type-card {
    background: #fff;
    border-radius: 16px;
    border-bottom: 6px solid #126fcd;
    padding: 14px 12px 0;
    transition: .3s;
    box-shadow: 0 8px 20px rgba(22, 62, 131, .08);
}

.dg-type-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(22, 62, 131, .15);
}

.dg-type-card .dg-type-img {
    aspect-ratio: 1 / .92;
    overflow: hidden;
    border-radius: 4px;
    background: #f3f6fb;
}

.dg-type-card .dg-type-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dg-type-card h5 {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--dg-head-navy);
    padding: 16px 4px 18px;
    margin: 0;
}

.dg-type-desc {
    font-size: 12.5px;
    color: var(--dg-body);
    line-height: 1.72;
    text-align: center;
    padding: 13px 8px 0;
    margin: 0;
}

/* 左标题 + 右卡阵：流程一行四个 / 优势一行三个，奇偶交替色 */
.mh-split-head h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 16px;
    line-height: 1.4;
}

.mh-split-head p {
    color: var(--dg-body);
    font-size: 14.5px;
    line-height: 1.85;
    margin: 0;
}

.dg-step2-card {
    border-radius: 6px;
    padding: 20px 14px 22px;
    height: 100%;
    transition: .3s;
}

.dg-step2-card.c-a {
    background: var(--dg-lav);
}

.dg-step2-card.c-b {
    background: var(--dg-even);
}

.dg-step2-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(22, 62, 131, .18);
}

.dg-step2-card .dg-step-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #2b4a9f;
    color: #fff;
    font-weight: 700;
    font-size: 11.5px;
}

.dg-step2-card h6 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    text-align: center;
    margin: 12px 0 10px;
}

.dg-step2-card p {
    font-size: 11.5px;
    color: var(--dg-body);
    line-height: 1.68;
    margin: 0;
    text-align: center;
}

.mh-dashed {
    border: none;
    border-top: 2px dashed #5b83c0;
    opacity: .55;
    margin: 54px 0;
}

/* Industries We Serve 表：全表统一浅蓝底 + 细灰蓝边（按客户 2026-09-25 截图） */
.dg-indtable2 {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.dg-indtable2 td {
    border: 1px solid #8ea5ce;
    background: #d1e5fd;
    padding: 12px 20px;
    line-height: 1.6;
}

.dg-indtable2 td.dg-ind-name {
    color: var(--dg-head-navy);
    font-weight: 700;
    width: 250px;
}

.dg-indtable2 td.dg-ind-desc {
    color: #234490;
}

/* Why Choose：7 张细蓝边小卡，卡头奇浅蓝 / 偶白 */
.dg-wc2-card {
    border: 1px solid var(--dg-line);
    background: #fff;
    height: 100%;
    transition: .3s;
}

.dg-wc2-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(22, 62, 131, .15);
}

.dg-wc2-card .dg-wc2-head {
    padding: 11px 8px;
    text-align: center;
    border-bottom: 1px solid var(--dg-line);
}

.dg-wc2-card.c-a .dg-wc2-head {
    background: var(--dg-lav);
}

.dg-wc2-card.c-b .dg-wc2-head {
    background: #fff;
}

.dg-wc2-card h6 {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin: 0;
    line-height: 1.35;
}

.dg-wc2-card .dg-wc2-body {
    padding: 13px 11px 15px;
}

.dg-wc2-card .dg-wc2-body p {
    font-size: 11.5px;
    color: var(--dg-body);
    line-height: 1.62;
    margin: 0;
}

/* =========================================================
   Logo Digitizing 页变体（按设计稿采样）
   What-is/Why带 #adcbed→#106ccf · Apparel带 #116dd0→#adcbed
   格式/流程卡 #d5e6f6 · 蜜桃卡头 #fedcc1 · CTA #23448a
   ========================================================= */
.lgd-band-a {
    background: linear-gradient(105deg, #adcbed 0%, #106ccf 100%);
}

.lgd-band-b {
    background: linear-gradient(105deg, #116dd0 0%, #adcbed 100%);
}

.lgd-hero {
    background: #eef4fe;
}

.lgd-light {
    background: #f8f9fe;
}

/* 渐变带上的白卡（左图卡 / 右图文卡） */
.lgd-band-a .dg-white-card,
.lgd-band-b .dg-white-card {
    box-shadow: 0 14px 30px rgba(10, 50, 110, .25);
}

/* Apparel 表：白底，名称列加粗 + 小图 + 描述 */
.dg-ap2-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(10, 50, 110, .28);
}

.dg-ap2-table td {
    border-bottom: 1px solid #e2ebf7;
    padding: 13px 20px;
    vertical-align: middle;
}

.dg-ap2-table tr:last-child td {
    border-bottom: none;
}

.dg-ap2-table .dg-ap2-name {
    width: 190px;
    font-weight: 700;
    color: var(--dg-head-navy);
    font-size: 14.5px;
}

.dg-ap2-table .dg-ap2-img {
    width: 90px;
    padding: 8px 10px;
}

.dg-ap2-table .dg-ap2-img img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
    background: #eef4fe;
}

.dg-ap2-table .dg-ap2-desc {
    color: #234490;
    font-size: 13.5px;
    line-height: 1.7;
}

/* 统一浅蓝卡（格式 / 流程） */
.dg-file2-card.c-u,
.dg-step2-card.c-u {
    background: #d5e6f6;
}

.dg-file2-card.c-u .dg-file-ic::before {
    border-color: transparent #d5e6f6 transparent transparent;
}

.dg-step2-card.c-u h6 {
    margin-top: 10px;
}

/* Why Choose 蜜桃卡头（全 Peach） */
.dg-wc2-card.c-peach .dg-wc2-head {
    background: #fedcc1;
    border-bottom: 1px solid #f3cfae;
}

/* 渐变带上的 industries 图卡 */
.lgd-band-a .dg-ind-card {
    box-shadow: 0 10px 24px rgba(10, 50, 110, .22);
}

.lgd-ind-title {
    color: var(--dg-head-navy);
}

.lgd-ind-sub {
    color: #1e3a6e;
}

@media (max-width: 991px) {
    .dg-ap2-table .dg-ap2-name {
        width: auto;
    }

    .dg-ap2-table .dg-ap2-img {
        width: 74px;
    }
}

@media (max-width: 575px) {
    .dg-ap2-table .dg-ap2-img {
        display: none;
    }
}

/* =========================================================
   Manual Vector Tracing 页变体（按设计稿采样）
   Hero #add9f9 · What-is #e5f0fb · 天蓝带 #addaf7 · 浅底 #f6f7fc · CTA #234292
   ========================================================= */
.mvt-hero {
    background: #add9f9;
}

.mvt-hero h1 {
    font-size: 30px;
}

.mvt-mist {
    background: #e5f0fb;
}

.mvt-paper {
    background: #f6f7fc;
}

/* Hero 前后对比双白卡 */
.mvt-ba-card {
    background: #fff;
    border-radius: 8px;
    padding: 10px 10px 8px;
    box-shadow: 0 10px 24px rgba(16, 60, 130, .18);
}

.mvt-ba-card img {
    width: 100%;
    border-radius: 4px;
    aspect-ratio: 1/.92;
    object-fit: cover;
    background: #f3f6fb;
}

.mvt-ba-card figcaption {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    text-align: center;
    padding: 8px 2px 2px;
    margin: 0;
}

/* Manual vs Auto 对比表（蓝表头白字） */
.dg-cmp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.dg-cmp-table th {
    background: #3f88d7;
    color: #fff;
    font-weight: 600;
    padding: 9px 12px;
    border: 1px solid #7fb0e4;
    text-align: left;
}

.dg-cmp-table td {
    background: #fff;
    color: #234490;
    padding: 8px 12px;
    border: 1px solid #b9d4f0;
}

/* Types of Artwork：标签行式列表（浅蓝标签 + 白底描述行） */
.dg-chip-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
}

.dg-chip-table td {
    padding: 9px 16px;
    font-size: 13.5px;
}

.dg-chip-table td.dg-chip-label {
    background: #cfe4fb;
    color: var(--dg-head-navy);
    font-weight: 700;
    width: 210px;
    border-radius: 4px 0 0 4px;
}

.dg-chip-table td.dg-chip-desc {
    background: #fff;
    color: #234490;
    border: 1px solid #dce6f4;
    border-left: none;
    border-radius: 0 4px 4px 0;
    line-height: 1.6;
}

/* Applications 图标卡（白卡，线性图标） */
.dg-app-card {
    background: #fff;
    border-radius: 8px;
    padding: 22px 14px 20px;
    height: 100%;
    text-align: center;
    transition: .3s;
    box-shadow: 0 6px 16px rgba(22, 62, 131, .07);
}

.dg-app-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(22, 62, 131, .14);
}

.dg-app-card .dg-app-ic {
    font-size: 30px;
    color: var(--dg-head-navy);
    margin-bottom: 12px;
}

.dg-app-card h6 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 8px;
}

.dg-app-card p {
    font-size: 11.8px;
    color: var(--dg-body);
    line-height: 1.65;
    margin: 0;
}

/* What-is 中部三图（原图 + 两卡） */
.mvt-gallery {
    max-width: 640px;
    margin: 30px auto 0;
}

.mvt-gallery .mvt-g-item {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 8px 20px rgba(16, 60, 130, .12);
}

.mvt-gallery .mvt-g-item img {
    width: 100%;
    aspect-ratio: 1/.9;
    object-fit: cover;
    border-radius: 4px;
    background: #f3f6fb;
}

.mvt-gallery .mvt-g-item figcaption {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    text-align: center;
    padding-top: 8px;
    margin: 0;
}

@media (max-width: 575px) {
    .dg-chip-table td.dg-chip-label {
        width: auto;
        display: block;
        border-radius: 4px 4px 0 0;
    }

    .dg-chip-table td.dg-chip-desc {
        border-left: 1px solid #dce6f4;
        border-radius: 0 0 4px 4px;
    }

    .mvt-hero h1 {
        font-size: 23px;
    }
}

/* =========================================================
   Logo Vectorization 页变体（按设计稿采样）
   Hero #ddebf6 · 蓝卡 #addaf7 · 灰蓝卡 #deecf7 · 橙卡 #fedcc1 · CTA #224390
   ========================================================= */
.lvx-hero {
    background: #ddebf6;
}

.lvx-bluecard {
    background: #addaf7;
    border-radius: 16px;
    padding: 32px 34px;
    height: 100%;
}

.lvx-bluecard h2 {
    font-size: 25px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 16px;
}

.lvx-bluecard p {
    color: #1e3a6e;
    font-size: 14px;
    line-height: 1.85;
    margin-bottom: 12px;
}

.lvx-bluecard p:last-child {
    margin-bottom: 0;
}

.lvx-mistcard {
    background: #deecf7;
    border-radius: 16px;
    padding: 32px 38px;
}

.lvx-mistcard h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 16px;
}

.lvx-mistcard p {
    color: #2a4a80;
    font-size: 14px;
    line-height: 1.85;
    margin-bottom: 12px;
}

.lvx-mistcard p:last-child {
    margin-bottom: 0;
}

/* 橙色格式卡 / 步骤卡 */
.dg-file2-card.c-peach,
.dg-step2-card.c-peach {
    background: #fedcc1;
}

.dg-file2-card.c-peach .dg-file-ic::before {
    border-color: transparent #fedcc1 transparent transparent;
}

/* 天蓝带上导航列表 */
.lvx-list {
    padding-left: 20px;
    margin: 0 0 16px;
}

.lvx-list li {
    color: #1e3a6e;
    font-size: 14px;
    line-height: 1.9;
}

/* 小照片卡（Why Business / Types 照片条） */
.lvx-mini-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    transition: .3s;
    box-shadow: 0 6px 16px rgba(16, 60, 130, .10);
}

.lvx-mini-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(16, 60, 130, .16);
}

.lvx-mini-card img {
    width: 100%;
    aspect-ratio: 1/.85;
    object-fit: cover;
    display: block;
    background: #f3f6fb;
}

.lvx-mini-card h6 {
    font-size: 11.8px;
    font-weight: 600;
    color: var(--dg-head-navy);
    text-align: center;
    padding: 9px 6px 11px;
    margin: 0;
}

@media (max-width: 575px) {

    .lvx-bluecard h2,
    .lvx-mistcard h2 {
        font-size: 20px;
    }
}

/* =========================================================
   Raster to Vector 页变体（按设计稿采样）
   Hero/底部带 #addaf7 · 中段 #e3efff · 卡三色循环 蓝#addaf7/薄荷#9bf7ec/橙#fcdcc3 · CTA #21438f
   ========================================================= */
.rtx-hero {
    background: #addaf7;
}

.rtx-mid {
    background: #e3efff;
}

.rtx-card {
    border-radius: 8px;
    padding: 20px 15px 22px;
    height: 100%;
    transition: .3s;
}

.rtx-card.c-blue {
    background: #addaf7;
}

.rtx-card.c-mint {
    background: #9bf7ec;
}

.rtx-card.c-peach {
    background: #fcdcc3;
}

.rtx-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(22, 62, 131, .16);
}

.rtx-card h6 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 9px;
}

.rtx-card p {
    font-size: 11.8px;
    color: #234490;
    line-height: 1.68;
    margin: 0;
}

.rtx-card.center {
    text-align: center;
}

.rtx-card.center h6 {
    margin-top: 10px;
}

/* What is 左卡 */
.rtx-infocard {
    background: #dfe9f7;
    border-radius: 14px;
    padding: 30px 32px;
    height: 100%;
}

.rtx-infocard h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 16px;
}

.rtx-infocard p {
    color: #2a4a80;
    font-size: 13.5px;
    line-height: 1.85;
    margin-bottom: 12px;
}

/* Applications 表 */
.dg-app2-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.dg-app2-table td {
    border: 1px solid #8fb0dd;
    padding: 11px 18px;
    line-height: 1.6;
}

.dg-app2-table td.dg-app2-name {
    background: #addaf7;
    color: var(--dg-head-navy);
    font-weight: 700;
    width: 250px;
}

.dg-app2-table td.dg-app2-desc {
    background: #eff5fd;
    color: #234490;
}

/* =========================================================
   Embroidery Digitizing 改版页变体（按设计稿采样）
   深灰条 #343436 · Hero #f8f9fe · Types带 #abcbec→#1166cc
   Formats #eef2fb · 蓝卡 #71a7e3 · 深蓝带 #176fd0→#7fb0e5
   ========================================================= */
.emb-topbar {
    background: #343436;
    padding: 14px 0;
}

.emb-topbar .container-xl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.emb-topbar h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
}

.emb-btn-orange-sm {
    display: inline-block;
    background: linear-gradient(135deg, #ffa03a, #fd7c1c);
    color: #fff;
    font-weight: 600;
    font-size: 13.5px;
    padding: 9px 24px;
    border-radius: 50px;
    text-decoration: none;
    transition: .3s;
}

.emb-btn-orange-sm:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(253, 133, 36, .35);
}

.emb-hero {
    background: #f8f9fe;
}

.emb-hero h1 {
    font-size: 30px;
    font-weight: 800;
    font-style: italic;
    color: var(--dg-navy);
    line-height: 1.3;
    margin-bottom: 12px;
}

.emb-hero .emb-sub {
    font-size: 16px;
    font-weight: 700;
    color: #3f5580;
    margin-bottom: 14px;
}

.emb-hero .emb-order {
    font-size: 14px;
    font-weight: 700;
    color: var(--dg-orange);
    text-decoration: underline;
    letter-spacing: .5px;
}

.emb-hero .emb-order:hover {
    color: #e06a10;
}

.emb-hero .dg-hero-art img {
    width: 100%;
    max-width: 420px;
    border: 1px solid #e3e8f2;
    padding: 10px;
    background: #fff;
}

.emb-types {
    background: linear-gradient(105deg, #abcbec 0%, #1166cc 100%);
}

.emb-types .emb-lead {
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.emb-types .emb-strong-list {
    list-style: none;
    padding-left: 0;
    margin: 14px 0;
}

.emb-types .emb-strong-list li {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    padding-left: 18px;
}

.emb-types .emb-strong-list li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: .62em;            /* 微调圆点垂直位置 */
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;      /* 圆点颜色 */
}

.emb-types .dg-ind-card h6 {
    font-size: 13px;
}

.emb-formats {
    background: #eef2fb;
}

.emb-formats .dg-head h2 {
    font-size: 32px;
}

.emb-fmt-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    margin-bottom: 30px;
}

.emb-fmt-strip .dg-file-ic {
    width: 70px;
    height: 84px;
    margin: 0;
    background: #fff;
}

.emb-bluecard {
    background: #71a7e3;
    padding: 36px 42px;
    height: 100%;
}

.emb-fmt-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 64px;
}


.file-doc {
    width: 64px;
    height: 78px;
    background: #fff;
    border: 2px solid #2b4a9f;
    border-radius: 8px 0 8px 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 右上角：裁掉角 + 斜折痕 */
.file-doc::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 24px;
    height: 24px;
    background: linear-gradient(to bottom left,
        #eef2fb 0,
        #eef2fb 15px,
        #2b4a9f 15px,
        #2b4a9f 18px,
        #fff 18px);
}


.file-doc::after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 24px;
    height: 24px;
    border-left: 2px solid #2b4a9f;
    border-bottom: 2px solid #2b4a9f;
}


.file-doc span {
    font-size: 20px;
    font-weight: 600;
    color: #2b4a9f;
    letter-spacing: .5px;
}


.emb-bluecard h2 {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 16px;
}

.emb-bluecard p {
    color: #f2f7ff;
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 15px;
}

.emb-bluecard p:last-child {
    margin-bottom: 0;
}

.emb-band {
    background: linear-gradient(105deg, #176fd0 0%, #7fb0e5 100%);
}

.emb-band .dg-white-card{
    border-radius:0;
}

.emb-band .dg-white-card h2 {
    font-size: 21px;
}

.emb-band .dg-white-card p {
    font-size: 16px;
    line-height: 1.65;
    color: #244390;
}

.emb-band .dg-white-card ul {
    padding-left: 18px;
    margin: 0 0 12px;
}

.emb-band .dg-white-card ul li {
    color: var(--dg-body);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
}

.emb-gallery h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--dg-head-navy);
    text-align: center;
    letter-spacing: .5px;
    margin-bottom: 34px;
}

.emb-gallery .emb-shot {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    background: #f3f6fb;
    border-radius: 4px;
    display: block;
}

@media (max-width: 575px) {
    .emb-hero h1 {
        font-size: 23px;
    }

    .emb-topbar h2 {
        font-size: 14.5px;
    }
}

/* =========================================================
   Vector Art Services（services矢量）改版页变体
   深灰条 #343436 · 蓝带 #71a7e3 · 浅底 #f7f8fd · 双卡 #addaf7
   格式卡三色 蓝#c8e0f8/薄荷#93efd9/橙#fcd0a8 · 行业表标签 #fcd0a8
   ========================================================= */
.svc-blueband {
    background: #71a7e3;
}

.svc-blueband .svc-lead {
    color: #f2f7ff;
    font-size: 14px;
    line-height: 1.9;
    text-align: center;
    max-width: 860px;
    margin: 0 auto 14px;
}

.svc-mist {
    background: #f7f8fd;
}

/* What-are 对比小表（白底居中） */
.svc-cmp {
    width: auto;
    min-width: 420px;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 12.8px;
}

.svc-cmp th {
    background: #cfe4fb;
    color: var(--dg-head-navy);
    font-weight: 700;
    padding: 8px 18px;
    border: 1px solid #9dbde8;
}

.svc-cmp td {
    background: #fff;
    color: #234490;
    padding: 8px 18px;
    border: 1px solid #d7e3f3;
}

/* 双图对比（Bitmap/Vector、Manual/Auto） */
.svc-duo {
    max-width: 560px;
    margin: 26px auto 20px;
}

.svc-duo figure {
    margin: 0;
}

.svc-duo img {
    width: 100%;
    aspect-ratio: 1/.85;
    object-fit: contain;
    background: #fff;
    border-radius: 6px;
}

.svc-duo figcaption {
    text-align: center;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    padding-top: 8px;
}

/* Benefits 蓝头卡 */
.svc-ben-card {
    background: #fff;
    border: 1px solid #8fb4e0;
    border-radius: 4px;
    overflow: hidden;
    height: 100%;
}

.svc-ben-card .svc-ben-head {
    background: #5b9bd5;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 9px 10px;
}

.svc-ben-card .svc-ben-body {
    padding: 14px 14px 16px;
}

.svc-ben-card .svc-ben-body p {
    font-size: 11.8px;
    color: var(--dg-body);
    line-height: 1.7;
    margin: 0;
}

/* Formats 三色卡 */
.svc-fmt-card {
    border-radius: 6px;
    padding: 20px 14px 18px;
    height: 100%;
    transition: .3s;
}

.svc-fmt-card.c-blue {
    background: #c8e0f8;
}

.svc-fmt-card.c-mint {
    background: #93efd9;
}

.svc-fmt-card.c-peach {
    background: #fcd0a8;
}

.svc-fmt-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(10, 50, 110, .2);
}

.svc-fmt-card .dg-file-ic {
    width: 44px;
    height: 54px;
    margin: 0 0 12px;
    background: #fff;
}

.svc-fmt-card h6 {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 7px;
}

.svc-fmt-card p {
    font-size: 11.5px;
    color: #234490;
    line-height: 1.6;
    margin: 0;
}

/* 行业表（桃色标签 + 白描述） */
.svc-ind-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    max-width: 900px;
    margin: 0 auto;
}

.svc-ind-table td {
    border: 1px solid #8fb0dd;
    padding: 9px 16px;
    line-height: 1.55;
}

.svc-ind-table td.svc-ind-name {
    background: #fcd0a8;
    color: var(--dg-head-navy);
    font-weight: 700;
    width: 170px;
}

.svc-ind-table td.svc-ind-desc {
    background: #fff;
    color: #234490;
}

/* Before/After 对比卡（FUZZY JPG | VECTOR ART） */
.svc-ba-card {
    background: #fff;
    border: 1.6px solid #3a6fc4;
    border-radius: 6px;
    padding: 14px;
    height: 100%;
}

.svc-ba-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.svc-ba-grid .svc-ba-col {
    padding: 0 10px;
}

.svc-ba-grid .svc-ba-col+.svc-ba-col {
    border-left: 1.6px dashed #9dbde8;
}

.svc-ba-grid .svc-ba-label {
    text-align: center;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    letter-spacing: .5px;
    margin-bottom: 10px;
}

.svc-ba-grid img {
    width: 100%;
    aspect-ratio: 1/.95;
    object-fit: cover;
    border-radius: 3px;
    background: #f3f6fb;
}

.svc-viewmore {
    display: inline-block;
    background: var(--dg-navy-2);
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    padding: 9px 30px;
    border-radius: 50px;
    text-decoration: none;
    transition: .3s;
}

.svc-viewmore:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(34, 67, 144, .3);
}

@media (max-width: 575px) {
    .svc-cmp {
        min-width: 0;
        width: 100%;
    }
}

/* =========================================================
   HOME 改版页变体（按设计稿采样）
   Industries #deebfc · Quality/Core 带 #77aae3 · USA 卡 #ecf4ff
   格式圆标 青#36b3a7 · Core 方格 藏蓝#1e448d/桃#fec192
   ========================================================= */
.home-ind {
    background: linear-gradient(180deg, #d9eafc 0%, #deebfc 45%, #f0f7fd 100%);
}

/* 首页新增模块统一间距：卡栅格同宽同距 */
.home-grid {
    margin-left: auto;
    margin-right: auto;
}

.home-ind .dg-head p {
    color: #294686;
    font-size: 20px;
    margin: 0 66px;
}

.home-ind .dg-ind-card {
    border-radius: 14px;
    padding: 10px 10px 0;
    box-shadow: 0 8px 18px rgba(16, 60, 130, .10);
    border-bottom: 6px solid #00abe8;
}

.home-ind .dg-ind-card img {
    border-radius: 8px;
}

.home-ind .dg-ind-card h6 {
    padding: 12px 10px 14px;
}

.home-ind-close {
    max-width: 1200px;
    margin: 46px auto 0;
    font-size: 20px;
    line-height: 1.8;
    color: #294686;
    text-align: center;
}

.home-fmt {
    background: linear-gradient(180deg, #d1e7ff 0%, #e9f1fd 100%);
}

.home-fmt .dg-head {
    text-align: left;
    max-width: 1240px;
}

.home-fmt .dg-head h2 {
    text-align: center;
}

.home-fmt .dg-head p {
    color: #294686;
    font-size: 21px;
}

.home-fmt-card {
    background: #fff;
    border: 1px solid #e4ecf7;
    border-top: 7px solid #06abed;
    border-radius: 12px;
    padding: 20px 12px 70px;
    text-align: center;
    height: 100%;
    transition: .3s;
}

.home-fmt-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(22, 62, 131, .12);
}

.home-fmt-card .home-fmt-badge {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #12bbb4;
    color: #fff;
    border: 2.5px solid #12bbb4;
    box-shadow: inset 0 0 0 2.5px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto 20px;
    letter-spacing: .5px;
}

.home-fmt-card p {
    font-size: 14px;
    color: #264b8d;
    line-height: 1.6;
    margin: 0;
}

.home-qp {
    background: #77aae3;
}

.home-qp h2{
    color: #fff !important;
}
.home-qp p{
    color: #fff;
    font-size: 20px;
    margin:0 80px;
}

.home-qp .row {
    --bs-gutter-x: 3.8rem;
}

.home-qp-card {
    background: #fff;
    border-radius: 8px;
    padding: 20px 12px 38px;
    text-align: center;
    height: 100%;
    transition: .3s;
    box-shadow: 0 8px 18px rgba(16, 50, 110, .16);
}

.home-qp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(16, 50, 110, .24);
}

.home-qp-card .home-qp-ic {
    font-size: 26px;
    color: var(--dg-head-navy);
    margin-bottom: 10px;
}

.home-qp-card h6 {
    font-size: 16px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 12px;
}

.home-qp-card p {
    font-size: 14px;
    color: var(--dg-body);
    line-height: 1.8;
    margin: 0;
}

.home-usa-card {
    background: #ecf4ff;
    border-radius: 16px;
    padding: 36px 44px;
    text-align: center;
}

.home-usa-card h2 {
    font-size: 38px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 14px;
}

.home-usa-card p {
    color: #294686;
    font-size: 21px;
    line-height: 1.8;
    margin-bottom: 12px;
}


.home-usa-card p:last-child {
    margin-bottom: 0;
}

.home-core {
    background: #77aae3;
}

.home-core .dg-white-card{
    padding: 46px 44px;
}

.home-core .dg-white-card p {
    font-size: 21px;
    color: #274681;
}

.home-core-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.home-core-sq {
    border-radius: 8px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px;
    transition: .3s;
}

.home-core-sq.w {
    background: #ecf4ff;
    color: var(--dg-head-navy);
}

.home-core-sq.p {
    background: #fec192;
    color: #7a4210;
}

.home-core-sq i {
    font-size: 32px;
    margin-bottom: 22px;
}

.home-core-sq span {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
}

.home-core-sq:hover {
    transform: translateY(-3px);
}

/* 现有首页模块复刻 */
.home-hero-slide {
    background: #d7dded;
}

.home-paybar {
    background: #3e3e3e;
    color: #cfcfcf;
}

.home-paybar .home-pay-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0;
}

.home-paybar p {
    font-size: 11.5px;
    margin: 0;
}

.home-tagline {
    background: #fff;
    text-align: center;
    padding: 22px 0;
}

.home-tagline h2 {
    font-size: 19px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 6px;
}

.home-tagline p {
    color: #7a86a0;
    font-size: 14px;
    margin: 0;
}

.home-services {
    background: linear-gradient(120deg, #a2ddfe 0%, #d9f6fe 55%, #b5f0d8 100%);
}

.home-svc-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 14px 30px rgba(16, 60, 130, .16);
    padding: 24px 22px;
    text-align: center;
    height: 100%;
}

.home-svc-card h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--dg-head-navy);
    letter-spacing: .5px;
    border-bottom: 2px solid #2a7bd4;
    display: inline-block;
    padding-bottom: 6px;
    margin-bottom: 8px;
}

.home-svc-card .home-svc-sub {
    font-size: 11.5px;
    color: #7a86a0;
    margin-bottom: 14px;
}

.home-svc-card img {
    width: 100%;
    max-width: 210px;
    aspect-ratio: 1/.9;
    object-fit: contain;
    margin-bottom: 12px;
}

.home-svc-card .home-svc-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin-bottom: 12px;
}

.home-draw-title {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #1c2b4a;
    margin-bottom: 18px;
}

.home-draw-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
}

.home-draw-list li {
    color: #3f5580;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
}

.home-sample-link {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    text-decoration: underline;
    margin-right: 14px;
}

.home-gallery {
    background: #f6f8f9;
}

.home-gallery h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #1c2b4a;
    margin-bottom: 8px;
}

.home-gallery .home-gallery-sub {
    text-align: center;
    font-size: 13.5px;
    letter-spacing: 1px;
    color: #5a6a8a;
    border-bottom: 1.6px solid #1c2b4a;
    display: table;
    margin: 0 auto 34px;
    padding-bottom: 6px;
}

.home-gallery img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    background: #eceff2;
    border: 1px solid #e2e6ea;
    padding: 6px;
}

.home-why-card {
    background: #fff;
    border: 1.6px solid #dfe4ef;
    border-radius: 8px;
    padding: 30px 28px;
    box-shadow: 0 10px 24px rgba(22, 62, 131, .08);
}

.home-why-card h2 {
    font-size: 25px;
    font-weight: 800;
    color: var(--dg-head-navy);
    text-align: center;
    margin-bottom: 8px;
}

.home-why-card .home-why-red {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #e2574c;
    margin-bottom: 14px;
}

.home-why-card p {
    font-size: 13.5px;
    color: var(--dg-body);
    line-height: 1.85;
    text-align: center;
    margin-bottom: 12px;
}

.home-why-feat {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.home-why-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
}

.home-why-item .home-why-ic {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--dg-navy-2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.home-why-item h6 {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--dg-head-navy);
    margin: 0;
}

.home-testi {
    background: #f6f7fc;
}

.home-testi-card {
    background: #fff;
    border: 1.6px solid #3a6fc4;
    border-radius: 6px;
    padding: 20px 18px;
    height: 100%;
    box-shadow: 0 10px 22px rgba(22, 62, 131, .09);
}

.home-testi-card h5 {
    font-size: 15.5px;
    font-weight: 700;
    color: #1c2b4a;
    margin-bottom: 2px;
}

.home-testi-card .home-testi-role {
    font-size: 11.5px;
    color: #7a86a0;
    margin-bottom: 6px;
}

.home-testi-card .home-testi-stars {
    color: #f5b921;
    font-size: 13px;
    letter-spacing: 2px;
    border-bottom: 1.6px dashed #c9d4ea;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.home-testi-card p {
    font-size: 12.3px;
    color: var(--dg-body);
    line-height: 1.75;
    margin: 0;
}

@media (max-width: 575px) {
    .home-draw-title {
        font-size: 22px;
    }

    .home-usa-card {
        padding: 26px 20px;
    }
}

/* ---------- 响应式 ---------- */
@media (max-width: 1199px) {
    .dg-apparel .dg-ap-label {
        flex-basis: 160px;
    }
}

@media (max-width: 991px) {
    .dg-hero {
        padding: 44px 0 50px;
    }

    .dg-hero h1 {
        font-size: 26px;
    }

    .dg-hero .dg-hero-art img {
        max-width: 360px;
        margin: 0 auto;
        display: block;
    }

    .dg-band {
        padding: 46px 0;
    }

    .dg-head h2 {
        font-size: 23px;
    }

    .dg-white-card {
        padding: 26px 22px;
        margin-bottom: 18px;
    }

    .dg-cta {
        padding: 42px 0;
    }

    .dg-cta h2 {
        font-size: 22px;
    }

    .dg-apparel .dg-ap-row {
        flex-wrap: wrap;
    }

    .dg-apparel .dg-ap-label {
        flex: 1 1 100%;
        border-right: none;
        border-bottom: 1px solid #e4ebf5;
        padding: 12px 18px 8px;
    }

    .dg-apparel .dg-ap-img {
        flex: 0 0 96px;
    }

    .dg-apparel .dg-ap-desc {
        padding: 12px 18px;
    }
}

@media (max-width: 575px) {
    .dg-hero h1 {
        font-size: 22px;
    }

    .dg-hero p {
        font-size: 14.5px;
    }

    .dg-head h2 {
        font-size: 38px;
    }

    .dg-white-card h2 {
        font-size: 21px;
    }

    .dg-indtable td.dg-ind-name {
        width: auto;
    }

    .mh-h2 {
        font-size: 21px;
    }

    .mh-split-head h2 {
        font-size: 21px;
    }

    .mh-h2 br,
    .mh-split-head h2 br {
        display: none;
    }
}