:root{
  --DifX_bg:#F7F8F8;
  --DifX_card:#C3C3B6;
  --DifX_line:#F08A99;
  --DifX_button:rgba(128,222,234,.24);
  --DifX_nav:#D1EFF5;
  --DifX_text:#111111;
  --DifX_mute:#5f6668;
  --DifX_wrap:min(1240px, calc(100% - 32px));
  --DifX_radius:22px;
  --DifX_shadow:0 12px 34px rgba(20,20,20,.05);
  --DifX_glow:0 0 0 1px rgba(240,138,153,.18), 0 0 24px rgba(240,138,153,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--DifX_text);
  background:
    linear-gradient(rgba(240,138,153,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(240,138,153,.09) 1px, transparent 1px),
    var(--DifX_bg);
  background-size:26px 26px, 26px 26px, auto;
  font:16px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}

.DifX_siteframe{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(247,248,248,.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(240,138,153,.22);
}
.DifX_headband,
.DifX_navlane,
.DifX_mobiletray,
.DifX_tailgrid,
.DifX_homeflow{
  width:var(--DifX_wrap);
  margin:0 auto;
}
.DifX_headband{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.DifX_signature{
  display:flex;
  align-items:center;
  gap:14px;
}
.DifX_mark{
  width:52px;
  height:52px;
  border:1px solid var(--DifX_line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--DifX_glow);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.DifX_mark img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.DifX_wordmark{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  margin:0;
}
.DifX_headtools{
  display:flex;
  align-items:center;
  gap:12px;
}
.DifX_favoriteBtn,
.DifX_callline span{
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:#fff;
  box-shadow:var(--DifX_shadow);
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.DifX_favoriteBtn{
  background:var(--DifX_button);
  cursor:pointer;
}




.DifX_navshell{
  border-top:1px solid rgba(240,138,153,.14);
}

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

.DifX_routebar{
  width:100%;
  display:flex;
  justify-content:center;
  position:relative;
  z-index:2;
}

.DifX_routebar ul,
.DifX_handroute ul{
  list-style:none;
  margin:0;
  padding:0;
}

.DifX_routebar ul{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}

.DifX_routebar a,
.DifX_handroute a{
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(240,138,153,.28);
  border-radius:999px;
  background:var(--DifX_nav);
  display:inline-flex;
  align-items:center;
  transition:.25s ease;
  position:relative;
  z-index:2;
}

.DifX_routebar a:hover,
.DifX_handroute a:hover,
.DifX_favoriteBtn:hover{
  transform:translateY(-1px);
  box-shadow:var(--DifX_glow);
}

.DifX_foldswitch{
  display:none !important;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  pointer-events:none;
}

.DifX_foldbtn{
  width:46px;
  height:46px;
  border:1px solid var(--DifX_line);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--DifX_glow);
  cursor:pointer;
  pointer-events:auto;
}

.DifX_mobiletray{
  display:none;
  padding:0 0 14px;
}

.DifX_mobiletray.is-open{
  display:block;
}

.DifX_handroute ul{
  display:grid;
  gap:10px;
}

@media (max-width:860px){
  .DifX_routebar{
    display:none;
  }

  .DifX_foldswitch{
    display:block !important;
    pointer-events:auto;
  }
}






.DifX_foldbtn{
  width:46px;
  height:46px;
  border:1px solid var(--DifX_line);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--DifX_glow);
  cursor:pointer;
}
.DifX_mobiletray{
  display:none;
  padding:0 0 14px;
}
.DifX_mobiletray.is-open{display:block}
.DifX_handroute ul{
  display:grid;
  gap:10px;
}

/* footer */
.DifX_tailframe{
  margin-top:48px;
  padding:24px 0 28px;
  border-top:1px solid rgba(240,138,153,.22);
}
.DifX_tailgrid{
  display:grid;
  grid-template-columns:1.1fr .9fr 1fr;
  gap:18px;
}
.DifX_tailbrand,
.DifX_tailnav,
.DifX_tailinfo,
.DifX_taillegal{
  padding:20px;
  border:1px solid var(--DifX_line);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--DifX_shadow);
}
.DifX_tailbrand img{
  width:60px;
  height:60px;
  border-radius:18px;
  object-fit:cover;
}
.DifX_tailtitle{
  margin:12px 0 8px;
  font-size:18px;
  font-weight:700;
}
.DifX_tailcopy{
  margin:0;
  color:var(--DifX_mute);
}
.DifX_tailnav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
.DifX_tailnav a,
.DifX_tailinfo span{
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:10px;
}
.DifX_tailinfo{
  margin:0;
  display:grid;
  gap:10px;
  font-style:normal;
}
.DifX_taillegal{
  grid-column:1 / -1;
  text-align:center;
  color:var(--DifX_mute);
}
.DifX_upward{
  position:fixed;
  right:18px;
  bottom:18px;
  width:50px;
  height:50px;
  border:1px solid var(--DifX_line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--DifX_glow);
  display:grid;
  place-items:center;
  cursor:pointer;
}

/* home */
.DifX_homeflow{
  padding:28px 0 60px;
}
.DifX_homeflow section{
  margin-top:26px;
}
.DifX_opening,
.DifX_profileline,
.DifX_capability,
.DifX_companynote,
.DifX_shielding,
.DifX_reachmap,
.DifX_dialogue,
.DifX_offerwall,
.DifX_answerset,
.DifX_newsdeck,
.DifX_connectdesk{
  display:grid;
  gap:18px;
}
.DifX_openingCopy,
.DifX_openingMedia,
.DifX_profileVisual,
.DifX_profileText,
.DifX_capabilityHead,
.DifX_capabilityDial,
.DifX_companynoteHead,
.DifX_companynoteLine,
.DifX_companynoteGrid,
.DifX_shieldingHead,
.DifX_shieldingGrid,
.DifX_reachmapHead,
.DifX_reachmapGrid,
.DifX_dialogueHead,
.DifX_dialogueTrack,
.DifX_offerwallHead,
.DifX_offerwallGrid,
.DifX_answersetHead,
.DifX_answersetBody,
.DifX_newsdeckHead,
.DifX_newsdeckGrid,
.DifX_connectinfo,
.DifX_connectbreak,
.DifX_connectform{
  border:1px solid var(--DifX_line);
  border-radius:24px;
  box-shadow:var(--DifX_shadow);
}

.DifX_opening{
  grid-template-columns:1.02fr .98fr;
}
.DifX_openingCopy{
  padding:36px;
  background:#fff;
}
.DifX_eyebrow{
  display:inline-flex;
  min-height:34px;
  padding:0 12px;
  align-items:center;
  border:1px solid rgba(240,138,153,.24);
  border-radius:999px;
  background:var(--DifX_nav);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.DifX_openingCopy h1{
  margin:18px 0 14px;
  font-size:clamp(34px,5vw,60px);
  line-height:1.05;
  max-width:10ch;
}
.DifX_openingCopy p{
  margin:0;
  max-width:58ch;
  color:var(--DifX_mute);
}
.DifX_openingActions{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.DifX_openingActions a{
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:#fff;
  display:inline-flex;
  align-items:center;
}
.DifX_openingActions a:first-child{
  background:var(--DifX_button);
  box-shadow:var(--DifX_glow);
}
.DifX_openingMedia{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:14px;
}
.DifX_orbitCard img{
  width:100%;
  height:350px;
  object-fit:cover;
  border-radius:18px;
}
.DifX_orbitStats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.DifX_orbitMetric{
  padding:16px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:16px;
  background:#fff;
}
.DifX_orbitMetric strong{
  display:block;
  font-size:22px;
}
.DifX_orbitMetric p{
  margin:6px 0 0;
  color:var(--DifX_mute);
}

.DifX_profileline{
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
}
.DifX_profileVisual{
  padding:18px;
  background:var(--DifX_card);
}
.DifX_profileVisual img{
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:18px;
}
.DifX_profileText{
  padding:32px;
  background:#fff;
}
.DifX_profileText h2,
.DifX_capabilityHead h2,
.DifX_companynoteHead h2,
.DifX_shieldingHead h2,
.DifX_reachmapHead h2,
.DifX_dialogueHead h2,
.DifX_offerwallHead h2,
.DifX_answersetHead h2,
.DifX_newsdeckHead h2,
.DifX_connectinfo h2{
  margin:0;
  font-size:clamp(26px,3vw,40px);
}
.DifX_profileNarrative,
.DifX_capabilityHead p,
.DifX_companynoteHead p,
.DifX_shieldingHead p,
.DifX_reachmapHead p,
.DifX_dialogueHead p,
.DifX_offerwallHead p,
.DifX_answersetHead p,
.DifX_newsdeckHead p,
.DifX_connectinfo p{
  margin-top:12px;
  color:var(--DifX_mute);
}

.DifX_capabilityHead,
.DifX_companynoteHead,
.DifX_shieldingHead,
.DifX_reachmapHead,
.DifX_dialogueHead,
.DifX_offerwallHead,
.DifX_answersetHead,
.DifX_newsdeckHead,
.DifX_connectinfo{
  padding:26px;
  background:#fff;
}
.DifX_capabilityDial{
  padding:20px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:1fr 220px 1fr;
  gap:16px;
  align-items:center;
}
.DifX_capabilityCell,
.DifX_companynoteItem,
.DifX_shieldingUnit,
.DifX_reachmapCell{
  padding:20px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
}
.DifX_capabilityCell:nth-child(1){grid-column:1}
.DifX_capabilityCell:nth-child(2){grid-column:3}
.DifX_capabilityCell:nth-child(4){grid-column:1}
.DifX_capabilityCell:nth-child(5){grid-column:3}
.DifX_capabilityHub{
  width:220px;
  height:220px;
  margin:0 auto;
  border:1px solid var(--DifX_line);
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(128,222,234,.32), #fff 58%);
  display:grid;
  place-items:center;
  box-shadow:var(--DifX_glow);
}
.DifX_capabilityHub span{
  width:104px;
  height:104px;
  border:1px solid var(--DifX_line);
  border-radius:50%;
  background:var(--DifX_nav);
  display:grid;
  place-items:center;
  font-weight:700;
  letter-spacing:.08em;
}
.DifX_capabilityCell h3,
.DifX_companynoteItem h3,
.DifX_shieldingUnit h3,
.DifX_reachmapCell h3,
.DifX_offerwallCard h3{
  margin:14px 0 6px;
  font-size:18px;
}
.DifX_capabilityCell strong,
.DifX_companynoteItem strong,
.DifX_shieldingUnit strong,
.DifX_reachmapCell strong{
  display:block;
  font-size:20px;
}
.DifX_capabilityCell p,
.DifX_companynoteItem p,
.DifX_shieldingUnit p,
.DifX_reachmapCell p,
.DifX_offerwallCard p{
  margin:8px 0 0;
  color:var(--DifX_mute);
}

.DifX_companynote{
  grid-template-columns:.95fr 56px 1.05fr;
}
.DifX_companynoteLine,
.DifX_connectbreak{
  background:#fff;
  display:grid;
  place-items:center;
  padding:20px;
}
.DifX_companynoteLine span,
.DifX_connectbreak span{
  width:1px;
  height:80%;
  background:linear-gradient(180deg, transparent, rgba(240,138,153,.7), transparent);
}
.DifX_companynoteGrid,
.DifX_reachmapGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.DifX_companynoteItem i,
.DifX_shieldingUnit i,
.DifX_reachmapCell i{
  font-size:22px;
  color:#8d5360;
}

.DifX_shieldingGrid{
  padding:18px;
  background:#fff;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.DifX_reachmapGrid .DifX_reachmapCell:nth-child(2),
.DifX_reachmapGrid .DifX_reachmapCell:nth-child(3){
  background:var(--DifX_card);
}

.DifX_dialogueTrack{
  padding:18px;
  background:var(--DifX_card);
  overflow:hidden;
}
.DifX_dialogueRail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,1fr);
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
}
.DifX_dialogueCard{
  padding:20px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  scroll-snap-align:start;
}
.DifX_dialogueCard i{
  font-size:22px;
  color:#8d5360;
}
.DifX_dialogueCard h3{
  margin:14px 0 8px;
  font-size:18px;
}
.DifX_dialogueCard p{
  margin:0;
  color:var(--DifX_mute);
}

.DifX_offerwallGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.DifX_offerwallCard{
  padding:14px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  transform:skewX(-4deg);
}
.DifX_offerwallCard > *{
  transform:skewX(4deg);
}
.DifX_offerwallCard img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:14px;
}

.DifX_answersetBody{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:12px;
}
.DifX_answersetBody details{
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  padding:16px 18px;
}
.DifX_answersetBody summary{
  cursor:pointer;
  font-weight:700;
}
.DifX_answersetBody p{
  margin:10px 0 0;
  color:var(--DifX_mute);
}

.DifX_newsdeckGrid{
  padding:18px;
  background:#fff;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.DifX_newsdeckCard{
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:var(--DifX_card);
  overflow:hidden;
}
.DifX_newsdeckThumb{
  padding:14px 14px 0;
}
.DifX_newsdeckThumb img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:14px;
}
.DifX_newsdeckBody{
  padding:14px 16px 18px;
}
.DifX_newsdeckBody h2{
  margin:0;
  font-size:20px;
  line-height:1.45;
}
.DifX_newsdeckBody span{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:10px;
  color:var(--DifX_mute);
  /* 控制显示行数为5 */
}
.DifX_newsdeckBody time{
  display:block;
  margin-top:12px;
  color:#6d7073;
  font-size:14px;
}

.DifX_connectdesk{
  grid-template-columns:1fr 56px 1.05fr;
}
.DifX_connectinfo,
.DifX_connectform{
  padding:26px;
  background:#fff;
}
.DifX_connectlist{
  margin-top:18px;
  display:grid;
  gap:12px;
}
.DifX_connectrow{
  min-height:50px;
  padding:0 16px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:16px;
  background:var(--DifX_nav);
  display:flex;
  align-items:center;
  gap:12px;
}
.DifX_messageform{
  display:grid;
  gap:14px;
}
.DifX_messageRow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.DifX_messageRow:not(:first-child){
  grid-template-columns:1fr;
}
.DifX_messageform input,
.DifX_messageform textarea{
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(240,138,153,.28);
  border-radius:16px;
  background:#fff;
  outline:none;
}
.DifX_messageform button{
  width:max-content;
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:var(--DifX_button);
  box-shadow:var(--DifX_glow);
  cursor:pointer;
}

@media (max-width:1180px){
  .DifX_opening,
  .DifX_profileline,
  .DifX_companynote,
  .DifX_connectdesk{
    grid-template-columns:1fr;
  }
  .DifX_companynoteLine,
  .DifX_connectbreak{
    display:none;
  }
  .DifX_capabilityDial{
    grid-template-columns:1fr 1fr;
  }
  .DifX_capabilityHub{
    grid-column:1 / -1;
  }
  .DifX_offerwallGrid,
  .DifX_newsdeckGrid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:860px){
  .DifX_routebar{display:none}
  .DifX_foldswitch{display:block}
  .DifX_headtools{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .DifX_companynoteGrid,
  .DifX_shieldingGrid,
  .DifX_reachmapGrid,
  .DifX_offerwallGrid,
  .DifX_newsdeckGrid,
  .DifX_tailgrid{
    grid-template-columns:1fr;
  }
  .DifX_messageRow{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .DifX_headband{
    min-height:auto;
    padding:14px 0;
    align-items:flex-start;
    flex-direction:column;
  }
  .DifX_navlane{
    min-height:60px;
    justify-content:flex-end;
  }
  .DifX_openingCopy h1{
    max-width:none;
  }
  .DifX_capabilityDial{
    grid-template-columns:1fr;
  }
}
/* contact + app */
.DifX_contactflow,
.DifX_appflow{
  width:var(--DifX_wrap);
  margin:0 auto;
  padding:28px 0 60px;
}
.DifX_contactflow section,
.DifX_appflow section{
  margin-top:26px;
}

/* contact */
.DifX_signal,
.DifX_fastlane,
.DifX_channelset,
.DifX_maildesk,
.DifX_applaunch,
.DifX_appanchor,
.DifX_gainfield,
.DifX_logiclane,
.DifX_sceneplay,
.DifX_comparegrid,
.DifX_revisionway,
.DifX_answerflow,
.DifX_installpath,
.DifX_relypanel,
.DifX_joinmark,
.DifX_finalcall{
  display:grid;
  gap:18px;
}
.DifX_signalLead,
.DifX_signalPanel,
.DifX_fastlaneHead,
.DifX_fastlaneGrid,
.DifX_channelsetIntro,
.DifX_channelsetLine,
.DifX_channelsetStack,
.DifX_maildeskInfo,
.DifX_maildeskDivider,
.DifX_maildeskForm,
.DifX_applaunchCopy,
.DifX_applaunchLine,
.DifX_applaunchVisual,
.DifX_appanchorCopy,
.DifX_appanchorStats,
.DifX_gainfieldText,
.DifX_gainfieldMedia,
.DifX_logiclaneHead,
.DifX_logiclaneGrid,
.DifX_sceneplayHead,
.DifX_sceneplayGrid,
.DifX_comparegridHead,
.DifX_comparegridBody,
.DifX_revisionwayHead,
.DifX_revisionwayRail,
.DifX_answerflowHead,
.DifX_answerflowBody,
.DifX_installpathHead,
.DifX_installpathGrid,
.DifX_relypanelHead,
.DifX_relypanelGrid,
.DifX_joinmarkLead,
.DifX_joinmarkSide,
.DifX_finalcallBadge,
.DifX_finalcallCopy,
.DifX_finalcallAction{
  border:1px solid var(--DifX_line);
  border-radius:24px;
  box-shadow:var(--DifX_shadow);
}

.DifX_signal{
  grid-template-columns:1.1fr .9fr;
}
.DifX_signalLead,
.DifX_fastlaneHead,
.DifX_channelsetIntro,
.DifX_maildeskInfo,
.DifX_appanchorCopy,
.DifX_logiclaneHead,
.DifX_sceneplayHead,
.DifX_comparegridHead,
.DifX_revisionwayHead,
.DifX_answerflowHead,
.DifX_installpathHead,
.DifX_relypanelHead,
.DifX_joinmarkLead,
.DifX_finalcallCopy{
  padding:28px;
  background:#fff;
}
.DifX_signalLead h1,
.DifX_applaunchCopy h1{
  margin:18px 0 12px;
  font-size:clamp(32px,4.8vw,58px);
  line-height:1.06;
}
.DifX_signalLead p,
.DifX_fastlaneHead p,
.DifX_channelsetIntro p,
.DifX_maildeskInfo p,
.DifX_appanchorCopy p,
.DifX_logiclaneHead p,
.DifX_sceneplayHead p,
.DifX_comparegridHead p,
.DifX_revisionwayHead p,
.DifX_answerflowHead p,
.DifX_installpathHead p,
.DifX_joinmarkLead p,
.DifX_finalcallCopy p,
.DifX_relypanelHead p{
  margin:10px 0 0;
  color:var(--DifX_mute);
}
.DifX_signalPanel{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:14px;
}
.DifX_signalPulse,
.DifX_fastlaneCard,
.DifX_logiclaneCard,
.DifX_sceneplayCard,
.DifX_relypanelCard{
  padding:18px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
}
.DifX_signalPulse i,
.DifX_fastlaneCard i,
.DifX_sceneplayCard span,
.DifX_relypanelCard span{
  width:42px;
  height:42px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:14px;
  background:var(--DifX_nav);
  display:grid;
  place-items:center;
  color:#8d5360;
}
.DifX_signalPulse h3,
.DifX_sceneplayCard h3,
.DifX_relypanelCard h5{
  margin:14px 0 8px;
}
.DifX_signalPulse p,
.DifX_fastlaneCard p,
.DifX_logiclaneCard p,
.DifX_sceneplayCard p,
.DifX_relypanelCard p{
  margin:0;
  color:var(--DifX_mute);
}

.DifX_fastlaneGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.DifX_fastlaneCard small{
  display:block;
  margin:12px 0 8px;
  color:#6f7375;
}
.DifX_fastlaneCard a,
.DifX_fastlaneCard span,
.DifX_fastlaneCard time{
  font-weight:700;
}

.DifX_channelset{
  grid-template-columns:.82fr 56px 1.18fr;
}
.DifX_channelsetLine,
.DifX_maildeskDivider,
.DifX_applaunchLine{
  background:#fff;
  display:grid;
  place-items:center;
  padding:20px;
}
.DifX_channelsetLine span,
.DifX_maildeskDivider span,
.DifX_applaunchLine span{
  width:1px;
  height:80%;
  background:linear-gradient(180deg, transparent, rgba(240,138,153,.72), transparent);
}
.DifX_channelsetStack{
  padding:18px;
  background:var(--DifX_nav);
  display:grid;
  gap:12px;
}
.DifX_foldbox{
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.DifX_foldbox h3{
  margin:0;
}
.DifX_foldswitch{
  width:100%;
  border:0;
  background:transparent;
  padding:18px 20px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  font-weight:700;
  cursor:pointer;
}
.DifX_foldbody{
  display:none;
  padding:0 20px 18px;
}
.DifX_foldbox.is-open .DifX_foldbody{
  display:block;
}
.DifX_foldinner p{
  margin:0 0 14px;
  color:var(--DifX_mute);
}
.DifX_foldinner ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.DifX_foldinner li{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.DifX_foldinner li i{
  margin-top:4px;
  color:#8d5360;
}

.DifX_maildesk{
  grid-template-columns:1fr 56px 1.04fr;
}
.DifX_maildeskList{
  margin-top:18px;
  display:grid;
  gap:12px;
}
.DifX_maildeskRow{
  padding:14px 16px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:16px;
  background:var(--DifX_nav);
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.DifX_maildeskRow i{
  width:40px;
  height:40px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
}
.DifX_maildeskRow small{
  display:block;
  color:#6f7375;
}
.DifX_maildeskForm{
  padding:26px;
  background:#fff;
}
.DifX_letterform{
  display:grid;
  gap:14px;
}
.DifX_letterline{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.DifX_letterline:not(:first-child){
  grid-template-columns:1fr;
}
.DifX_letterform input,
.DifX_letterform textarea{
  width:100%;
  border:1px solid rgba(240,138,153,.28);
  border-radius:16px;
  padding:14px 16px;
  background:#fff;
  outline:none;
}
.DifX_letterform button{
  width:max-content;
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:var(--DifX_button);
  box-shadow:var(--DifX_glow);
  cursor:pointer;
}

/* app */
.DifX_applaunch{
  grid-template-columns:1.08fr 56px .92fr;
}
.DifX_applaunchCopy{
  padding:34px;
  background:#fff;
}
.DifX_applaunchCopy p{
  margin:0;
  color:var(--DifX_mute);
  max-width:58ch;
}
.DifX_applaunchAction,
.DifX_gainfieldAction,
.DifX_finalcallAction{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.DifX_applaunchAction a,
.DifX_gainfieldAction a,
.DifX_joinmarkSide a,
.DifX_finalcallAction a{
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.DifX_applaunchAction a:first-child,
.DifX_gainfieldAction a:first-child,
.DifX_joinmarkSide a,
.DifX_finalcallAction a:first-child{
  background:var(--DifX_button);
  box-shadow:var(--DifX_glow);
}
.DifX_applaunchVisual{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:14px;
}
.DifX_deviceBadge{
  min-height:120px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
}
.DifX_deviceBadge i{
  font-size:54px;
  color:#8d5360;
}
.DifX_deviceFrame img{
  width:100%;
  height:240px;
  object-fit:cover;
  border-radius:18px;
}

.DifX_appanchor{
  grid-template-columns:1.15fr .85fr;
}
.DifX_anchorChip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:999px;
  background:var(--DifX_nav);
  font-size:13px;
}
.DifX_appanchorCopy h2,
.DifX_gainfieldText h2,
.DifX_logiclaneHead h2,
.DifX_sceneplayHead h2,
.DifX_comparegridHead h2,
.DifX_revisionwayHead h2,
.DifX_answerflowHead h2,
.DifX_installpathHead h2,
.DifX_relypanelHead h2,
.DifX_joinmarkLead h2,
.DifX_finalcallCopy h2{
  margin:0;
  font-size:clamp(26px,3vw,40px);
}
.DifX_appanchorCopy h2{
  margin-top:14px;
}
.DifX_appanchorStats{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.DifX_appanchorTile{
  padding:18px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  text-align:center;
  display:grid;
  place-items:center;
}
.DifX_appanchorTile h3{
  margin:0;
  font-size:30px;
}
.DifX_appanchorTile small{
  margin-top:8px;
  color:var(--DifX_mute);
}

.DifX_gainfield{
  grid-template-columns:1.08fr .92fr;
  align-items:center;
}
.DifX_gainfieldText{
  padding:30px;
  background:#fff;
}
.DifX_gainfieldText p{
  margin:12px 0 0;
  color:var(--DifX_mute);
}
.DifX_gainfieldTags{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.DifX_gainfieldTags span{
  padding:10px 12px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:999px;
  background:var(--DifX_nav);
}
.DifX_gainfieldMedia{
  padding:18px;
  background:var(--DifX_card);
}
.DifX_gainfieldMedia img{
  width:100%;
  height:390px;
  object-fit:cover;
  border-radius:18px;
}

.DifX_logiclaneGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.DifX_logiclaneCard h6{
  margin:0 0 8px;
  font-size:18px;
}

.DifX_sceneplayGrid{
  padding:18px;
  background:var(--DifX_nav);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.DifX_sceneplayCard h3{
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:20px;
}

.DifX_comparegridBody{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:10px;
}
.DifX_comparegridRow{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:10px;
}
.DifX_comparegridRow span{
  min-height:48px;
  padding:0 14px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
}
.DifX_comparegridTop span{
  background:var(--DifX_nav);
  font-weight:700;
}

.DifX_revisionwayRail{
  padding:18px;
  background:var(--DifX_nav);
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(340px,1fr);
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
}
.DifX_revisionwayYear{
  scroll-snap-align:start;
  display:grid;
  gap:14px;
}
.DifX_revisionwayYear h3{
  margin:0;
  padding:18px 20px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
}
.DifX_revisionwayCard{
  padding:18px 20px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
}
.DifX_revisionwayCard strong{
  display:block;
  font-size:20px;
}
.DifX_revisionwayCard p{
  margin:8px 0 12px;
  color:var(--DifX_mute);
}
.DifX_revisionwayCard ul{
  margin:0;
  padding-left:18px;
  color:var(--DifX_mute);
}

.DifX_answerflowBody{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:12px;
}
.DifX_answerflowBody details{
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  padding:16px 18px;
}
.DifX_answerflowBody summary{
  cursor:pointer;
  font-weight:700;
}
.DifX_answerflowBody summary span span{
  margin-right:8px;
  color:#8d5360;
}

.DifX_installpathGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.DifX_installpathTrack{
  display:grid;
  gap:12px;
}
.DifX_installpathTrack h3{
  margin:0;
  padding:18px 20px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
}
.DifX_installpathStep{
  padding:18px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:18px;
  background:#fff;
  transform:skewX(-4deg);
}
.DifX_installpathStep > *{
  transform:skewX(4deg);
}
.DifX_installpathStep span{
  width:34px;
  height:34px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:var(--DifX_nav);
  display:grid;
  place-items:center;
  font-weight:700;
}
.DifX_installpathStep h4{
  margin:12px 0 8px;
}
.DifX_installpathStep p{
  margin:0;
  color:var(--DifX_mute);
}

.DifX_relypanelGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.DifX_relypanelNote{
  margin:14px 4px 0;
  color:var(--DifX_mute);
}

.DifX_joinmark{
  grid-template-columns:.9fr 1.1fr;
}
.DifX_joinmarkSide{
  padding:28px;
  background:var(--DifX_card);
  display:grid;
  align-content:center;
  gap:14px;
}
.DifX_joinmarkSide p{
  margin:0;
  color:var(--DifX_mute);
}
.DifX_joinmarkSide span{
  display:inline-flex;
  width:max-content;
  min-height:44px;
  padding:0 14px;
  align-items:center;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:#fff;
  font-weight:700;
  letter-spacing:.08em;
}

.DifX_finalcall{
  grid-template-columns:.36fr 1fr .72fr;
}
.DifX_finalcallBadge,
.DifX_finalcallAction{
  padding:24px;
  background:#fff;
  display:grid;
  align-content:center;
}
.DifX_finalcallBadge span{
  display:inline-flex;
  width:max-content;
  min-height:40px;
  padding:0 14px;
  align-items:center;
  gap:8px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:999px;
  background:var(--DifX_nav);
}

/* responsive */
@media (max-width:1180px){
  .DifX_signal,
  .DifX_channelset,
  .DifX_maildesk,
  .DifX_applaunch,
  .DifX_appanchor,
  .DifX_gainfield,
  .DifX_joinmark,
  .DifX_finalcall{
    grid-template-columns:1fr;
  }
  .DifX_channelsetLine,
  .DifX_maildeskDivider,
  .DifX_applaunchLine{
    display:none;
  }
  .DifX_fastlaneGrid,
  .DifX_logiclaneGrid,
  .DifX_sceneplayGrid,
  .DifX_relypanelGrid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:860px){
  .DifX_fastlaneGrid,
  .DifX_appanchorStats,
  .DifX_logiclaneGrid,
  .DifX_sceneplayGrid,
  .DifX_installpathGrid,
  .DifX_relypanelGrid{
    grid-template-columns:1fr;
  }
  .DifX_comparegridRow,
  .DifX_letterline{
    grid-template-columns:1fr;
  }
}
/* list + show */
.DifX_streamflow,
.DifX_storyflow{
  width:var(--DifX_wrap);
  margin:0 auto;
  padding:28px 0 60px;
}
.DifX_streamflow section,
.DifX_storyflow section{
  margin-top:26px;
}

/* list */
.DifX_streamhero,
.DifX_streamcrumbs,
.DifX_streamshell,
.DifX_storyhero,
.DifX_storycrumbs,
.DifX_storyshell,
.DifX_storyrelated{
  display:grid;
  gap:18px;
}
.DifX_streamheroCopy,
.DifX_streamheroBadge,
.DifX_streamheroMedia,
.DifX_streamheroMeta,
.DifX_streamcrumbsTrail,
.DifX_streamcrumbsLine,
.DifX_streamcrumbsNote,
.DifX_streamside,
.DifX_streamfeed,
.DifX_storyheroCopy,
.DifX_storyheroLine,
.DifX_storyheroVisual,
.DifX_storycrumbsTrail,
.DifX_storycrumbsLine,
.DifX_storycrumbsInfo,
.DifX_storymain,
.DifX_storyaside,
.DifX_storyrelatedHead,
.DifX_storyrelatedGrid{
  border:1px solid var(--DifX_line);
  border-radius:24px;
  box-shadow:var(--DifX_shadow);
}

.DifX_streamhero{
  grid-template-columns:1.05fr .42fr .92fr .55fr;
}
.DifX_streamheroCopy,
.DifX_streamcrumbsTrail,
.DifX_streamcrumbsNote,
.DifX_streamfeed,
.DifX_storyheroCopy,
.DifX_storycrumbsTrail,
.DifX_storycrumbsInfo,
.DifX_storymain{
  padding:26px;
  background:#fff;
}
.DifX_streamheroCopy h1{
  margin:16px 0 12px;
  font-size:clamp(34px,4.8vw,56px);
  line-height:1.08;
}
.DifX_streamheroCopy p,
.DifX_streamcrumbsNote p,
.DifX_storycrumbsInfo p{
  margin:0;
  color:var(--DifX_mute);
}
.DifX_streamheroBadge{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  place-items:center;
  text-align:center;
  gap:10px;
}
.DifX_streamheroBadge i{
  font-size:42px;
  color:#8d5360;
}
.DifX_streamheroMedia{
  padding:16px;
  background:#fff;
}
.DifX_streamheroMedia img{
  width:100%;
  height:100%;
  min-height:250px;
  object-fit:cover;
  border-radius:18px;
}
.DifX_streamheroMeta{
  padding:20px;
  background:var(--DifX_nav);
  display:grid;
  align-content:center;
}
.DifX_streamheroMeta strong{
  font-size:46px;
  line-height:1;
}
.DifX_streamheroMeta p{
  margin:10px 0 0;
  color:var(--DifX_mute);
}

.DifX_streamcrumbs{
  grid-template-columns:1.12fr 56px .82fr;
}
.DifX_streamcrumbsTrail,
.DifX_storycrumbsTrail{
  min-height:68px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.DifX_streamcrumbsTrail span,
.DifX_storycrumbsTrail span{
  width:36px;
  height:36px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:12px;
  background:var(--DifX_nav);
  display:grid;
  place-items:center;
}
.DifX_streamcrumbsTrail small,
.DifX_storycrumbsTrail small{
  color:#6d7073;
}
.DifX_streamcrumbsLine,
.DifX_storycrumbsLine{
  background:#fff;
  display:grid;
  place-items:center;
  padding:20px;
}
.DifX_streamcrumbsLine span,
.DifX_storycrumbsLine span{
  width:1px;
  height:80%;
  background:linear-gradient(180deg, transparent, rgba(240,138,153,.72), transparent);
}

.DifX_streamshell{
  grid-template-columns:.84fr 1.16fr;
  align-items:start;
}
.DifX_streamside,
.DifX_storyaside{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:16px;
}
.DifX_streamsearch,
.DifX_streamnav,
.DifX_streamhot,
.DifX_storysearch,
.DifX_storynav,
.DifX_storyhot{
  padding:18px;
  border:1px solid rgba(240,138,153,.24);
  border-radius:20px;
  background:#fff;
}
.DifX_streamsearch h6,
.DifX_streamnav h6,
.DifX_streamhot h6,
.DifX_storysearch h6,
.DifX_storynav h6,
.DifX_storyhot h6{
  margin:0 0 14px;
  font-size:18px;
}
.DifX_searchslot{
  position:relative;
  flex:1;
}
.DifX_searchslot input{
  width:100%;
  min-height:46px;
  border:1px solid rgba(240,138,153,.28);
  border-radius:14px;
  padding:0 14px;
  background:#fff;
}
.DifX_searchslot label{
  position:absolute;
  left:14px;
  top:-10px;
  font-size:12px;
  padding:0 6px;
  background:#fff;
  color:#6d7073;
}
.DifX_streamsearch form,
.DifX_storysearch form{
  display:flex;
  gap:10px;
}
.DifX_streamsearch button,
.DifX_storysearch button{
  width:46px;
  height:46px;
  border:1px solid var(--DifX_line);
  border-radius:14px;
  background:var(--DifX_button);
  box-shadow:var(--DifX_glow);
  cursor:pointer;
}
.DifX_streamnav ul,
.DifX_storynav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.DifX_streamnav a,
.DifX_storynav a{
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:14px;
  background:var(--DifX_nav);
  display:flex;
  align-items:center;
}
.DifX_streamhot,
.DifX_storyhot{
  display:grid;
  gap:12px;
}

.DifX_streamfeedHead h2{
  margin:0;
  font-size:30px;
}
.DifX_streamfeedHead p{
  margin:10px 0 0;
  color:var(--DifX_mute);
}
.DifX_streamgrid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.DifX_streamcard{
  border:1px solid rgba(240,138,153,.24);
  border-radius:20px;
  background:var(--DifX_card);
  overflow:hidden;
}
.DifX_streamthumb{
  display:block;
  padding:14px 14px 0;
}
.DifX_streamthumb img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:16px;
}
.DifX_streambody{
  padding:14px 16px 18px;
}
.DifX_streamtext h5,
.DifX_streamhotText h5,
.DifX_storyhotText h5{
  margin:0;
  font-size:18px;
  line-height:1.45;
}
.DifX_streamtext span,
.DifX_streamhotText span{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:10px;
  color:var(--DifX_mute);
  /* 控制显示行数为5 */
}
.DifX_streammeta,
.DifX_streamhotMeta,
.DifX_storyhotMeta{
  margin-top:12px;
  color:#6d7073;
  font-size:14px;
}
.DifX_streamhotCard,
.DifX_storyhotCard{
  display:grid;
  grid-template-columns:98px 1fr;
  gap:12px;
  padding:12px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:18px;
  background:var(--DifX_nav);
}
.DifX_streamhotThumb img,
.DifX_storyhotThumb img{
  width:100%;
  height:88px;
  object-fit:cover;
  border-radius:12px;
}
.DifX_streampager{
  margin-top:20px;
}
.DifX_streampagerInner{
  padding:14px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:18px;
  background:var(--DifX_nav);
}

/* show */
.DifX_storyhero{
  grid-template-columns:1.08fr 56px .92fr;
}
.DifX_storyheroCopy h1{
  margin:16px 0 12px;
  font-size:clamp(32px,4.4vw,54px);
  line-height:1.08;
}
.DifX_storyheroCopy p{
  margin:0;
  color:var(--DifX_mute);
  max-width:58ch;
}
.DifX_storyheroLine{
  background:#fff;
  display:grid;
  place-items:center;
  padding:20px;
}
.DifX_storyheroLine span{
  width:1px;
  height:82%;
  background:linear-gradient(180deg, transparent, rgba(240,138,153,.72), transparent);
}
.DifX_storyheroVisual{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  gap:14px;
}
.DifX_storyheroIcon{
  min-height:110px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
}
.DifX_storyheroIcon i{
  font-size:48px;
  color:#8d5360;
}
.DifX_storyheroImage img{
  width:100%;
  height:240px;
  object-fit:cover;
  border-radius:18px;
}

.DifX_storycrumbs{
  grid-template-columns:1.2fr 56px .8fr;
}
.DifX_storyshell{
  grid-template-columns:1.18fr .82fr;
  align-items:start;
}
.DifX_storyarticle{
  border:1px solid rgba(240,138,153,.24);
  border-radius:22px;
  background:#fff;
  overflow:hidden;
}
.DifX_storyhead{
  padding:28px 28px 18px;
  border-bottom:1px solid rgba(240,138,153,.16);
}
.DifX_storyhead h1{
  margin:0;
  font-size:clamp(28px,3.8vw,42px);
  line-height:1.2;
}
.DifX_storymeta{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.DifX_storymeta span,
.DifX_storymeta time{
  min-height:40px;
  padding:0 14px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:999px;
  background:var(--DifX_nav);
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#4f5759;
  font-size:14px;
}
.DifX_storybody{
  padding:28px;
  color:#1a1a1a;
}
.DifX_storybody img{
  max-width:100%;
  height:auto;
  border-radius:18px;
}
.DifX_storybody p{
  margin:0 0 1.1em;
}
.DifX_storybody h2,
.DifX_storybody h3,
.DifX_storybody h4{
  margin:1.2em 0 .6em;
}
.DifX_storypager{
  padding:0 28px 22px;
  display:grid;
  gap:12px;
}
.DifX_storypager a,
.DifX_storyback a{
  min-height:48px;
  padding:0 16px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:16px;
  background:var(--DifX_nav);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.DifX_storyback{
  padding:0 28px 22px;
}
.DifX_storyshare{
  padding:24px 28px 28px;
  border-top:1px solid rgba(240,138,153,.16);
  background:var(--DifX_card);
}
.DifX_storyshare h6{
  margin:0;
  font-size:18px;
  display:flex;
  align-items:center;
  gap:8px;
}
.DifX_storyshare p{
  margin:8px 0 0;
  color:var(--DifX_mute);
}
.DifX_storyshareTools{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.DifX_storyshareTools a,
.DifX_storyshareTools button{
  width:44px;
  height:44px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:14px;
  background:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.DifX_storyrelated{
  margin-top:18px;
}
.DifX_storyrelatedHead{
  padding:18px 20px;
  background:#fff;
}
.DifX_storyrelatedHead h3{
  margin:0;
  font-size:22px;
  display:flex;
  align-items:center;
  gap:10px;
}
.DifX_storyrelatedGrid{
  padding:18px;
  background:var(--DifX_card);
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.DifX_storyrelatedCard{
  position:relative;
  padding:14px;
  border:1px solid rgba(240,138,153,.22);
  border-radius:18px;
  background:#fff;
}
.DifX_storyrelatedIndex{
  position:absolute;
  right:14px;
  top:14px;
  width:34px;
  height:34px;
  border:1px solid var(--DifX_line);
  border-radius:999px;
  background:var(--DifX_nav);
  display:grid;
  place-items:center;
  font-weight:700;
}
.DifX_storyrelatedThumb img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:14px;
}
.DifX_storyrelatedBody{
  margin-top:12px;
}
.DifX_storyrelatedBody h6{
  margin:0;
  font-size:17px;
  line-height:1.45;
}
.DifX_storyrelatedBody time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:#6d7073;
  font-size:14px;
}
.DifX_storyhotText p{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:8px 0 0;
  color:var(--DifX_mute);
  font-size:14px;
  /* 控制显示行数为5 */
}

@media (max-width:1180px){
  .DifX_streamhero,
  .DifX_streamcrumbs,
  .DifX_streamshell,
  .DifX_storyhero,
  .DifX_storycrumbs,
  .DifX_storyshell{
    grid-template-columns:1fr;
  }
  .DifX_streamcrumbsLine,
  .DifX_storycrumbsLine,
  .DifX_storyheroLine{
    display:none;
  }
}
@media (max-width:860px){
  .DifX_streamgrid,
  .DifX_storyrelatedGrid{
    grid-template-columns:1fr;
  }
  .DifX_streamhotCard,
  .DifX_storyhotCard{
    grid-template-columns:1fr;
  }
  .DifX_streamhotThumb img,
  .DifX_storyhotThumb img{
    height:180px;
  }
}
@media (max-width:640px){
  .DifX_streamfeed,
  .DifX_storymain,
  .DifX_streamcrumbsTrail,
  .DifX_storycrumbsTrail,
  .DifX_streamcrumbsNote,
  .DifX_storycrumbsInfo,
  .DifX_storyheroCopy{
    padding:18px;
  }
  .DifX_storyhead,
  .DifX_storybody,
  .DifX_storypager,
  .DifX_storyback,
  .DifX_storyshare{
    padding-left:18px;
    padding-right:18px;
  }
}