.subpage-nav-bar{background:var(--bg-surface,#fff);border-bottom:1px solid var(--border-subtle,#e2e8f0);z-index:40;-webkit-backdrop-filter:blur(12px);width:100%;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.subpage-nav-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:10px 16px;display:flex}.subpage-nav-brand-group{align-items:center;gap:14px;display:flex}.subpage-nav-brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.subpage-nav-logo-icon{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 2px 6px #0284c740}.subpage-nav-brand-text{flex-direction:column;display:flex}.subpage-nav-brand-name{color:var(--text-primary,#0f172a);font-size:16px;font-weight:800;line-height:1.2}.subpage-nav-brand-sub{color:var(--text-muted,#64748b);font-size:11px;line-height:1}.subpage-nav-back-btn{color:#0284c7;background:#0284c714;border:1px solid #0284c733;border-radius:9999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.subpage-nav-back-btn:hover{color:#fff;background:#0284c7;transform:translate(-2px);box-shadow:0 2px 8px #0284c74d}.subpage-nav-back-arrow{font-size:14px;transition:transform .15s}.subpage-nav-back-btn:hover .subpage-nav-back-arrow{transform:translate(-2px)}.subpage-nav-links{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.subpage-nav-item{color:var(--text-secondary,#475569);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;position:relative}.subpage-nav-item:hover{color:var(--text-primary,#0f172a);background:var(--bg-hover,#f1f5f9)}.subpage-nav-item.is-active{color:#0284c7;background:#0284c714;font-weight:700}.subpage-badge-new{color:#fff;background:#10b981;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:900;line-height:1}.subpage-badge-hot{color:#fff;background:#f97316;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:900;line-height:1}.subpage-nav-vip{color:#d97706;background:#d977060f}.subpage-nav-vip:hover{color:#b45309;background:#d9770626}@media (max-width:640px){.subpage-nav-inner{gap:8px;padding:8px 12px}.subpage-nav-brand-sub{display:none}.subpage-nav-links{justify-content:flex-start;gap:4px;width:100%}.subpage-nav-item{padding:5px 8px;font-size:12px}}