:root{
  --xhc-paper:#f1f3f4;
  --xhc-ink:#050505;
  --xhc-cyan:#a2f4f6;
  --xhc-blue:#d9f2f7;
  --xhc-purple:#b2a8ff;
  --xhc-border:1px solid #050505;
  --xhc-glow:0 0 18px rgba(162,244,246,.72);
  --xhc-radius:0;
  --xhc-width:90%;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  color:var(--xhc-ink);
  background-color:var(--xhc-paper);
  background-image:
    linear-gradient(45deg,rgba(5,5,5,.035) 25%,transparent 25%,transparent 75%,rgba(5,5,5,.035) 75%),
    linear-gradient(45deg,rgba(5,5,5,.035) 25%,transparent 25%,transparent 75%,rgba(5,5,5,.035) 75%);
  background-size:16px 16px;
  background-position:0 0,8px 8px;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  line-height:1.6;
}

a{
  color:inherit;
}

img{
  display:block;
  max-width:100%;
}

button,
input{
  font:inherit;
}

button{
  cursor:pointer;
}

h1,
h2,
h3,
h4,
p{
  margin-top:0;
}

.Xhc_kHeader,
.Xhc_kFooter,
.Xhc_kHome{
  width:var(--xhc-width);
  margin-inline:auto;
}

/* =========================
   Header
========================= */

.Xhc_kHeader{
  position:relative;
  z-index:20;
  padding-top:24px;
}

.Xhc_kTopline,
.Xhc_kNavigation{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:var(--xhc-border);
  background:var(--xhc-blue);
}

.Xhc_kTopline{
  min-height:78px;
  padding:14px 24px;
}

.Xhc_kBrand,
.Xhc_kUtilities,
.Xhc_kTelephone,
.Xhc_kSearch{
  display:flex;
  align-items:center;
}

.Xhc_kBrand{
  gap:12px;
}

.Xhc_kBrand img{
  width:48px;
  height:48px;
  object-fit:contain;
}

.Xhc_kBrand h2{
  margin:0;
  font-size:1rem;
}

.Xhc_kBrand h2 a{
  text-decoration:none;
}

.Xhc_kUtilities{
  gap:22px;
}

.Xhc_kSearch{
  border-bottom:var(--xhc-border);
}

.Xhc_kSearch label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

.Xhc_kSearch input{
  width:150px;
  padding:9px 4px;
  border:0;
  outline:0;
  background:transparent;
}

.Xhc_kSearch button{
  padding:9px 13px;
  border:0;
  background:var(--xhc-purple);
}

.Xhc_kTelephone{
  gap:8px;
  white-space:nowrap;
  font-weight:bold;
}

.Xhc_kTelephone i{
  color:#514ca4;
}

.Xhc_kNavigation{
  position:relative;
  margin-top:10px;
  padding:0 24px;
}

.Xhc_kDesktopNav{
  display:flex;
  justify-content:center;
  width:100%;
  gap:8px;
}

.Xhc_kDesktopNav a,
.Xhc_kMobileNav a{
  padding:16px 20px;
  text-decoration:none;
  transition:background .25s ease,color .25s ease;
}

.Xhc_kDesktopNav a:hover,
.Xhc_kMobileNav a:hover{
  background:var(--xhc-purple);
}

.Xhc_kMenuButton,
.Xhc_kMobileNav{
  display:none;
}

/* =========================
   Common Section
========================= */

.Xhc_kHome > section{
  width:100%;
  margin:62px 0;
}

.Xhc_kSectionHeading{
  margin-bottom:28px;
}

.Xhc_kSectionHeading small,
.Xhc_kSlideCopy small,
.Xhc_kConnect small{
  color:#514ca4;
  font-weight:bold;
  letter-spacing:.14em;
}

.Xhc_kSectionHeading h2{
  margin:14px 0 0;
  font-size:clamp(2rem,4vw,4rem);
  line-height:1;
}

/* =========================
   Opening Carousel
========================= */

.Xhc_kOpening{
  position:relative;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kSlides,
.Xhc_kSlide{
  min-height:560px;
}

.Xhc_kSlide{
  display:none;
  grid-template-columns:1fr 1fr;
}

.Xhc_kSlideActive{
  display:grid;
}

.Xhc_kSlideCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10%;
}

.Xhc_kSlideCopy h1{
  margin:20px 0;
  font-size:clamp(2.5rem,3vw,3rem);
  line-height:.92;
}

.Xhc_kSlideCopy p{
  max-width:510px;
  color:var(--xhc-blue);
  line-height:1.9;
}

.Xhc_kSlideVisual{
  position:relative;
  min-height:420px;
  overflow:hidden;
}

.Xhc_kSlideVisual img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78;
}

.Xhc_kVisualStamp{
  position:absolute;
  right:8%;
  bottom:8%;
  display:grid;
  gap:10px;
  padding:28px;
  color:var(--xhc-ink);
  background:var(--xhc-cyan);
  transform:rotate(-8deg);
}

.Xhc_kVisualStamp strong{
  font-size:1.8rem;
  line-height:.85;
}

.Xhc_kVisualStamp small{
  font-weight:bold;
}

.Xhc_kPillButton{
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  padding:13px 20px;
  border:var(--xhc-border);
  border-radius:99px;
  background:var(--xhc-purple);
  text-decoration:none;
  font-weight:bold;
  transition:transform .25s ease,box-shadow .25s ease;
}

.Xhc_kPillButton:hover{
  transform:translateY(-3px);
  box-shadow:var(--xhc-glow);
}

.Xhc_kSlideArrow{
  position:absolute;
  top:50%;
  z-index:2;
  width:42px;
  height:42px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  transform:translateY(-50%);
}

.Xhc_kSlidePrev{
  left:18px;
}

.Xhc_kSlideNext{
  right:18px;
}

.Xhc_kSlideDots{
  position:absolute;
  bottom:20px;
  left:50%;
  display:flex;
  gap:8px;
  transform:translateX(-50%);
}

.Xhc_kSlideDots button{
  width:28px;
  height:5px;
  padding:0;
  border:0;
  background:#777;
}

.Xhc_kSlideDots button.active{
  background:var(--xhc-cyan);
}

/* =========================
   Story
========================= */

