
.sitewidget-form-20260804171446-KdpPnNHyuvWS #formsubmit{ pointer-events: none; }
.sitewidget-form-20260804171446-KdpPnNHyuvWS #formsubmit.releaseClick{ pointer-events: unset; }

.sitewidget-form-20260804171446-KdpPnNHyuvWS .form-horizontal input,.sitewidget-form-20260804171446-KdpPnNHyuvWS .form-horizontal span:not(.select2-selection--single),.sitewidget-form-20260804171446-KdpPnNHyuvWS .form-horizontal label,.sitewidget-form-20260804171446-KdpPnNHyuvWS .form-horizontal .form-builder button{height:32px !important;line-height:32px !important;}
.sitewidget-form-20260804171446-KdpPnNHyuvWS .uploadBtn{padding:4px 15px !important;height:32px !important;line-height:32px !important;}

.sitewidget-form-20260804171446-KdpPnNHyuvWS select, .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="text"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="password"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="datetime"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="datetime-local"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="date"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="month"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="time"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="week"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="number"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="email"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="url"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="search"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="tel"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="color"], .sitewidget-form-20260804171446-KdpPnNHyuvWS .uneditable-input{height:32px !important;}
.sitewidget-form-20260804171446-KdpPnNHyuvWS.sitewidget-inquire .control-group .controls .select2-container .select2-selection--single .select2-selection__rendered{height:32px !important;line-height:32px !important;}
.sitewidget-form-20260804171446-KdpPnNHyuvWS textarea.cus-message-input{min-height:32px !important;}
.sitewidget-form-20260804171446-KdpPnNHyuvWS .add-on, .sitewidget-form-20260804171446-KdpPnNHyuvWS .add-on{height:32px !important;line-height:32px !important;}

	.sitewidget-form-20260804171446-KdpPnNHyuvWS textarea, .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="text"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="password"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="datetime"],
	.sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="datetime-local"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="date"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="month"],
	.sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="time"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="week"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="number"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="email"],
	.sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="url"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="search"], .sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="tel"],
	.sitewidget-form-20260804171446-KdpPnNHyuvWS input[type="color"], .sitewidget-form-20260804171446-KdpPnNHyuvWS .uneditable-input {
		box-shadow: none ;
	}



	/**
	* 输入框校验触发后背景颜色
	*/
	.sitewidget-form-20260804171446-KdpPnNHyuvWS .input-valid-bg {
	background: #ffece8 !important;
	outline: none;
	}

	.sitewidget-form-20260804171446-KdpPnNHyuvWS .input-valid-bg:focus {
		background: #fff !important;
		border: 1px solid #f53f3f !important;
	}
.sitewidget-form-20260804171446-KdpPnNHyuvWS #formsubmit{
		border:0px solid rgb(22, 93, 255);
		border-radius:6px;
		background:rgb(7, 57, 171);
		color:#fff;
		font-size:15px;
		width:100%;
		height:40px;
		}
	.sitewidget-form-20260804171446-KdpPnNHyuvWS #formsubmit:hover{
		border:0px solid rgb(22, 93, 255);
		border-radius:6px;
		background:rgb(7, 57, 171);
		color:#fff;
		font-size:15px;
	}

	.sitewidget-form-20260804171446-KdpPnNHyuvWS #formreset{
		width:100%;
		font-size:15px;
		height:40px;
	}
	.sitewidget-form-20260804171446-KdpPnNHyuvWS #formreset:hover{
		font-size:15px;
	}
.sitewidget-form-20260804171446-KdpPnNHyuvWS .submitGroup .controls{
		text-align:center;
	}
