:root{
  --KKhz_bg:#FFD1F0;
  --KKhz_card:#2D1F2D;
  --KKhz_glow:#D1FA05;
  --KKhz_ink:#231223;
  --KKhz_button:#1605FF;
  --KKhz_pill:#C6FBF0;
  --KKhz_white:#fffdfd;
  --KKhz_muted:#6d4d66;
  --KKhz_edge:#201320;
  --KKhz_shadow:0 14px 30px rgba(45,31,45,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--KKhz_ink);
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.28), transparent 24%),
    radial-gradient(circle at 80% 0%, rgba(255,255,255,.2), transparent 20%),
    linear-gradient(180deg, #ffd9f4 0%, #ffd1f0 100%);
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.8'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
p{line-height:1.8}
main,section,div,nav,ul,li,article,form,header,footer,address{position:relative}
.KKhz_homeCanvas{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 72px;
}
.KKhz_sectionLead{
  margin-bottom:22px;
}
.KKhz_microLabel{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:var(--KKhz_pill);
  color:#10383a;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.04em;
  margin-bottom:10px;
}
.KKhz_sectionLead h2{
  margin:0 0 10px;
  font-size:clamp(1.7rem, 2.8vw, 2.8rem);
}
.KKhz_sectionLead p{
  margin:0;
  max-width:760px;
  color:var(--KKhz_muted);
}

/* header */
.KKhz_topRibbon{
  background:#f4b4dc;
  padding:10px 16px;
}
.KKhz_topRibbonInner,
.KKhz_navBeltInner{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
}
.KKhz_topRibbonInner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
}
.KKhz_brandCluster{
  display:flex;
  align-items:center;
  gap:12px;
}
.KKhz_brandText{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.KKhz_welcomeFlow{
  overflow:hidden;
  white-space:nowrap;
}
.KKhz_welcomeTrack p{
  margin:0;
  display:inline-block;
  color:#451556;
  font-weight:700;
  animation:KKhz_slideText 18s linear infinite;
}
@keyframes KKhz_slideText{
  0%{transform:translateX(100%)}
  100%{transform:translateX(-110%)}
}
.KKhz_favoriteBtn,
.KKhz_primaryBtn,
.KKhz_outlineBtn,
.KKhz_backLift,
.KKhz_mobileSwitch{
  cursor:pointer;
}
.KKhz_favoriteBtn{
  border:none;
  border-radius:999px;
  background:#fff6fc;
  color:#4b1658;
  padding:10px 18px;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  box-shadow:0 6px 0 rgba(98,46,91,.18);
}
.KKhz_navBelt{
  padding:16px 0 12px;
}
.KKhz_navBeltInner{
  display:flex;
  justify-content:center;
  align-items:center;
}
.KKhz_navRail{
  background:var(--KKhz_pill);
  border-radius:999px;
  padding:10px 18px;
  box-shadow:var(--KKhz_shadow);
}
.KKhz_navList{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.KKhz_navList a,
.KKhz_mobileNavList a{
  display:block;
  padding:10px 16px;
  border-radius:999px;
  color:#173e3d;
  font-weight:700;
}
.KKhz_navList a:hover,
.KKhz_mobileNavList a:hover{
  background:#ffffff;
}
.KKhz_mobileSwitchWrap{display:none}
.KKhz_mobileDrawer{display:none}

/* common cards */
.KKhz_signalStage,
.KKhz_originLedger,
.KKhz_shieldMatrix,
.KKhz_metricFacet,
.KKhz_worldPulse,
.KKhz_factPanel,
.KKhz_voiceRibbon,
.KKhz_solutionDeck,
.KKhz_faqHarbor,
.KKhz_newsPulse,
.KKhz_contactPier{
  margin-bottom:28px;
}
.KKhz_originPanel,
.KKhz_solutionCard,
.KKhz_newsCard,
.KKhz_contactForm,
.KKhz_contactCard,
.KKhz_shieldCard,
.KKhz_voiceCard,
.KKhz_faqList details{
  background:var(--KKhz_card);
  color:var(--KKhz_white);
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow), 0 0 20px rgba(209,250,5,.22);
}

/* banner ◫|◫ */
.KKhz_signalWrap{
  display:grid;
  grid-template-columns:1.05fr 1px 1fr;
  gap:24px;
  align-items:stretch;
}
.KKhz_signalWrap::before{
  content:"";
  grid-column:2;
  grid-row:1;
  width:1px;
  background:#7b4785;
  box-shadow:0 0 0 4px rgba(209,250,5,.12);
}
.KKhz_signalCopy,
.KKhz_signalVisual{
  min-height:520px;
}
.KKhz_signalCopy{
  grid-column:1;
  background:var(--KKhz_card);
  border:2px solid var(--KKhz_glow);
  border-radius:28px;
  color:#fff;
  padding:42px;
  box-shadow:var(--KKhz_shadow),0 0 24px rgba(209,250,5,.2);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.KKhz_signalCopy h1{
  margin:12px 0 14px;
  font-size:clamp(2rem,4vw,4rem);
  line-height:1.14;
}
.KKhz_signalTag{
  display:inline-block;
  padding:8px 14px;
  background:#422b42;
  border-radius:999px;
  color:var(--KKhz_glow);
  font-weight:800;
}
.KKhz_signalVisual{
  grid-column:3;
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:18px;
}
.KKhz_signalPoster{
  border:2px solid var(--KKhz_glow);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--KKhz_shadow),0 0 20px rgba(209,250,5,.18);
}
.KKhz_signalPoster img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.KKhz_signalPosterMain{min-height:520px}
.KKhz_signalPosterSide{min-height:520px}
.KKhz_signalActions{
  display:flex;
  gap:14px;
  margin-top:12px;
  flex-wrap:wrap;
}
.KKhz_primaryBtn{
  background:var(--KKhz_button);
  color:#fff;
  padding:14px 24px;
  border-radius:16px;
  font-weight:800;
  border:2px solid #0f02a5;
  box-shadow:0 8px 0 #0d048a;
}
.KKhz_outlineBtn{
  background:#fff5fd;
  color:#260f6a;
  padding:14px 24px;
  border-radius:16px;
  font-weight:800;
  border:2px solid #cabef8;
  box-shadow:0 8px 0 #d9cfff;
}

/* intro */
.KKhz_originPanel{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  border-radius:28px;
  padding:20px;
}
.KKhz_originPhoto img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
}
.KKhz_originStory{
  padding:12px 8px;
}

