:root{
  --urk_i_bg:#F7F7F7;
  --urk_i_dark:#171824;
  --urk_i_deep:#10121D;
  --urk_i_purple:#3218F7;
  --urk_i_lime:#CFF901;
  --urk_i_green:#10F500;
  --urk_i_sky:#ADEBFF;
  --urk_i_pink:#EAD7FF;
  --urk_i_text:#171824;
  --urk_i_muted:#687078;
  --urk_i_white:#FFFFFF;
  --urk_i_line:1px solid var(--urk_i_purple);
  --urk_i_glow:0 0 0 3px rgba(50,24,247,.12),8px 8px 0 rgba(50,24,247,.13);
  --urk_i_fast:.25s ease;
}

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

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  overflow-x:hidden;
  background-color:var(--urk_i_bg);
  background-image:
    linear-gradient(rgba(50,24,247,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,24,247,.055) 1px,transparent 1px);
  background-size:24px 24px;
  color:var(--urk_i_text);
  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,
select{
  font:inherit;
}

button{
  cursor:pointer;
}

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

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

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

.urk_i_siteHeader{
  position:relative;
  z-index:1000;
  background:var(--urk_i_bg);
}

.urk_i_topArea{
  background:var(--urk_i_bg);
}

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

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

.urk_i_brandLink img{
  width:56px;
  height:56px;
  object-fit:contain;
  background:var(--urk_i_white);
  border:1px solid var(--urk_i_purple);
}

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

.urk_i_welcomeLine{
  min-width:0;
  overflow:hidden;
  color:var(--urk_i_purple);
  text-align:center;
  white-space:nowrap;
}

.urk_i_welcomeText{
  display:inline-block;
  animation:urk_i_ticker 18s linear infinite;
}

.urk_i_welcomeText p{
  margin:0;
  font-size:13px;
  font-weight:700;
}

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

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

.urk_i_favoriteButton,
.urk_i_phoneEntry{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid var(--urk_i_purple);
  background:transparent;
  color:var(--urk_i_purple);
  font-size:13px;
  transition:var(--urk_i_fast);
}

.urk_i_favoriteButton:hover,
.urk_i_phoneEntry:hover{
  background:var(--urk_i_lime);
}

.urk_i_navigationBar{
  position:relative;
  z-index:1001;
  background:var(--urk_i_sky);
  border-top:1px solid var(--urk_i_purple);
  border-bottom:1px solid var(--urk_i_purple);
}

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

.urk_i_desktopNavigation ul{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:3px;
}

.urk_i_desktopNavigation a{
  display:block;
  padding:13px 20px;
  font-size:14px;
  font-weight:900;
  transition:var(--urk_i_fast);
}

.urk_i_desktopNavigation a:hover,
.urk_i_desktopNavigation a:focus-visible{
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
  outline:0;
}

.urk_i_navigationToggle{
  display:none;
  position:absolute;
  right:0;
  width:43px;
  height:39px;
  padding:6px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border:1px solid var(--urk_i_purple);
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
}

.urk_i_navigationToggle span{
  display:block;
  width:24px;
  height:2px;
  margin:3px 0;
  background:var(--urk_i_purple);
  transition:var(--urk_i_fast);
}

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

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

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

.urk_i_mobileNavigation{
  display:none;
}

/* =========================================================
   首页公共区块
   ========================================================= */

.urk_i_homeMain section{
  padding:78px 0;
}

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

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

.urk_i_sectionHeader p{
  margin:0;
  color:var(--urk_i_muted);
}

.urk_i_darkHeader{
  color:var(--urk_i_white);
}

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

.urk_i_sectionMark{
  display:inline-block;
  color:var(--urk_i_purple);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}

.urk_i_darkHeader .urk_i_sectionMark{
  color:var(--urk_i_lime);
}

/* =========================================================
   首屏
   ========================================================= */

.urk_i_featureDeck{
  padding-top:36px!important;
}

.urk_i_deckFrame{
  position:relative;
  overflow:hidden;
  background:var(--urk_i_dark);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_deckSlides{
  position:relative;
}

.urk_i_deckSlide{
  display:none;
  grid-template-columns:1.05fr .95fr;
  min-height:520px;
}

.urk_i_deckSlide.urk_i_currentSlide{
  display:grid;
}

.urk_i_deckCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,6vw,80px);
  color:var(--urk_i_white);
}

.urk_i_deckCopy .urk_i_sectionMark{
  color:var(--urk_i_lime);
}

.urk_i_deckCopy h1{
  margin:16px 0;
  font-size:clamp(42px,6vw,80px);
  line-height:1;
}

.urk_i_deckCopy p{
  max-width:620px;
  color:rgba(255,255,255,.7);
  line-height:1.9;
}

.urk_i_primaryAction{
  display:inline-flex;
  width:max-content;
  min-height:44px;
  margin-top:22px;
  align-items:center;
  gap:10px;
  padding:0 17px;
  background:var(--urk_i_green);
  border:1px solid var(--urk_i_lime);
  box-shadow:5px 5px 0 var(--urk_i_purple);
  color:var(--urk_i_dark);
  font-size:13px;
  font-weight:900;
  transition:var(--urk_i_fast);
}

.urk_i_primaryAction:hover{
  transform:translate(2px,2px);
  box-shadow:3px 3px 0 var(--urk_i_purple);
}

.urk_i_deckVisual{
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:var(--urk_i_deep);
}

.urk_i_deckVisual img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.72;
}

.urk_i_visualLabel{
  position:absolute;
  right:25px;
  bottom:25px;
  padding:16px;
  background:var(--urk_i_lime);
  border:1px solid var(--urk_i_purple);
  color:var(--urk_i_dark);
}

.urk_i_visualLabel strong{
  display:block;
  font-size:27px;
  line-height:.9;
}

.urk_i_visualLabel span{
  display:block;
  margin-top:10px;
  font-size:11px;
  font-weight:900;
}

/* Banner左右翻页箭头：固定在Banner垂直中间 */
.urk_i_deckControls{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 22px;
  pointer-events:none;
  transform:translateY(-50%);
}

.urk_i_deckArrow{
  display:grid;
  width:44px;
  height:44px;
  padding:0;
  place-items:center;
  pointer-events:auto;
  border:1px solid var(--urk_i_lime);
  border-radius:50%;
  background:rgba(16,18,29,.86);
  color:var(--urk_i_lime);
  font-size:16px;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}

.urk_i_deckArrow:hover{
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
  transform:scale(1.1);
}

.urk_i_deckPrev,
.urk_i_deckNext{
  position:static;
}

.urk_i_deckCounter{
  position:absolute;
  top:calc(100% + 24px);
  left:50%;
  padding:4px 10px;
  background:var(--urk_i_dark);
  color:var(--urk_i_white);
  font-size:12px;
  transform:translateX(-50%);
}

