.email-overview { font-family: "Microsoft YaHei", Arial, sans-serif; }
.email-overview #new_bottom { margin-top: 0; }
.email-overview .email_cases { padding-bottom: 50px; }
.email-overview #example_swiper .email_case_logo { display: block; width: calc(100% - 24px); max-width: 240px; height: 70px; margin: 0 auto; overflow: hidden; }
@media (max-width: 768px) {
    .email-overview .email_cases { padding-bottom: 30px; }
    .email-overview #example_swiper .email_case_logo { height: 50px; }
}
.email-overview .window_width { max-width: 100%; box-sizing: border-box; }
.email-overview #header .new_header_top, .email-overview #header .new_header_menu .menu_view_box { min-width: 0; max-width: 100%; box-sizing: border-box; }
.email_versions { padding: 48px 20px; background: #F4F5F6; color: #333; }
.email_versions_inner { max-width: 1200px; margin: 0 auto; }
.email_versions_heading { text-align: center; margin-bottom: 34px; }
.email_versions_heading h1 { margin: 0 0 14px; font-size: 32px; line-height: 1.4; font-weight: 400; color: #222; }
.email_versions_heading p { margin: 0; font-size: 16px; line-height: 1.8; color: #666; }
.email_version_grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.email_version_card { display: flex; flex-direction: column; position: relative; overflow: hidden; min-width: 0; padding: 31px 20px 28px; border: 0; border-radius: 0; background: #fff; text-align: left; box-sizing: border-box; transition: box-shadow .2s, transform .2s; }
.email_version_card:hover { box-shadow: 0 18px 36px rgba(28,44,74,.1); transform: translateY(-6px); }
.email_version_card h2 { position: relative; margin: 0 0 18px; font-size: 20px; font-weight: 400; line-height: 1.5; }
.email_version_description { position: relative; min-height: 44px; margin: 0 0 20px; font-size: 13px; line-height: 1.7; color: #888; }
.email_version_specs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 32px; }
.email_version_specs > div { display: flex; flex-direction: column; justify-content: center; padding: 13px 8px; min-width: 0; border: 1px solid #eceef1; border-radius: 0; background: #f4f5f6; }
.email_version_specs dt { order: 2; margin-top: 4px; font-size: 12px; line-height: 1.5; font-weight: 400; color: #888; }
.email_version_specs dd { order: 1; margin: 0; font-size: 17px; line-height: 1.4; white-space: nowrap; }
.email_version_features { margin: 0; padding: 0; list-style: none; }
.email_version_features li { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 8px; padding: 0; font-size: 13px; line-height: 1.7; color: #666; }
.email_version_features svg { width: 15px; height: 17px; margin-top: 2px; flex: 0 0 15px; fill: none; stroke: #4584ff; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.email_version_purchase { margin-top: auto; padding-top: 32px; }
.email_version_price_row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.email_version_price_offer { display: flex; align-items: center; gap: 8px; }
.email_version_price { white-space: nowrap; font-size: 14px; color: #333; }
.email_version_price .price { font-family: Georgia, Tahoma; font-size: 28px; font-weight: bold; color: #f00; line-height: 1.4; }
.email_version_offer_badge { display: inline-block; padding: 2px 10px; border: 1px solid #f00; border-radius: 20px; color: #f00; font-size: 12px; font-weight: normal; line-height: 1.2; white-space: nowrap; }
.email_version_minimum { color: #888; font-size: 12px; white-space: nowrap; }
.email_version_buy { display: block; box-sizing: border-box; height: 40px; margin-top: 18px; padding: 0 16px; background: #c50000; color: #fff; text-align: center; font-size: 16px; line-height: 40px; text-decoration: none; }
.email_version_buy:hover { background: #a80000; color: #fff; text-decoration: none; }
.email_version_buy:focus-visible { outline: 2px solid #c50000; outline-offset: 3px; }
.email-overview h2.section_title, .email-overview h2.content_title { margin: 0; font-weight: 400; }
.email-overview .email_content_fallback { padding: 40px 20px; text-align: center; }
.email_advantages { padding: 50px 20px; background: #fff; color: #333; }
.email_advantages_inner { max-width: 1200px; margin: 0 auto; }
.email_advantages_heading { text-align: center; margin-bottom: 30px; }
.email_advantages_heading h2 { margin: 0 0 16px; font-size: 32px; line-height: 1.4; font-weight: 400; color: #222; }
.email_advantages_heading p { margin: 0; font-size: 16px; line-height: 1.8; color: #666; }
.email_advantage_grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.email_advantage_card { min-width: 0; box-sizing: border-box; padding: 40px 20px; background: #fff; text-align: center; box-shadow: 0 0 10px #ccc; }
.email_advantage_card img { display: block; width: 64px; height: 64px; margin: 0 auto; }
.email_advantage_card h3 { margin: 30px 0 20px; font-size: 20px; line-height: 1.4; font-weight: 400; }
.email_advantage_card ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.email_advantage_card li { position: relative; margin: 0 0 8px; padding-left: 18px; font-size: 14px; line-height: 1.65; color: #666; overflow-wrap: break-word; }
.email_advantage_card li:last-child { margin-bottom: 0; }
.email_advantage_card li:before { content: "\2713"; position: absolute; left: 0; top: 0; color: #4584ff; font-size: 12px; }
.email_scenarios { padding: 50px 20px; background: #F4F5F6; color: #333; }
.email_scenarios_inner { max-width: 1200px; margin: 0 auto; }
.email_scenarios_heading { margin-bottom: 40px; text-align: center; }
.email_scenarios_heading h2 { margin: 0 0 16px; font-size: 32px; line-height: 1.4; font-weight: 400; color: #222; }
.email_scenarios_heading p { margin: 0; font-size: 16px; line-height: 1.8; color: #666; }
.email_scene_list { display: flex; align-items: stretch; gap: 24px; }
.email_scene { flex: 1 1 0; min-width: 0; min-height: 380px; padding: 20px; box-sizing: border-box; border-radius: 4px; color: #fff; text-align: left; background: var(--scene-image) no-repeat center / 100% 100%; transition: flex-grow .25s ease; }
.email_scene[open] { flex-grow: 2.7; padding: 20px 28px 28px; color: #333; background-image: var(--scene-expanded); background-size: 100% calc(100% + 20px); background-position: center -8px; }
.email_scene summary { display: block; list-style: none; cursor: pointer; }
.email_scene summary::-webkit-details-marker { display: none; }
.email_scene summary:focus-visible { outline: 2px solid #2766d8; outline-offset: 6px; }
.email_scene h3 { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 20px; color: inherit; font-size: 18px; line-height: 28px; font-weight: 500; white-space: nowrap; }
.email_scene[open] h3 { color: #1e2840; }
.email_scene[open] h3 span { display: none; }
.email_scene_description { margin: 0; font-size: 13px; line-height: 26px; overflow-wrap: anywhere; }
.email_scene:not([open]) .email_scene_description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.email_scene[open] .email_scene_description { color: #5c6d8f; }
.email_scene_features { margin: 25px 0 0; padding: 0; list-style: none; }
.email_scene_features li { position: relative; padding-left: 22px; margin: 0; font-size: 13px; line-height: 26px; overflow-wrap: anywhere; }
.email_scene_features li:before { content: "\2713"; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; border-radius: 50%; color: #4584ff; background: #fff; text-align: center; font-size: 9px; line-height: 12px; }
.email_scene--international-trade { --scene-image: url('/email/images/scenarios/international-trade.png'); --scene-expanded: url('/email/images/scenarios/international-trade-expanded.png'); }
.email_scene--manufacturing { --scene-image: url('/email/images/scenarios/manufacturing.png'); --scene-expanded: url('/email/images/scenarios/manufacturing-expanded.png'); }
.email_scene--finance { --scene-image: url('/email/images/scenarios/finance.png'); --scene-expanded: url('/email/images/scenarios/logistics-expanded.png'); }
.email_scene--logistics { --scene-image: url('/email/images/scenarios/logistics.png'); --scene-expanded: url('/email/images/scenarios/logistics-expanded.png'); }
.email_scene--culture-media { --scene-image: url('/email/images/scenarios/culture-media.png'); --scene-expanded: url('/email/images/scenarios/culture-media-expanded.png'); }
.email_comparison { padding: 50px 20px; background: #fff; color: #333; text-align: left; }
.email_comparison_inner { max-width: 1200px; margin: 0 auto; }
.email_comparison [hidden] { display: none !important; }
.email_comparison_actions { margin-top: 24px; text-align: center; }
.email_comparison_more { min-width: 160px; height: 40px; padding: 0 24px; border: 1px solid #c50000; background: #fff; color: #c50000; font: inherit; font-size: 14px; cursor: pointer; }
.email_comparison_more:hover { background: #c50000; color: #fff; }
.email_comparison_more:focus-visible { outline: 2px solid #c50000; outline-offset: 3px; }
.email_comparison_heading { margin-bottom: 28px; text-align: center; }
.email_comparison_heading h2 { margin: 0 0 16px; font-size: 32px; line-height: 1.4; font-weight: 400; color: #222; }
.email_comparison_heading p { margin: 0; font-size: 16px; line-height: 1.8; color: #666; }
.email_comparison_hint { display: none; margin: 0 0 16px; font-size: 13px; line-height: 1.7; color: #888; }
.email_comparison_scroll { overflow-x: auto; border: 1px solid #f4f5f6; }
.email_comparison_table { width: 100%; min-width: 680px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.7; }
.email_feature_category_col { width: 13%; }
.email_feature_name_col { width: 24%; }
.email_feature_value_col { width: 21%; }
.email_comparison_table th, .email_comparison_table td { box-sizing: border-box; height: 60px; padding: 12px; border: 0; border-right: 1px solid #f4f5f6; border-bottom: 1px solid #f4f5f6; overflow-wrap: anywhere; vertical-align: middle; background: #fff; text-align: center; font-weight: 400; }
.email_comparison_table tr > :last-child { border-right: 0; }
.email_comparison_table thead th { height: 72px; font-size: 16px; color: #333; }
.email_feature_group + .email_feature_group > tr:first-child > * { border-top: 5px solid #f4f5f6; }
.email_comparison_table .email_feature_category { font-size: 16px; }
.email_feature_edition { white-space: nowrap; }
.email_feature_yes { color: #2879e6; font-size: 20px; }
.email_feature_no { color: #999; font-size: 20px; }
.email_comparison_scroll:focus-visible { outline: 2px solid #2879e6; outline-offset: 2px; }
.email_sr_only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 768px) {
    .email_comparison { padding: 30px 16px; }
    .email_comparison_heading h2 { font-size: 26px; }
    .email_comparison_hint { display: block; margin-top: 6px; color: #888; }
    .email_comparison_table { font-size: 13px; }
    .email_comparison_table th, .email_comparison_table td { padding: 10px; }
}
@media (max-width: 1100px) {
    .email_scene_list { flex-direction: column; gap: 16px; }
    .email_scene { flex: none; min-height: 140px; background-image: linear-gradient(90deg, rgba(0,44,100,.85), rgba(0,44,100,.15)), var(--scene-image); background-size: cover; background-position: center 85%; }
    .email_scene[open] { flex: none; min-height: 0; }
    .email_scene:not([open]) .email_scene_description { max-width: 80%; }
}
@media (max-width: 768px) {
    .email_scenarios { padding: 30px 16px; }
    .email_scenarios_heading { margin-bottom: 24px; }
    .email_scenarios_heading h2 { font-size: 26px; }
    .email_scene[open] { padding: 20px 24px 28px; }
    .email_scene_description, .email_scene_features li { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .email_scene { transition: none; }
}
@media (max-width: 1024px) {
    .email_advantage_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .email_advantages { padding: 32px 16px; }
    .email_advantages_heading h2 { font-size: 26px; }
    .email_advantage_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .email_advantage_card { padding: 24px 12px; }
    .email_advantage_card h3 { margin: 20px 0 16px; font-size: 20px; }
    .email_advantage_card li { padding-left: 14px; }
}
@media (max-width: 1200px) {
    .email_version_grid { gap: 16px; }
    .email_version_card { padding: 20px 14px; }
    .email_version_specs { gap: 5px; }
    .email_version_specs > div { padding: 12px 6px; }
    .email_version_specs dd { font-size: 15px; }
}
@media (max-width: 768px) {
    .email-desktop #header { position: relative; height: auto; }
    .email-desktop #header .new_header_top { display: none; }
    .email-desktop #header .new_header_menu { margin-top: 0; background: #fff; }
    .email-desktop #header .new_header_menu .menu_view_box { height: auto; padding: 0; margin-bottom: 0; }
    .email-desktop #header .new_header_menu .logo.white { display: none; }
    .email-desktop #header .new_header_menu .logo.black { display: block; margin: 0; padding: 12px 16px; }
    .email-desktop #header .logo_content .brand_provider_badge,
    .email-desktop #header .logo_content .more_logo { display: none; }
    .email-desktop #header .brand_home_link img { width: auto; height: 36px; }
    .email-desktop #header .new_header_menu .menu_list { display: flex; float: none; width: 100%; overflow-x: auto; }
    .email-desktop #header .new_header_menu .menu_list > a.right { flex: 0 0 auto; float: none; height: 44px; line-height: 42px; padding: 0 14px; margin: 0; font-size: 14px; white-space: nowrap; }
    .email-desktop #header .new_sec_menu { position: static; width: 100%; min-width: 0; height: auto; }
    .email-desktop #header .new_sec_menu .menu_list_view { overflow-x: auto; }
    .email-desktop #header .new_sec_menu .sec_menu_width { display: flex; justify-content: flex-start; width: max-content; max-width: none; min-width: 100%; height: auto; padding: 0; margin: 0; }
    .email-desktop #header .new_sec_menu li { flex: 0 0 auto; float: none; width: auto; padding: 0; margin: 0; }
    .email-desktop #header .new_sec_menu li a { display: block; padding: 0 14px; }
    .email-desktop #header .new_sec_menu li p { margin: 0; padding: 0; font-size: 14px; line-height: 44px; white-space: nowrap; }
    .email-desktop .new_banner.sec_banner { position: relative; top: auto; height: 220px; }
    .email-desktop .new_banner.sec_banner .main_div { width: 100%; height: 100%; margin-top: 0; padding: 0 16px; align-items: center; }
    .email-desktop .new_banner .left_item { margin: 0; }
    .email-desktop .new_banner .title { font-size: 28px; }
    .email-desktop .new_banner .content { font-size: 16px; margin: 18px 0 0; }
    .email-desktop .new_banner_margin.sec_banner_margin { display: none; margin: 0; }
    .email_versions { padding: 30px 16px; }
    .email_versions_heading { margin-bottom: 24px; }
    .email_versions_heading h1 { font-size: 26px; }
    .email_version_grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .email_version_card { padding: 24px 20px; }
    .email_version_card h2 { margin-bottom: 12px; font-size: 21px; }
    .email_version_description { min-height: 0; margin-bottom: 24px; font-size: 14px; }
    .email_version_specs { gap: 8px; margin-bottom: 24px; }
    .email_version_specs dd { font-size: 17px; }
    .email_version_features li { font-size: 14px; }
    .email-overview #bottom_nice_newBridge { position: static; display: flex; flex-direction: row; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 18px 12px 84px; background: #fff; }
    .email-overview #bottom_nice_newBridge > div { position: static; flex: none; }
}
@media (max-width: 360px) {
    .email_version_card { padding: 20px 14px; }
    .email_version_specs { gap: 5px; }
    .email_version_specs dd { font-size: 16px; }
    .email_version_specs dt { font-size: 11px; }
}


.email_faq,.email_faq *{box-sizing:border-box;}
.email_faq{padding:64px 24px 72px;color:#222;}
.email_faq_inner{width:1200px;max-width:100%;margin:0 auto;}
.email_faq_heading{text-align:center;}
.email_faq_heading h2{margin:0;font-size:32px;font-weight:400;line-height:1.4;color:#222;}
@media(max-width:768px){.email_faq{padding:30px 16px;}.email_faq_heading h2{font-size:26px;}}
.email_faq{background:#fff;}
.email_faq .email_faq_heading{margin-bottom:34px;}
.email_faq_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 20px;margin:0;padding:0;}
.email_faq_item{min-width:0;border:0;border-radius:0;background:#fff;text-align:left;}
.email_faq_item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;list-style:none;cursor:pointer;}
.email_faq_item summary::-webkit-details-marker{display:none;}
.email_faq_item summary:focus-visible{outline:2px solid #cc0000;outline-offset:3px;}
.email_faq_item h3{margin:0;color:#222;font-size:18px;font-weight:400;line-height:1.5;overflow-wrap:break-word;}
.email_faq_chevron{flex:0 0 8px;width:8px;height:8px;margin-right:3px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg);}
.email_faq_item[open] .email_faq_chevron{border-color:#cc0000;transform:rotate(225deg);}
.email_faq_item[open] summary h3{color:#cc0000;}
.email_faq_item p{margin:0;padding:0 24px 20px;color:#666;font-size:14px;line-height:1.8;overflow-wrap:break-word;}
@media(max-width:768px){
 .email_faq .email_faq_heading{margin-bottom:24px;}
 .email_faq_grid{grid-template-columns:minmax(0,1fr);gap:12px;}
 .email_faq_item summary{padding:16px;gap:12px;}
 .email_faq_item h3{font-size:16px;line-height:1.5;}
 .email_faq_item p{padding:0 16px 16px;font-size:14px;line-height:1.75;}
}
