@charset "utf-8";
/* ============================================
   现代商务主题 (Modern Business Theme) v1.58
   主色调: #0ea5e9 (天蓝)  辅色: #0284c7 (深蓝)
   背景: #f8fafc (极浅灰)  成功色: #10b981
   警告色: #f97316 (橙红)
   更新: 2026-04-13 去除会员中心菜单图标橙色背景
   更新: 2026-04-13 修复会员中心菜单图标和文字对齐问题
         - 图标添加固定高度、vertical-align、align-self确保垂直居中
         - 文字添加align-self: center确保与图标对齐
   2026-04-13 完全去掉菜单悬浮/激活背景色
         - n_active 状态父菜单：去掉渐变背景、左侧高亮条，只保留蓝色字体
         - 一级菜单项悬浮：去掉背景色，只改变文字颜色为蓝色
         - 二级子菜单项悬浮：去掉背景色、阴影、位移，只改变文字颜色
         - 所有hover效果更简洁清爽
   2026-04-13 修复n_active菜单hover背景
         - 悬浮时显示淡蓝色背景#e0f2fe，文字加深并加粗
         - 背景充满整个格子
   2026-04-13 修复会员中心鼠标悬浮样式和对齐问题
         - 优化 n_active 状态下菜单项的渐变蓝色背景
         - 添加优雅的 hover 效果：轻微位移和亮度提升
         - 修复左侧高亮条对齐问题，改为垂直居中
         - 排除普通 hover 样式对 n_active 状态菜单项的干扰
   2026-04-13 彻底修复子菜单点击问题（第五版 - 终极方案）
         - 子菜单项 HTML 从 <div> 改为原生 <a href> 标签
         - 浏览器原生处理点击，不再依赖 JS 事件委托或 CSS hack
         - 清理冗余的 JS 兜底代码（menuItem/expandedText/nav-item 点击事件）
         - 子菜单样式保持：flex 布局 + cursor:pointer + hover 效果
   2026-04-13 修复子菜单展开/收缩兼容性问题
         - 替换 :has() 选择器为兼容性更好的选择器，确保子菜单正确显示/隐藏
   2026-04-13 修复侧边栏菜单悬浮双重背景色问题
         - 统一旧结构 .left-wrapper .nav-item:hover 的背景色为 transparent
         - 确保菜单悬浮时只改变文字颜色，不显示背景色
   ============================================ */

/* ============================================
   顶部导航栏 - 白色背景主题
   ============================================ */

/* ---- 顶部导航栏整体 - 白色背景 ---- */
.header {
    position: relative;
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    height: 56px !important;
}

/* ---- Logo区域 ---- */
.header .logo-wrapper {
    display: flex;
    align-items: center;
    padding-left: 0;
    text-decoration: none;
}

.header .logo-wrapper::before {
    content: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.header .logo-wrapper .logo_img {
    width: 140px !important;
    height: 40px !important;
    border-radius: 4px;
    background-color: transparent !important;
}

/* ---- 左侧导航菜单 ---- */
.header .h-menus:first-of-type {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.header .h-menus:first-of-type > .menu-item {
    position: relative;
    padding: 0 16px;
    height: 56px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    text-decoration: none;
}

.header .h-menus:first-of-type > .menu-item:hover {
    background-color: #f0f9ff;
}

.header .h-menus:first-of-type > .menu-item.active,
.header .h-menus:first-of-type > .menu-item[href="/Home/Index"] {
    color: #0ea5e9 !important;
    background-color: #f0f9ff;
}

.header .h-menus:first-of-type > .menu-item > .menu_name {
    color: #374151 !important;
    font-weight: 500;
    font-size: 14px;
    transition: color 0.2s;
}

.header .h-menus:first-of-type > .menu-item:hover > .menu_name {
    color: #0ea5e9 !important;
}

.header .h-menus:first-of-type > .menu-item.active > .menu_name {
    color: #0ea5e9 !important;
}

/* ---- 右侧用户菜单 ---- */
.header .h-menus:nth-of-type(2) {
    position: absolute;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header .h-menus:nth-of-type(2) > .menu-item {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.header .h-menus:nth-of-type(2) > .menu-item:hover {
    background: #f0f9ff;
}

/* 用户头像 */
.header .h-menus:nth-of-type(2) > .menu-item:first-child::before {
    content: '';
    width: 28px;
    height: 28px;
    background: #e0f2fe;
    border-radius: 50%;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230ea5e9"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.header .h-menus:nth-of-type(2) > .menu-item > .menu_name {
    color: #374151 !important;
    font-weight: 500;
    font-size: 13px;
}

.header .h-menus:nth-of-type(2) > .menu-item:hover > .menu_name {
    color: #0ea5e9 !important;
}

/* 右侧菜单图标 */
.header .h-menus:nth-of-type(2) > .menu-item > .menu_icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 4px !important;
    opacity: 0.7;
}

/* ---- 退出按钮 - 蓝色边框 ---- */
.header .h-menus:nth-of-type(2) > .menu-item:last-child {
    border: 1px solid #0ea5e9;
    color: #0ea5e9 !important;
    padding: 4px 12px;
    background: transparent;
}

.header .h-menus:nth-of-type(2) > .menu-item:last-child > .menu_name {
    color: #0ea5e9 !important;
}

.header .h-menus:nth-of-type(2) > .menu-item:last-child:hover {
    background: #0ea5e9;
}

.header .h-menus:nth-of-type(2) > .menu-item:last-child:hover > .menu_name {
    color: #ffffff !important;
}

/* ---- 语言切换器 ---- */
.header .language-wrapper {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    display: flex !important;
    align-items: center;
    gap: 2px;
    padding: 3px 6px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    box-shadow: none;
    z-index: 100;
}

.header .language-wrapper .language-item {
    padding: 4px 8px;
    font-size: 12px;
    color: #64748b;
    cursor: pointer;
}

.header .language-wrapper .language-item.li_active {
    color: #0ea5e9;
    font-weight: 500;
}

/* ---- Logo 图片处理 ---- */
.header .logo_img {
    background-color: transparent !important;
    border-radius: 4px;
}

/* ---- 下拉高亮 ---- */
.metro li.active, .metro li.focus {
    background: #3b82f6 !important;
}

/* ---- 页脚 & 皮肤标题 ---- */
.skin-title,
.footer > .auto-wrapper > div,
.footer > .auto-wrapper > div > .tel,
.footer a {
    color: #64748b !important;
}

/* ===================================================
   左侧边栏 - 浅蓝色清爽风格
   主背景: #e0f2fe (浅蓝)  子菜单背景: #bae6fd (稍深蓝)
   激活高亮: #0ea5e9 (主蓝)  文字: #1e3a5f (深蓝灰)
   =================================================== */

/* 强制覆盖 app.css 中 quickLookBtns 的旧背景色 */
/* 注意：去掉 display:block !important，改由 JS 通过 n_active 类控制显隐 */
.navAside .quickLookBtns,
body .navAside .quickLookBtns,
html body .navAside .quickLookBtns,
.navAside .quickLookBtns[data-v-4862a020] {
    background: #fff !important;
    pointer-events: auto !important;
    /* 去掉强制 display:block，由下面的 n_active 选择器控制 */
}

/*
 * 默认隐藏所有 quickLookBtns（非激活状态）
 */
.navAside > div > .quickLookBtns,
body aside.navAside > div > .quickLookBtns {
    display: none !important;
}

/*
 * 确保激活菜单组（n_active）的子菜单显示
 * 使用超最高优先级确保覆盖其他规则
 */
/* 使用 [data-v-4862a020] 属性选择器提升优先级 */
.n_active > .quickLookBtns,
body .n_active > .quickLookBtns,
html body .n_active > .quicklookbtns,
.n_active > .quickLookBtns[data-v-4862a020],
body .n_active > .quickLookBtns[data-v-4862a020] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
    /* 强制覆盖所有可能的隐藏规则 */
    display: block !important;
    width: 100% !important;
}

/* ---- 左侧边栏整体 ---- */
.left-wrapper {
    background-color: #e0f2fe !important;
    width: 200px !important;
    border-right: 1px solid #bae6fd !important;
    box-shadow: 2px 0 8px rgba(14, 165, 233, 0.15) !important;
}

/* 覆盖 Vue 组件背景 */
.navAside[data-v-4862a020] {
    background: #fff !important;
    font-family: "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif !important;
}

/* sidebar 所有内层容器背景 */
#sidebar,
#sidebar .application,
#sidebar .application--wrap,
#sidebar .v-content,
#sidebar .v-content__wrap {
    background-color: #e0f2fe !important;
    background: #e0f2fe !important;
}

/* ---- 一级菜单项（会员首页/会员中心/集运服务等） ---- */
.navAside .nav-item[data-v-4862a020] {
    background-color: transparent !important;
    border-bottom: 1px solid #cce4f7 !important;
    line-height: 40px !important;
}

/* 一级菜单链接 */
.navAside .nav-item > div > a[data-v-4862a020],
.navAside .nav-item > a[data-v-4862a020],
.navAside .nav-item > div > a,
.navAside .nav-item > a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 12px !important;
    text-decoration: none !important;
    height: 40px !important;
    position: relative !important;
}

