/* =========================================================
   应用下载站顶栏定制（复刻腾讯应用宝 sj.qq.com 风格）v2
   作用域：全站顶栏 + 移动端侧边栏 + 全屏搜索弹窗
   ========================================================= */

/* ---------- 1. 顶栏整体：64px 高、去大阴影（sticky 时轻阴影） ---------- */
.site-header{box-shadow:none !important;}
.site-header.navbar-sticky{box-shadow:0 2px 12px rgba(0,0,0,.06) !important;}
.site-header .navbar{height:64px;}
.header-gap{height:64px;}

/* ---------- 2. 主菜单：复刻应用宝 14px 黑字、项间距16px、激活加粗+底部蓝色装饰条 ---------- */
.nav-list>.menu-item{margin-right:16px;}
.nav-list>.menu-item:last-child{margin-right:0;}
.nav-list>.menu-item>a{font-size:14px;line-height:64px;margin:0;color:rgba(0,0,0,.9);}
.nav-list a{color:rgba(0,0,0,.9);}
.nav-list a:hover{color:rgba(0,0,0,.9);opacity:.85;}
.nav-list>.menu-item.current-menu-item>a{color:rgba(0,0,0,.9);font-weight:600;position:relative;}
/* 激活项底部蓝色装饰条（复刻应用宝首页顶栏） */
.nav-list>.menu-item.current-menu-item>a::after{
	content:"";position:absolute;left:50%;transform:translateX(-50%);
	bottom:14px;width:22px;height:3px;border-radius:2px;background:#0080ff;
}

/* 子菜单：应用宝风格 白底圆角12px 轻阴影 */
.nav-list .sub-menu{border-radius:12px !important;box-shadow:0 2px 10px rgba(0,0,0,.1) !important;}

