:root{
  --sobZ_bg:#08CDE7;
  --sobZ_card:#10B212;
  --sobZ_edge:#F71808;
  --sobZ_btn:#0127E4;
  --sobZ_nav:#555354;
  --sobZ_text:#f5fffb;
  --sobZ_dark:#072b30;
  --sobZ_muted:#dffcff;
  --sobZ_glow:0 0 0 1px rgba(247,24,8,.7),0 0 20px rgba(247,24,8,.28),0 16px 40px rgba(1,39,228,.18);
  --sobZ_radius:26px;
  --sobZ_radius_sm:18px;
  --sobZ_shell:1280px;
  --sobZ_wire_1:rgba(255,255,255,.18);
  --sobZ_wire_2:rgba(255,255,255,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  color:var(--sobZ_text);
  background:
    linear-gradient(135deg,var(--sobZ_wire_1) 1px,transparent 1px),
    linear-gradient(45deg,var(--sobZ_wire_2) 1px,transparent 1px),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.2), transparent 32%),
    radial-gradient(circle at 80% 10%, rgba(1,39,228,.16), transparent 28%),
    radial-gradient(circle at 50% 80%, rgba(247,24,8,.12), transparent 24%),
    var(--sobZ_bg);
  background-size:32px 32px,32px 32px,auto,auto,auto,auto;
  line-height:1.7;
}

img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p{margin:0}

.sobZ_shell{
  width:min(var(--sobZ_shell),calc(100% - 32px));
  margin:0 auto;
}

.sobZ_homeCore section,
.sobZ_topbar,
.sobZ_footerDock{
  position:relative;
}

.sobZ_homeCore section{
  padding:34px 0;
}

.sobZ_headingBox{
  max-width:760px;
  margin:0 0 22px;
}

.sobZ_sectionMark,
.sobZ_flagLine{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(85,83,84,.58);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:13px;
  letter-spacing:.6px;
  margin-bottom:14px;
}

.sobZ_headingBox h2,
.sobZ_spotlightText h1{
  font-size:clamp(28px,4vw,54px);
  line-height:1.14;
  margin-bottom:14px;
  text-shadow:0 3px 18px rgba(0,0,0,.18);
}

.sobZ_headingBox p,
.sobZ_spotlightText p,
.sobZ_dualCopy p{
  color:var(--sobZ_muted);
}

.sobZ_topbar{
  position:sticky;
  top:0;
  z-index:50;
  padding:16px 0;
  backdrop-filter:blur(12px);
  background:rgba(8,205,231,.26);
  border-bottom:1px solid rgba(255,255,255,.16);
}

.sobZ_topbarRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 18px;
  border-radius:24px;
  background:rgba(85,83,84,.86);
  box-shadow:var(--sobZ_glow);
}

.sobZ_brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:220px;
}

.sobZ_brandName{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

.sobZ_navGroup{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1;
  gap:18px;
}

.sobZ_navDesk{
  flex:1;
  display:flex;
  justify-content:center;
}

.sobZ_navDesk ul,
.sobZ_navMob ul{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.sobZ_navDesk a,
.sobZ_navMob a{
  display:inline-flex;
  padding:10px 16px;
  border-radius:999px;
  color:#fff;
  transition:.3s ease;
}

.sobZ_navDesk a:hover,
.sobZ_navMob a:hover{
  background:rgba(255,255,255,.15);
  transform:translateY(-2px);
}

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

.sobZ_collectBtn,
.sobZ_toggleBtn,
.sobZ_cubeBtn,
.sobZ_backLift{
  border:none;
  cursor:pointer;
}

.sobZ_collectBtn,
.sobZ_toggleBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#6a6968,#444243);
  color:#fff;
  box-shadow:0 8px 0 rgba(0,0,0,.18);
}

.sobZ_collectBtn:active,
.sobZ_toggleBtn:active,
.sobZ_cubeBtn:active{
  transform:translateY(3px);
  box-shadow:0 5px 0 rgba(0,0,0,.18);
}

.sobZ_toggleWrap{display:none}

.sobZ_mobilePanel{
  display:none;
  margin-top:14px;
  padding:18px;
  border-radius:24px;
  background:rgba(16,178,18,.92);
  border:1px solid var(--sobZ_edge);
  box-shadow:var(--sobZ_glow);
}

.sobZ_mobilePanel p{
  margin-top:14px;
  color:#effff0;
}

.sobZ_spotlightPanel,
.sobZ_dualFrame,
.sobZ_contactWrap{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:24px;
}

.sobZ_spotlightText,
.sobZ_spotlightVisual,
.sobZ_dualMedia,
.sobZ_dualCopy,
.sobZ_contactCopy,
.sobZ_contactForm,
.sobZ_matrixLead,
.sobZ_matrixMini,
.sobZ_diamondCell,
.sobZ_staggerLead,
.sobZ_staggerMini,
.sobZ_orbitCell,
.sobZ_serviceUnit,
.sobZ_quoteUnit,
.sobZ_newsCard,
.sobZ_faqStack details,
.sobZ_footerBrand,
.sobZ_footerLinks,
.sobZ_footerTouch{
  background:rgba(16,178,18,.92);
  border:1px solid var(--sobZ_edge);
  border-radius:var(--sobZ_radius);
  box-shadow:var(--sobZ_glow);
}

.sobZ_spotlightText,
.sobZ_dualCopy,
.sobZ_contactCopy,
.sobZ_contactForm,
.sobZ_footerBrand,
.sobZ_footerLinks,
.sobZ_footerTouch{
  padding:28px;
}

.sobZ_spotlightVisual{
  padding:20px;
  display:grid;
  gap:16px;
}

.sobZ_visualFrame{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.22);
}

