/*
 * 微信小游戏门户 PC 页面补充样式
 * 部署位置：/skin/default/css/xyx-portal.css
 */

body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
.seo-breadcrumb { margin: 14px 0 12px; font-size: 14px; line-height: 1.8; color: #64748b; }
.seo-breadcrumb a { color: inherit; text-decoration: none; }
.seo-breadcrumb a:hover { text-decoration: underline; }
.seo-breadcrumb .sep { margin: 0 8px; color: #94a3b8; }
.portal-note { margin: 22px 0; padding: 18px 22px; border-radius: 14px; background: #f8fafc; border: 1px solid #e2e8f0; color: #475569; line-height: 1.9; }
.portal-note h2 { margin: 0 0 8px; font-size: 20px; color: #0f172a; }
button.search-btn { border: 0; font: inherit; cursor: pointer; }
.hr-links a { display: inline-block; }
.g-img-link { display: block; color: inherit; text-decoration: none; }


/* 小游戏分类入口：独立原生链接，不交由旧筛选脚本接管 */
.xyx-rank-direct-nav{
    position:relative;
    z-index:40;
    isolation:isolate;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin:0 0 24px;
}
.xyx-rank-direct-nav .xyx-rank-direct-link{
    position:relative;
    z-index:41;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:9px 16px;
    border:1px solid rgba(15,23,42,.12);
    border-radius:999px;
    background:#fff;
    color:var(--text-color,#334155);
    box-shadow:0 4px 14px rgba(15,23,42,.06);
    font-size:14px;
    line-height:1.4;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    pointer-events:auto !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(13,148,136,.12);
    transition:transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.xyx-rank-direct-nav .xyx-rank-direct-link:hover,
.xyx-rank-direct-nav .xyx-rank-direct-link:focus-visible{
    color:var(--primary,#0d9488);
    border-color:rgba(13,148,136,.42);
    box-shadow:0 7px 20px rgba(13,148,136,.12);
    transform:translateY(-1px);
    outline:none;
}
.xyx-rank-direct-nav .xyx-rank-direct-link.active{
    color:#fff;
    border-color:var(--primary,#0d9488);
    background:var(--primary,#0d9488);
    box-shadow:0 7px 20px rgba(13,148,136,.2);
}
@media (max-width:900px){
    .xyx-rank-direct-nav{gap:8px}
    .xyx-rank-direct-nav .xyx-rank-direct-link{min-height:44px;padding:10px 14px}
}