/* nav-page.css — 网址导航页（移动优先，生成器产生页面用） */
:root{
  --nav-bg:#f4f6fa; --nav-card:#fff; --nav-line:#e8edf4; --nav-ink:#1f2937;
  --nav-sub:#6b7280; --nav-brand:#1d4ed8; --nav-brand-2:#3b82f6; --nav-chip:#f1f5fd;
  --nav-radius:14px; --nav-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
}
.nav-body{background:var(--nav-bg);color:var(--nav-ink);-webkit-text-size-adjust:100%}
.nav-wrap{max-width:1200px;margin:0 auto;padding:4px 12px 4px}

/* SEO 用隐藏标题（不占视觉，避免与页头重复） */
.nav-h1-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 横幅位 */
.nav-banner{margin:10px 0;border-radius:var(--nav-radius);overflow:hidden}
.nav-banner img{display:block;width:100%;height:auto}
.nav-banner.is-top{margin-top:0}

/* 两栏 */
.nav-layout{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}
.nav-main{order:1;min-width:0}
.nav-sidebar{order:2;min-width:0}
.nav-sidebar .panel4{margin-bottom:12px}

/* 左侧国家/地区栏：洲际浅蓝小标题 + 国家描边芯片，层级清晰、不抢右侧视觉 */
.nav-sidebar .ul-list-bg{background:#e8f0fd;color:#1d4ed8;border-radius:10px;padding:9px 12px;font-weight:700;font-size:13px;margin:0 0 8px !important;text-align:center !important}
.nav-sidebar .panel4{display:flex;flex-wrap:wrap;background:var(--nav-card);border:1px solid var(--nav-line) !important;border-radius:12px;padding:10px;margin:0 0 10px !important;box-shadow:none;overflow:visible !important}
.nav-sidebar .panel4>.panel-heading{flex:0 0 100%;border:0 !important;padding:0 !important;margin:0 0 8px;background:none !important}
.nav-sidebar .panel4 .panel-heading h4.panel-title{background:#e8f0fd !important;color:#1d4ed8 !important;border:0 !important;border-radius:8px !important;padding:7px 10px !important;font-size:13px !important;font-weight:700;line-height:1.2;text-align:center !important;margin:0}
.nav-sidebar .panel4 .panel-heading h4.panel-title a{color:inherit !important;text-decoration:none}
.nav-sidebar .panel4 .panel-heading h4.panel-title a:hover{text-decoration:underline}
.nav-sidebar .panel4 .col-lg-6{float:none !important;flex:0 0 50%;max-width:50%;width:50% !important;min-height:0;padding:0 3px 6px !important;margin:0;border:0 !important;background:transparent !important;text-align:center}
.nav-sidebar .panel4 .col-lg-6 a{display:block;padding:6px 4px;border:1px solid #dbe4f0;border-radius:8px;background:#fff;color:#3b516e;text-decoration:none;font-size:13px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,color .15s,background .15s}
.nav-sidebar .panel4 .col-lg-6 a:hover{border-color:#3b82f6;color:#1d4ed8;background:#f5f9ff}

/* 栏目卡片 */
.nav-card{background:var(--nav-card);border:1px solid var(--nav-line);border-radius:var(--nav-radius);padding:14px;margin-bottom:14px;box-shadow:var(--nav-shadow)}
.nav-card>h2{font-size:16px;margin:0 0 12px;padding-left:10px;border-left:4px solid var(--nav-brand-2);font-weight:700;line-height:1.2}
.nav-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}
.nav-links li{min-width:0}
.nav-links a{display:block;padding:9px 11px;border-radius:9px;background:var(--nav-chip);color:#22406b;text-decoration:none;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}
.nav-links a:hover,.nav-links a:focus{background:var(--nav-brand);color:#fff}
.nav-text{font-size:14px;line-height:1.9;color:#374151;white-space:pre-line}
.nav-main>*:last-child,.nav-sidebar>*:last-child{margin-bottom:0}

@media (min-width:992px){
  .nav-wrap{padding:6px 20px 8px}
  .nav-layout{grid-template-columns:264px minmax(0,1fr);gap:16px}
  .nav-sidebar{order:0;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}
  .nav-main{order:0}
  .nav-links{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .nav-card{padding:16px 18px}
}