.sobZ_visualFrame img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
}

.sobZ_visualBadge{
  padding:18px;
  border-radius:20px;
  background:rgba(85,83,84,.72);
  border:1px solid rgba(255,255,255,.18);
}

.sobZ_spotlightCta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

.sobZ_cubeBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:18px;
  background:linear-gradient(180deg,#2952ff,#0127E4);
  color:#fff;
  box-shadow:0 10px 0 #001b97,0 16px 26px rgba(1,39,228,.32);
  transition:.3s ease;
}

.sobZ_cubeBtn:hover{transform:translateY(-2px)}
.sobZ_cubeBtn--ghost{
  background:linear-gradient(180deg,#747171,#555354);
  box-shadow:0 10px 0 #373536,0 16px 26px rgba(0,0,0,.18);
}

.sobZ_dualMedia{
  overflow:hidden;
  padding:16px;
}

.sobZ_dualMedia img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  border-radius:18px;
}

.sobZ_dualList{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.sobZ_dualList span{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(85,83,84,.52);
}

.sobZ_orbitGrid,
.sobZ_serviceGrid,
.sobZ_newsGrid{
  display:grid;
  gap:18px;
}

.sobZ_orbitGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.sobZ_orbitCell{
  padding:24px;
  text-align:center;
  position:relative;
  overflow:hidden;
}

.sobZ_orbitCell::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:50%;
  border:1px dashed rgba(255,255,255,.24);
  opacity:.9;
}

.sobZ_orbitCell i{
  font-size:30px;
  margin-bottom:14px;
}

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

.sobZ_matrixLead,
.sobZ_matrixMini,
.sobZ_staggerLead,
.sobZ_staggerMini{
  padding:26px;
}

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

.sobZ_diamondCell{
  padding:24px;
  text-align:center;
  clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

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

.sobZ_serviceGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.sobZ_serviceUnit{
  overflow:hidden;
}

.sobZ_serviceUnit img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.sobZ_serviceUnit h3,
.sobZ_serviceUnit p{
  padding-inline:22px;
}

.sobZ_serviceUnit h3{padding-top:18px}
.sobZ_serviceUnit p{padding-bottom:22px;color:var(--sobZ_muted)}

.sobZ_faqStack{
  display:grid;
  gap:14px;
}

.sobZ_faqStack details{
  padding:18px 22px;
}

.sobZ_faqStack summary{
  cursor:pointer;
  font-weight:700;
}

.sobZ_faqStack p{
  margin-top:10px;
  color:var(--sobZ_muted);
}

.sobZ_quoteRail{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

.sobZ_quoteUnit{
  padding:22px;
  min-height:220px;
}

.sobZ_quoteUnit i{
  font-size:30px;
  margin-bottom:12px;
}

.sobZ_quoteUnit:not(.active){
  opacity:.72;
}

.sobZ_newsGrid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.sobZ_newsCard{
  overflow:hidden;
}

.sobZ_newsThumb img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.sobZ_newsBody{
  display:grid;
  gap:10px;
  padding:20px;
}

.sobZ_contactList{
  display:grid;
  gap:14px;
  margin-top:20px;
}

.sobZ_contactList span{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(85,83,84,.46);
}

.sobZ_fieldBox{
  display:grid;
  gap:8px;
  margin-bottom:14px;
}

.sobZ_fieldBox input,
.sobZ_fieldBox textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:rgba(255,255,255,.12);
  color:#fff;
  outline:none;
}

.sobZ_fieldBox input::placeholder,
.sobZ_fieldBox textarea::placeholder{
  color:#d9ffff;
}

.sobZ_footerDock{
  padding:36px 0 24px;
}

.sobZ_footerGrid{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:18px;
}

.sobZ_footerHeading{
  margin-bottom:12px;
  font-size:20px;
}

.sobZ_footerTitle{
  font-size:22px;
  font-weight:700;
  margin:12px 0 10px;
}

.sobZ_footerLinks ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
}

.sobZ_footerLinks a,
.sobZ_footerTouch span{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 0;
  color:var(--sobZ_muted);
}

