.sitewidget-form-20260710161242-yLfPcluwCZiS #formsubmit{ pointer-events: none; }
.sitewidget-form-20260710161242-yLfPcluwCZiS #formsubmit.releaseClick{ pointer-events: unset; }

.sitewidget-form-20260710161242-yLfPcluwCZiS .form-horizontal input,.sitewidget-form-20260710161242-yLfPcluwCZiS .form-horizontal span:not(.select2-selection--single),.sitewidget-form-20260710161242-yLfPcluwCZiS .form-horizontal label,.sitewidget-form-20260710161242-yLfPcluwCZiS .form-horizontal .form-builder button{height:32px !important;line-height:32px !important;}
.sitewidget-form-20260710161242-yLfPcluwCZiS .uploadBtn{padding:4px 15px !important;height:32px !important;line-height:32px !important;}

.sitewidget-form-20260710161242-yLfPcluwCZiS select, .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="text"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="password"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="datetime"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="datetime-local"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="date"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="month"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="time"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="week"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="number"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="email"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="url"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="search"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="tel"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="color"], .sitewidget-form-20260710161242-yLfPcluwCZiS .uneditable-input{height:32px !important;}
.sitewidget-form-20260710161242-yLfPcluwCZiS.sitewidget-inquire .control-group .controls .select2-container .select2-selection--single .select2-selection__rendered{height:32px !important;line-height:32px !important;}
.sitewidget-form-20260710161242-yLfPcluwCZiS textarea.cus-message-input{min-height:32px !important;}
.sitewidget-form-20260710161242-yLfPcluwCZiS .add-on, .sitewidget-form-20260710161242-yLfPcluwCZiS .add-on{height:32px !important;line-height:32px !important;}

	.sitewidget-form-20260710161242-yLfPcluwCZiS textarea, .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="text"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="password"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="datetime"],
	.sitewidget-form-20260710161242-yLfPcluwCZiS input[type="datetime-local"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="date"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="month"],
	.sitewidget-form-20260710161242-yLfPcluwCZiS input[type="time"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="week"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="number"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="email"],
	.sitewidget-form-20260710161242-yLfPcluwCZiS input[type="url"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="search"], .sitewidget-form-20260710161242-yLfPcluwCZiS input[type="tel"],
	.sitewidget-form-20260710161242-yLfPcluwCZiS input[type="color"], .sitewidget-form-20260710161242-yLfPcluwCZiS .uneditable-input {
		box-shadow: none ;
	}



	/**
	* 输入框校验触发后背景颜色
	*/
	.sitewidget-form-20260710161242-yLfPcluwCZiS .input-valid-bg {
	background: #ffece8 !important;
	outline: none;
	}

	.sitewidget-form-20260710161242-yLfPcluwCZiS .input-valid-bg:focus {
		background: #fff !important;
		border: 1px solid #f53f3f !important;
	}
.sitewidget-form-20260710161242-yLfPcluwCZiS #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-20260710161242-yLfPcluwCZiS #formsubmit:hover{
		border:0px solid rgb(22, 93, 255);
		border-radius:6px;
		background:rgb(7, 57, 171);
		color:#fff;
		font-size:15px;
	}

	.sitewidget-form-20260710161242-yLfPcluwCZiS #formreset{
		width:100%;
		font-size:15px;
		height:40px;
	}
	.sitewidget-form-20260710161242-yLfPcluwCZiS #formreset:hover{
		font-size:15px;
	}
.sitewidget-form-20260710161242-yLfPcluwCZiS .submitGroup .controls{
		text-align:center;
	}
/* 下拉复选框开始 */
.sitewidget-form-20260710161242-yLfPcluwCZiS .multiple-parent label {

}

.sitewidget-form-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .multiple-parent input[type="checkbox"] {
display: none;
}

.sitewidget-form-20260710161242-yLfPcluwCZiS .multiple-parent {
display: none;
width: 100%;
}

.sitewidget-form-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .multiple-parent ul::-webkit-scrollbar {
width: 2px;
height: 4px;
}

.sitewidget-form-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .multiple-select span {
line-height: 28px;
color: #666;
}

.sitewidget-form-20260710161242-yLfPcluwCZiS .multiple-parent label {
color: #333;
display: inline-flex;
align-items: center;
height: 30px;
line-height: 22px;
padding: 0;
}

