:root{
  --uug_i_bg:#F7F7F7;
  --uug_i_purple:#EBC5F7;
  --uug_i_blue:#0838F7;
  --uug_i_cyan:#09F1ED;
  --uug_i_sky:#ADEBFF;
  --uug_i_dark:#171824;
  --uug_i_text:#181818;
  --uug_i_muted:#676767;
  --uug_i_white:#fff;
  --uug_i_line:1px solid var(--uug_i_blue);
  --uug_i_shadow:0 0 0 1px rgba(8,56,247,.12),6px 6px 0 rgba(8,56,247,.16);
  --uug_i_ease:.25s ease;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  overflow-x:hidden;
  margin:0;
  color:var(--uug_i_text);
  background-color:var(--uug_i_bg);
  background-image:
    linear-gradient(rgba(8,56,247,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,56,247,.045) 1px,transparent 1px);
  background-size:24px 24px;
  font-family:Arial,"Microsoft YaHei",sans-serif;
  line-height:1.6;
}

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

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
textarea{
  font:inherit;
}

button{
  cursor:pointer;
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}

.uug_i_shell{
  width:90%;
  max-width:1440px;
  min-width:0;
  margin:0 auto;
}

.uug_i_siteHeader{
  position:relative;
  z-index:30;
  background:var(--uug_i_bg);
}

.uug_i_headerTop{
  border-bottom:0;
}

.uug_i_headerLine{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto;
  align-items:center;
  gap:28px;
  min-height:88px;
}

.uug_i_identity{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}

.uug_i_identity img{
  width:58px;
  height:58px;
  object-fit:contain;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
}

.uug_i_identity h2{
  margin:0;
  font-size:20px;
  white-space:nowrap;
}

.uug_i_notice{
  min-width:0;
  overflow:hidden;
  text-align:center;
}

.uug_i_noticeRail{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--uug_i_blue);
  white-space:nowrap;
  animation:uug_i_noticeMove 18s linear infinite;
}

.uug_i_noticeRail p{
  margin:0;
  font-size:13px;
}

@keyframes uug_i_noticeMove{
  0%{transform:translateX(35%);}
  100%{transform:translateX(-35%);}
}

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

.uug_i_saveButton,
.uug_i_phoneLink{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 11px;
  border:var(--uug_i_line);
  background:transparent;
  color:var(--uug_i_blue);
  font-size:13px;
  transition:var(--uug_i_ease);
}

.uug_i_saveButton:hover,
.uug_i_phoneLink:hover{
  background:var(--uug_i_cyan);
}







.uug_i_kicker{
  display:inline-block;
  color:var(--uug_i_blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
}

.uug_i_headingBlock{
  max-width:720px;
  margin:0 auto 32px;
  text-align:center;
}

.uug_i_headingBlock h2{
  margin:9px 0;
  font-size:clamp(30px,4vw,52px);
  line-height:1.08;
}

.uug_i_headingBlock p{
  margin:0;
  color:var(--uug_i_muted);
}

.uug_i_headingLight{
  color:var(--uug_i_white);
}

.uug_i_headingLight p{
  color:rgba(255,255,255,.68);
}

.uug_i_firstImpression,
.uug_i_platformStory,
.uug_i_companyFacts,
.uug_i_guardLayer,
.uug_i_performance,
.uug_i_globalReach,
.uug_i_voiceShelf,
.uug_i_offerBoard,
.uug_i_faqDesk,
.uug_i_newsDesk,
.uug_i_reachUs{
  padding:78px 0;
}

.uug_i_firstFrame,
.uug_i_storyFrame,
.uug_i_reachFrame{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  overflow:hidden;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_firstWords,
.uug_i_storyText,
.uug_i_reachMessage{
  padding:clamp(30px,6vw,78px);
}

.uug_i_firstWords h1{
  max-width:700px;
  margin:17px 0;
  font-size:clamp(42px,6vw,82px);
  line-height:1;
}

.uug_i_firstWords p,
.uug_i_storyCopy,
.uug_i_reachMessage p{
  max-width:650px;
  color:var(--uug_i_muted);
  line-height:1.9;
}

.uug_i_actionRow{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:28px;
}

.uug_i_cyanButton,
.uug_i_lineButton,
.uug_i_textArrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 17px;
  font-size:14px;
  font-weight:800;
}

.uug_i_cyanButton{
  border:1px solid var(--uug_i_blue);
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  box-shadow:4px 4px 0 var(--uug_i_blue);
  transition:var(--uug_i_ease);
}

.uug_i_cyanButton:hover{
  transform:translate(2px,2px);
  box-shadow:2px 2px 0 var(--uug_i_blue);
}

.uug_i_lineButton{
  border-bottom:1px solid var(--uug_i_blue);
  color:var(--uug_i_blue);
}

.uug_i_firstPoster{
  position:relative;
  display:grid;
  place-items:center;
  min-height:430px;
  overflow:hidden;
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_firstPoster img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.68;
}

.uug_i_posterShade{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(23,24,36,.9),rgba(8,56,247,.28));
}

