/**
 * 软件站首页：手风琴 / 宫格。游戏站不加载。
 */
.xu5-accordion-item{border-bottom:1px solid #ebeef5}
.xu5-accordion-header{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .2s;font-size:16px;color:#673AB7;font-weight:500}
.xu5-accordion-header:hover{background:#f5f7fa}
.xu5-accordion-header .icon-container{width:32px;height:32px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;overflow:hidden}
.xu5-accordion-header .icon-container .img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.xu5-accordion-header .arrow{margin-left:auto;transition:transform .2s;font-size:14px;color:#999}
.xu5-accordion-header.open .arrow{transform:rotate(90deg)}
.xu5-accordion-body{display:none;padding:0 10px 10px}
.xu5-accordion-body.open{display:block}
.xu5-accordion-header:focus-visible,.url:focus-visible{outline:2px solid #409eff;outline-offset:-2px;border-radius:6px}

.xu5-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:14px}
.xu5-grid-item{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:8px;text-decoration:none;color:#333;transition:all .2s}
.xu5-grid-item:hover{background:#f5f7fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.xu5-grid-icon{width:48px;height:48px;margin-bottom:8px}
.xu5-grid-icon img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.xu5-grid-icon .xu5-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f2f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8c8c8' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E") center/40% no-repeat;border-radius:8px;font-size:0;color:transparent}
.xu5-grid-name{font-size:13px;text-align:center;line-height:1.3;word-break:break-all}

.item-content{display:flex;flex-wrap:wrap;padding:10px}
.item-content .nav{display:flex;flex-direction:column;align-items:center;width:32.6%;padding:12px 10px;background:#555;margin-right:6px;margin-bottom:1px;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid transparent;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.item-content .nav:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,152,0,.08);border-color:#ffd54f}
.item-content .nav .name{margin-right:10px}
.item-content .nav .urls{flex:1;display:flex;justify-content:center}
.item-content .nav .urls .url{color:#fff;background:#409eff;padding:5px;border-radius:5px;margin-right:2px;font-size:13px}
.item-content .nav .urls .url:hover{background:#337ecc}

@media(max-width:768px){
  .xu5-accordion-header{padding:8px 10px;font-size:14px}
  .xu5-accordion-header .icon-container{width:28px;height:28px}
  .item-content{padding:5px 10px}
  .item-content .nav{width:100%;flex-direction:column;align-items:unset}
  .item-content .nav .name{max-width:100%;margin-right:0}
  .item-content .nav .urls{margin-top:6px;flex-wrap:wrap}
  .xu5-grid-view{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:10px}
  .xu5-grid-item{padding:10px 6px}
  .xu5-grid-icon{width:40px;height:40px}
  .xu5-grid-name{font-size:12px}
}