/* overlapping cards */
.KKhz_shieldStack{
  min-height:520px;
  position:relative;
}
.KKhz_shieldCard{
  position:absolute;
  width:min(320px, 88vw);
  padding:26px;
  border-radius:24px;
}
.KKhz_shieldCard i,
.KKhz_factBlock i,
.KKhz_diamondCell i,
.KKhz_orbitDisk i,
.KKhz_contactCard i{
  font-size:1.5rem;
  color:var(--KKhz_glow);
  margin-bottom:12px;
}
.KKhz_shieldCardA{top:10px;left:5%}
.KKhz_shieldCardB{top:60px;right:7%}
.KKhz_shieldCardC{bottom:20px;left:16%}
.KKhz_shieldCardD{bottom:0;right:18%}

/* diamond */
.KKhz_diamondField{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:54px 72px;
  justify-items:center;
  padding:18px 0;
}
.KKhz_diamondCell{
  width:min(280px, 100%);
  aspect-ratio:1/1;
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow), 0 0 20px rgba(209,250,5,.22);
  transform:rotate(45deg);
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  text-align:center;
}
.KKhz_diamondCell > div,
.KKhz_diamondCell > *{
  transform:rotate(-45deg);
}
.KKhz_diamondCell h3
{
  margin:0 0 8px;
    font-size:1.0rem;
}
.KKhz_diamondCell p
{
    font-size:0.8rem;
}
.KKhz_orbitDisk h3,
.KKhz_factBlock h3,
.KKhz_shieldCard h3{
  margin:0 0 8px;
}
.KKhz_diamondCell strong,
.KKhz_orbitDisk strong,
.KKhz_factBlock strong,
.KKhz_shieldCard strong{
  display:block;
  margin-bottom:10px;
  color:var(--KKhz_glow);
}

/* ◓◓ circle strict */
.KKhz_worldOrbit{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:26px;
  justify-items:center;
}
.KKhz_orbitNode{
  width:100%;
  display:flex;
  justify-content:center;
}
.KKhz_orbitDisk{
  width:min(100%, 300px);
  aspect-ratio:1/1;
  border-radius:50%;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow), 0 0 24px rgba(209,250,5,.26);
  background:
    linear-gradient(to bottom,
      #2D1F2D 0%,
      #2D1F2D 48%,
      #ffdff6 48%,
      #ffc8eb 100%);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px;
  text-align:center;
}
.KKhz_orbitDisk h3{color:#fff}
.KKhz_orbitDisk strong,
.KKhz_orbitDisk p{
  color:#321732;
}
.KKhz_orbitDisk strong{font-weight:800}
.KKhz_orbitDisk p{margin:0}

/* ⬒⬒ */
.KKhz_factGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px;
}
.KKhz_factBlock{
  border-radius:0;
  overflow:hidden;
  padding:0;
}
.KKhz_factBlock::before{
  content:"";
  display:block;
  height:46%;
  background:#2D1F2D;
}
.KKhz_factBlock::after{
  content:"";
  display:block;
  height:54%;
  background:#ffdff4;
}
.KKhz_factBlock{
  min-height:250px;
}
.KKhz_factBlock > *{
  position:relative;
  z-index:2;
  margin-left:24px;
  margin-right:24px;
}
.KKhz_factBlock i{margin-top:-208px}
.KKhz_factBlock h3{color:#fff}
.KKhz_factBlock strong,
.KKhz_factBlock p{color:#2e1730}
.KKhz_factBlock p{margin-bottom:26px}

/* carousel */
.KKhz_voiceTrack{
  overflow:hidden;
  padding-bottom:8px;
}
.KKhz_voiceSlider{
  display:flex;
  gap:20px;
  width:max-content;
  animation:KKhz_carousel 32s linear infinite;
}
@keyframes KKhz_carousel{
  0%{transform:translateX(0)}
  100%{transform:translateX(-35%)}
}
.KKhz_voiceCard{
  width:320px;
  border-radius:24px;
  padding:24px;
}

/* services */
.KKhz_solutionGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px;
}
.KKhz_solutionCard{
  border-radius:24px;
  padding:18px;
}
.KKhz_solutionCard img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:18px;
  margin-bottom:16px;
}

/* faq */
.KKhz_faqList{
  display:grid;
  gap:14px;
}
.KKhz_faqList details{
  border-radius:20px;
  padding:18px 20px;
}
.KKhz_faqList summary{
  cursor:pointer;
  font-weight:800;
}

/* news */
.KKhz_newsGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}
.KKhz_newsCard{
  border-radius:24px;
  overflow:hidden;
}
.KKhz_newsThumb img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.KKhz_newsBody{
  padding:18px;
}
.KKhz_newsBody h3{
  margin:0 0 10px;
  font-size:1.1rem;
}
.KKhz_newsBody p{
  margin:0 0 12px;
  color:#e9d9ea;
}
.KKhz_newsBody time{
  color:var(--KKhz_glow);
  font-size:.9rem;
}