.sobZ_footerMeta{
  margin-top:20px;
  padding:18px 8px 0;
  text-align:center;
}

.sobZ_backLift{
  position:fixed;
  right:20px;
  bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#2952ff,#0127E4);
  color:#fff;
  box-shadow:0 10px 0 #001b97,0 16px 26px rgba(1,39,228,.32);
  z-index:80;
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
}

.sobZ_backLift.is-visible{
  opacity:1;
  visibility:visible;
}

@media (max-width: 1100px){
  .sobZ_orbitGrid,
  .sobZ_diamondField,
  .sobZ_quoteRail{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .sobZ_matrixWrap,
  .sobZ_staggerBand,
  .sobZ_footerGrid{
    grid-template-columns:1fr 1fr;
  }

  .sobZ_matrixLead,
  .sobZ_staggerLead{
    grid-column:1 / -1;
  }

  .sobZ_newsGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 860px){
  .sobZ_navDesk{display:none}
  .sobZ_toggleWrap{display:inline-flex}
  .sobZ_spotlightPanel,
  .sobZ_dualFrame,
  .sobZ_contactWrap,
  .sobZ_matrixWrap,
  .sobZ_staggerBand,
  .sobZ_serviceGrid,
  .sobZ_newsGrid,
  .sobZ_footerGrid{
    grid-template-columns:1fr;
  }

  .sobZ_mobilePanel.is-open{display:block}
}

@media (max-width: 640px){
  .sobZ_shell{
    width:min(100% - 20px, var(--sobZ_shell));
  }

  .sobZ_topbarRow{
    padding:12px;
    border-radius:20px;
  }

  .sobZ_collectText{display:none}

  .sobZ_orbitGrid,
  .sobZ_diamondField,
  .sobZ_quoteRail,
  .sobZ_dualList{
    grid-template-columns:1fr;
  }

  .sobZ_diamondCell{
    clip-path:none;
    border-radius:24px;
    min-height:auto;
  }

  .sobZ_headingBox h2,
  .sobZ_spotlightText h1{
    font-size:clamp(24px,8vw,36px);
  }

  .sobZ_serviceUnit img,
  .sobZ_newsThumb img,
  .sobZ_visualFrame img,
  .sobZ_dualMedia img{
    min-height:auto;
    height:220px;
  }

  .sobZ_backLift span{
    display:none;
  }
}
/* =========================
   contact + app page style
========================= */
.sobZ_shell{
  width:min(1240px, calc(100% - 32px));
  margin:0 auto;
}

.sobZ_contactPage,
.sobZ_appPage{
  position:relative;
  background:
    radial-gradient(circle at top left, rgba(71,133,255,.18), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(92,236,255,.12), transparent 24%),
    linear-gradient(180deg, #07111f 0%, #091728 48%, #07111f 100%);
  color:#f4f8ff;
  overflow:hidden;
}

.sobZ_contactPage section,
.sobZ_appPage section{
  position:relative;
  padding:88px 0;
}

.sobZ_sectionHead{
  max-width:760px;
  margin:0 auto 40px;
  text-align:center;
}

.sobZ_leftHead{
  margin:0 0 28px;
  text-align:left;
}

.sobZ_sectionHead h2,
.sobZ_leftHead h2{
  margin:0 0 14px;
  font-size:clamp(28px,4vw,44px);
  line-height:1.2;
  color:#fff;
}

.sobZ_sectionHead p,
.sobZ_leftHead p{
  margin:0;
  color:rgba(228,236,255,.76);
  line-height:1.9;
  font-size:16px;
}

.sobZ_eyebrow,
.sobZ_miniTop,
.sobZ_ctaTag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#8ddcff;
  font-size:14px;
  backdrop-filter:blur(14px);
}

.sobZ_primeBtn,
.sobZ_ghostBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:0 24px;
  border-radius:16px;
  text-decoration:none;
  font-weight:700;
  transition:.3s ease;
}

.sobZ_primeBtn{
  color:#07111f;
  background:linear-gradient(135deg,#7af0ff 0%, #7f9bff 100%);
  box-shadow:0 16px 40px rgba(89,179,255,.28);
}

.sobZ_primeBtn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 46px rgba(89,179,255,.36);
}

.sobZ_ghostBtn{
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
}

.sobZ_ghostBtn:hover{
  background:rgba(255,255,255,.10);
  transform:translateY(-2px);
}

.sobZ_contactHeroGrid,
.sobZ_appHeroGrid,
.sobZ_contactReachGrid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:34px;
  align-items:center;
}

.sobZ_contactHeroContent h1,
.sobZ_appHeroText h1{
  margin:18px 0 16px;
  font-size:clamp(34px,5vw,62px);
  line-height:1.12;
  color:#fff;
}

.sobZ_contactHeroContent p,
.sobZ_appHeroText p{
  margin:0;
  max-width:720px;
  color:rgba(232,240,255,.78);
  line-height:1.95;
  font-size:17px;
}