/* 下拉复选框开始 */
.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent label {

}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent input[type='checkbox']+label:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #888;
border-radius: 3px;
margin-right: 6px;
margin-left: 6px;
transition-duration: .2s;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent input[type='checkbox']:checked+label:before {
width: 50%;
border-color: #888;
border-left-color: transparent;
border-top-color: transparent;
-webkit-transform: rotate(45deg) translate(1px, -4px);
transform: rotate(45deg) translate(1px, -4px);
margin-right: 12px;
width: 6px;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent input[type="checkbox"] {
display: none;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent {
display: none;
width: 100%;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent ul {
list-style: none;
width: 100%;
text-align: left;
border-radius: 4px;
padding: 10px 5px;
box-sizing: border-box;
height: auto;
overflow-x: hidden;
overflow-y: scroll;
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
background-color: #fff;
margin: 2px 0 0 0;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
}

/*滚动条样式*/
.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent ul::-webkit-scrollbar {
width: 2px;
height: 4px;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent ul::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgb(78, 158, 151);
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: rgba(202, 202, 202, 0.23);
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-select {
width: 100%;
height: auto;
min-height: 40px;
line-height: 40px;
border-radius: 4px;
padding-right: 10px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
background-size: auto 80%;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
background-color: #fff;
position: relative;
}
.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-select:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 6px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #888;
    transform: translateY(calc(-50% + 4px));
    cursor: pointer;
}
.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-select span {
line-height: 28px;
color: #666;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent label {
color: #333;
display: inline-flex;
align-items: center;
height: 30px;
line-height: 22px;
padding: 0;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .multiple-parent ul li:not([class^="group"]) {

}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .select-content {
display: inline-block;
border-radius: 4px;
line-height: 23px;
margin: 2px 2px 0 2px;
padding: 0 3px;
border: 1px solid #888;
height: auto;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS .select-delete {
cursor: pointer;
}

.sitewidget-form-20260804171446-KdpPnNHyuvWS select[multiple]{
display:none;
}

        .articleTitleContainer{
            text-align: center;
        }
        .articleTitle{
            font-size: 25px;
            font-family: var(--ld-text1-font-family);
            color: var(--ld-text1-color);
            line-height: var(--ld-text1-line-height);
            letter-spacing: var(--ld-text1-letter-spacing);
            font-weight: var(--ld-text1-font-weight);
            text-decoration: var(--ld-text1-text-decoration);
            font-style: var(--ld-text1-font-style);
        }
        .articleTitle .titleLabel{
            display: inline-block;
        }
    

  :root {
    --c-ink: #5f5f5f; --c-ink-2: #333333; --c-muted: #6d7278; --c-line: #e1e2e4;
    --c-bg: #FFFFFF; --c-bg-soft: #f6f6f6; --c-brand: #0739ab; --c-brand-2: #0f62ce;
    --c-accent: #0f62ce; --c-accent-dark: #0a4db0; --c-primary: #0f62ce;
    --c-success: #09bb07; --c-warn: #f7252c; --c-danger: #f7252c; --c-whatsapp: #25D366;
    --radius: 4px; --radius-lg: 6px; --shadow-sm: 0 1px 3px rgba(7, 57, 171, .08);
    --shadow-md: 0 4px 16px rgba(7, 57, 171, .12);
    --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif: 'Oswald', 'Montserrat', sans-serif;
    --container: 1200px; --content: 1060px;
  }
  body, p, li, span, a, td, th, input, textarea, select, button { font-family: var(--font-sans) !important; }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-serif) !important; }
  *, *::before, *::after { box-sizing: border-box }
  html { scroll-behavior: smooth; -webkit-text-size-adjust: 100% }
  img { max-width: 100%; height: auto; display: block }
  a { color: var(--c-primary); text-decoration: none; transition: color .2s }
  a:hover { color: var(--c-accent) }
  .read-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, #0739ab 0%, #0f62ce 100%); z-index: 100; transition: width .1s linear; }
  .hero { background: linear-gradient(180deg, #f6f6f6 0%, #fff 100%); padding: 32px 0 24px; border-bottom: 1px solid var(--c-line); }
  .hero .wrap { max-width: var(--container); margin: 0 auto; padding: 0 24px }
  .breadcrumb { font-size: 13px; color: var(--c-muted); margin-bottom: 18px }
  .breadcrumb a { color: var(--c-muted) } .breadcrumb a:hover { color: var(--c-brand) }
  .hero-grid { display: grid; grid-template-columns: 1fr 460px; gap: 56px; align-items: center; max-width: 1200px; margin: 0 auto }
  @media (max-width:960px) { .hero-grid { grid-template-columns: 1fr; gap: 24px } }
  .eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent); background: rgba(15, 98, 206, .08); padding: 6px 12px; border-radius: 999px; margin-bottom: 16px; }
  h1.title { font-family: var(--font-serif); font-size: clamp(28px, 4vw, 46px); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 18px; color: var(--c-brand); font-weight: 700; }
  .subtitle { font-size: 18px; color: var(--c-ink-2); line-height: 1.55; margin: 0 0 22px; max-width: 640px; }
  .meta { display: flex; flex-wrap: wrap; gap: 18px; font-size: 13px; color: var(--c-muted); align-items: center }
  .meta .avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--c-brand); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 13px }
  .hero-img { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); aspect-ratio: 4/3; background: transparent; display: grid; place-items: center; }
  .hero-img img { width: 100%; height: 100%; object-fit: contain; }
  .layout { max-width: var(--container); margin: 0 auto; padding: 32px 24px 80px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; }
  @media (max-width:1100px) { .layout { grid-template-columns: minmax(0, 1fr); gap: 0 } .sidebar-right { display: none } }
  .toc-bar { position: sticky; top: 66px; z-index: 40; background: rgba(255,255,255,.92); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--c-line); }
  .toc-bar .wrap { max-width: var(--container); margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 14px; overflow-x: auto; scrollbar-width: none; }
  .toc-bar a { flex-shrink: 0; padding: 14px 4px; color: var(--c-ink-2); font-size: 13px; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: all .15s; white-space: nowrap; }
  .toc-bar a:hover, .toc-bar a.active { color: var(--c-brand); font-weight: 700; border-bottom-color: var(--c-accent) }

  div.content { font-size: 17px; color: var(--c-ink); line-height: 1.75; }
  div.content>*+* { margin-top: 1.2em }
  div.content h2 { font-family: var(--font-serif); font-size: 30px; font-weight: 700; color: var(--c-brand); margin: 64px 0 18px; line-height: 1.25; letter-spacing: -.01em; scroll-margin-top: 128px; padding-bottom: 10px; border-bottom: 2px solid var(--c-line); }
  div.content h3 { font-size: 22px; font-weight: 700; color: var(--c-brand); margin: 36px 0 12px; line-height: 1.3; scroll-margin-top: 88px; }
  div.content p { margin: 0 0 1.2em }
  div.content p strong { color: var(--c-brand); font-weight: 600 }
  div.content a:not(.btn) { color: var(--c-primary); border-bottom: 1px solid rgba(15,98,206,.3); transition: all .15s }
  div.content a:not(.btn):hover { color: var(--c-accent); border-bottom-color: var(--c-accent) }
  div.content ul, div.content ol { padding-left: 24px; margin: 0 0 1.2em }
  div.content li { margin-bottom: 10px }
  div.content li::marker { color: var(--c-accent) }

  .takeaways { background: linear-gradient(135deg, #f6f6f6 0%, #ebedf0 100%); border-left: 4px solid var(--c-accent); border-radius: var(--radius-lg); padding: 28px 32px; margin: 32px 0 40px; }
  .takeaways h2 { font-family: var(--font-sans); font-size: 14px !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-accent); margin: 0 0 16px !important; border: 0 !important; padding: 0 !important; }
  .takeaways ul { margin: 0; padding-left: 20px; list-style: none !important; }
  .takeaways li { position: relative; padding-left: 24px; margin-bottom: 12px; font-size: 16px; }
  .takeaways li::before { content: ''; position: absolute; left: 0; top: calc(0.8em - 7px); width: 14px; height: 14px; background: var(--c-accent); border-radius: 50%; box-shadow: 0 0 0 4px rgba(15, 98, 206, .15); }
  .takeaways li:last-child { margin-bottom: 0; }
  .takeaways strong { color: var(--c-brand); }

  .callout { border-radius: var(--radius); padding: 18px 22px; margin: 28px 0; display: flex; gap: 14px; align-items: flex-start; font-size: 15px; line-height: 1.65; }
  .callout .ico { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 14px; font-family: var(--font-serif); }
  .callout .body { flex: 1 }
  .callout .body strong { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase }
  .callout.warn { background: #FFF8E6; border-left: 4px solid #f0ad4e } .callout.warn .ico { background: #f0ad4e; color: #5C4400 }
  .callout.warn strong { color: #8A6A00 }
  .callout.tip { background: #E7F5EE; border-left: 4px solid var(--c-success) } .callout.tip .ico { background: var(--c-success) }
  .callout.tip strong { color: #0C7C46 }
  .callout.info { background: #eef3fb; border-left: 4px solid var(--c-brand) } .callout.info .ico { background: var(--c-brand) }
  .callout.info strong { color: var(--c-brand) }

  .table-wrap { margin: 28px 0; border: 1px solid var(--c-line) !important; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
  .table-wrap .table-cap { padding: 14px 20px; background: var(--c-bg-soft) !important; font-size: 13px; font-weight: 600; color: var(--c-brand) !important; border-bottom: 1px solid var(--c-line) !important; }
  .spec-table { width: 100%; border-collapse: collapse; font-size: 15px; }
  .spec-table thead th { background: var(--c-brand) !important; color: #fff !important; text-align: left; padding: 14px 18px; font-weight: 600; font-size: 14px; letter-spacing: .02em; }
  .spec-table tbody td { padding: 14px 18px; border-bottom: 1px solid var(--c-line) !important; vertical-align: top; }
  .spec-table tbody tr:last-child td { border-bottom: 0 !important; }
  .spec-table tbody tr:nth-child(even) { background: #f6f6f6 !important; }
  .spec-table tbody td:first-child { font-weight: 600; color: var(--c-brand) !important; width: 30%; }

  .cta-inline { margin: 40px 0; background: #f5f9ff; border-left: 5px solid var(--c-brand); border-radius: var(--radius-lg); padding: 32px; color: var(--c-ink-2); position: relative; overflow: hidden; }
  .cta-inline::before { content: ''; position: absolute; right: -20px; bottom: -20px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(7, 57, 171, .08) 0%, transparent 70%); }
  .cta-inline-grid { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; position: relative; z-index: 1 }
  @media (max-width:640px) { .cta-inline-grid { grid-template-columns: 1fr } }
  .cta-inline h3 { font-family: var(--font-serif); font-size: 22px; margin: 0 0 8px; font-weight: 700; color: var(--c-brand) }
  .cta-inline p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--c-ink) }
  .cta-inline .btn { display: inline-flex; align-items: center; gap: 8px; background: var(--c-accent); color: #fff !important; padding: 14px 24px; border-radius: 8px; font-weight: 600; font-size: 15px; white-space: nowrap; transition: all .2s; }
  .cta-inline .btn:hover { background: var(--c-accent-dark); transform: translateY(-2px); color: #fff !important }

  .faq-section { margin-top: 48px }
  .faq-item { border: 1px solid var(--c-line); border-radius: var(--radius); margin-bottom: 12px; background: #fff; transition: all .2s; overflow: hidden; }
  .faq-item:hover { border-color: #c4c8ce }
  .faq-item[open] { border-color: var(--c-brand); box-shadow: var(--shadow-sm) }
  .faq-item summary { padding: 18px 22px; font-weight: 600; font-size: 16px; color: var(--c-brand); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
  .faq-item summary::-webkit-details-marker { display: none }
  .faq-item summary::after { content: '+'; font-size: 24px; font-weight: 300; color: var(--c-accent); transition: transform .2s; flex-shrink: 0; }
  .faq-item[open] summary::after { transform: rotate(45deg) }
  .faq-item .faq-a { padding: 0 22px 20px; color: var(--c-ink-2); font-size: 15px; line-height: 1.65 }

  .author-card { margin-top: 56px; padding: 24px; border: 1px solid var(--c-line); border-radius: var(--radius-lg); background: var(--c-bg-soft); display: flex; gap: 18px; align-items: center; }
  .author-card .ava { width: 64px; height: 64px; border-radius: 50%; background: var(--c-brand); color: #fff; display: grid; place-items: center; font-size: 24px; font-weight: 700; flex-shrink: 0; }
  .author-card .info { flex: 1 }
  .author-card h4 { margin: 0 0 4px; font-size: 16px; color: var(--c-brand) }
  .author-card p { margin: 0; font-size: 13px; color: var(--c-muted); line-height: 1.5 }
  .author-card .badges { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap }
  .author-card .badges span { font-size: 11px; background: #fff; border: 1px solid var(--c-line); padding: 3px 8px; border-radius: 4px; color: var(--c-brand); font-weight: 600 }

  .bottom-form { position: relative; z-index: 99; padding-top: 72px; margin-top: 96px; background: linear-gradient(135deg, var(--c-brand) 0%, #0f62ce 100%); padding: 64px 0; color: #fff; scroll-margin-top: 66px; }
  .bottom-form .wrap { max-width: 920px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start }
  @media (max-width:860px) { .bottom-form .wrap { grid-template-columns: 1fr } }
  .bottom-form h2 { font-family: var(--font-serif); font-size: 32px; margin: 0 0 14px; font-weight: 700; line-height: 1.2; color: #fff }
  .bottom-form p { opacity: .85; font-size: 16px; line-height: 1.6; margin: 0 0 24px }
  .bottom-form form { background: #fff; color: var(--c-ink); padding: 28px; border-radius: var(--radius-lg); box-shadow: 0 24px 60px rgba(0,0,0,.3) }
  .bottom-form form h3 { margin: 0 0 18px; font-size: 18px; color: var(--c-brand) }
  .bottom-form .field { margin-bottom: 14px }
  .bottom-form label { display: block; font-size: 13px; font-weight: 600; color: var(--c-ink-2); margin-bottom: 6px }
  .bottom-form input, .bottom-form select, .bottom-form textarea { width: 100%; padding: 11px 13px; border: 1px solid var(--c-line); border-radius: 6px; font-family: inherit; font-size: 14px; color: var(--c-ink); background: #fff; }
  .bottom-form input:focus, .bottom-form select:focus, .bottom-form textarea:focus { outline: 0; border-color: var(--c-brand); box-shadow: 0 0 0 3px rgba(7,57,171,.1) }
  .bottom-form textarea { resize: vertical; min-height: 80px }
  .bottom-form .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px }
  .bottom-form button { width: 100%; padding: 14px; background: var(--c-accent); color: #fff; border: 0; border-radius: 6px; font-weight: 600; font-size: 15px; cursor: pointer; margin-top: 6px; transition: background .2s; }
  .bottom-form button:hover { background: var(--c-accent-dark) }

  .split { display: grid; grid-template-columns: 1fr 1.1fr; gap: 32px; align-items: center; margin: 48px 0; }
  .split.reverse { direction: rtl; } .split.reverse>* { direction: ltr }
  @media (max-width:640px) { .split { grid-template-columns: 1fr; gap: 20px } .split.reverse { direction: ltr } }
  .split .split-img { border-radius: var(--radius-lg); overflow: hidden; background: transparent; aspect-ratio: 5/4; box-shadow: var(--shadow-md); position: relative; display: grid; place-items: center; }
  .split .split-img img { width: 100%; height: 100%; object-fit: contain; }
  .split .split-img .img-badge { position: absolute; top: 14px; left: 14px; background: rgba(255,255,255,.95); color: var(--c-brand); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 5px 11px; border-radius: 4px; }
  .split .split-text .kicker { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-accent); margin-bottom: 10px; display: block; }
  .split .split-text h3 { font-family: var(--font-serif); font-size: 24px; margin: 0 0 14px; font-weight: 700; color: var(--c-brand); line-height: 1.3; }
  .split .split-text p { font-size: 16px; color: var(--c-ink-2); margin: 0 0 14px; line-height: 1.7 }
  .split .split-text ul { padding-left: 20px; margin: 14px 0 0 }
  .split .split-text li { margin-bottom: 8px; font-size: 15px; color: var(--c-ink-2) }
  .split .split-text li::marker { color: var(--c-accent) }

  .feat-block { margin: 48px 0; display: grid; grid-template-columns: 1fr 1fr; background: linear-gradient(135deg, #fff, #f6f6f6); border: 1px solid var(--c-line); border-radius: var(--radius-lg); overflow: hidden; }
  @media (max-width:640px) { .feat-block { grid-template-columns: 1fr } }
  .feat-block .fb-img { background: transparent; position: relative; overflow: hidden; display: grid; place-items: center; }
  .feat-block .fb-img img { width: 100%; height: 100%; object-fit: contain; }
  .feat-block .fb-body { padding: 28px 32px; display: flex; flex-direction: column; justify-content: center }
  .feat-block .fb-body>.fb-kicker { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-accent); margin-bottom: 8px; display: block }
  .feat-block .fb-body>h3 { font-family: var(--font-serif); font-size: 24px; margin: 0 0 22px; color: var(--c-brand); font-weight: 700; line-height: 1.3 }
  .feat-block .fb-points { display: flex; flex-direction: column; gap: 16px }
  .feat-block .fb-point { display: flex; gap: 12px; align-items: flex-start }
  .feat-block .fb-point .num { flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; background: var(--c-accent); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 14px; box-shadow: 0 4px 10px rgba(15, 98, 206, .25); }
  .feat-block .fb-point b { display: block; color: var(--c-brand); font-size: 15px; margin-bottom: 4px; font-weight: 700 }
  .feat-block .fb-point span { font-size: 13px; color: var(--c-ink-2); line-height: 1.55 }

  .steps { margin: 48px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
  @media (max-width:780px) { .steps { grid-template-columns: 1fr 1fr } }
  @media (max-width:480px) { .steps { grid-template-columns: 1fr } }
  .step { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 22px 18px; text-align: center; position: relative; transition: all .2s; }
  .step:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--c-accent) }
  .step:not(:last-child)::after { content: '\2192'; position: absolute; right: -14px; top: 50%; transform: translateY(-50%); color: var(--c-accent); font-size: 22px; font-weight: 700; z-index: 2; background: var(--c-bg); width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; }
  @media (max-width:780px) { .step:not(:last-child)::after { display: none } }
  .step .step-icon { width: 54px; height: 54px; border-radius: 50%; background: linear-gradient(135deg, var(--c-brand), #0f62ce); color: #fff; display: grid; place-items: center; margin: 0 auto 14px; font-size: 22px; font-weight: 700; font-family: var(--font-serif); box-shadow: 0 6px 16px rgba(7, 57, 171, .2); }
  .step b { display: block; color: var(--c-brand); font-size: 15px; margin-bottom: 6px; font-weight: 700 }
  .step span { font-size: 13px; color: var(--c-ink-2); line-height: 1.5 }

  .fab-wa { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 50%; background: var(--c-whatsapp); color: #fff; display: grid; place-items: center; z-index: 60; box-shadow: 0 6px 20px rgba(37,211,102,.4); transition: transform .2s; }
  .fab-wa:hover { transform: scale(1.08); color: #fff }
  @media (max-width:860px) { .fab-wa { display: none } }


        .emptyNodeData {
            display:none;
        }
   

    #articleDetail_37184_82e246849711439180c5b63b184f15f9_leftColumn{
        width:30%;
        max-width:100%;
        flex: 1 1 30%;
    }
    #articleDetail_37184_82e246849711439180c5b63b184f15f9_rightColumn{
        width:70%;
        max-width:100%;
        flex: 1 1 70%;
    }

#component_DUpFniHdPQsI .sitewidget-bd fieldset{
					display: flex;
					flex-wrap: wrap;
				}
				#component_DUpFniHdPQsI .imgVarifyCode{
					width:100%;
				}
.sitewidget-form-20260804171445-DUpFniHdPQsI #formsubmit{ pointer-events: none; }
.sitewidget-form-20260804171445-DUpFniHdPQsI #formsubmit.releaseClick{ pointer-events: unset; }

.sitewidget-form-20260804171445-DUpFniHdPQsI .form-horizontal input,.sitewidget-form-20260804171445-DUpFniHdPQsI .form-horizontal span:not(.select2-selection--single),.sitewidget-form-20260804171445-DUpFniHdPQsI .form-horizontal label,.sitewidget-form-20260804171445-DUpFniHdPQsI .form-horizontal .form-builder button{height:30px !important;line-height:30px !important;}
.sitewidget-form-20260804171445-DUpFniHdPQsI .uploadBtn{padding:4px 15px !important;height:30px !important;line-height:30px !important;}

.sitewidget-form-20260804171445-DUpFniHdPQsI select, .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="text"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="password"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="datetime"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="datetime-local"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="date"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="month"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="time"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="week"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="number"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="email"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="url"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="search"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="tel"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="color"], .sitewidget-form-20260804171445-DUpFniHdPQsI .uneditable-input{height:30px !important;}
.sitewidget-form-20260804171445-DUpFniHdPQsI.sitewidget-inquire .control-group .controls .select2-container .select2-selection--single .select2-selection__rendered{height:30px !important;line-height:30px !important;}
.sitewidget-form-20260804171445-DUpFniHdPQsI textarea.cus-message-input{min-height:30px !important;}
.sitewidget-form-20260804171445-DUpFniHdPQsI .add-on, .sitewidget-form-20260804171445-DUpFniHdPQsI .add-on{height:30px !important;line-height:30px !important;}

	.sitewidget-form-20260804171445-DUpFniHdPQsI textarea, .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="text"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="password"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="datetime"],
	.sitewidget-form-20260804171445-DUpFniHdPQsI input[type="datetime-local"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="date"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="month"],
	.sitewidget-form-20260804171445-DUpFniHdPQsI input[type="time"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="week"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="number"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="email"],
	.sitewidget-form-20260804171445-DUpFniHdPQsI input[type="url"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="search"], .sitewidget-form-20260804171445-DUpFniHdPQsI input[type="tel"],
	.sitewidget-form-20260804171445-DUpFniHdPQsI input[type="color"], .sitewidget-form-20260804171445-DUpFniHdPQsI .uneditable-input {
		box-shadow: none ;
	}



	/**
	* 输入框校验触发后背景颜色
	*/
	.sitewidget-form-20260804171445-DUpFniHdPQsI .input-valid-bg {
	background: #ffece8 !important;
	outline: none;
	}

	.sitewidget-form-20260804171445-DUpFniHdPQsI .input-valid-bg:focus {
		background: #fff !important;
		border: 1px solid #f53f3f !important;
	}
.sitewidget-form-20260804171445-DUpFniHdPQsI #formsubmit{
		border:0px solid rgb(22, 93, 255);
		border-radius:6px;
		background:rgb(7, 57, 171);
		color:#fff;
		font-size:16px;
		width:229px;
		height:46px;
		}
	.sitewidget-form-20260804171445-DUpFniHdPQsI #formsubmit:hover{
		border:0px solid rgb(22, 93, 255);
		border-radius:6px;
		background:rgb(7, 57, 171);
		color:#fff;
		font-size:16px;
	}

	.sitewidget-form-20260804171445-DUpFniHdPQsI #formreset{
		width:229px;
		font-size:16px;
		height:46px;
	}
	.sitewidget-form-20260804171445-DUpFniHdPQsI #formreset:hover{
		font-size:16px;
	}
.sitewidget-form-20260804171445-DUpFniHdPQsI .submitGroup .controls{
	text-align:left;
	}
/* 下拉复选框开始 */
.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent label {

}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent input[type='checkbox']+label:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #888;
border-radius: 3px;
margin-right: 6px;
margin-left: 6px;
transition-duration: .2s;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent input[type='checkbox']:checked+label:before {
width: 50%;
border-color: #888;
border-left-color: transparent;
border-top-color: transparent;
-webkit-transform: rotate(45deg) translate(1px, -4px);
transform: rotate(45deg) translate(1px, -4px);
margin-right: 12px;
width: 6px;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent input[type="checkbox"] {
display: none;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent {
display: none;
width: 100%;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent ul {
list-style: none;
width: 100%;
text-align: left;
border-radius: 4px;
padding: 10px 5px;
box-sizing: border-box;
height: auto;
overflow-x: hidden;
overflow-y: scroll;
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
background-color: #fff;
margin: 2px 0 0 0;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
}

/*滚动条样式*/
.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent ul::-webkit-scrollbar {
width: 2px;
height: 4px;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent ul::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgb(78, 158, 151);
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: rgba(202, 202, 202, 0.23);
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-select {
width: 100%;
height: auto;
min-height: 40px;
line-height: 40px;
border-radius: 4px;
padding-right: 10px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
background-size: auto 80%;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
background-color: #fff;
position: relative;
}
.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-select:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 6px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #888;
    transform: translateY(calc(-50% + 4px));
    cursor: pointer;
}
.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-select span {
line-height: 28px;
color: #666;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent label {
color: #333;
display: inline-flex;
align-items: center;
height: 30px;
line-height: 22px;
padding: 0;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .multiple-parent ul li:not([class^="group"]) {

}

.sitewidget-form-20260804171445-DUpFniHdPQsI .select-content {
display: inline-block;
border-radius: 4px;
line-height: 23px;
margin: 2px 2px 0 2px;
padding: 0 3px;
border: 1px solid #888;
height: auto;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI .select-delete {
cursor: pointer;
}

.sitewidget-form-20260804171445-DUpFniHdPQsI select[multiple]{
display:none;
}

        #listRowSettingContainer_ .dynamic-list-container{
            --prodlist-nums:4;
            --layoutLeftRight: 20px;
            --layoutTopBottom: 20px;
        }
        @media(max-width: 1024px){
            #listRowSettingContainer_ .dynamic-list-container{
                --prodlist-nums:3;
                --layoutLeftRight: 10px;
                --layoutTopBottom: 10px;
            }
        }
        @media (max-width: 767px){
            #listRowSettingContainer_ .dynamic-list-container{
                --prodlist-nums:1;
                --layoutLeftRight: 0px;
                --layoutTopBottom: 10px;
            }
        }
    