/* contact */
.KKhz_contactWrap{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
}
.KKhz_contactForm{
  border-radius:24px;
  padding:24px;
}
.KKhz_formRow{
  display:grid;
  gap:8px;
  margin-bottom:16px;
}
.KKhz_formRow label{
  font-weight:700;
}
.KKhz_formRow input,
.KKhz_formRow textarea{
  width:100%;
  border:2px solid rgba(209,250,5,.4);
  background:#3b2b3b;
  color:#fff;
  border-radius:16px;
  padding:14px 16px;
  outline:none;
}
.KKhz_contactMeta{
  display:grid;
  gap:16px;
}
.KKhz_contactCard{
  border-radius:24px;
  padding:22px;
}
.KKhz_contactCard h3{margin:0 0 8px}

/* footer */
.KKhz_footerHarbor{
  margin-top:30px;
  padding:20px 16px 34px;
}
.KKhz_footerHarborInner{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.22);
  border-radius:28px;
  padding:28px;
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:26px;
}
.KKhz_footerLogo{
  height:56px;
  width:auto;
  margin-bottom:10px;
}
.KKhz_footerName{
  font-size:1.25rem;
  font-weight:800;
  margin:0 0 10px;
}
.KKhz_footerSummary{
  margin:0;
  color:#ebdcec;
}
.KKhz_footerMap{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 14px;
}
.KKhz_footerMap a{
  color:#fff;
}
.KKhz_footerReach{
  display:grid;
  gap:14px;
  font-style:normal;
}
.KKhz_reachLine{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.KKhz_reachLine i{
  color:var(--KKhz_glow);
  margin-top:4px;
}
.KKhz_footerCopy{
  grid-column:1/-1;
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:16px;
}
.KKhz_footerCopy a{
  color:var(--KKhz_glow);
}
.KKhz_backLift{
  position:fixed;
  right:18px;
  bottom:18px;
  width:54px;
  height:54px;
  border:none;
  border-radius:18px;
  background:var(--KKhz_button);
  color:#fff;
  box-shadow:0 8px 0 #0d048a;
  z-index:60;
}

/* responsive */
@media (max-width: 1080px){
  .KKhz_signalWrap,
  .KKhz_originPanel,
  .KKhz_contactWrap,
  .KKhz_footerHarborInner{
    grid-template-columns:1fr;
  }
  .KKhz_signalWrap::before{display:none}
  .KKhz_signalVisual{
    grid-template-columns:1fr 1fr;
  }
  .KKhz_shieldStack{
    min-height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .KKhz_shieldCard{
    position:relative;
    inset:auto;
    width:auto;
  }
}
@media (max-width: 860px){
  .KKhz_topRibbonInner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .KKhz_brandCluster,
  .KKhz_bookmarkDock{
    justify-content:center;
  }
  .KKhz_navRail{display:none}
  .KKhz_mobileSwitchWrap{display:block}
  .KKhz_mobileDrawer{
    display:none;
    width:min(1240px, calc(100% - 32px));
    margin:12px auto 0;
    background:var(--KKhz_pill);
    border-radius:24px;
    padding:14px;
    box-shadow:var(--KKhz_shadow);
  }
  .KKhz_mobileDrawer.is-open{display:block}
  .KKhz_mobileNavList{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:8px;
  }
  .KKhz_worldOrbit,
  .KKhz_factGrid,
  .KKhz_solutionGrid,
  .KKhz_newsGrid,
  .KKhz_diamondField{
    grid-template-columns:1fr;
  }
  .KKhz_signalVisual{
    grid-template-columns:1fr;
  }
}
/* contact */
.KKhz_contactCanvas,
.KKhz_appCanvas{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 72px;
}

.KKhz_contactBeacon,
.KKhz_contactQuickline,
.KKhz_contactRoutes,
.KKhz_contactDispatch,
.KKhz_appLaunch,
.KKhz_appNumbers,
.KKhz_appGain,
.KKhz_appEdge,
.KKhz_appScenes,
.KKhz_appCompare,
.KKhz_appChronicle,
.KKhz_appFaq,
.KKhz_appInstall,
.KKhz_appTrust,
.KKhz_appInvite,
.KKhz_appFinalCall{
  margin-bottom:28px;
}

/* ===========================================
   Contact Beacon
=========================================== */

.KKhz_contactBeacon{
    width:100%;
    padding:70px 0;
}

.KKhz_contactBeaconWrap{
    display:grid;
    grid-template-columns:minmax(560px,1fr) 1px minmax(420px,560px);
    gap:40px;
    align-items:center;
}

/* 中间分割线 */

.KKhz_contactDivider{
    width:1px;
    height:100%;
    background:#745076;
}

/* ===========================================
   左侧圆球区域
=========================================== */

.KKhz_contactBeaconVisual{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:30px;
    flex-wrap:nowrap;

    height:100%;
    padding:35px 0;
}

/* ===========================================
   圆球
=========================================== */

.KKhz_contactHalfOrb{
    width:260px;
    aspect-ratio:1/1;

    border-radius:50%;

    border:2px solid var(--KKhz_glow);

    background:
        linear-gradient(
            to bottom,
            #ffdff6 0 48%,
            #2D1F2D 48% 100%
        );

    box-shadow:
        var(--KKhz_shadow),
        0 0 22px rgba(209,250,5,.2);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    padding:22px;

    transition:.35s;
}

.KKhz_contactHalfOrb:hover{
    transform:translateY(-8px);
}

.KKhz_contactHalfOrb i{
    font-size:2rem;
    color:#2D1F2D;
    margin-bottom:16px;
}

.KKhz_contactHalfOrb strong{
    color:#fff;
    font-size:1.45rem;
    margin-bottom:12px;
}

.KKhz_contactHalfOrb p{
    color:#fff;
    font-size:1rem;
    line-height:1.7;
    margin:0;
}

/* ===========================================
   右侧文字
=========================================== */

.KKhz_contactBeaconCopy{

    background:var(--KKhz_card);

    color:#fff;

    border:2px solid var(--KKhz_glow);

    border-radius:28px;

    padding:52px 46px;

    box-shadow:
        var(--KKhz_shadow),
        0 0 24px rgba(209,250,5,.18);

}

.KKhz_contactBeaconCopy h1{

    margin:24px 0;

    font-size:3rem;

    line-height:1.25;

    font-weight:800;

}

.KKhz_contactBeaconCopy p{

    font-size:1.08rem;

    line-height:2;

    color:#e7e7e7;

}

/* ===========================================
   Label
=========================================== */

.KKhz_microLabel{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:999px;

    background:#bdeee7;

    color:#163845;

    font-size:.95rem;

    font-weight:700;

}

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

@media(max-width:1200px){

.KKhz_contactBeaconWrap{

    grid-template-columns:1fr;

    gap:45px;

}

.KKhz_contactDivider{

    display:none;

}

.KKhz_contactBeaconVisual{

    flex-wrap:wrap;

}

}

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

@media(max-width:768px){

.KKhz_contactBeacon{

    padding:50px 0;

}

.KKhz_contactBeaconVisual{

    gap:20px;

}

.KKhz_contactHalfOrb{

    width:210px;

}

.KKhz_contactBeaconCopy{

    padding:32px;

}

.KKhz_contactBeaconCopy h1{

    font-size:2rem;

}

.KKhz_contactBeaconCopy p{

    font-size:1rem;

    line-height:1.8;

}
}
/* contact quickline ⨁ */
.KKhz_quicklineGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:20px;
}
.KKhz_quicklineUnit{
  display:flex;
  justify-content:center;
}
.KKhz_quicklineOrb{
  width:min(100%, 280px);
  aspect-ratio:1/1;
  border-radius:50%;
  border:2px solid var(--KKhz_glow);
  background:
    conic-gradient(from 45deg,
      #2D1F2D 0 25%,
      #ffdff6 25% 50%,
      #2D1F2D 50% 75%,
      #ffcceb 75% 100%);
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.2);
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.KKhz_quicklineOrb i{
  font-size:1.6rem;
  color:var(--KKhz_glow);
  margin-bottom:10px;
}
.KKhz_quicklineOrb small{
  display:block;
  color:#1d1224;
  background:rgba(255,255,255,.76);
  padding:6px 12px;
  border-radius:999px;
  margin-bottom:10px;
  font-weight:700;
}
.KKhz_quicklineOrb a,
.KKhz_quicklineOrb span,
.KKhz_quicklineOrb time{
  color:#fff;
  font-size:.98rem;
  line-height:1.7;
  word-break:break-word;
  max-width:180px;
}

/* contact routes ■▫|▫■ */
.KKhz_routeFrame{
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:20px;
  align-items:start;
}
.KKhz_routeDivider{
  background:#7d5980;
  width:1px;
  min-height:100%;
}
.KKhz_routeTall{
  display:grid;
  gap:18px;
}
.KKhz_routeCard{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:24px;
  overflow:hidden;
}
.KKhz_routeToggle{
  width:100%;
  border:none;
  background:transparent;
  color:#fff;
  padding:20px 22px;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  font-size:1rem;
  font-weight:800;
}
.KKhz_routeToggle i{
  color:var(--KKhz_glow);
  flex:0 0 auto;
}
.KKhz_routePanel{
  display:none;
  border-top:1px solid rgba(209,250,5,.24);
}
.KKhz_routePanel.is-open{
  display:block;
}
.KKhz_routeBody{
  padding:18px 22px 22px;
}
.KKhz_routeBody p{
  margin:0 0 14px;
  color:#efe3ef;
  font-size:.97rem;
}
.KKhz_routeBody ul{
  margin:0;
  padding-left:18px;
  color:#d1fa05;
}
.KKhz_routeBody li{
  margin:8px 0;
  font-size:.93rem;
}

/* contact dispatch ⬒|⬒ */
.KKhz_dispatchWrap{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:20px;
}
.KKhz_dispatchForm,
.KKhz_dispatchAside{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.2);
  border-radius:0;
  overflow:hidden;
}
.KKhz_dispatchForm{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:0;
}
.KKhz_dispatchCell{
  padding:22px;
  border-right:1px solid rgba(209,250,5,.18);
  border-bottom:1px solid rgba(209,250,5,.18);
  background:linear-gradient(to bottom, #2D1F2D 0 46%, #f7def4 46% 100%);
}
.KKhz_dispatchCell:nth-child(2n){
  border-right:none;
}
.KKhz_dispatchCellWide{
  grid-column:1/-1;
}
.KKhz_dispatchCell label{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-weight:800;
  font-size:.95rem;
}
.KKhz_dispatchCell input,
.KKhz_dispatchCell textarea{
  width:100%;
  border:2px solid rgba(209,250,5,.4);
  background:#3b2b3b;
  color:#fff;
  border-radius:14px;
  padding:12px 14px;
  outline:none;
  font-size:.95rem;
}
.KKhz_dispatchAside{
  display:grid;
}
.KKhz_dispatchInfo{
  padding:24px;
  border-bottom:1px solid rgba(209,250,5,.18);
  background:linear-gradient(to bottom, #2D1F2D 0 46%, #f9e5f7 46% 100%);
}
.KKhz_dispatchInfo:last-child{
  border-bottom:none;
}
.KKhz_dispatchInfo i{
  color:var(--KKhz_glow);
  font-size:1.4rem;
  margin-bottom:10px;
}
.KKhz_dispatchInfo h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1rem;
}
.KKhz_dispatchInfo p{
  margin:0;
  color:#2e1730;
  word-break:break-word;
  font-size:.95rem;
}

/* app banner ⨂ */
.KKhz_appLaunchWrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
}
.KKhz_appLaunchCopy{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  border-radius:28px;
  padding:38px;
  box-shadow:var(--KKhz_shadow),0 0 24px rgba(209,250,5,.2);
}
.KKhz_appLaunchVisual{
  display:flex;
  justify-content:center;
}
.KKhz_appQuarterOrb{
  width:min(420px, 100%);
  aspect-ratio:1/1;
  border-radius:50%;
  border:2px solid var(--KKhz_glow);
  background:
    conic-gradient(from 0deg,
      #2D1F2D 0 25%,
      #ffdff6 25% 50%,
      #2D1F2D 50% 75%,
      #ffc8eb 75% 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:var(--KKhz_shadow),0 0 24px rgba(209,250,5,.24);
  padding:26px;
}
.KKhz_appPhoneMock{
  width:min(240px, 70%);
  background:#1f151f;
  border:2px solid var(--KKhz_glow);
  border-radius:30px;
  padding:14px;
  box-shadow:0 0 18px rgba(209,250,5,.16);
}
.KKhz_appPhoneMock i{
  display:block;
  text-align:center;
  color:var(--KKhz_glow);
  margin-bottom:10px;
}
.KKhz_appPhoneMock img{
  width:100%;
  height:340px;
  object-fit:cover;
  border-radius:18px;
}
.KKhz_appLaunchAction{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:10px;
}

/* app numbers □□□□ */
.KKhz_numberStrip{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:20px;
}
.KKhz_numberTile{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 20px rgba(209,250,5,.2);
  border-radius:24px;
  padding:24px;
}
.KKhz_numberHint{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  background:#433043;
  color:var(--KKhz_glow);
  border-radius:999px;
  font-size:.86rem;
  font-weight:800;
  margin-bottom:12px;
}
.KKhz_numberTile h2{
  margin:0 0 10px;
  font-size:clamp(1.6rem, 2.4vw, 2.5rem);
}
.KKhz_numberTile h3{
  margin:0 0 8px;
  font-size:clamp(1.8rem, 3vw, 2.8rem);
  color:var(--KKhz_glow);
}
.KKhz_numberTile small{
  color:#e6d9e6;
  font-size:.9rem;
}

/* app gain ▫□□▫ */
.KKhz_gainBand{
  display:grid;
  grid-template-columns:.7fr 1.2fr 1.2fr .7fr;
  gap:18px;
  align-items:stretch;
}
.KKhz_gainMinor,
.KKhz_gainMajor{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:24px;
}
.KKhz_gainMinor{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  text-align:center;
}
.KKhz_gainMinor span{
  font-weight:800;
  color:var(--KKhz_glow);
  font-size:1rem;
}
.KKhz_gainMajor{
  padding:24px;
}
.KKhz_gainTags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.KKhz_gainTags span{
  padding:10px 14px;
  background:#3b2b3b;
  border-radius:999px;
  color:#fff;
  font-size:.9rem;
}
.KKhz_gainAction{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* app edge ◧|◧ */
.KKhz_edgeGrid{
  display:grid;
  grid-template-columns:1fr 1fr 1px 1fr 1fr;
  gap:18px;
  align-items:stretch;
}
.KKhz_edgeDivider{
  background:#6e4f71;
  width:1px;
}
.KKhz_edgeCell{
  padding:24px 20px;
  border-radius:0;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:8px;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
}
.KKhz_edgeDark{
  background:#2D1F2D;
  color:#fff;
}
.KKhz_edgeLight{
  background:#ffe6f6;
  color:#2d1f2d;
}
.KKhz_edgeCell h3{
  margin:0;
  font-size:1.02rem;
}
.KKhz_edgeCell strong{
  font-size:.96rem;
}
.KKhz_edgeCell p{
  margin:0;
  line-height:1.7;
  font-size:.92rem;
}

/* app scenes ◓|◓ */
.KKhz_sceneWrap{
  display:grid;
  grid-template-columns:1fr 1px 1fr 1fr;
  gap:18px;
  align-items:start;
}
.KKhz_sceneDivider{
  width:1px;
  background:#735275;
}
.KKhz_sceneOrb{
  width:min(100%, 280px);
  aspect-ratio:1/1;
  margin:0 auto;
  border-radius:50%;
  border:2px solid var(--KKhz_glow);
  background:linear-gradient(to bottom, #2D1F2D 0 48%, #ffe1f5 48% 100%);
  box-shadow:var(--KKhz_shadow),0 0 20px rgba(209,250,5,.2);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:26px 22px;
}
.KKhz_sceneOrb i{
  font-size:1.5rem;
  color:var(--KKhz_glow);
  margin-bottom:10px;
}
.KKhz_sceneOrb h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1rem;
}
.KKhz_sceneOrb p{
  margin:0;
  color:#2d1f2d;
  font-size:.9rem;
  line-height:1.6;
}

/* compare ✚ */
.KKhz_compareCross{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.22);
  border-radius:28px;
  padding:24px;
}
.KKhz_compareHead{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 auto 18px;
  max-width:520px;
}
.KKhz_compareHead span{
  text-align:center;
  background:#423042;
  padding:12px 16px;
  border-radius:16px;
  color:var(--KKhz_glow);
  font-weight:800;
}
.KKhz_compareStem{
  display:grid;
  gap:12px;
}
.KKhz_compareRow{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  align-items:center;
}
.KKhz_compareRow strong,
.KKhz_compareRow span{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  padding:10px 12px;
  text-align:center;
  font-size:.93rem;
}
.KKhz_compareRow strong{
  background:#fff1fb;
  color:#2D1F2D;
}
.KKhz_compareRow span{
  background:#3b2b3b;
  color:#fff;
}

/* release notes */
.KKhz_chronicleYear{
  margin-bottom:24px;
}
.KKhz_chronicleYear h3{
  margin:0 0 14px;
}
.KKhz_chronicleGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.KKhz_patchCard{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:24px;
  padding:22px;
}
.KKhz_patchCard h4{
  margin:0 0 8px;
  color:var(--KKhz_glow);
}
.KKhz_patchCard p{
  margin:0 0 12px;
  font-size:.92rem;
  color:#e8dce8;
}
.KKhz_patchCard ul{
  margin:0;
  padding-left:18px;
}
.KKhz_patchCard li{
  margin:8px 0;
  font-size:.93rem;
}

/* app faq */
.KKhz_appFaqList{
  display:grid;
  gap:14px;
}
.KKhz_appFaqList details{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 16px rgba(209,250,5,.18);
  border-radius:22px;
  padding:18px 20px;
}
.KKhz_appFaqList summary{
  cursor:pointer;
  font-weight:800;
}
.KKhz_appFaqList summary span{
  color:var(--KKhz_glow);
  margin-right:8px;
}

/* install ⌘ */
.KKhz_installRadial{
  position:relative;
  min-height:760px;
  display:grid;
  place-items:center;
}
.KKhz_installCore{
  width:170px;
  height:170px;
  border-radius:50%;
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.22);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.KKhz_installCore i{
  font-size:2rem;
  color:var(--KKhz_glow);
  margin-bottom:10px;
}
.KKhz_installArm{
  position:absolute;
  width:min(320px, 42vw);
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:24px;
  padding:18px;
}
.KKhz_installArm h3{
  margin:0 0 12px;
  font-size:1rem;
}
.KKhz_installArmA{top:30px;left:0}
.KKhz_installArmB{top:30px;right:0}
.KKhz_installArmC{bottom:30px;left:0}
.KKhz_installArmD{bottom:30px;right:0}
.KKhz_installStep{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:start;
  margin-top:12px;
}
.KKhz_installStep span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--KKhz_glow);
  color:#2D1F2D;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.KKhz_installStep h4{
  margin:0 0 6px;
  font-size:.98rem;
}
.KKhz_installStep p{
  margin:0;
  font-size:.9rem;
  color:#eaddeb;
  line-height:1.6;
}