/* 一级菜单文字 */
.navAside .nav-item .expandedText[data-v-4862a020] {
    color: #1e3a5f !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif !important;
    position: static !important;
    width: auto !important;
    text-align: left !important;
    flex: 1 !important;
    right: auto !important;
    align-self: center !important;
    vertical-align: middle !important;
    line-height: 20px !important;
}

/* 一级菜单图标（放到文字左边） */
.navAside .nav-item i.navIcon[data-v-4862a020] {
    color: #0284c7 !important;
    font-size: 16px !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    margin-right: 8px !important;
    order: -1 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: transparent !important;
    background: transparent !important;
}

/* ---- hover 效果 ---- */
/* 普通菜单项 hover - 排除 n_active 状态下的项 */
.navAside .nav-item[data-v-4862a020]:not(.noHover):not(.n_active > .nav-item.singleItem):hover,
.navAside .nav-item:not(.noHover):not(.n_active > .nav-item.singleItem):hover i[data-v-4862a020] {
    background-color: transparent !important;
}

.navAside .nav-item:not(.noHover):not(.n_active > .nav-item.singleItem):hover .expandedText[data-v-4862a020] {
    color: #0ea5e9 !important;
}

.navAside .nav-item:not(.noHover):not(.n_active > .nav-item.singleItem):hover i.navIcon[data-v-4862a020] {
    color: #0284c7 !important;
    background-color: transparent !important;
}

/* ---- 一级菜单激活状态 - 会员首页/会员中心等 ---- */
/* router-link-exact-active: Vue路由精确匹配激活 */
.navAside .nav-item > a.router-link-exact-active[data-v-4862a020],
.navAside .nav-item > a.router-link-exact-active {
    /*background-color: #0ea5e9 !important;
    background: #0ea5e9 !important;*/

}

    .navAside .nav-item > a.router-link-exact-active .expandedText[data-v-4862a020],
    .navAside .nav-item > a.router-link-exact-active .expandedText {
        color: #0ea5e9 !important;
        font-weight: 600 !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
    }

    .navAside .nav-item > a.router-link-exact-active i.navIcon[data-v-4862a020],
    .navAside .nav-item > a.router-link-exact-active i.navIcon {
        color: #0ea5e9 !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
    }

/* 激活状态左侧高亮条 */
.navAside .nav-item > a.router-link-exact-active[data-v-4862a020]::before,
.navAside .nav-item > a.router-link-exact-active::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: #0284c7 !important;
    box-shadow: 0 0 8px rgba(2, 132, 199, 0.6) !important;
}

/* ---- n_active 状态的父菜单项（展开分组时）- 只保留蓝色字体 ---- */
/* 当会员中心等父菜单项展开时的高亮样式 */
.n_active > .nav-item.singleItem[data-v-4862a020],
.n_active > .nav-item.singleItem {
    background-color: transparent !important;
    box-shadow: none !important;
    position: relative;
    transition: all 0.2s ease !important;
}

.n_active > .nav-item.singleItem .expandedText[data-v-4862a020] {
	color: #0ea5e9 !important;
	font-weight: 600 !important;
	text-shadow: none !important;
}

.n_active > .nav-item.singleItem i.navIcon[data-v-4862a020] {
	color: #0284c7 !important;
	text-shadow: none !important;
}

/* n_active 父菜单左侧高亮条 - 去掉 */
.n_active > .nav-item.singleItem[data-v-4862a020]::before {
	display: none !important;
}

/* n_active 状态下的 hover 效果 - 淡蓝色背景充满格子 */
.n_active > .nav-item.singleItem[data-v-4862a020]:hover,
.n_active > .nav-item.singleItem:hover {
	background-color: #e0f2fe !important;
	box-shadow: none !important;
	transform: none !important;
}

.n_active > .nav-item.singleItem:hover .expandedText[data-v-4862a020] {
	color: #0284c7 !important;
	text-shadow: none !important;
	font-weight: 700 !important;
}

