/* Aion 2 Account / Boosting — shell follows items page, cards follow Figma 8092:76231 */
.aion2-offer-page{
  --a2i-panel:#121b26;
  --a2i-surface:#1f2937;
  --a2i-input:#23303f;
  --a2i-text:#fff;
  --a2i-card:linear-gradient(180deg,rgba(0,110,245,.2),rgba(0,110,245,0) 54%),#1f2937;
  padding-bottom:0;
  color:var(--a2i-text,#fff);
}
html.dark .aion2-offer-page{
  --a2i-panel:#fff;
  --a2i-surface:#fff;
  --a2i-input:#f2f2f7;
  --a2i-text:#0c111c;
  --a2i-card:linear-gradient(180deg,rgba(0,110,245,.2),rgba(0,110,245,0) 54%),#fff;
}
html.dark body:has(.aion2-offer-page),
html.dark main.main:has(.aion2-offer-page){
  background:#f6f6f6;
}
.aion2-offer-page .areas,
.aion2-offer-page .area{
  float:none;
}
.aion2-offer-page ~ .page-container,
.aion2-offer-page ~ .creator-videos{
  float:left;
  clear:both;
  width:100%;
}
.aion2-offer-page .a2o-body{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:16px;
  box-sizing:border-box;
  width:100%;
  padding:0 3px;
}
html.dark .aion2-offer-page .a2o-body{
  background:#f6f6f6;
}
.aion2-offer-page .a2o-body::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  top:0;
  height:477px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(180deg,#121b26 0%,#0d111c 100%);
  pointer-events:none;
}
html.dark .aion2-offer-page .a2o-body::before{
  background:linear-gradient(180deg,#fff 0%,#f6f6f6 100%);
}
.aion2-offer-page .a2o-body > *{
  position:relative;
  z-index:1;
}
.aion2-offer-page .page-container{
  float:none;
  width:100%;
  margin:0;
  padding:0;
  background:transparent;
}
.aion2-offer-page .a2o-body > .product-aera{
  box-sizing:border-box;
  padding:0 24px;
}
.aion2-offer-page .a2o-body .container{
  width:100%;
  max-width:none;
}
.aion2-offer-page .clear,
.aion2-offer-page .items-server-search,
.aion2-offer-page .server-mask{
  display:none !important;
}
.aion2-offer-page .server-show:not(:has(.server-ul:not([style*="display:none"]):not([style*="display: none"]), .server-ul-link:not([style*="display:none"]):not([style*="display: none"]))){
  display:none;
}
.aion2-boost-page .server-show.is-serve-off{display:none !important;}
.aion2-offer-page .sever-title{
  display:block;
  float:none;
  width:auto;
  margin:0 0 16px;
  padding:0;
  color:var(--a2i-text,#fff);
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  text-transform:capitalize;
}
html.dark .aion2-offer-page .sever-title{color:#0c111c;}
.aion2-offer-page .server-ul,
.aion2-offer-page .server-ul-link,
.aion2-offer-page .category-ul{
  display:flex !important;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0 0 8px;
  padding:0 !important;
  list-style:none;
  background:transparent;
  max-height:none;
  overflow:visible;
}
.aion2-offer-page .server-ul > li,
.aion2-offer-page .server-ul-link > li,
.aion2-offer-page .category-ul > li{
  float:none !important;
  flex:0 0 calc((100% - 24px) / 4);
  width:calc((100% - 24px) / 4) !important;
  max-width:calc((100% - 24px) / 4);
  height:44px;
  margin:0 !important;
  padding:0 !important;
  border-radius:8px;
  background:#23303f;
  box-sizing:border-box;
}
html.dark .aion2-offer-page .server-ul > li,
html.dark .aion2-offer-page .server-ul-link > li,
html.dark .aion2-offer-page .category-ul > li{
  background:#f3f4f6;
}
.aion2-offer-page .server-ul > li .link,
.aion2-offer-page .server-ul > li .link-unit,
.aion2-offer-page .server-ul-link > li .link-unit,
.aion2-offer-page .category-ul > li .link-unit{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  height:44px;
  margin:0;
  padding:4px 8px;
  border-radius:8px;
  background:transparent !important;
  color:#fff;
  box-sizing:border-box;
}
html.dark .aion2-offer-page .server-ul > li .link,
html.dark .aion2-offer-page .server-ul > li .link-unit,
html.dark .aion2-offer-page .server-ul-link > li .link-unit,
html.dark .aion2-offer-page .category-ul > li .link-unit{
  color:#0c111c;
}
.aion2-offer-page .sever-list .server-li-link.current .link-unit,
.aion2-offer-page .sever-list .server-ul .current .link{
  background:transparent !important;
  color:inherit;
}
.aion2-offer-page .server-ul > li .icon,
.aion2-offer-page .hot{display:none;}
.aion2-offer-page .server-ul > li .link::before,
.aion2-offer-page .link-unit .icoi{
  content:"";
  display:inline-block;
  flex:0 0 16px;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  margin:0 !important;
  border:1.5px solid #8b97a8 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-sizing:border-box;
}
html.dark .aion2-offer-page .server-ul > li .link::before,
html.dark .aion2-offer-page .link-unit .icoi{border-color:#c5ced9 !important;}
.aion2-offer-page .link-unit .icoi::before,
.aion2-offer-page .current .icoi::before{display:none !important;content:none !important;}
.aion2-offer-page .server-ul > li.current .link::before,
.aion2-offer-page .current > .link-unit .icoi,
.aion2-offer-page .current > .cur-link .icoi{
  border:4px solid #006ef5 !important;
}
html.dark .aion2-offer-page .current > .link-unit .icoi,
html.dark .aion2-offer-page .current > .cur-link .icoi{
  border:4px solid #006ef5 !important;
  background:transparent !important;
}
.aion2-offer-page .sever-list .name,
.aion2-offer-page .sever-list .server-li-link.current .link-unit .name{
  overflow:hidden;
  color:#fff !important;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html.dark .aion2-offer-page .sever-list .name,
html.dark .aion2-offer-page .sever-list .server-li-link.current .link-unit .name{
  color:#0c111c !important;
}
.aion2-offer-page .server-show > .initial{
  display:none;
  float:none;
  width:auto;
  margin:0 0 0 auto;
}
.aion2-offer-page .server-show > .initial.current{display:flex;}
.aion2-offer-page .server-show > .initial .initial-list{
  display:flex;
  align-items:stretch;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  background:transparent;
}
.aion2-offer-page .server-show > .initial li{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  margin:0;
  padding:8px 16px;
  border:1px solid transparent;
  border-radius:0;
  background:var(--a2i-input);
  color:var(--a2i-text);
  font-size:14px;
  line-height:1.35;
  white-space:nowrap;
  cursor:pointer;
}
.aion2-offer-page .server-show > .initial li + li{border-left:1px solid rgba(255,255,255,.08);}
html.dark .aion2-offer-page .server-show > .initial li + li{border-left-color:rgba(12,17,28,.06);}
.aion2-offer-page .server-show > .initial li:first-child{border-radius:8px 0 0 8px;}
.aion2-offer-page .server-show > .initial li:last-child{border-radius:0 8px 8px 0;}
.aion2-offer-page .server-show > .initial li:only-child{border-radius:8px;}
.aion2-offer-page .server-show > .initial li.current{
  position:relative;
  z-index:1;
  color:#006ef5;
  border-color:#006ef5;
  border-radius:0;
  background:rgba(0,110,245,.15);
}
.aion2-offer-page .server-show > .initial li.current:first-child{border-radius:8px 0 0 8px;}
.aion2-offer-page .server-show > .initial li.current:last-child{border-radius:0 8px 8px 0;}
.aion2-offer-page .server-show > .initial li.current:only-child{border-radius:8px;}
.aion2-offer-page .server-show > .initial li + li.current,
html.dark .aion2-offer-page .server-show > .initial li + li.current{
  border-left-color:#006ef5;
}
.aion2-offer-page .a2o-main{
  display:flex;
  align-items:flex-start;
  gap:24px;
  width:100%;
  box-sizing:border-box;
  padding:0 24px;
}
.aion2-offer-page .a2o-main > .product-aera{
  flex:1 1 auto;
  min-width:0;
  padding:0;
}
.aion2-boost-page .a2o-body > .a2o-pack-about{
  width:100%;
  box-sizing:border-box;
  margin:24px 0 0;
  padding:0 24px;
}
.aion2-boost-page .a2o-pack-about .about-words{
  float:none;
  width:100%;
  margin:0;
}
.aion2-boost-page .a2o-pack-about .about-words > .container{
  width:100%;
  max-width:none;
  margin:0;
  padding:32px;
  border-radius:16px;
  background:var(--a2i-panel,#121b26);
  box-shadow:none;
  box-sizing:border-box;
}
html.dark .aion2-boost-page .a2o-pack-about .about-words > .container{
  background:#fff;
  box-shadow:0 4px 24px rgba(12,17,28,.06);
}
.aion2-boost-page .a2o-pack-about .title-5{
  margin:0 0 16px;
  padding-left:0;
  color:var(--a2i-text,#fff);
  font-size:22px;
  font-weight:700;
  line-height:1.3;
}
.aion2-boost-page .a2o-pack-about .title-5::before,
.aion2-boost-page .a2o-pack-about .title-5 .iden{display:none;}
.aion2-boost-page .a2o-pack-about .text{
  color:#94a7c6;
  font-size:14px;
  line-height:1.7;
}
html.dark .aion2-boost-page .a2o-pack-about .text{color:#4b5563;}
.aion2-boost-page .a2o-pack-about .text h2,
.aion2-boost-page .a2o-pack-about .text h3,
.aion2-boost-page .a2o-pack-about .text h4,
.aion2-boost-page .a2o-pack-about .text strong{color:var(--a2i-text,#fff);}
.aion2-offer-page .a2i-side{
  flex:0 0 257px;
  align-self:stretch;
  width:257px;
  box-sizing:border-box;
  padding:8px 16px 24px;
  border-radius:24px;
  background:var(--a2i-surface);
  color:var(--a2i-text);
}
html.dark .aion2-offer-page .a2i-side{background:var(--a2i-surface);}
.aion2-offer-page .a2i-side .cateagory-areas{
  margin-bottom:0;
  padding-right:0;
  padding-left:0;
  background:transparent;
}
.aion2-offer-page .a2o-main:not(:has(.a2i-side .category-ul)) .a2i-side{display:none;}
.aion2-offer-page .a2i-side .sever-title{
  display:block;
  margin:0;
  padding:0 0 8px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.7px;
  line-height:17px;
  text-transform:uppercase;
}
.aion2-offer-page .a2i-side .category-ul,
.aion2-offer-page .a2i-side .server-category .server-ul-link{
  display:block !important;
  width:100%;
  margin:0;
  gap:0;
}
.aion2-offer-page .a2i-side .category-ul > li,
.aion2-offer-page .a2i-side .server-ul-link > li{
  display:flex;
  align-items:center;
  float:none !important;
  flex:none;
  width:100% !important;
  max-width:none;
  height:auto;
  margin:0 !important;
  padding:6px 0;
  border-radius:0;
  background:transparent !important;
}
.aion2-offer-page .a2i-side .link-unit,
.aion2-offer-page .a2i-side .category-ul > li > .link-unit{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  height:auto;
  min-height:37px;
  padding:0;
  border:0;
  background:transparent !important;
  color:inherit;
}
.aion2-offer-page .a2i-side .name{color:inherit !important;font-size:14px;font-weight:500;line-height:21px;}
.aion2-offer-page .a2i-side .current > .link-unit .name,
html.dark .aion2-offer-page .a2i-side .current > .link-unit .name{color:#006ef5 !important;}
.aion2-offer-page .a2i-side .server-category{padding-left:16px;}
.aion2-boost-page .a2i-side .category-ul > li{flex-wrap:wrap;align-items:flex-start;}
.aion2-boost-page .a2i-side .category-ul > li > .link-unit > .icoi{display:none !important;}
.aion2-boost-page .a2i-side .category-ul > li,
.aion2-boost-page .a2i-side .category-ul .server-category > li,
.aion2-boost-page .a2i-side .category-ul .link-unit{cursor:pointer;}
.aion2-boost-page .a2i-side .a2i-arrow{
  width:8px;
  height:8px;
  margin-left:auto;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  flex:0 0 8px;
  box-sizing:border-box;
  transition:transform .15s ease;
}
.aion2-boost-page .a2i-side .category.is-open > .link-unit .a2i-arrow{transform:rotate(-135deg);}
.aion2-boost-page .a2i-side .category-ul > li > .server-category{
  display:none !important;
  flex:0 0 100%;
  width:100%;
  margin:0;
  padding:0 0 0 16px;
  box-sizing:border-box;
  list-style:none;
}
.aion2-boost-page .a2i-side .category-ul > li.is-open > .server-category{display:block !important;}
.aion2-account-page .a2i-side .category-ul > li{flex-wrap:wrap;align-items:flex-start;}
.aion2-account-page .a2i-side .category-ul > li > .link-unit > .icoi{display:none !important;}
.aion2-account-page .a2i-side .category-ul > li,
.aion2-account-page .a2i-side .category-ul .server-category > li,
.aion2-account-page .a2i-side .category-ul .link-unit{cursor:pointer;}
.aion2-account-page .a2i-side .category-ul > li > .link-unit{width:100%;}
.aion2-account-page .a2i-side .a2i-arrow{
  width:8px;
  height:8px;
  margin-left:auto;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  flex:0 0 8px;
  box-sizing:border-box;
  transition:transform .15s ease;
}
.aion2-account-page .a2i-side .category.is-open > .link-unit .a2i-arrow{transform:rotate(-135deg);}
.aion2-account-page .a2i-side .category-ul > li > .server-category{
  display:none !important;
  flex:0 0 100%;
  width:100%;
  margin:0;
  padding:0 0 0 16px;
  box-sizing:border-box;
  list-style:none;
}
.aion2-account-page .a2i-side .category-ul > li.is-open > .server-category{display:block !important;}
.aion2-offer-page .a2i-search__lead{
  flex:0 0 16px;
  width:16px;
  color:#77859a;
  font-size:16px;
  line-height:1;
  pointer-events:none;
}
.aion2-offer-page .server-show{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:16px 14px;
  box-sizing:border-box;
  padding:32px 24px 0;
}
.aion2-offer-page .server-show > .sever-title{
  flex:0 0 100%;
  margin:0;
}
.aion2-offer-page .server-show > .server-ul{
  display:flex !important;
  flex:0 1 auto;
  flex-wrap:wrap;
  gap:14px;
  width:auto;
  margin:0;
  padding:0 !important;
  background:transparent;
}
.aion2-offer-page .server-show > .server-ul > li{
  flex:0 0 auto;
  width:auto !important;
  max-width:none;
  height:auto;
  background:transparent;
}
.aion2-offer-page .server-show > .server-ul .link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
  height:44px;
  padding:10px 24px;
  border:1px solid transparent;
  border-radius:8px;
  background:#23303f !important;
  color:#fff;
  font-size:14px;
  font-weight:600;
}
html.dark .aion2-offer-page .server-show > .server-ul .link{
  background:#f2f2f7 !important;
  color:#0c111c;
}
.aion2-offer-page .server-show > .server-ul .link::before{display:none;content:none;}
.aion2-offer-page .server-show > .server-ul .icon{
  display:inline-block;
  font-size:18px;
  line-height:1;
}
.aion2-offer-page .server-show > .server-ul .current .link,
.aion2-offer-page .server-show > .server-ul .server-li.current .link{
  color:#006ef5 !important;
  border-color:#006ef5;
  background:rgba(0,110,245,.15) !important;
}
html.dark .aion2-offer-page .server-show > .server-ul .current .link,
html.dark .aion2-offer-page .server-show > .server-ul .server-li.current .link{
  color:#006ef5 !important;
  border-color:#006ef5;
  background:rgba(0,110,245,.15) !important;
}
html.dark .aion2-offer-page .server-show > .server-ul .current .link .name,
html.dark .aion2-offer-page .server-show > .server-ul .server-li.current .link .name,
html.dark .aion2-offer-page .server-show > .server-ul .current .link .icon,
html.dark .aion2-offer-page .server-show > .server-ul .server-li.current .link .icon{
  color:#006ef5 !important;
}
.aion2-offer-page .server-show > .server-ul .name{
  margin:0;
  color:inherit !important;
}
.aion2-offer-page .server-show > .server-ul-link{
  display:none !important;
  flex:0 0 100%;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:16px !important;
  border-radius:16px;
  background:rgba(47,140,255,.08);
  gap:8px;
}
.aion2-offer-page .server-show > .server-ul-link.current{display:flex !important;}
.aion2-offer-page .server-show .a2i-serve-box{
  display:none;
  flex:0 0 100%;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:16px;
  border-radius:16px;
  background:rgba(47,140,255,.08);
}
.aion2-offer-page .server-show .a2i-serve-box:has(.jq-serveLink.current){display:block;}
.aion2-offer-page .server-show .a2i-serve-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:20px;
  margin:0 0 8px;
}
.aion2-offer-page .server-show .a2i-serve-box .server-ul-link{
  display:none !important;
  width:100%;
  margin:0;
  padding:0 !important;
  border-radius:0;
  background:transparent;
  gap:8px;
}
.aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current{display:flex !important;}
.aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current.is-open{
  align-content:flex-start;
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,110,245,.45) transparent;
}
.aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar{width:6px;}
.aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar-track{background:transparent;}
.aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar-thumb{
  border-radius:3px;
  background:rgba(0,110,245,.45);
}
.aion2-offer-page .server-show .a2i-serve-box .server-li-link,
.aion2-offer-page .server-show > .server-ul-link > li{
  flex:0 0 calc((100% - 24px) / 4);
  width:calc((100% - 24px) / 4) !important;
  max-width:calc((100% - 24px) / 4);
  height:auto;
  background:transparent;
}
.aion2-offer-page .server-show .name-col{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.aion2-offer-page .server-show .alias{
  overflow:hidden;
  color:#77859a;
  font-size:12px;
  font-weight:400;
  line-height:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.aion2-offer-page .server-show .server-ul-link .link-unit{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  height:auto;
  padding:4px 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:rgba(255,255,255,.1) !important;
  color:#fff;
  box-sizing:border-box;
}
html.dark .aion2-offer-page .server-show .server-ul-link .link-unit{
  background:#fff !important;
  color:#0c111c;
}
.aion2-offer-page .server-show .server-ul-link .server-li-link.current .link-unit{
  border:1px solid #006ef5;
  background:rgba(0,110,245,.15) !important;
}
.aion2-offer-page .server-show .server-ul-link .name{color:#fff !important;}
html.dark .aion2-offer-page .server-show .server-ul-link .name{color:#0c111c !important;}
html.dark .aion2-offer-page .server-show .a2i-serve-box .server-li-link.current .link-unit{
  outline:none;
  border-color:#006ef5 !important;
  background:rgba(0,110,245,.15) !important;
  box-shadow:none;
}
html.dark .aion2-offer-page .server-show .a2i-serve-box .server-li-link.current .link-unit .icoi,
html.dark .aion2-offer-page .server-show .a2i-serve-box .link-unit .icoi.dragon-ico-thel-hook{
  border:4px solid #006ef5 !important;
  background:transparent !important;
  box-shadow:none;
}
html.dark .aion2-offer-page .server-show .a2i-serve-box .server-li-link.current .name,
html.dark .aion2-offer-page .server-show .a2i-serve-box .server-li-link.current .alias{color:#006ef5 !important;}
.aion2-offer-page .a2i-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:88px;
  margin:0 0 16px;
  padding:16px;
  border-radius:16px;
  background:var(--a2i-surface);
  box-sizing:border-box;
}
.aion2-offer-page .a2i-search{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  width:371px;
  max-width:100%;
  height:52px;
  padding:0 10px 0 12px;
  border-radius:8px;
  background:var(--a2i-input);
  box-sizing:border-box;
}
.aion2-offer-page .a2i-search .find-search{
  flex:1 1 auto;
  width:auto;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--a2i-text);
  font-size:14px;
  line-height:52px;
  outline:none;
}
.aion2-offer-page .a2i-search .find-search::placeholder{color:#94a7c6;}
.aion2-offer-page .a2i-search__btn{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:4px;
  background:#006ef5;
  color:#fff;
  cursor:pointer;
  font-size:16px;
}
.aion2-offer-page .a2i-search .jq-search-area{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:6;
}
.aion2-offer-page .a2i-sort{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  margin:0;
  padding:0;
}
.aion2-offer-page .a2i-sort__primary{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
.aion2-offer-page .a2i-sort li{
  float:none;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  background:none;
  cursor:pointer;
}
.aion2-offer-page .a2i-sort .link{
  color:#77859a;
  font-size:14px;
  font-weight:400;
  line-height:21px;
  background:transparent !important;
}
.aion2-offer-page .a2i-sort__primary > .link.current{
  color:#006ef5 !important;
  font-weight:500;
  border-bottom:1px solid #006ef5;
  padding-bottom:2px;
  background:transparent !important;
}
.aion2-offer-page .a2i-sort__arrow{display:inline-block;margin-left:4px;font-style:normal;}
.aion2-offer-page .a2i-sort-more{position:relative;}
.aion2-offer-page .a2i-sort-more__btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:48px;
  padding:0 12px;
  border:0;
  border-radius:8px;
  background:var(--a2i-input);
  color:var(--a2i-text);
  font-size:14px;
  cursor:pointer;
}
.aion2-offer-page .a2i-sort-more__btn i{
  width:6px;
  height:6px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
}
.aion2-offer-page .a2i-sort-drop{
  display:none;
  position:absolute;
  right:0;
  top:100%;
  z-index:5;
  min-width:120px;
  margin:4px 0 0;
  padding:6px 0;
  list-style:none;
  border-radius:8px;
  background:var(--a2i-panel);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.aion2-offer-page .a2i-sort-more.is-open .a2i-sort-drop{display:block;}
.aion2-offer-page .a2i-sort-drop .link{display:block;padding:8px 14px;color:var(--a2i-text) !important;}
.aion2-offer-page .a2i-sort-drop .link:hover,
.aion2-offer-page .a2i-sort-drop .link.current{color:#006ef5 !important;background:transparent !important;}
.aion2-offer-page .boosting-package .package,
.aion2-offer-page .gold-product .list,
.aion2-offer-page #myElement > .package,
.aion2-offer-page #myElement > .list{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
@media (min-width:1025px){
  .aion2-offer-page .a2o-main:has(.a2i-side .category-ul) .boosting-package .package,
  .aion2-offer-page .a2o-main:has(.a2i-side .category-ul) .gold-product .list,
  .aion2-offer-page .a2o-main:has(.a2i-side .category-ul) #myElement > .package,
  .aion2-offer-page .a2o-main:has(.a2i-side .category-ul) #myElement > .list{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
.aion2-offer-page .list-item{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
.aion2-offer-page .list-item > .box{
  display:flex;
  flex-direction:column;
  height:100%;
  margin:0;
  padding:0 0 16px;
  overflow:hidden;
  border-radius:12px;
  background:#1f2937;
  box-shadow:0 2px 5px -1px rgba(18,28,51,.05),0 8px 18px -4px rgba(18,28,51,.1);
}
html.dark .aion2-offer-page .list-item > .box{background:#fff;}
.aion2-account-page .list-item > .box,
.aion2-account-page .gold-product .list .list-item > .box,
.aion2-boost-page .list-item > .box,
.aion2-boost-page .boosting-package .package .list-item > .box{
  background:var(--a2i-card);
}
html.dark .aion2-account-page .list-item > .box,
html.dark .aion2-account-page .gold-product .list .list-item > .box,
html.dark .aion2-boost-page .list-item > .box,
html.dark .aion2-boost-page .boosting-package .package .list-item > .box{
  background:var(--a2i-card);
}
.aion2-offer-page .offtext,
.aion2-offer-page .ribbon-box{display:none;}
.aion2-offer-page .boots-icon,
.aion2-offer-page .goods-icon,
.aion2-offer-page .show-preview-img{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:140px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#0d111c;
}
html.dark .aion2-offer-page .boots-icon,
html.dark .aion2-offer-page .goods-icon,
html.dark .aion2-offer-page .show-preview-img{background:#eef1f6;}
.aion2-account-page .goods-icon,
.aion2-account-page .show-preview-img,
html.dark .aion2-account-page .goods-icon,
html.dark .aion2-account-page .show-preview-img,
.aion2-boost-page .boots-icon,
html.dark .aion2-boost-page .boots-icon{
  background:transparent;
}
.aion2-offer-page .boots-bg,
.aion2-offer-page .show-img,
.aion2-offer-page .items-img{
  width:100% !important;
  max-width:none !important;
  height:140px !important;
  max-height:none !important;
  margin:0;
  object-fit:cover;
}
.aion2-offer-page .list-up,
.aion2-offer-page .list-unde{display:contents;}
.aion2-offer-page .boots-info,
.aion2-offer-page .goods-title,
.aion2-offer-page .boost-title{
  margin:0;
  padding:16px 16px 0;
}
.aion2-offer-page .boost-title,
.aion2-offer-page .goods-title{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html.dark .aion2-offer-page .boost-title,
html.dark .aion2-offer-page .goods-title{color:#152342;}
.aion2-offer-page .boost-desc{
  margin:8px 0 0;
  padding:0;
  color:#c5ced9;
  font-size:12px;
  line-height:18px;
}
html.dark .aion2-offer-page .boost-desc,
html.dark .aion2-offer-page .boosting-package .package .list-item .boost-desc,
html.dark .aion2-offer-page .boosting-package .package .list-item .boost-desc p{color:#152342;}
.aion2-offer-page .boosting-package .package .list-item .boost-desc p{
  margin:0;
  padding:0 0 0 10px;
  line-height:18px;
}
.aion2-offer-page .boost-desc p::before{
  content:"· ";
}
.aion2-offer-page .boots-content,
.aion2-offer-page .goods-content,
.aion2-offer-page .account-buy{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  margin:8px 0 0;
  padding:0 16px;
}
.aion2-offer-page .from,
.aion2-offer-page .gold-product .price::before{
  color:#7b879b;
  font-size:14px;
  font-weight:500;
  line-height:18px;
}
.aion2-offer-page .gold-product .price::before{content:"From";}
.aion2-offer-page .price{
  display:flex;
  align-items:baseline;
  gap:6px;
  margin:0;
  padding:0;
}
.aion2-offer-page .price .price-num,
.aion2-offer-page .price .price-num span{
  color:#f26822;
  font-size:18px;
  font-weight:800;
  line-height:32px;
}
.aion2-offer-page .price s{
  color:#7b879b;
  font-size:12px;
}
.aion2-offer-page .boost-btn,
.aion2-offer-page .account-buy .btn{
  flex:0 0 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:42px;
  margin:4px 0 0;
  padding:0;
  border:0;
  border-radius:8px;
  background:#006ef5;
  color:#fff;
  font-size:16px;
  font-weight:600;
  line-height:20px;
  text-decoration:none;
}
.aion2-offer-page .boost-btn .icon,
.aion2-offer-page .account-buy .icon{
  margin-left:5px;
  margin-top:2px;
  font-size:12px;
  color:inherit;
}
.aion2-offer-page .boost-btn:hover,
.aion2-offer-page .account-buy .btn:hover{background:#0059c8;color:#fff;}
.aion2-offer-page .page{
  display:flex;
  justify-content:center;
  margin:16px 0 0;
  padding:16px 0;
  text-align:center;
}
.aion2-offer-page .page .pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.aion2-offer-page .page li{
  float:none;
  margin:0;
  padding:0;
  list-style:none;
  background:transparent;
}
.aion2-offer-page .page li a,
.aion2-offer-page .page li span{
  float:none;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:40px;
  height:40px;
  margin:0;
  padding:0 6px;
  border:1px solid transparent;
  border-radius:5px;
  background:#23303f;
  color:#fff;
  font-size:16px;
  font-weight:400;
  line-height:1;
  text-decoration:none;
}
html.dark .aion2-offer-page .page li a,
html.dark .aion2-offer-page .page li span{
  border-color:#e5ebf5;
  background:#fff;
  color:#0c111c;
}
.aion2-offer-page .page li a:hover,
.aion2-offer-page .page li span:hover{
  border-color:#006ef5;
  background:#23303f;
  color:#fff;
}
html.dark .aion2-offer-page .page li a:hover,
html.dark .aion2-offer-page .page li span:hover{
  border-color:#006ef5;
  background:#fff;
  color:#006ef5;
}
.aion2-offer-page .page li.active a,
.aion2-offer-page .page li.active span,
.aion2-offer-page .page li.active a:hover,
.aion2-offer-page .page li.active span:hover,
html.dark .aion2-offer-page .page li.active a,
html.dark .aion2-offer-page .page li.active span,
html.dark .aion2-offer-page .page li.active a:hover,
html.dark .aion2-offer-page .page li.active span:hover{
  border-color:#006ef5;
  background:#006ef5;
  color:#fff;
}
.aion2-offer-page .page li.disabled:not(:first-child):not(:last-child) span,
.aion2-offer-page .page li.disabled:not(:first-child):not(:last-child) span:hover{
  width:32px;
  min-width:32px;
  height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#adb5c4;
  font-size:14px;
  letter-spacing:2px;
}
.aion2-offer-page .boosting-package .package .list-item,
.aion2-offer-page #myElement > .package > .list-item{
  display:flex;
  height:auto;
  min-width:0;
}
.aion2-offer-page .boosting-package .package .list-item > .box,
.aion2-offer-page .gold-product .list .list-item > .box{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  height:100%;
  min-height:0;
  padding:0 0 16px;
  border-radius:12px;
  background:#1f2937;
}
html.dark .aion2-offer-page .boosting-package .package .list-item > .box,
html.dark .aion2-offer-page .gold-product .list .list-item > .box{background:#fff;}
.aion2-account-page .list-item > .box,
.aion2-account-page .gold-product .list .list-item > .box,
html.dark .aion2-account-page .list-item > .box,
html.dark .aion2-account-page .gold-product .list .list-item > .box,
.aion2-boost-page .list-item > .box,
.aion2-boost-page .boosting-package .package .list-item > .box,
html.dark .aion2-boost-page .list-item > .box,
html.dark .aion2-boost-page .boosting-package .package .list-item > .box{
  background:var(--a2i-card);
}
.aion2-offer-page .boosting-package .package .list-item .boots-icon,
.aion2-offer-page .gold-product .list .goods-icon,
.aion2-offer-page .gold-product .list .show-preview-img{
  height:140px;
  margin:0;
}
.aion2-offer-page .boosting-package .package .list-item .boots-icon .boots-bg,
.aion2-offer-page .gold-product .list .show-img{
  position:static;
  width:100%;
  max-width:none;
  height:140px;
  max-height:none;
  transform:none;
  object-fit:cover;
}
.aion2-offer-page .boosting-package .package .list-item .boots-icon .boots-bg{
  -webkit-mask-image:none;
  mask-image:none;
  object-position:top;
}
.aion2-offer-page .boots-icon:has(.boots-bg[data-original=""]),
.aion2-offer-page .boots-icon:has(.boots-bg[src*="/images/default/items.png"]),
.aion2-offer-page .goods-icon:has(.show-img[data-original=""]),
.aion2-offer-page .goods-icon:has(.show-img[src*="/images/default/items.png"]),
.aion2-offer-page .show-preview-img:has(.show-img[data-original=""]),
.aion2-offer-page .show-preview-img:has(.show-img[src*="/images/default/items.png"]){
  background:linear-gradient(180deg,rgba(0,110,245,.2),rgba(0,110,245,0) 54%),#1f2937;
}
html.dark .aion2-offer-page .boots-icon:has(.boots-bg[data-original=""]),
html.dark .aion2-offer-page .boots-icon:has(.boots-bg[src*="/images/default/items.png"]),
html.dark .aion2-offer-page .goods-icon:has(.show-img[data-original=""]),
html.dark .aion2-offer-page .goods-icon:has(.show-img[src*="/images/default/items.png"]),
html.dark .aion2-offer-page .show-preview-img:has(.show-img[data-original=""]),
html.dark .aion2-offer-page .show-preview-img:has(.show-img[src*="/images/default/items.png"]){
  background:linear-gradient(180deg,rgba(0,110,245,.2),rgba(0,110,245,0) 54%),#fff;
}
.aion2-account-page .goods-icon:has(.show-img[data-original=""]),
.aion2-account-page .goods-icon:has(.show-img[src*="/images/default/items.png"]),
.aion2-account-page .show-preview-img:has(.show-img[data-original=""]),
.aion2-account-page .show-preview-img:has(.show-img[src*="/images/default/items.png"]),
html.dark .aion2-account-page .goods-icon:has(.show-img[data-original=""]),
html.dark .aion2-account-page .goods-icon:has(.show-img[src*="/images/default/items.png"]),
html.dark .aion2-account-page .show-preview-img:has(.show-img[data-original=""]),
html.dark .aion2-account-page .show-preview-img:has(.show-img[src*="/images/default/items.png"]),
.aion2-boost-page .boots-icon:has(.boots-bg[data-original=""]),
.aion2-boost-page .boots-icon:has(.boots-bg[src*="/images/default/items.png"]),
html.dark .aion2-boost-page .boots-icon:has(.boots-bg[data-original=""]),
html.dark .aion2-boost-page .boots-icon:has(.boots-bg[src*="/images/default/items.png"]){
  background:transparent;
}
.aion2-offer-page .boosting-package .package .list-item .boots-icon .boots-bg[data-original=""],
.aion2-offer-page .boosting-package .package .list-item .boots-icon .boots-bg[src*="/images/default/items.png"],
.aion2-offer-page .gold-product .list .show-img[data-original=""],
.aion2-offer-page .gold-product .list .show-img[src*="/images/default/items.png"]{
  width:135px !important;
  height:135px !important;
  object-fit:contain;
}
.aion2-offer-page .boosting-package .package .list-item .boots-info{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  position:static;
  min-height:0;
  margin:0;
  padding:16px 16px 0;
}
.aion2-offer-page .boosting-package .package .list-item .boost-title,
.aion2-offer-page .gold-product .list .goods-title{
  margin:0;
  padding:0;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:18px;
}
.aion2-offer-page .boosting-package .package .list-item .boost-title{
  display:-webkit-box;
  height:36px;
  overflow:hidden;
  white-space:normal;
  text-overflow:ellipsis;
  word-break:break-word;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.aion2-offer-page .gold-product .list .goods-title{
  display:-webkit-box;
  height:70px;
  padding:16px 16px 0;
  text-align:left;
  overflow:hidden;
  white-space:normal;
  text-overflow:ellipsis;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
html.dark .aion2-offer-page .boosting-package .package .list-item .boost-title,
html.dark .aion2-offer-page .gold-product .list .goods-title{color:#152342;}
.aion2-offer-page .boosting-package .package .list-item .boost-desc{
  flex:1 1 auto;
  margin:8px 0 0;
  padding:0;
  min-height:0;
}
.aion2-offer-page .boosting-package .package .list-item .boots-content,
.aion2-offer-page .gold-product .list .goods-content,
.aion2-offer-page .gold-product .list .account-buy{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 8px;
  margin:8px 0 0;
  padding:0 16px;
  color:inherit;
}
.aion2-offer-page .boosting-package .package .list-item .boots-content .from{
  display:inline;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#7b879b;
  font-size:14px;
  font-weight:500;
  line-height:18px;
}
.aion2-offer-page .boosting-package .package .list-item .boost-btn,
.aion2-offer-page .gold-product .list .account-buy .btn{
  position:static;
  flex:0 0 100%;
  width:100%;
  height:42px;
  margin:4px 0 0;
  padding:0;
  border-radius:8px;
  background:#006ef5;
  color:#fff;
  font-size:16px;
  line-height:42px;
}
@media (max-width:1024px){
  .aion2-offer-page .a2i-toolbar{flex-direction:column;align-items:stretch;min-height:0;}
  .aion2-offer-page .a2i-search{width:100%;}
  .aion2-offer-page .a2i-sort{justify-content:space-between;overflow-x:auto;}
  .aion2-offer-page .a2i-sort__primary,
  .aion2-offer-page .a2i-sort-more{flex:none;}
  .aion2-offer-page{padding-bottom:24px;}
  html.dark .aion2-offer-page .a2o-body::before{
    background:#f6f6f6;
    border-radius:0;
    height:100%;
  }
  .aion2-offer-page .a2o-body{padding:0 10px;}
  html.dark .aion2-offer-page .a2o-body{background:#f6f6f6;}
  .aion2-account-page .a2o-body,
  .aion2-boost-page .a2o-body{padding:16px 10px 0;}
  .aion2-offer-page:not(.aion2-account-page) .page-container{padding:0;}
  .aion2-account-page .page-container{padding:10px;}
  .aion2-offer-page .a2o-main{flex-direction:column;gap:12px;padding:0;}
  .aion2-boost-page .a2o-body > .a2o-pack-about{margin-top:16px;padding:0;}
  .aion2-boost-page .a2o-pack-about .about-words > .container{padding:20px 16px;}
  .aion2-boost-page .a2o-pack-about .title-5{font-size:18px;}
  .aion2-offer-page .server-show{padding:16px 0;}
  .aion2-offer-page .a2o-account-serve{padding:0;}
  .aion2-offer-page .server-show > .initial{margin:0;}
  .aion2-offer-page .a2o-body > .product-aera{padding:0;}
  .aion2-offer-page .server-ul > li,
  .aion2-offer-page .server-ul-link > li,
  .aion2-offer-page .category-ul > li{
    flex-basis:calc((100% - 8px) / 2);
    width:calc((100% - 8px) / 2) !important;
    max-width:calc((100% - 8px) / 2);
  }
  .aion2-offer-page .server-show > .server-ul > li{
    flex:0 0 auto;
    width:auto !important;
    max-width:none;
  }
  .aion2-offer-page .server-show > .server-ul-link > li,
  .aion2-offer-page .server-show .a2i-serve-box .server-li-link{
    flex:0 0 calc((100% - 8px) / 2);
    width:calc((100% - 8px) / 2) !important;
    max-width:calc((100% - 8px) / 2);
  }
  /* 账号 / 代练 H5：服务 / 类目 / 排序对齐物品页 */
  .aion2-account-page .a2o-account-serve > .container,
  .aion2-boost-page .sever-list > .container{
    width:100%;
    max-width:none;
    padding:0;
    box-sizing:border-box;
  }
  .aion2-account-page .server-show,
  .aion2-boost-page .server-show{
    gap:16px;
    padding:0;
    align-items:stretch;
  }
  .aion2-account-page .server-show > .server-ul,
  .aion2-boost-page .server-show > .server-ul{
    align-self:stretch;
    flex:1 1 100%;
    flex-wrap:nowrap;
    width:100%;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .aion2-account-page .server-show > .server-ul::-webkit-scrollbar,
  .aion2-boost-page .server-show > .server-ul::-webkit-scrollbar{display:none;}
  .aion2-account-page .server-show > .server-ul > li,
  .aion2-boost-page .server-show > .server-ul > li{
    flex:0 0 auto;
    min-width:110px;
    width:auto !important;
    max-width:none;
  }
  .aion2-account-page .server-show > .server-ul .link,
  .aion2-boost-page .server-show > .server-ul .link{
    justify-content:flex-start;
    width:100%;
    height:48px;
    padding:0 16px;
    font-weight:500;
    box-shadow:0 4px 10px rgba(0,0,0,.05);
  }
  html.dark .aion2-account-page .server-show > .server-ul .link,
  html.dark .aion2-boost-page .server-show > .server-ul .link{
    background:#fff !important;
    color:#0c111c;
  }
  .aion2-account-page .server-show > .server-ul .current .link,
  .aion2-boost-page .server-show > .server-ul .current .link,
  .aion2-account-page .server-show > .server-ul .server-li.current .link,
  .aion2-boost-page .server-show > .server-ul .server-li.current .link,
  html.dark .aion2-account-page .server-show > .server-ul .current .link,
  html.dark .aion2-boost-page .server-show > .server-ul .current .link,
  html.dark .aion2-account-page .server-show > .server-ul .server-li.current .link,
  html.dark .aion2-boost-page .server-show > .server-ul .server-li.current .link{
    color:#fff !important;
    border-color:transparent !important;
    background:#0875f5 !important;
    font-weight:600;
  }
  .aion2-account-page .server-show > .server-ul .current .link .name,
  .aion2-boost-page .server-show > .server-ul .current .link .name,
  .aion2-account-page .server-show > .server-ul .server-li.current .link .name,
  .aion2-boost-page .server-show > .server-ul .server-li.current .link .name,
  .aion2-account-page .server-show > .server-ul .current .link .icon,
  .aion2-boost-page .server-show > .server-ul .current .link .icon,
  .aion2-account-page .server-show > .server-ul .server-li.current .link .icon,
  .aion2-boost-page .server-show > .server-ul .server-li.current .link .icon,
  html.dark .aion2-account-page .server-show > .server-ul .current .link .name,
  html.dark .aion2-boost-page .server-show > .server-ul .current .link .name,
  html.dark .aion2-account-page .server-show > .server-ul .server-li.current .link .name,
  html.dark .aion2-boost-page .server-show > .server-ul .server-li.current .link .name,
  html.dark .aion2-account-page .server-show > .server-ul .current .link .icon,
  html.dark .aion2-boost-page .server-show > .server-ul .current .link .icon,
  html.dark .aion2-account-page .server-show > .server-ul .server-li.current .link .icon,
  html.dark .aion2-boost-page .server-show > .server-ul .server-li.current .link .icon{
    color:#fff !important;
  }
  .aion2-account-page .drop-box > .initial,
  .aion2-boost-page .drop-box > .initial,
  .aion2-account-page .server-show > .initial,
  .aion2-boost-page .server-show > .initial,
  .aion2-account-page .drop-box > .initial.current,
  .aion2-boost-page .drop-box > .initial.current,
  .aion2-account-page .server-show > .initial.current,
  .aion2-boost-page .server-show > .initial.current{
    display:none;
    float:none;
    clear:none;
    flex:1 1 100%;
    width:100%;
    margin:0;
  }
  .aion2-account-page .drop-box > .initial.current,
  .aion2-boost-page .drop-box > .initial.current,
  .aion2-account-page .server-show > .initial.current,
  .aion2-boost-page .server-show > .initial.current{
    display:block;
  }
  .aion2-account-page .drop-box > .initial .initial-list,
  .aion2-boost-page .drop-box > .initial .initial-list,
  .aion2-account-page .drop-box > .initial .jq-AZ,
  .aion2-boost-page .drop-box > .initial .jq-AZ,
  .aion2-account-page .server-show > .initial .initial-list,
  .aion2-boost-page .server-show > .initial .initial-list,
  .aion2-account-page .server-show > .initial .jq-AZ,
  .aion2-boost-page .server-show > .initial .jq-AZ{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:0;
    width:100%;
    margin:0;
    padding:0;
    overflow-x:auto;
    list-style:none;
    background:transparent;
    -webkit-overflow-scrolling:touch;
  }
  .aion2-account-page .drop-box > .initial li,
  .aion2-boost-page .drop-box > .initial li,
  .aion2-account-page .server-show > .initial li,
  .aion2-boost-page .server-show > .initial li{
    float:none;
    display:inline-flex;
    flex:1 1 auto;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    min-width:0;
    height:32px;
    margin:0;
    padding:8px 16px;
    border:1px solid transparent;
    border-radius:0;
    background:var(--a2i-input,#23303f);
    color:var(--a2i-text,#fff);
    font-size:14px;
    font-weight:400;
    line-height:1.35;
    white-space:nowrap;
    cursor:pointer;
    text-align:center;
  }
  html.dark .aion2-account-page .drop-box > .initial li:not(.current),
  html.dark .aion2-boost-page .drop-box > .initial li:not(.current),
  html.dark .aion2-account-page .server-show > .initial li:not(.current),
  html.dark .aion2-boost-page .server-show > .initial li:not(.current){
    background:#fff;
  }
  .aion2-account-page .drop-box > .initial li + li,
  .aion2-boost-page .drop-box > .initial li + li,
  .aion2-account-page .server-show > .initial li + li,
  .aion2-boost-page .server-show > .initial li + li{
    margin-left:-1px;
    border-left:1px solid rgba(255,255,255,.1);
  }
  html.dark .aion2-account-page .drop-box > .initial li + li,
  html.dark .aion2-boost-page .drop-box > .initial li + li,
  html.dark .aion2-account-page .server-show > .initial li + li,
  html.dark .aion2-boost-page .server-show > .initial li + li{
    border-left-color:rgba(12,17,28,.08);
  }
  .aion2-account-page .drop-box > .initial li:first-child,
  .aion2-boost-page .drop-box > .initial li:first-child,
  .aion2-account-page .server-show > .initial li:first-child,
  .aion2-boost-page .server-show > .initial li:first-child,
  html.dark .aion2-account-page .drop-box > .initial li:first-child,
  html.dark .aion2-boost-page .drop-box > .initial li:first-child,
  html.dark .aion2-account-page .server-show > .initial li:first-child,
  html.dark .aion2-boost-page .server-show > .initial li:first-child{
    border-radius:4px 0 0 4px !important;
  }
  .aion2-account-page .drop-box > .initial li:last-child,
  .aion2-boost-page .drop-box > .initial li:last-child,
  .aion2-account-page .server-show > .initial li:last-child,
  .aion2-boost-page .server-show > .initial li:last-child,
  html.dark .aion2-account-page .drop-box > .initial li:last-child,
  html.dark .aion2-boost-page .drop-box > .initial li:last-child,
  html.dark .aion2-account-page .server-show > .initial li:last-child,
  html.dark .aion2-boost-page .server-show > .initial li:last-child{
    border-radius:0 4px 4px 0 !important;
  }
  .aion2-account-page .drop-box > .initial li:only-child,
  .aion2-boost-page .drop-box > .initial li:only-child,
  .aion2-account-page .server-show > .initial li:only-child,
  .aion2-boost-page .server-show > .initial li:only-child,
  html.dark .aion2-account-page .drop-box > .initial li:only-child,
  html.dark .aion2-boost-page .drop-box > .initial li:only-child,
  html.dark .aion2-account-page .server-show > .initial li:only-child,
  html.dark .aion2-boost-page .server-show > .initial li:only-child{
    border-radius:4px !important;
  }
  .aion2-account-page .drop-box > .initial li.current,
  .aion2-boost-page .drop-box > .initial li.current,
  .aion2-account-page .drop-box > .initial .current,
  .aion2-boost-page .drop-box > .initial .current,
  .aion2-account-page .server-show > .initial li.current,
  .aion2-boost-page .server-show > .initial li.current,
  .aion2-account-page .server-show > .initial .current,
  .aion2-boost-page .server-show > .initial .current,
  html.dark .aion2-account-page .drop-box > .initial li.current,
  html.dark .aion2-boost-page .drop-box > .initial li.current,
  html.dark .aion2-account-page .drop-box > .initial .current,
  html.dark .aion2-boost-page .drop-box > .initial .current,
  html.dark .aion2-account-page .server-show > .initial li.current,
  html.dark .aion2-boost-page .server-show > .initial li.current,
  html.dark .aion2-account-page .server-show > .initial .current,
  html.dark .aion2-boost-page .server-show > .initial .current{
    position:relative;
    z-index:1;
    color:#006ef5 !important;
    border-color:#006ef5 !important;
    background:rgba(0,110,245,.15) !important;
    font-weight:400;
  }
  .aion2-account-page .drop-box > .initial li.current:first-child,
  .aion2-boost-page .drop-box > .initial li.current:first-child,
  .aion2-account-page .server-show > .initial li.current:first-child,
  .aion2-boost-page .server-show > .initial li.current:first-child,
  html.dark .aion2-account-page .drop-box > .initial li.current:first-child,
  html.dark .aion2-boost-page .drop-box > .initial li.current:first-child,
  html.dark .aion2-account-page .server-show > .initial li.current:first-child,
  html.dark .aion2-boost-page .server-show > .initial li.current:first-child{
    border-radius:4px 0 0 4px !important;
  }
  .aion2-account-page .drop-box > .initial li.current:last-child,
  .aion2-boost-page .drop-box > .initial li.current:last-child,
  .aion2-account-page .server-show > .initial li.current:last-child,
  .aion2-boost-page .server-show > .initial li.current:last-child,
  html.dark .aion2-account-page .drop-box > .initial li.current:last-child,
  html.dark .aion2-boost-page .drop-box > .initial li.current:last-child,
  html.dark .aion2-account-page .server-show > .initial li.current:last-child,
  html.dark .aion2-boost-page .server-show > .initial li.current:last-child{
    border-radius:0 4px 4px 0 !important;
  }
  .aion2-account-page .drop-box > .initial li.current:only-child,
  .aion2-boost-page .drop-box > .initial li.current:only-child,
  .aion2-account-page .server-show > .initial li.current:only-child,
  .aion2-boost-page .server-show > .initial li.current:only-child,
  html.dark .aion2-account-page .drop-box > .initial li.current:only-child,
  html.dark .aion2-boost-page .drop-box > .initial li.current:only-child,
  html.dark .aion2-account-page .server-show > .initial li.current:only-child,
  html.dark .aion2-boost-page .server-show > .initial li.current:only-child{
    border-radius:4px !important;
  }
  .aion2-account-page .drop-box > .initial li + li.current,
  .aion2-boost-page .drop-box > .initial li + li.current,
  .aion2-account-page .server-show > .initial li + li.current,
  .aion2-boost-page .server-show > .initial li + li.current,
  html.dark .aion2-account-page .drop-box > .initial li + li.current,
  html.dark .aion2-boost-page .drop-box > .initial li + li.current,
  html.dark .aion2-account-page .server-show > .initial li + li.current,
  html.dark .aion2-boost-page .server-show > .initial li + li.current{
    border-left-color:#006ef5 !important;
  }
  .aion2-account-page .server-show .a2i-serve-box,
  .aion2-boost-page .server-show .a2i-serve-box{
    padding:8px;
    border-radius:8px;
    background:rgba(0,110,245,.1);
  }
  html.dark .aion2-account-page .server-show .a2i-serve-box,
  html.dark .aion2-boost-page .server-show .a2i-serve-box{
    background:rgba(0,61,245,.05);
  }
  .aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current.is-open{
    max-height:min(180px,42vh);
  }
  .aion2-offer-page .server-show .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar{width:4px;}
  .aion2-offer-page .a2i-side{
    flex:none;
    width:100%;
    padding:16px 12px;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,.05);
  }
  html.dark .aion2-offer-page .a2i-side{background:#fff;}
  .aion2-offer-page .a2i-side .cateagory-areas{
    margin:0;
    padding:0;
    background:transparent;
  }
  .aion2-offer-page .a2i-side .sever-title{
    margin:0 0 24px;
    padding:0;
    padding-top:0;
    font-size:14px;
    font-weight:600;
    letter-spacing:0;
    line-height:1.35;
    text-transform:none;
  }
  .aion2-offer-page .a2i-side .category-ul{
    display:flex !important;
    flex-direction:column;
    gap:24px;
  }
  .aion2-offer-page .a2i-side .category-ul > li,
  .aion2-offer-page .a2i-side .server-category > li{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    flex-basis:auto;
    float:none !important;
    width:100% !important;
    max-width:none;
    height:auto !important;
    min-height:21px;
    margin:0 !important;
    padding:0;
    border-radius:0;
    background:transparent !important;
  }
  .aion2-offer-page .a2i-side .category-ul > li > .link-unit,
  .aion2-offer-page .a2i-side .category > .link-unit,
  .aion2-offer-page .a2i-side .category > .cur-link{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    height:auto;
    min-height:21px;
    padding:0;
    background:transparent !important;
  }
  .aion2-offer-page .a2i-side .category > .link-unit .name,
  .aion2-offer-page .a2i-side .category > .cur-link .name{
    font-size:14px;
    font-weight:600;
    line-height:21px;
  }
  .aion2-offer-page .a2i-side .category > .link-unit > .icoi,
  .aion2-offer-page .a2i-side .category > .cur-link > .icoi,
  .aion2-offer-page .a2i-side .cc-category > .link-unit > .icoi{display:none !important;}
  .aion2-offer-page .a2i-side .a2i-arrow{
    width:8px;
    height:8px;
    margin-left:auto;
    margin-right:8px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);
    flex:0 0 8px;
    box-sizing:border-box;
    transition:transform .15s ease;
  }
  .aion2-offer-page .a2i-side .category.is-open > .link-unit .a2i-arrow,
  .aion2-offer-page .a2i-side .category.is-open > .cur-link .a2i-arrow{transform:rotate(-135deg);}
  .aion2-offer-page .a2i-side .category-ul > li.is-open > .server-category,
  .aion2-offer-page .a2i-side .category.is-open > .server-category,
  .aion2-offer-page .a2i-side .category.is-open > .a2i-cat-children{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    flex:0 0 100%;
    width:100%;
    margin:12px 0 0;
    padding:8px !important;
    border-radius:8px;
    background:rgba(0,110,245,.1);
    box-sizing:border-box;
  }
  html.dark .aion2-offer-page .a2i-side .category-ul > li.is-open > .server-category,
  html.dark .aion2-offer-page .a2i-side .category.is-open > .server-category,
  html.dark .aion2-offer-page .a2i-side .category.is-open > .a2i-cat-children{
    background:rgba(0,61,245,.05);
  }
  .aion2-offer-page .a2i-side .server-category .link-unit,
  .aion2-offer-page .a2i-side .a2i-cat-children .link-unit{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    height:auto;
    min-height:21px;
    padding:4px 8px;
    border:0;
    border-radius:8px;
    background:transparent !important;
  }
  html.dark .aion2-offer-page .a2i-side .server-category .link-unit,
  html.dark .aion2-offer-page .a2i-side .a2i-cat-children .link-unit{
    background:transparent !important;
  }
  .aion2-offer-page .a2i-side .server-category .icoi,
  .aion2-offer-page .a2i-side .a2i-cat-children .icoi{
    display:inline-block !important;
    flex:0 0 16px;
    width:16px !important;
    min-width:16px !important;
    height:16px !important;
    margin:0;
    border:1.5px solid #8b97a8 !important;
    border-radius:50% !important;
    background:transparent !important;
    box-sizing:border-box;
    font-size:0;
    color:transparent;
  }
  html.dark .aion2-offer-page .a2i-side .server-category .icoi,
  html.dark .aion2-offer-page .a2i-side .a2i-cat-children .icoi{border-color:#c5ced9 !important;}
  .aion2-offer-page .a2i-side .server-category .icoi::before,
  .aion2-offer-page .a2i-side .a2i-cat-children .icoi::before,
  .aion2-offer-page .a2i-side .server-category .current .icoi::before,
  .aion2-offer-page .a2i-side .a2i-cat-children .current .icoi::before{
    display:none !important;
    content:none !important;
  }
  .aion2-offer-page .a2i-side .server-category > li.current .icoi,
  .aion2-offer-page .a2i-side .a2i-cat-children > li.current .icoi,
  .aion2-offer-page .a2i-side .server-category .icoi.dragon-ico-thel-hook,
  .aion2-offer-page .a2i-side .a2i-cat-children .icoi.dragon-ico-thel-hook{
    border:4px solid #006ef5 !important;
    background:transparent !important;
  }
  .aion2-offer-page .a2i-side .server-category .name,
  .aion2-offer-page .a2i-side .a2i-cat-children .name{
    font-size:14px;
    font-weight:400;
    line-height:21px;
  }
  .aion2-offer-page .a2i-side .server-category > li.current .name,
  .aion2-offer-page .a2i-side .a2i-cat-children > li.current .name{
    color:#006ef5 !important;
    font-weight:500;
  }
  .aion2-account-page .a2i-toolbar,
  .aion2-boost-page .a2i-toolbar{
    gap:8px;
    min-height:0;
    margin:0 0 12px;
    padding:16px 8px;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,.05);
  }
  .aion2-account-page .a2i-search,
  .aion2-boost-page .a2i-search{
    height:48px;
    padding:0 4px 0 18px;
  }
  html.dark .aion2-account-page .a2i-search,
  html.dark .aion2-boost-page .a2i-search{background:#f3f4f6;}
  .aion2-account-page .a2i-search__btn,
  .aion2-boost-page .a2i-search__btn{
    width:38px;
    height:38px;
    border-radius:7px;
  }
  html.dark .aion2-account-page .a2i-search__btn,
  html.dark .aion2-boost-page .a2i-search__btn{background:#0875f5;}
  .aion2-account-page .jq-search-sort.a2i-sort,
  .aion2-boost-page .jq-search-sort.a2i-sort{
    width:100%;
    gap:21px;
    justify-content:flex-start;
    overflow:visible;
  }
  .aion2-account-page .a2i-sort__primary,
  .aion2-boost-page .a2i-sort__primary{
    flex:0 1 auto;
    gap:21px;
    min-width:0;
    justify-content:flex-start;
  }
  .aion2-account-page .a2i-sort-more,
  .aion2-boost-page .a2i-sort-more{flex:0 0 auto;}
  .aion2-account-page .a2i-sort .link,
  .aion2-boost-page .a2i-sort .link{
    color:#77859a;
    font-size:12px;
    font-weight:500;
    line-height:16px;
    white-space:nowrap;
  }
  .aion2-account-page .a2i-sort__primary > .link.current,
  .aion2-boost-page .a2i-sort__primary > .link.current{
    color:#006ef5 !important;
    font-weight:500;
    border-bottom:1px solid #006ef5;
    padding-bottom:3px;
  }
  .aion2-account-page .a2i-sort__arrow,
  .aion2-boost-page .a2i-sort__arrow{
    margin-left:4px;
    font-size:10px;
    line-height:1;
  }
  .aion2-account-page .a2i-sort-more__btn,
  .aion2-boost-page .a2i-sort-more__btn{
    height:auto;
    padding:0;
    border-radius:0;
    background:transparent;
    color:var(--a2i-text);
    font-size:12px;
    font-weight:500;
    line-height:16px;
    gap:6px;
    white-space:nowrap;
  }
  .aion2-account-page .a2i-sort-more__btn i,
  .aion2-boost-page .a2i-sort-more__btn i{
    width:5px;
    height:5px;
    margin-top:-2px;
  }
  .aion2-offer-page .boosting-package .package,
  .aion2-offer-page .gold-product .list,
  .aion2-offer-page #myElement > .package,
  .aion2-offer-page #myElement > .list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aion2-offer-page .page{margin:12px 0 0;padding:8px 0;}
  .aion2-offer-page .page .pagination{gap:6px;}
  .aion2-offer-page .page li a,
  .aion2-offer-page .page li span{min-width:32px;height:32px;padding:0 4px;font-size:14px;}
  .aion2-offer-page .page li.disabled:not(:first-child):not(:last-child) span,
  .aion2-offer-page .page li.disabled:not(:first-child):not(:last-child) span:hover{width:24px;min-width:24px;height:24px;font-size:12px;}
  .aion2-offer-page:not(.aion2-account-page) ~ .about-words,
  .aion2-offer-page:not(.aion2-account-page) ~ .trust-area,
  .aion2-offer-page:not(.aion2-account-page) ~ .news{
    box-sizing:border-box;
    width:calc(100% - 32px);
    margin-left:16px;
    margin-right:16px;
    padding-left:0;
    padding-right:0;
  }
  .aion2-offer-page ~ .news .news-list{
    margin-left:0;
    margin-right:0;
  }
  .aion2-account-page ~ .about-words{
    box-sizing:border-box;
    width:calc(100% - 20px);
    margin-left:10px;
    margin-right:10px;
    padding-left:0;
    padding-right:0;
  }
}
@media (max-width:560px){
  .aion2-account-page .gold-product .list,
  .aion2-account-page #myElement > .package,
  .aion2-account-page #myElement > .list,
  .aion2-boost-page .boosting-package .package,
  .aion2-boost-page .gold-product .list,
  .aion2-boost-page #myElement > .package,
  .aion2-boost-page #myElement > .list{
    gap:8px;
  }
}