/* trust */
.KKhz_trustGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.KKhz_trustCard{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:24px;
  padding:22px;
}
.KKhz_trustCard i{
  color:var(--KKhz_glow);
  font-size:1.4rem;
  margin-bottom:10px;
}
.KKhz_trustCard h5{
  margin:0 0 8px;
  font-size:1rem;
}
.KKhz_trustCard p{
  margin:0;
  font-size:.92rem;
}
.KKhz_trustTail{
  margin-top:14px;
  color:var(--KKhz_muted);
}

/* invite ■▫▫■ */
.KKhz_inviteBand{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr 1.2fr;
  gap:18px;
}
.KKhz_inviteLarge,
.KKhz_inviteSmall{
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:24px;
  padding:24px;
}
.KKhz_inviteLarge{
  background:#2D1F2D;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.KKhz_inviteSmall{
  background:#ffe6f6;
  color:#2D1F2D;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.KKhz_inviteCode{
  font-size:1.6rem;
  font-weight:900;
  color:#1605FF;
  letter-spacing:.08em;
}

/* final call */
.KKhz_finalCallCard{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.22);
  border-radius:28px;
  padding:34px;
  text-align:center;
}
.KKhz_finalCallCard h2{
  margin:14px 0 10px;
}
.KKhz_finalCallAction{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:10px;
}