.urk_i_deckCounter b{
  color:var(--urk_i_lime);
}
.urk_i_appPage{
  overflow:hidden;
  background:var(--urk_i_dark,#171824);
  color:var(--urk_i_white,#fff);
}

.urk_i_appHero{
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  min-height:670px;
  width:100%;
  background:#22243a;
}

.urk_i_appHeroGrid{
  position:absolute;
  inset:0;
  opacity:.25;
  background-image:
    linear-gradient(#5e6176 1px,transparent 1px),
    linear-gradient(90deg,#5e6176 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to right,#000,transparent);
}

.urk_i_appHeroContent{
  position:relative;
  z-index:1;
  width:min(560px,calc(100% - 40px));
  margin-left:max(20px,calc((100vw - 1160px)/2));
}

.urk_i_breadcrumb{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:55px;
  color:#a9abba;
  font-size:13px;
}

.urk_i_breadcrumb a{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_appHero h1{
  margin:18px 0;
  font-size:clamp(42px,6vw,74px);
  line-height:1.08;
}

.urk_i_appHero h1 strong{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_appHero p{
  max-width:490px;
  color:#b8bac8;
  line-height:1.9;
}

.urk_i_eyebrow{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--urk_i_lime,#caff3d);
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
}

.urk_i_appDownloadButtons{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:28px;
}

.urk_i_downloadButton{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:145px;
  padding:10px 15px;
  border:1px solid #5a5d72;
  background:#171824;
  color:#fff;
  transition:.25s ease;
}

.urk_i_downloadButton:hover{
  border-color:var(--urk_i_lime,#caff3d);
  transform:translateY(-3px);
}

.urk_i_downloadButton>i{
  font-size:27px;
}

.urk_i_downloadButton span{
  display:flex;
  flex-direction:column;
  font-size:13px;
  font-weight:700;
}

.urk_i_downloadButton small{
  color:#aeb0bd;
  font-size:9px;
  font-weight:400;
}

.urk_i_appHeroStats{
  display:flex;
  gap:35px;
  margin-top:55px;
}

.urk_i_appHeroStats span{
  display:grid;
  gap:5px;
}

.urk_i_appHeroStats strong{
  color:var(--urk_i_lime,#caff3d);
  font-size:22px;
}

.urk_i_appHeroStats small{
  color:#9699a8;
  font-size:12px;
}

.urk_i_phoneStage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:670px;
}

.urk_i_phoneGlow{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background:var(--urk_i_lime,#caff3d);
  filter:blur(90px);
  opacity:.2;
}

.urk_i_phone{
  position:relative;
  width:245px;
  height:500px;
  padding:9px;
  border:6px solid #4b4d62;
  border-radius:35px;
  background:#0e0f18;
  box-shadow:20px 25px 60px #0d0e18;
  transform:rotate(8deg);
}

.urk_i_phoneNotch{
  position:absolute;
  top:9px;
  left:50%;
  z-index:2;
  width:85px;
  height:20px;
  border-radius:0 0 15px 15px;
  background:#0e0f18;
  transform:translateX(-50%);
}

.urk_i_phoneScreen{
  height:100%;
  padding:48px 16px 20px;
  border-radius:24px;
  background:linear-gradient(160deg,#383b62,#1a1b2c);
}

.urk_i_phoneTop{
  display:flex;
  justify-content:space-between;
  margin-bottom:28px;
  font-weight:700;
}

.urk_i_phoneTop i{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_scoreCard{
  display:grid;
  gap:10px;
  padding:20px 13px;
  border:1px solid #676b88;
  background:#454872;
  text-align:center;
}

.urk_i_scoreCard small{
  color:var(--urk_i_lime,#caff3d);
  font-size:9px;
}

.urk_i_scoreCard strong{
  font-size:42px;
}

.urk_i_scoreCard strong b{
  color:#999cac;
  font-weight:400;
}

.urk_i_scoreCard span{
  color:#c3c5d0;
  font-size:11px;
}

.urk_i_phoneRows{
  display:grid;
  gap:12px;
  margin-top:25px;
}

.urk_i_phoneRows span{
  padding:12px 10px;
  border-bottom:1px solid #5a5d78;
  color:#dce0e7;
  font-size:12px;
}

.urk_i_phoneRows i{
  width:23px;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_sectionHead{
  width:min(700px,calc(100% - 40px));
  margin:auto;
  padding:105px 0 45px;
  text-align:center;
}

.urk_i_sectionHead h2{
  margin:15px 0;
  font-size:clamp(28px,4vw,46px);
}

.urk_i_sectionHead p{
  color:#aeb0bd;
  line-height:1.9;
}

.urk_i_appFeatures,
.urk_i_appCompare,
.urk_i_appTimeline,
.urk_i_appFaq{
  width:min(1160px,calc(100% - 40px));
  margin:auto;
}

.urk_i_appFeatureGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#414256;
}

.urk_i_appFeatureGrid article{
  min-height:190px;
  padding:28px;
  background:#27283d;
}

.urk_i_appFeatureGrid article>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid var(--urk_i_lime,#caff3d);
  border-radius:50%;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_appFeatureGrid h3{
  margin:20px 0 8px;
}

.urk_i_appFeatureGrid p{
  margin:0;
  color:#9ea1b0;
  font-size:13px;
  line-height:1.8;
}

.urk_i_appAdvantage{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:80px;
  width:min(1160px,calc(100% - 40px));
  margin:110px auto;
  padding:70px 0;
}

.urk_i_advantageVisual{
  position:relative;
  display:grid;
  place-items:center;
  height:390px;
  background:radial-gradient(circle,#393c65 0,transparent 65%);
}

.urk_i_dataOrb{
  display:grid;
  width:210px;
  height:210px;
  place-items:center;
  border:1px solid var(--urk_i_lime,#caff3d);
  border-radius:50%;
  color:var(--urk_i_lime,#caff3d);
  font-size:58px;
  box-shadow:0 0 55px #caff3d33;
}

.urk_i_orbLine{
  position:absolute;
  width:280px;
  height:280px;
  border:1px dashed #777b94;
  border-radius:50%;
}

.urk_i_floatingTag{
  position:absolute;
  padding:8px 12px;
  border:1px solid #565a72;
  background:#292b44;
  color:var(--urk_i_lime,#caff3d);
  font-size:10px;
  letter-spacing:1px;
}

.tagOne{
  top:45px;
  right:14%;
}

.tagTwo{
  bottom:60px;
  left:10%;
}

.tagThree{
  right:5%;
  bottom:125px;
}

.urk_i_advantageCopy h2{
  margin:15px 0;
  font-size:clamp(28px,4vw,44px);
}

.urk_i_advantageCopy>p{
  color:#aeb0bd;
  line-height:1.9;
}

.urk_i_advantageList{
  display:grid;
  gap:19px;
  margin:35px 0 0;
  padding:0;
  list-style:none;
}

.urk_i_advantageList li{
  display:flex;
  gap:12px;
  color:#aeb0bd;
  font-size:14px;
}

.urk_i_advantageList i{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_advantageList b{
  display:block;
  margin-bottom:4px;
  color:#fff;
}

.urk_i_compareTable{
  border:1px solid #414256;
}

.urk_i_compareRow{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  padding:18px 25px;
  border-bottom:1px solid #3b3d50;
  color:#aeb0bd;
}

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

.urk_i_compareRow strong{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_compareTitle{
  background:#292b44;
  color:#fff;
  font-weight:700;
}

.urk_i_timeline{
  position:relative;
  max-width:780px;
  margin:auto;
  padding:15px 0 80px;
}

.urk_i_timeline:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:110px;
  width:1px;
  background:#494c62;
}

.urk_i_timeline article{
  position:relative;
  display:grid;
  grid-template-columns:90px 1fr;
  gap:40px;
  padding:25px 0;
}

.urk_i_timeline article:after{
  content:"";
  position:absolute;
  top:31px;
  left:105px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--urk_i_lime,#caff3d);
  box-shadow:0 0 0 5px #25263a;
}

.urk_i_timeline time{
  color:#9699a8;
  font-size:12px;
}

.urk_i_timeline article>div{
  padding-left:35px;
}

.urk_i_timeline article span{
  color:var(--urk_i_lime,#caff3d);
  font-size:12px;
}

.urk_i_timeline h3{
  margin:9px 0;
}

.urk_i_timeline p{
  margin:0;
  color:#9ea1b0;
  font-size:13px;
  line-height:1.8;
}

.urk_i_faqList{
  max-width:850px;
  margin:auto;
  padding-bottom:100px;
}

.urk_i_faqList details{
  border-bottom:1px solid #3d4054;
}

.urk_i_faqList summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 4px;
  cursor:pointer;
  list-style:none;
}

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

.urk_i_faqList summary i{
  color:var(--urk_i_lime,#caff3d);
}

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

.urk_i_faqList p{
  margin:0;
  padding:0 35px 22px 4px;
  color:#9ea1b0;
  font-size:14px;
  line-height:1.8;
}

.urk_i_appCta{
  width:min(900px,calc(100% - 40px));
  margin:0 auto 100px;
  padding:75px 25px;
  background:linear-gradient(135deg,#30345a,#24263e);
  text-align:center;
}

.urk_i_appCta h2{
  margin:15px 0 10px;
  font-size:clamp(28px,4vw,45px);
}

.urk_i_appCta p{
  color:#b3b5c2;
}

.urk_i_appCta .urk_i_appDownloadButtons{
  justify-content:center;
}

.urk_i_ctaHint{
  display:block;
  margin-top:25px;
  color:#9296a8;
  font-size:12px;
}

.urk_i_ctaHint i{
  margin-right:7px;
  color:var(--urk_i_lime,#caff3d);
}

@media(max-width:850px){
  .urk_i_appHero{
    grid-template-columns:1fr;
    padding:70px 0;
  }

  .urk_i_appHeroContent{
    margin:auto;
  }

  .urk_i_phoneStage{
    min-height:480px;
  }

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

  .urk_i_appAdvantage{
    grid-template-columns:1fr;
    gap:30px;
    margin:60px auto;
  }
}

@media(max-width:560px){
  .urk_i_appHeroContent{
    width:calc(100% - 30px);
  }

  .urk_i_appHeroStats{
    gap:18px;
  }

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

  .urk_i_phone{
    width:210px;
    height:430px;
  }

  .urk_i_advantageVisual{
    height:300px;
  }

  .urk_i_dataOrb{
    width:160px;
    height:160px;
    font-size:42px;
  }

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

  .urk_i_compareRow{
    grid-template-columns:1.2fr 1fr 1fr;
    padding:15px 10px;
    font-size:12px;
  }

  .urk_i_timeline:before{
    left:75px;
  }

  .urk_i_timeline article{
    grid-template-columns:55px 1fr;
    gap:35px;
  }

  .urk_i_timeline article:after{
    left:69px;
  }

  .urk_i_timeline article>div{
    padding-left:20px;
  }
}

.urk_i_deckCounter{
  color:var(--urk_i_white);
  font-size:12px;
}

.urk_i_deckCounter b{
  color:var(--urk_i_lime);
}

/* =========================================================
   公司简介
   ========================================================= */

.urk_i_storySection{
  background:var(--urk_i_lime);
}

.urk_i_storyFrame{
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  background:var(--urk_i_white);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_storyImage{
  position:relative;
  min-height:420px;
  overflow:hidden;
  background:var(--urk_i_dark);
}

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

.urk_i_imageCaption{
  position:absolute;
  left:20px;
  bottom:20px;
  padding:6px 9px;
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
  font-size:11px;
  font-weight:900;
}

.urk_i_storyCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(30px,6vw,75px);
}

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

.urk_i_richDescription{
  color:var(--urk_i_muted);
  line-height:1.9;
}

.urk_i_textAction{
  display:inline-flex;
  width:max-content;
  margin-top:24px;
  align-items:center;
  gap:9px;
  padding-bottom:5px;
  border-bottom:1px solid var(--urk_i_purple);
  color:var(--urk_i_purple);
  font-size:13px;
  font-weight:900;
}

/* =========================================================
   四格信息
   ========================================================= */

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

.urk_i_factCard{
  min-height:230px;
  padding:25px;
  background:var(--urk_i_pink);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_factCard i{
  color:var(--urk_i_purple);
  font-size:28px;
}

.urk_i_factCard strong{
  display:block;
  margin-top:18px;
  color:var(--urk_i_purple);
  font-size:31px;
  line-height:1;
}

.urk_i_factCard h3{
  margin:10px 0 5px;
  font-size:18px;
}

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

/* =========================================================
   安全防护
   ========================================================= */

.urk_i_securitySection,
.urk_i_regionSection{
  background:var(--urk_i_dark);
}

.urk_i_securityGrid{
  gap:1px;
  background:var(--urk_i_lime);
  border:1px solid var(--urk_i_lime);
}

.urk_i_securityCard{
  min-height:230px;
  padding:25px;
}

.urk_i_deepCard{
  background:var(--urk_i_deep);
  color:var(--urk_i_white);
}

.urk_i_lightCard{
  background:var(--urk_i_pink);
}

.urk_i_securityCard i{
  color:var(--urk_i_purple);
  font-size:27px;
}

.urk_i_deepCard i{
  color:var(--urk_i_lime);
}

.urk_i_securityCard h3{
  margin:17px 0 5px;
}

.urk_i_securityCard strong{
  color:var(--urk_i_purple);
  font-size:13px;
  letter-spacing:.1em;
}

.urk_i_deepCard strong{
  color:var(--urk_i_lime);
}

.urk_i_securityCard p{
  color:var(--urk_i_muted);
  font-size:13px;
  line-height:1.7;
}

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

/* =========================================================
   公司实力
   ========================================================= */

.urk_i_capabilitySection{
  background:var(--urk_i_sky);
}

.urk_i_capabilityLayout{
  display:grid;
  grid-template-columns:.7fr 1.3fr 1.3fr .7fr;
  gap:1px;
  background:var(--urk_i_purple);
  border:1px solid var(--urk_i_purple);
}

.urk_i_capabilityCard{
  min-height:270px;
  padding:25px;
}

.urk_i_capabilitySmall{
  background:var(--urk_i_pink);
}

.urk_i_capabilityLarge{
  background:var(--urk_i_dark);
  color:var(--urk_i_white);
}

.urk_i_capabilityCard i{
  color:var(--urk_i_purple);
  font-size:27px;
}

.urk_i_capabilityLarge i{
  color:var(--urk_i_lime);
}

.urk_i_capabilityCard strong{
  display:block;
  margin-top:30px;
  color:var(--urk_i_purple);
  font-size:30px;
  line-height:1;
}

.urk_i_capabilityLarge strong{
  color:var(--urk_i_lime);
}

.urk_i_capabilityCard h3{
  margin:10px 0 5px;
}

.urk_i_capabilityCard p{
  color:var(--urk_i_muted);
  font-size:13px;
}

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

/* =========================================================
   业务覆盖
   ========================================================= */

.urk_i_regionWheel{
  gap:14px;
}

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

.urk_i_regionCard:nth-child(even){
  background:var(--urk_i_pink);
  border-color:var(--urk_i_purple);
  color:var(--urk_i_text);
}

.urk_i_regionCard i{
  font-size:39px;
}

.urk_i_regionCard h3{
  margin:13px 0 3px;
  font-size:20px;
}

.urk_i_regionCard strong{
  color:var(--urk_i_lime);
  font-size:12px;
}

.urk_i_regionCard:nth-child(even) strong{
  color:var(--urk_i_purple);
}

.urk_i_regionCard p{
  margin:8px 0 0;
  color:rgba(255,255,255,.68);
  font-size:12px;
}

.urk_i_regionCard:nth-child(even) p{
  color:var(--urk_i_muted);
}

/* =========================================================
   用户问答
   ========================================================= */

.urk_i_voiceSection{
  background:var(--urk_i_sky);
}

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

.urk_i_voiceCard{
  min-height:220px;
  padding:25px;
  scroll-snap-align:start;
  background:var(--urk_i_white);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_avatar{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
}

.urk_i_voiceCard strong{
  display:block;
  margin-top:17px;
  color:var(--urk_i_purple);
}

.urk_i_voiceCard p{
  color:var(--urk_i_muted);
  font-size:13px;
  line-height:1.8;
}

/* =========================================================
   服务项目
   ========================================================= */

.urk_i_serviceSection{
  background:var(--urk_i_bg);
}

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

.urk_i_serviceCard{
  overflow:hidden;
  background:var(--urk_i_pink);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_serviceLead{
  grid-row:span 2;
  background:var(--urk_i_dark);
  color:var(--urk_i_white);
}

.urk_i_serviceCard img{
  width:100%;
  height:155px;
  object-fit:cover;
}

.urk_i_serviceLead img{
  height:245px;
}

.urk_i_serviceCard > div{
  padding:18px;
}

.urk_i_serviceCard span{
  color:var(--urk_i_purple);
  font-size:11px;
  font-weight:900;
}

.urk_i_serviceLead span{
  color:var(--urk_i_lime);
}

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

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

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

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

.urk_i_faqSection{
  background:var(--urk_i_lime);
}

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

.urk_i_faqStack details{
  background:var(--urk_i_white);
  border:1px solid var(--urk_i_purple);
  box-shadow:4px 4px 0 rgba(50,24,247,.12);
}

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

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

.urk_i_faqStack summary > span{
  color:var(--urk_i_purple);
  font-size:12px;
  font-weight:900;
}

.urk_i_faqStack summary strong{
  flex:1;
  font-size:15px;
}

.urk_i_faqStack summary i{
  color:var(--urk_i_purple);
  transition:var(--urk_i_fast);
}

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

.urk_i_faqStack details p{
  margin:0;
  padding:0 25px 20px 58px;
  color:var(--urk_i_muted);
}

/* =========================================================
   行业资讯
   ========================================================= */

.urk_i_newsSection{
  background:var(--urk_i_sky);
}

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

.urk_i_newsCard{
  overflow:hidden;
  background:var(--urk_i_white);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_newsImage{
  display:block;
  overflow:hidden;
  background:var(--urk_i_dark);
}

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

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

.urk_i_newsContent{
  padding:20px;
}

.urk_i_newsIndex{
  color:var(--urk_i_purple);
  font-size:11px;
  font-weight:900;
}

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

.urk_i_newsContent h3 a:hover{
  color:var(--urk_i_purple);
}

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

.urk_i_newsContent time{
  display:block;
  margin-top:14px;
  color:var(--urk_i_purple);
  font-size:12px;
  font-weight:900;
}

/* =========================================================
   联系方式
   ========================================================= */

.urk_i_reachSection{
  background:var(--urk_i_lime);
}

.urk_i_reachFrame{
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  background:var(--urk_i_pink);
  border:1px solid var(--urk_i_purple);
  box-shadow:var(--urk_i_glow);
}

.urk_i_reachCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(32px,6vw,72px);
  border-right:1px solid var(--urk_i_purple);
}

.urk_i_reachCopy h2{
  margin:12px 0 18px;
  font-size:clamp(30px,4vw,54px);
  line-height:1.08;
}

.urk_i_reachCopy p{
  max-width:540px;
  margin:0;
  color:var(--urk_i_muted);
  line-height:1.9;
}

.urk_i_reachDetails{
  display:grid;
  align-content:center;
  padding:28px clamp(25px,5vw,65px);
  background:var(--urk_i_dark);
}

.urk_i_reachDetails a,
.urk_i_reachDetails > div{
  display:flex;
  min-width:0;
  align-items:center;
  gap:18px;
  padding:22px 0;
  border-bottom:1px solid rgba(207,249,1,.35);
  color:var(--urk_i_white);
}

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

.urk_i_reachDetails a:hover{
  color:var(--urk_i_lime);
}

.urk_i_reachDetails i{
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
}

.urk_i_reachDetails span{
  display:grid;
  min-width:0;
  gap:4px;
  font-size:15px;
  font-weight:800;
  overflow-wrap:anywhere;
}

.urk_i_reachDetails small{
  color:var(--urk_i_lime);
  font-size:11px;
  letter-spacing:.14em;
}

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

.urk_i_siteFooter{
  padding:62px 0 24px;
  background:var(--urk_i_dark);
  color:var(--urk_i_white);
}

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

.urk_i_footerIdentity img{
  width:60px;
  height:60px;
  object-fit:contain;
  background:var(--urk_i_white);
  border:1px solid var(--urk_i_lime);
}

.urk_i_footerName{
  margin:14px 0 5px;
  color:var(--urk_i_lime);
  font-size:20px;
  font-weight:900;
}

.urk_i_footerSummary{
  max-width:480px;
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:13px;
  line-height:1.8;
}

.urk_i_footerNavigation h2,
.urk_i_footerContact h2{
  margin:0 0 17px;
  color:var(--urk_i_lime);
  font-size:18px;
}

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

.urk_i_footerNavigation a{
  color:rgba(255,255,255,.68);
  font-size:13px;
}

.urk_i_footerNavigation a:hover{
  color:var(--urk_i_lime);
}

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

.urk_i_footerContact > span{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:rgba(255,255,255,.68);
  font-size:13px;
  overflow-wrap:anywhere;
}

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

.urk_i_footerBottom{
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.5);
  font-size:12px;
}

.urk_i_footerBottom a:hover{
  color:var(--urk_i_lime);
}

.urk_i_backTop{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:900;
  display:grid;
  width:45px;
  height:45px;
  place-items:center;
  border:1px solid var(--urk_i_purple);
  background:var(--urk_i_lime);
  color:var(--urk_i_purple);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:var(--urk_i_fast);
}

.urk_i_backTop.urk_i_visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* =========================================================
   响应式
   ========================================================= */

@media (max-width:980px){

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

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

  .urk_i_headTools{
    justify-self:end;
  }

  .urk_i_deckSlide{
    grid-template-columns:1fr .9fr;
  }

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

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

  .urk_i_capabilitySmall,
  .urk_i_capabilityLarge{
    min-height:230px;
  }

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

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

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

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

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

@media (max-width:760px){

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

  .urk_i_brandTitle{
    display:none;
  }

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

  .urk_i_headTools{
    margin-left:auto;
  }

  .urk_i_favoriteButton span,
  .urk_i_phoneEntry span{
    display:none;
  }

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

  .urk_i_desktopNavigation{
    display:none;
  }

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

  .urk_i_navigationToggle{
    display:flex;
  }

  .urk_i_mobileNavigation{
    display:none;
    position:relative;
    z-index:1002;
    max-height:calc(100vh - 58px);
    overflow-y:auto;
    background:var(--urk_i_sky);
    border-top:1px solid var(--urk_i_purple);
  }

  .urk_i_mobileNavigation.urk_i_open{
    display:block;
  }

  .urk_i_mobileNavigation nav{
    width:90%;
    margin:0 auto;
  }

  .urk_i_mobileNavigation ul{
    display:grid;
  }

  .urk_i_mobileNavigation li{
    border-bottom:1px solid rgba(50,24,247,.2);
  }

  .urk_i_mobileNavigation a{
    display:block;
    padding:14px 4px;
    font-size:15px;
    font-weight:900;
  }

  .urk_i_mobileNavigation a:hover{
    background:var(--urk_i_lime);
    color:var(--urk_i_purple);
  }

  body.urk_i_menuOpen{
    overflow:hidden;
  }

  .urk_i_homeMain section{
    padding:54px 0;
  }

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

  .urk_i_deckVisual{
    min-height:320px;
  }

  .urk_i_deckCopy{
    min-height:410px;
  }

  .urk_i_storyFrame,
  .urk_i_reachFrame{
    grid-template-columns:1fr;
  }

  .urk_i_storyImage{
    min-height:300px;
  }

  .urk_i_reachCopy{
    border-right:0;
    border-bottom:1px solid var(--urk_i_purple);
  }

  .urk_i_serviceGrid,
  .urk_i_newsGrid{
    grid-template-columns:1fr;
  }

  .urk_i_serviceLead{
    grid-column:auto;
  }

  .urk_i_footerFrame{
    grid-template-columns:1fr;
    gap:30px;
  }

  .urk_i_footerContact{
    grid-column:auto;
  }

  .urk_i_footerBottom{
    grid-column:auto;
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:560px){

  .urk_i_frame{
    width:92%;
  }

  .urk_i_quadGrid,
  .urk_i_securityGrid,
  .urk_i_regionWheel,
  .urk_i_capabilityLayout{
    grid-template-columns:1fr;
  }

  .urk_i_deckCopy{
    min-height:390px;
    padding:32px 22px;
  }

  .urk_i_deckCopy h1{
    font-size:41px;
  }

  .urk_i_deckControls{
    right:18px;
    bottom:18px;
  }

  .urk_i_deckVisual{
    min-height:260px;
  }

  .urk_i_visualLabel{
    right:15px;
    bottom:15px;
  }

  .urk_i_storyCopy,
  .urk_i_reachCopy{
    padding:32px 21px;
  }

  .urk_i_reachDetails{
    padding:18px 21px;
  }

  .urk_i_reachDetails a,
  .urk_i_reachDetails > div{
    gap:12px;
    padding:17px 0;
  }

  .urk_i_reachDetails i{
    flex-basis:38px;
    width:38px;
    height:38px;
  }

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

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

  html{
    scroll-behavior:auto;
  }

  .urk_i_welcomeText{
    animation:none;
  }

  .urk_i_navigationToggle span,
  .urk_i_mobileNavigation,
  .urk_i_deckArrow{
    transition:none;
  }
}
.urk_i_contactPage{
  overflow:hidden;
  background:var(--urk_i_dark,#171824);
  color:var(--urk_i_white,#fff);
}

.urk_i_contactHero{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  background:#20213a;
}

.urk_i_contactHeroBg{
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(
      120deg,
      transparent 20%,
      var(--urk_i_lime,#caff3d) 20.2%,
      transparent 20.5%
    ),
    radial-gradient(
      circle at 80% 30%,
      #765bff 0,
      transparent 32%
    );
}

.urk_i_contactHeroInner,
.urk_i_contactQuick,
.urk_i_contactChannels,
.urk_i_contactFormSection,
.urk_i_contactVisit{
  position:relative;
  z-index:1;
  width:min(1160px,calc(100% - 40px));
  margin:auto;
}

.urk_i_contactHeroInner{
  padding:80px 0 70px;
}

.urk_i_breadcrumb{
  display:flex;
  gap:10px;
  align-items:center;
  color:#a9abba;
  font-size:13px;
}

.urk_i_breadcrumb a{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_contactHeroCopy{
  max-width:650px;
  margin-top:55px;
}

.urk_i_eyebrow{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--urk_i_lime,#caff3d);
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
}

.urk_i_contactHero h1{
  margin:18px 0;
  font-size:clamp(38px,6vw,72px);
  line-height:1.08;
}

.urk_i_contactHero p,
.urk_i_sectionHead p{
  color:#b8bac8;
  line-height:1.9;
}

.urk_i_contactHeroSymbol{
  position:absolute;
  right:8%;
  bottom:38px;
  color:var(--urk_i_lime,#caff3d);
  font-size:150px;
  opacity:.8;
  transform:rotate(-18deg);
}

.urk_i_contactQuick{
  margin-top:-36px;
}

.urk_i_sectionHead{
  padding:110px 0 45px;
  text-align:center;
}

.urk_i_sectionHead h2{
  margin:15px 0;
  font-size:clamp(28px,4vw,46px);
}

.urk_i_contactQuickGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#414256;
}

.urk_i_contactQuickCard{
  position:relative;
  display:flex;
  gap:15px;
  min-height:145px;
  padding:25px 18px;
  background:#292a40;
  color:#fff;
}

.urk_i_contactQuickCard:hover{
  background:#34364d;
}

.urk_i_contactIcon,
.urk_i_channelIcon{
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid var(--urk_i_lime,#caff3d);
  border-radius:50%;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_contactCardText{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.urk_i_contactCardText small{
  color:#aeb0bd;
}

.urk_i_contactCardText strong{
  word-break:break-word;
  font-size:15px;
}

.urk_i_contactCardText em{
  color:#777b8e;
  font-size:12px;
  font-style:normal;
}

.urk_i_cardArrow{
  position:absolute;
  right:15px;
  bottom:15px;
  color:#707487;
  font-size:12px;
}

.urk_i_contactChannels{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:80px;
  padding:100px 0;
}

.urk_i_contactChannelIntro p{
  max-width:380px;
  color:#aeb0bd;
  line-height:1.9;
}

.urk_i_contactStatus{
  display:inline-flex;
  gap:8px;
  align-items:center;
  margin-top:28px;
  color:#c8cad4;
  font-size:13px;
}

.urk_i_statusDot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#8cff54;
  box-shadow:0 0 12px #8cff54;
}

.urk_i_contactChannelList{
  border-top:1px solid #3b3d50;
}

.urk_i_contactChannelItem{
  display:grid;
  grid-template-columns:42px 50px 1fr 20px;
  gap:16px;
  align-items:center;
  padding:22px 0;
  border-bottom:1px solid #3b3d50;
}

.urk_i_channelNumber{
  color:#777b8e;
  font-size:12px;
}

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

.urk_i_contactChannelItem p{
  margin:0;
  color:#999cac;
  font-size:13px;
  line-height:1.7;
}

.urk_i_contactChannelItem>i{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_contactFormSection{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:80px;
  padding:85px 60px;
  background:#24253a;
}

.urk_i_contactFormAside h2{
  margin:16px 0;
  font-size:38px;
}

.urk_i_contactFormAside p{
  color:#aeb0bd;
  line-height:1.9;
}

.urk_i_contactAsideLine{
  height:1px;
  margin:35px 0;
  background:#44465a;
}

.urk_i_contactAsideInfo{
  display:grid;
  gap:15px;
  color:#d5d6df;
  font-size:14px;
}

.urk_i_contactAsideInfo i{
  width:22px;
  color:var(--urk_i_lime,#caff3d);
}

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

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

.urk_i_contactForm label{
  display:grid;
  gap:8px;
  color:#d9dae2;
  font-size:13px;
}

.urk_i_contactForm input,
.urk_i_contactForm select,
.urk_i_contactForm textarea{
  width:100%;
  box-sizing:border-box;
  padding:13px 14px;
  border:1px solid #484a5d;
  outline:none;
  background:#191a28;
  color:#fff;
}

.urk_i_contactForm input:focus,
.urk_i_contactForm select:focus,
.urk_i_contactForm textarea:focus{
  border-color:var(--urk_i_lime,#caff3d);
}

.urk_i_formCheck{
  display:flex!important;
  align-items:center;
  gap:9px!important;
  color:#9699a8!important;
}

.urk_i_formCheck input{
  width:auto;
}

.urk_i_formSubmit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  padding:15px;
  border:0;
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
  font-weight:700;
  cursor:pointer;
}

.urk_i_formNote{
  margin:0;
  color:#858899;
  font-size:12px;
}

.urk_i_formNote i{
  margin-right:6px;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_contactVisit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:90px;
  margin-bottom:90px;
  padding:45px 50px;
  border:1px solid #424457;
}

.urk_i_contactVisit h2{
  margin:13px 0 8px;
}

.urk_i_contactVisit p{
  margin:0;
  color:#aeb0bd;
}

.urk_i_outlineButton{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:13px 20px;
  border:1px solid var(--urk_i_lime,#caff3d);
  color:var(--urk_i_lime,#caff3d);
  white-space:nowrap;
}

@media(max-width:800px){
  .urk_i_contactQuickGrid,
  .urk_i_contactChannels,
  .urk_i_contactFormSection{
    grid-template-columns:1fr;
  }

  .urk_i_contactChannels{
    gap:35px;
    padding:65px 0;
  }

  .urk_i_contactFormSection{
    padding:45px 25px;
  }

  .urk_i_contactHeroSymbol{
    right:0;
    font-size:90px;
  }
}

@media(max-width:560px){
  .urk_i_contactQuick{
    width:calc(100% - 24px);
  }

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

  .urk_i_contactQuickCard{
    min-height:125px;
    padding:18px 12px;
    flex-direction:column;
  }

  .urk_i_contactCardText strong{
    font-size:12px;
  }

  .urk_i_formRow,
  .urk_i_contactVisit{
    display:grid;
    grid-template-columns:1fr;
  }

  .urk_i_contactVisit{
    padding:30px 22px;
  }
}
.urk_i_listPage{
  overflow:hidden;
  background:var(--urk_i_dark,#171824);
  color:var(--urk_i_white,#fff);
}

.urk_i_container{
  width:min(1160px,calc(100% - 40px));
  margin:0 auto;
}

.urk_i_listHero{
  position:relative;
  overflow:hidden;
  min-height:360px;
  display:flex;
  align-items:center;
  background:#25263e;
}

.urk_i_listHeroPattern{
  position:absolute;
  inset:0;
  opacity:.28;
  background:
    linear-gradient(135deg,transparent 40%,#caff3d 40.2%,transparent 40.5%),
    repeating-linear-gradient(
      -45deg,
      transparent 0,
      transparent 24px,
      #5c607d 25px,
      transparent 26px
    );
}

.urk_i_listHeroInner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:360px;
}

.urk_i_listHeroCopy{
  max-width:650px;
}

.urk_i_kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--urk_i_lime,#caff3d);
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
}

.urk_i_listHero h1{
  margin:18px 0 12px;
  font-size:clamp(40px,6vw,68px);
  line-height:1.1;
}

.urk_i_listHero p{
  max-width:570px;
  margin:0;
  color:#b7bac8;
  line-height:1.9;
}

.urk_i_listHeroMark{
  position:relative;
  display:grid;
  width:220px;
  height:220px;
  place-items:center;
  border:1px solid #737895;
  border-radius:50%;
  color:var(--urk_i_lime,#caff3d);
  transform:rotate(-12deg);
}

.urk_i_listHeroMark:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px dashed #777b95;
  border-radius:50%;
}

.urk_i_listHeroMark span{
  font-size:24px;
  font-weight:800;
  letter-spacing:4px;
}

.urk_i_listHeroMark i{
  position:absolute;
  right:24px;
  bottom:28px;
  font-size:22px;
}

.urk_i_listBreadcrumb{
  border-bottom:1px solid #34364a;
  background:#1b1c2a;
}

.urk_i_listBreadcrumb .urk_i_container{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  color:#8e92a4;
  font-size:13px;
}

.urk_i_listBreadcrumb a{
  color:#d5d6df;
}

.urk_i_listBreadcrumb .fa-house{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_listLayout{
  padding:80px 0 90px;
}

.urk_i_listColumns{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:70px;
}

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

.urk_i_listHeading h2{
  margin:12px 0 0;
  font-size:36px;
}

.urk_i_articleCount{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9296a8;
  font-size:13px;
}

.urk_i_articleCount i{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleList{
  display:grid;
  gap:22px;
}

.urk_i_articleCard{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:25px;
  padding-bottom:22px;
  border-bottom:1px solid #393b4f;
}

.urk_i_articleThumb{
  position:relative;
  display:block;
  overflow:hidden;
  height:175px;
  background:#292b40;
}

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

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

.urk_i_articleBadge{
  position:absolute;
  right:12px;
  bottom:12px;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
  opacity:0;
  transform:translateY(8px);
  transition:.3s ease;
}

.urk_i_articleCard:hover .urk_i_articleBadge{
  opacity:1;
  transform:translateY(0);
}

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

.urk_i_articleMeta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  color:#85899b;
  font-size:12px;
}

.urk_i_articleMeta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.urk_i_articleMeta i{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleBody h3{
  margin:17px 0 10px;
  font-size:21px;
  line-height:1.45;
}

.urk_i_articleBody h3 a{
  color:#fff;
}

.urk_i_articleBody h3 a:hover{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleSummary{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#9fa2b0;
  font-size:14px;
  line-height:1.8;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5; /* 控制显示行数为5 */
}

.urk_i_readMore{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:auto;
  padding-top:16px;
  color:var(--urk_i_lime,#caff3d);
  font-size:13px;
}

.urk_i_readMore i{
  transition:transform .25s ease;
}

.urk_i_readMore:hover i{
  transform:translateX(5px);
}

.urk_i_pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:42px;
}

.urk_i_pagination a,
.urk_i_pagination span{
  display:grid;
  min-width:36px;
  height:36px;
  place-items:center;
  padding:0 10px;
  border:1px solid #45485c;
  color:#aeb0bd;
  font-size:13px;
}

.urk_i_pagination a:hover,
.urk_i_pagination .active{
  border-color:var(--urk_i_lime,#caff3d);
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
}

.urk_i_listSidebar{
  display:grid;
  align-content:start;
  gap:25px;
}

.urk_i_sidebarBlock{
  padding:25px;
  border:1px solid #3b3e53;
  background:#22243a;
}

.urk_i_sidebarTitle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:15px;
  border-bottom:1px solid #3c3f53;
  color:var(--urk_i_lime,#caff3d);
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
}

.urk_i_sidebarTitle i{
  font-size:15px;
}

.urk_i_sidebarBlock h3{
  margin:22px 0 17px;
  font-size:19px;
}

.urk_i_searchForm label{
  display:block;
  margin:20px 0 8px;
  color:#9a9eaf;
  font-size:12px;
}

.urk_i_searchInput{
  display:flex;
  border:1px solid #4a4d62;
  background:#181925;
}

.urk_i_searchInput input{
  min-width:0;
  flex:1;
  padding:13px 12px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
}

.urk_i_searchInput button{
  width:45px;
  border:0;
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
  cursor:pointer;
}

.urk_i_sidebarMenu{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.urk_i_sidebarMenu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 0;
  border-bottom:1px solid #36394c;
  color:#c9cbd4;
  font-size:14px;
}

.urk_i_sidebarMenu a:hover{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_sidebarMenu i{
  color:#777b8e;
  font-size:11px;
}

.urk_i_hotList{
  display:grid;
  gap:18px;
  margin-top:20px;
}

.urk_i_hotItem{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:12px;
}

.urk_i_hotItem img{
  width:82px;
  height:62px;
  object-fit:cover;
}

.urk_i_hotItem h4{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 8px;
  font-size:13px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.urk_i_hotItem h4 a{
  color:#e5e6eb;
}

.urk_i_hotItem h4 a:hover{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_hotItem time{
  color:#777b8e;
  font-size:11px;
}

.urk_i_hotItem time i{
  margin-right:4px;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_listBottom{
  padding:0 0 80px;
}

.urk_i_listBottom .urk_i_container{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:22px;
  border:1px solid #3b3e53;
  color:#989cad;
  font-size:13px;
}

.urk_i_listBottom .fa-layer-group,
.urk_i_listBottom .fa-arrow-right{
  color:var(--urk_i_lime,#caff3d);
}

@media(max-width:900px){
  .urk_i_listColumns{
    grid-template-columns:1fr;
    gap:55px;
  }

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

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

@media(max-width:650px){
  .urk_i_listHeroInner{
    min-height:330px;
  }

  .urk_i_listHeroMark{
    position:absolute;
    right:-55px;
    width:170px;
    height:170px;
    opacity:.45;
  }

  .urk_i_listHeroMark span{
    font-size:18px;
  }

  .urk_i_articleCard{
    grid-template-columns:1fr;
    gap:18px;
  }

  .urk_i_articleThumb{
    height:210px;
  }

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

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

@media(max-width:420px){
  .urk_i_container{
    width:calc(100% - 28px);
  }

  .urk_i_listLayout{
    padding-top:55px;
  }

  .urk_i_articleThumb{
    height:175px;
  }
}
.urk_i_showPage{
  overflow:hidden;
  background:var(--urk_i_dark,#171824);
  color:var(--urk_i_white,#fff);
}

.urk_i_container{
  width:min(1160px,calc(100% - 40px));
  margin:0 auto;
}

.urk_i_showHero{
  position:relative;
  overflow:hidden;
  min-height:290px;
  background:#24263d;
}

.urk_i_showHeroTexture{
  position:absolute;
  inset:0;
  opacity:.24;
  background:
    radial-gradient(circle at 18% 60%,#caff3d 0,transparent 16%),
    linear-gradient(115deg,transparent 48%,#646a8d 48.2%,transparent 48.6%),
    linear-gradient(25deg,transparent 66%,#525774 66.2%,transparent 66.6%);
}

.urk_i_showHeroInner{
  position:relative;
  display:flex;
  align-items:center;
  min-height:290px;
}

.urk_i_showHeroInner p{
  max-width:280px;
  margin:0 0 0 75px;
  color:#b9bbc7;
  font-size:14px;
  line-height:1.8;
}

.urk_i_kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--urk_i_lime,#caff3d);
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
}

.urk_i_showHeroLine{
  width:70px;
  height:1px;
  margin-left:35px;
  background:var(--urk_i_lime,#caff3d);
}

.urk_i_showHeroSymbol{
  position:absolute;
  right:7%;
  color:var(--urk_i_lime,#caff3d);
  font-size:125px;
  opacity:.65;
  transform:rotate(-10deg);
}

.urk_i_showBreadcrumb{
  border-bottom:1px solid #34364a;
  background:#1b1c2a;
}

.urk_i_showBreadcrumb .urk_i_container{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  overflow:hidden;
  color:#85899b;
  font-size:13px;
}

.urk_i_showBreadcrumb a{
  flex:0 0 auto;
  color:#d5d6df;
}

.urk_i_showBreadcrumb span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.urk_i_showBreadcrumb .fa-house{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_showLayout{
  padding:80px 0 100px;
}

.urk_i_showColumns{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:75px;
}

.urk_i_articleMain{
  min-width:0;
}

.urk_i_articleHeader{
  padding-bottom:30px;
  border-bottom:1px solid #3c3e52;
}

.urk_i_articleCategory{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--urk_i_lime,#caff3d);
  font-size:13px;
}

.urk_i_articleHeader h1{
  max-width:850px;
  margin:20px 0;
  font-size:clamp(30px,5vw,52px);
  line-height:1.25;
}

.urk_i_articleInfo{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  color:#898d9e;
  font-size:12px;
}

.urk_i_articleInfo span,
.urk_i_articleInfo time{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.urk_i_articleInfo i{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleLead{
  display:flex;
  gap:18px;
  margin:32px 0;
  padding:22px 25px;
  border-left:3px solid var(--urk_i_lime,#caff3d);
  background:#24263b;
}

.urk_i_articleLead>i{
  color:var(--urk_i_lime,#caff3d);
  font-size:24px;
}

.urk_i_articleLead p{
  margin:0;
  color:#c4c6d0;
  font-size:16px;
  line-height:1.9;
}

.urk_i_articleContent{
  color:#d0d2da;
  font-size:16px;
  line-height:2;
}

.urk_i_articleContent h2,
.urk_i_articleContent h3,
.urk_i_articleContent h4{
  margin:38px 0 16px;
  color:#fff;
  line-height:1.4;
}

.urk_i_articleContent h2{
  font-size:28px;
}

.urk_i_articleContent h3{
  font-size:23px;
}

.urk_i_articleContent h4{
  font-size:19px;
}

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

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

.urk_i_articleContent blockquote{
  margin:30px 0;
  padding:20px 25px;
  border-left:3px solid var(--urk_i_lime,#caff3d);
  background:#24263b;
  color:#bfc2cd;
}

.urk_i_articleContent ul,
.urk_i_articleContent ol{
  padding-left:25px;
}

.urk_i_articleContent a{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleNav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
  margin-top:55px;
  border-top:1px solid #3c3e52;
  border-bottom:1px solid #3c3e52;
}

.urk_i_articleNav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  min-width:0;
  padding:22px 5px;
  color:#fff;
}

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

.urk_i_articleNav a:hover strong{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleNav small{
  display:block;
  margin-bottom:8px;
  color:#85899b;
  font-size:11px;
}

.urk_i_articleNav strong{
  display:block;
  overflow:hidden;
  font-size:13px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.urk_i_articleNav i{
  flex:0 0 auto;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_articleBack{
  margin-top:25px;
  text-align:center;
}

.urk_i_articleBack a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#aeb1bf;
  font-size:13px;
}

.urk_i_articleBack a:hover{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_shareBox{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  margin-top:45px;
  padding:25px;
  border:1px solid #3c3f53;
  background:#22243a;
}

.urk_i_shareBox h3{
  margin:0 0 7px;
  font-size:16px;
}

.urk_i_shareBox h3 i{
  margin-right:7px;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_shareBox p{
  margin:0;
  color:#888c9d;
  font-size:12px;
}

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

.urk_i_shareButtons button{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid #4a4d62;
  background:transparent;
  color:#d1d3dc;
  cursor:pointer;
  transition:.25s ease;
}

.urk_i_shareButtons button:hover{
  border-color:var(--urk_i_lime,#caff3d);
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
}

.urk_i_showSidebar{
  display:grid;
  align-content:start;
  gap:24px;
}

.urk_i_showSideBlock{
  padding:25px;
  border:1px solid #3c3f53;
  background:#22243a;
}

.urk_i_showSideTitle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:15px;
  border-bottom:1px solid #3c3f53;
  color:var(--urk_i_lime,#caff3d);
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
}

.urk_i_showSideBlock h3{
  margin:21px 0;
  font-size:19px;
}

.urk_i_showSearch label{
  display:block;
  margin:20px 0 8px;
  color:#969aaa;
  font-size:12px;
}

.urk_i_showSearchInput{
  display:flex;
  border:1px solid #4a4d62;
  background:#181925;
}

.urk_i_showSearchInput input{
  min-width:0;
  flex:1;
  padding:12px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
}

.urk_i_showSearchInput button{
  width:43px;
  border:0;
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
  cursor:pointer;
}

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

.urk_i_recommendItem{
  display:grid;
  grid-template-columns:31px 1fr;
  gap:12px;
  padding-bottom:18px;
  border-bottom:1px solid #383b4e;
}

.urk_i_recommendItem:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.urk_i_recommendIndex{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  background:var(--urk_i_lime,#caff3d);
  color:#171824;
  font-size:12px;
  font-weight:700;
}

.urk_i_recommendItem h4{
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 8px;
  font-size:13px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.urk_i_recommendItem h4 a{
  color:#e2e3e9;
}

.urk_i_recommendItem h4 a:hover{
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_recommendItem time{
  color:#777b8e;
  font-size:11px;
}

.urk_i_recommendItem time i{
  margin-right:5px;
  color:var(--urk_i_lime,#caff3d);
}

.urk_i_showTip{
  background:linear-gradient(135deg,#2b2e4d,#22243a);
}

.urk_i_showTip>i{
  color:var(--urk_i_lime,#caff3d);
  font-size:25px;
}

.urk_i_showTip h3{
  margin:15px 0 8px;
}

.urk_i_showTip p{
  margin:0;
  color:#aeb0bd;
  font-size:13px;
  line-height:1.8;
}

@media(max-width:900px){
  .urk_i_showColumns{
    grid-template-columns:1fr;
    gap:55px;
  }

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

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

@media(max-width:650px){
  .urk_i_showHeroInner{
    min-height:260px;
  }

  .urk_i_showHeroInner p{
    margin:35px 0 0;
  }

  .urk_i_showHeroLine{
    display:none;
  }

  .urk_i_showHeroSymbol{
    right:-20px;
    font-size:90px;
    opacity:.35;
  }

  .urk_i_articleHeader h1{
    font-size:32px;
  }

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

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

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

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

  .urk_i_showTip{
    grid-column:auto;
  }
}

@media(max-width:420px){
  .urk_i_container{
    width:calc(100% - 28px);
  }

  .urk_i_articleInfo{
    display:grid;
    gap:12px;
  }

  .urk_i_articleContent{
    font-size:15px;
  }
}
.urk_i_jsNotice{
  position:fixed;
  top:24px;
  left:50%;
  z-index:9999;
  max-width:calc(100% - 32px);
  padding:12px 18px;
  border:1px solid #4b4e63;
  background:#25273c;
  color:#fff;
  font-size:13px;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-12px);
  transition:opacity .25s ease,transform .25s ease;
}

.urk_i_jsNotice--visible{
  opacity:1;
  transform:translate(-50%,0);
}

.urk_i_jsNotice--success{
  border-color:var(--urk_i_lime,#caff3d);
}

.urk_i_jsNotice--success:before{
  content:"✓";
  margin-right:8px;
  color:var(--urk_i_lime,#caff3d);
  font-weight:700;
}

.urk_i_jsNotice--warning{
  border-color:#f0b94b;
}

.urk_i_jsNotice--warning:before{
  content:"!";
  display:inline-grid;
  width:16px;
  height:16px;
  margin-right:8px;
  place-items:center;
  border:1px solid #f0b94b;
  border-radius:50%;
  color:#f0b94b;
  font-size:11px;
}

.urk_i_inputError{
  border-color:#ff7272!important;
  box-shadow:0 0 0 3px rgba(255,114,114,.12);
}

.urk_i_buttonLoadingText{
  display:inline-block;
}

.urk_i_buttonSuccess{
  border-color:var(--urk_i_lime,#caff3d)!important;
  background:var(--urk_i_lime,#caff3d)!important;
  color:#171824!important;
}

.urk_i_downloaded{
  pointer-events:none;
  opacity:.85;
}

.urk_i_articleCard{
  opacity:0;
  transform:translateY(12px);
}

.urk_i_articleCard.urk_i_articleReady{
  animation:urk_i_articleAppear .55s ease forwards;
  animation-delay:var(--urk_i_delay,0ms);
}

@keyframes urk_i_articleAppear{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

body.urk_i_menuOpen{
  overflow:hidden;
}

@media(max-width:760px){
  .urk_i_jsNotice{
    top:14px;
  }
}