.uug_i_posterLabel{
  position:absolute;
  top:22px;
  left:22px;
  color:var(--uug_i_cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}

.uug_i_firstPoster strong{
  position:absolute;
  z-index:1;
  color:var(--uug_i_cyan);
  font-size:32px;
  line-height:.96;
  text-align:center;
}

.uug_i_firstPoster i{
  position:absolute;
  right:24px;
  bottom:22px;
  z-index:1;
  color:var(--uug_i_cyan);
  font-size:28px;
}

.uug_i_storyPhoto{
  position:relative;
  min-height:410px;
  overflow:hidden;
  background:var(--uug_i_dark);
}

.uug_i_storyPhoto img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.uug_i_storyPhoto span{
  position:absolute;
  bottom:20px;
  left:22px;
  padding:6px 9px;
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  font-size:11px;
  font-weight:900;
}

.uug_i_storyText h2,
.uug_i_reachMessage h2{
  margin:12px 0;
  font-size:clamp(32px,4vw,56px);
  line-height:1.05;
}

.uug_i_textArrow{
  padding:0;
  margin-top:22px;
  border-bottom:1px solid var(--uug_i_blue);
  color:var(--uug_i_blue);
}

.uug_i_factGrid,
.uug_i_guardGrid,
.uug_i_performanceGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.uug_i_factTile,
.uug_i_guardTile{
  min-height:225px;
  padding:25px;
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_factTile{
  background:var(--uug_i_purple);
}

.uug_i_factTile i,
.uug_i_guardTile i{
  color:var(--uug_i_blue);
  font-size:28px;
}

.uug_i_factTile h3,
.uug_i_guardTile h3{
  margin:16px 0 4px;
  font-size:19px;
}

.uug_i_factTile strong,
.uug_i_guardTile strong{
  display:block;
  color:var(--uug_i_blue);
  font-size:28px;
}

.uug_i_factTile p,
.uug_i_guardTile p{
  margin:7px 0 0;
  color:var(--uug_i_muted);
  line-height:1.7;
}

.uug_i_guardLayer,
.uug_i_globalReach{
  background:var(--uug_i_dark);
}

.uug_i_guardTile{
  background:var(--uug_i_white);
}

.uug_i_guardDark{
  background:#292b3c;
  color:var(--uug_i_white);
}

.uug_i_guardDark p{
  color:rgba(255,255,255,.68);
}

.uug_i_guardDark strong,
.uug_i_guardDark i{
  color:var(--uug_i_cyan);
}

.uug_i_performanceGrid{
  border:var(--uug_i_line);
}

.uug_i_performanceOrb{
  display:grid;
  place-items:center;
  align-content:center;
  min-height:245px;
  padding:18px;
  background:var(--uug_i_purple);
  text-align:center;
}

.uug_i_performanceOrb:nth-child(odd){
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_performanceOrb i{
  color:var(--uug_i_blue);
  font-size:27px;
}

.uug_i_performanceOrb:nth-child(odd) i{
  color:var(--uug_i_cyan);
}

.uug_i_performanceOrb strong{
  margin:8px 0;
  color:var(--uug_i_blue);
  font-size:31px;
}

.uug_i_performanceOrb:nth-child(odd) strong{
  color:var(--uug_i_cyan);
}

.uug_i_performanceOrb h3{
  margin:0;
  font-size:18px;
}

.uug_i_performanceOrb p{
  margin:5px 0 0;
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_performanceOrb:nth-child(odd) p{
  color:rgba(255,255,255,.68);
}

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

.uug_i_regionCard{
  display:grid;
  place-items:center;
  align-content:center;
  min-height:240px;
  padding:25px;
  border:1px solid var(--uug_i_cyan);
  border-radius:50%;
  color:var(--uug_i_white);
  text-align:center;
}

.uug_i_regionCard:nth-child(even){
  background:var(--uug_i_purple);
  color:var(--uug_i_text);
  border-color:var(--uug_i_blue);
}

.uug_i_regionCard i{
  font-size:38px;
}

.uug_i_regionCard h3{
  margin:12px 0 4px;
  font-size:20px;
}

.uug_i_regionCard p{
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:13px;
}

.uug_i_regionCard:nth-child(even) p{
  color:var(--uug_i_muted);
}

.uug_i_voiceRail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,1fr);
  gap:15px;
  overflow-x:auto;
  padding:4px 2px 18px;
  scroll-snap-type:x mandatory;
}

.uug_i_voiceCard{
  min-height:220px;
  padding:25px;
  scroll-snap-align:start;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_avatar{
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  margin-bottom:16px;
  border-radius:50%;
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
}

.uug_i_voiceCard strong{
  display:block;
  color:var(--uug_i_blue);
}

.uug_i_voiceCard p{
  color:var(--uug_i_muted);
  line-height:1.8;
}

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

.uug_i_offerCard{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  min-height:190px;
  overflow:hidden;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_offerCard img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.uug_i_offerCard > div{
  padding:18px;
}

.uug_i_offerCard span,
.uug_i_newsIndex{
  color:var(--uug_i_blue);
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
}

.uug_i_offerCard h3{
  margin:8px 0;
  font-size:18px;
}

.uug_i_offerCard p{
  margin:0;
  color:var(--uug_i_muted);
  font-size:13px;
  line-height:1.7;
}

.uug_i_offerFeatured{
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_offerFeatured p{
  color:rgba(255,255,255,.68);
}

.uug_i_offerFeatured span{
  color:var(--uug_i_cyan);
}

.uug_i_faqDesk{
  background:var(--uug_i_sky);
}

.uug_i_faqList{
  display:grid;
  gap:10px;
  max-width:950px;
  margin:0 auto;
}

.uug_i_faqList details{
  border:var(--uug_i_line);
  background:var(--uug_i_white);
  box-shadow:3px 3px 0 rgba(8,56,247,.12);
}

.uug_i_faqList summary{
  display:flex;
  align-items:center;
  gap:14px;
  padding:17px 20px;
  cursor:pointer;
  font-weight:800;
  list-style:none;
}

.uug_i_faqList summary::-webkit-details-marker{
  display:none;
}

.uug_i_faqList summary > span:first-child{
  color:var(--uug_i_blue);
}

.uug_i_faqList summary i{
  margin-left:auto;
  color:var(--uug_i_blue);
  transition:var(--uug_i_ease);
}

.uug_i_faqList details[open] summary i{
  transform:rotate(45deg);
}

.uug_i_faqList p{
  margin:0;
  padding:0 20px 20px 58px;
  color:var(--uug_i_muted);
}

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

.uug_i_newsCard{
  overflow:hidden;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_newsCard:nth-child(even){
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_newsPicture{
  display:block;
  overflow:hidden;
}

.uug_i_newsPicture img{
  width:100%;
  height:205px;
  object-fit:cover;
  transition:var(--uug_i_ease);
}

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

.uug_i_newsText{
  padding:20px;
}

.uug_i_newsCard:nth-child(even) .uug_i_newsIndex{
  color:var(--uug_i_cyan);
}

.uug_i_newsText h3{
  margin:9px 0;
  font-size:19px;
  line-height:1.45;
}

.uug_i_newsText h3 a:hover{
  color:var(--uug_i_blue);
}

.uug_i_newsCard:nth-child(even) .uug_i_newsText h3 a:hover{
  color:var(--uug_i_cyan);
}

.uug_i_fiveLines{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:var(--uug_i_muted);
  line-height:1.7;
  -webkit-box-orient:vertical;
  /* 控制显示行数为5 */
  -webkit-line-clamp:5;
}

.uug_i_newsCard:nth-child(even) .uug_i_fiveLines{
  color:rgba(255,255,255,.68);
}

.uug_i_newsText time{
  display:block;
  margin-top:15px;
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:800;
}

.uug_i_newsCard:nth-child(even) .uug_i_newsText time{
  color:var(--uug_i_cyan);
}

.uug_i_reachUs{
  background:var(--uug_i_sky);
}

.uug_i_reachFrame{
  grid-template-columns:.9fr 1.1fr;
}

.uug_i_contactLines{
  display:grid;
  gap:13px;
  margin-top:28px;
}

.uug_i_contactLines span{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.uug_i_contactLines i{
  width:20px;
  color:var(--uug_i_blue);
  text-align:center;
}

.uug_i_homeInquiry{
  display:grid;
  gap:8px;
  padding:clamp(28px,5vw,60px);
  background:var(--uug_i_white);
  border-left:var(--uug_i_line);
}

.uug_i_homeInquiry label{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
}

.uug_i_homeInquiry input,
.uug_i_homeInquiry textarea{
  width:100%;
  min-height:44px;
  padding:12px;
  border:var(--uug_i_line);
  outline:0;
  background:var(--uug_i_bg);
}

.uug_i_homeInquiry textarea{
  resize:vertical;
}

.uug_i_homeInquiry input:focus,
.uug_i_homeInquiry textarea:focus{
  box-shadow:0 0 0 3px rgba(8,56,247,.15);
}

.uug_i_homeInquiry button{
  justify-self:start;
  margin-top:12px;
}

.uug_i_siteFooter{
  padding:60px 0 0;
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_footerMatrix{
  display:grid;
  grid-template-columns:1.35fr 1fr 1.1fr;
  gap:45px;
  padding-bottom:44px;
}

.uug_i_footerProfile img{
  width:64px;
  height:64px;
  object-fit:contain;
  background:var(--uug_i_white);
  border:1px solid var(--uug_i_cyan);
}

.uug_i_footerName{
  color:var(--uug_i_cyan);
  font-size:20px;
  font-weight:900;
}

.uug_i_footerProfile p:last-child{
  max-width:480px;
  color:rgba(255,255,255,.68);
  line-height:1.8;
}

.uug_i_footerLinks h2,
.uug_i_footerContact h2{
  margin:0 0 18px;
  color:var(--uug_i_cyan);
  font-size:18px;
}

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

.uug_i_footerLinks a,
.uug_i_footerContact span{
  color:rgba(255,255,255,.68);
}

.uug_i_footerLinks a:hover,
.uug_i_footerContact a:hover{
  color:var(--uug_i_cyan);
}

.uug_i_footerContact{
  display:grid;
  align-content:start;
  gap:13px;
  font-style:normal;
}

.uug_i_footerContact span{
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.uug_i_footerContact i{
  width:18px;
  color:var(--uug_i_cyan);
  text-align:center;
}

.uug_i_copyright{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:17px 0;
  border-top:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.52);
  font-size:12px;
}

.uug_i_copyright a:hover{
  color:var(--uug_i_cyan);
}

.uug_i_backTop{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:40;
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border:var(--uug_i_line);
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:var(--uug_i_ease);
}

.uug_i_backTop.uug_i_visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

@media (max-width:980px){
  .uug_i_headerLine{
    grid-template-columns:auto 1fr;
  }

  .uug_i_notice{
    grid-column:1 / -1;
    grid-row:2;
    padding-bottom:10px;
  }

  .uug_i_headerActions{
    justify-self:end;
  }

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

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

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

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

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

@media (max-width:760px){
  .uug_i_headerLine{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    min-height:76px;
    padding:12px 0;
  }

  .uug_i_notice{
    order:3;
    width:100%;
    padding-bottom:0;
  }

  .uug_i_identity h2{
    display:none;
  }

  .uug_i_identity img{
    width:48px;
    height:48px;
  }

  .uug_i_saveButton span,
  .uug_i_phoneLink span{
    display:none;
  }

  .uug_i_desktopMenu{
    display:none;
  }

  .uug_i_menuTrigger{
    display:block;
  }

  .uug_i_firstFrame,
  .uug_i_storyFrame,
  .uug_i_reachFrame{
    grid-template-columns:1fr;
  }

  .uug_i_firstPoster,
  .uug_i_storyPhoto{
    min-height:330px;
  }

  .uug_i_homeInquiry{
    border-top:var(--uug_i_line);
    border-left:0;
  }

  .uug_i_offerGrid,
  .uug_i_newsGrid{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .uug_i_firstImpression,
  .uug_i_platformStory,
  .uug_i_companyFacts,
  .uug_i_guardLayer,
  .uug_i_performance,
  .uug_i_globalReach,
  .uug_i_voiceShelf,
  .uug_i_offerBoard,
  .uug_i_faqDesk,
  .uug_i_newsDesk,
  .uug_i_reachUs{
    padding:54px 0;
  }

  .uug_i_shell{
    width:92%;
  }

  .uug_i_factGrid,
  .uug_i_guardGrid,
  .uug_i_performanceGrid,
  .uug_i_regionWheel{
    grid-template-columns:1fr;
  }

  .uug_i_firstWords,
  .uug_i_storyText,
  .uug_i_reachMessage,
  .uug_i_homeInquiry{
    padding:28px 20px;
  }

  .uug_i_actionRow{
    align-items:stretch;
    flex-direction:column;
  }

  .uug_i_cyanButton,
  .uug_i_lineButton{
    width:100%;
  }

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

  .uug_i_footerContact{
    grid-column:auto;
  }

  .uug_i_copyright{
    align-items:flex-start;
    flex-direction:column;
  }
}
/* =========================================================
   contact.html
   ========================================================= */

.uug_i_contactOpening,
.uug_i_fastChannels,
.uug_i_contactMethods,
.uug_i_messageDesk,
.uug_i_contactPromise{
  padding:78px 0;
}

.uug_i_contactOpeningFrame,
.uug_i_messageFrame{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  overflow:hidden;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_contactOpeningText,
.uug_i_messageGuide{
  padding:clamp(30px,6vw,78px);
}

.uug_i_contactOpeningText h1{
  max-width:720px;
  margin:16px 0;
  font-size:clamp(42px,6vw,76px);
  line-height:1.02;
}

.uug_i_contactOpeningText p,
.uug_i_methodIntro p,
.uug_i_messageGuide p{
  max-width:650px;
  color:var(--uug_i_muted);
  line-height:1.9;
}

.uug_i_contactCrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_contactCrumbs a{
  color:var(--uug_i_blue);
  font-weight:800;
}

.uug_i_contactOpeningMark{
  position:relative;
  display:grid;
  place-items:center;
  min-height:390px;
  overflow:hidden;
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_contactOpeningMark::before,
.uug_i_contactOpeningMark::after{
  position:absolute;
  width:270px;
  height:270px;
  border:1px solid var(--uug_i_cyan);
  border-radius:50%;
  content:"";
}

.uug_i_contactOpeningMark::after{
  width:190px;
  height:190px;
  border-color:var(--uug_i_blue);
  border-style:dashed;
}

.uug_i_contactOrbit{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  align-content:center;
  width:178px;
  height:178px;
  border:1px solid var(--uug_i_blue);
  border-radius:50%;
  background:var(--uug_i_purple);
  color:var(--uug_i_text);
  text-align:center;
}

.uug_i_contactOrbit i{
  color:var(--uug_i_blue);
  font-size:31px;
}

.uug_i_contactOrbit strong{
  line-height:1;
}

.uug_i_markCode{
  position:absolute;
  right:22px;
  bottom:20px;
  color:var(--uug_i_cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

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

.uug_i_channelTile{
  min-height:255px;
  padding:25px;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_channelTile i{
  color:var(--uug_i_blue);
  font-size:29px;
}

.uug_i_channelTile small{
  display:block;
  margin-top:20px;
  color:var(--uug_i_blue);
  font-weight:900;
  letter-spacing:.12em;
}

.uug_i_channelTile h3{
  margin:5px 0;
  font-size:22px;
}

.uug_i_channelTile p{
  color:var(--uug_i_muted);
  line-height:1.7;
}

.uug_i_channelTile a,
.uug_i_channelTile time,
.uug_i_channelTile > span{
  display:block;
  margin-top:18px;
  color:var(--uug_i_blue);
  font-size:13px;
  font-weight:800;
  overflow-wrap:anywhere;
}

.uug_i_channelAccent{
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_channelAccent p{
  color:rgba(255,255,255,.68);
}

.uug_i_channelAccent i,
.uug_i_channelAccent small,
.uug_i_channelAccent a,
.uug_i_channelAccent time,
.uug_i_channelAccent > span{
  color:var(--uug_i_cyan);
}

.uug_i_methodIntro{
  max-width:720px;
  margin:0 auto 32px;
  text-align:center;
}

.uug_i_methodIntro h2{
  margin:10px 0;
  font-size:clamp(30px,4vw,52px);
  line-height:1.08;
}

.uug_i_methodStack{
  display:grid;
  gap:12px;
  max-width:1000px;
  margin:0 auto;
}

.uug_i_methodCard{
  border:var(--uug_i_line);
  background:var(--uug_i_white);
  box-shadow:4px 4px 0 rgba(8,56,247,.12);
}

.uug_i_methodCard:nth-child(even){
  transform:translateX(25px);
  background:var(--uug_i_purple);
}

.uug_i_methodCard summary{
  display:grid;
  grid-template-columns:52px minmax(150px,1fr) minmax(120px,.6fr) 24px;
  align-items:center;
  gap:12px;
  padding:19px 22px;
  cursor:pointer;
  list-style:none;
}

.uug_i_methodCard summary::-webkit-details-marker{
  display:none;
}

.uug_i_methodNumber{
  color:var(--uug_i_blue);
  font-size:13px;
  font-weight:900;
}

.uug_i_methodCard summary strong{
  font-size:18px;
}

.uug_i_methodCard summary b{
  color:var(--uug_i_muted);
  font-size:12px;
  font-weight:400;
}

.uug_i_methodCard summary i{
  color:var(--uug_i_blue);
  transition:var(--uug_i_ease);
}

.uug_i_methodCard[open] summary i{
  transform:rotate(45deg);
}

.uug_i_methodBody{
  padding:0 22px 24px 86px;
}

.uug_i_methodBody p{
  max-width:760px;
  color:var(--uug_i_muted);
}

.uug_i_methodBody ul{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
}

.uug_i_methodBody li{
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_methodBody li i{
  margin-right:7px;
  color:var(--uug_i_blue);
}

.uug_i_messageDesk{
  background:var(--uug_i_sky);
}

.uug_i_messageFrame{
  grid-template-columns:.85fr 1.15fr;
}

.uug_i_messageGuide{
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_messageGuide p{
  color:rgba(255,255,255,.68);
}

.uug_i_responseMarks{
  display:grid;
  gap:14px;
  margin-top:30px;
}

.uug_i_responseMarks span{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:800;
}

.uug_i_responseMarks i{
  width:21px;
  color:var(--uug_i_cyan);
  text-align:center;
}

.uug_i_contactForm{
  display:grid;
  gap:8px;
  padding:clamp(28px,5vw,60px);
  background:var(--uug_i_white);
  border-left:var(--uug_i_line);
}

.uug_i_contactForm label{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
}

.uug_i_contactForm input,
.uug_i_contactForm select,
.uug_i_contactForm textarea{
  width:100%;
  min-height:44px;
  padding:12px;
  border:var(--uug_i_line);
  outline:0;
  background:var(--uug_i_bg);
}

.uug_i_contactForm textarea{
  resize:vertical;
}

.uug_i_contactForm input:focus,
.uug_i_contactForm select:focus,
.uug_i_contactForm textarea:focus{
  box-shadow:0 0 0 3px rgba(8,56,247,.15);
}

.uug_i_contactForm button{
  justify-self:start;
  margin-top:12px;
}

.uug_i_contactPromise{
  background:var(--uug_i_dark);
}

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

.uug_i_promiseOrb{
  display:grid;
  place-items:center;
  align-content:center;
  min-height:240px;
  padding:22px;
  border:1px solid var(--uug_i_cyan);
  border-radius:50%;
  color:var(--uug_i_white);
  text-align:center;
}

.uug_i_promiseOrb:nth-child(even){
  background:var(--uug_i_purple);
  color:var(--uug_i_text);
  border-color:var(--uug_i_blue);
}

.uug_i_promiseOrb i{
  color:var(--uug_i_cyan);
  font-size:28px;
}

.uug_i_promiseOrb:nth-child(even) i{
  color:var(--uug_i_blue);
}

.uug_i_promiseOrb strong{
  margin:8px 0;
  color:var(--uug_i_cyan);
  font-size:18px;
}

.uug_i_promiseOrb:nth-child(even) strong{
  color:var(--uug_i_blue);
}

.uug_i_promiseOrb p{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:13px;
}

.uug_i_promiseOrb:nth-child(even) p{
  color:var(--uug_i_muted);
}


/* =========================================================
   app.html
   ========================================================= */

.uug_i_appOpening,
.uug_i_appValue,
.uug_i_appAdvantages,
.uug_i_appExperience,
.uug_i_appCompare,
.uug_i_releaseTimeline,
.uug_i_appFaq,
.uug_i_installRoute,
.uug_i_appTrust,
.uug_i_appInvitation{
  padding:78px 0;
}

.uug_i_appOpeningFrame,
.uug_i_appValueFrame{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  overflow:hidden;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_appOpeningCopy,
.uug_i_appValueTitle{
  padding:clamp(30px,6vw,78px);
}

.uug_i_appOpeningCopy h1{
  max-width:720px;
  margin:16px 0;
  font-size:clamp(40px,6vw,76px);
  line-height:1.02;
}

.uug_i_appOpeningCopy p,
.uug_i_appValueTitle p{
  max-width:650px;
  color:var(--uug_i_muted);
  line-height:1.9;
}

.uug_i_appDownloadLinks{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.uug_i_appNumbers{
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  margin-top:32px;
}

.uug_i_appNumbers strong{
  display:block;
  color:var(--uug_i_blue);
  font-size:28px;
}

.uug_i_appNumbers span{
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_deviceStage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:500px;
  overflow:hidden;
  background:var(--uug_i_dark);
}

.uug_i_deviceGlow{
  position:absolute;
  width:320px;
  height:320px;
  border:1px solid var(--uug_i_cyan);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(9,241,237,.05),0 0 0 70px rgba(9,241,237,.03);
}

.uug_i_phoneFrame{
  position:relative;
  z-index:1;
  width:225px;
  height:430px;
  padding:10px;
  border:4px solid var(--uug_i_text);
  border-radius:29px;
  background:var(--uug_i_white);
  box-shadow:12px 12px 0 var(--uug_i_blue);
  transform:rotate(5deg);
}

.uug_i_phoneSpeaker{
  position:absolute;
  top:8px;
  left:50%;
  width:68px;
  height:6px;
  border-radius:8px;
  background:var(--uug_i_text);
  transform:translateX(-50%);
}

.uug_i_phoneDisplay{
  height:100%;
  padding:44px 16px 20px;
  border-radius:19px;
  background:var(--uug_i_purple);
  color:var(--uug_i_text);
}

.uug_i_phoneBrand{
  color:var(--uug_i_blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.uug_i_phoneDisplay > strong{
  display:block;
  margin:28px 0 8px;
  color:var(--uug_i_blue);
  font-size:45px;
  line-height:1;
}

.uug_i_phoneScore{
  display:flex;
  justify-content:space-between;
  font-size:11px;
}

.uug_i_phoneScore span,
.uug_i_phoneScore b{
  color:var(--uug_i_blue);
}

.uug_i_phoneRows{
  display:grid;
  gap:10px;
  margin-top:34px;
}

.uug_i_phoneRows span{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px;
  background:var(--uug_i_white);
  font-size:10px;
}

.uug_i_phoneRows i{
  color:var(--uug_i_blue);
}

.uug_i_deviceCode{
  position:absolute;
  right:22px;
  bottom:20px;
  color:var(--uug_i_cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.uug_i_appValueFrame{
  grid-template-columns:.9fr 1.1fr;
}

.uug_i_appValueTitle h2{
  margin:12px 0;
  font-size:clamp(32px,4vw,56px);
  line-height:1.05;
}

.uug_i_appValueList{
  display:grid;
  align-content:center;
  gap:16px;
  padding:clamp(30px,6vw,78px);
  background:var(--uug_i_sky);
}

.uug_i_appValueList span{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
}

.uug_i_appValueList i{
  width:22px;
  color:var(--uug_i_blue);
  text-align:center;
}

.uug_i_advantageGrid{
  display:grid;
  grid-template-columns:1.4fr repeat(2,1fr);
  gap:14px;
}

.uug_i_advantageCard{
  min-height:220px;
  padding:25px;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_advantageCard:nth-child(n+4){
  grid-column:span 1;
}

.uug_i_advantageLead{
  grid-row:span 2;
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_advantageCard i{
  color:var(--uug_i_blue);
  font-size:27px;
}

.uug_i_advantageLead i,
.uug_i_advantageLead strong{
  color:var(--uug_i_cyan);
}

.uug_i_advantageCard h3{
  margin:17px 0 7px;
  font-size:20px;
}

.uug_i_advantageCard strong{
  display:block;
  color:var(--uug_i_blue);
  font-size:13px;
  letter-spacing:.1em;
}

.uug_i_advantageCard p{
  color:var(--uug_i_muted);
  line-height:1.75;
}

.uug_i_advantageLead p{
  color:rgba(255,255,255,.68);
}

.uug_i_appExperience{
  background:var(--uug_i_sky);
}

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

.uug_i_experienceTile{
  min-height:230px;
  padding:25px;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_experienceTile i{
  color:var(--uug_i_blue);
  font-size:29px;
}

.uug_i_experienceTile h3{
  margin:18px 0 7px;
  font-size:20px;
}

.uug_i_experienceTile p{
  color:var(--uug_i_muted);
  line-height:1.75;
}

.uug_i_experienceDark{
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_experienceDark i{
  color:var(--uug_i_cyan);
}

.uug_i_experienceDark p{
  color:rgba(255,255,255,.68);
}

.uug_i_compareBoard{
  overflow-x:auto;
  border:var(--uug_i_line);
  background:var(--uug_i_white);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_compareLine{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  min-width:620px;
  border-bottom:1px solid rgba(8,56,247,.2);
}

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

.uug_i_compareLine > *{
  min-height:52px;
  padding:14px 18px;
  border-right:1px solid rgba(8,56,247,.2);
}

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

.uug_i_compareLine strong{
  color:var(--uug_i_blue);
}

.uug_i_compareHeader{
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_compareHeader strong,
.uug_i_compareHeader span{
  color:var(--uug_i_cyan);
  font-weight:800;
}

.uug_i_compareLine i{
  color:var(--uug_i_blue);
}

.uug_i_releaseTimeline,
.uug_i_installRoute{
  background:var(--uug_i_dark);
}

.uug_i_releaseGroup{
  margin-top:30px;
}

.uug_i_releaseGroup h3{
  color:var(--uug_i_cyan);
  font-size:22px;
}

.uug_i_releaseRail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,1fr);
  gap:15px;
  overflow-x:auto;
  padding:5px 2px 18px;
  scroll-snap-type:x mandatory;
}

.uug_i_releaseCard{
  min-height:260px;
  padding:25px;
  scroll-snap-align:start;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
}

.uug_i_releaseCard strong{
  color:var(--uug_i_blue);
  font-size:22px;
}

.uug_i_releaseCard time{
  display:block;
  margin-top:5px;
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_releaseCard ul{
  display:grid;
  gap:10px;
  margin-top:20px;
}

.uug_i_releaseCard li{
  position:relative;
  padding-left:16px;
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_releaseCard li::before{
  position:absolute;
  top:9px;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--uug_i_blue);
  content:"";
}

.uug_i_appFaq{
  background:var(--uug_i_sky);
}

.uug_i_appFaqList{
  display:grid;
  gap:12px;
  max-width:950px;
  margin:0 auto;
}

.uug_i_appFaqList details{
  border:var(--uug_i_line);
  background:var(--uug_i_white);
  box-shadow:3px 3px 0 rgba(8,56,247,.12);
}

.uug_i_appFaqList summary{
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px 22px;
  cursor:pointer;
  font-weight:800;
  list-style:none;
}

.uug_i_appFaqList summary::-webkit-details-marker{
  display:none;
}

.uug_i_appFaqList summary span{
  color:var(--uug_i_blue);
}

.uug_i_appFaqList summary i{
  margin-left:auto;
  color:var(--uug_i_blue);
  transition:var(--uug_i_ease);
}

.uug_i_appFaqList details[open] summary i{
  transform:rotate(45deg);
}

.uug_i_appFaqList details > p{
  margin:0;
  padding:0 22px 20px 60px;
  color:var(--uug_i_muted);
}

.uug_i_installGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.uug_i_installColumn{
  padding:28px;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
}

.uug_i_installColumn h3{
  margin:0 0 22px;
  font-size:23px;
}

.uug_i_installColumn h3 i{
  margin-right:8px;
  color:var(--uug_i_blue);
}

.uug_i_installStep{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:13px;
  padding:17px 0;
  border-top:1px solid rgba(8,56,247,.2);
}

.uug_i_installStep strong{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
}

.uug_i_installStep h4{
  margin:0 0 4px;
}

.uug_i_installStep p{
  margin:0;
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_trustGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--uug_i_blue);
  border:var(--uug_i_line);
}

.uug_i_trustTile{
  min-height:210px;
  padding:25px;
  background:var(--uug_i_purple);
}

.uug_i_trustTile i{
  color:var(--uug_i_blue);
  font-size:27px;
}

.uug_i_trustTile h3{
  margin:14px 0 7px;
  font-size:19px;
}

.uug_i_trustTile p{
  margin:0;
  color:var(--uug_i_muted);
  line-height:1.7;
}

.uug_i_trustDark{
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_trustDark i{
  color:var(--uug_i_cyan);
}

.uug_i_trustDark p{
  color:rgba(255,255,255,.68);
}

.uug_i_appInvitation{
  background:var(--uug_i_sky);
}

.uug_i_invitationPanel{
  padding:clamp(35px,6vw,80px);
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
  text-align:center;
}

.uug_i_invitationPanel h2{
  max-width:800px;
  margin:14px auto;
  font-size:clamp(32px,5vw,62px);
  line-height:1.05;
}

.uug_i_invitationPanel p{
  max-width:650px;
  margin:0 auto 25px;
  color:var(--uug_i_muted);
}

.uug_i_inviteLabel{
  display:block;
  color:var(--uug_i_muted);
  font-size:12px;
}

.uug_i_inviteCode{
  display:block;
  margin:5px 0 25px;
  color:var(--uug_i_blue);
  font-size:30px;
  letter-spacing:.2em;
}

.uug_i_invitationPanel .uug_i_cyanButton{
  display:inline-flex;
}

@media (max-width:980px){
  .uug_i_channelGrid,
  .uug_i_promiseGrid,
  .uug_i_experienceGrid{
    grid-template-columns:repeat(2,1fr);
  }

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

  .uug_i_advantageLead{
    grid-row:auto;
  }

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

  .uug_i_methodCard:nth-child(even){
    transform:none;
  }
}

@media (max-width:760px){
  .uug_i_contactOpening,
  .uug_i_fastChannels,
  .uug_i_contactMethods,
  .uug_i_messageDesk,
  .uug_i_contactPromise,
  .uug_i_appOpening,
  .uug_i_appValue,
  .uug_i_appAdvantages,
  .uug_i_appExperience,
  .uug_i_appCompare,
  .uug_i_releaseTimeline,
  .uug_i_appFaq,
  .uug_i_installRoute,
  .uug_i_appTrust,
  .uug_i_appInvitation{
    padding:54px 0;
  }

  .uug_i_contactOpeningFrame,
  .uug_i_messageFrame,
  .uug_i_appOpeningFrame,
  .uug_i_appValueFrame{
    grid-template-columns:1fr;
  }

  .uug_i_contactOpeningMark,
  .uug_i_deviceStage{
    min-height:340px;
  }

  .uug_i_contactForm{
    border-top:var(--uug_i_line);
    border-left:0;
  }

  .uug_i_methodCard summary{
    grid-template-columns:42px minmax(0,1fr) 24px;
  }

  .uug_i_methodCard summary b{
    display:none;
  }

  .uug_i_methodBody{
    padding-left:22px;
  }

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

@media (max-width:560px){
  .uug_i_channelGrid,
  .uug_i_promiseGrid,
  .uug_i_experienceGrid,
  .uug_i_advantageGrid,
  .uug_i_trustGrid{
    grid-template-columns:1fr;
  }

  .uug_i_contactOpeningText,
  .uug_i_messageGuide,
  .uug_i_contactForm,
  .uug_i_appOpeningCopy,
  .uug_i_appValueTitle{
    padding:28px 20px;
  }

  .uug_i_appDownloadLinks{
    align-items:stretch;
    flex-direction:column;
  }

  .uug_i_appDownloadLinks .uug_i_cyanButton,
  .uug_i_appDownloadLinks .uug_i_lineButton{
    width:100%;
  }

  .uug_i_appNumbers{
    gap:18px;
  }

  .uug_i_phoneFrame{
    transform:scale(.9) rotate(5deg);
  }

  .uug_i_methodBody ul{
    grid-template-columns:1fr;
  }

  .uug_i_compareLine{
    min-width:560px;
  }
}
@media (max-width:980px){
  .uug_i_listLayout,
  .uug_i_showLayout{
    grid-template-columns:1fr;
  }

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

  .uug_i_searchPanel,
  .uug_i_topicPanel,
  .uug_i_hotPanel{
    min-width:0;
  }

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

@media (max-width:760px){
  .uug_i_listOpening,
  .uug_i_listWorkspace,
  .uug_i_listInvitation,
  .uug_i_showOpening,
  .uug_i_showWorkspace,
  .uug_i_recommendedReads{
    padding:54px 0;
  }

  .uug_i_listOpeningFrame,
  .uug_i_showOpeningFrame{
    grid-template-columns:1fr;
  }

  .uug_i_listOpeningMark,
  .uug_i_showOpeningMark{
    min-height:320px;
  }

  .uug_i_articleRow{
    grid-template-columns:150px minmax(0,1fr);
  }

  .uug_i_articleThumb img{
    min-height:250px;
  }

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

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

  .uug_i_listInvitationPanel{
    align-items:flex-start;
    flex-direction:column;
    padding:30px 24px;
  }
}

@media (max-width:560px){
  .uug_i_listSidebar,
  .uug_i_showSidebar{
    grid-template-columns:1fr;
  }

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

  .uug_i_articleThumb img{
    height:210px;
    min-height:0;
  }

  .uug_i_articleContent{
    min-height:230px;
    padding:20px;
  }

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

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

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

  .uug_i_storyColumn{
    padding:25px 20px;
  }

  .uug_i_articleBody{
    font-size:15px;
    line-height:1.9;
  }

  .uug_i_recommendedRail{
    grid-auto-columns:minmax(250px,1fr);
  }
}
/* =========================================================
   list.html
   ========================================================= */

.uug_i_listOpening,
.uug_i_listWorkspace,
.uug_i_listInvitation{
  padding:78px 0;
}

.uug_i_listOpeningFrame,
.uug_i_showOpeningFrame{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  overflow:hidden;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_listOpeningCopy,
.uug_i_showOpeningCopy{
  padding:clamp(30px,6vw,78px);
}

.uug_i_listOpeningCopy h1,
.uug_i_showOpeningCopy h1{
  max-width:760px;
  margin:16px 0;
  font-size:clamp(42px,6vw,76px);
  line-height:1.02;
  overflow-wrap:anywhere;
}

.uug_i_listOpeningCopy p,
.uug_i_showOpeningCopy p{
  max-width:650px;
  color:var(--uug_i_muted);
  line-height:1.9;
}

.uug_i_listCrumbs,
.uug_i_showCrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
  color:var(--uug_i_muted);
  font-size:13px;
}

.uug_i_listCrumbs a,
.uug_i_showCrumbs a{
  color:var(--uug_i_blue);
  font-weight:800;
}

.uug_i_listOpeningMark,
.uug_i_showOpeningMark{
  position:relative;
  display:grid;
  place-items:center;
  min-height:390px;
  overflow:hidden;
  background:var(--uug_i_dark);
  color:var(--uug_i_white);
}

.uug_i_listOpeningMark::before,
.uug_i_listOpeningMark::after,
.uug_i_showOpeningMark::before,
.uug_i_showOpeningMark::after{
  position:absolute;
  width:260px;
  height:260px;
  border:1px solid var(--uug_i_blue);
  border-radius:50%;
  content:"";
}

.uug_i_listOpeningMark::after,
.uug_i_showOpeningMark::after{
  width:180px;
  height:180px;
  border-color:var(--uug_i_cyan);
  border-style:dashed;
}

.uug_i_listOpeningMark i,
.uug_i_showOpeningMark i{
  position:absolute;
  top:30px;
  left:32px;
  z-index:1;
  color:var(--uug_i_cyan);
  font-size:34px;
}

.uug_i_listOpeningMark strong,
.uug_i_showOpeningMark strong{
  position:relative;
  z-index:1;
  color:var(--uug_i_cyan);
  font-size:27px;
  line-height:.95;
  text-align:center;
}

.uug_i_listMarkNumber{
  position:absolute;
  top:22px;
  right:25px;
  color:var(--uug_i_purple);
  font-size:24px;
  font-weight:900;
}

.uug_i_listMarkCode,
.uug_i_showOpeningMark > span{
  position:absolute;
  right:22px;
  bottom:20px;
  color:var(--uug_i_cyan);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.uug_i_listLayout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:24px;
  align-items:start;
}

.uug_i_articleStream,
.uug_i_listSidebar,
.uug_i_showSidebar{
  min-width:0;
}

.uug_i_streamHeading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}

.uug_i_streamHeading h2{
  margin:7px 0 0;
  font-size:34px;
  line-height:1;
}

.uug_i_streamCount{
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
}

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

.uug_i_articleRow{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  min-height:220px;
  overflow:hidden;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_articleThumb{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--uug_i_dark);
}

.uug_i_articleThumb img{
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  transition:var(--uug_i_ease);
}

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

.uug_i_thumbIndex{
  position:absolute;
  bottom:12px;
  left:12px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:900;
}

.uug_i_articleContent{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:24px;
}

.uug_i_articleMeta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:800;
}

.uug_i_articleContent h3{
  margin:14px 0 8px;
  font-size:23px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.uug_i_articleContent h3 a:hover{
  color:var(--uug_i_blue);
}

.uug_i_fiveLines{
  display:-webkit-box;
  overflow:hidden;
  max-width:100%;
  margin:0;
  color:var(--uug_i_muted);
  line-height:1.75;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  /* 控制显示行数为5 */
  -webkit-line-clamp:5;
}

.uug_i_readMore{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-top:14px;
  color:var(--uug_i_blue);
  font-size:13px;
  font-weight:900;
}

.uug_i_readMore:hover{
  gap:13px;
}

.uug_i_listSidebar,
.uug_i_showSidebar{
  display:grid;
  gap:16px;
}

.uug_i_searchPanel,
.uug_i_topicPanel,
.uug_i_hotPanel{
  padding:24px;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_searchPanel h2,
.uug_i_topicPanel h2,
.uug_i_hotPanel h2{
  margin:8px 0 18px;
  font-size:23px;
}

.uug_i_searchPanel form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  gap:6px;
}
.uug_i_searchPanel input{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px;
  border:var(--uug_i_line);
  outline:0;
  background:var(--uug_i_white);
}

.uug_i_searchPanel button{
  min-height:44px;
  border:var(--uug_i_line);
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
}

.uug_i_topicPanel ul{
  display:grid;
  gap:2px;
}

.uug_i_topicPanel li{
  border-top:1px solid rgba(8,56,247,.2);
}

.uug_i_topicPanel a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 0;
  color:var(--uug_i_muted);
  font-size:14px;
}

.uug_i_topicPanel a:hover{
  color:var(--uug_i_blue);
}

.uug_i_hotPanel h2{
  margin-bottom:12px;
}

.uug_i_hotRow{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:12px;
  padding:14px 0;
  border-top:1px solid rgba(8,56,247,.2);
}

.uug_i_hotRow img{
  width:76px;
  height:68px;
  object-fit:cover;
}

.uug_i_hotRow h3{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  font-size:14px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.uug_i_hotRow h3 a:hover{
  color:var(--uug_i_blue);
}

.uug_i_hotRow time{
  display:block;
  margin-top:6px;
  color:var(--uug_i_muted);
  font-size:11px;
}

.uug_i_pagination{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:28px;
}

.uug_i_pagination a,
.uug_i_pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:38px;
  padding:0 10px;
  border:var(--uug_i_line);
  background:var(--uug_i_white);
  color:var(--uug_i_blue);
  font-size:13px;
}

.uug_i_pagination .active,
.uug_i_pagination a:hover{
  background:var(--uug_i_cyan);
}

.uug_i_listInvitation{
  background:var(--uug_i_sky);
}

.uug_i_listInvitationPanel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:35px 45px;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_listInvitationPanel h2{
  margin:10px 0 0;
  font-size:clamp(27px,4vw,46px);
  line-height:1.1;
}


/* =========================================================
   show.html
   ========================================================= */

.uug_i_showOpening,
.uug_i_showWorkspace,
.uug_i_recommendedReads{
  padding:78px 0;
}

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

.uug_i_storyColumn{
  min-width:0;
  padding:clamp(25px,5vw,60px);
  overflow:hidden;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_storyInfo{
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(8,56,247,.2);
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:800;
}

.uug_i_articleBody{
  max-width:100%;
  padding:28px 0;
  overflow-wrap:anywhere;
  word-break:break-word;
  color:#343434;
  font-size:16px;
  line-height:2;
}

.uug_i_articleBody h2,
.uug_i_articleBody h3,
.uug_i_articleBody h4{
  margin:30px 0 12px;
  color:var(--uug_i_text);
  line-height:1.3;
}

.uug_i_articleBody h2{
  font-size:30px;
}

.uug_i_articleBody h3{
  font-size:24px;
}

.uug_i_articleBody p{
  margin:0 0 20px;
}

.uug_i_articleBody img,
.uug_i_articleBody video,
.uug_i_articleBody iframe{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:25px 0;
}

.uug_i_articleBody img{
  border:var(--uug_i_line);
}

.uug_i_articleBody blockquote{
  margin:25px 0;
  padding:20px 24px;
  border-left:5px solid var(--uug_i_blue);
  background:var(--uug_i_purple);
  color:var(--uug_i_muted);
}

.uug_i_articleBody ul,
.uug_i_articleBody ol{
  margin:20px 0;
  padding-left:25px;
}

.uug_i_articleBody li{
  margin:8px 0;
}

.uug_i_articleBody table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  border-collapse:collapse;
}

.uug_i_articleBody pre{
  max-width:100%;
  overflow-x:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.uug_i_storyNavigation{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  width:100%;
  min-width:0;
}

.uug_i_storyNavigation a{
  display:block;
  min-width:0;
  padding:18px;
  overflow:hidden;
  border:var(--uug_i_line);
  background:var(--uug_i_purple);
  overflow-wrap:anywhere;
  word-break:break-word;
}

.uug_i_storyNavigation a:last-child{
  text-align:right;
}

.uug_i_storyNavigation span{
  display:block;
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:900;
}

.uug_i_storyNavigation strong{
  display:block;
  margin-top:7px;
  font-size:14px;
  line-height:1.6;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.uug_i_storyFooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:25px;
  margin-top:28px;
  padding-top:25px;
  border-top:1px solid rgba(8,56,247,.2);
}

.uug_i_shareTools{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:15px;
}

.uug_i_shareTools strong,
.uug_i_shareTools span{
  display:block;
}

.uug_i_shareTools strong{
  font-size:13px;
}

.uug_i_shareTools span{
  color:var(--uug_i_muted);
  font-size:12px;
}

.uug_i_shareButtons{
  display:flex;
  gap:7px;
}

.uug_i_shareButtons a,
.uug_i_shareButtons button{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:var(--uug_i_line);
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
}

.uug_i_shareButtons a:hover,
.uug_i_shareButtons button:hover{
  background:var(--uug_i_purple);
}

.uug_i_showSidebar .uug_i_hotSummary{
  display:-webkit-box;
  overflow:hidden;
  margin:5px 0 0;
  color:var(--uug_i_muted);
  font-size:12px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  /* 控制显示行数为5 */
  -webkit-line-clamp:5;
}

.uug_i_recommendedReads{
  background:var(--uug_i_sky);
}

.uug_i_recommendedRail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(270px,1fr);
  gap:15px;
  overflow-x:auto;
  padding:5px 2px 18px;
  scroll-snap-type:x mandatory;
}

.uug_i_recommendedCard{
  position:relative;
  min-height:245px;
  overflow:hidden;
  scroll-snap-align:start;
  background:var(--uug_i_purple);
  border:var(--uug_i_line);
  box-shadow:var(--uug_i_shadow);
}

.uug_i_recommendedCard > a{
  display:block;
  overflow:hidden;
}

.uug_i_recommendedCard img{
  width:100%;
  height:145px;
  object-fit:cover;
  transition:var(--uug_i_ease);
}

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

.uug_i_recommendedCard > div{
  padding:14px 17px;
}

.uug_i_recommendedNumber{
  position:absolute;
  z-index:1;
  top:10px;
  left:10px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  font-size:12px;
  font-weight:900;
}

.uug_i_recommendedCard h3{
  margin:0;
  font-size:16px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.uug_i_recommendedCard h3 a:hover{
  color:var(--uug_i_blue);
}

.uug_i_recommendedCard time{
  display:block;
  margin-top:8px;
  color:var(--uug_i_blue);
  font-size:11px;
}
/* =========================================================
   uug_i Header / Navigation
   移动端菜单最终修复版
   ========================================================= */

.uug_i_siteHeader{
  position:relative;
  z-index:1000;
  width:100%;
  background:var(--uug_i_bg);
}

.uug_i_headerTop{
  background:var(--uug_i_bg);
  border:0;
}

.uug_i_headerLine{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto;
  align-items:center;
  gap:28px;
  min-height:88px;
}

.uug_i_identity{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}

.uug_i_identity img{
  display:block;
  width:58px;
  height:58px;
  object-fit:contain;
  background:var(--uug_i_white);
  border:var(--uug_i_line);
}

.uug_i_identity h2{
  margin:0;
  font-size:20px;
  white-space:nowrap;
}

.uug_i_notice{
  min-width:0;
  overflow:hidden;
  text-align:center;
}

.uug_i_noticeRail{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--uug_i_blue);
  white-space:nowrap;
  animation:uug_i_noticeMove 18s linear infinite;
}

.uug_i_noticeRail p{
  margin:0;
  font-size:13px;
}

@keyframes uug_i_noticeMove{
  0%{
    transform:translateX(35%);
  }

  100%{
    transform:translateX(-35%);
  }
}

.uug_i_headerActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.uug_i_saveButton,
.uug_i_phoneLink{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 11px;
  border:var(--uug_i_line);
  background:transparent;
  color:var(--uug_i_blue);
  font-size:13px;
  transition:var(--uug_i_ease);
}

.uug_i_saveButton{
  cursor:pointer;
}

.uug_i_saveButton:hover,
.uug_i_phoneLink:hover,
.uug_i_saveButton:focus-visible,
.uug_i_phoneLink:focus-visible{
  background:var(--uug_i_cyan);
  outline:0;
}

/* 导航栏 */
.uug_i_navigationBar{
  position:relative;
  z-index:1001;
  width:100%;
  background:var(--uug_i_sky);
  border-top:var(--uug_i_line);
  border-bottom:var(--uug_i_line);
}

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

.uug_i_desktopMenu{
  display:block;
  width:100%;
}

.uug_i_desktopMenu ul{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:3px;
  margin:0;
  padding:0;
  list-style:none;
}

.uug_i_desktopMenu li{
  display:block;
}

.uug_i_desktopMenu a{
  display:block;
  padding:13px 20px;
  color:var(--uug_i_text);
  font-size:14px;
  font-weight:800;
  transition:var(--uug_i_ease);
}

.uug_i_desktopMenu a:hover,
.uug_i_desktopMenu a:focus-visible{
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  outline:0;
}

/* 移动端菜单按钮：PC 默认隐藏 */
.uug_i_menuTrigger{
  display:none;
  position:absolute;
  top:50%;
  right:0;
  width:44px;
  height:40px;
  margin:0;
  padding:7px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border:var(--uug_i_line);
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transform:translateY(-50%);
  transition:var(--uug_i_ease);
}

.uug_i_menuTrigger:hover,
.uug_i_menuTrigger:focus-visible{
  background:var(--uug_i_purple);
  outline:0;
  box-shadow:0 0 0 3px rgba(8,56,247,.15);
}

.uug_i_menuTrigger span{
  display:block;
  width:24px;
  height:2px;
  margin:3px 0;
  background:var(--uug_i_blue);
  transition:transform .25s ease,opacity .25s ease;
}

/* 菜单打开时，三条横线变为关闭图标 */
.uug_i_menuTrigger[aria-expanded="true"] span:nth-child(1){
  transform:translateY(8px) rotate(45deg);
}

.uug_i_menuTrigger[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}

.uug_i_menuTrigger[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg);
}

/* 移动端菜单默认关闭 */
.uug_i_mobileMenu{
  display:none;
  position:relative;
  z-index:1002;
  width:100%;
  max-height:calc(100vh - 70px);
  overflow-x:hidden;
  overflow-y:auto;
  background:var(--uug_i_sky);
  border-top:var(--uug_i_line);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* 移动端菜单打开状态 */
.uug_i_mobileMenu.uug_i_open{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.uug_i_mobileMenuNav{
  width:90%;
  max-width:1440px;
  margin:0 auto;
}

.uug_i_mobileMenuNav ul{
  display:flex;
  width:100%;
  margin:0;
  padding:0;
  flex-direction:column;
  list-style:none;
}

.uug_i_mobileMenuNav li{
  display:block;
  width:100%;
  border-bottom:1px solid rgba(8,56,247,.2);
}

.uug_i_mobileMenuNav a{
  display:flex;
  width:100%;
  min-height:52px;
  align-items:center;
  padding:14px 4px;
  color:var(--uug_i_text);
  font-size:15px;
  font-weight:800;
  transition:var(--uug_i_ease);
}

.uug_i_mobileMenuNav a:hover,
.uug_i_mobileMenuNav a:focus-visible{
  background:var(--uug_i_cyan);
  color:var(--uug_i_blue);
  outline:0;
}

/* 菜单展开时禁止页面底层滚动 */
body.uug_i_menuOpened{
  overflow:hidden;
}

/* 平板 */
@media (max-width:980px){

  .uug_i_headerLine{
    grid-template-columns:auto minmax(0,1fr);
  }

  .uug_i_notice{
    grid-column:1 / -1;
    grid-row:2;
    padding-bottom:10px;
  }

  .uug_i_headerActions{
    justify-self:end;
  }
}

/* 移动端 */
@media (max-width:760px){

  .uug_i_headerLine{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:12px;
    min-height:76px;
    padding:12px 0;
  }

  .uug_i_identity{
    flex:0 0 auto;
  }

  .uug_i_identity h2{
    display:none;
  }

  .uug_i_identity img{
    width:48px;
    height:48px;
  }

  .uug_i_headerActions{
    flex:0 0 auto;
    gap:8px;
  }

  .uug_i_saveButton span,
  .uug_i_phoneLink span{
    display:none;
  }

  .uug_i_notice{
    order:3;
    width:100%;
    padding:0;
  }

  .uug_i_noticeRail{
    max-width:100%;
  }

  .uug_i_navigationInner{
    min-height:58px;
    justify-content:flex-end;
  }

  .uug_i_desktopMenu{
    display:none!important;
  }

  .uug_i_menuTrigger{
    display:flex!important;
  }

  .uug_i_mobileMenu{
    display:none;
    max-height:calc(100vh - 58px);
    padding:0;
  }

  .uug_i_mobileMenu.uug_i_open{
    display:block!important;
  }

  .uug_i_mobileMenuNav{
    width:92%;
  }

  .uug_i_mobileMenuNav a{
    min-height:52px;
    padding:14px 5px;
  }
}

/* 普通手机 */
@media (max-width:560px){

  .uug_i_shell{
    width:92%;
  }

  .uug_i_noticeRail p{
    font-size:12px;
  }

  .uug_i_menuTrigger{
    right:0;
    width:42px;
    height:38px;
  }

  .uug_i_mobileMenuNav{
    width:92%;
  }

  .uug_i_mobileMenuNav a{
    min-height:50px;
    font-size:14px;
  }
}

/* 减少动态效果 */
@media (prefers-reduced-motion:reduce){

  .uug_i_noticeRail,
  .uug_i_menuTrigger span{
    animation:none;
    transition:none;
  }
}