.sobZ_contactHeroActions,
.sobZ_appHeroActions,
.sobZ_ctaActions,
.sobZ_inviteActions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.sobZ_contactQuickStats,
.sobZ_appHeroStatRow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:30px;
}

.sobZ_statCard,
.sobZ_appStat{
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
}

.sobZ_statCard strong,
.sobZ_appStat h3{
  display:block;
  margin:0 0 8px;
  font-size:28px;
  color:#fff;
}

.sobZ_statCard span,
.sobZ_appStat small{
  color:rgba(228,236,255,.74);
}

.sobZ_contactHeroVisual{
  position:relative;
  min-height:460px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sobZ_contactVisualCenter{
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(132,225,255,.45), rgba(82,98,255,.18) 58%, rgba(255,255,255,.04) 100%);
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 20px 60px rgba(39,103,255,.22);
}

.sobZ_contactVisualIcon{
  width:128px;
  height:128px;
  border-radius:50%;
  background:linear-gradient(135deg,#84f2ff,#8ba2ff);
  color:#06101d;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:48px;
  box-shadow:0 18px 50px rgba(107,186,255,.35);
}

.sobZ_contactVisualCard{
  position:absolute;
  width:230px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px);
  box-shadow:0 16px 38px rgba(0,0,0,.2);
}

.sobZ_contactVisualCard i{
  font-size:22px;
  color:#82dfff;
}

.sobZ_contactVisualCard h3{
  margin:14px 0 10px;
  color:#fff;
  font-size:20px;
}

.sobZ_contactVisualCard p{
  margin:0;
  color:rgba(233,240,255,.74);
  line-height:1.8;
  font-size:14px;
}

.sobZ_floatCardA{top:18px; left:8px; animation:sobZ_float 5.5s ease-in-out infinite;}
.sobZ_floatCardB{right:0; bottom:40px; animation:sobZ_float 6s ease-in-out infinite;}

@keyframes sobZ_float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

.sobZ_contactQuickGrid,
.sobZ_advGrid,
.sobZ_expGrid,
.sobZ_trustGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.sobZ_infoCard,
.sobZ_advCard,
.sobZ_expCard,
.sobZ_trustCard,
.sobZ_sideCard,
.sobZ_installCard,
.sobZ_timeCard,
.sobZ_compareTable,
.sobZ_ctaPanel,
.sobZ_invitePanel,
.sobZ_contactFormBox{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
}

.sobZ_infoCard,
.sobZ_advCard,
.sobZ_expCard,
.sobZ_trustCard{
  padding:26px;
}

.sobZ_infoIcon,
.sobZ_expCard span,
.sobZ_trustCard span{
  width:58px;
  height:58px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7af0ff,#879cff);
  color:#07111f;
  font-size:22px;
  box-shadow:0 14px 34px rgba(108,190,255,.25);
}

.sobZ_infoCard small{
  display:block;
  margin:18px 0 8px;
  color:#8edfff;
  font-size:13px;
  letter-spacing:.08em;
}

.sobZ_infoCard h3,
.sobZ_advCard h3,
.sobZ_expCard h3,
.sobZ_sideCard h3,
.sobZ_trustCard h5,
.sobZ_installCard h3{
  margin:0 0 12px;
  color:#fff;
}

.sobZ_infoCard a,
.sobZ_plainText{
  display:block;
  margin-bottom:12px;
  color:#fff;
  font-weight:700;
  word-break:break-all;
}

.sobZ_infoCard p,
.sobZ_advCard p,
.sobZ_expCard p,
.sobZ_sideCard p,
.sobZ_trustCard p,
.sobZ_bottomNote{
  margin:0;
  color:rgba(228,236,255,.74);
  line-height:1.9;
}

.sobZ_contactAccordion{
  display:grid;
  gap:16px;
}

.sobZ_foldItem{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  overflow:hidden;
  box-shadow:0 14px 38px rgba(0,0,0,.16);
}

.sobZ_foldItem summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  color:#fff;
  font-weight:700;
}

.sobZ_foldItem summary::-webkit-details-marker{display:none;}
.sobZ_foldItem summary span{
  display:flex;
  align-items:center;
  gap:12px;
}

.sobZ_foldItem summary span i{
  color:#7fe9ff;
}

.sobZ_foldPlus{
  color:#99dfff;
  transition:.3s ease;
}

.sobZ_foldItem[open] .sobZ_foldPlus{
  transform:rotate(45deg);
}

.sobZ_foldBody{
  padding:0 24px 24px;
}

.sobZ_foldBody p{
  margin:0 0 16px;
  color:rgba(228,236,255,.76);
  line-height:1.9;
}

.sobZ_foldBody ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px 20px;
}

.sobZ_foldBody li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#dce9ff;
}

.sobZ_foldBody li i{
  margin-top:4px;
  color:#80e6ff;
}