/* responsive */
@media (max-width: 1080px){
  .KKhz_contactBeaconWrap,
  .KKhz_routeFrame,
  .KKhz_dispatchWrap,
  .KKhz_appLaunchWrap,
  .KKhz_numberStrip,
  .KKhz_gainBand,
  .KKhz_edgeGrid,
  .KKhz_sceneWrap,
  .KKhz_chronicleGrid,
  .KKhz_trustGrid,
  .KKhz_inviteBand{
    grid-template-columns:1fr;
  }
  .KKhz_contactBeaconWrap::before,
  .KKhz_routeDivider,
  .KKhz_edgeDivider,
  .KKhz_sceneDivider{
    display:none;
  }
  .KKhz_dispatchForm{
    grid-template-columns:1fr;
  }
  .KKhz_dispatchCell{
    border-right:none;
  }
  .KKhz_quicklineGrid{
    grid-template-columns:1fr 1fr;
  }
  .KKhz_installRadial{
    min-height:auto;
    display:grid;
    gap:18px;
  }
  .KKhz_installArm{
    position:relative;
    inset:auto;
    width:100%;
  }
  .KKhz_installCore{
    margin:0 auto;
  }
}
@media (max-width: 768px){
  .KKhz_quicklineGrid{
    grid-template-columns:1fr;
  }
  .KKhz_sceneOrb,
  .KKhz_quicklineOrb,
  .KKhz_contactHalfOrb{
    width:min(100%, 300px);
  }
  .KKhz_numberTile,
  .KKhz_gainMajor,
  .KKhz_gainMinor,
  .KKhz_edgeCell,
  .KKhz_patchCard,
  .KKhz_trustCard{
    padding:20px;
  }
  .KKhz_compareRow{
    grid-template-columns:1fr;
  }
}
/* list/show common canvas */
.KKhz_listCanvas,
.KKhz_showCanvas{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 72px;
}