.sitewidget-form-20260710161242-yLfPcluwCZiS .multiple-parent ul li:not([class^="group"]) {

}

.sitewidget-form-20260710161242-yLfPcluwCZiS .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-20260710161242-yLfPcluwCZiS .select-delete {
cursor: pointer;
}

.sitewidget-form-20260710161242-yLfPcluwCZiS 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;
        }
    

  /* ============ Design Tokens (对齐 giant-electric.com 官网) ============ */
  :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; }
  .topbar { background: var(--c-brand) !important; color: #fff !important; font-size: 13px !important; padding: 8px 0 !important; }
  .topbar .wrap { max-width: var(--container); margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
  .topbar a { color: #fff !important; opacity: .9; }
  .topbar a:hover { opacity: 1; color: #5cc4ef !important; }
  .topbar .contact-mini { display: flex; gap: 18px; align-items: center; }
  .topbar .contact-mini span { display: inline-flex; align-items: center; gap: 6px; }
  .site-header { background: #fff; border-bottom: 1px solid var(--c-line); position: sticky; top: 0; z-index: 50; }
  .site-header .wrap { max-width: var(--container); margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px }
  .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--c-brand); font-size: 20px; letter-spacing: -.02em }
  .brand-mark { width: 36px; height: 36px; border-radius: 8px; background: var(--c-brand); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 18px }
  .nav { display: flex; gap: 28px; font-size: 15px; font-weight: 500 }
  .nav a { color: var(--c-ink-2) }
  .nav a:hover { color: var(--c-brand) }
  .btn-quote { background: var(--c-accent); color: #fff; padding: 10px 18px; border-radius: var(--radius); font-weight: 600; font-size: 14px; transition: all .2s; border: 0; cursor: pointer; }
  .btn-quote:hover { background: var(--c-accent-dark); color: #fff; transform: translateY(-1px); box-shadow: var(--shadow-sm) }
  @media (max-width:860px) { .nav { display: none } }

  .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) }
  .breadcrumb span.sep { margin: 0 6px; opacity: .5 }
  .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 }
  .meta .dot { width: 3px; height: 3px; background: var(--c-muted); border-radius: 50% }
  .hero-img { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); aspect-ratio: 4/3; background: #0739ab; display: grid; place-items: center; color: #fff; }
  .hero-img img { width: 100%; height: 100%; object-fit: cover }

  .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); -webkit-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 .wrap::-webkit-scrollbar { display: none }
  .toc-bar .toc-label { flex-shrink: 0; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); padding-right: 12px; border-right: 1px solid var(--c-line); }
  .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 { color: var(--c-brand) }
  .toc-bar a.active { color: var(--c-brand); font-weight: 700; border-bottom-color: var(--c-accent) }
  @media (max-width:860px) { .toc-bar .toc-label { display: none } .toc-bar .wrap { padding: 0 16px; gap: 10px } .toc-bar a { font-size: 12px; padding: 12px 2px } }

  .sidebar-right { position: relative }
  .cta-sticky { position: sticky; top: 88px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 22px 20px; box-shadow: var(--shadow-sm); }
  .cta-sticky h3 { margin: 0 0 6px; font-size: 18px; color: var(--c-brand); font-weight: 700 }
  .cta-sticky p { margin: 0 0 16px; font-size: 13px; color: var(--c-muted); line-height: 1.5 }
  .cta-sticky .form-row { margin-bottom: 10px }
  .cta-sticky input, .cta-sticky textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--c-line); border-radius: 8px; font-size: 14px; font-family: inherit; color: var(--c-ink); background: #fff; transition: border-color .15s, box-shadow .15s; }
  .cta-sticky input:focus, .cta-sticky textarea:focus { outline: 0; border-color: var(--c-brand); box-shadow: 0 0 0 3px rgba(7, 57, 171, .08); }
  .cta-sticky textarea { resize: vertical; min-height: 70px }
  .cta-sticky button { width: 100%; padding: 12px; background: var(--c-accent); color: #fff; border: 0; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; transition: background .2s; }
  .cta-sticky button:hover { background: var(--c-accent-dark) }
  .cta-divider { display: flex; align-items: center; gap: 10px; margin: 14px 0; color: var(--c-muted); font-size: 12px }
  .cta-divider::before, .cta-divider::after { content: ''; flex: 1; height: 1px; background: var(--c-line) }
  .btn-whatsapp { display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--c-whatsapp); color: #fff; padding: 11px; border-radius: 8px; font-weight: 600; font-size: 14px; }
  .btn-whatsapp:hover { background: #1FB855; color: #fff }
  .trust-mini { display: flex; justify-content: space-between; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--c-line); font-size: 11px; color: var(--c-muted); text-align: center }
  .trust-mini b { display: block; color: var(--c-brand); font-size: 16px; font-weight: 700; font-family: var(--font-serif) }

  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.danger { background: #FDECEA; border-left: 4px solid var(--c-danger) }
  .callout.danger .ico { background: var(--c-danger) }
  .callout.danger strong { color: #A1281D }
  .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%; }
  .spec-table .check { color: var(--c-success) !important; font-weight: 700; }
  .spec-table .cross { color: var(--c-danger) !important; font-weight: 700; }

  .checklist { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); padding: 28px 32px; margin: 32px 0; box-shadow: var(--shadow-sm); }
  .checklist h3 { margin: 0 0 18px !important; font-size: 20px; color: var(--c-brand); display: flex; align-items: center; gap: 10px }
  .checklist h3 .badge { background: var(--c-accent); color: #fff; font-size: 11px; padding: 3px 8px; border-radius: 4px; font-weight: 700; letter-spacing: .06em }
  .checklist ul { list-style: none !important; padding: 0; margin: 0 }
  .checklist li { border-bottom: 1px dashed var(--c-line); }
  .checklist li:last-child { border-bottom: 0 }
  .checklist .chk-item { display: flex; gap: 14px; padding: 14px 4px; align-items: flex-start; cursor: pointer; transition: background .15s; }
  .checklist .chk-item:hover { background: rgba(15, 98, 206, .03) }
  .checklist .chk-item input[type="checkbox"] { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0 }
  .checklist .box { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--c-line); border-radius: 5px; margin-top: 2px; display: grid; place-items: center; transition: background .2s, border-color .2s; }
  .checklist .box::after { content: ''; width: 5px; height: 10px; margin-top: -2px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg) scale(0); transition: transform .2s ease; }
  .checklist .chk-item input[type="checkbox"]:checked+.box { background: var(--c-success); border-color: var(--c-success) }
  .checklist .chk-item input[type="checkbox"]:checked+.box::after { transform: rotate(45deg) scale(1) }
  .checklist .txt { flex: 1; font-size: 15px; line-height: 1.5; transition: color .15s; }
  .checklist .txt b { display: block; color: var(--c-brand); font-weight: 600; margin-bottom: 2px }
  .checklist .chk-item input[type="checkbox"]:checked~.txt { color: var(--c-muted); text-decoration: line-through }
  .checklist .chk-item input[type="checkbox"]:focus-visible+.box { outline: 2px solid var(--c-accent); outline-offset: 2px }

  .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 }

  .case-box { margin: 32px 0; border: 1px solid var(--c-line); border-radius: var(--radius-lg); overflow: hidden; background: #fff; display: grid; grid-template-columns: 160px 1fr; }
  @media (max-width:640px) { .case-box { grid-template-columns: 1fr } }
  .case-box .case-img { background: linear-gradient(135deg, #0739ab, #0f62ce); display: grid; place-items: center; color: #fff; padding: 24px; text-align: center }
  .case-box .case-img .flag { font-size: 38px; margin-bottom: 6px }
  .case-box .case-img .country { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; opacity: .8 }
  .case-box .case-body { padding: 22px 26px }
  .case-box .case-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--c-accent); margin-bottom: 8px }
  .case-box h4 { margin: 0 0 8px; font-size: 17px; color: var(--c-brand); font-weight: 700; line-height: 1.3 }
  .case-box p { margin: 0 0 10px; font-size: 14px; color: var(--c-ink-2); line-height: 1.55 }
  .case-box .case-stats { display: flex; gap: 24px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--c-line) }
  .case-box .stat b { display: block; color: var(--c-accent); font-size: 18px; font-weight: 700; font-family: var(--font-serif) }
  .case-box .stat span { font-size: 11px; color: var(--c-muted); text-transform: uppercase; letter-spacing: .06em }

  .prod-card { margin: 32px 0; border: 1px solid var(--c-line); border-radius: var(--radius-lg); overflow: hidden; display: grid; grid-template-columns: 200px 1fr auto; gap: 20px; align-items: center; padding: 20px; background: linear-gradient(135deg, #fff 0%, #f6f6f6 100%); transition: all .2s; }
  .prod-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px) }
  @media (max-width:640px) { .prod-card { grid-template-columns: 1fr; text-align: center } }
  .prod-card .prod-img { background: #fff; border-radius: 8px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--c-line) }
  .prod-card .prod-img img { width: 100%; height: 100%; object-fit: contain; padding: 8px }
  .prod-card .prod-info h4 { margin: 0 0 6px; font-size: 17px; color: var(--c-brand); font-weight: 700 }
  .prod-card .prod-info p { margin: 0 0 10px; font-size: 14px; color: var(--c-ink-2) }
  .prod-card .prod-specs { display: flex; flex-wrap: wrap; gap: 6px }
  .prod-card .prod-specs span { background: #fff; border: 1px solid var(--c-line); padding: 3px 10px; border-radius: 99px; font-size: 12px; color: var(--c-ink-2) }
  .prod-card .prod-cta { display: flex; flex-direction: column; gap: 8px; min-width: 130px }
  @media (max-width:640px) { .prod-card .prod-cta { min-width: 0 } }
  .prod-card .prod-cta a { padding: 9px 14px; border-radius: 6px; font-size: 13px; font-weight: 600; text-align: center }
  .prod-card .prod-cta a.primary { background: var(--c-accent); color: #fff }
  .prod-card .prod-cta a.primary:hover { background: var(--c-accent-dark); color: #fff }
  .prod-card .prod-cta a.secondary { background: #fff; color: var(--c-brand); border: 1px solid var(--c-line) }
  .prod-card .prod-cta a.secondary:hover { border-color: var(--c-brand) }

  .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 }

  .related { margin-top: 64px; padding-top: 48px; border-top: 1px solid var(--c-line) }
  .related h2 { font-family: var(--font-serif); font-size: 24px; color: var(--c-brand); margin: 0 0 24px; font-weight: 700 }
  .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
  @media (max-width:860px) { .related-grid { grid-template-columns: 1fr } }
  .related-card { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius); overflow: hidden; transition: all .2s; display: flex; flex-direction: column; }
  .related-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); border-color: #c4c8ce }
  .related-card .rc-img { aspect-ratio: 16/9; background: linear-gradient(135deg, #ebedf0, #d4d8dc); position: relative; overflow: hidden }
  .related-card .rc-img::after { content: 'none'; display: none }
  .related-card .rc-cat { position: absolute; top: 12px; left: 12px; background: var(--c-accent); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px; border-radius: 4px; z-index: 1 }
  .related-card .rc-body { padding: 18px }
  .related-card h4 { margin: 0 0 8px; font-size: 16px; color: var(--c-brand); line-height: 1.4; font-weight: 700 }
  .related-card .rc-meta { font-size: 12px; color: var(--c-muted) }

  .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; }
  .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 .commit { display: flex; gap: 14px; margin-bottom: 16px; font-size: 14px; align-items: flex-start }
  .bottom-form .commit .ic { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: rgba(15, 98, 206, .2); color: var(--c-accent); display: grid; place-items: center; font-weight: 700 }
  .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) }

  .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 }
  .fab-wa svg { width: 30px; height: 30px }
  .mob-sticky { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid var(--c-line); padding: 10px; gap: 10px; z-index: 55; box-shadow: 0 -4px 16px rgba(0, 0, 0, .08); }
  .mob-sticky a { flex: 1; padding: 12px; border-radius: 8px; text-align: center; font-weight: 600; font-size: 14px }
  .mob-sticky a.wa { background: var(--c-whatsapp); color: #fff }
  .mob-sticky a.in { background: var(--c-accent); color: #fff }
  @media (max-width:860px) { .mob-sticky { display: flex } body { padding-bottom: 70px } .fab-wa { display: none } }

  .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: linear-gradient(135deg, #0739ab, #0f62ce); aspect-ratio: 5/4; box-shadow: var(--shadow-md); position: relative; }
  .split .split-img img { width: 100%; height: 100%; object-fit: cover; object-position: center }
  .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; background: linear-gradient(135deg, #fff, #f6f6f6); border: 1px solid var(--c-line); border-radius: var(--radius-lg); overflow: hidden; }
  .feat-block .fb-img { background: linear-gradient(135deg, #0739ab, #0f62ce); position: relative; aspect-ratio: 21/9; overflow: hidden; }
  .feat-block .fb-img img { width: 100%; height: 100%; object-fit: cover; display: block }
  .feat-block .fb-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(7, 57, 171, .35) 100%); }
  .feat-block .fb-body { padding: 28px 32px }
  @media (max-width:540px) { .feat-block .fb-body { padding: 22px 20px } }
  .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: grid; grid-template-columns: 1fr 1fr; gap: 20px 32px }
  @media (max-width:540px) { .feat-block .fb-points { grid-template-columns: 1fr; 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 }

  .vs-compare { margin: 48px 0; display: grid; grid-template-columns: 1fr 70px 1fr; gap: 0; align-items: stretch; border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--c-line); box-shadow: var(--shadow-sm); }
  @media (max-width:720px) { .vs-compare { grid-template-columns: 1fr } }
  .vs-side { padding: 26px 24px; background: #fff; display: flex; flex-direction: column }
  .vs-side.bad { background: #f6f6f6 }
  .vs-side .vs-img { aspect-ratio: 16/10; border-radius: 8px; overflow: hidden; margin-bottom: 16px; background: linear-gradient(135deg, #0739ab, #0f62ce); }
  .vs-side.bad .vs-img { background: linear-gradient(135deg, #6d7278, #4a4a4a) }
  .vs-side .vs-img img { width: 100%; height: 100%; object-fit: cover; opacity: .92 }
  .vs-side .vs-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 4px 11px; border-radius: 4px; margin-bottom: 10px; align-self: flex-start }
  .vs-side.good .vs-tag { background: rgba(15, 157, 88, .12); color: #0C7C46 }
  .vs-side.bad .vs-tag { background: rgba(217, 48, 37, .1); color: #A1281D }
  .vs-side h4 { margin: 0 0 10px; font-size: 18px; color: var(--c-brand); font-weight: 700; font-family: var(--font-serif) }
  .vs-side p { margin: 0 0 12px; font-size: 14px; color: var(--c-ink-2); line-height: 1.6 }
  .vs-side ul { list-style: none; padding: 0; margin: auto 0 0 }
  .vs-side li { padding: 6px 0; font-size: 13px; color: var(--c-ink-2); display: flex; gap: 8px; align-items: flex-start }
  .vs-side.good li::before { content: '\2713'; color: var(--c-success); font-weight: 700; flex-shrink: 0 }
  .vs-side.bad li::before { content: '\2715'; color: var(--c-danger); font-weight: 700; flex-shrink: 0 }
  .vs-divider { background: var(--c-brand); color: #fff; display: grid; place-items: center; font-family: var(--font-serif); font-size: 22px; font-weight: 700; font-style: italic; }
  @media (max-width:720px) { .vs-divider { padding: 12px; font-size: 18px } }

  .prod-grid { margin: 48px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
  @media (max-width:780px) { .prod-grid { grid-template-columns: 1fr 1fr } }
  @media (max-width:480px) { .prod-grid { grid-template-columns: 1fr } }
  .pg-card { background: #fff; border: 1px solid var(--c-line); border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; transition: all .2s; text-decoration: none; color: inherit; }
  .pg-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--c-accent); color: inherit }
  .pg-img { aspect-ratio: 4/3; background: linear-gradient(135deg, #f6f6f6, #e1e2e4); position: relative; overflow: hidden; display: grid; place-items: center }
  .pg-img img { width: 78%; height: 78%; object-fit: contain }
  .pg-img .pg-tag { position: absolute; top: 10px; left: 10px; background: var(--c-brand); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 4px 9px; border-radius: 4px }
  .pg-body { padding: 16px 18px; flex: 1; display: flex; flex-direction: column }
  .pg-body h4 { margin: 0 0 6px; font-size: 15px; color: var(--c-brand); font-weight: 700; line-height: 1.35 }
  .pg-body p { margin: 0 0 10px; font-size: 13px; color: var(--c-muted); line-height: 1.5; flex: 1 }
  .pg-body .pg-cta { display: inline-flex; align-items: center; gap: 6px; color: var(--c-accent); font-weight: 600; font-size: 13px; margin-top: auto }
  .pg-card:hover .pg-cta { color: var(--c-accent-dark) }

  .series-banner { margin: 48px 0; background: #f8fafc; border-left: 5px solid var(--c-brand); border-radius: var(--radius-lg); padding: 32px; color: var(--c-ink-2); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px; align-items: center; position: relative; overflow: hidden; }
  .series-banner::before { content: ''; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px; background: radial-gradient(circle, rgba(7, 57, 171, .05), transparent 70%); }
  @media (max-width:780px) { .series-banner { grid-template-columns: 1fr 1fr; gap: 18px; padding: 24px } }
  @media (max-width:480px) { .series-banner { grid-template-columns: 1fr } }
  .sb-intro { position: relative; z-index: 1 }
  @media (max-width:780px) { .sb-intro { grid-column: span 2 } }
  @media (max-width:480px) { .sb-intro { grid-column: span 1 } }
  .sb-intro .sb-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-brand); display: block; margin-bottom: 6px }
  .sb-intro h3 { font-family: var(--font-serif); font-size: 20px; margin: 0 0 8px; color: var(--c-brand); font-weight: 700; line-height: 1.3 }
  .sb-intro p { font-size: 13px; color: var(--c-ink); margin: 0; line-height: 1.55 }
  .sb-item { background: #fff; border: 1px solid var(--c-line); border-radius: 10px; padding: 14px; text-align: center; text-decoration: none; color: var(--c-ink-2); transition: all .2s; position: relative; z-index: 1; }
  .sb-item:hover { background: #f5f9ff; border-color: var(--c-brand); transform: translateY(-2px) }
  .sb-thumb { aspect-ratio: 1; border-radius: 6px; background: #fff; margin-bottom: 10px; padding: 6px; display: grid; place-items: center; overflow: hidden }
  .sb-thumb img { width: 100%; height: 100%; object-fit: contain }
  .sb-item b { display: block; font-size: 13px; margin-bottom: 3px; font-weight: 600; color: var(--c-brand); line-height: 1.3 }
  .sb-item span { font-size: 11px; color: var(--c-muted) }

  .pull-quote { margin: 48px 0; padding: 28px 32px; background: linear-gradient(135deg, #f6f6f6, #ebedf0); border-left: 4px solid var(--c-accent); border-radius: 8px; font-family: var(--font-serif); font-style: italic; font-size: 20px; color: var(--c-brand); line-height: 1.5; position: relative; }
  .pull-quote::before { content: '"'; position: absolute; left: 18px; top: -8px; font-size: 60px; color: var(--c-accent); font-family: Georgia, serif; line-height: 1; opacity: .4; }
  .pull-quote cite { display: block; margin-top: 14px; font-style: normal; font-size: 13px; color: var(--c-muted); font-family: var(--font-sans); }
  .pull-quote cite::before { content: '\2014 ' }

  .footer { background: #0e3259; color: #6d7278; padding: 48px 0 24px; font-size: 14px }
  .footer .wrap { max-width: var(--container); margin: 0 auto; padding: 0 24px }
  .footer .top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, .08) }
  @media (max-width:860px) { .footer .top { grid-template-columns: 1fr 1fr } }
  .footer h5 { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff; margin: 0 0 14px }
  .footer ul { list-style: none; padding: 0; margin: 0 }
  .footer li { margin-bottom: 8px }
  .footer a { color: #6d7278 }
  .footer a:hover { color: #fff }
  .footer .copy { padding-top: 24px; text-align: center; color: #6d7278; font-size: 13px }
  .footer .brand-foot { color: #fff; font-weight: 800; font-size: 20px; margin-bottom: 12px }
  .footer p { margin: 0 0 14px; line-height: 1.6 }


        .emptyNodeData {
            display:none;
        }
   

    #articleDetail_37184_9c34885cebae4216916fb9b2954d7d2a_leftColumn{
        width:30%;
        max-width:100%;
        flex: 1 1 30%;
    }
    #articleDetail_37184_9c34885cebae4216916fb9b2954d7d2a_rightColumn{
        width:70%;
        max-width:100%;
        flex: 1 1 70%;
    }

#component_ypUamGFcCZEd .sitewidget-bd fieldset{
					display: flex;
					flex-wrap: wrap;
				}
				#component_ypUamGFcCZEd .imgVarifyCode{
					width:100%;
				}
.sitewidget-form-20260710161241-ypUamGFcCZEd #formsubmit{ pointer-events: none; }
.sitewidget-form-20260710161241-ypUamGFcCZEd #formsubmit.releaseClick{ pointer-events: unset; }

.sitewidget-form-20260710161241-ypUamGFcCZEd .form-horizontal input,.sitewidget-form-20260710161241-ypUamGFcCZEd .form-horizontal span:not(.select2-selection--single),.sitewidget-form-20260710161241-ypUamGFcCZEd .form-horizontal label,.sitewidget-form-20260710161241-ypUamGFcCZEd .form-horizontal .form-builder button{height:30px !important;line-height:30px !important;}
.sitewidget-form-20260710161241-ypUamGFcCZEd .uploadBtn{padding:4px 15px !important;height:30px !important;line-height:30px !important;}

.sitewidget-form-20260710161241-ypUamGFcCZEd select, .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="text"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="password"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="datetime"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="datetime-local"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="date"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="month"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="time"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="week"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="number"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="email"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="url"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="search"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="tel"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="color"], .sitewidget-form-20260710161241-ypUamGFcCZEd .uneditable-input{height:30px !important;}
.sitewidget-form-20260710161241-ypUamGFcCZEd.sitewidget-inquire .control-group .controls .select2-container .select2-selection--single .select2-selection__rendered{height:30px !important;line-height:30px !important;}
.sitewidget-form-20260710161241-ypUamGFcCZEd textarea.cus-message-input{min-height:30px !important;}
.sitewidget-form-20260710161241-ypUamGFcCZEd .add-on, .sitewidget-form-20260710161241-ypUamGFcCZEd .add-on{height:30px !important;line-height:30px !important;}

	.sitewidget-form-20260710161241-ypUamGFcCZEd textarea, .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="text"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="password"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="datetime"],
	.sitewidget-form-20260710161241-ypUamGFcCZEd input[type="datetime-local"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="date"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="month"],
	.sitewidget-form-20260710161241-ypUamGFcCZEd input[type="time"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="week"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="number"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="email"],
	.sitewidget-form-20260710161241-ypUamGFcCZEd input[type="url"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="search"], .sitewidget-form-20260710161241-ypUamGFcCZEd input[type="tel"],
	.sitewidget-form-20260710161241-ypUamGFcCZEd input[type="color"], .sitewidget-form-20260710161241-ypUamGFcCZEd .uneditable-input {
		box-shadow: none ;
	}



	/**
	* 输入框校验触发后背景颜色
	*/
	.sitewidget-form-20260710161241-ypUamGFcCZEd .input-valid-bg {
	background: #ffece8 !important;
	outline: none;
	}

	.sitewidget-form-20260710161241-ypUamGFcCZEd .input-valid-bg:focus {
		background: #fff !important;
		border: 1px solid #f53f3f !important;
	}
.sitewidget-form-20260710161241-ypUamGFcCZEd #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-20260710161241-ypUamGFcCZEd #formsubmit:hover{
		border:0px solid rgb(22, 93, 255);
		border-radius:6px;
		background:rgb(7, 57, 171);
		color:#fff;
		font-size:16px;
	}

	.sitewidget-form-20260710161241-ypUamGFcCZEd #formreset{
		width:229px;
		font-size:16px;
		height:46px;
	}
	.sitewidget-form-20260710161241-ypUamGFcCZEd #formreset:hover{
		font-size:16px;
	}
.sitewidget-form-20260710161241-ypUamGFcCZEd .submitGroup .controls{
	text-align:left;
	}
/* 下拉复选框开始 */
.sitewidget-form-20260710161241-ypUamGFcCZEd .multiple-parent label {

}

.sitewidget-form-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .multiple-parent input[type="checkbox"] {
display: none;
}

.sitewidget-form-20260710161241-ypUamGFcCZEd .multiple-parent {
display: none;
width: 100%;
}

.sitewidget-form-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .multiple-parent ul::-webkit-scrollbar {
width: 2px;
height: 4px;
}

.sitewidget-form-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .multiple-select span {
line-height: 28px;
color: #666;
}

.sitewidget-form-20260710161241-ypUamGFcCZEd .multiple-parent label {
color: #333;
display: inline-flex;
align-items: center;
height: 30px;
line-height: 22px;
padding: 0;
}

.sitewidget-form-20260710161241-ypUamGFcCZEd .multiple-parent ul li:not([class^="group"]) {

}

.sitewidget-form-20260710161241-ypUamGFcCZEd .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-20260710161241-ypUamGFcCZEd .select-delete {
cursor: pointer;
}

.sitewidget-form-20260710161241-ypUamGFcCZEd select[multiple]{
display:none;
}