.sobZ_contactFormBox,
.sobZ_sideCard,
.sobZ_installCard{
  padding:28px;
}

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

.sobZ_field{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sobZ_field label{
  font-size:14px;
  color:#dce8ff;
}

.sobZ_field input,
.sobZ_field textarea,
.sobZ_field select{
  width:100%;
  border:none;
  outline:none;
  border-radius:18px;
  padding:15px 16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:15px;
}

.sobZ_field select option{
  color:#111;
}

.sobZ_field input::placeholder,
.sobZ_field textarea::placeholder{
  color:rgba(220,230,245,.45);
}

.sobZ_submitBtn{
  margin-top:20px;
  border:none;
  cursor:pointer;
}

.sobZ_sideList{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:grid;
  gap:16px;
}

.sobZ_sideList li{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.sobZ_sideList li i{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7af0ff,#879cff);
  color:#07111f;
}

.sobZ_sideList small{
  display:block;
  margin-bottom:6px;
  color:#8bdfff;
}

.sobZ_sideList span{
  color:#fff;
  line-height:1.8;
  word-break:break-all;
}

.sobZ_sideCardHighlight{
  margin-top:20px;
  border-color:rgba(124,230,255,.22);
}

.sobZ_phoneMockup{
  position:relative;
  width:300px;
  height:590px;
  margin:0 auto;
  border-radius:42px;
  padding:14px;
  background:linear-gradient(180deg,#0f1b31,#060d18);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 80px rgba(0,0,0,.34);
}

.sobZ_phoneTop{
  width:120px;
  height:18px;
  border-radius:0 0 16px 16px;
  background:#0d1726;
  margin:0 auto 10px;
}

.sobZ_phoneScreen{
  height:calc(100% - 28px);
  border-radius:32px;
  background:
    radial-gradient(circle at top, rgba(123,225,255,.25), transparent 25%),
    linear-gradient(180deg,#0d1830 0%, #101f3f 46%, #0b1322 100%);
  padding:26px;
  position:relative;
  overflow:hidden;
}

.sobZ_phoneBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#8ce7ff;
  font-size:13px;
}

.sobZ_phoneChart{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  align-items:end;
  height:180px;
  margin-top:30px;
}

.sobZ_phoneChart span{
  display:block;
  border-radius:16px 16px 8px 8px;
  background:linear-gradient(180deg,#7ef0ff,#8b9fff);
}
.sobZ_phoneChart span:nth-child(1){height:52%}
.sobZ_phoneChart span:nth-child(2){height:84%}
.sobZ_phoneChart span:nth-child(3){height:64%}
.sobZ_phoneChart span:nth-child(4){height:92%}

.sobZ_phoneMiniCards{
  display:grid;
  gap:12px;
  margin-top:28px;
}

.sobZ_phoneMiniCards div{
  height:62px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.08);
}

.sobZ_appHeroVisual{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sobZ_floatHint{
  position:absolute;
  padding:12px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
}

.sobZ_floatHint i{color:#80e9ff;}
.sobZ_hintA{left:0; top:70px;}
.sobZ_hintB{right:18px; top:170px;}
.sobZ_hintC{right:-10px; bottom:110px;}

.sobZ_featureTagGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.sobZ_featureTagGrid span{
  display:flex;
  align-items:center;
  gap:10px;
  padding:18px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  color:#dce8ff;
}

.sobZ_featureTagGrid span i{
  color:#7feaff;
}

.sobZ_advGrid{
  grid-template-columns:repeat(2,1fr);
}

.sobZ_advCard i{
  font-size:26px;
  color:#84ebff;
  margin-bottom:16px;
}

.sobZ_expGrid{
  grid-template-columns:repeat(3,1fr);
}

.sobZ_compareTable{
  overflow:hidden;
}

.sobZ_compareRow{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
}

.sobZ_compareRow span{
  padding:18px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#dce8ff;
}

.sobZ_compareHead span{
  color:#fff;
  font-weight:700;
  background:rgba(255,255,255,.06);
}

.sobZ_timelineWrap{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.sobZ_timelineYear h3{
  margin:0 0 20px;
  color:#fff;
  font-size:28px;
}

.sobZ_timeCard{
  padding:24px;
  margin-bottom:18px;
}

.sobZ_timeCard h4{
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
}

.sobZ_timeCard p{
  margin:0 0 14px;
  color:#8edfff;
}

.sobZ_timeCard ul{
  margin:0;
  padding-left:18px;
  color:#dce8ff;
  line-height:1.9;
}

.sobZ_faqGrid{
  display:grid;
  gap:16px;
}

.sobZ_faqGrid details{
  border-radius:22px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
}

.sobZ_faqGrid summary{
  cursor:pointer;
  list-style:none;
  padding:22px 24px;
  color:#fff;
  font-weight:700;
}

.sobZ_faqGrid summary::-webkit-details-marker{display:none;}
.sobZ_faqGrid summary span{
  color:#82e8ff;
  margin-right:8px;
}

.sobZ_faqGrid details p{
  margin:0;
  padding:0 24px 22px;
  color:rgba(228,236,255,.76);
  line-height:1.9;
}

.sobZ_installGrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.sobZ_installSteps{
  display:grid;
  gap:16px;
  margin-top:22px;
}

.sobZ_installStep{
  position:relative;
  padding:20px 20px 20px 84px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.sobZ_installStep span{
  position:absolute;
  left:20px;
  top:20px;
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7af0ff,#879cff);
  color:#07111f;
  font-weight:800;
}

.sobZ_installStep h4{
  margin:0 0 8px;
  color:#fff;
}

.sobZ_installStep p{
  margin:0;
  color:rgba(228,236,255,.74);
  line-height:1.85;
}

.sobZ_trustGrid{
  grid-template-columns:repeat(3,1fr);
}

.sobZ_bottomNote{
  text-align:center;
  margin-top:24px;
}

.sobZ_invitePanel,
.sobZ_ctaPanel{
  padding:38px;
  text-align:center;
}

.sobZ_inviteText h2,
.sobZ_ctaPanel h2{
  margin:16px 0 14px;
  color:#fff;
  font-size:clamp(30px,4vw,46px);
}

.sobZ_inviteText p,
.sobZ_ctaPanel p{
  margin:0 auto;
  max-width:780px;
  color:rgba(228,236,255,.78);
  line-height:1.9;
}

.sobZ_codeBox{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:20px;
  padding:14px 22px;
  min-width:180px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px dashed rgba(132,232,255,.4);
  color:#8ee6ff;
  font-size:24px;
  font-weight:800;
  letter-spacing:.12em;
}

.sobZ_textLink{
  align-self:center;
  color:#9be8ff;
  text-decoration:none;
  font-weight:700;
}

@media (max-width: 1100px){
  .sobZ_contactHeroGrid,
  .sobZ_appHeroGrid,
  .sobZ_contactReachGrid,
  .sobZ_timelineWrap,
  .sobZ_installGrid{
    grid-template-columns:1fr;
  }

  .sobZ_contactQuickGrid,
  .sobZ_expGrid,
  .sobZ_featureTagGrid,
  .sobZ_trustGrid{
    grid-template-columns:repeat(2,1fr);
  }

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

  .sobZ_appHeroVisual,
  .sobZ_contactHeroVisual{
    min-height:auto;
    padding-top:24px;
  }

  .sobZ_hintA{left:10px;}
  .sobZ_hintB{right:10px;}
  .sobZ_hintC{right:20px;}
}

@media (max-width: 768px){
  .sobZ_contactPage section,
  .sobZ_appPage section{
    padding:68px 0;
  }

  .sobZ_contactQuickStats,
  .sobZ_appHeroStatRow,
  .sobZ_contactQuickGrid,
  .sobZ_expGrid,
  .sobZ_featureTagGrid,
  .sobZ_trustGrid,
  .sobZ_formGrid,
  .sobZ_foldBody ul{
    grid-template-columns:1fr;
  }

  .sobZ_contactVisualCard{
    position:relative;
    width:100%;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    margin-top:16px;
  }

  .sobZ_contactHeroVisual{
    display:block;
  }

  .sobZ_contactVisualCenter{
    margin:0 auto;
  }

  .sobZ_phoneMockup{
    width:280px;
    height:560px;
  }

  .sobZ_floatHint{
    position:relative;
    inset:auto;
    margin:14px auto 0;
    display:flex;
    width:max-content;
  }

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

  .sobZ_compareRow span{
    border-bottom:1px solid rgba(255,255,255,.06);
  }
}
/* =========================
   list + show page style
========================= */
.sobZ_listPage,
.sobZ_showPage{
  position:relative;
  background:
    radial-gradient(circle at top left, rgba(71,133,255,.18), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(92,236,255,.10), transparent 24%),
    linear-gradient(180deg, #07111f 0%, #091728 48%, #07111f 100%);
  color:#f4f8ff;
  overflow:hidden;
}

.sobZ_listPage section,
.sobZ_showPage section{
  position:relative;
  padding:72px 0;
}

.sobZ_listHero,
.sobZ_showHero{
  padding-top:92px !important;
  padding-bottom:70px !important;
}

.sobZ_listHeroGrid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:34px;
  align-items:center;
}

.sobZ_listHeroText h1,
.sobZ_showHeroText h1{
  margin:18px 0 16px;
  font-size:clamp(34px,5vw,60px);
  line-height:1.12;
  color:#fff;
}

.sobZ_listHeroText p,
.sobZ_showHeroText p{
  margin:0;
  max-width:760px;
  color:rgba(232,240,255,.78);
  line-height:1.95;
  font-size:17px;
}

.sobZ_listHeroVisual{
  position:relative;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sobZ_listGlowCircle{
  width:220px;
  height:220px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:56px;
  color:#07111f;
  background:linear-gradient(135deg,#7af0ff,#8a9fff);
  box-shadow:0 25px 60px rgba(104,189,255,.35);
}

.sobZ_listGlowCard{
  position:absolute;
  left:10px;
  top:10px;
  width:220px;
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 38px rgba(0,0,0,.2);
  backdrop-filter:blur(16px);
}

.sobZ_listGlowCard--alt{
  left:auto;
  right:0;
  top:auto;
  bottom:20px;
}

.sobZ_listGlowCard i{
  font-size:22px;
  color:#84ebff;
}

.sobZ_listGlowCard strong{
  display:block;
  margin-top:14px;
  color:#fff;
  font-size:20px;
}

.sobZ_listGlowCard span{
  display:block;
  margin-top:8px;
  color:rgba(228,236,255,.74);
}

.sobZ_breadcrumbWrap{
  padding-top:0 !important;
  padding-bottom:30px !important;
}

.sobZ_breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:18px 22px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}

.sobZ_breadcrumb span,
.sobZ_breadcrumb a,
.sobZ_breadcrumb small{
  color:#dce8ff;
  text-decoration:none;
}

.sobZ_breadcrumb a:hover{
  color:#8be7ff;
}

.sobZ_listLayout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:28px;
  align-items:start;
}

.sobZ_postGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:22px;
}

.sobZ_postCard,
.sobZ_sideSearch,
.sobZ_sideNav,
.sobZ_sideTips,
.sobZ_articleWrap,
.sobZ_sideHot,
.sobZ_sharePanel,
.sobZ_recommendBlock{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
}

.sobZ_postCard{
  overflow:hidden;
  transition:.3s ease;
}

.sobZ_postCard:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px rgba(0,0,0,.24);
}

.sobZ_postThumb{
  display:block;
  aspect-ratio: 16 / 10;
  overflow:hidden;
}

.sobZ_postThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}

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

.sobZ_postContent{
  padding:22px;
}

.sobZ_postMeta{
  margin-bottom:10px;
}

.sobZ_postMeta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8ddfff;
  font-size:14px;
}

.sobZ_postContent h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.4;
}

.sobZ_postContent h3 a{
  color:#fff;
  text-decoration:none;
}

.sobZ_postContent h3 a:hover{
  color:#8ae8ff;
}

.sobZ_postContent p{
  margin:0;
  color:rgba(228,236,255,.74);
  line-height:1.9;
}

.sobZ_postFoot{
  margin-top:18px;
}

.sobZ_readMore{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#97e6ff;
  text-decoration:none;
  font-weight:700;
}

.sobZ_readMore:hover{
  color:#fff;
}

.sobZ_listSide{
  display:grid;
  gap:20px;
}

.sobZ_sideSearch,
.sobZ_sideNav,
.sobZ_sideTips,
.sobZ_sideHot{
  padding:24px;
}

.sobZ_sideSearch h3,
.sobZ_sideNav h3,
.sobZ_sideTips h3,
.sobZ_sideHot h3{
  margin:0 0 18px;
  color:#fff;
  font-size:22px;
}

.sobZ_searchForm{
  display:flex;
  gap:12px;
}

.sobZ_searchField{
  flex:1;
  position:relative;
}

.sobZ_searchField input{
  width:100%;
  height:54px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
}

.sobZ_searchField input::placeholder{
  color:rgba(220,230,245,.45);
}

.sobZ_searchField label{
  display:none;
}

.sobZ_searchForm button{
  width:54px;
  height:54px;
  border:none;
  border-radius:16px;
  background:linear-gradient(135deg,#7af0ff 0%, #7f9bff 100%);
  color:#07111f;
  cursor:pointer;
  font-size:18px;
  box-shadow:0 16px 32px rgba(89,179,255,.24);
}

.sobZ_sideNav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

.sobZ_sideNav li a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#dce8ff;
  text-decoration:none;
  transition:.3s ease;
}

.sobZ_sideNav li a:hover{
  color:#fff;
  background:rgba(255,255,255,.08);
}

.sobZ_sideTips p{
  margin:0;
  color:rgba(228,236,255,.74);
  line-height:1.9;
}

.sobZ_showHeroPanel{
  position:relative;
  padding:42px;
  border-radius:34px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 46px rgba(0,0,0,.2);
  overflow:hidden;
}

.sobZ_showHeroBadge{
  position:absolute;
  right:34px;
  top:34px;
  width:92px;
  height:92px;
  border-radius:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7af0ff,#879cff);
  color:#07111f;
  font-size:34px;
  box-shadow:0 20px 48px rgba(104,189,255,.3);
}

.sobZ_showLayout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:28px;
  align-items:start;
}

.sobZ_articleWrap{
  padding:30px;
}

.sobZ_articleHead{
  padding-bottom:22px;
  margin-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.sobZ_articleHead h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(28px,3vw,42px);
  line-height:1.25;
}

.sobZ_articleMeta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.sobZ_articleMeta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#cfe3ff;
  font-size:14px;
}