.n_active > .nav-item.singleItem:hover i.navIcon[data-v-4862a020] {
	color: #0284c7 !important;
	transform: none !important;
}



/* ---- 二级子菜单区域（quickLookBtns）- 统一背景色 ---- */
body .navAside .quickLookBtns[data-v-4862a020] {
    background: #fff !important;
}

body .navAside .quickLookBtns .nav-item[data-v-4862a020] {
    background-color: transparent !important;
    border-bottom: 1px solid #cce4f7 !important;
    line-height: 40px !important;
    cursor: pointer !important;
    /* 确保 menuItem 自身是块级、有高度，点击区域完整 */
    position: relative !important;
    display: block !important;
    min-height: 40px !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

/* menuItem 内部的直接子 div - 允许点击通过 */
body .navAside .quickLookBtns .nav-item > div {
    pointer-events: auto !important;
    display: block !important;
    width: 100% !important;
    cursor: pointer !important;
}

/* 二级菜单文字 - 块级显示 - 统一对齐 */
body .navAside .quickLookBtns .nav-item .expandedText[data-v-4862a020] {
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif !important;
    padding-left: 40px !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* 关键：取消 position:absolute，改为静态流内布局 */
    position: static !important;
    line-height: 40px !important;
}

/* 二级菜单 hover - 强化覆盖 */
body .navAside .quickLookBtns .nav-item[data-v-4862a020]:not(.noHover):hover,
body .navAside .quickLookBtns .nav-item:not(.noHover):hover {
    background-color: #cce4f7 !important;
}

body .navAside .quickLookBtns .nav-item:not(.noHover):hover .expandedText[data-v-4862a020],
body .navAside .quickLookBtns .nav-item:not(.noHover):hover .navIcon[data-v-4862a020] {
    color: #0ea5e9 !important;
}

/* 二级菜单激活项 - 蓝底白字效果 */
body .navAside .quickLookBtns .nav-item.curOpen[data-v-4862a020] {
    background-color: #0ea5e9 !important;
    border-left: 4px solid #0284c7 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15) !important;
}

body .navAside .quickLookBtns .nav-item.curOpen .expandedText[data-v-4862a020] {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

body .navAside .quickLookBtns .nav-item.curOpen .navIcon[data-v-4862a020] {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

/* quickLookBtns 内的图标颜色 */
body .navAside .quickLookBtns i.navIcon[data-v-4862a020] {
    color: #0284c7 !important;
}

/* 覆盖 app.css 中 quickLookBtns 的 hover/curOpen 背景色 */
body .navAside .quickLookBtns .nav-item[data-v-4862a020]:not(.noHover):hover {
    background-color: #e0f2fe !important;
}

/* 子菜单链接容器 - 统一对齐 */
body .navAside .quickLookBtns .nav-item > div > a,
body .navAside .quickLookBtns .nav-item > a {
    padding-left: 12px !important;
}

/* ===================================================
   右侧边栏 - 快捷方式/公告/运费计算器
   =================================================== */

/* ---- 首页整体布局调整 ---- */
.idx-container {
    gap: 12px !important;
}

/* 左侧主区域 */
.idx-main {
    flex: 1 !important;
    min-width: 0 !important;
}

/* 右侧边栏加宽 */
.idx-sidebar {
    width: 360px !important;
    flex-shrink: 0 !important;
}

/* ---- 右侧边栏卡片通用样式 ---- */
.idx-sidebar .idx-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(30,45,74,0.08) !important;
    border: 1px solid #e2e8f0 !important;
}

.idx-sidebar .idx-card-header {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: transparent !important;
}

.idx-sidebar .idx-card-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e2d4a !important;
}

/* ---- 快捷方式 ---- */
.idx-sidebar .idx-shortcuts {
    padding: 12px !important;
    gap: 8px !important;
}

.idx-sidebar .idx-shortcut-item {
    padding: 12px 8px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
}

.idx-sidebar .idx-shortcut-item:hover {
    background: #e0f2fe !important;
    border-color: #bae6fd !important;
    transform: translateY(-2px) !important;
}

/* 快捷方式图标统一样式 */
.idx-sidebar .idx-shortcut-item .qi_icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 6px !important;
}

.idx-sidebar .idx-shortcut-item .qi_icon img {
    width: 22px !important;
    height: 22px !important;
    /* 保留原图片颜色，不使用 filter 反白 */
    filter: none !important;
}

.idx-sidebar .idx-shortcut-item .qi_name {
    font-size: 11px !important;
    color: #475569 !important;
    font-weight: 500 !important;
}

.idx-sidebar .idx-shortcut-item:hover .qi_name {
    color: #0284c7 !important;
}

