/* 618 year-mid activity overrides and Tax zone styles */
:root {
    --618-deep: #061a42;
    --618-blue: #0b3e94;
    --618-gold: #f7c65c;
    --618-soft: #f5f8ff;
}
body {
    background: radial-gradient(circle at top left, rgba(17, 92, 210, .10), transparent 28rem), linear-gradient(180deg, #f8fbff 0%, #f2f6ff 100%);
    padding-bottom: 108px !important;
}
.topImageBanner51 {
    position: relative;
    overflow: hidden;
    background: #061a42;
}
.topImageBanner51 img {
    width: 100%;
    height: auto;
}
.bannerBackHome51 {
    position: absolute;
    left: max(16px, calc((100% - 1180px) / 2));
    top: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;
    padding: 8px 14px;
    background: rgba(0,0,0,.24);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    backdrop-filter: blur(8px);
}
.activityNav618 {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 58px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    border-top: 1px solid rgba(247,198,92,.42) !important;
    background: rgba(6, 26, 66, .96) !important;
    box-shadow: 0 -10px 26px rgba(6,26,66,.22) !important;
    backdrop-filter: blur(12px) !important;
    z-index: 999 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
}
.activityNav618 .activityNavMain {
    min-width: 0 !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.activityNav618 .activityNavMainActive {
    position: relative !important;
    color: var(--618-gold) !important;
    background: rgba(255,255,255,.06) !important;
}
.activityNav618 .activityNavMainActive::before {
    content: "";
    position: absolute;
    top: 0;
    left: 26%;
    right: 26%;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--618-gold);
}
.activity-intro618 {
    margin-top: 22px;
}
.activity-intro618 .card51 {
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
}
.activity-intro618 p {
    margin: 0 0 12px;
    color: #27385f;
    font-size: 17px;
    line-height: 2;
    text-align: justify;
}
.activity-intro618 p:last-child { margin-bottom: 0; }
.zoneLabel618 {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 7px 14px;
    background: #09286e;
    color: #fff;
    font-size: 14px;
    font-weight: 1000;
}
/* Tax page */
.taxHeroBuy618 {
    margin-top: 22px;
}
.taxStats618 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.taxStat618 {
    border: 1px solid #dbe7ff;
    border-radius: 22px;
    padding: 18px 12px;
    background: #fff;
    text-align: center;
    box-shadow: 0 10px 24px rgba(13,70,193,.06);
}
.taxStat618 strong {
    display: block;
    color: #09286e;
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 1000;
    line-height: 1.2;
}
.taxStat618 span {
    display: block;
    margin-top: 8px;
    color: #66708a;
    font-size: 14px;
    line-height: 1.5;
}
.taxPriceCard618 {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 20px;
    align-items: center;
    border-radius: 28px;
    padding: clamp(24px, 3vw, 36px);
    background: radial-gradient(circle at 85% 20%, rgba(255,215,104,.42), transparent 16rem), linear-gradient(135deg, #08215a, #0a3c92);
    color: #fff;
    box-shadow: 0 20px 46px rgba(6,26,66,.22);
}
.taxPriceCard618 h2 {
    margin: 10px 0 8px;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.16;
    font-weight: 1000;
}
.taxPriceCard618 p {
    color: rgba(255,255,255,.86);
    font-size: 17px;
    line-height: 1.85;
}
.taxPriceRight618 {
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 24px;
    padding: 20px;
    background: rgba(255,255,255,.12);
    text-align: center;
    backdrop-filter: blur(8px);
}
.taxPriceLabel618 {
    color: #ffe9a8;
    font-size: 15px;
    font-weight: 1000;
}
.taxPrice618 {
    margin: 8px 0;
    color: #fff7c8;
    font-size: clamp(48px, 6vw, 72px);
    font-weight: 1000;
    line-height: 1;
}
.taxPriceOld618 {
    color: rgba(255,255,255,.68);
    font-size: 17px;
    text-decoration: line-through;
}
.taxPriceBtns618 {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}
.btnWhite618 {
    display: block;
    border-radius: 999px;
    padding: 13px 18px;
    background: #fff;
    color: #0a3c92;
    font-size: 17px;
    font-weight: 1000;
    text-align: center;
}
.btnGhost618 {
    display: block;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 999px;
    padding: 12px 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}
.taxScenario618, .taxLearning618, .taxCourseModule618, .taxFit618, .taxGain618 {
    display: grid;
    gap: 18px;
}
.taxScenario618 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.taxLearning618, .taxCourseModule618 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.taxFit618 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.taxGain618 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.taxCard618 {
    border: 1px solid #dbe7ff;
    border-radius: 24px;
    padding: clamp(20px, 2.5vw, 28px);
    background: #fff;
    box-shadow: 0 14px 34px rgba(13,70,193,.08);
}
.taxCard618 h3 {
    margin-bottom: 10px;
    color: #0b2b77;
    font-size: clamp(20px, 2vw, 25px);
    font-weight: 1000;
    line-height: 1.35;
}
.taxCard618 p, .taxCard618 li {
    color: #66708a;
    font-size: 16px;
    line-height: 1.8;
}
.taxCard618 ul { list-style: none; }
.taxCard618 li { margin: 8px 0; padding-left: 18px; position: relative; }
.taxCard618 li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ff7a1a; position: absolute; left: 0; top: .78em; }
.taxNum618 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #09286e;
    color: #ffd768;
    font-weight: 1000;
}
.taxSoft618 { background: linear-gradient(135deg, #f8fbff, #eef5ff); }
.taxFinal618 {
    text-align: center;
    color: #fff;
    border-radius: 30px;
    padding: clamp(30px, 5vw, 52px);
    background: radial-gradient(circle at top right, rgba(255,215,104,.32), transparent 15rem), linear-gradient(135deg, #071d4d, #0b3e94);
    box-shadow: 0 18px 42px rgba(6,26,66,.20);
}
.taxFinal618 h2 {
    margin-bottom: 10px;
    color: #fff;
    font-size: clamp(30px,4vw,48px);
    font-weight: 1000;
}
.taxFinal618 p {
    max-width: 800px;
    margin: 0 auto 20px;
    color: rgba(255,255,255,.88);
    font-size: 17px;
    line-height: 1.9;
}
@media (max-width: 900px) {
    .taxStats618 { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .taxPriceCard618, .taxScenario618, .taxLearning618, .taxCourseModule618, .taxFit618 { grid-template-columns: 1fr; }
    .activityNav618 .activityNavMain { font-size: 12px !important; }
    .bannerBackHome51 { top: 10px; left: 10px; font-size: 12px; padding: 6px 10px; }
}
@media (max-width: 420px) {
    .container51 { width: min(var(--page-width), calc(100% - 24px)); }
    .taxStats618 { gap: 10px; }
    .taxStat618 { padding: 14px 8px; }
    .taxStat618 strong { font-size: 18px; }
    .taxStat618 span { font-size: 12px; }
}


/* ============================
   618 activity v2 page design polish
   ============================ */
html { scroll-behavior: smooth; }
a { text-decoration: none; }
.container51 { max-width: 1180px; }
.section51 { margin: 28px auto; }
.section-title51 { margin-bottom: 20px; text-align: left; }
.section-title51 h1 { color: #071d4d; letter-spacing: -.02em; }
.section-title51 p { color: #62708f; }
.card51, .vipV17-benefit, .lePlanCard, .advanced-section51, .legalQrSection51, .footer51 {
    border-radius: 26px !important;
    box-shadow: 0 14px 36px rgba(13,70,193,.08) !important;
}
.activity-intro618 .card51 {
    border: 1px solid #dbe7ff;
    padding: clamp(22px, 4vw, 34px);
}
.activity-intro618 .introTag618 {
    display: inline-flex;
    margin-bottom: 12px;
    border-radius: 999px;
    padding: 6px 12px;
    background: #eef5ff;
    color: #0b3e94;
    font-size: 13px;
    font-weight: 900;
}
.zoneLead618 {
    border: 1px solid #dbe7ff;
    border-radius: 28px;
    padding: clamp(24px, 4vw, 38px);
    background: radial-gradient(circle at right top, rgba(247,198,92,.24), transparent 16rem), linear-gradient(135deg,#ffffff,#f6faff);
    box-shadow: 0 16px 42px rgba(13,70,193,.08);
}
.zoneLead618 h2 {
    margin: 0 0 12px;
    color: #071d4d;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.22;
    font-weight: 1000;
}
.zoneLead618 p {
    margin: 0;
    color: #4b5e85;
    font-size: 17px;
    line-height: 1.95;
    text-align: justify;
}
.zoneLeadActions618 { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.btnPrimary618, .btnSecondary618 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    border-radius: 999px;
    padding: 0 22px;
    font-size: 16px;
    font-weight: 1000;
}
.btnPrimary618 { background: #0b3e94; color: #fff; box-shadow: 0 10px 22px rgba(11,62,148,.22); }
.btnSecondary618 { background: #fff; color: #0b3e94; border: 1px solid #cbd9f6; }
.chargeGrid618 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 16px;
}
.chargeCard618 {
    border: 1px solid #dbe7ff;
    border-radius: 24px;
    padding: 22px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(13,70,193,.07);
}
.chargeCard618 strong {
    display: block;
    margin-bottom: 8px;
    color: #0b2b77;
    font-size: 22px;
    font-weight: 1000;
}
.chargeCard618 span { color:#62708f; font-size: 15px; line-height: 1.7; }
.footer51, .finalCta618 {
    border-radius: 30px !important;
    padding: clamp(30px, 5vw, 52px) !important;
    background: radial-gradient(circle at top right, rgba(255,215,104,.32), transparent 15rem), linear-gradient(135deg, #071d4d, #0b3e94) !important;
    color: #fff !important;
}
.footer51 h2, .finalCta618 h2 { color: #fff !important; font-size: clamp(28px,4vw,44px) !important; }
.footer51 p, .finalCta618 p { color: rgba(255,255,255,.86) !important; font-size: 17px !important; line-height: 1.9 !important; }
.footer51 .btn51, .finalCta618 .btn51 { background: #fff !important; color: #0a3c92 !important; }
.icon-card51 .icon51 {
    width: 42px; height: 42px; border-radius: 50%;
    display: inline-flex; align-items:center; justify-content:center;
    background: #edf4ff; color:#0b3e94; font-size: 0; margin-bottom: 12px;
}
.icon-card51 .icon51::after { content:""; width: 16px; height:16px; border-radius: 4px; background:#0b3e94; transform: rotate(45deg); box-shadow: 10px 10px 0 #f7c65c; }
.courseSupport618 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 22px;
}
.courseSupport618 .card51 h3 { color:#0b2b77; }
.activityBottom, .footer-rule { max-width: 1180px; margin-left: auto !important; margin-right: auto !important; }
.footer-rule { padding-bottom: 74px !important; }
@media (max-width: 900px) {
    .topImageBanner51 img { min-height: 220px; object-fit: cover; object-position: left center; }
    .section51 { margin: 22px auto; }
    .chargeGrid618, .courseSupport618 { grid-template-columns: 1fr; }
    .zoneLeadActions618 { display: grid; grid-template-columns: 1fr; }
    .btnPrimary618, .btnSecondary618 { width: 100%; }
    .taxPriceCard618 p, .activity-intro618 p, .zoneLead618 p { font-size: 16px; line-height: 1.9; }
    .taxCard618 { border-radius: 20px; }
}
@media (max-width: 560px) {
    .topImageBanner51 img { min-height: 210px; object-position: 8% center; }
    .activityNav618 { height: 56px !important; }
    .activityNav618 .activityNavMain { height: 56px !important; font-size: 12px !important; }
    .activityBottom { margin-top: 20px !important; }
}


/* ============================
   618 final red-gold theme overrides
   ============================ */
:root {
    --618-deep: #5f0a1e;
    --618-blue: #9d1634;
    --618-gold: #f6c45c;
    --618-soft: #fff6f0;
    --618-border: #f2d6c5;
    --618-text: #7e5b60;
    --618-title: #7b1531;
}
body {
    background:
        radial-gradient(circle at top left, rgba(210, 39, 80, .12), transparent 28rem),
        radial-gradient(circle at top right, rgba(246, 196, 92, .10), transparent 24rem),
        linear-gradient(180deg, #fffaf8 0%, #fff4ee 100%);
}
.topImageBanner51 { background: #5f0a1e; }
.bannerBackHome51 {
    border-color: rgba(255, 232, 180, .45);
    background: rgba(88, 8, 24, .55);
}
.activityNav618 {
    border-top: 1px solid rgba(246, 196, 92, .45) !important;
    background: rgba(88, 8, 24, .96) !important;
    box-shadow: 0 -10px 26px rgba(88, 8, 24, .26) !important;
}
.activity-intro618 .card51,
.zoneLead618,
.taxCard618,
.chargeCard618,
.taxStat618,
.card51,
.vipV17-benefit,
.lePlanCard,
.advanced-section51,
.legalQrSection51,
.legalEnglishPlanGrid51 > article,
.legalEnglishStage51,
.plan-card51,
.courseCatCard51,
.courseSupport618 .card51 {
    border-color: var(--618-border) !important;
    box-shadow: 0 14px 36px rgba(126, 36, 53, .08) !important;
}
.activity-intro618 .card51 {
    background: linear-gradient(135deg, #fffdfb 0%, #fff7f2 100%);
}
.activity-intro618 p,
.zoneLead618 p,
.taxCard618 p,
.taxCard618 li,
.taxStat618 span,
.chargeCard618 span,
.section-title51 p,
.taxPriceCard618 p,
.vipTopBuyHeader51 p,
.vipV16-benefitText p,
.vipV17-benefitHead p,
.vipV16-giftBody span,
.vipV16-coffeeHead p,
.legalEnglishLead51 p,
.lePlanCard p,
.advanced-section51 p,
.legalQrSection51 p,
.courseCatCard51 p,
.courseSupport618 .card51 p,
.footer-rule p {
    color: var(--618-text) !important;
}
.activity-intro618 .introTag618,
.icon-card51 .icon51,
.lePlanBadge51,
.advanced-eyebrow51,
.courseTag51 {
    background: #fff1e6 !important;
    color: #9d1634 !important;
}
.section-title51 h1,
.zoneLead618 h2,
.taxCard618 h3,
.taxStat618 strong,
.chargeCard618 strong,
.vipTopBuyHeader51 h2,
.vipV16-benefitText h3,
.vipV17-benefitHead h3,
.vipV16-coffeeHead h2,
.legalEnglishLead51 h2,
.lePlanCard h3,
.advanced-section51 h2,
.legalQrSection51 h2,
.courseCatCard51 h3,
.courseSupport618 .card51 h3,
.footer51 h2,
.finalCta618 h2,
.taxFinal618 h2 {
    color: var(--618-title) !important;
}
.zoneLead618 {
    background: radial-gradient(circle at right top, rgba(246, 196, 92, .24), transparent 16rem), linear-gradient(135deg, #fffdfb, #fff6ef);
}
.btnPrimary618 {
    background: linear-gradient(135deg, #b42040, #7d0f2b) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(125, 15, 43, .24) !important;
}
.btnSecondary618 {
    background: #fff !important;
    color: #9d1634 !important;
    border: 1px solid #f0c9ba !important;
}
.zoneLabel618,
.vipV16-kicker,
.taxNum618 {
    background: #8f1532 !important;
    color: #ffe08a !important;
}
.taxPriceCard618,
.taxFinal618,
.footer51,
.finalCta618,
.legalQrSection51 {
    background: radial-gradient(circle at top right, rgba(246, 196, 92, .36), transparent 15rem), linear-gradient(135deg, #7d0f2b, #b42040) !important;
    box-shadow: 0 18px 42px rgba(95, 8, 24, .22) !important;
}
.taxPriceRight618 { background: rgba(255,255,255,.10); }
.taxPriceLabel618,
.vipTopBuyGift51 strong { color: #ffe7a6 !important; }
.btnWhite618 { color: #8f1532 !important; }
.btnGhost618 { border-color: rgba(255,255,255,.38) !important; }
.taxSoft618 { background: linear-gradient(135deg, #fffaf7, #fff1ea) !important; }
.taxCard618 li::before { background: #c43a2e !important; }
.icon-card51 .icon51::after { background: #9d1634; box-shadow: 10px 10px 0 #f6c45c; }
.vipV17-shot,
.vipV16-shot,
.vipV17-proofLabel,
.vipV16-proofLabel,
.taxStat618,
.taxCard618,
.chargeCard618 {
    border-color: var(--618-border) !important;
}
.vipV17-shot, .vipV16-shot {
    background: linear-gradient(135deg, #fff8f5, #ffffff) !important;
    box-shadow: 0 10px 24px rgba(126, 36, 53, .07) !important;
}
.vipV17-proofLabel, .vipV16-proofLabel {
    border-top: 1px solid var(--618-border) !important;
    background: #fff7f2 !important;
    color: #8d1632 !important;
}
.chargeCard618, .taxCard618, .taxStat618 {
    background: linear-gradient(180deg, #ffffff 0%, #fffaf7 100%) !important;
}
.vipTopBuyOne51 {
    background: linear-gradient(135deg, #d22d52 0%, #a31637 50%, #6a061a 100%) !important;
}
.vipTopBuyTwo51 {
    background: linear-gradient(135deg, #ffbf69 0%, #d88943 22%, #b42040 58%, #6a061a 100%) !important;
}
.vipTopBuyBtn51 { color: #8f1532 !important; }
.taxPriceOld618 { color: rgba(255,255,255,.72) !important; }
.taxStat618 strong, .taxCard618 h3, .chargeCard618 strong { color: #8a1732 !important; }
.footer51 p, .finalCta618 p, .taxFinal618 p, .legalQrSection51 p { color: rgba(255,255,255,.88) !important; }
.footer51 .btn51, .finalCta618 .btn51 { color: #8f1532 !important; }
.legalQrSection51 .btnPrimary618 { background: #fff !important; color: #8f1532 !important; }
.legalQrSection51 .btnSecondary618 { background: rgba(255,255,255,.14) !important; color: #fff !important; border-color: rgba(255,255,255,.28) !important; }
.legalEnglishLead51, .courseLead51 {
    background: radial-gradient(circle at right top, rgba(246, 196, 92, .22), transparent 16rem), linear-gradient(135deg, #fffdfb, #fff6ef) !important;
    border: 1px solid var(--618-border) !important;
    box-shadow: 0 16px 42px rgba(126, 36, 53, .08) !important;
}


.courseDynamicWrap618 {
    min-height: 120px;
}
.courseDynamicWrap618:empty::before {
    content: "活动课程加载中，请稍候……";
    display: block;
    border: 1px solid var(--618-border);
    border-radius: 24px;
    padding: 26px;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf7 100%);
    color: var(--618-text);
    text-align: center;
    font-size: 16px;
    box-shadow: 0 12px 28px rgba(126, 36, 53, .07);
}


/* 618 support images */
.supportImage618 {
    margin: 22px 0 6px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(126, 36, 53, .12);
    background: #fff9f5;
    border: 1px solid rgba(240, 201, 186, .9);
}
.supportImage618 img {
    display: block;
    width: 100%;
    height: auto;
}
.supportCaption618 {
    margin: 10px 6px 0;
    color: var(--618-text);
    font-size: 14px;
    line-height: 1.75;
    text-align: center;
}


/* ============================
   618 dark-background text contrast hotfix
   Tax.aspx / Member.aspx
   ============================ */

/* Tax.aspx：价格深色卡片 */
.taxPriceCard618,
.taxPriceCard618 * {
    text-shadow: none;
}
.taxPriceCard618 h2 {
    color: #fff8df !important;
}
.taxPriceCard618 p {
    color: rgba(255, 255, 255, .90) !important;
}
.taxPriceCard618 .zoneLabel618 {
    background: rgba(255, 255, 255, .14) !important;
    color: #ffe7a6 !important;
    border: 1px solid rgba(255, 231, 166, .45) !important;
}
.taxPriceCard618 .taxPriceLabel618 {
    color: #ffe7a6 !important;
}
.taxPriceCard618 .taxPrice618 {
    color: #fff4cf !important;
}
.taxPriceCard618 .taxPriceOld618 {
    color: rgba(255, 255, 255, .76) !important;
}

/* Tax.aspx：底部深色转化卡片 */
.taxFinal618 h2,
.taxFinal618 p {
    color: #fff8df !important;
}
.taxFinal618 p {
    color: rgba(255, 255, 255, .90) !important;
}

/* Member.aspx：高阶班深色模块 */
.advanced-section51 h2 {
    color: #fff8df !important;
}
.advanced-section51 p,
.advanced-section51 li {
    color: rgba(255, 255, 255, .90) !important;
}
.advanced-section51 .advanced-point51 h3,
.advanced-section51 h3 {
    color: #ffe7a6 !important;
}
.advanced-section51 .advanced-eyebrow51 {
    background: rgba(255, 255, 255, .14) !important;
    color: #ffe7a6 !important;
    border: 1px solid rgba(255, 231, 166, .45) !important;
}

/* Member.aspx：二维码咨询深色模块 */
.legalQrSection51 h2 {
    color: #fff8df !important;
}
.legalQrSection51 p {
    color: rgba(255, 255, 255, .90) !important;
}
.legalQrSection51 .section-kicker,
.legalQrSection51 .advanced-eyebrow51 {
    background: rgba(255, 255, 255, .14) !important;
    color: #ffe7a6 !important;
    border: 1px solid rgba(255, 231, 166, .45) !important;
}

/* 通用深色 CTA，避免后续同类模块继续出现深底深字 */
.footer51 h2,
.finalCta618 h2 {
    color: #fff8df !important;
}
.footer51 p,
.finalCta618 p {
    color: rgba(255, 255, 255, .90) !important;
}
.footer51 .btn51,
.finalCta618 .btn51,
.taxFinal618 .btnWhite618,
.legalQrSection51 .btnPrimary618 {
    background: #fff8df !important;
    color: #8f1532 !important;
}
.taxFinal618 .btnGhost618,
.legalQrSection51 .btnSecondary618 {
    color: #fff8df !important;
    border-color: rgba(255, 248, 223, .46) !important;
    background: rgba(255, 255, 255, .08) !important;
}




/* ============================
   618 page section spacing compact fix v2
   同时压缩 section 的 padding 和 margin
   ============================ */

/* 原 51activity.css 里 .section51 有较大的 padding，这里统一覆盖 */
.section51 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 页面容器与顶部Banner之间 */
.container51 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.topImageBanner51 + .container51,
main.container51 {
    padding-top: 0 !important;
}

/* 顶部第一块再收紧 */
.container51 > .section51:first-child {
    padding-top: 8px !important;
    margin-top: 0 !important;
}

/* 标题与内容之间收紧 */
.section-title51 {
    margin-bottom: 8px !important;
}
.section-title51 h1 {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
}
.section-title51 p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 支撑图与上下内容之间 */
.supportImage618 {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

/* 常见卡片/网格上方间距 */
.chargeGrid618,
.taxScenario618,
.taxLearning618,
.taxCourseModule618,
.taxFit618,
.taxStats618,
.courseSupport618,
.lePlanWrap,
.vipPackageGrid51,
.vipV16-giftGrid,
.vipV16-story,
.vipV16-benefitStack,
.taxPriceBtns618,
.zoneLeadActions618 {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

/* 独立模块自身的外边距 */
.vipV16-coffee,
.taxHeroBuy618,
.footer51,
.finalCta618,
.legalQrSection51,
.advanced-section51 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* 咖啡礼遇头部与内容之间 */
.vipV16-coffeeHead {
    margin-bottom: 8px !important;
}

/* 列表/段落自身不要撑太多 */
.taxCard618 p,
.chargeCard618 span,
.lePlanCard p,
.advanced-section51 p,
.legalQrSection51 p,
.zoneLead618 p {
    margin-bottom: 0 !important;
}

/* 底部固定导航预留：从原来的 96/108px 压缩 */
body {
    padding-bottom: 62px !important;
}
.footer-rule,
.activityBottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 最后一块不要再额外留大空白，只保留导航安全距离由 body 控制 */
.container51 > .section51:last-child,
main.container51 > .footer51:last-child,
main.container51 > section:last-child {
    padding-bottom: 4px !important;
    margin-bottom: 0 !important;
}

/* 按钮区收紧 */
.lePlanBuy {
    padding-top: 12px !important;
}
.lePlanPrice,
.vipPackagePrice51,
.footer51 p {
    margin-bottom: 10px !important;
}

/* 手机端进一步压缩 */
@media (max-width: 900px) {
    .section51 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .container51 > .section51:first-child {
        padding-top: 6px !important;
    }
    .section-title51 {
        margin-bottom: 6px !important;
    }
    .supportImage618 {
        margin-top: 5px !important;
    }
    .vipV16-coffee,
    .taxHeroBuy618,
    .footer51,
    .finalCta618,
    .legalQrSection51,
    .advanced-section51 {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    body {
        padding-bottom: 58px !important;
    }
}

@media (max-width: 560px) {
    .section51 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .section-title51 h1 {
        margin-bottom: 3px !important;
    }
    .chargeGrid618,
    .taxScenario618,
    .taxLearning618,
    .taxCourseModule618,
    .taxFit618,
    .taxStats618,
    .courseSupport618,
    .lePlanWrap,
    .vipPackageGrid51,
    .vipV16-giftGrid,
    .vipV16-story,
    .vipV16-benefitStack,
    .taxPriceBtns618,
    .zoneLeadActions618 {
        margin-top: 6px !important;
    }
}


/* ============================
   618 Tax stats / top banner / tax QR section fix
   ============================ */

/* 1. 所有顶部图：手机端完整显示，不再裁切 */
.topImageBanner51 {
    line-height: 0 !important;
    background: #5f0a1e !important;
}
.topImageBanner51 img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}
@media (max-width: 900px) {
    .topImageBanner51 img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}
@media (max-width: 560px) {
    .topImageBanner51 img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* 2. Tax.aspx 四个数据块与上下模块的距离 */
.taxHeroBuy618 {
    padding-top: 2px !important;
    padding-bottom: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.taxHeroBuy618 .taxStats618 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    gap: 12px !important;
}
.taxHeroBuy618 .taxPriceCard618 {
    margin-top: 0 !important;
}
.taxStat618 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* 3. 财税法区底部扫码咨询版块 */
.taxQrSection51 {
    margin: 8px auto 0 !important;
    border-radius: 30px !important;
    padding: clamp(24px, 4vw, 40px) !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(246, 196, 92, .30), transparent 18rem),
        linear-gradient(135deg, #7d0f2b, #b42040) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(95, 8, 24, .18) !important;
}
.taxQrInner51 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 220px !important;
    gap: 26px !important;
    align-items: center !important;
}
.taxQrSection51 h2 {
    margin: 0 0 10px !important;
    color: #fff8df !important;
    font-size: clamp(28px, 3.4vw, 42px) !important;
    font-weight: 1000 !important;
    line-height: 1.25 !important;
}
.taxQrSection51 p {
    margin: 0 !important;
    max-width: 760px !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
}
.taxQrBox51 {
    display: grid !important;
    place-items: center !important;
    border-radius: 24px !important;
    padding: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.15) !important;
}
.taxQrBox51 img {
    width: 380px !important;
    height: 380px !important;
    object-fit: contain !important;
}

/* 税务二维码版块作为最后一块，底部不再留大空白 */
.container51 > .taxQrSection51:last-child,
main.container51 > .taxQrSection51:last-child {
    margin-bottom: 0 !important;
    padding-bottom: clamp(24px, 4vw, 40px) !important;
}

@media (max-width: 820px) {
    .taxQrInner51 {
        grid-template-columns: 1fr !important;
    }
    .taxQrBox51 {
        justify-self: center !important;
    }
    .taxQrBox51 img {
        width: 220px !important;
        height: 220px !important;
    }
}
@media (max-width: 560px) {
    .taxHeroBuy618 .taxStats618 {
        gap: 8px !important;
        margin-bottom: 10px !important;
    }
    .taxStat618 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .taxQrSection51 {
        margin-top: 6px !important;
        padding: 22px 18px !important;
        border-radius: 24px !important;
    }
    .taxQrSection51 p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}


/* ============================
   618 Tax QR style fallback fix
   财税法底部扫码版块样式兜底
   ============================ */
.vipQrSection51.taxQrSection51,
.taxQrSection51 {
    margin: 8px auto 0 !important;
    border-radius: 30px !important;
    padding: clamp(24px, 4vw, 40px) !important;
    background:
        radial-gradient(circle at 88% 18%, rgba(246, 196, 92, .30), transparent 18rem),
        linear-gradient(135deg, #7d0f2b, #b42040) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(95, 8, 24, .18) !important;
}

.vipQrSection51.taxQrSection51 .vipQrInner51,
.taxQrInner51 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 220px !important;
    gap: 26px !important;
    align-items: center !important;
}

.vipQrSection51.taxQrSection51 h2,
.taxQrSection51 h2 {
    margin: 0 0 10px !important;
    color: #fff8df !important;
    font-size: clamp(28px, 3.4vw, 42px) !important;
    font-weight: 1000 !important;
    line-height: 1.25 !important;
}

.vipQrSection51.taxQrSection51 p,
.taxQrSection51 p {
    margin: 0 !important;
    max-width: 760px !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

.vipQrSection51.taxQrSection51 .vipQrBox51,
.taxQrBox51 {
    display: grid !important;
    place-items: center !important;
    border-radius: 24px !important;
    padding: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.15) !important;
}

.vipQrSection51.taxQrSection51 .vipQrBox51 img,
.taxQrBox51 img {
    width: 220px !important;
    height: 220px !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

@media (max-width: 820px) {
    .vipQrSection51.taxQrSection51 .vipQrInner51,
    .taxQrInner51 {
        grid-template-columns: 1fr !important;
    }
    .vipQrSection51.taxQrSection51 .vipQrBox51,
    .taxQrBox51 {
        justify-self: center !important;
    }
}

@media (max-width: 560px) {
    .vipQrSection51.taxQrSection51,
    .taxQrSection51 {
        margin-top: 6px !important;
        padding: 22px 18px !important;
        border-radius: 24px !important;
    }
    .vipQrSection51.taxQrSection51 p,
    .taxQrSection51 p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}




/* VIP top buy crown icon refined to match vipPlan crown */
.vipTopBuyCard51 {
    position: relative;
}
.vipTopBuyCrown51 {
    position: absolute;
    right: clamp(20px, 3vw, 36px);
    top: clamp(48px, 5vw, 72px);
    color: rgba(255,255,255,.88);
    font-size: clamp(58px, 7vw, 92px);
    line-height: 1;
    z-index: 3;
    pointer-events: none;
}
.vipTopBuyCrownDouble51::after {
    content: "♕";
    position: absolute;
    right: 18px;
    top: -8px;
    font-size: .68em;
    color: rgba(255,255,255,.72);
    line-height: 1;
}
.vipTopBuyCard51 h3 {
    margin-top: 22px !important;
}
@media (max-width: 560px) {
    .vipTopBuyCrown51 {
        right: 16px;
        top: 44px;
        font-size: 56px;
    }
    .vipTopBuyCrownDouble51::after {
        right: 14px;
        top: -6px;
    }
}


/* VIP top buy subtle hint tags */
.vipTopHint51 {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.20);
    color: rgba(255,255,255,.92);
    font-size: 13px;
    font-weight: 1000;
    line-height: 1;
    letter-spacing: .02em;
}
.vipTopHintGold51 {
    background: rgba(255, 235, 179, .18);
    border-color: rgba(255, 235, 179, .34);
    color: #fff1bf;
}
.vipTopBuyDesc51 {
    margin-top: 10px !important;
}
@media (max-width: 560px) {
    .vipTopHint51 {
        margin-top: 6px;
        padding: 5px 10px;
        font-size: 12px;
    }
}

/* ============================
   618 page title & spacing final adjustment
   2026-06-17
   目标：版块标题整体调小；版块间距在上一版基础上略微放开。
   ============================ */

/* 版块之间：上一版过紧，这里适度放开，但不回到原始大间距 */
.section51 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.container51 > .section51:first-child {
    padding-top: 14px !important;
}
.section-title51 {
    margin-bottom: 12px !important;
}
.section-title51 h1 {
    font-size: clamp(24px, 2.4vw, 34px) !important;
    line-height: 1.28 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    letter-spacing: -.01em !important;
}
.section-title51 p {
    font-size: clamp(14px, 1.45vw, 17px) !important;
    line-height: 1.75 !important;
}

/* 各页面首屏/转化模块/特殊模块的大标题同步降一档 */
.zoneLead618 h2,
.vipTopBuyHeader51 h2,
.vipV16-coffeeHead h2,
.taxPriceCard618 h2,
.taxFinal618 h2,
.footer51 h2,
.finalCta618 h2,
.legalQrSection51 h2,
.taxQrSection51 h2,
.vipQrSection51.taxQrSection51 h2,
.advanced-section51 h2,
.lePlanTitle {
    font-size: clamp(24px, 2.6vw, 34px) !important;
    line-height: 1.28 !important;
}

/* 版块内常见内容区间距：比上一版略大，保持手机端可读性 */
.supportImage618 {
    margin-top: 10px !important;
    margin-bottom: 2px !important;
}
.chargeGrid618,
.taxScenario618,
.taxLearning618,
.taxCourseModule618,
.taxFit618,
.taxStats618,
.courseSupport618,
.lePlanWrap,
.vipPackageGrid51,
.vipV16-giftGrid,
.vipV16-story,
.vipV16-benefitStack,
.taxPriceBtns618,
.zoneLeadActions618 {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}
.vipV16-coffee,
.taxHeroBuy618,
.footer51,
.finalCta618,
.legalQrSection51,
.advanced-section51,
.taxQrSection51,
.vipQrSection51.taxQrSection51 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.vipV16-coffeeHead {
    margin-bottom: 12px !important;
}

/* 底部仍保留固定导航安全距离，不额外制造大留白 */
.container51 > .section51:last-child,
main.container51 > .footer51:last-child,
main.container51 > section:last-child {
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 900px) {
    .section51 {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .container51 > .section51:first-child {
        padding-top: 12px !important;
    }
    .section-title51 {
        margin-bottom: 10px !important;
    }
    .section-title51 h1,
    .zoneLead618 h2,
    .vipTopBuyHeader51 h2,
    .vipV16-coffeeHead h2,
    .taxPriceCard618 h2,
    .taxFinal618 h2,
    .footer51 h2,
    .finalCta618 h2,
    .legalQrSection51 h2,
    .taxQrSection51 h2,
    .vipQrSection51.taxQrSection51 h2,
    .advanced-section51 h2,
    .lePlanTitle {
        font-size: clamp(23px, 5.4vw, 30px) !important;
    }
    .supportImage618 {
        margin-top: 9px !important;
    }
    .vipV16-coffee,
    .taxHeroBuy618,
    .footer51,
    .finalCta618,
    .legalQrSection51,
    .advanced-section51,
    .taxQrSection51,
    .vipQrSection51.taxQrSection51 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 560px) {
    .section51 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .section-title51 h1 {
        font-size: 24px !important;
        margin-bottom: 4px !important;
    }
    .section-title51 p {
        font-size: 14px !important;
    }
    .zoneLead618 h2,
    .vipTopBuyHeader51 h2,
    .vipV16-coffeeHead h2,
    .taxPriceCard618 h2,
    .taxFinal618 h2,
    .footer51 h2,
    .finalCta618 h2,
    .legalQrSection51 h2,
    .taxQrSection51 h2,
    .vipQrSection51.taxQrSection51 h2,
    .advanced-section51 h2,
    .lePlanTitle {
        font-size: 24px !important;
    }
    .chargeGrid618,
    .taxScenario618,
    .taxLearning618,
    .taxCourseModule618,
    .taxFit618,
    .taxStats618,
    .courseSupport618,
    .lePlanWrap,
    .vipPackageGrid51,
    .vipV16-giftGrid,
    .vipV16-story,
    .vipV16-benefitStack,
    .taxPriceBtns618,
    .zoneLeadActions618 {
        margin-top: 10px !important;
    }
}