.KKhz_listBanner,
.KKhz_listCrumb,
.KKhz_listLayout,
.KKhz_showBanner,
.KKhz_showCrumb,
.KKhz_showLayout{
  margin-bottom:28px;
}

/* list banner ▱ */
.KKhz_listBannerWrap{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:24px;
  align-items:center;
}
.KKhz_listBannerCopy{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  border-radius:28px;
  padding:38px;
  box-shadow:var(--KKhz_shadow),0 0 22px rgba(209,250,5,.2);
}
.KKhz_listBannerVisual{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.KKhz_listBannerCard{
  min-height:190px;
  transform:skew(-14deg);
  overflow:hidden;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:22px;
  background:var(--KKhz_card);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
}
.KKhz_listBannerCard > *{
  transform:skew(14deg);
}
.KKhz_listBannerCard i{
  color:var(--KKhz_glow);
  font-size:1.6rem;
  margin-bottom:10px;
}
.KKhz_listBannerCard strong{
  font-size:1.05rem;
}
.KKhz_listBannerCard span{
  font-size:.9rem;
  color:#eadcea;
}
.KKhz_listBannerCard img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:skew(14deg) scale(1.08);
}

/* breadcrumbs */
.KKhz_listCrumbTrail,
.KKhz_showCrumbTrail{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  background:#fff1fb;
  border:1px solid rgba(45,31,45,.08);
  border-radius:999px;
  padding:12px 18px;
  box-shadow:var(--KKhz_shadow);
}
.KKhz_listCrumbTrail a,
.KKhz_showCrumbTrail a{
  color:#351937;
  font-weight:700;
}
.KKhz_listCrumbTrail i,
.KKhz_showCrumbTrail i{
  color:#1605FF;
}