.sobZ_articleContent{
  color:#dce8ff;
  line-height:2;
  font-size:17px;
}

.sobZ_articleContent img{
  max-width:100%;
  height:auto;
  border-radius:20px;
}

.sobZ_articleContent h2,
.sobZ_articleContent h3,
.sobZ_articleContent h4{
  color:#fff;
  margin-top:1.6em;
  margin-bottom:.8em;
}

.sobZ_articleContent p{
  margin:0 0 1.2em;
}

.sobZ_articleContent a{
  color:#8ce9ff;
}

.sobZ_articleContent blockquote{
  margin:1.4em 0;
  padding:18px 20px;
  border-left:4px solid #85eaff;
  background:rgba(255,255,255,.04);
  border-radius:14px;
  color:#dce8ff;
}

.sobZ_articleContent ul,
.sobZ_articleContent ol{
  padding-left:22px;
}

.sobZ_articlePager{
  margin-top:34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.sobZ_articlePrev,
.sobZ_articleNext{
  min-height:72px;
  padding:18px 20px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#fff;
  text-decoration:none;
  transition:.3s ease;
}

.sobZ_articlePrev:hover,
.sobZ_articleNext:hover{
  background:rgba(255,255,255,.08);
}

.sobZ_articlePrev span,
.sobZ_articleNext span{
  color:#dce8ff;
  line-height:1.7;
}

.sobZ_sharePanel{
  margin-top:26px;
  padding:24px;
}

.sobZ_sharePanel h3{
  margin:0 0 10px;
  color:#fff;
  font-size:22px;
}

.sobZ_sharePanel p{
  margin:0;
  color:rgba(228,236,255,.74);
  line-height:1.9;
}

.sobZ_shareRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.sobZ_shareBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:48px;
  padding:0 18px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  text-decoration:none;
  cursor:pointer;
}

