/* Hudoo VIS 2026. Scoped: previously approved pages never receive this class. */
.hudoo-vis-sitewide *,.hudoo-vis-sitewide *:before,.hudoo-vis-sitewide *:after{box-sizing:border-box}
.hudoo-vis-sitewide img{height:auto}
body.hudoo-vis-sitewide{--hd-font:'Jost','Noto Sans SC','Source Han Sans CN','PingFang SC','Microsoft YaHei',sans-serif;--mainColor:#1A96B1;--otherColor:#1A96B1;--hd-heading:#12333C;--hd-ink:#3D3D3D;--hd-copy:#5E6E74;--hd-border:#E8ECEE;--hd-blue-1:#1A96B1;--hd-blue-2:#31B0D5;--hd-bg:#FDFDFE;font-family:var(--hd-font);color:var(--hd-ink);background:var(--hd-bg);-webkit-font-smoothing:antialiased}
.hudoo-vis-sitewide :where(h1,h2,h3,h4,h5,h6,p,span,a,li,div,button,input,textarea,select,dt,dd,th,td,label,strong,em,b,time,small,summary,figcaption){font-family:var(--hd-font)!important}
.hudoo-vis-sitewide :where(h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;text-wrap:balance}
.hudoo-vis-sitewide h1{font-size:clamp(30px,3.3vw,46px);font-weight:900;line-height:1.42;letter-spacing:0;color:#12333C}
.hudoo-vis-sitewide .banner h1{color:#12333C}
.hudoo-vis-sitewide .banner h1 span{color:#1A96B1}
.hudoo-vis-sitewide .ads_banner_box.dark h1{color:#fff}
.hudoo-vis-sitewide h2{font-weight:700;line-height:1.5}
.hudoo-vis-sitewide h3{font-weight:700;line-height:1.6}
.hudoo-vis-sitewide .content p{line-height:1.9;font-weight:400}
.hudoo-vis-sitewide :where(.contentWH1300,.contentWH1400,.contentWH1600){width:min(1300px,calc(100% - 80px));max-width:100%}
.hudoo-vis-sitewide :where(.contentWH1200){width:min(1200px,calc(100% - 80px));max-width:100%}
.hudoo-vis-sitewide .header_top_box{height:40px;background:#FBFBFB;border-bottom:1px solid var(--hd-border)}
.hudoo-vis-sitewide .header_top_box .contentWH1300{height:40px}
.hudoo-vis-sitewide .header_slogan{font-size:13px;color:#65767D;line-height:1.6}
.hudoo-vis-sitewide .header_top_right,.hudoo-vis-sitewide .header_top_right a{color:#5E6E74}
.hudoo-vis-sitewide .header_top_right img{filter:grayscale(1);opacity:.65}
.hudoo-vis-sitewide .header_bottom_box{height:84px;background:#FDFDFE;border-bottom:1px solid var(--hd-border);box-shadow:0 4px 18px #12333c08}
.hudoo-vis-sitewide .header_bottom_box>.contentWH1300{height:84px}
.hudoo-vis-sitewide .logo{width:140px}
.hudoo-vis-sitewide .logo :where(.text-part,.icon-part){opacity:1!important;fill-opacity:1!important;stroke-width:0!important}
.hudoo-vis-sitewide .nav_frist_link{font-size:15px;font-weight:500}
.hudoo-vis-sitewide :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #31B0D5;outline-offset:4px}
.hudoo-vis-sitewide :where(.tpl_banner,.google_seo_banner_box,.shopify_seo_banner_box,.woocommerce_banner_box,.linkedin_banner_box,.facebook_banner_box,.youtube_banner_box,.tiktok_banner_box,.ads_banner_box,.b2b_hero,.dtc_hero){background:linear-gradient(135deg,#FDFDFE,#EFF9FB);color:#12333C}
.hudoo-vis-sitewide .ads_banner_box.dark{background:linear-gradient(150deg,#0B222B,#124350);color:#fff}
.hudoo-vis-sitewide .ads_banner_left h3,.hudoo-vis-sitewide .ads_banner_left p strong{background:none;color:#1A96B1;-webkit-text-fill-color:currentColor}
.hudoo-vis-sitewide .ads_banner_left p{border-left-color:#1A96B1}
.hudoo-vis-sitewide .tpl_banner_txt h1{color:#12333C;font-size:42px;font-weight:900;line-height:1.42}
.hudoo-vis-sitewide .tpl_banner_txt p{max-width:820px;line-height:1.9;color:#5E6E74}
.hudoo-vis-sitewide :where(.banner,.b2b_hero,.dtc_hero) h1{font-size:clamp(30px,3.3vw,46px);font-weight:900;line-height:1.4;letter-spacing:0}
.hudoo-vis-sitewide :where(.banner,.b2b_hero,.dtc_hero) h1 span{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}
.hudoo-vis-sitewide :where(.banner,.b2b_hero,.dtc_hero) h3{font-size:23px;line-height:1.6}
.hudoo-vis-sitewide :where(.banner,.b2b_hero,.dtc_hero) p{font-size:16px;line-height:1.9}
.hudoo-vis-sitewide .google_seo_banner_left_ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hudoo-vis-sitewide .google_seo_banner_left_ul li{width:100%;min-width:0;align-items:flex-start}
.hudoo-vis-sitewide .google_seo_banner_left_ul_txt{min-width:0}
.hudoo-vis-sitewide .google_seo_banner_left_ul_txt h3{font-size:17px;line-height:1.6;text-wrap:wrap}
.hudoo-vis-sitewide .google_seo_banner_left_ul_txt p{font-size:14px;line-height:1.9}
.hudoo-vis-sitewide .google_seo_banner_left_input{height:auto;display:flex;gap:10px;padding:0;box-shadow:none}
.hudoo-vis-sitewide .google_seo_banner_left_input input{height:50px;min-width:0;flex:1;padding:0 14px;box-shadow:none}
.hudoo-vis-sitewide .google_seo_banner_left_input a{position:static;transform:none;height:auto;min-height:50px;flex:0 0 210px;padding:10px 18px;font-size:15px;line-height:1.6;text-align:center;white-space:nowrap}
.hudoo-vis-sitewide :where(.google_seo_title,.bing_seo_why_title,.yandex_seo_market_title,.yandex_seo_service_title,.shopify_seo_why_title,.b2b_head,.dtc_head) h2{font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1.5}
.hudoo-vis-sitewide :where(.ads_banner_right,.google_seo_banner_right,.shopify_seo_banner_right,.linkedin_banner_right,.facebook_banner_right,.youtube_banner_right,.tiktok_banner_right,.b2b_hero_right,.dtc_hero_right){min-width:0;display:flex;align-items:center;justify-content:center}
.hudoo-vis-sitewide .hd26-hero-art{width:min(100%,500px);margin:20px auto;padding:28px 30px;background:#fff;border:1px solid #DCECEF;border-radius:18px;box-shadow:0 16px 42px #12333c0a;text-align:center;color:#12333C}
.hudoo-vis-sitewide .hd26-hero-art>img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;position:static;transform:none}
.hudoo-vis-sitewide .hd26-eyebrow{display:block;color:#1A96B1;font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:600}
.hudoo-vis-sitewide .hd26-hero-art figcaption>strong{display:block;font-size:19px;font-weight:700;line-height:1.6}
.hudoo-vis-sitewide .hd26-hero-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.hudoo-vis-sitewide .hd26-hero-steps span{padding:10px 5px;border:1px solid #E8ECEE;border-radius:10px;font-size:13px;color:#4D6871}
.hudoo-vis-sitewide .hd26-hero-steps b{display:block;color:#1A96B1;font:600 20px/1.5 Jost,sans-serif}
.hudoo-vis-sitewide .bing_seo_banner_box{background:linear-gradient(135deg,#FDFDFE,#EAF6FA);min-height:680px;height:auto;position:relative}
.hudoo-vis-sitewide .bing_seo_banner_bg{position:absolute;right:max(40px,calc((100vw - 1300px)/2));left:auto;top:75px;bottom:auto;width:38%;height:auto;background:none}
.hudoo-vis-sitewide .bing_seo_banner_bg:after{display:none}
.hudoo-vis-sitewide .bing_seo_banner_content_box{position:relative;min-height:680px;height:auto;background:none;inset:auto}
.hudoo-vis-sitewide .bing_seo_banner_content{width:56%;text-align:left;margin:0;padding:100px 0 55px}
.hudoo-vis-sitewide .bing_seo_banner_content :where(h1,p){text-align:left;color:#12333C}
.hudoo-vis-sitewide .bing_seo_banner_content h1 span{display:block;color:#1A96B1;background:none;white-space:normal;margin-top:10px}
.hudoo-vis-sitewide .bing_seo_banner_content p{color:#5E6E74}
.hudoo-vis-sitewide .bing_seo_banner_tag{width:auto;display:inline-flex;color:#1A96B1;background:#fff;border:1px solid #CEE7EC;border-radius:99px;padding:8px 15px;margin:0;font-size:13px}
.hudoo-vis-sitewide .bing_seo_banner_content_btn{justify-content:flex-start;flex-wrap:wrap;gap:12px}
.hudoo-vis-sitewide .bing_seo_banner_content_btn a{margin:0;width:auto;padding:0 24px;min-height:48px}
.hudoo-vis-sitewide .bing_seo_banner_content_btn_right{background:transparent;border:1px solid #1A96B1;color:#1A96B1}
.hudoo-vis-sitewide .bing_seo_banner_btn{display:none}
.hudoo-vis-sitewide .tpl_crumb_light :where(a,i,span){color:#607B83}
.hudoo-vis-sitewide .ads_banner_box.dark .tpl_crumb_light :where(a,i,span){color:#D7E4E9}
.hudoo-vis-sitewide .yandex_seo_banner_bg{background:linear-gradient(135deg,#FDFDFE,#EAF6FA);height:100%}
.hudoo-vis-sitewide .yandex_seo_banner_content{position:relative;padding:110px 0 70px;background:linear-gradient(135deg,#FDFDFE,#EAF6FA)}
.hudoo-vis-sitewide .yandex_seo_banner_content_left{width:54%;padding-bottom:0}
.hudoo-vis-sitewide .yandex_seo_banner_content_left h2{color:#1A96B1;line-height:1.6}
.hudoo-vis-sitewide .yandex_seo_banner_content_left p{color:#5E6E74;border-color:#1A96B1}
.hudoo-vis-sitewide .yandex_seo_banner_content_left_tag{width:auto;display:inline-flex;padding:8px 16px;border:1px solid #CEE7EC;border-radius:99px;background:#fff;color:#1A96B1;line-height:1.6}
.hudoo-vis-sitewide .yandex_seo_banner_content_left_btn{gap:12px;flex-wrap:wrap}
.hudoo-vis-sitewide .yandex_seo_banner_content_left_btn a{width:auto;min-height:50px;height:auto;padding:12px 20px;font-size:15px;margin:0}
.hudoo-vis-sitewide .yandex_seo_banner_content_left_btn1{background:#1A96B1;color:#fff}
.hudoo-vis-sitewide .yandex_seo_banner_content_left_btn2{border:1px solid #1A96B1;color:#1A96B1}
.hudoo-vis-sitewide .yandex_seo_banner_content_right{width:42%;display:flex;align-items:center}
.hudoo-vis-sitewide :where(.tpl_dt_btn1,.tpl_cta_btn1,.dts_btn_main,.b2b_hero_btn,.dtc_hero_btn,.bing_seo_banner_content_btn_left,.shopify_seo_banner_left_top_buttom,.google_seo_banner_left_input a,.ads_banner_left>a,.linkedin_banner_left_top>a,.facebook_banner_left_top>a,.youtube_banner_left_top>a,.tiktok_banner_left_top>a,.email_inquire_btn,.news_detial_form_btn){background:#1A96B1!important;color:#fff!important;border-color:#1A96B1!important;box-shadow:none!important;font-weight:600}
.hudoo-vis-sitewide :where(.ads_banner_left_data,.cs_num_ul){text-align:center}
.hudoo-vis-sitewide .tpl_dt_info h1{font-size:clamp(28px,2.4vw,36px);line-height:1.5;font-weight:900;color:#12333C}
.hudoo-vis-sitewide .tpl_dt_info{min-width:0}
.hudoo-vis-sitewide .tpl_dt_desc{font-size:16px;line-height:1.9}
.hudoo-vis-sitewide :where(.dts_tpl_card,.nw_feat_main,.nw_feat_side>a){border-radius:14px;border:1px solid #E8ECEE;overflow:hidden}
.hudoo-vis-sitewide .dts_tpl_meta h3{font-size:18px;font-weight:700;line-height:1.6}
.hudoo-vis-sitewide .dts_tpl_shot{aspect-ratio:16/10;overflow:hidden}
.hudoo-vis-sitewide .dts_tpl_shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.hudoo-vis-sitewide .nw_rows h2{font-size:22px;font-weight:700;line-height:1.6}
.hudoo-vis-sitewide .nw_rows p{font-size:15px;line-height:1.9}
.hudoo-vis-sitewide .tpl_article{max-width:900px;margin:auto;padding:40px;border:1px solid #E8ECEE;border-radius:14px;background:#fff;font-size:16px;line-height:2}
.hudoo-vis-sitewide .tpl_article h2{margin:36px 0 16px;font-size:26px;color:#12333C}
.hudoo-vis-sitewide .tpl_article p{margin:0 0 20px}
.hudoo-vis-sitewide #news_content :where(p,li,span){font-family:var(--hd-font)!important;font-size:16px!important;line-height:2!important}
.hudoo-vis-sitewide #news_content h2{font-weight:700}
.hudoo-vis-sitewide #news_content :where(h2,h3,h4) span{font-size:inherit!important;line-height:inherit!important;font-weight:inherit}
.hudoo-vis-sitewide #news_content p{margin:0 0 20px}
.hudoo-vis-sitewide #news_content img{max-width:100%;height:auto}
.hudoo-vis-sitewide #news_content .article-table-wrap{max-width:100%;overflow:auto}
.hudoo-vis-sitewide .hd26-notice{padding:20px 24px;border-left:4px solid #1A96B1;border-radius:8px;background:#F0FAFB;margin:24px 0}
.hudoo-vis-sitewide .hd26-notice p{margin:10px 0 0!important}
.hudoo-vis-sitewide .hd26-category-intro{padding:28px 0 0;background:#FDFDFE}
.hudoo-vis-sitewide .hd26-category-intro details{padding:24px 28px;border:1px solid #DCECEF;border-radius:14px;background:#fff}
.hudoo-vis-sitewide .hd26-category-intro summary{cursor:pointer;display:flex;gap:16px;justify-content:space-between;align-items:center;color:#12333C;font-size:21px;font-weight:700;line-height:1.6;list-style:none}
.hudoo-vis-sitewide .hd26-category-intro summary:after{content:'−';font:400 24px/1 Jost,sans-serif;color:#1A96B1}
.hudoo-vis-sitewide .hd26-category-intro details:not([open]) summary:after{content:'+'}
.hudoo-vis-sitewide .hd26-category-intro small{margin-left:auto;color:#607B83;font-size:12px;font-weight:400}
.hudoo-vis-sitewide .hd26-intro-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:20px}
.hudoo-vis-sitewide .hd26-intro-copy p{font-size:15px;line-height:1.95;color:#5E6E74}
.hudoo-vis-sitewide .hd26-guidance{padding:72px 0;background:#F4F9FA;border-top:1px solid #E8ECEE}
.hudoo-vis-sitewide .hd26-guidance h2{margin:12px 0 30px;color:#12333C;font-size:30px;font-weight:700}
.hudoo-vis-sitewide .hd26-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hudoo-vis-sitewide .hd26-guidance article{padding:26px;background:#fff;border:1px solid #E8ECEE;border-radius:14px;min-width:0}
.hudoo-vis-sitewide .hd26-step{font:500 24px/1.3 Jost,sans-serif;color:#1A96B1}
.hudoo-vis-sitewide .hd26-guidance h3{margin:14px 0 12px;color:#12333C;font-size:20px;font-weight:700}
.hudoo-vis-sitewide .hd26-guidance p{margin:0;color:#5E6E74;font-size:15px;line-height:1.95}
.hudoo-vis-sitewide .hd26-related{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:15px}
.hudoo-vis-sitewide .hd26-related a{color:#167F95;text-decoration:underline;text-underline-offset:4px;line-height:1.8}
.hudoo-vis-sitewide .hd26-related .hd26-primary{display:inline-flex;align-items:center;min-height:46px;padding:8px 22px;border-radius:99px;background:#1A96B1;color:white;text-decoration:none}
.hudoo-vis-sitewide .wow{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important}
@media (max-width:1100px){.hudoo-vis-sitewide .header_slogan{max-width:360px}.hudoo-vis-sitewide .hd26-hero-art{padding:24px 20px}.hudoo-vis-sitewide .hd26-hero-steps{gap:6px}.hudoo-vis-sitewide .hd26-hero-steps span{font-size:12px}}
@media (max-width:999px){.hudoo-vis-sitewide :where(.contentWH1300,.contentWH1400,.contentWH1600,.contentWH1200){width:calc(100% - 40px)}.hudoo-vis-sitewide .header_top_box{display:none}.hudoo-vis-sitewide .header_bottom_box,.hudoo-vis-sitewide .header_bottom_box>.contentWH1300{height:72px}.hudoo-vis-sitewide .logo{width:125px}.hudoo-vis-sitewide .hd26-intro-copy,.hudoo-vis-sitewide .hd26-guidance-grid{grid-template-columns:1fr}.hudoo-vis-sitewide .bing_seo_banner_bg{position:relative;top:auto;right:auto;left:auto;width:100%;padding:0 20px}.hudoo-vis-sitewide .bing_seo_banner_box{display:flex;flex-direction:column}.hudoo-vis-sitewide .bing_seo_banner_bg{order:2}.hudoo-vis-sitewide .bing_seo_banner_content_box{min-height:0;order:1}.hudoo-vis-sitewide .bing_seo_banner_content{width:100%;padding:90px 0 20px}.hudoo-vis-sitewide .yandex_seo_banner_content{padding:90px 0 40px}.hudoo-vis-sitewide .yandex_seo_banner_content_right{width:100%}.hudoo-vis-sitewide .hd26-hero-art{max-width:460px;margin:20px auto 36px}}
@media (max-width:640px){.hudoo-vis-sitewide h1,.hudoo-vis-sitewide .tpl_banner_txt h1,.hudoo-vis-sitewide :where(.banner,.b2b_hero,.dtc_hero) h1{font-size:30px;line-height:1.45}.hudoo-vis-sitewide .tpl_banner_txt p{font-size:15px;line-height:1.9}.hudoo-vis-sitewide .tpl_dt_info h1{font-size:28px}.hudoo-vis-sitewide .hd26-hero-art{padding:22px 18px}.hudoo-vis-sitewide .hd26-hero-art>img{max-height:240px}.hudoo-vis-sitewide .hd26-hero-art figcaption>strong{font-size:17px}.hudoo-vis-sitewide .hd26-category-intro details{padding:18px}.hudoo-vis-sitewide .hd26-category-intro summary{font-size:18px;gap:12px}.hudoo-vis-sitewide .hd26-category-intro small{display:none}.hudoo-vis-sitewide .hd26-intro-copy{gap:16px}.hudoo-vis-sitewide .hd26-guidance{padding:46px 0}.hudoo-vis-sitewide .hd26-guidance h2{font-size:26px}.hudoo-vis-sitewide .hd26-guidance article{padding:22px}.hudoo-vis-sitewide .tpl_article{padding:24px 20px}.hudoo-vis-sitewide .nw_rows h2{font-size:19px}.hudoo-vis-sitewide .hd26-related{gap:12px 18px}.hudoo-vis-sitewide .bing_seo_banner_content_btn a{font-size:14px;padding:0 16px}.hudoo-vis-sitewide .tpl_dt_preview{max-width:100%}.hudoo-vis-sitewide .email_inquire_box{max-width:calc(100% - 32px)}}
@media (prefers-reduced-motion:reduce){.hudoo-vis-sitewide *,.hudoo-vis-sitewide *:before,.hudoo-vis-sitewide *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:999px){.hudoo-vis-sitewide .yandex_seo_banner_content>.contentWH1300{flex-direction:column;gap:24px}.hudoo-vis-sitewide .yandex_seo_banner_content_left,.hudoo-vis-sitewide .yandex_seo_banner_content_right{width:100%}}
@media(max-width:640px){.hudoo-vis-sitewide .google_seo_banner_left_ul{grid-template-columns:1fr;gap:0}.hudoo-vis-sitewide .google_seo_banner_left_ul li{margin-top:18px}.hudoo-vis-sitewide .google_seo_banner_left_input{flex-direction:column}.hudoo-vis-sitewide .google_seo_banner_left_input a{flex:auto;width:100%}.hudoo-vis-sitewide .google_seo_banner_left_input input{flex:auto;width:100%}.hudoo-vis-sitewide .google_seo_banner_left_ul_txt h3{font-size:18px}}
