/* Approved v32 refinements to existing landing sections. */
.landing-refinements .feature-grid.domestic-features,.landing-refinements .feature-grid.overseas-features{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin-top: 27px; margin-bottom: 22px; width: 100%; max-width: 100%;}
.landing-refinements .feature-grid.domestic-features > div,.landing-refinements .feature-grid.overseas-features > div{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 84px; padding: 13px 8px;}
.landing-refinements .feature-grid.domestic-features strong,.landing-refinements .feature-grid.overseas-features strong{font-size: 15px; line-height: 1.6; white-space: normal; text-align: center;}
.landing-refinements .feature-grid.domestic-features small,.landing-refinements .feature-grid.overseas-features small{display: block; color: rgb(114, 134, 161); font-size: 12px; line-height: 1.7; text-align: center; overflow-wrap: anywhere; margin: 0px;}
.landing-refinements .domestic-copy .direct-answer,.landing-refinements .overseas-copy .direct-answer{max-width: 100%;}
.landing-refinements main > [id],.landing-refinements .demo-card[id]{scroll-margin-top: 110px;}
@media (max-width: 780px) {.landing-refinements .feature-grid.domestic-features,.landing-refinements .feature-grid.overseas-features{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;}
.landing-refinements .feature-grid.domestic-features > div,.landing-refinements .feature-grid.overseas-features > div{min-height: 82px;}
.landing-refinements .feature-grid.domestic-features strong,.landing-refinements .feature-grid.overseas-features strong{font-size: 14px;}
.landing-refinements main > [id],.landing-refinements .demo-card[id]{scroll-margin-top: 90px;}
}
.landing-refinements #workflow .workflow-list{max-width: 1600px; height: 330px; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 18px;}
.landing-refinements #workflow .workflow-list li{height: 330px; padding: 194px 9px 18px;}
.landing-refinements #workflow .workflow-list li::before{inset: 163px 0px 0px;}
.landing-refinements #workflow .workflow-head{top: 0px; left: 50%; width: 180px; height: 184px; transform: translateX(-50%);}
.landing-refinements #workflow .workflow-list li::after{display: block; top: 106px; left: calc(50% + 75px); width: calc(100% - 132px); height: 2px; background: rgb(27, 98, 223);}
.landing-refinements #workflow .workflow-list li:nth-child(5)::after{background: linear-gradient(90deg, rgb(27, 98, 223), rgb(23, 179, 194));}
.landing-refinements #workflow .workflow-list li:last-child::after{display: none;}
.landing-refinements #workflow .workflow-list h3{font-size: 20px; line-height: 1.45; white-space: normal;}
.landing-refinements #workflow .workflow-list h3::after{width: calc(100% - 20px); margin: 15px auto 0px;}
.landing-refinements #workflow .workflow-list p{margin: 14px 0px 0px; font-size: 16px; line-height: 1.6; white-space: normal;}
.landing-refinements #workflow .workflow-loop{position: relative; max-width: 1600px; height: 68px; margin-top: 0px; display: flex; align-items: center; justify-content: center;}
.landing-refinements #workflow .workflow-return-line{position: absolute; inset: 0px; width: 100%; height: 54px; overflow: visible;}
.landing-refinements #workflow .workflow-loop-caption{position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; margin: 0px; padding: 4px 16px; background: rgb(251, 252, 253); color: rgb(96, 121, 148); font-size: 14px; line-height: 1.6; text-align: center;}
.landing-refinements #workflow .workflow-loop-caption svg{flex: 0 0 auto; width: 21px; height: 21px; color: rgb(11, 169, 189);}
.landing-refinements #workflow .workflow-support{margin-top: 0px;}
@media (min-width: 601px) and (max-width: 1199px) {.landing-refinements #workflow .section-heading h2{font-size: clamp(32px, 3.8vw, 46px); text-wrap: balance;}
}
@media (min-width: 1200px) and (max-width: 1500px) {.landing-refinements #workflow .workflow-head{width: 156px; height: 160px;}
.landing-refinements #workflow .workflow-list li::after{top: 93px; left: calc(50% + 65px); width: calc(100% - 112px);}
.landing-refinements #workflow .workflow-list li{padding-top: 184px;}
.landing-refinements #workflow .workflow-list li::before{top: 145px;}
.landing-refinements #workflow .workflow-list h3{font-size: 18px;}
.landing-refinements #workflow .workflow-list p{font-size: 15px;}
}
@media (max-width: 1199px) {.landing-refinements #workflow .workflow-list{max-width: 960px; height: auto; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
.landing-refinements #workflow .workflow-list li{height: 324px; padding: 192px 12px 18px; text-align: center;}
.landing-refinements #workflow .workflow-list li::before{inset: 163px 0px 0px;}
.landing-refinements #workflow .workflow-list li::after{display: none;}
.landing-refinements #workflow .workflow-head{left: 50%; top: 0px; width: 180px; height: 184px; transform: translateX(-50%);}
.landing-refinements #workflow .workflow-list h3{font-size: 20px;}
.landing-refinements #workflow .workflow-list h3::after{margin: 15px auto 0px;}
.landing-refinements #workflow .workflow-list p{margin: 14px 0px 0px; font-size: 16px;}
.landing-refinements #workflow .workflow-loop{max-width: 960px; height: auto; min-height: 68px;}
.landing-refinements #workflow .workflow-return-line{display: none;}
.landing-refinements #workflow .workflow-loop-caption{background: transparent;}
.landing-refinements #workflow .workflow-support{max-width: 960px;}
}
@media (max-width: 600px) {.landing-refinements #workflow .workflow-list{max-width: 480px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;}
.landing-refinements #workflow .workflow-list li{height: 264px; padding: 142px 8px 14px;}
.landing-refinements #workflow .workflow-list li::before{inset: 112px 0px 0px; border-radius: 16px;}
.landing-refinements #workflow .workflow-head{top: 0px; width: 134px; height: 137px;}
.landing-refinements #workflow .workflow-list h3{min-height: 47px; padding-bottom: 11px; font-size: 15.5px; line-height: 1.5;}
.landing-refinements #workflow .workflow-list h3::after{position: absolute; bottom: 0px; left: 10%; width: 80%; margin: 0px;}
.landing-refinements #workflow .workflow-list p{margin: 12px 0px 0px; font-size: 13px; line-height: 1.6;}
.landing-refinements #workflow .workflow-loop{max-width: 480px; min-height: 76px;}
.landing-refinements #workflow .workflow-loop-caption{padding: 10px 3px; align-items: flex-start; font-size: 13px; text-align: left;}
.landing-refinements #workflow .workflow-loop-caption svg{margin-top: 1px;}
.landing-refinements #workflow .workflow-support{max-width: 480px;}
.landing-refinements #workflow .workflow-rule{flex-wrap: nowrap; gap: 8px;}
}
.landing-refinements .feature-grid.domestic-features > div,.landing-refinements .feature-grid.overseas-features > div{min-height: 132px; padding: 16px 10px; gap: 7px;}
.landing-refinements .feature-grid .product-feature-icon{display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 46px; height: 46px; margin-bottom: 3px; border: 1px solid rgb(220, 234, 255); border-radius: 14px; background: linear-gradient(145deg, rgb(245, 250, 255), rgb(233, 243, 255)); color: rgb(18, 101, 245); box-shadow: rgba(18, 101, 245, 0.08) 0px 5px 12px; transition: transform 0.2s, background 0.2s, box-shadow 0.2s;}
.landing-refinements .feature-grid .product-feature-icon svg{display: block; width: 28px; height: 28px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: none;}
@media (hover: hover) {.landing-refinements .feature-grid > div:hover .product-feature-icon{transform: translateY(-2px); background: linear-gradient(145deg, rgb(237, 247, 255), rgb(223, 237, 255)); box-shadow: rgba(18, 101, 245, 0.14) 0px 7px 16px;}
}
@media (max-width: 780px) {.landing-refinements .feature-grid.domestic-features > div,.landing-refinements .feature-grid.overseas-features > div{min-height: 128px; padding: 14px 9px;}
.landing-refinements .feature-grid .product-feature-icon{width: 42px; height: 42px; border-radius: 12px;}
.landing-refinements .feature-grid .product-feature-icon svg{width: 26px; height: 26px;}
}
@media (prefers-reduced-motion: reduce) {.landing-refinements .feature-grid .product-feature-icon{transition: none;}
.landing-refinements .feature-grid > div:hover .product-feature-icon{transform: none;}
}
.landing-refinements .feature-grid.domestic-features,.landing-refinements .feature-grid.overseas-features{font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;}
.landing-refinements .feature-grid.domestic-features > div,.landing-refinements .feature-grid.overseas-features > div{gap: 8px; padding: 14px 10px;}
.landing-refinements .feature-grid.domestic-features strong,.landing-refinements .feature-grid.overseas-features strong{font-family: inherit; color: rgb(16, 34, 70); font-size: 15px; font-weight: 700; line-height: 1.3;}
.landing-refinements .feature-grid.overseas-features small{min-height: 3.4em;}
.landing-refinements .feature-grid.domestic-features .product-feature-icon,.landing-refinements .feature-grid.overseas-features .product-feature-icon{width: 49px; height: 49px; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: none; box-shadow: none; color: rgb(18, 101, 245);}
.landing-refinements .feature-grid.domestic-features .product-feature-icon{width: 45px; height: 45px;}
.landing-refinements .feature-grid.domestic-features .product-feature-icon svg{width: 45px; height: 45px; stroke: none; filter: drop-shadow(rgba(18, 101, 245, 0.14) 0px 5px 7px);}
.landing-refinements .feature-grid.overseas-features .product-feature-icon svg{width: 49px; height: 49px; stroke-width: 1.9; filter: drop-shadow(rgba(18, 101, 245, 0.13) 0px 5px 7px);}
@media (hover: hover) {.landing-refinements .feature-grid.domestic-features > div:hover .product-feature-icon,.landing-refinements .feature-grid.overseas-features > div:hover .product-feature-icon{background: none; box-shadow: none;}
}
@media (max-width: 780px) {.landing-refinements .feature-grid.domestic-features strong,.landing-refinements .feature-grid.overseas-features strong{font-size: 14px;}
}
.landing-refinements .feature-grid.overseas-features > div{padding: 12px 10px;}
.landing-refinements .feature-grid.overseas-features small{min-height: 0px;}
.landing-refinements .feature-grid.overseas-features > div:has(> [data-feature-icon="social-publication"]){container-type: inline-size;}
.landing-refinements .feature-grid.overseas-features > div:has(> [data-feature-icon="social-publication"]) > small{white-space: nowrap; font-size: min(12px, 9cqi);}
@media (max-width: 780px) {.landing-refinements .feature-grid.overseas-features > div{padding: 12px 9px;}
}
.landing-refinements .domestic-section,.landing-refinements .overseas-section{min-height: 0px;}
.landing-refinements .system-layout.domestic-layout,.landing-refinements .system-layout.overseas-layout{align-items: center; row-gap: 28px;}
.landing-refinements .system-copy{width: 100%; max-width: 100%; min-width: 0px; padding-top: 0px;}
.landing-refinements .system-copy h2{white-space: normal;}
.landing-refinements .system-meta{margin-bottom: 0px;}
.landing-refinements .showcase-window{align-self: center;}
.landing-refinements .system-actions{grid-column: 1 / -1; display: grid; grid-template-columns: inherit; column-gap: inherit; align-items: center; min-width: 0px; order: 3;}
.landing-refinements .system-actions .button{margin: 0px; max-width: 100%;}
.landing-refinements .system-actions .boundary-note{display: flex; align-items: center; gap: 8px; max-width: 100%; min-width: 0px; margin: 0px; white-space: normal; line-height: 1.7;}
.landing-refinements .system-actions .boundary-note svg{flex: 0 0 auto; margin-top: 0px;}
.landing-refinements .domestic-actions .button{grid-area: 1 / 1; justify-self: start;}
.landing-refinements .domestic-actions .boundary-note{grid-area: 1 / 2; justify-self: end; text-align: right;}
.landing-refinements .overseas-actions .button{grid-area: 1 / 2; justify-self: end; width: min(466px, 100%);}
.landing-refinements .overseas-actions .boundary-note{grid-area: 1 / 1; justify-self: start;}
@media (min-width: 1601px) {.landing-refinements .system-layout.domestic-layout{grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr);}
}
@media (min-width: 992px) and (max-width: 1600px) {.landing-refinements .system-layout.domestic-layout{grid-template-columns: minmax(0px, 0.86fr) minmax(0px, 1.14fr);}
.landing-refinements .system-layout.overseas-layout{grid-template-columns: minmax(0px, 1.14fr) minmax(0px, 0.86fr);}
}
@media (max-width: 991px) {.landing-refinements .system-actions{display: flex; flex-direction: column; gap: 16px; align-items: center;}
.landing-refinements .system-actions .button{order: 1; transform: none;}
.landing-refinements .system-actions .boundary-note{order: 2; justify-content: center; text-align: center;}
}
@media (max-width: 780px) {.landing-refinements .system-layout.domestic-layout,.landing-refinements .system-layout.overseas-layout{row-gap: 24px;}
.landing-refinements .system-actions .button{width: 100%; min-height: 56px;}
.landing-refinements .system-actions .boundary-note{align-items: flex-start; justify-content: flex-start; text-align: left;}
.landing-refinements .system-actions .boundary-note svg{margin-top: 2px;}
}
.landing-refinements .copyright-card{grid-template-columns: 218px minmax(0px, 1fr); grid-template-rows: 34px minmax(194px, auto); gap: 8px 24px; padding: 10px 18px 10px 10px;}
.landing-refinements .copyright-tabs{grid-area: 1 / 2; display: flex; align-self: start; width: fit-content; max-width: 100%; gap: 3px; padding: 3px; background: rgb(234, 242, 255); border: 1px solid rgb(218, 231, 251); border-radius: 8px;}
.landing-refinements .copyright-tab{padding: 4px 12px; color: rgb(98, 118, 151); background: transparent; border: 0px; border-radius: 5px; font-size: 13px; font-weight: 700; line-height: 20px; white-space: nowrap; cursor: pointer; transition: color 0.18s, background 0.18s, box-shadow 0.18s;}
.landing-refinements .copyright-tab:hover{color: rgb(8, 103, 255);}
.landing-refinements .copyright-tab[aria-selected="true"]{color: rgb(8, 103, 255); background: rgb(255, 255, 255); box-shadow: rgba(26, 87, 177, 0.12) 0px 2px 7px;}
.landing-refinements .copyright-tab:focus-visible{outline: rgb(8, 103, 255) solid 2px; outline-offset: 2px;}
.landing-refinements .copyright-panel{display: contents;}
.landing-refinements .copyright-panel[hidden]{display: none !important;}
.landing-refinements .copyright-panel .copyright-certificate{grid-area: 1 / 1 / 3; height: 236px;}
.landing-refinements .copyright-panel .copyright-copy{grid-area: 2 / 2; padding: 0px 0px 5px;}
.landing-refinements .copyright-panel h3{margin: 0px 0px 10px; font-size: 23px; line-height: 1.3;}
.landing-refinements .copyright-panel .copyright-facts{gap: 6px;}
.landing-refinements .copyright-panel .copyright-facts > div{font-size: 14px;}
.landing-refinements .copyright-panel .copyright-status{gap: 8px; margin-top: 10px;}
.landing-refinements .copyright-panel .copyright-status span{min-height: 28px; padding-inline: 12px; font-size: 12px;}
.landing-refinements .copyright-panel .copyright-relation{margin-top: 11px; font-size: 13px;}
.landing-refinements .copyright-panel .copyright-link{bottom: 5px; font-size: 13px;}
@media (min-width: 992px) and (max-width: 1600px) {.landing-refinements .copyright-card{grid-template-columns: 180px minmax(0px, 1fr); grid-template-rows: 32px minmax(176px, auto); gap: 8px 18px; padding-right: 14px;}
.landing-refinements .copyright-panel .copyright-certificate{height: 216px;}
.landing-refinements .copyright-tab{padding-inline: 10px; font-size: 12px; line-height: 18px;}
.landing-refinements .copyright-panel h3{margin-bottom: 8px; font-size: 20px;}
.landing-refinements .copyright-panel .copyright-facts > div{font-size: 12px;}
.landing-refinements .copyright-panel .copyright-facts svg{width: 18px; height: 18px;}
.landing-refinements .copyright-panel .copyright-status{gap: 5px; margin-top: 8px;}
.landing-refinements .copyright-panel .copyright-status span{min-height: 25px; padding-inline: 9px; font-size: 11px;}
.landing-refinements .copyright-panel .copyright-relation{margin-top: 9px; font-size: 12px;}
.landing-refinements .copyright-panel .copyright-link{font-size: 12px;}
}
@media (min-width: 992px) and (max-width: 1180px) {.landing-refinements .copyright-card{grid-template-columns: 135px minmax(0px, 1fr);}
.landing-refinements .copyright-panel .copyright-relation{margin-right: 0px;}
.landing-refinements .copyright-panel .copyright-link{position: static; margin-top: 7px;}
}
@media (min-width: 641px) and (max-width: 991px) {.landing-refinements .copyright-card{grid-template-columns: 205px minmax(0px, 1fr); grid-template-rows: 34px minmax(186px, auto); gap: 8px 22px;}
.landing-refinements .copyright-panel .copyright-certificate{height: 228px;}
.landing-refinements .copyright-panel h3{font-size: 22px;}
}
@media (max-width: 640px) {.landing-refinements .copyright-card{grid-template-columns: 92px minmax(0px, 1fr); grid-template-rows: auto auto; gap: 12px; padding: 10px;}
.landing-refinements .copyright-tabs{grid-area: 1 / 1 / auto / -1; width: 100%;}
.landing-refinements .copyright-tab{flex: 1 1 0%; padding: 5px 6px; font-size: 12px;}
.landing-refinements .copyright-panel .copyright-certificate{grid-area: 2 / 1; height: 146px;}
.landing-refinements .copyright-panel .copyright-copy{grid-area: 2 / 2; padding: 0px;}
.landing-refinements .copyright-panel h3{margin-bottom: 7px; font-size: 16px; line-height: 1.35;}
.landing-refinements .copyright-panel .copyright-facts{gap: 4px;}
.landing-refinements .copyright-panel .copyright-facts > div{font-size: 11px;}
.landing-refinements .copyright-panel .copyright-facts svg{width: 15px; height: 15px;}
.landing-refinements .copyright-panel .copyright-status{gap: 5px; margin-top: 7px;}
.landing-refinements .copyright-panel .copyright-status span{min-height: 24px; padding-inline: 7px; font-size: 10px;}
.landing-refinements .copyright-panel .copyright-relation{margin: 8px 0px 0px; font-size: 11px;}
.landing-refinements .copyright-panel .copyright-link{position: static; margin-top: 6px; font-size: 11px;}
}
.landing-refinements .system-actions .boundary-note{font-size: 14px; font-weight: 400; line-height: 1.7; color: rgb(100, 120, 146);}
.landing-refinements .system-actions .boundary-note svg{width: 20px; height: 20px; stroke-width: 1.9;}
.landing-refinements .domestic-section::before{bottom: 0px;}
@media (max-width: 780px) {.landing-refinements .system-actions .boundary-note{font-size: 13px;}
}

/* Keep home and city screenshots centered in the shared stacked layout. */
@media (max-width: 991px) {
  .landing-refinements .hero-window-back,
  .landing-refinements .hero-window-front{right:8%;}
}
/* Avoid stretching feature cards against five recent articles on narrower screens. */
@media (max-width: 1199px) {
  .landing-refinements .knowledge-layout{grid-template-columns:minmax(0,1fr);align-items:start;--knowledge-row-height:94px;}
  .landing-refinements .knowledge-feature-body{flex:0 1 auto;}
  .landing-refinements .knowledge-feature-body footer{margin-top:0;}
}
@media (min-width: 640px) and (max-width: 1199px) {
  .landing-refinements .knowledge-feature{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:0 22px;align-items:start;}
  .landing-refinements .knowledge-feature-heading{grid-column:1/-1;margin-bottom:14px;}
  .landing-refinements .knowledge-feature-body{padding-top:0;}
  .landing-refinements .knowledge-feature-body h3{font-size:23px;text-wrap:normal;}
}
@media (max-width: 640px) {
  .landing-refinements .hero-window-back,
  .landing-refinements .hero-window-front{right:4%;}
}