/* 每个快捷方式不同颜色背景 */
.idx-sidebar .idx-shortcut-item:nth-child(1) .qi_icon {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(2) .qi_icon {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(3) .qi_icon {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(4) .qi_icon {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(5) .qi_icon {
    background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(6) .qi_icon {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(7) .qi_icon {
    background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%) !important;
}
.idx-sidebar .idx-shortcut-item:nth-child(8) .qi_icon {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

/* ---- 最新公告 ---- */
.idx-sidebar .idx-notice-list {
    padding: 8px 14px 14px !important;
}

.idx-sidebar .idx-notice-item {
    padding: 10px 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    position: relative !important;
    padding-left: 14px !important;
}

.idx-sidebar .idx-notice-item::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 14px !important;
    width: 6px !important;
    height: 6px !important;
    background: #3b82f6 !important;
    border-radius: 50% !important;
}

.idx-sidebar .idx-notice-item:last-child {
    border-bottom: none !important;
}

.idx-sidebar .idx-notice-item .ni_title {
    font-size: 13px !important;
    color: #475569 !important;
    font-weight: 400 !important;
}

.idx-sidebar .idx-notice-item:hover .ni_title {
    color: #3b82f6 !important;
}

.idx-sidebar .idx-notice-item .ni_time {
    font-size: 11px !important;
    color: #94a3b8 !important;
    margin-top: 2px !important;
}

/* ---- 运费估算器 ---- */
.idx-sidebar .idx-form {
    padding: 12px 14px 14px !important;
    gap: 10px !important;
}

.idx-sidebar .idx-form-row label {
    width: 50px !important;
    font-size: 12px !important;
    color: #64748b !important;
}

.idx-sidebar .idx-select select,
.idx-sidebar .mui-select select {
    height: 32px !important;
    font-size: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    color: #475569 !important;
    background: #fff !important;
    padding: 0 10px !important;
}

.idx-sidebar .idx-input-unit {
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    height: 32px !important;
}

.idx-sidebar .idx-input-unit input {
    height: 30px !important;
    font-size: 12px !important;
    color: #1e293b !important;
}

.idx-sidebar .idx-input-unit span {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 12px !important;
    color: #94a3b8 !important;
    border-left: 1px solid #e2e8f0 !important;
}

.idx-sidebar .idx-form .button {
    height: 34px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    margin-top: 4px !important;
}

/* ---- common.css 旧结构覆盖 ---- */
.left-wrapper .nav-item > a {
    color: #1e3a5f !important;
    font-weight: 500;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: unset !important;
    line-height: 1.4;
    font-size: 13px !important;
}

.left-wrapper .nav-item:hover > a {
    background-color: transparent !important;
    color: #0ea5e9 !important;
}

.left-wrapper .nav-item.active > a,
.left-wrapper .nav-item.curOpen > a {
    background-color: #0ea5e9 !important;
    color: #ffffff !important;
    border-left: 3px solid #0284c7 !important;
}

.left-wrapper .navIcon {
    color: #0284c7 !important;
}

.left-wrapper .nav-item:hover .navIcon,
.left-wrapper .nav-item.active .navIcon {
    color: #0ea5e9 !important;
}

/* ---- 旧结构：nav-class nav_name ---- */
.nav-item > .nav-class > .nav_name,
.nav-item > .nav-box > .nb_item a {
    color: #0369a1 !important;
}

/* ---- 旧结构：c_active 激活 ---- */
.nav-item > .nav-box > .c_active a {
    border-left: 3px solid #0284c7 !important;
    background: #0ea5e9 !important;
    color: #ffffff !important;
    font-weight: 600;
}

.nav-item .c_active a {
    color: #ffffff !important;
}

/* ---- 展开分组背景 ---- */
.n_active > .nav-box {
    background-color: #bae6fd !important;
}

/* rightText 弹出子菜单面板 */
.navAside .nav-item .rightText[data-v-4862a020] {
    background: #bae6fd !important;
    color: #0369a1 !important;
}

.navAside .nav-item .rightText.linkList a[data-v-4862a020],
.navAside .nav-item .rightText a {
    color: #0369a1 !important;
}

.navAside .nav-item:not(.noHover):hover .rightText[data-v-4862a020] {
    background: #e0f2fe !important;
}

/* ---- 页面背景 ---- */
html, body, .content-wrapper {
    background-color: #f8fafc !important;
    background: #f8fafc !important;
}

/* ---- 顶部皮肤切换区 & 提示条 ---- */
.skin-title,
.tips-wrapper {
    background-color: #f1f5f9 !important;
}

/* ---- 头部区域 ---- */
.head {
    background-color: #f1f5f9 !important;
}

/* ---- 主按钮 - 亮蓝渐变 ---- */
.button,
.bu_btn,
.page_container .link-wrapper .copy_btn,
.pagination-current,
.button1 {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%) !important;
    border: none !important;
    font-weight: 500;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 6px !important;
    transition: all 0.2s !important;
}

.button:hover,
.bu_btn:hover,
.button1:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35) !important;
}

/* ---- 绿色功能按钮（成功/确认/支付） ---- */
.button-success,
.btn-success,
.btn-confirm,
.agree_btn,
.agree,
.pay_btn,
.submit-btn {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
    border: none !important;
    font-weight: 500;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 6px !important;
    transition: all 0.2s !important;
}

.button-success:hover,
.btn-success:hover,
.btn-confirm:hover,
.agree_btn:hover,
.agree:hover,
.pay_btn:hover,
.submit-btn:hover {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

/* ---- 橙色功能按钮（警告/充值/待处理） ---- */
.button-warning,
.btn-warning,
.btn-alert,
.returngood,
.cancel_btn,
.cancel,
.recharge-btn {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
    border: none !important;
    font-weight: 500;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 6px !important;
    transition: all 0.2s !important;
}

.button-warning:hover,
.btn-warning:hover,
.btn-alert:hover,
.returngood:hover,
.cancel_btn:hover,
.cancel:hover,
.recharge-btn:hover {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35) !important;
}

/* ---- 次要按钮 / 激活状态 ---- */

/* ---- 次要按钮 / 激活状态 ---- */
.address_title > .addAddress_btn,
.select-wrappper > .si_active,
.mi-item .mi_active,
.search-wrapper > .search_icon_wrapper,
.copy_btn,
.select-wrappper > .si_active {
    background: #eff6ff !important;
    color: #3b82f6 !important;
    border: 1px solid #dbeafe !important;
    box-sizing: border-box;
}

/* ---- 高亮文字 ---- */
.historycost,
.mi-item div,
.my_parcel-footer .selectall-wrapper div,
.wrapper_text div span,
.addList a,
.withdraw a,
.sw_title,
.historycost span:nth-child(1),
.address-box .ab_list .ab_title,
.parcel_msg > .addAddress_btn,
.chooseaddress div {
    color: #3b82f6 !important;
}

/* ---- 指引边框 ---- */
.guidance-item > .gi_title {
    border-left: 4px solid #3b82f6 !important;
}

/* ---- 退货按钮 ---- */
.my_parcel-footer .returngood {
    background: #eff6ff !important;
    color: #3b82f6 !important;
}

/* ---- 步骤图 ---- */
.step-wrapper .step-item:nth-child(1) {
    background: url(../../images/skinImage/step2-blue.png) no-repeat !important;
    background-size: contain !important;
}

.step-wrapper .si_active {
    background: url(../../images/skinImage/step1-blue.png) no-repeat !important;
    background-size: contain !important;
}

.tips-wrapper .tips-icon {
    background: url(../../images/skinImage/jinggao-blue.png) no-repeat !important;
    background-size: contain !important;
}

/* ---- 区域标题装饰线 ---- */
.scw_title {
    border-left: 4px solid #3b82f6 !important;
}

/* ---- 价格汇总框 ---- */
.tableallprice-wrapper {
    border: 1px solid #dbeafe !important;
    background: #eff6ff !important;
}

/* ---- 链接文字 ---- */
.back-text a,
.tips-wrapper .tips-text {
    color: #3b82f6 !important;
}

/* ---- 下一步 & 支付按钮 ---- */
.step-footer .nextstep,
.pay_btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border-radius: 6px !important;
}

/* ---- 会员等级标签 ---- */
.usermsg-top > span:nth-child(2) {
    background: #dbeafe !important;
    color: #2563eb !important;
}

/* ---- 复制按钮图标 ---- */
.copy_btn > .copy_icon {
    background: url(../../images/skinImage/copy.png) no-repeat !important;
    background-size: contain !important;
}

/* ---- 搜索按钮图标 ---- */
.search-wrapper > .search_icon_wrapper > .search-btn {
    background: url(../../images/skinImage/search.png) no-repeat !important;
    background-size: contain !important;
}

/* ---- 公告图标 ---- */
.title-wrapper > .title_img {
    background: url(../../images/skinImage/gg-blue.png) no-repeat !important;
    background-size: contain !important;
}

/* ---- 表格排序颜色 ---- */
th .th .sj_icon .icon-shengxu,
.onlinePay-container-wrappper .now-money span,
.last-mw .msg-list .ml_text2 {
    color: #ef4444 !important;
}

th .th .sj_icon .icon-jiangxu {
    color: #3b82f6 !important;
}

/* ---- 支付金额输入框 ---- */
.pay-input-wrapper input {
    border: 2px solid #dbeafe !important;
}

.pay-input-wrapper input:focus {
    border: 2px solid #3b82f6 !important;
    outline: none;
}

/* ---- 母版页 header 图标 ---- */
.header .h-menus > .menu-item > .menu_icon {
    background: url(/Content/Pc/src/images/skinImage/menu_icon1.png) no-repeat !important;
    background-size: contain !important;
}

.header .h-menus > .menu-item:nth-child(2) > .menu_icon {
    background: url(/Content/Pc/src/images/skinImage/menu_icon2.png) no-repeat !important;
    background-size: contain !important;
}

.header .h-menus > .menu-item:nth-child(3) > .menu_icon {
    background: url(/Content/Pc/src/images/skinImage/menu_icon3.png) no-repeat !important;
    background-size: contain !important;
}

.header .h-menus > .menu-item:nth-child(4) > .menu_icon {
    background: url(/Content/Pc/src/images/skinImage/menu_icon4.png) no-repeat !important;
    background-size: contain !important;
}

.header .h-menus > .menu-item:nth-child(5) > .menu_icon {
    background: url(/Content/Pc/src/images/skinImage/menu_icon5.png) no-repeat !important;
    background-size: contain !important;
}

.header .h-menus > .menu-item:nth-child(6) > .menu_icon {
    background: url(/Content/Pc/src/images/skinImage/menu_icon6.png) no-repeat !important;
    background-size: contain !important;
}

/* ---- 侧边栏图标 ---- */
.nav-item > .nav-class > .nav_icon {
    background: url(/Content/Pc/src/images/skinImage/nav_icon1.png) no-repeat !important;
    background-size: contain !important;
}

.nav-item:nth-child(2) > .nav-class > .nav_icon {
    background: url(/Content/Pc/src/images/skinImage/nav_icon2.png) no-repeat !important;
    background-size: contain !important;
}

.nav-item:nth-child(3) > .nav-class > .nav_icon {
    background: url(/Content/Pc/src/images/skinImage/nav_icon3.png) no-repeat !important;
    background-size: contain !important;
}

.nav-item:nth-child(4) > .nav-class > .nav_icon {
    background: url(/Content/Pc/src/images/skinImage/nav_icon4.png) no-repeat !important;
    background-size: contain !important;
}

.nav-item > .nav-class > .nav_down {
    background: url(/Content/Pc/src/images/skinImage/down.png) no-repeat !important;
    background-size: contain !important;
}

.nav-item:first-child > .nav-class > .nav_down {
    background: none !important;
}

/* ---- 运费计算地址图标 ---- */
.frame-container .citys-wrapper .city-item .ci_icon {
    background: url(/Content/Pc/src/images/skinImage/address_icon1-blue.png) no-repeat !important;
    background-size: contain !important;
}

.frame-container .citys-wrapper .arrows_icon {
    background: url(/Content/Pc/src/images/skinImage/arraw-blue.png) no-repeat !important;
    background-size: contain !important;
}

.frame-container .citys-wrapper .city-item:last-child .ci_icon {
    background: url(/Content/Pc/src/images/skinImage/address_icon2-blue.png) no-repeat !important;
    background-size: contain !important;
}

/* ---- 卡片样式 ---- */
.box_the_same,
.right-container-wrapper {
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    border: 1px solid #e2e8f0 !important;
}

/* ---- 表格表头 ---- */
.address_table th {
    background: #f8fafc !important;
    color: #1e3a5f !important;
    font-weight: 600 !important;
}

/* ---- 页面标题区 ---- */
.page_title {
    border-bottom: 1px solid #e2e8f0 !important;
}

.page_title > .bigtitle {
    color: #1e3a5f !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* ---- 悬浮按钮 ---- */
.float-item {
    background: #1e3a5f !important;
}

/* ---- 底部 footer ---- */
.footer > .auto-wrapper > div > .tel {
    color: #3b82f6 !important;
}

/* ---- Logo 边框 ---- */
.header .logo-wrapper > .logo_img {
    border: none !important;
}

/* ===================================================
   首页公告弹窗优化 - 深蓝主题风格
   =================================================== */

/* 弹窗遮罩层 */
.pop-up-wrapper {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(4px) !important;
}

/* 公告弹窗主体 - frame_box3 */
.pop-up-wrapper > .frame_box3 {
    width: 800px !important;
    max-width: 90vw !important;
    height: 650px !important;
    max-height: 85vh !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.25) !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    flex-direction: column !important;
}

/* 弹窗标题栏 */
.pop-up-wrapper > .frame_box3 > .frame_title {
    padding: 20px 24px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* 标题文字 */
.pop-up-wrapper > .frame_box3 > .frame_title > .ft_name {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* 标题前添加公告图标 */
.pop-up-wrapper > .frame_box3 > .frame_title > .ft_name::before {
    content: '' !important;
    width: 24px !important;
    height: 24px !important;
    background: url(../../images/skinImage/gg-blue.png) no-repeat center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) !important;
}

/* 关闭按钮 */
.pop-up-wrapper > .frame_box3 > .frame_title > .close_btn {
    width: 28px !important;
    height: 28px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

/* 关闭按钮图标 */
.pop-up-wrapper > .frame_box3 > .frame_title > .close_btn::before,
.pop-up-wrapper > .frame_box3 > .frame_title > .close_btn::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 14px !important;
    height: 2px !important;
    background: #ffffff !important;
    border-radius: 1px !important;
}

.pop-up-wrapper > .frame_box3 > .frame_title > .close_btn::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}

.pop-up-wrapper > .frame_box3 > .frame_title > .close_btn::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.pop-up-wrapper > .frame_box3 > .frame_title > .close_btn:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    transform: rotate(90deg) !important;
}