/* list layout */
.KKhz_listLayout,
.KKhz_showLayout{
  display:grid;
  grid-template-columns:minmax(0, 1.6fr) minmax(280px, .8fr);
  gap:22px;
  align-items:start;
}
.KKhz_listPrimary,
.KKhz_showMain{
  min-width:0;
}
.KKhz_listSidebar,
.KKhz_showSidebar{
  display:grid;
  gap:18px;
}
.KKhz_listWidget,
.KKhz_showWidget{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  border-radius:24px;
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  padding:20px;
}
.KKhz_listWidget h3,
.KKhz_showWidget h3{
  margin:0 0 14px;
  font-size:1.05rem;
}

/* search */
.KKhz_listSearchForm,
.KKhz_showSearchForm{
  display:grid;
  grid-template-columns:1fr 56px;
  gap:10px;
}
.KKhz_listSearchField,
.KKhz_showSearchField{
  position:relative;
}
.KKhz_listSearchField input,
.KKhz_showSearchField input{
  width:100%;
  border:2px solid rgba(209,250,5,.36);
  background:#3b2b3b;
  color:#fff;
  border-radius:16px;
  padding:14px 16px;
  outline:none;
}
.KKhz_listSearchField label,
.KKhz_showSearchField label{
  position:absolute;
  left:16px;
  top:-10px;
  background:var(--KKhz_card);
  color:var(--KKhz_glow);
  font-size:.78rem;
  padding:0 6px;
}
.KKhz_listSearchBtn,
.KKhz_showSearchBtn{
  border:none;
  border-radius:16px;
  background:var(--KKhz_button);
  color:#fff;
  box-shadow:0 8px 0 #0d048a;
}

