/* Aion 2 Items — Figma 8016:71229 / 7990:68506. Hero/tabs 走 aion2-kinah.css */
:root{
  --a2i-panel:#121b26;
  --a2i-surface:#1f2937;
  --a2i-input:#23303f;
  --a2i-text:#fff;
  --a2i-line:#15202e;
  --a2i-card:linear-gradient(180deg,rgba(0,110,245,.2),rgba(0,110,245,0) 54%),#1f2937;
}
html.dark{
  --a2i-panel:#fff;
  --a2i-surface:#fff;
  --a2i-input:#f2f2f7;
  --a2i-text:#0c111c;
  --a2i-line:#f8f8fb;
  --a2i-card:linear-gradient(180deg,rgba(0,110,245,.2),rgba(0,110,245,0) 54%),#fff;
}
.aion2-items-page{
  padding-bottom:0;
  color:var(--a2i-text);
}
html.dark body:has(.aion2-items-page),
html.dark main.main:has(.aion2-items-page){
  background:#f6f6f6;
}
/* 隔离全站 float。页根本身仍靠 .areas 留在站点浮动流里，只清内部。
   float:none 会让后面的说明 / 评论脱离这串浮动、叠回页头，所以兄弟块要 float:left + clear。 */
.aion2-items-page .areas,
.aion2-items-page .area,
.aion2-items-page .itemtag,
.aion2-items-page .itemtag-box,
.aion2-items-page .itemtag-area,
.aion2-items-page .itemtag-key,
.aion2-items-page .itemtag-search,
.aion2-items-page .keyword .keyword-li,
.aion2-items-page .keyword .ui-btn .uion,
.aion2-items-page .nosell{
  float:none;
}
.aion2-items-page .keyword .keyword-li{
  width:auto;
}
.aion2-items-page ~ .page-container,
.aion2-items-page ~ .creator-videos{
  float:left;
  clear:both;
  width:100%;
  margin-top:48px;
}
.aion2-items-page + .page-container{
  margin-top:48px;
}
.aion2-items-page .a2i-body{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-sizing:border-box;
  width:100%;
  padding:0 3px;
}
.aion2-items-page .a2i-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-items-page .a2i-body::before{
  background:linear-gradient(180deg,#fff 0%,#f6f6f6 100%);
}
.aion2-items-page .a2i-body > *{
  position:relative;
  z-index:1;
}
.aion2-items-page .tab-panel{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  border-radius:0 0 8px 8px;
  background:transparent;
  box-shadow:none;
}
.aion2-items-page .a2i-plat{
  flex:0 0 100%;
  width:100%;
  box-sizing:border-box;
  align-items:flex-start;
  margin:0;
  padding:32px 24px 0;
  border-radius:0;
  background:transparent;
  color:var(--a2i-text);
}
.aion2-items-page .a2i-plat > .sever-title{
  margin-bottom:0;
}
.aion2-items-page .a2i-plat > .server-ul{
  align-self:flex-start;
}
.aion2-items-page .a2i-serve-box{
  display:none;
  flex:0 0 100%;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:8px;
  border-radius:8px;
  background:rgba(0,110,245,.1);
}
html.dark .aion2-items-page .a2i-serve-box{
  background:rgba(0,61,245,.05);
}
.aion2-items-page .a2i-serve-box:has(.jq-serveLink.current){display:block;}
.aion2-items-page .a2i-serve-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:20px;
  margin:0 0 8px;
}
.aion2-items-page .a2i-serve-box .server-ul-link{
  display:none;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0;
  padding:0 !important;
  list-style:none;
  max-height:none;
  overflow:visible;
  background:transparent;
}
.aion2-items-page .a2i-serve-box .server-ul-link.current{display:flex;}
.aion2-items-page .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-items-page .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar{width:6px;}
.aion2-items-page .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar-thumb{
  border-radius:3px;
  background:rgba(0,110,245,.45);
}
.aion2-items-page .a2i-serve-box .server-li-link{
  width:calc((100% - 24px) / 4);
  min-width:0;
  max-width:calc((100% - 24px) / 4);
  padding:0 !important;
  flex:0 0 calc((100% - 24px) / 4);
}
.aion2-items-page .a2i-serve-box .link-unit{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:0;
  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-items-page .a2i-serve-box .link-unit{background:#fff !important;color:#0c111c;}
html.dark .aion2-items-page .a2i-serve-box .name{color:#0c111c;}
.aion2-items-page .a2i-serve-box .link-unit .icoi{
  display:inline-block;
  flex:0 0 16px;
  width:16px !important;
  min-width:16px !important;
  height:16px !important;
  margin:0 8px 0 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-items-page .a2i-serve-box .link-unit .icoi{border-color:#c5ced9 !important;}
.aion2-items-page .a2i-serve-box .icoi::before,
.aion2-items-page .a2i-serve-box .server-li-link.current .icoi::before{
  display:none !important;
  content:none !important;
}
.aion2-items-page .a2i-serve-box .server-li-link.current .link-unit{
  border-color:#006ef5 !important;
  background:rgba(0,110,245,.15) !important;
}
.aion2-items-page .a2i-serve-box .server-li-link.current .icoi,
.aion2-items-page .a2i-serve-box .icoi.dragon-ico-thel-hook{
  border:4px solid #006ef5 !important;
  background:transparent !important;
}
html.dark .aion2-items-page .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-items-page .a2i-serve-box .server-li-link.current .icoi,
html.dark .aion2-items-page .a2i-serve-box .icoi.dragon-ico-thel-hook{
  border:4px solid #006ef5 !important;
  background:transparent !important;
  box-shadow:none;
}
.aion2-items-page .a2i-serve-box .server-li-link.current .name{
  color:#fff !important;
}
html.dark .aion2-items-page .a2i-serve-box .server-li-link.current .name,
html.dark .aion2-items-page .a2i-serve-box .server-li-link.current .alias{
  color:#006ef5 !important;
}
.aion2-items-page .a2i-serve-box .name-col{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.aion2-items-page .a2i-serve-box .name{
  overflow:hidden;
  font-size:12px;
  font-weight:500;
  line-height:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.aion2-items-page .a2i-serve-box .alias{
  overflow:hidden;
  color:#77859a;
  font-size:12px;
  line-height:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.aion2-items-page .a2i-main{
  display:flex;
  align-items:flex-start;
  gap:24px;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:0 24px;
}
.aion2-items-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-items-page .a2i-side{
  border:0;
}
.aion2-items-page .a2i-main:not(:has(.a2i-side .a2i-block:not([style*="display:none"]):not([style*="display: none"]))) .a2i-side{
  display:none;
}
.aion2-items-page .a2i-block{
  border-bottom:1px solid var(--a2i-line);
  padding:16px 0;
}
.aion2-items-page .a2i-side > .a2i-block:last-child,
.aion2-items-page .a2i-side > .itemtag:last-child{border-bottom:0;}
.aion2-items-page .a2i-block__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin:0;
  padding:0 0 8px;
  border:0;
  background:none;
  color:inherit;
  font-size:14px;
  font-weight:600;
  letter-spacing:.7px;
  line-height:17px;
  text-transform:uppercase;
  cursor:pointer;
}
.aion2-items-page .a2i-block__head i{
  width:8px;
  height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transition:transform .15s ease;
}
.aion2-items-page .a2i-block.is-open > .a2i-block__head i{transform:rotate(-135deg);}
.aion2-items-page .a2i-block--cats > .sever-title,
.aion2-items-page .itemtag-affix > .sever-title{
  display:block;
  margin:0;
  padding:0 0 8px;
  color:inherit;
  font-size:14px;
  font-weight:600;
  letter-spacing:.7px;
  line-height:17px;
  text-transform:uppercase;
  cursor:default;
}
.aion2-items-page .a2i-block.is-open.a2i-block--cats,
.aion2-items-page .a2i-block--cats{
  border:0;
  border-bottom:0;
}
.aion2-items-page .a2i-block--cats > .a2i-block__body,
.aion2-items-page .itemtag-affix > .a2i-block__body{display:block !important;}
.aion2-items-page .a2i-block > .a2i-block__body{display:none;}
.aion2-items-page .a2i-block.is-open > .a2i-block__body{display:block;}
.aion2-items-page .a2i-checks,
.aion2-items-page .a2i-side .category-ul,
.aion2-items-page .a2i-side .a2i-cat-children{
  margin:0;
  padding:0;
  list-style:none;
}
.aion2-items-page .a2i-side .category,
.aion2-items-page .a2i-side .ui-option,
.aion2-items-page .a2i-side .a2i-cat-children > li{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:6px 0;
  background:none;
  color:inherit;
  font-size:14px;
  font-weight:500;
  line-height:21px;
  cursor:pointer;
}
.aion2-items-page .a2i-side .category{flex-wrap:wrap;padding:8px 0;}
.aion2-items-page .a2i-side .cur-link,
.aion2-items-page .a2i-side .link-unit{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:0;
  padding:0;
  background:transparent !important;
  border:0;
  border-color:transparent !important;
  color:inherit;
}
.aion2-items-page .a2i-side .name{color:inherit;font-size:14px;font-weight:500;}
.aion2-items-page .a2i-side .aion2-cat-all.current .name,
.aion2-items-page .a2i-side .category.current > .cur-link .name,
.aion2-items-page .a2i-side .ui-option.current,
.aion2-items-page .a2i-side .a2i-cat-children > li.current .name{color:#006ef5;}
.aion2-items-page .a2i-radio,
.aion2-items-page .a2i-side .icoi,
.aion2-items-page .a2i-side .ui-option::before{
  display:inline-block;
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin:0;
  border:1.5px solid #8b97a8;
  border-radius:50%;
  background:transparent;
  box-sizing:border-box;
  font-size:0;
  color:transparent;
  content:"";
}
.aion2-items-page .a2i-side .ui-option{position:static;}
.aion2-items-page .a2i-side .ui-option::before{content:"";}
.aion2-items-page .a2i-side .icoi::before,
.aion2-items-page .a2i-side .current .icoi::before{display:none !important;content:none !important;}
.aion2-items-page .a2i-side .ui-option.current::before,
.aion2-items-page .a2i-side .a2i-cat-children > li.current .icoi,
.aion2-items-page .a2i-side .icoi.dragon-ico-thel-hook{
  border:4px solid #006ef5;
  background:transparent;
}
.aion2-items-page .a2i-side .category > .cur-link .icoi,
.aion2-items-page .a2i-side .aion2-cat-all > .cur-link .icoi{display:none;}
.aion2-items-page .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-items-page .category.is-open > .cur-link .a2i-arrow{transform:rotate(-135deg);}
.aion2-items-page .a2i-new{
  display:inline-flex;
  align-items:center;
  height:14px;
  margin-left:4px;
  padding:0 5px;
  border-radius:2px;
  background:#e23b3b;
  color:#fff;
  font-size:9px;
  font-style:italic;
  font-weight:700;
  line-height:14px;
  letter-spacing:0;
  text-transform:none;
}
.aion2-items-page .a2i-cat-children{
  display:none !important;
  flex:0 0 100%;
  width:100%;
  padding:0 0 0 24px !important;
}
.aion2-items-page .a2i-side .category.is-open > .a2i-cat-children{display:block !important;}
.aion2-items-page .a2i-block--levels{margin-bottom:16px;}
.aion2-items-page .a2i-level-list{margin:0;padding:0;list-style:none;}
.aion2-items-page .a2i-level{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:8px 0;
  font-size:14px;
  font-weight:500;
  line-height:21px;
  cursor:pointer;
}
.aion2-items-page .a2i-level .a2i-radio{
  border:1.5px solid #8b97a8;
  background:transparent;
}
.aion2-items-page .a2i-level.current .a2i-radio{
  border:4px solid #006ef5;
  background:#fff;
}
.aion2-items-page .a2i-level .name{color:inherit;}
.aion2-items-page .a2i-level.current .name{color:#006ef5 !important;font-weight:600;}
.aion2-items-page .a2i-level-tree,
.aion2-items-page .a2i-level-all-tree,
.aion2-items-page .a2i-merge-tree{display:none !important;}
.aion2-items-page .a2i-level-tree.is-on,
.aion2-items-page .a2i-level-all-tree.is-on,
.aion2-items-page .a2i-merge-tree.is-on{display:block !important;}
.aion2-items-page.is-level-all .a2i-level-tree > .aion2-cat-all{display:none !important;}
.aion2-items-page .a2i-side .attr-show,
.aion2-items-page .a2i-side .itemtag{display:block;margin:0;padding:0;background:none;border:0;}
.aion2-items-page .a2i-side .keyword-ul{margin:0;padding:0;list-style:none;}
.aion2-items-page .a2i-side .keyword-li{margin:0;padding:0;list-style:none;}
.aion2-items-page .a2i-side .ui-select{position:static;width:100%;}
.aion2-items-page .a2i-side .keyword-li .ui-btn{
  display:none;
}
.aion2-items-page .a2i-side .ui-btn .icon,
.aion2-items-page .a2i-side .ui-btn .dragon-ico-ctrl1{display:none;}
.aion2-items-page .a2i-side .ui-btn .uion{
  color:inherit;
  font-size:14px;
  font-weight:600;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.aion2-items-page .a2i-side .ui-options{
  display:flex !important;
  flex-direction:column;
  position:static !important;
  width:auto !important;
  max-height:none !important;
  margin:0;
  padding:0;
  overflow:visible;
  background:none;
  border:0;
  box-shadow:none;
}
.aion2-items-page .a2i-side .search-game,
.aion2-items-page .a2i-side .goods-attr,
.aion2-items-page .a2i-side .itemtag-key,
.aion2-items-page .a2i-side .itemtag-following{display:none;}
.aion2-items-page .a2i-side .itemtag-affix.is-open .itemtag-box,
.aion2-items-page .a2i-side .itemtag-affix.is-open .itemtag-ul{
  display:block !important;
  position:static;
  margin:0;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
}
.aion2-items-page .a2i-side .itemtag-ul{display:block;}
.aion2-items-page .a2i-side .itemtag-ul .itemtag-li{
  display:flex;
  align-items:center;
  width:100%;
  gap:12px;
  margin:0;
  padding:6px 0;
  cursor:pointer;
}
.aion2-items-page .a2i-side .itemtag-li .box{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:0;
  padding:0;
  background:transparent !important;
  border-radius:0;
  font-size:14px;
  font-weight:500;
}
.aion2-items-page .a2i-side .itemtag-li .icoi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  border:1.5px solid #8b97a8;
  background:transparent;
}
.aion2-items-page .a2i-side .itemtag-li.current .box{
  background:transparent !important;
  color:#006ef5;
}
.aion2-items-page .a2i-side .itemtag-li.current .icoi{
  border:1.5px solid #006ef5;
  background:#006ef5;
}
.aion2-items-page .a2i-side .itemtag-li.current .icoi::before{
  display:block !important;
  content:'' !important;
  width:4px;
  height:8px;
  margin-top:-2px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
}
.aion2-items-page .a2i-side .itemtag-affix .itemtag-area{display:none !important;}
.aion2-items-page .a2i-grid{
  flex:1 1 auto;
  min-width:0;
}
.aion2-items-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-items-page .a2i-search{
  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-items-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;
  outline:none;
}
.aion2-items-page .a2i-search .find-search::placeholder{color:#94a7c6;}
.aion2-items-page .a2i-search__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:4px;
  background:#006ef5;
  color:#fff;
  cursor:pointer;
  font-size:16px;
}
.aion2-items-page .a2i-sort{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0;
  padding:0;
}
.aion2-items-page .a2i-sort__primary{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
.aion2-items-page .a2i-sort li{margin:0;padding:0;background:none;cursor:pointer;}
.aion2-items-page .a2i-sort .link{color:#77859a;font-size:14px;font-weight:400;line-height:21px;}
.aion2-items-page .a2i-sort__primary > .link.current{
  color:#006ef5;
  font-weight:500;
  border-bottom:1px solid #006ef5;
  padding-bottom:2px;
}
.aion2-items-page .a2i-sort__arrow{display:inline-block;margin-left:4px;font-style:normal;}
.aion2-items-page .a2i-sort-more{position:relative;}
.aion2-items-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-items-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-items-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-items-page .a2i-sort-more.is-open .a2i-sort-drop{display:block;}
.aion2-items-page .a2i-sort-drop .link{display:block;padding:8px 14px;color:var(--a2i-text);}
.aion2-items-page .a2i-sort-drop .link:hover,
.aion2-items-page .a2i-sort-drop .link.current{color:#006ef5;}
.aion2-items-page .a2i-grid .list,
.aion2-items-page #myElement > .list{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
@media (min-width:1025px){
  .aion2-items-page .a2i-side .itemtag-affix{margin-top:16px;}
  .aion2-items-page .a2i-main:not(:has(.a2i-side .a2i-block:not([style*="display:none"]):not([style*="display: none"]))) .a2i-grid .list,
  .aion2-items-page .a2i-main:not(:has(.a2i-side .a2i-block:not([style*="display:none"]):not([style*="display: none"]))) #myElement > .list{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}
.aion2-items-page .a2i-grid .list-item{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
}
.aion2-items-page .a2i-grid .list-item > .box{
  display:flex;
  flex-direction:column;
  gap:8px;
  height:100%;
  min-height:342px;
  margin:0;
  padding:16px;
  border-radius:16px;
  background:var(--a2i-card);
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
}
.aion2-items-page .a2i-grid .list-up,
.aion2-items-page .a2i-grid .list-unde{
  display:contents;
}
.aion2-items-page .a2i-grid .goods-icon,
.aion2-items-page .a2i-grid .show-preview-img{
  display:flex;
  align-items:center;
  justify-content:center;
  height:148px;
  margin:0;
  padding:0;
  border-radius:8px;
  background:transparent;
}
.aion2-items-page .a2i-grid .show-img,
.aion2-items-page .a2i-grid .items-img{
  width:135px;
  height:135px;
  object-fit:contain;
}
.aion2-items-page .a2i-grid .img-preview .items-img{
  width:auto;
  height:auto;
  max-width:550px;
  max-height:800px;
}
.aion2-items-page .a2i-grid .goods-title,
.aion2-items-page .a2i-grid .goods-title-a{
  margin:0;
  color:var(--a2i-text);
  font-size:13px;
  font-weight:600;
  line-height:18px;
  text-align:left;
  padding:0;
}
.aion2-items-page .a2i-grid .goods-title{
  width:100%;
  height:36px;
  overflow:hidden;
}
.aion2-items-page .a2i-grid .goods-title-a{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:break-word;
}
.aion2-items-page .a2i-grid .ribbon-box,
.aion2-items-page .a2i-grid .img-preview{display:none;}
.aion2-items-page .a2i-grid .offtext{
  position:absolute;
  top:12px;
  right:-24px;
  z-index:2;
  width:90px;
  height:auto;
  margin:0;
  padding:6px 0;
  background:#006ef5;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:12px;
  text-align:center;
  transform:rotate(45deg);
}
.aion2-items-page .a2i-grid .offtext .bfb{font-style:normal;font-weight:500;}
.aion2-items-page .a2i-grid .goods-content{margin:0;padding:0;}
.aion2-items-page .a2i-grid .price{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  height:28px;
  margin:0;
}
.aion2-items-page .a2i-grid .price-num,
.aion2-items-page .a2i-grid .price-num span{
  color:#f26822;
  font-size:20px;
  font-weight:800;
  line-height:32px;
}
.aion2-items-page .a2i-grid .price s,
.aion2-items-page .a2i-grid .price s span{
  color:#77859a;
  font-size:14px;
  font-weight:500;
  text-decoration:line-through;
}
.aion2-items-page .a2i-grid .buy{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
}
.aion2-items-page .a2i-grid .num-change{
  display:flex;
  flex:1 1 0;
  width:auto;
  min-width:0;
  max-width:calc(100% - 66px);
  align-items:center;
  justify-content:space-between;
  height:42px;
  margin:0;
  padding:1px;
  border:1px solid #3c536d;
  border-radius:8px;
  background:transparent;
}
html.dark .aion2-items-page .a2i-grid .buy > .num-change{
  border-color:#e5ebf5;
  background:#fff;
}
.aion2-items-page .a2i-grid .num-change .num-reduce,
.aion2-items-page .a2i-grid .num-change .num-add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--a2i-text);
  font-size:14px;
  font-weight:700;
  line-height:20px;
  cursor:pointer;
}
.aion2-items-page .a2i-grid .num-change .item-num{
  flex:0 0 32px;
  width:32px;
  height:28px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--a2i-text);
  font-size:12px;
  font-weight:700;
  line-height:16px;
  text-align:center;
}
.aion2-items-page .a2i-grid .btn-cart{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 58px;
  width:58px;
  height:42px;
  margin:0;
  padding:0;
  border-radius:8px;
  background:rgba(242,104,34,.15);
  color:#f26822;
  font-size:18px;
  line-height:1;
}
.aion2-items-page .a2i-grid .btn-cart .icon{font-size:18px;line-height:1;}
.aion2-items-page .a2i-grid .btn-now{
  flex:0 0 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  height:42px;
  margin:0;
  padding:0;
  border:0;
  border-radius:8px;
  background:linear-gradient(90deg,#ff6d23,#ffa532);
  color:#0c111c;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}
.aion2-items-page .a2i-grid .aku-area{margin:0;}
.aion2-items-page .a2i-grid .page{
  display:flex;
  justify-content:center;
  margin:16px 0 0;
  padding:16px 0;
  text-align:center;
}
.aion2-items-page .a2i-grid .page .pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.aion2-items-page .a2i-grid .page li{
  float:none;
  margin:0;
  padding:0;
  list-style:none;
  background:transparent;
}
.aion2-items-page .a2i-grid .page li a,
.aion2-items-page .a2i-grid .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-items-page .a2i-grid .page li a,
html.dark .aion2-items-page .a2i-grid .page li span{
  border-color:#e5ebf5;
  background:#fff;
  color:#0c111c;
}
.aion2-items-page .a2i-grid .page li a:hover,
.aion2-items-page .a2i-grid .page li span:hover{
  border-color:#006ef5;
  background:#23303f;
  color:#fff;
}
html.dark .aion2-items-page .a2i-grid .page li a:hover,
html.dark .aion2-items-page .a2i-grid .page li span:hover{
  border-color:#006ef5;
  background:#fff;
  color:#006ef5;
}
.aion2-items-page .a2i-grid .page li.active a,
.aion2-items-page .a2i-grid .page li.active span,
.aion2-items-page .a2i-grid .page li.active a:hover,
.aion2-items-page .a2i-grid .page li.active span:hover,
html.dark .aion2-items-page .a2i-grid .page li.active a,
html.dark .aion2-items-page .a2i-grid .page li.active span,
html.dark .aion2-items-page .a2i-grid .page li.active a:hover,
html.dark .aion2-items-page .a2i-grid .page li.active span:hover{
  border-color:#006ef5;
  background:#006ef5;
  color:#fff;
}
.aion2-items-page .a2i-grid .page li.disabled:not(:first-child):not(:last-child) span,
.aion2-items-page .a2i-grid .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-items-page .items-server{display:none;}
@media (max-width:1024px){
  .aion2-items-page{padding-bottom:0;}
  html.dark body:has(.aion2-items-page),
  html.dark main.main:has(.aion2-items-page){
    background:#f6f6f6;
  }
  /* H5 亮色页底平涂 #f6f6f6，去掉 PC 白顶渐变 */
  html.dark .aion2-items-page .a2i-body::before{
    background:#f6f6f6;
    border-radius:0;
    height:100%;
  }
  .aion2-items-page .a2i-body{padding:16px 10px 0;}
  html.dark .aion2-items-page .a2i-body{background:#f6f6f6;}
  .aion2-items-page .tab-panel{padding:0;}
  .aion2-items-page .a2i-plat{gap:16px;padding:0;align-items:stretch;}
  .aion2-items-page .a2i-plat > .server-ul{
    align-self:stretch;
    width:100%;
    gap:12px;
  }
  .aion2-items-page .a2i-plat > .server-ul .server-li{
    flex:0 0 auto;
    min-width:110px;
  }
  .aion2-items-page .a2i-plat > .server-ul .link{justify-content:flex-start;}
  .aion2-items-page .a2i-main{flex-direction:column;gap:12px;padding:0;}
  .aion2-items-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-items-page .a2i-side{background:#fff;}
  .aion2-items-page .a2i-block--cats > .sever-title,
  .aion2-items-page .itemtag-affix > .sever-title{
    margin:0 0 24px;
    padding:0;
    color:#8b97a8;
    font-size:12px;
    font-weight:600;
    letter-spacing:.7px;
    line-height:1.35;
    text-transform:uppercase;
  }
  .aion2-items-page .a2i-block.is-open.a2i-block--cats,
  .aion2-items-page .a2i-block--cats{
    border:0;
    border-bottom:0;
  }
  .aion2-items-page .a2i-block--levels,
  .aion2-items-page .a2i-block--cats,
  .aion2-items-page .itemtag-affix{padding:0;}
  .aion2-items-page .a2i-block--levels,
  .aion2-items-page .a2i-block--cats{margin-bottom:24px;}
  .aion2-items-page .a2i-level-list{
    display:flex;
    flex-direction:column;
    gap:24px;
  }
  .aion2-items-page .a2i-level{padding:0;font-weight:600;line-height:21px;}
  .aion2-items-page .a2i-level-tree.is-on,
  .aion2-items-page .a2i-level-all-tree.is-on,
  .aion2-items-page .a2i-merge-tree.is-on{
    display:flex !important;
    flex-direction:column;
    gap:24px;
  }
  .aion2-items-page .a2i-block--cats .category-ul{
    display:flex;
    flex-direction:column;
    gap:24px;
  }
  .aion2-items-page .a2i-side .itemtag-affix .itemtag-ul{
    display:flex !important;
    flex-direction:column;
    gap:24px;
  }
  .aion2-items-page .a2i-side .itemtag-ul .itemtag-li{padding:0;}
  .aion2-items-page.is-level-all .a2i-block--cats > .a2i-block__body{
    display:flex !important;
    flex-direction:column;
    gap:24px;
  }
  .aion2-items-page.is-level-all .a2i-level-tree.is-on:not(:has(> .parent-category)){
    display:none !important;
  }
  .aion2-items-page .a2i-side .category{
    padding:0;
    flex-wrap:wrap;
  }
  .aion2-items-page .a2i-side .category > .cur-link{
    height:auto;
    min-height:21px;
  }
  .aion2-items-page .a2i-side .category > .cur-link .name{
    font-size:14px;
    font-weight:600;
    line-height:21px;
  }
  .aion2-items-page .a2i-side .category.is-open > .jq-twoArea.a2i-cat-children.server-category,
  .aion2-items-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-items-page .a2i-side .category.is-open > .jq-twoArea.a2i-cat-children.server-category,
  html.dark .aion2-items-page .a2i-side .category.is-open > .a2i-cat-children{
    background:rgba(0,61,245,.05);
  }
  .aion2-items-page .a2i-side .a2i-cat-children > li{
    width:100%;
    margin:0;
    padding:0;
    gap:0;
  }
  .aion2-items-page .a2i-side .a2i-cat-children .link-unit{
    gap:12px;
    width:100%;
    height:auto;
    min-height:21px;
    padding:4px 8px;
    border-radius:8px;
    background:transparent;
  }
  html.dark .aion2-items-page .a2i-side .a2i-cat-children .link-unit{
    background:transparent;
  }
  .aion2-items-page .a2i-side .a2i-cat-children .name{
    font-size:14px;
    font-weight:400;
    line-height:21px;
  }
  .aion2-items-page .a2i-side .a2i-cat-children > li.current .name{
    color:#006ef5;
    font-weight:500;
  }
  .aion2-items-page .a2i-toolbar{
    flex-direction:column;
    align-items:stretch;
    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-items-page .a2i-search{
    width:100%;
    height:48px;
    padding:0 4px 0 18px;
  }
  html.dark .aion2-items-page .a2i-search{background:#f3f4f6;}
  .aion2-items-page .a2i-search__btn{
    width:38px;
    height:38px;
    border-radius:7px;
  }
  html.dark .aion2-items-page .a2i-search__btn{background:#0875f5;}
  .aion2-items-page .jq-search-sort.a2i-sort{
    width:100%;
    gap:21px;
    justify-content:flex-start;
    overflow:visible;
  }
  .aion2-items-page .a2i-sort__primary{
    flex:0 1 auto;
    gap:21px;
    min-width:0;
    justify-content:flex-start;
  }
  .aion2-items-page .a2i-sort-more{flex:0 0 auto;}
  .aion2-items-page .a2i-sort .link{
    color:#77859a;
    font-size:12px;
    font-weight:500;
    line-height:16px;
    white-space:nowrap;
  }
  .aion2-items-page .a2i-sort__primary > .link.current{
    color:#006ef5;
    font-weight:500;
    border-bottom:1px solid #006ef5;
    padding-bottom:3px;
  }
  .aion2-items-page .a2i-sort__arrow{
    margin-left:4px;
    font-size:10px;
    line-height:1;
  }
  .aion2-items-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;
  }
  .aion2-items-page .a2i-sort-more__btn i{
    width:5px;
    height:5px;
    margin-top:-2px;
  }
  .aion2-items-page .a2i-grid .list,
  .aion2-items-page #myElement > .list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aion2-items-page .a2i-serve-box .server-li-link{width:calc((100% - 8px) / 2);max-width:none;flex:0 0 calc((100% - 8px) / 2);}
  .aion2-items-page .a2i-serve-box .server-ul-link.current.is-open{
    max-height:min(180px,42vh);
  }
  .aion2-items-page .a2i-serve-box .server-ul-link.current.is-open::-webkit-scrollbar{width:4px;}
  .aion2-items-page .a2i-grid .price-num,
  .aion2-items-page .a2i-grid .price-num span{font-size:18px;}
  .aion2-items-page .a2i-grid .page{margin:12px 0 0;padding:8px 0;}
  .aion2-items-page .a2i-grid .page .pagination{gap:6px;}
  .aion2-items-page .a2i-grid .page li a,
  .aion2-items-page .a2i-grid .page li span{min-width:32px;height:32px;padding:0 4px;font-size:14px;}
  .aion2-items-page .a2i-grid .page li.disabled:not(:first-child):not(:last-child) span,
  .aion2-items-page .a2i-grid .page li.disabled:not(:first-child):not(:last-child) span:hover{width:24px;min-width:24px;height:24px;font-size:12px;}
}
@media (max-width:560px){
  .aion2-items-page .a2i-grid .list,
  .aion2-items-page #myElement > .list{gap:8px;}
  .aion2-items-page .a2i-grid .list-item > .box{min-height:0;padding:10px;border-radius:10px;}
  .aion2-items-page .a2i-grid .goods-icon,
  .aion2-items-page .a2i-grid .show-preview-img{height:116px;}
  .aion2-items-page .a2i-grid .show-img,
  .aion2-items-page .a2i-grid .items-img{width:108px;height:108px;}
  .aion2-items-page .a2i-grid .goods-title,
  .aion2-items-page .a2i-grid .goods-title-a{font-size:11px;line-height:16px;}
  .aion2-items-page .a2i-grid .goods-title{height:32px;}
  .aion2-items-page .a2i-grid .price{gap:4px;justify-content:flex-start;}
  .aion2-items-page .a2i-grid .price-num,
  .aion2-items-page .a2i-grid .price-num span{font-size:18px;line-height:26px;}
  .aion2-items-page .a2i-grid .price s,
  .aion2-items-page .a2i-grid .price s span{font-size:11px;}
  .aion2-items-page .a2i-grid .buy > .num-change{height:36px;}
  .aion2-items-page .a2i-grid .btn-cart{width:38px;height:36px;}
  .aion2-items-page .a2i-grid .btn-now{height:36px;font-size:13px;}
}