.sobZ_shareBtn:hover{
  background:rgba(255,255,255,.10);
}

.sobZ_recommendBlock{
  margin-top:28px;
  padding:24px;
}

.sobZ_recommendHead h3{
  margin:0 0 18px;
  color:#fff;
  font-size:22px;
}

.sobZ_recommendList{
  display:grid;
  gap:16px;
}

.sobZ_recommendItem{
  display:grid;
  grid-template-columns:56px 120px 1fr;
  gap:16px;
  align-items:center;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.sobZ_recommendIndex{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7af0ff,#879cff);
  color:#07111f;
  font-weight:800;
  font-size:20px;
}

.sobZ_recommendThumb{
  display:block;
  border-radius:16px;
  overflow:hidden;
  aspect-ratio: 16 / 11;
}

.sobZ_recommendThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.sobZ_recommendInfo h4{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.5;
}

.sobZ_recommendInfo h4 a{
  color:#fff;
  text-decoration:none;
}

.sobZ_recommendInfo h4 a:hover{
  color:#8be7ff;
}

.sobZ_recommendInfo small{
  color:#9fdfff;
}

.sobZ_hotCard{
  display:grid;
  gap:14px;
}

.sobZ_hotThumb{
  display:block;
  border-radius:18px;
  overflow:hidden;
  aspect-ratio: 16 / 10;
}

.sobZ_hotThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.sobZ_hotInfo h4{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.5;
}

.sobZ_hotInfo h4 a{
  color:#fff;
  text-decoration:none;
}

.sobZ_hotInfo h4 a:hover{
  color:#8ae8ff;
}

.sobZ_hotInfo p{
  margin:0 0 12px;
  color:rgba(228,236,255,.74);
  line-height:1.9;
}

.sobZ_hotInfo time{
  color:#95e4ff;
  font-size:14px;
}

@media (max-width: 1100px){
  .sobZ_listHeroGrid,
  .sobZ_listLayout,
  .sobZ_showLayout{
    grid-template-columns:1fr;
  }

  .sobZ_postGrid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .sobZ_showHeroBadge{
    position:relative;
    right:auto;
    top:auto;
    margin-top:24px;
  }
}

@media (max-width: 768px){
  .sobZ_listPage section,
  .sobZ_showPage section{
    padding:60px 0;
  }

  .sobZ_postGrid,
  .sobZ_articlePager{
    grid-template-columns:1fr;
  }

  .sobZ_listGlowCard{
    position:relative;
    inset:auto;
    width:100%;
    margin-top:16px;
  }

  .sobZ_listHeroVisual{
    min-height:auto;
    display:block;
  }

  .sobZ_listGlowCircle{
    margin:0 auto;
  }

  .sobZ_showHeroPanel,
  .sobZ_articleWrap,
  .sobZ_sharePanel,
  .sobZ_recommendBlock{
    padding:22px;
  }

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