/* nav list */
.KKhz_listNavSet,
.KKhz_showNavSet{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.KKhz_listNavSet a,
.KKhz_showNavSet a{
  display:block;
  background:#3a2a3a;
  color:#fff;
  border-radius:14px;
  padding:12px 14px;
  font-size:.94rem;
}
.KKhz_listNavSet a:hover,
.KKhz_showNavSet a:hover{
  background:#4c364c;
}

/* list grid */
.KKhz_listGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.KKhz_listStory{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
}
.KKhz_listStoryThumb img{
  width:100%;
  height:210px;
  object-fit:cover;
}
.KKhz_listStoryBody{
  padding:18px;
  display:grid;
  gap:14px;
}
.KKhz_listStoryText h3{
  margin:0 0 10px;
  font-size:1.02rem;
  line-height:1.45;
}
.KKhz_listStoryText p{
  margin:0;
  color:#ebdeeb;
  font-size:.92rem;
  line-height:1.75;
}
.KKhz_listStoryMeta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.KKhz_listStoryMeta time{
  color:var(--KKhz_glow);
  font-size:.88rem;
}
.KKhz_listReadMore{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:#fff1fb;
  color:#241224;
  font-weight:800;
  font-size:.86rem;
}

/* pager */
.KKhz_listPager{
  margin-top:18px;
}
.KKhz_listPagerInner{
  background:#fff1fb;
  border-radius:20px;
  padding:14px 18px;
  box-shadow:var(--KKhz_shadow);
  color:#2D1F2D;
}
.KKhz_listPagerInner a{
  color:#1605FF;
  font-weight:700;
}

/* hot stack */
.KKhz_listHotStack,
.KKhz_showHotStack{
  display:grid;
  gap:14px;
}
.KKhz_listHotItem,
.KKhz_showHotItem{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px;
  align-items:start;
}
.KKhz_listHotThumb img,
.KKhz_showHotThumb img{
  width:92px;
  height:92px;
  object-fit:cover;
  border-radius:14px;
}
.KKhz_listHotBody h4,
.KKhz_showHotBody h4{
  margin:0 0 8px;
  font-size:.95rem;
  line-height:1.5;
}
.KKhz_listHotBody p,
.KKhz_showHotBody p{
  margin:0 0 8px;
  font-size:.84rem;
  color:#eadcea;
  line-height:1.65;
}
.KKhz_listHotBody time,
.KKhz_showHotBody time{
  color:var(--KKhz_glow);
  font-size:.8rem;
}

/* show banner ◨|◨ */
.KKhz_showBannerGrid{
  display:grid;
  grid-template-columns:1fr 1fr 1px 1fr 1fr;
  gap:18px;
  align-items:stretch;
}
.KKhz_showBannerDivider{
  width:1px;
  background:#785779;
}
.KKhz_showBannerCell{
  min-height:220px;
  border:2px solid var(--KKhz_glow);
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  border-radius:0;
  padding:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.KKhz_showBannerLight{
  background:#ffe6f7;
  color:#2D1F2D;
}
.KKhz_showBannerDark{
  background:#2D1F2D;
  color:#fff;
}
.KKhz_showBannerCell i{
  font-size:1.7rem;
  color:var(--KKhz_glow);
  margin-bottom:10px;
}
.KKhz_showBannerCell span{
  font-weight:800;
  font-size:1rem;
}
.KKhz_showBannerCell h1{
  margin:0 0 10px;
  font-size:clamp(1.6rem, 2.4vw, 2.3rem);
}
.KKhz_showBannerCell p{
  margin:0;
  font-size:.92rem;
  line-height:1.7;
}
.KKhz_showBannerCell img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* show article */
.KKhz_showArticle{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  border-radius:28px;
  box-shadow:var(--KKhz_shadow),0 0 20px rgba(209,250,5,.18);
  padding:28px;
}
.KKhz_showArticleHead{
  border-bottom:1px solid rgba(209,250,5,.18);
  padding-bottom:18px;
  margin-bottom:22px;
}
.KKhz_showArticleHead h1{
  margin:0 0 14px;
  font-size:clamp(1.7rem, 2.8vw, 2.8rem);
  line-height:1.3;
}
.KKhz_showMeta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
}
.KKhz_showMeta span,
.KKhz_showMeta time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#eaddea;
  font-size:.9rem;
}
.KKhz_showMeta i{
  color:var(--KKhz_glow);
}
.KKhz_showArticleBody{
  color:#f6edf6;
  font-size:1rem;
  line-height:1.95;
  word-break:break-word;
}
.KKhz_showArticleBody h2,
.KKhz_showArticleBody h3,
.KKhz_showArticleBody h4{
  color:#fff;
  line-height:1.45;
}
.KKhz_showArticleBody img{
  max-width:100%;
  height:auto;
  border-radius:18px;
  margin:16px auto;
}
.KKhz_showArticleBody p{
  margin:0 0 16px;
}
.KKhz_showArticleBody ul,
.KKhz_showArticleBody ol{
  padding-left:22px;
}
.KKhz_showArticleNav{
  margin-top:26px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.KKhz_showNavPrev,
.KKhz_showNavNext{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#3a2a3a;
  border-radius:18px;
  padding:16px;
  color:#fff;
  min-height:72px;
}
.KKhz_showNavPrev span,
.KKhz_showNavNext span{
  font-size:.92rem;
  line-height:1.6;
}
.KKhz_showReturn{
  margin-top:18px;
}
.KKhz_showShare{
  margin-top:24px;
  background:#3a2a3a;
  border-radius:20px;
  padding:20px;
}
.KKhz_showShare h3{
  margin:0 0 8px;
  font-size:1.05rem;
}
.KKhz_showShare p{
  margin:0 0 14px;
  color:#eadcea;
  font-size:.92rem;
}
.KKhz_showShareRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.KKhz_shareChip{
  border:none;
  background:#fff1fb;
  color:#2D1F2D;
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  font-size:.88rem;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}

/* recommend */
.KKhz_showSuggest{
  margin-top:22px;
}
.KKhz_showSuggestGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.KKhz_showSuggestItem{
  background:var(--KKhz_card);
  color:#fff;
  border:2px solid var(--KKhz_glow);
  border-radius:22px;
  box-shadow:var(--KKhz_shadow),0 0 18px rgba(209,250,5,.18);
  overflow:hidden;
  display:grid;
  grid-template-columns:58px 120px 1fr;
  gap:12px;
  align-items:stretch;
}
.KKhz_showSuggestIndex{
  background:#1f151f;
  color:var(--KKhz_glow);
  font-weight:900;
  font-size:1.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.KKhz_showSuggestThumb img{
  width:120px;
  height:100%;
  min-height:120px;
  object-fit:cover;
}
.KKhz_showSuggestBody{
  padding:16px 16px 16px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.KKhz_showSuggestBody h3{
  margin:0 0 10px;
  font-size:.98rem;
  line-height:1.55;
}
.KKhz_showSuggestBody time{
  color:var(--KKhz_glow);
  font-size:.84rem;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* responsive */
@media (max-width: 1080px){
  .KKhz_listBannerWrap,
  .KKhz_listLayout,
  .KKhz_showLayout,
  .KKhz_showBannerGrid{
    grid-template-columns:1fr;
  }
  .KKhz_showBannerDivider{
    display:none;
  }
  .KKhz_listGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 768px){
  .KKhz_listGrid,
  .KKhz_showSuggestGrid,
  .KKhz_showArticleNav{
    grid-template-columns:1fr;
  }
  .KKhz_listHotItem,
  .KKhz_showHotItem,
  .KKhz_showSuggestItem{
    grid-template-columns:1fr;
  }
  .KKhz_showSuggestThumb img,
  .KKhz_listHotThumb img,
  .KKhz_showHotThumb img{
    width:100%;
    height:180px;
  }
  .KKhz_showSuggestBody{
    padding:0 16px 16px;
  }
  .KKhz_showSuggestIndex{
    min-height:52px;
  }
}