/* Product pages extend the existing EJUN navy, white and orange identity. */
.ejun-service-page .header { top: 0; }
.capital-service { color: #142b3c; font: 16px/1.85 "Source Han Sans SC","Microsoft YaHei",sans-serif; }
.capital-service *, .capital-service *::before, .capital-service *::after { box-sizing: border-box; }
.capital-service p { margin: 0 0 16px; line-height: 1.85; }
.capital-service a { text-decoration: none; }
.capital-service a:focus-visible { outline: 2px solid #a95c0c; outline-offset: 5px; }
.capital-service :is(h1,h2,h3,h4) { margin: 0; color: inherit; font-family: inherit; letter-spacing: normal; font-weight: 500; text-transform: none; }
.capital-service h1 { font-size: clamp(38px,4.2vw,60px); line-height: 1.35; }
.capital-service h2 { font-size: clamp(27px,2.5vw,36px); line-height: 1.5; }
.capital-service h3 { font-size: 21px; line-height: 1.6; margin-bottom: 12px; }
.capital-service h4 { font-size: 18px; line-height: 1.6; }
.service-width { width: min(1160px,calc(100% - 80px)); margin-inline: auto; }
.capital-hero { background: linear-gradient(90deg,rgba(6,28,44,.96) 0%,rgba(6,28,44,.87) 40%,rgba(6,28,44,.28) 100%),url('/assets/ch/A_UpLoad/upload_pic/20240527/20240527142013_7396_0.jpg') center/cover; color: #fff; padding: 116px 0 72px; }
.capital-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; color: #d5e2ed; font-size: 13px; }
.capital-breadcrumb a { color: inherit; }
.capital-hero-copy { max-width: 700px; }
.capital-product-name { margin-top: 24px !important; font-size: 23px; }
.capital-campaign { color: #ffbd6b; font-size: 17px; }
.capital-intro { max-width: 35em; color: #e2eaf0; }
.capital-actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin: 24px 0 16px; }
.service-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 10px 24px; border: 1px solid #f0a145; background: #f0a145; color: #142b3c !important; font-weight: 600; line-height: 1.6; }
.service-button:hover { background: #ffbd6b; border-color: #ffbd6b; }
.service-text-link { display: inline-flex; min-height: 44px; align-items: center; color: #9a4f08; text-decoration: underline !important; text-underline-offset: 5px; }
.capital-hero .service-text-link,.capital-consult .service-text-link { color: #fff; }
.capital-offer { font-size: 14px; color: #ffce94; }
.capital-evidence { margin-top: 40px; padding: 32px 36px; background: #eef3f5; }
.capital-evidence h3 { font-size: 22px; }
.capital-evidence ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; margin: 28px 0 24px; padding: 0; list-style: none; }
.capital-evidence li { position: relative; padding-top: 20px; border-top: 1px solid #abbcc8; }
.capital-evidence li::before { position: absolute; content: ''; width: 9px; height: 9px; border-radius: 50%; background: #a96824; left: 0; top: -5px; }
.capital-evidence strong { display: block; font-weight: 500; font-size: 19px; margin-bottom: 8px; }
.capital-evidence span { font-size: 14px; color: #486074; }
.capital-evidence p { margin: 0; font-size: 13px; color: #486074; }
.capital-section-nav { position: sticky; z-index: 990; top: 0; background: #fff; border-bottom: 1px solid #dce3e8; }
.capital-section-nav > div { display: flex; gap: 28px; overflow-x: auto; scrollbar-width: thin; padding-left: 32px; }
.capital-section-nav > div { padding-right: 148px; }
.capital-section-nav .capital-nav-consult { position: absolute; right: 28px; top: 10px; min-height: 44px; padding: 5px 14px 5px 6px; gap: 8px; background: #092b43; color: #fff; font-size: 14px; }
.capital-nav-consult img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; object-position: center top; }
.capital-section-nav .capital-nav-consult:hover { color: #ffbd6b; }
.ejun-service-page:has(.capital-service) #ejun-customer-widget .ejun-cs-launcher { display: none; }
.capital-section-nav a { display: inline-flex; align-items: center; min-height: 64px; color: #19374e; font-size: 14px; white-space: nowrap; }
.capital-section-nav a:hover,.capital-section-nav a:focus-visible { color: #9a4f08; }
.capital-service section[id] { scroll-margin-top: 80px; }
.capital-section { padding-block: 80px; }
.capital-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 64px; align-items: start; margin-bottom: 40px; }
.capital-section-heading p { max-width: 43em; color: #486074; padding-top: 8px; }
.capital-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.capital-two-columns > div { padding-top: 24px; border-top: 2px solid #a97432; }
.capital-two-columns p { max-width: 42em; }
.capital-tinted { background: #f2f5f6; }
.capital-audience { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; padding: 0; margin: 0 0 40px; list-style: none; }
.capital-audience li { padding: 28px 0 0; border-top: 1px solid #bbc8d1; }
.capital-audience h3::before { content: ''; display: block; width: 28px; height: 22px; margin-bottom: 24px; border: 1.5px solid #a66b2c; background: linear-gradient(#a66b2c,#a66b2c) 5px 6px/16px 1px no-repeat,linear-gradient(#a66b2c,#a66b2c) 5px 12px/10px 1px no-repeat; }
.capital-audience h3 { font-size: 19px; }
.capital-existing-report { padding: 32px 36px; background: #fff; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); gap: 12px 48px; }
.capital-existing-report h3 { grid-row: span 2; max-width: 15em; }
.capital-existing-report .service-text-link { justify-self: start; }
.capital-existing-report p { max-width: 62em; }
.capital-service-list { padding: 0; margin: 0; list-style: none; counter-reset: services; }
.capital-service-list > li { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 56px; padding: 28px 0; border-top: 1px solid #d3dde3; counter-increment: services; }
.capital-service-list h3::before { content: counter(services) ". "; color: #a15f18; }
.capital-service-list p { margin: 0; }
.capital-output { font-size: 15px; color: #486074; padding-top: 4px; }
.capital-output strong { display: block; font-weight: 500; color: #17354b; margin-bottom: 10px; }
.capital-service-explorer { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 56px; border-top: 1px solid #c4d1da; border-bottom: 1px solid #c4d1da; }
.capital-service-tabs { display: flex; flex-direction: column; gap: 0; border-right: 1px solid #c4d1da; padding: 20px 24px 20px 0; }
.capital-service-tabs button { display: flex; align-items: center; gap: 16px; min-height: 66px; padding: 16px 18px; border: 0; background: transparent; color: #19374e; font: 500 18px/1.5 "Source Han Sans SC","Microsoft YaHei",sans-serif; cursor: pointer; text-align: left; }
.capital-service-tabs button:hover { background: #eef3f5; }
.capital-service-tabs button[aria-selected="true"] { background: #092b43; color: #fff; }
.capital-service-tabs button:focus-visible { outline: 2px solid #a15f18; outline-offset: 3px; }
.capital-service-tabs svg { width: 24px; height: 24px; flex-shrink: 0; }
.capital-service-tabs .capital-tab-arrow { margin-left: auto; width: 15px; }
.capital-service-list.is-enhanced { align-self: center; padding-block: 40px; }
.capital-service-list.is-enhanced > li { display: block; border: 0; padding: 0; }
.capital-service-list.is-enhanced > li[hidden] { display: none; }
.capital-service-list.is-enhanced h3 { font-size: 30px; margin-bottom: 24px; }
.capital-service-list.is-enhanced h3::before { content: none; }
.capital-service-list.is-enhanced .capital-output { margin-top: 32px; background: #f2f5f6; padding: 24px 28px; }
.capital-process-layout { display: block; }
.capital-process { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 36px; margin: 28px 0 40px; padding: 0; list-style: none; counter-reset: process; }
.capital-process li { position: relative; padding: 24px 0 0; margin: 0; border-top: 1px solid #bbc8d1; counter-increment: process; }
.capital-process li::before { content: counter(process); display: flex; align-items: center; justify-content: center; width: 34px; min-width: 34px; height: 34px; border: 1px solid #a96824; color: #895116; border-radius: 50%; font-variant-numeric: tabular-nums; margin-bottom: 18px; background: #fff; }
.capital-process p { font-size: 15px; margin: 8px 0 0; }
.capital-documents { padding: 32px 36px; background: #fff; }
.capital-documents ul { columns: 2; column-gap: 56px; padding-left: 20px; margin: 20px 0 24px; }
.capital-documents li { break-inside: avoid; }
.capital-documents li { margin-bottom: 12px; }
.capital-documents p { font-size: 14px; color: #486074; }
.capital-timing { border-top: 1px solid #cad6df; padding-top: 24px; margin: 20px 0 0 !important; color: #486074; }
.capital-delivery { background: #092b43; color: #fff; }
.capital-service #delivery .capital-section-heading p { color: #d9e5ee; }
.capital-acceptance { display: grid; grid-template-columns: 1fr 1fr; gap: 0 64px; margin: 0; }
.capital-acceptance > div { border-top: 1px solid #526c80; padding: 28px 0; }
.capital-acceptance dt { font-size: 20px; font-weight: 500; margin-bottom: 16px; display: flex; align-items: center; gap: 14px; }
.capital-acceptance dt::before { content: ''; width: 15px; height: 9px; border-bottom: 2px solid #ffbd6b; border-left: 2px solid #ffbd6b; transform: rotate(-45deg); flex-shrink: 0; margin-top: -5px; }
.capital-acceptance dd { margin: 0; color: #d9e5ee; font-size: 15px; }
.capital-faq details { border-top: 1px solid #cad6df; }
.capital-faq summary { cursor: pointer; padding: 24px 4px; font-size: 18px; font-weight: 500; }
.capital-faq summary:hover { color: #9a4f08; }
.capital-faq details p { max-width: 66em; color: #486074; margin: 0 0 24px; }
.capital-faq details a { color: #9a4f08; text-decoration: underline; }
.capital-consult { background: #092b43; color: #fff; padding: 64px 0; }
.capital-consult-layout { display: grid; grid-template-columns: minmax(0,1fr) 210px; gap: 72px; align-items: center; padding-right: 128px; }
.capital-consult h2 { margin-bottom: 24px; }
.capital-consult p { max-width: 43em; color: #d9e5ee; }
.capital-consult .capital-offer { color: #ffce94; }
.capital-consult-qr { text-align: center; }
.capital-consult-qr img { display: block; width: 178px; height: 178px; margin: auto; background: #fff; }
.capital-consult-qr p { margin: 16px 0 0; font-size: 13px; }
.capital-private-note { font-size: 13px; margin-top: 24px !important; }
@media(max-width:750px) {
  .service-width { width: calc(100% - 40px); }
  .capital-hero { padding: 96px 0 40px; background-position: 60% center; }
  .capital-breadcrumb { gap: 8px; font-size: 12px; margin-bottom: 28px; }
  .capital-product-name { font-size: 18px; }
  .capital-evidence { padding: 24px; margin-top: 28px; }
  .capital-evidence ul { grid-template-columns: 1fr 1fr; gap: 24px; }
  .capital-evidence strong { font-size: 17px; }
  .capital-section-nav > div { width: calc(100% - 152px); margin-left: 20px; margin-right: 132px; gap: 24px; padding: 0; }
  .capital-section-nav .capital-nav-consult { right: 54px; top: 6px; padding: 5px 8px; font-size: 12px; }
  .capital-nav-consult img { display: none; }
  .capital-section-nav a { min-height: 56px; }
  .capital-section { padding-block: 48px; }
  .capital-section-heading { grid-template-columns: 1fr; gap: 16px; margin-bottom: 28px; }
  .capital-section-heading br { display: none; }
  .capital-section-heading p { padding: 0; }
  .capital-two-columns,.capital-audience { grid-template-columns: 1fr; gap: 20px; }
  .capital-existing-report { padding: 24px; grid-template-columns: 1fr; gap: 8px; }
  .capital-existing-report h3 { grid-row: auto; }
  .capital-service-list > li { grid-template-columns: 1fr; gap: 16px; padding-block: 24px; }
  .capital-output strong { display: inline; margin-right: 12px; }
  .capital-service-explorer { grid-template-columns: 1fr; gap: 8px; }
  .capital-service-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 16px 0; border: 0; gap: 6px; }
  .capital-service-tabs button { font-size: 14px; gap: 8px; padding: 12px 8px; min-height: 56px; border: 1px solid #d3dde3; }
  .capital-service-tabs svg { width: 20px; height: 20px; }
  .capital-service-tabs .capital-tab-arrow { display: none; }
  .capital-service-list.is-enhanced { padding: 12px 0 28px; }
  .capital-service-list.is-enhanced h3 { font-size: 25px; }
  .capital-service-list.is-enhanced .capital-output { padding: 20px; margin-top: 24px; }
  .capital-process { grid-template-columns: 1fr; gap: 0; margin-top: 24px; }
  .capital-process li { border: 0; border-left: 1px solid #bbc8d1; padding: 0 0 28px 28px; margin-left: 17px; }
  .capital-process li::before { position: absolute; left: -18px; top: -2px; width: 34px; }
  .capital-process li:last-child { border-color: transparent; padding-bottom: 0; }
  .capital-documents { padding: 24px; }
  .capital-documents ul { columns: 1; }
  .capital-acceptance { grid-template-columns: 1fr; }
  .capital-acceptance > div { padding-block: 24px; }
  .capital-faq summary { padding-block: 20px; font-size: 17px; }
  .capital-consult { padding-block: 48px; }
  .capital-consult-layout { grid-template-columns: 1fr; gap: 32px; padding-right: 0; }
  .capital-consult-qr { justify-self: start; }
  .capital-actions { gap: 12px 24px; }
}