.Xhc_kStory{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kStoryImage{
  position:relative;
  padding:38px;
}

.Xhc_kStoryImage img{
  width:100%;
  height:390px;
  object-fit:cover;
}

.Xhc_kDiamond{
  position:absolute;
  right:5%;
  bottom:6%;
  display:grid;
  place-items:center;
  width:150px;
  height:150px;
  background:var(--xhc-purple);
  transform:rotate(45deg);
}

.Xhc_kDiamond > *{
  transform:rotate(-45deg);
}

.Xhc_kStoryText{
  align-self:center;
  padding:12%;
}

.Xhc_kStoryText h2{
  margin:14px 0;
  font-size:clamp(2rem,4vw,4rem);
  line-height:1;
}

.Xhc_kStoryDescription{
  line-height:2;
}

.Xhc_kTextLink{
  display:inline-block;
  margin-top:22px;
  color:#514ca4;
  font-weight:bold;
}

/* =========================
   Radial Metrics
========================= */

.Xhc_kRadial{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  align-items:center;
  min-height:560px;
  padding:40px;
  border:var(--xhc-border);
  background:var(--xhc-blue);
}

.Xhc_kMetric{
  min-height:190px;
  padding:25px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kMetric i{
  font-size:1.8rem;
  color:#514ca4;
}

.Xhc_kMetric strong{
  display:block;
  margin:10px 0;
  font-size:2rem;
}

.Xhc_kMetricNorth{
  grid-column:2;
}

.Xhc_kMetricEast{
  grid-column:3;
  grid-row:2;
}

.Xhc_kMetricSouth{
  grid-column:2;
  grid-row:3;
}

.Xhc_kMetricWest{
  grid-column:1;
  grid-row:2;
}

.Xhc_kRadialCore{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  place-items:center;
  width:150px;
  height:150px;
  border:var(--xhc-border);
  border-radius:50%;
  background:var(--xhc-purple);
  text-align:center;
  transform:translate(-50%,-50%);
}

.Xhc_kRadialCore strong{
  line-height:.9;
}

/* =========================
   Security and Capacity
========================= */

.Xhc_kShieldGrid,
.Xhc_kCapacityGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:var(--xhc-border);
}

.Xhc_kShieldGrid > div,
.Xhc_kCapacityGrid > div{
  min-height:250px;
  padding:28px;
  border-right:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kShieldGrid > div:nth-child(even),
.Xhc_kCapacityGrid > div:nth-child(even){
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kShieldGrid i,
.Xhc_kCapacityGrid i{
  font-size:2rem;
  color:var(--xhc-purple);
}

.Xhc_kShieldGrid strong,
.Xhc_kCapacityGrid strong{
  display:block;
  margin:16px 0;
  font-size:1.6rem;
}

/* =========================
   Global Reach
========================= */

.Xhc_kReach{
  padding:40px;
  border:var(--xhc-border);
  background:var(--xhc-purple);
}

.Xhc_kReachGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.Xhc_kReachGrid > div{
  padding:28px;
  border:var(--xhc-border);
  background:var(--xhc-paper);
  transform:skewY(-4deg);
}

.Xhc_kReachGrid > div > *{
  transform:skewY(4deg);
}

.Xhc_kReachGrid i{
  font-size:2.5rem;
}

/* =========================
   Voices
========================= */

.Xhc_kVoices{
  overflow:hidden;
  padding:40px;
  border:var(--xhc-border);
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kVoices .Xhc_kSectionHeading small{
  color:var(--xhc-cyan);
}

.Xhc_kVoiceTrack{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
}

.Xhc_kVoice{
  flex:0 0 300px;
  padding:28px;
  border:var(--xhc-border);
  color:var(--xhc-ink);
  background:var(--xhc-cyan);
  scroll-snap-align:start;
}

.Xhc_kVoice i{
  font-size:2rem;
  color:#514ca4;
}

/* =========================
   Offerings and Journal
========================= */

.Xhc_kOfferingGrid,
.Xhc_kJournalGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.Xhc_kOfferingGrid > div,
.Xhc_kJournalCard{
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kOfferingGrid > div:nth-child(even),
.Xhc_kJournalCard:nth-child(even){
  background:var(--xhc-blue);
}

.Xhc_kOfferingGrid img,
.Xhc_kJournalCard img{
  width:100%;
  height:190px;
  object-fit:cover;
}

.Xhc_kOfferingGrid h3,
.Xhc_kOfferingGrid p,
.Xhc_kJournalCard h3,
.Xhc_kJournalCard p,
.Xhc_kJournalCard time{
  display:block;
  margin:18px;
}

.Xhc_kOfferingGrid h3,
.Xhc_kJournalCard h3{
  font-size:1.25rem;
}

.Xhc_kOfferingGrid a,
.Xhc_kJournalCard a{
  text-decoration:none;
}

.Xhc_kJournalCard p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}

/* 控制显示行数为5 */

.Xhc_kJournalCard time{
  color:#514ca4;
  font-size:.85rem;
}

/* =========================
   FAQ
========================= */

.Xhc_kFaqGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.Xhc_kFaqGrid details{
  padding:20px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kFaqGrid details:nth-child(even){
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kFaqGrid summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  cursor:pointer;
  font-weight:bold;
}

.Xhc_kFaqGrid summary strong{
  color:#514ca4;
}

.Xhc_kFaqGrid p{
  margin:18px 0 0;
  line-height:1.8;
}

/* =========================
   Contact CTA
========================= */

.Xhc_kConnect{
  display:grid;
  grid-template-columns:1fr 280px;
  align-items:center;
  padding:60px 10%;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kConnect h2{
  max-width:700px;
  margin:14px 0 24px;
  font-size:clamp(2rem,5vw,5rem);
  line-height:.95;
}

.Xhc_kConnectOrb{
  display:grid;
  place-items:center;
  width:240px;
  height:240px;
  margin:auto;
  border:var(--xhc-border);
  border-radius:50%;
  background:var(--xhc-purple);
  text-align:center;
  transform:rotate(12deg);
}

.Xhc_kConnectOrb > *{
  transform:rotate(-12deg);
}

.Xhc_kConnectOrb i{
  font-size:2rem;
}

/* =========================
   Footer
========================= */

.Xhc_kFooter{
  margin-top:70px;
  padding:50px 0 20px;
  border-top:var(--xhc-border);
}

.Xhc_kFooterGrid{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr;
  gap:45px;
}

.Xhc_kFooterIdentity img{
  width:60px;
}

.Xhc_kFooterIdentity p{
  line-height:1.8;
}

.Xhc_kFooterName{
  font-weight:bold;
  font-size:1.2rem;
}

.Xhc_kFooterLinks{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-content:start;
  gap:12px;
}

.Xhc_kFooterLinks a{
  text-decoration:none;
}

.Xhc_kFooterAddress{
  display:grid;
  gap:16px;
  font-style:normal;
}

.Xhc_kFooterAddress div{
  display:flex;
  align-items:center;
  gap:12px;
}

.Xhc_kFooterAddress i{
  color:#514ca4;
}

.Xhc_kFooterAddress p{
  margin:0;
}

.Xhc_kCopyright{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:35px;
  padding-top:18px;
  border-top:var(--xhc-border);
  font-size:.8rem;
}

.Xhc_kCopyright a{
  text-decoration:none;
}

.Xhc_kBackTop{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:50;
  display:none;
  width:48px;
  height:48px;
  border:var(--xhc-border);
  border-radius:50%;
  background:var(--xhc-purple);
}

.Xhc_kBackTop.is-visible{
  display:block;
}

/* =========================
   Tablet
========================= */

@media (max-width:900px){

  :root{
    --xhc-width:94%;
  }

  .Xhc_kTopline{
    padding:14px 18px;
  }

  .Xhc_kUtilities{
    gap:12px;
  }

  .Xhc_kTelephone{
    display:none;
  }

  .Xhc_kSlide,
  .Xhc_kStory{
    grid-template-columns:1fr;
  }

  .Xhc_kSlideCopy{
    min-height:430px;
    padding:80px 12%;
  }

  .Xhc_kSlideVisual{
    min-height:340px;
  }

  .Xhc_kStoryText{
    padding:60px 10%;
  }

  .Xhc_kRadial{
    grid-template-columns:1fr 1fr;
    min-height:auto;
    padding:25px;
  }

  .Xhc_kMetricNorth,
  .Xhc_kMetricEast,
  .Xhc_kMetricSouth,
  .Xhc_kMetricWest{
    grid-column:auto;
    grid-row:auto;
  }

  .Xhc_kRadialCore{
    display:none;
  }

  .Xhc_kShieldGrid,
  .Xhc_kCapacityGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kShieldGrid > div,
  .Xhc_kCapacityGrid > div{
    border-bottom:var(--xhc-border);
  }

  .Xhc_kReachGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kOfferingGrid,
  .Xhc_kJournalGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kFooterGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kFooterIdentity{
    grid-column:1 / -1;
  }
}

/* =========================
   Mobile Navigation
========================= */

@media (max-width:680px){

  .Xhc_kHeader{
    padding-top:14px;
  }

  .Xhc_kTopline{
    min-height:64px;
    padding:10px 12px;
  }

  .Xhc_kBrand{
    gap:8px;
    min-width:0;
  }

  .Xhc_kBrand img{
    width:38px;
    height:38px;
  }

  .Xhc_kBrand h2{
    max-width:130px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.85rem;
  }

  .Xhc_kSearch input{
    width:90px;
    padding:7px 3px;
    font-size:.8rem;
  }

  .Xhc_kSearch button{
    padding:7px 9px;
  }

  .Xhc_kNavigation{
    min-height:48px;
    padding:0 12px;
  }

  .Xhc_kDesktopNav{
    display:none;
  }

  .Xhc_kMenuButton{
    display:block;
    margin-left:auto;
    padding:9px 13px;
    border:var(--xhc-border);
    background:var(--xhc-purple);
  }

  .Xhc_kMobileNav{
    position:absolute;
    top:calc(100% + 1px);
    right:0;
    display:none;
    width:100%;
    border:var(--xhc-border);
    background:var(--xhc-blue);
  }

  .Xhc_kMobileNav.is-open{
    display:grid;
  }

  .Xhc_kMobileNav a{
    border-bottom:var(--xhc-border);
  }
}

/* =========================
   Small Mobile
========================= */

@media (max-width:520px){

  :root{
    --xhc-width:94%;
  }

  body{
    font-size:14px;
  }

  .Xhc_kHome > section{
    margin:38px 0;
  }

  .Xhc_kTopline{
    align-items:center;
    padding:10px;
  }

  .Xhc_kUtilities{
    margin-left:auto;
  }

  .Xhc_kSearch{
    max-width:128px;
  }

  .Xhc_kSearch input{
    width:78px;
    font-size:.75rem;
  }

  .Xhc_kSearch button{
    padding:7px 8px;
  }

  .Xhc_kSlide,
  .Xhc_kSlideActive{
    display:block;
  }

  .Xhc_kSlide:not(.Xhc_kSlideActive){
    display:none;
  }

  .Xhc_kSlides,
  .Xhc_kSlide{
    min-height:0;
  }

  .Xhc_kSlideCopy{
    min-height:390px;
    padding:70px 9%;
  }

  .Xhc_kSlideCopy h1{
    margin:16px 0;
    font-size:clamp(2.1rem,11vw,3.2rem);
  }

  .Xhc_kSlideCopy p{
    line-height:1.7;
  }

  .Xhc_kSlideVisual{
    min-height:250px;
  }

  .Xhc_kVisualStamp{
    right:6%;
    bottom:8%;
    padding:18px;
  }

  .Xhc_kVisualStamp strong{
    font-size:1.25rem;
  }

  .Xhc_kSlideArrow{
    top:245px;
    width:36px;
    height:36px;
  }

  .Xhc_kSlidePrev{
    left:10px;
  }

  .Xhc_kSlideNext{
    right:10px;
  }

  .Xhc_kStoryImage{
    padding:16px;
  }

  .Xhc_kStoryImage img{
    height:250px;
  }

  .Xhc_kDiamond{
    right:8%;
    bottom:4%;
    width:105px;
    height:105px;
    font-size:.7rem;
  }

  .Xhc_kStoryText{
    padding:40px 24px;
  }

  .Xhc_kStoryText h2,
  .Xhc_kSectionHeading h2{
    font-size:2rem;
  }

  .Xhc_kRadial{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding:14px;
  }

  .Xhc_kMetric{
    min-height:150px;
    padding:20px;
  }

  .Xhc_kShieldGrid,
  .Xhc_kCapacityGrid,
  .Xhc_kReachGrid,
  .Xhc_kOfferingGrid,
  .Xhc_kJournalGrid,
  .Xhc_kFaqGrid{
    grid-template-columns:1fr;
  }

  .Xhc_kShieldGrid > div,
  .Xhc_kCapacityGrid > div{
    min-height:190px;
    border-right:0;
  }

  .Xhc_kReach,
  .Xhc_kVoices{
    padding:24px 18px;
  }

  .Xhc_kReachGrid{
    gap:12px;
  }

  .Xhc_kReachGrid > div{
    padding:22px;
  }

  .Xhc_kOfferingGrid img,
  .Xhc_kJournalCard img{
    height:210px;
  }

  .Xhc_kFaqGrid details{
    padding:17px;
  }

  .Xhc_kConnect{
    grid-template-columns:1fr;
    padding:42px 24px;
  }

  .Xhc_kConnect h2{
    font-size:2.5rem;
  }

  .Xhc_kConnectOrb{
    width:170px;
    height:170px;
    margin:30px auto 0;
  }

  .Xhc_kFooter{
    margin-top:42px;
    padding-top:36px;
  }

  .Xhc_kFooterGrid{
    grid-template-columns:1fr;
    gap:28px;
  }

  .Xhc_kFooterIdentity{
    grid-column:auto;
  }

  .Xhc_kFooterLinks{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kCopyright{
    display:grid;
    gap:6px;
    margin-top:25px;
  }

  .Xhc_kBackTop{
    right:14px;
    bottom:14px;
    width:42px;
    height:42px;
  }
}

/* =========================
   Extra Small Device
========================= */

@media (max-width:360px){

  .Xhc_kBrand h2{
    display:none;
  }

  .Xhc_kSearch input{
    width:65px;
  }

  .Xhc_kSlideCopy{
    min-height:360px;
    padding:58px 8%;
  }

  .Xhc_kSlideCopy h1{
    font-size:2rem;
  }

  .Xhc_kSlideArrow{
    top:220px;
  }

  .Xhc_kFooterLinks{
    grid-template-columns:1fr;
  }
}

/* =========================
   Reduced Motion
========================= */

@media (prefers-reduced-motion:reduce){

  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}
/* =========================
   Contact Page
========================= */

.Xhc_kContactPage > section,
.Xhc_kAppPage > section{
  width:100%;
  margin:62px 0;
}

.Xhc_kContactIntro{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  min-height:520px;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kContactIntroCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10%;
}

.Xhc_kContactIntroCopy h1,
.Xhc_kAppCopy h1{
  margin:20px 0;
  font-size:clamp(2.6rem,6vw,6rem);
  line-height:.95;
}

.Xhc_kContactIntroCopy p,
.Xhc_kAppCopy p{
  max-width:560px;
  color:var(--xhc-blue);
  line-height:1.9;
}

.Xhc_kBreadcrumb{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:25px;
  color:var(--xhc-cyan);
  font-size:.85rem;
}

.Xhc_kBreadcrumb a{
  text-decoration:none;
}

.Xhc_kContactIntroVisual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:420px;
  background:
    linear-gradient(135deg,transparent 49%,rgba(162,244,246,.25) 50%,transparent 51%),
    var(--xhc-blue);
}

.Xhc_kContactCircle{
  display:grid;
  place-items:center;
  width:290px;
  height:290px;
  border:var(--xhc-border);
  border-radius:50%;
  background:var(--xhc-cyan);
  color:var(--xhc-ink);
  text-align:center;
  transform:rotate(-12deg);
  box-shadow:var(--xhc-glow);
}

.Xhc_kContactCircle i{
  font-size:2.5rem;
}

.Xhc_kContactCircle strong{
  font-size:1.6rem;
  line-height:.95;
}

.Xhc_kContactCode{
  position:absolute;
  right:8%;
  bottom:8%;
  padding:15px;
  border:var(--xhc-border);
  background:var(--xhc-purple);
  color:var(--xhc-ink);
  font-weight:bold;
}

.Xhc_kChannelGrid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  border:var(--xhc-border);
}

.Xhc_kChannelPrimary,
.Xhc_kChannelCard{
  min-height:260px;
  padding:30px;
  border-right:var(--xhc-border);
}

.Xhc_kChannelPrimary{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kChannelCard{
  background:var(--xhc-cyan);
}

.Xhc_kChannelCard:nth-child(3){
  background:var(--xhc-blue);
}

.Xhc_kChannelPrimary i,
.Xhc_kChannelCard i{
  font-size:2rem;
  color:var(--xhc-purple);
}

.Xhc_kChannelPrimary strong{
  display:block;
  margin:14px 0;
  color:var(--xhc-cyan);
  font-size:1.5rem;
}

.Xhc_kChannelPrimary a{
  display:inline-block;
  margin-top:14px;
  color:var(--xhc-cyan);
  text-decoration:none;
  font-weight:bold;
}

.Xhc_kChannelCard p{
  word-break:break-word;
}

.Xhc_kChannelCard small{
  color:#514ca4;
}

.Xhc_kContactMethods{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:40px;
  padding:60px 8%;
  border:var(--xhc-border);
  background:var(--xhc-purple);
}

.Xhc_kMethodLead{
  align-self:center;
}

.Xhc_kMethodLead h2{
  margin:15px 0;
  font-size:clamp(2rem,4vw,4rem);
  line-height:.95;
}

.Xhc_kMethodLead p{
  line-height:1.8;
}

.Xhc_kMethodStack{
  position:relative;
  min-height:390px;
}

.Xhc_kMethodCard{
  position:absolute;
  width:72%;
  min-height:160px;
  padding:25px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kMethodCard i{
  color:#514ca4;
  font-size:1.7rem;
}

.Xhc_kMethodCard h3{
  margin:10px 0;
}

.Xhc_kMethodCard p{
  margin:0;
}

.Xhc_kMethodCardOne{
  top:0;
  left:0;
  z-index:3;
}

.Xhc_kMethodCardTwo{
  top:105px;
  right:0;
  z-index:2;
  background:var(--xhc-blue);
}

.Xhc_kMethodCardThree{
  right:8%;
  bottom:0;
  z-index:1;
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kContactFormArea{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  border:var(--xhc-border);
  background:var(--xhc-blue);
}

.Xhc_kFormIntro{
  padding:55px 10%;
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kFormIntro h2{
  margin:15px 0;
  font-size:clamp(2rem,4vw,4rem);
  line-height:1;
}

.Xhc_kFormIntro p{
  color:var(--xhc-blue);
  line-height:1.8;
}

.Xhc_kFormPromise{
  display:flex;
  gap:15px;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.4);
}

.Xhc_kFormPromise i{
  color:var(--xhc-cyan);
  font-size:1.6rem;
}

.Xhc_kFormPromise h3{
  margin-bottom:5px;
}

.Xhc_kMessageForm{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-content:start;
  padding:55px 8%;
}

.Xhc_kFieldPair,
.Xhc_kFieldFull{
  display:grid;
  gap:7px;
}

.Xhc_kFieldFull{
  grid-column:1 / -1;
}

.Xhc_kMessageForm label{
  font-weight:bold;
}

.Xhc_kMessageForm input,
.Xhc_kMessageForm textarea{
  width:100%;
  padding:13px 14px;
  border:var(--xhc-border);
  outline:0;
  background:rgba(255,255,255,.55);
}

.Xhc_kMessageForm textarea{
  min-height:145px;
  resize:vertical;
}

.Xhc_kMessageForm input:focus,
.Xhc_kMessageForm textarea:focus{
  background:#fff;
  box-shadow:var(--xhc-glow);
}

.Xhc_kFormNotice{
  grid-column:1 / -1;
  margin:0;
  color:#514ca4;
  font-weight:bold;
}

.Xhc_kContactCommitment{
  padding:40px;
  border:var(--xhc-border);
  background:var(--xhc-paper);
}

.Xhc_kCommitmentGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:var(--xhc-border);
}

.Xhc_kCommitmentGrid > div{
  min-height:210px;
  padding:28px;
  border-right:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kCommitmentGrid > div:nth-child(2),
.Xhc_kCommitmentGrid > div:nth-child(3){
  background:var(--xhc-blue);
}

.Xhc_kCommitmentGrid > div:last-child{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kCommitmentGrid i{
  color:#514ca4;
  font-size:1.8rem;
}

/* =========================
   App Page
========================= */

.Xhc_kAppOpening{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:620px;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kAppCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10%;
}

.Xhc_kAppActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:20px 0 35px;
}

.Xhc_kSoftButton{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:13px 20px;
  border:var(--xhc-border);
  border-radius:99px;
  background:var(--xhc-blue);
  text-decoration:none;
  font-weight:bold;
}

.Xhc_kAppTrust{
  display:flex;
  gap:28px;
}

.Xhc_kAppTrust div{
  display:grid;
  gap:2px;
}

.Xhc_kAppTrust strong{
  color:var(--xhc-cyan);
  font-size:1.4rem;
}

.Xhc_kAppTrust small{
  color:#aaa;
}

.Xhc_kAppDevice{
  position:relative;
  display:grid;
  place-items:center;
  min-height:520px;
  background:
    linear-gradient(45deg,transparent 48%,rgba(178,168,255,.35) 49%,transparent 50%),
    var(--xhc-blue);
}

.Xhc_kPhoneFrame{
  position:relative;
  width:265px;
  height:510px;
  padding:12px;
  border:6px solid var(--xhc-ink);
  border-radius:38px;
  background:var(--xhc-ink);
  box-shadow:18px 18px 0 rgba(5,5,5,.2);
  transform:rotate(7deg);
}

.Xhc_kPhoneSpeaker{
  position:absolute;
  top:10px;
  left:50%;
  z-index:2;
  width:70px;
  height:7px;
  border-radius:99px;
  background:#333;
  transform:translateX(-50%);
}

.Xhc_kPhoneScreen{
  height:100%;
  padding:28px 15px 15px;
  border-radius:27px;
  background:var(--xhc-paper);
  color:var(--xhc-ink);
}

.Xhc_kPhoneTop{
  display:flex;
  justify-content:space-between;
  font-size:.65rem;
  font-weight:bold;
}

.Xhc_kPhoneScore{
  margin:25px 0 16px;
  padding:25px 15px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kPhoneScore small{
  font-size:.6rem;
}

.Xhc_kPhoneScore strong{
  display:block;
  margin:12px 0;
  font-size:3.2rem;
  line-height:1;
}

.Xhc_kPhoneScore p{
  margin:0;
  font-size:.8rem;
}

.Xhc_kPhoneRows{
  display:grid;
  gap:10px;
}

.Xhc_kPhoneRows div{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:2px 8px;
  padding:12px;
  border:var(--xhc-border);
  background:#fff;
}

.Xhc_kPhoneRows i{
  grid-row:span 2;
  color:#514ca4;
}

.Xhc_kPhoneRows small{
  color:#666;
  font-size:.7rem;
}

.Xhc_kAppOrbit{
  position:absolute;
  padding:15px;
  border:var(--xhc-border);
  background:var(--xhc-purple);
  font-weight:bold;
}

.Xhc_kAppOrbitOne{
  top:15%;
  left:12%;
  transform:rotate(-12deg);
}

.Xhc_kAppOrbitTwo{
  right:12%;
  bottom:15%;
  transform:rotate(14deg);
}

.Xhc_kValueGrid{
  display:grid;
  grid-template-columns:1fr 1.4fr 1.4fr 1fr;
  border:var(--xhc-border);
}

.Xhc_kValueGrid > div{
  min-height:260px;
  padding:30px;
  border-right:var(--xhc-border);
}

.Xhc_kValueMini{
  background:var(--xhc-cyan);
}

.Xhc_kValueLarge{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kValueLarge:nth-child(3){
  color:var(--xhc-ink);
  background:var(--xhc-blue);
}

.Xhc_kValueGrid i,
.Xhc_kFunctionGrid i,
.Xhc_kAdvantageGrid i{
  color:#514ca4;
  font-size:2rem;
}

.Xhc_kValueGrid h3{
  margin:15px 0;
  font-size:1.8rem;
}

.Xhc_kValueGrid strong{
  display:block;
  margin:12px 0;
}

.Xhc_kFunctionGrid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:18px;
}

.Xhc_kFunctionLead,
.Xhc_kFunctionCard{
  min-height:260px;
  padding:30px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kFunctionLead{
  grid-row:span 2;
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kFunctionLead h3{
  margin:18px 0;
  font-size:2.4rem;
  line-height:1;
}

.Xhc_kFunctionLead a{
  color:var(--xhc-cyan);
  text-decoration:none;
  font-weight:bold;
}

.Xhc_kFunctionCard:nth-child(3){
  background:var(--xhc-blue);
}

.Xhc_kCompareTable{
  border:var(--xhc-border);
}

.Xhc_kCompareTable > div{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  border-bottom:var(--xhc-border);
}

.Xhc_kCompareTable > div:last-child{
  border-bottom:0;
}

.Xhc_kCompareTable > div > *{
  margin:0;
  padding:18px 22px;
  border-right:var(--xhc-border);
}

.Xhc_kCompareTable > div > *:last-child{
  border-right:0;
}

.Xhc_kCompareHead{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kCompareTable > div:nth-child(odd):not(.Xhc_kCompareHead){
  background:var(--xhc-cyan);
}

.Xhc_kCompareTable i{
  color:#514ca4;
}

.Xhc_kUpdateTrack{
  display:flex;
  gap:18px;
  overflow-x:auto;
  padding-bottom:12px;
  scroll-snap-type:x mandatory;
}

.Xhc_kUpdateCard{
  flex:0 0 290px;
  min-height:280px;
  padding:28px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  scroll-snap-align:start;
}

.Xhc_kUpdateCard:nth-child(even){
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kUpdateCard strong{
  display:block;
  margin:15px 0;
  font-size:2rem;
  color:#514ca4;
}

.Xhc_kInstallColumns{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:var(--xhc-border);
}

.Xhc_kInstallColumn{
  padding:38px;
  background:var(--xhc-cyan);
}

.Xhc_kInstallColumnDark{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kInstallColumn h3{
  margin-bottom:28px;
  font-size:1.6rem;
}

.Xhc_kInstallColumn h3 i{
  margin-right:10px;
  color:var(--xhc-purple);
}

.Xhc_kInstallStep{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:15px;
  padding:18px 0;
  border-top:1px solid rgba(5,5,5,.35);
}

.Xhc_kInstallColumnDark .Xhc_kInstallStep{
  border-color:rgba(255,255,255,.35);
}

.Xhc_kInstallStep > strong{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:var(--xhc-border);
  border-radius:50%;
  background:var(--xhc-purple);
  color:var(--xhc-ink);
}

.Xhc_kInstallStep h4{
  margin:0 0 5px;
}

.Xhc_kInstallStep p{
  margin:0;
  line-height:1.6;
}

.Xhc_kAdvantageGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:var(--xhc-border);
}

.Xhc_kAdvantageGrid > div{
  min-height:220px;
  padding:28px;
  border-right:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kAdvantageGrid > div:nth-child(2),
.Xhc_kAdvantageGrid > div:nth-child(3){
  background:var(--xhc-blue);
}

.Xhc_kAdvantageGrid > div:last-child{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kAction{
  display:grid;
  grid-template-columns:1fr 300px;
  align-items:center;
  padding:60px 10%;
  border:var(--xhc-border);
  background:var(--xhc-purple);
}

.Xhc_kActionCopy h2{
  margin:15px 0;
  font-size:clamp(2.4rem,5vw,5rem);
  line-height:.95;
}

.Xhc_kActionDiamond{
  display:grid;
  place-items:center;
  width:250px;
  height:250px;
  margin:auto;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  text-align:center;
  transform:rotate(45deg);
}

.Xhc_kActionDiamond > *{
  transform:rotate(-45deg);
}

.Xhc_kActionDiamond i{
  font-size:2rem;
}

/* =========================
   Contact / App Responsive
========================= */

@media (max-width:900px){

  .Xhc_kContactIntro,
  .Xhc_kAppOpening,
  .Xhc_kContactMethods,
  .Xhc_kContactFormArea{
    grid-template-columns:1fr;
  }

  .Xhc_kContactIntroCopy,
  .Xhc_kAppCopy{
    min-height:440px;
    padding:80px 10%;
  }

  .Xhc_kContactIntroVisual,
  .Xhc_kAppDevice{
    min-height:420px;
  }

  .Xhc_kChannelGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kChannelPrimary{
    grid-column:1 / -1;
  }

  .Xhc_kChannelCard{
    border-top:var(--xhc-border);
  }

  .Xhc_kMethodStack{
    min-height:430px;
  }

  .Xhc_kContactFormArea{
    display:grid;
  }

  .Xhc_kFormIntro{
    padding:50px 10%;
  }

  .Xhc_kValueGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kValueGrid > div{
    border-bottom:var(--xhc-border);
  }

  .Xhc_kFunctionGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kFunctionLead{
    grid-column:1 / -1;
    grid-row:auto;
  }

  .Xhc_kInstallColumns{
    grid-template-columns:1fr;
  }

  .Xhc_kInstallColumnDark{
    border-top:var(--xhc-border);
  }

  .Xhc_kAdvantageGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kAdvantageGrid > div{
    border-bottom:var(--xhc-border);
  }

  .Xhc_kAction{
    grid-template-columns:1fr;
  }

  .Xhc_kActionDiamond{
    margin-top:40px;
  }
}

@media (max-width:680px){

  .Xhc_kContactPage > section,
  .Xhc_kAppPage > section{
    margin:40px 0;
  }

  .Xhc_kContactIntroCopy,
  .Xhc_kAppCopy{
    min-height:390px;
    padding:60px 8%;
  }

  .Xhc_kContactIntroCopy h1,
  .Xhc_kAppCopy h1{
    font-size:clamp(2.3rem,10vw,3.5rem);
  }

  .Xhc_kContactIntroVisual{
    min-height:310px;
  }

  .Xhc_kContactCircle{
    width:220px;
    height:220px;
  }

  .Xhc_kChannelGrid,
  .Xhc_kValueGrid,
  .Xhc_kFunctionGrid,
  .Xhc_kAdvantageGrid{
    grid-template-columns:1fr;
  }

  .Xhc_kChannelPrimary{
    grid-column:auto;
  }

  .Xhc_kChannelPrimary,
  .Xhc_kChannelCard{
    min-height:210px;
    border-right:0;
    border-bottom:var(--xhc-border);
  }

  .Xhc_kChannelCard:last-child{
    border-bottom:0;
  }

  .Xhc_kContactMethods{
    padding:42px 22px;
  }

  .Xhc_kMethodStack{
    min-height:490px;
  }

  .Xhc_kMethodCard{
    width:88%;
  }

  .Xhc_kMethodCardTwo{
    top:125px;
  }

  .Xhc_kMethodCardThree{
    right:0;
    bottom:0;
  }

  .Xhc_kMessageForm{
    grid-template-columns:1fr;
    padding:38px 22px;
  }

  .Xhc_kFieldFull{
    grid-column:auto;
  }

  .Xhc_kFormIntro{
    padding:42px 22px;
  }

  .Xhc_kContactCommitment{
    padding:28px 18px;
  }

  .Xhc_kCommitmentGrid{
    grid-template-columns:1fr;
  }

  .Xhc_kCommitmentGrid > div{
    min-height:170px;
    border-right:0;
    border-bottom:var(--xhc-border);
  }

  .Xhc_kCommitmentGrid > div:last-child{
    border-bottom:0;
  }

  .Xhc_kAppDevice{
    min-height:390px;
  }

  .Xhc_kPhoneFrame{
    width:220px;
    height:420px;
  }

  .Xhc_kPhoneScore strong{
    font-size:2.5rem;
  }

  .Xhc_kAppOrbit{
    padding:10px;
    font-size:.75rem;
  }

  .Xhc_kAppTrust{
    gap:16px;
  }

  .Xhc_kAppTrust strong{
    font-size:1.1rem;
  }

  .Xhc_kValueGrid > div{
    min-height:205px;
    border-right:0;
    border-bottom:var(--xhc-border);
  }

  .Xhc_kValueGrid > div:last-child{
    border-bottom:0;
  }

  .Xhc_kFunctionGrid{
    gap:12px;
  }

  .Xhc_kFunctionLead,
  .Xhc_kFunctionCard{
    min-height:210px;
    padding:24px;
  }

  .Xhc_kFunctionLead h3{
    font-size:2rem;
  }

  .Xhc_kCompareTable{
    overflow-x:auto;
  }

  .Xhc_kCompareTable > div{
    min-width:560px;
  }

  .Xhc_kInstallColumn{
    padding:28px 20px;
  }

  .Xhc_kAdvantageGrid > div{
    min-height:180px;
    border-right:0;
  }

  .Xhc_kAdvantageGrid > div:last-child{
    border-bottom:0;
  }

  .Xhc_kAction{
    padding:45px 24px;
  }

  .Xhc_kActionDiamond{
    width:180px;
    height:180px;
  }
}

@media (max-width:380px){

  .Xhc_kContactIntroCopy h1,
  .Xhc_kAppCopy h1{
    font-size:2.1rem;
  }

  .Xhc_kAppActions{
    display:grid;
  }

  .Xhc_kAppActions a{
    justify-content:center;
  }

  .Xhc_kAppTrust{
    gap:10px;
  }

  .Xhc_kAppTrust small{
    font-size:.7rem;
  }

  .Xhc_kMethodCard{
    width:94%;
    padding:20px;
  }

  .Xhc_kMethodCardTwo{
    top:140px;
  }

  .Xhc_kMethodCardThree{
    bottom:10px;
  }
}
/* =========================
   List Page
========================= */

.Xhc_kListPage > section,
.Xhc_kShowPage > section{
  width:100%;
  margin:62px 0;
}

.Xhc_kListOpening{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  min-height:430px;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kListOpeningCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10%;
}

.Xhc_kListOpeningCopy h1{
  margin:20px 0;
  font-size:clamp(3rem,7vw,7rem);
  line-height:.9;
}

.Xhc_kListOpeningCopy p{
  max-width:560px;
  color:var(--xhc-blue);
  line-height:1.9;
}

.Xhc_kListBreadcrumb,
.Xhc_kShowBreadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
  color:var(--xhc-cyan);
  font-size:.85rem;
}

.Xhc_kListBreadcrumb a,
.Xhc_kShowBreadcrumb a{
  text-decoration:none;
}

.Xhc_kListOpeningMark{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  min-height:350px;
  background:
    linear-gradient(135deg,transparent 49%,rgba(162,244,246,.2) 50%,transparent 51%),
    var(--xhc-blue);
  color:var(--xhc-ink);
  text-align:center;
}

.Xhc_kListOpeningMark::before,
.Xhc_kListOpeningMark::after{
  position:absolute;
  width:120px;
  height:120px;
  border:var(--xhc-border);
  border-radius:50%;
  content:"";
}

.Xhc_kListOpeningMark::before{
  transform:translate(-35px,-25px);
}

.Xhc_kListOpeningMark::after{
  transform:translate(35px,25px);
}

.Xhc_kListOpeningMark i{
  z-index:1;
  font-size:3rem;
  color:#514ca4;
}

.Xhc_kListOpeningMark strong,
.Xhc_kListOpeningMark small{
  z-index:1;
}

.Xhc_kListOpeningMark strong{
  font-size:2rem;
  line-height:.9;
}

.Xhc_kListWorkspace{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);
  gap:24px;
  align-items:start;
}

.Xhc_kListMainColumn{
  min-width:0;
}

.Xhc_kListHeading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:26px;
  padding-bottom:18px;
  border-bottom:var(--xhc-border);
}

.Xhc_kListHeading h2{
  margin:8px 0 0;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1;
}

.Xhc_kListHeading small,
.Xhc_kAsideSearch small,
.Xhc_kAsideTopics small,
.Xhc_kShowSearch small,
.Xhc_kShowAsideNav small{
  color:#514ca4;
  font-weight:bold;
  letter-spacing:.12em;
}

.Xhc_kListHeading > strong{
  white-space:nowrap;
  color:#514ca4;
}

.Xhc_kArticleStream{
  display:grid;
  gap:18px;
}

.Xhc_kListArticle{
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  min-height:230px;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kListArticle:nth-child(even){
  background:var(--xhc-blue);
}

.Xhc_kArticlePicture{
  position:relative;
  min-height:230px;
  overflow:hidden;
}

.Xhc_kArticlePicture img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}

.Xhc_kArticlePicture:hover img{
  transform:scale(1.06);
}

.Xhc_kArticlePicture i{
  position:absolute;
  right:14px;
  bottom:14px;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:var(--xhc-border);
  background:var(--xhc-purple);
}

.Xhc_kArticleBody{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:25px 28px;
}

.Xhc_kArticleMeta{
  display:flex;
  justify-content:space-between;
  width:100%;
  gap:12px;
  color:#514ca4;
  font-size:.75rem;
  font-weight:bold;
}

.Xhc_kArticleBody h3{
  margin:14px 0 10px;
  font-size:1.45rem;
  line-height:1.25;
}

.Xhc_kArticleBody h3 a{
  text-decoration:none;
}

.Xhc_kArticleBody p{
  display:-webkit-box;
  overflow:hidden;
  margin-bottom:16px;
  line-height:1.75;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}

/* 控制显示行数为5 */

.Xhc_kArticleRead{
  margin-top:auto;
  color:#514ca4;
  text-decoration:none;
  font-weight:bold;
}

.Xhc_kPagination{
  display:flex;
  justify-content:center;
  margin-top:28px;
  padding:18px;
  border:var(--xhc-border);
  background:var(--xhc-paper);
  overflow-x:auto;
}

.Xhc_kPagination a,
.Xhc_kPagination strong,
.Xhc_kPagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:34px;
  padding:5px 10px;
  border-right:var(--xhc-border);
  text-decoration:none;
}

.Xhc_kPagination strong{
  background:var(--xhc-purple);
}

.Xhc_kListAside{
  display:grid;
  gap:18px;
}

.Xhc_kAsideSearch,
.Xhc_kAsideTopics,
.Xhc_kAsideQuote{
  padding:26px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kAsideSearch h2,
.Xhc_kAsideTopics h2{
  margin:10px 0 20px;
  font-size:1.7rem;
}

.Xhc_kAsideSearch form,
.Xhc_kShowSearch form{
  display:flex;
  border-bottom:var(--xhc-border);
}

.Xhc_kAsideSearch label,
.Xhc_kShowSearch label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

.Xhc_kAsideSearch input,
.Xhc_kShowSearch input{
  width:100%;
  min-width:0;
  padding:11px 5px;
  border:0;
  outline:0;
  background:transparent;
}

.Xhc_kAsideSearch button,
.Xhc_kShowSearch button{
  padding:8px 12px;
  border:0;
  background:var(--xhc-purple);
}

.Xhc_kTopicLinks{
  display:grid;
}

.Xhc_kTopicLinks a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid rgba(5,5,5,.35);
  text-decoration:none;
}

.Xhc_kTopicLinks a:hover{
  color:#514ca4;
}

.Xhc_kAsideQuote{
  color:#fff;
  background:var(--xhc-ink);
}

.Xhc_kAsideQuote i{
  color:var(--xhc-cyan);
  font-size:1.8rem;
}

.Xhc_kAsideQuote p{
  line-height:1.8;
}

.Xhc_kAsideQuote small{
  color:var(--xhc-purple);
}

.Xhc_kHotGrid{
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr 1.4fr;
  gap:16px;
}

.Xhc_kHotCard{
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kHotCard:nth-child(even){
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kHotCard img{
  width:100%;
  height:180px;
  object-fit:cover;
}

.Xhc_kHotCard > div{
  padding:18px;
}

.Xhc_kHotCard h3{
  margin:12px 0;
  font-size:1.1rem;
  line-height:1.3;
}

.Xhc_kHotCard h3 a{
  text-decoration:none;
}

.Xhc_kHotCard time{
  color:#514ca4;
  font-size:.8rem;
}

.Xhc_kListAction,
.Xhc_kShowAction{
  display:grid;
  grid-template-columns:1fr 280px;
  align-items:center;
  gap:30px;
  padding:60px 10%;
  border:var(--xhc-border);
  background:var(--xhc-purple);
}

.Xhc_kListAction h2,
.Xhc_kShowAction h2{
  margin:14px 0;
  font-size:clamp(2.2rem,5vw,5rem);
  line-height:.95;
}

.Xhc_kListActionCircle,
.Xhc_kShowActionOrb{
  display:grid;
  place-items:center;
  width:230px;
  height:230px;
  margin:auto;
  border:var(--xhc-border);
  border-radius:50%;
  background:var(--xhc-cyan);
  text-align:center;
  transform:rotate(12deg);
}

.Xhc_kListActionCircle > *,
.Xhc_kShowActionOrb > *{
  transform:rotate(-12deg);
}

.Xhc_kListActionCircle i,
.Xhc_kShowActionOrb i{
  font-size:2rem;
}

/* =========================
   Show Page
========================= */

.Xhc_kShowOpening{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  min-height:470px;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kShowOpeningCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10%;
}

.Xhc_kShowOpeningCopy h1{
  max-width:900px;
  margin:25px 0 15px;
  font-size:clamp(2.5rem,5vw,5.8rem);
  line-height:.98;
}

.Xhc_kShowOpeningCopy > p{
  max-width:700px;
  color:var(--xhc-blue);
  line-height:1.8;
}

.Xhc_kShowBreadcrumb{
  margin-top:0;
  color:var(--xhc-cyan);
}

.Xhc_kShowOpeningBadge{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:14px;
  background:
    linear-gradient(135deg,transparent 49%,rgba(162,244,246,.25) 50%,transparent 51%),
    var(--xhc-blue);
  color:var(--xhc-ink);
  text-align:center;
}

.Xhc_kShowOpeningBadge::before{
  position:absolute;
  width:270px;
  height:270px;
  border:var(--xhc-border);
  border-radius:50%;
  content:"";
}

.Xhc_kShowOpeningBadge > *{
  position:relative;
  z-index:1;
}

.Xhc_kShowOpeningBadge i{
  font-size:3rem;
  color:#514ca4;
}

.Xhc_kShowOpeningBadge strong{
  font-size:2rem;
  line-height:.9;
}

.Xhc_kShowWorkspace{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);
  gap:24px;
  align-items:start;
}

.Xhc_kArticleContent{
  min-width:0;
  padding:38px 6%;
  border:var(--xhc-border);
  background:#fff;
}

.Xhc_kArticleFacts{
  display:flex;
  flex-wrap:wrap;
  gap:16px 25px;
  padding-bottom:22px;
  border-bottom:var(--xhc-border);
  color:#514ca4;
  font-size:.85rem;
}

.Xhc_kArticleFacts div{
  display:flex;
  align-items:center;
  gap:8px;
}

.Xhc_kArticleRichText{
  padding:36px 0;
  font-size:1.05rem;
  line-height:2;
}

.Xhc_kArticleRichText img{
  width:auto;
  max-width:100%;
  height:auto;
  margin:28px auto;
}

.Xhc_kArticleRichText h2,
.Xhc_kArticleRichText h3{
  margin-top:38px;
  line-height:1.3;
}

.Xhc_kArticleRichText p{
  margin:0 0 24px;
}

.Xhc_kArticleRichText blockquote{
  margin:30px 0;
  padding:22px 26px;
  border-left:5px solid var(--xhc-purple);
  background:var(--xhc-blue);
}

.Xhc_kArticleFooter{
  padding-top:25px;
  border-top:var(--xhc-border);
}

.Xhc_kArticleSwitch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

.Xhc_kArticleSwitch a{
  display:grid;
  gap:8px;
  padding:18px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  text-decoration:none;
}

.Xhc_kArticleSwitch a:last-child{
  text-align:right;
  background:var(--xhc-blue);
}

.Xhc_kArticleSwitch small{
  color:#514ca4;
  font-weight:bold;
}

.Xhc_kArticleSwitch strong{
  line-height:1.45;
}

.Xhc_kBackToList{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:24px 0;
  color:#514ca4;
  text-decoration:none;
  font-weight:bold;
}

.Xhc_kSharePanel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px;
  background:var(--xhc-ink);
  color:#fff;
}

.Xhc_kSharePanel h3{
  margin:0 0 5px;
}

.Xhc_kSharePanel p{
  margin:0;
  color:var(--xhc-blue);
  font-size:.85rem;
}

.Xhc_kShareButtons{
  display:flex;
  gap:8px;
}

.Xhc_kShareButtons button{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:var(--xhc-border);
  background:var(--xhc-purple);
}

.Xhc_kCopyNotice{
  color:var(--xhc-cyan)!important;
}

.Xhc_kShowAside{
  display:grid;
  gap:18px;
}

.Xhc_kShowSearch,
.Xhc_kShowAsideNav{
  padding:25px;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
}

.Xhc_kShowSearch h2,
.Xhc_kShowAsideNav h2{
  margin:10px 0 20px;
  font-size:1.7rem;
}

.Xhc_kShowAsideNav{
  background:var(--xhc-purple);
}

.Xhc_kShowAsideNav a{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid rgba(5,5,5,.4);
  text-decoration:none;
}

.Xhc_kRecommendedGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.Xhc_kRecommendedCard{
  position:relative;
  overflow:hidden;
  border:var(--xhc-border);
  background:var(--xhc-cyan);
  box-shadow:var(--xhc-glow);
}

.Xhc_kRecommendedCard:nth-child(even){
  background:var(--xhc-blue);
}

.Xhc_kRecommendedCard img{
  width:100%;
  height:180px;
  object-fit:cover;
}

.Xhc_kRecommendedNumber{
  position:absolute;
  top:12px;
  left:12px;
  z-index:1;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:var(--xhc-border);
  background:var(--xhc-purple);
  font-weight:bold;
}

.Xhc_kRecommendedBody{
  padding:18px;
}

.Xhc_kRecommendedBody h3{
  margin:0 0 15px;
  font-size:1.1rem;
  line-height:1.35;
}

.Xhc_kRecommendedBody h3 a{
  text-decoration:none;
}

.Xhc_kRecommendedBody time{
  color:#514ca4;
  font-size:.8rem;
}

.Xhc_kShowAction{
  background:var(--xhc-cyan);
}

.Xhc_kShowActionOrb{
  background:var(--xhc-purple);
}

/* =========================
   List / Show Responsive
========================= */

@media (max-width:900px){

  .Xhc_kListOpening,
  .Xhc_kShowOpening{
    grid-template-columns:1fr;
  }

  .Xhc_kListOpeningCopy,
  .Xhc_kShowOpeningCopy{
    min-height:390px;
    padding:80px 10%;
  }

  .Xhc_kListOpeningMark,
  .Xhc_kShowOpeningBadge{
    min-height:300px;
  }

  .Xhc_kWorkspace,
  .Xhc_kShowWorkspace{
    grid-template-columns:1fr;
  }

  .Xhc_kListWorkspace,
  .Xhc_kShowWorkspace{
    grid-template-columns:1fr;
  }

  .Xhc_kListAside,
  .Xhc_kShowAside{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kAsideQuote{
    grid-column:1 / -1;
  }

  .Xhc_kHotGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kRecommendedGrid{
    grid-template-columns:1fr 1fr;
  }

  .Xhc_kListAction,
  .Xhc_kShowAction{
    grid-template-columns:1fr;
  }

  .Xhc_kListActionCircle,
  .Xhc_kShowActionOrb{
    margin-top:20px;
  }
}

@media (max-width:680px){

  .Xhc_kListPage > section,
  .Xhc_kShowPage > section{
    margin:40px 0;
  }

  .Xhc_kListOpeningCopy,
  .Xhc_kShowOpeningCopy{
    min-height:330px;
    padding:60px 8%;
  }

  .Xhc_kListOpeningCopy h1,
  .Xhc_kShowOpeningCopy h1{
    font-size:clamp(2.4rem,10vw,4rem);
  }

  .Xhc_kListOpeningMark,
  .Xhc_kShowOpeningBadge{
    min-height:250px;
  }

  .Xhc_kListArticle{
    grid-template-columns:1fr;
  }

  .Xhc_kArticlePicture{
    min-height:210px;
  }

  .Xhc_kArticleBody{
    min-height:230px;
    padding:22px;
  }

  .Xhc_kArticleMeta{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .Xhc_kListAside,
  .Xhc_kHotGrid,
  .Xhc_kRecommendedGrid{
    grid-template-columns:1fr;
  }

  .Xhc_kAsideQuote{
    grid-column:auto;
  }

  .Xhc_kHotCard img,
  .Xhc_kRecommendedCard img{
    height:210px;
  }

  .Xhc_kListHeading{
    align-items:flex-start;
    flex-direction:column;
  }

  .Xhc_kListHeading > strong{
    font-size:.8rem;
  }

  .Xhc_kArticleContent{
    padding:25px 20px;
  }

  .Xhc_kArticleFacts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
  }

  .Xhc_kArticleRichText{
    padding:28px 0;
    font-size:1rem;
    line-height:1.9;
  }

  .Xhc_kArticleSwitch{
    grid-template-columns:1fr;
  }

  .Xhc_kArticleSwitch a:last-child{
    text-align:left;
  }

  .Xhc_kSharePanel{
    align-items:flex-start;
    flex-direction:column;
  }

  .Xhc_kShareButtons{
    width:100%;
  }

  .Xhc_kShareButtons button{
    flex:1;
  }

  .Xhc_kListAction,
  .Xhc_kShowAction{
    padding:45px 24px;
  }

  .Xhc_kListActionCircle,
  .Xhc_kShowActionOrb{
    width:180px;
    height:180px;
  }
}

@media (max-width:380px){

  .Xhc_kArticleFacts{
    grid-template-columns:1fr;
  }

  .Xhc_kArticlePicture{
    min-height:180px;
  }

  .Xhc_kArticleBody h3{
    font-size:1.2rem;
  }

  .Xhc_kPagination{
    justify-content:flex-start;
  }
}
/* =========================================
   Contact / App / List / Show 页面整体宽度
   页面宽度：90vw，左右自动居中
========================================= */

.Xhc_kContactPage,
.Xhc_kAppPage,
.Xhc_kListPage,
.Xhc_kShowPage{
  display:block;
  width:90vw!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* 页面内部区块占满所属页面容器，
   不再突破90%页面宽度 */
.Xhc_kContactPage > section,
.Xhc_kAppPage > section,
.Xhc_kListPage > section,
.Xhc_kShowPage > section{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* 防止网格、图片或长内容造成横向溢出 */
.Xhc_kContactPage *,
.Xhc_kAppPage *,
.Xhc_kListPage *,
.Xhc_kShowPage *{
  max-width:100%;
}

.Xhc_kContactPage img,
.Xhc_kAppPage img,
.Xhc_kListPage img,
.Xhc_kShowPage img{
  max-width:100%;
}

/* 表格类内容允许在自身区域内滚动 */
.Xhc_kContactPage .Xhc_kCompareTable,
.Xhc_kAppPage .Xhc_kCompareTable,
.Xhc_kListPage .Xhc_kCompareTable,
.Xhc_kShowPage .Xhc_kCompareTable{
  max-width:100%;
}

/* 移动端仍保持页面宽度为90%，避免之前94%的媒体查询覆盖 */
@media (max-width:900px){

  .Xhc_kContactPage,
  .Xhc_kAppPage,
  .Xhc_kListPage,
  .Xhc_kShowPage{
    width:90vw!important;
  }
}

@media (max-width:520px){

  .Xhc_kContactPage,
  .Xhc_kAppPage,
  .Xhc_kListPage,
  .Xhc_kShowPage{
    width:90vw!important;
  }
}