/* 弹窗内容区域 */
.pop-up-wrapper > .frame_box3 > .frame-container {
    padding: 24px !important;
    height: calc(100% - 64px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 公告内容容器 */
.pop-up-wrapper > .frame_box3 .notice-wrapper {
    height: 100% !important;
    max-height: 600px !important;
    overflow-y: auto !important;
    padding: 24px !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

/* 公告内容文字样式 */
.pop-up-wrapper > .frame_box3 .notice-wrapper > p {
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 2 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

/* 修复公告内容中所有可能的文字重叠 */
.pop-up-wrapper > .frame_box3 .notice-wrapper * {
    line-height: 2 !important;
}

.pop-up-wrapper > .frame_box3 .notice-wrapper p,
.pop-up-wrapper > .frame_box3 .notice-wrapper div,
.pop-up-wrapper > .frame_box3 .notice-wrapper span {
    line-height: 2 !important;
    margin-bottom: 12px !important;
}

.pop-up-wrapper > .frame_box3 .notice-wrapper > p:last-child {
    text-align: right !important;
    color: #94a3b8 !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
}

/* 底部操作区 */
.pop-up-wrapper > .frame_box3 .fc_footer {
    margin-top: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
}

/* 我已知晓按钮 */
.pop-up-wrapper > .frame_box3 .fc_footer .button.close_btn2 {
    margin: 0 !important;
    width: 120px !important;
    height: 40px !important;
    line-height: 40px !important;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.pop-up-wrapper > .frame_box3 .fc_footer .button.close_btn2:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4) !important;
}

/* 今日不再提示 */
.pop-up-wrapper > .frame_box3 .fc_footer .setdefault {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    padding-left: 0 !important;
}

.pop-up-wrapper > .frame_box3 .fc_footer .setdefault span {
    font-size: 14px !important;
    color: #64748b !important;
    transition: color 0.2s ease !important;
}

.pop-up-wrapper > .frame_box3 .fc_footer .setdefault:hover span {
    color: #3b82f6 !important;
}

/* 复选框样式 */
.pop-up-wrapper > .frame_box3 .fc_footer .setdefault .set-btn {
    width: 20px !important;
    height: 20px !important;
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 4px !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    position: relative !important;
}

.pop-up-wrapper > .frame_box3 .fc_footer .setdefault:hover .set-btn {
    border-color: #3b82f6 !important;
}

/* 选中状态 */
.pop-up-wrapper > .frame_box3 .fc_footer .setdefault .set-btn.set-btn_on {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

.pop-up-wrapper > .frame_box3 .fc_footer .setdefault .set-btn.set-btn_on::after {
    content: '' !important;
    position: absolute !important;
    left: 5px !important;
    top: 2px !important;
    width: 6px !important;
    height: 10px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* 滚动条样式 */
.pop-up-wrapper > .frame_box3 .notice-wrapper::-webkit-scrollbar {
    width: 6px !important;
}

.pop-up-wrapper > .frame_box3 .notice-wrapper::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 3px !important;
}

.pop-up-wrapper > .frame_box3 .notice-wrapper::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 3px !important;
}

.pop-up-wrapper > .frame_box3 .notice-wrapper::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* ---- 输入框聚焦 ---- */
.fc-list > .fcl_container > input:focus {
    border: 1px solid #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* ---- 激活支付方式 ---- */
.pay-wrapper > .pi_active {
    border: 1px solid #3b82f6 !important;
    background: #eff6ff !important;
}

/* ---- Tab激活 ---- */
.select-wrappper > .si_active {
    background: #dbeafe !important;
    color: #3b82f6 !important;
}

/* ---- 包裹统计数字颜色 ---- */
.package-stat-number {
    color: #3b82f6 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    display: block;
    margin-bottom: 4px;
}

/* 待收货-蓝色 */
.stat-receiving { color: #3b82f6 !important; }
/* 已入库-绿色 */
.stat-warehoused { color: #10b981 !important; }
/* 待付款-橙色 */
.stat-pending { color: #f97316 !important; }
/* 已发货-蓝色 */
.stat-shipped { color: #3b82f6 !important; }
/* 已签收-绿色 */
.stat-signed { color: #10b981 !important; }

/* 确保包裹统计卡片内的数字是大号彩色 */
.box_the_same .stat-value {
    color: #3b82f6 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    display: block;
}

.box_the_same .stat-value.orange {
    color: #f97316 !important;
}

.box_the_same .stat-value.green {
    color: #10b981 !important;
}

/* ---- 会员信息卡样式 ---- */
.user-info-card {
    background: #fff !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 20px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

.user-info-card .user-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
}

.user-info-card .user-name {
    color: #1e3a5f !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* ---- 快捷入口宫格 ---- */
.quick-entry-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
}

.quick-entry-grid .quicklymethods_item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 12px 8px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    transition: all 0.2s !important;
}

.quick-entry-grid .quicklymethods_item:hover {
    background: #eff6ff !important;
    transform: translateY(-2px) !important;
}

/* ---- 仓库地址卡片 ---- */
.warehouse-card {
    background: #fff !important;
    border-radius: 8px !important;
    border: 1px solid #3b82f6 !important;
    padding: 16px !important;
    box-shadow: 0 1px 4px rgba(59,130,246,0.12) !important;
}

.warehouse-card .copy-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
}

/* 仓库地址双列布局 */
.warehouse-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}

.warehouse-wrapper .warehouse-card {
    margin-bottom: 0 !important;
}

/* ===== 侧边栏子菜单样式 - 与浅蓝主题统一 ===== */
/* 关键：强制覆盖 app.css 的 padding-right: 40px */

/* quickLookBtns 子菜单区域背景 */
body .navAside .quickLookBtns[data-v-4862a020] {
    background: #fff !important;
}

/* 子菜单项 - 最高优先级强制覆盖 app.css 的所有冲突样式 */
body .navAside .quickLookBtns .nav-item[data-v-4862a020],
html body .navAside .quickLookBtns .nav-item[data-v-4862a020],
html body aside.navAside .quickLookBtns div.nav-item[data-v-4862a020],
.navAside .quickLookBtns .nav-item[data-v-4862a020] {
    background-color: transparent !important;
    border-bottom: 1px solid #dbeafe !important;
    display: block !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 200px !important;
    min-height: 40px !important;
    height: auto !important;
    line-height: 40px !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    /* 关键：覆盖 app.css 的 padding-right: 40px */
    text-align: left !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 子菜单项内部的 div 容器 - 确保撑满高度 */
body .navAside .quickLookBtns .nav-item > div[data-v-4862a020],
.navAside .quickLookBtns .nav-item > div {
    display: block !important;
    width: 100% !important;

    min-height: 40px !important;
    line-height: 40px !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 子菜单项文字 - 最高优先级：彻底覆盖 app.css 的 position:absolute + width:80px + right:40px */
body .navAside .quickLookBtns .nav-item .expandedText[data-v-4862a020],
html body .navAside .quickLookBtns .nav-item .expandedText[data-v-4862a020],
html body aside.navaside .quicklookbtns div.nav-item span.expandedtext[data-v-4862a020],
.navAside .quickLookBtns .nav-item .expandedText,
.quickLookBtns .nav-item .expandedText[data-v-4862a020],
.quickLookBtns .nav-item .expandedText {
    color: #1e3a5f !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding-left: 40px !important;
    padding-right: 16px !important;
    display: block !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    /* 关键：必须用最高优先级强制覆盖 app.css 的 absolute 定位 */
    position: static !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    line-height: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    cursor: pointer !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

/* 子菜单 hover - 简洁效果：只变字体颜色 */
body .navAside .quickLookBtns .nav-item[data-v-4862a020]:not(.noHover):hover,
.navAside .quickLookBtns .nav-item:not(.noHover):hover {
    background-color: transparent !important;
    transform: none !important;
    transition: color 0.2s ease !important;
    box-shadow: none !important;
}

body .navAside .quickLookBtns .nav-item:not(.noHover):hover .expandedText[data-v-4862a020],
.navAside .quickLookBtns .nav-item:not(.noHover):hover .expandedText {
    color: #0ea5e9 !important;
    font-weight: 400 !important;
}

/* 当前打开的子菜单项 - 蓝底白字效果 */
body .navAside .quickLookBtns .nav-item.curOpen[data-v-4862a020],
.navAside .quickLookBtns .nav-item.curOpen {
    background-color: #0ea5e9 !important;
    border-left: 4px solid #0284c7 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15) !important;
}

body .navAside .quickLookBtns .nav-item.curOpen .expandedText[data-v-4862a020],
.navAside .quickLookBtns .nav-item.curOpen .expandedText {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

/* ===================================================
   右下角悬浮客服框
   =================================================== */

/* 右下角固定容器 */
.float-contact-fixed {
    position: fixed !important;
    right: 20px !important;
    bottom: 80px !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
}

/* 图标容器 */
.float-contact-fixed .float-wrappper {
    display: flex !important;
    flex-direction: column !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    gap: 8px !important;
    padding: 0 !important;
}

/* 每个联系项 */
.float-contact-fixed .float-item {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    transition: all 0.2s ease !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

/* hover 效果 */
.float-contact-fixed .float-item:hover {
    transform: scale(1.12) translateX(-4px) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
}

/* 图标 */
.float-contact-fixed .float-item .fi-icon {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
}

/* 文字隐藏 */
.float-contact-fixed .float-item .fi-text {
    display: none !important;
}

/* 各平台颜色 */
.float-contact-fixed .float-item1 {
    background: linear-gradient(135deg, #FF6B6B 0%, #EE5A5A 100%) !important;
}
.float-contact-fixed .float-item1 .fi-icon {
    background-image: url(../../images/wangwang.png) !important;
}

.float-contact-fixed .float-item2 {
    background: linear-gradient(135deg, #4FC3F7 0%, #29B6F6 100%) !important;
}
.float-contact-fixed .float-item2 .fi-icon {
    background-image: url(../../images/qq.png) !important;
}

.float-contact-fixed .float-item3 {
    background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%) !important;
}
.float-contact-fixed .float-item3 .fi-icon {
    background-image: url(../../images/tel.png) !important;
}

.float-contact-fixed .float-item4 {
    background: linear-gradient(135deg, #425F9B 0%, #39489A 100%) !important;
}
.float-contact-fixed .float-item4 .fi-icon {
    background-image: url(../../images/Facebook.png) !important;
}

.float-contact-fixed .float-item5 {
    background: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%) !important;
}
.float-contact-fixed .float-item5 .fi-icon {
    background-image: url(../../images/line.png) !important;
}

.float-contact-fixed .float-item6 {
    background: linear-gradient(135deg, #07C160 0%, #06AD56 100%) !important;
}
.float-contact-fixed .float-item6 .fi-icon {
    background-image: url(../../images/erweima2.png) !important;
}

/* 旧的侧边栏样式清除 */
.sidebar-contact {
    display: none !important;
}

/* 禁用原来的全局 float-wrappper 定位 */
body > .float-wrappper {
    display: none !important;
}



/* ===================================================
   包裹列表页面 - 搜索筛选区域优化
   =================================================== */

/* 筛选区域整体容器 */
.selectmore-wrapper {
    margin: 16px 0 !important;
}

.selectmore-box {
    padding: 16px 20px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

/* 筛选行 - 统一对齐 */
.selectmore-item {
    display: flex !important;
    align-items: flex-start !important;
    padding: 12px 0 !important;
    min-height: 48px !important;
}

.selectmore-item:first-child {
    padding-top: 0 !important;
}

.selectmore-item:last-child {
    padding-bottom: 0 !important;
    border-top: 1px solid #f1f5f9;
    margin-top: 8px;
    padding-top: 16px !important;
}

/* 标签标题 */
.selectmore-item .mi_title {
    font-size: 14px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    width: 50px !important;
    flex-shrink: 0 !important;
    line-height: 36px !important;
    margin: 0 !important;
}

/* 内容区域 */
.mi_wrapper {
    display: flex !important;
    align-items: center !important;
    margin-left: 16px !important;
    flex: 1 !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* 单号搜索区域特殊处理 */
.selectmore-item:first-child .mi_wrapper {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
}

/* 搜索输入框 */
.mi_wrapper textarea[name="BillCodeSearch"],
.mi_wrapper input[name="BillCodeSearch"] {
    width: 280px !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #334155 !important;
    background: #ffffff !important;
    resize: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.mi_wrapper textarea[name="BillCodeSearch"]:focus,
.mi_wrapper input[name="BillCodeSearch"]:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* 搜索按钮 */
.mi_wrapper .search_icon_wrapper {
    width: 36px !important;
    height: 36px !important;
    background: #eff6ff !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin-left: 8px !important;
    transition: all 0.2s !important;
}

.mi_wrapper .search_icon_wrapper:hover {
    background: #dbeafe !important;
}

.mi_wrapper .search_icon_wrapper .search-btn {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background-size: contain !important;
}

/* 右侧按钮组 */
.selectmore-item:first-child .mi_wrapper + div + div,
.selectmore-item:first-child .layout.ma-0 {
    display: flex !important;
    gap: 10px !important;
    margin-left: auto !important;
}

/* Vuetify按钮样式覆盖 */
.selectmore-item .v-btn {
    height: 36px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    padding: 0 16px !important;
}

.selectmore-item .v-btn.orange {
    background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
}

.selectmore-item .v-btn.info {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%) !important;
}

.selectmore-item .v-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.selectmore-item .v-btn .v-btn__content {
    color: #ffffff !important;
}

.selectmore-item .v-btn .iconfont {
    margin-right: 4px !important;
    font-size: 16px !important;
}

/* 仓库筛选标签 */
.mi_wrapper .mi-item {
    width: auto !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

.mi_wrapper .mi-item div,
.mi_wrapper .mi-item .query {
    float: none !important;
    font-size: 13px !important;
    color: #64748b !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    display: inline-block !important;
}

.mi_wrapper .mi-item div:hover,
.mi_wrapper .mi-item .query:hover {
    background: #f1f5f9 !important;
    color: #3b82f6 !important;
}

.mi_wrapper .mi-item .mi_active,
.mi_wrapper .mi-item div.mi_active {
    background: #eff6ff !important;
    color: #3b82f6 !important;
    font-weight: 500 !important;
    border: 1px solid #dbeafe !important;
}

/* 分隔线 */
.selectmore-item .spacer {
    flex: 1 !important;
}

/* ===================================================
   包裹列表页面 - 搜索筛选区域优化 END
   =================================================== */

/* ===================================================
   订单页面 - 搜索筛选区域优化
   =================================================== */

/* 订单页面搜索区域整体 */
.v-card__text > div:first-child .selectmore-item {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    padding: 12px 0 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}

/* 订单页面标签 */
.v-card__text .selectmore-item .mi_title {
    font-size: 14px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    line-height: 36px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* 订单页面输入框容器 */
.v-card__text .selectmore-item .mi_wrapper {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* 订单页面输入框样式 */
.v-card__text .selectmore-item input[name="OrderCodeSearch"],
.v-card__text .selectmore-item input[name="ReceiveName"],
.v-card__text .selectmore-item input[name="ReceiveTel"] {
    width: 180px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #334155 !important;
    background: #ffffff !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s !important;
}

/* 输入框聚焦状态 */
.v-card__text .selectmore-item input[name="OrderCodeSearch"]:focus,
.v-card__text .selectmore-item input[name="ReceiveName"]:focus,
.v-card__text .selectmore-item input[name="ReceiveTel"]:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* 订单页面搜索按钮 */
.v-card__text .selectmore-item .search_icon_wrapper {
    width: 36px !important;
    height: 36px !important;
    background: #3b82f6 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    margin-left: 8px !important;
}

.v-card__text .selectmore-item .search_icon_wrapper:hover {
    background: #2563eb !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59,130,246,0.35) !important;
}

.v-card__text .selectmore-item .search_icon_wrapper .search-btn {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    filter: brightness(0) invert(1) !important;
}

/* 时间筛选区域 */
.v-card__text > div:nth-child(2) .layout.ma-0.align-center {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    padding: 12px 0 !important;
    border-top: 1px solid #f1f5f9 !important;
    margin-top: 8px !important;
}

/* 时间标签 */
.v-card__text > div:nth-child(2) .mr-2 {
    font-size: 14px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

/* 日期输入框 */
.v-card__text .layui-input.test-item {
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #334155 !important;
    background: #ffffff !important;
    outline: none !important;
    transition: all 0.2s !important;
}

.v-card__text .layui-input.test-item:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important;
}

/* 至 文字样式 */
.v-card__text .v-text-field__slot span {
    color: #64748b !important;
    font-size: 14px !important;
    margin: 0 8px !important;
}

/* ===================================================
   订单页面 - 搜索筛选区域优化 END
   =================================================== */

/* ---- 页面底部全球服务热线 - 紧凑布局 ---- */
html body .footer {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    background: #f8fafc !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    overflow: visible !important;
}

html body .footer > .auto-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-height: unset !important;
    height: auto !important;
}

html body .footer > .auto-wrapper > .codeimg {
    display: none !important;
}

html body .footer > .auto-wrapper > .sitesmsg {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

html body .footer > .auto-wrapper > .sitesmsg .company {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

html body .footer > .auto-wrapper > .sitesmsg .company a {
    color: #3b82f6 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.footer > .auto-wrapper > .sitesmsg .company a:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}

html body .footer > .auto-wrapper > .sitesmsg .b_msg {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    color: #64748b !important;
    line-height: 1.3 !important;
}

.footer > .auto-wrapper > .sitesmsg .b_msg a {
    color: #64748b !important;
    text-decoration: none !important;
}

.footer > .auto-wrapper > .sitesmsg .b_msg a:hover {
    color: #3b82f6 !important;
    text-decoration: underline !important;
}

html body .footer > .auto-wrapper > .sitesmsg .service-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 11px !important;
    gap: 2px !important;
    line-height: 1.3 !important;
}

.footer > .auto-wrapper > .sitesmsg .service-line .tel {
    color: #3b82f6 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

/* ===================================================
   包裹表格行紧凑样式 - 让每一行更窄
   =================================================== */

/* 包裹表格表头紧凑 */
.v-application .pkg-table-header .thTitle > div {
    padding: 8px 6px !important;
}

/* 包裹数据行紧凑 - 减小内边距 */
.v-application .orderItem .orderTitle {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 44px;
}

/* 包裹表格数据单元格紧凑 */
.v-application .orderItem .layout > div {
    padding: 8px 6px !important;
    font-size: 12px !important;
}

/* 表格行间距缩小 */
.v-application .orderItem {
    margin-bottom: 1px;
}

/* 快递单号字体缩小 */
.v-application .orderItem .orderText {
    font-size: 12px !important;
}

/* 操作按钮紧凑 */
.v-application .pkg-btn {
    padding: 2px 6px !important;
    font-size: 11px !important;
    margin: 1px !important;
}

/* 状态徽章紧凑 */
.v-application .pkg-status-badge {
    padding: 1px 6px !important;
    font-size: 10px !important;
}

/* 表格整体内边距缩小 */
.v-application .right-container-wrapper .application--wrap {
    padding: 8px !important;
}

/* 表格列宽度优化 */
.v-application .pkg-table-header .thTitle > div,
.v-application .orderItem .layout > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}