/* ---------- 3. PC 搜索框：靠右侧操作区、腾讯风格灰底胶囊、focus 蓝描边+热门词下拉 ---------- */
.navbar-search{
	display:flex;align-items:center;gap:8px;position:relative;
	height:34px;padding:0 14px;margin:0 12px 0 auto !important; /* margin-left:auto 推到右侧 */
	background:#f2f3f5;border:1px solid transparent;border-radius:17px;
	transition:all .25s ease;
	flex:0 1 220px;min-width:0; /* 空间不足时允许收缩，保证始终靠右 */
}
.navbar-search .search-icon{color:#7d8592;flex:none;display:block;}
.navbar-search input{
	flex:1 1 auto;min-width:0;width:110px;border:none;background:transparent;outline:none;
	font-size:13px;color:#1c1e26;line-height:1;
}
.navbar-search input::placeholder{color:#a0a6b2;}
.navbar-search:focus-within{
	background:#fff;border-color:#2163e8;
	box-shadow:0 0 0 3px rgba(33,99,232,.12);
}
.navbar-search .search-submit{
	flex:none;background:none;border:none;color:#7d8592;cursor:pointer;padding:0;display:flex;
}
.navbar-search:focus-within .search-submit{color:#2163e8;}

/* 热门搜索词下拉面板（focus 时显示，复刻应用宝搜索下拉） */
.navbar-search-hot{
	display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:260px;
	background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);
	padding:14px 16px;z-index:100;text-align:left;
}
.navbar-search:focus-within .navbar-search-hot{display:block;}
.navbar-search-hot-title{font-size:12px;color:#a0a6b2;margin-bottom:10px;}
.navbar-search-hot-list a{
	display:block;padding:7px 2px;font-size:14px;color:#1c1e26;text-decoration:none;
	border-radius:6px;transition:color .15s ease;
}
.navbar-search-hot-list a:hover{color:#2163e8;}

/* ---------- 4. PC 登录/注册按钮：腾讯云风格 圆角、间距统一 ---------- */
/* 关键：actions 保持内容宽度（不 flex-grow 占满），让搜索框的 margin-left:auto 把它推到右侧 */
.navbar .actions{flex-grow:0 !important;flex-shrink:0 !important;justify-content:flex-end;}
.navbar .actions .btn{
	height:32px;line-height:30px;padding:0 16px;border-radius:8px;font-size:13px;
	display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;
}
.navbar .actions .btn i{line-height:1;font-size:12px;}
.navbar .actions .btn+.btn{margin-left:10px;}
.navbar .actions .nav-reg-btn{background:#2163e8;color:#fff;box-shadow:0 4px 12px rgba(33,99,232,.25);}
.navbar .actions .nav-reg-btn:hover{background:#1c54c5;color:#fff;}

/* ---------- 5. 移动端搜索按钮 + burger（应用宝 SVG 线条图标） ---------- */
.m-search-btn{
	display:none;width:34px;height:34px;align-items:center;justify-content:center;
	border-radius:50%;background:#f2f3f5;color:#3c404a;
	border:none;cursor:pointer;padding:0;flex:none;margin-right:6px;
}
.m-search-btn svg{display:block;}
.m-search-btn:hover{background:#e6e9f0;color:#2163e8;}
.site-header .burger svg{display:block;}
@media (max-width:991.98px){
	.m-search-btn{display:inline-flex;}
	/* 移动端隐藏 PC 版登录注册/头像，移到侧边栏底部 */
	.navbar .actions .btn{display:none !important;}
}

/* ---------- 6. 全屏搜索弹窗：应用宝式 整屏白底搜索页 ---------- */
.ri-full-search{position:fixed;inset:0;z-index:99999;display:none;}
.ri-full-search.open{display:block;}
.ri-full-search-panel{
	position:absolute;inset:0;background:#fff;
	padding:64px 20px 40px;overflow-y:auto;
	animation:riFullSearchIn .28s ease;
}
@keyframes riFullSearchIn{from{opacity:0;transform:translateY(-16px);}to{opacity:1;transform:none;}}
.ri-full-search-close{
	position:absolute;right:20px;top:18px;width:36px;height:36px;
	border-radius:50%;background:#f2f3f5;border:none;cursor:pointer;
	color:#3c404a;font-size:15px;display:flex;align-items:center;justify-content:center;
}
.ri-full-search-close:hover{background:#e6e9f0;color:#2163e8;}
.ri-full-search-form{
	display:flex;align-items:center;gap:10px;
	max-width:640px;margin:0 auto;height:46px;padding:0 6px 0 18px;
	background:#f2f3f5;border:1px solid transparent;border-radius:23px;
	transition:all .25s ease;
}
.ri-full-search-form:focus-within{
	background:#fff;border-color:#2163e8;
	box-shadow:0 0 0 3px rgba(33,99,232,.12);
}
.ri-full-search-form .s-icon{color:#7d8592;flex:none;}
.ri-full-search-form input{
	flex:1;min-width:0;border:none;background:transparent;outline:none;
	font-size:15px;color:#1c1e26;
}
.ri-full-search-form input::placeholder{color:#a0a6b2;}
.ri-full-search-form .s-btn{
	flex:none;height:34px;padding:0 20px;border:none;border-radius:17px;
	background:#2163e8;color:#fff;font-size:14px;cursor:pointer;
}
.ri-full-search-form .s-btn:hover{background:#1c54c5;}
.ri-full-search-hot{max-width:640px;margin:28px auto 0;}
.ri-full-search-hot-title{font-size:13px;color:#7d8592;margin-bottom:14px;}
.ri-full-search-hot-tags{display:flex;flex-wrap:wrap;gap:10px;}
.ri-full-search-hot-tags a{
	display:inline-block;padding:7px 16px;background:#f2f3f5;color:#1c1e26;
	border-radius:17px;font-size:13px;text-decoration:none;transition:all .2s ease;
}
.ri-full-search-hot-tags a:hover{background:#e8f0fe;color:#2163e8;}

/* ---------- 7. 移动端侧边栏：flex 布局，用户区固定底部、菜单区可滚动、腾讯云风格 ---------- */
.off-canvas{
	display:flex;flex-direction:column;
}
.off-canvas .mobile-menu{
	flex:1 1 auto;overflow-y:auto;min-height:0;
	-webkit-overflow-scrolling:touch;
	padding-bottom:12px;
}
.off-canvas-auth{
	flex:none;padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px));
	border-top:1px solid #f0f1f3;background:#fff;
	position:relative;z-index:2;
	box-shadow:0 -6px 16px rgba(30,40,70,.06);
}

/* 腾讯云风格：侧边栏菜单项（slicknav 生成的移动菜单） */
.slicknav_nav .menu-item>a{
	display:flex;align-items:center;justify-content:flex-start;
	line-height:1;padding:13px 10px;border-radius:8px;
	background:transparent;color:#1c1e26;font-size:14px;font-weight:500;
	transition:background .2s ease,color .2s ease;
}
.slicknav_nav .menu-item>a:hover{background:#eef4ff;color:#2163e8;}
.slicknav_nav .menu-item.current-menu-item>a{color:#2163e8;background:#f0f6ff;font-weight:600;}
.slicknav_nav .slicknav_arrow{
	margin-left:auto;font-size:12px;color:#a0a6b2;width:24px;text-align:center;flex:none;
}
/* 子菜单：应用宝/腾讯云简洁样式（无左侧竖线，展开为普通文字列表） */
.slicknav_nav .slicknav_parent>.menu-item>a{border-bottom:1px solid #f5f6f8;}
.slicknav_nav ul{margin:4px 0 10px;padding:0;border-left:none;background:transparent;}
.slicknav_nav ul .menu-item>a{
	padding:11px 10px 11px 22px;font-size:13px;font-weight:400;border-radius:6px;margin:1px 0;
}
.slicknav_nav ul .menu-item>a:hover{background:#f0f6ff;}
.slicknav_nav ul .menu-item.current-menu-item>a{background:#f0f6ff;}

/* 侧边栏登录/注册按钮（腾讯云风格，上下排列） */
.off-canvas-auth .btn{
	display:flex;width:100%;justify-content:center;align-items:center;
	border-radius:8px;padding:12px 0;font-size:14px;gap:6px;
}
.off-canvas-auth .btn+.btn{margin-top:12px;}
.off-canvas-auth .btn-primary{background:#2163e8;color:#fff;box-shadow:0 4px 12px rgba(33,99,232,.22);}
.off-canvas-auth .btn-primary:hover{background:#1c54c5;color:#fff;}
.off-canvas-auth .btn svg{width:15px;height:15px;display:block;flex:none;}

/* 侧边栏用户功能面板（已登录，固定底部）：按钮两列卡片式排版（腾讯云风格） */
.off-canvas-user-head{display:flex;align-items:center;gap:12px;padding:2px 0 14px;border-bottom:1px solid #f0f1f3;margin-bottom:10px;}
.off-canvas-user-head .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.off-canvas-user-head .user-name{display:block;font-size:15px;font-weight:600;color:#1c1e26;line-height:1.3;}
.off-canvas-user-menu{
	display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.off-canvas-user-menu a{
	display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;
	padding:12px 10px;background:#f7f8fa;color:#3c404a;font-size:13px;text-decoration:none;
	border-radius:10px;transition:all .2s ease;
}
.off-canvas-user-menu a:hover{background:#eef4ff;color:#2163e8;}
.off-canvas-user-menu a svg{width:17px;height:17px;display:block;flex:none;color:#2163e8;}
.off-canvas-user-menu a .uc-label{display:block;line-height:1.3;}
/* 退出登录：横排占满两列，红色警示风格 */
.off-canvas-user-menu a.uc-logout{
	grid-column:1 / -1;flex-direction:row;gap:8px;
	background:#fef4f4;color:#d93025;
}
.off-canvas-user-menu a.uc-logout:hover{background:#fde8e8;color:#d93025;}
.off-canvas-user-menu a.uc-logout svg{color:#d93025;}

/* 移动端菜单滚动条隐藏 */
.mobile-menu{scrollbar-width:none;-ms-overflow-style:none;}
.mobile-menu::-webkit-scrollbar{display:none;width:0;height:0;}