/* =================================================
   Form Input UI (仅文本输入框，不影响按钮)
   ================================================= */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="search"],
textarea,
select {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  padding: 0.75rem 1rem;
  background-color: #ffffff;
  font-size: 1rem;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: #00BFFF;
  box-shadow: 0 0 0 4px rgba(99,102,241,0.15);
  outline: none;
}

/* =================================================
   Select2 UI 优化
   ================================================= */
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #00BFFF;
  border-radius: 1rem;
  min-height: 44px;
  padding: 4px 8px;
  background-color: #ffffff;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}
.select2-container--default .select2-search__field {
  border: none;
  box-shadow: none;
  padding: 6px;
  font-size: 1rem;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-container--open .select2-selection--single {
  border-color: #00BFFF;
  box-shadow: 0 0 0 4px rgba(99,102,241,0.15);
}
.select2-dropdown { border-radius: 12px; border: 1px solid #e5e7eb; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #00BFFF !important;
  color: #ffffff;
}

/* =================================================
   Job Listing UI
   ================================================= */
ul.job_listings li.job_listing {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  
  /* 👇 修改这里：上 10px | 右 10px | 下 20px (或更大) | 左 10px */
  padding: 1px 1px 1px px; 
  
  margin-bottom: 8px !important; /* 刚才加的外部间距 */
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

/* =================================================
   Featured Job 高级样式
   ================================================= */

ul.job_listings li.job_position_featured::before,
ul.job_listings li.featured::before { display: none !important; }

/* 小角标 Ribbon */
ul.job_listings li.job_position_featured::after,
ul.job_listings li.featured::after {
  content: "FEATURED";
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #00BFFF;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
ul.job_listings li.job_position_featured a { background: transparent !important; }

/* =================================================
   Job Info UI (基础卡片与文本样式)
   ================================================= */
.job_listings .company_logo { border-radius: 12px; }
.job_listings .company strong { font-weight: 600; }
.job_listings .position h3 { font-size: 18px; font-weight: 600; }
.job_listings .date { color: #6b7280; font-size: 12px; }

/* =================================================
   WP Job Manager 按钮修复
   ================================================= */
input[type="submit"], input[type="button"], button {
    background: #00BFFF;
    color: #ffffff !important;
    border: none;
    border-radius: 0.75rem;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background: #00BFFF;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

/* =================================================
   Job Listings 居中修复与卡片渐变
   ================================================= */
div.job_listings ul.job_listings {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

ul.job_listings li.job_position_featured,
ul.job_listings li.featured {
    background: linear-gradient(145deg, #fefefe, #f7f9fc); 
    position: relative;
    box-shadow: 0 4px 12px rgba(99,102,241,0.15);
}

/* =================================================
   全局布局：Flex 流式容器 (全端统一靠右，自动换行)
   ================================================= */
.location-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 6px;
    margin-bottom: 8px;
    padding: 0 12px;
    align-items: center;
    justify-content: flex-end !important; /* 强制所有内容靠右 */
}

.location-container .location-group {
    display: flex;
    flex-wrap: wrap; 
    gap: 6px;
    align-items: center;
    justify-content: flex-end; 
    flex: 1 1 auto;
}

/* 通用常规标签样式 */
.location-container .tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;              
    font-size: 13px;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #1f2937;
    border: 1px solid rgba(0,0,0,0.05);
    white-space: nowrap;
}

/* 已申请标签 */
.location-container .applied {
    background: #fff;
    color: #1E90FF;
    border-color: rgba(5,95,70,0.2);
    font-weight: 600;
    order: 10;
}

/* =================================================
   🎯 全端统一微调中心 (在此修改，PC与手机同步生效)
   ================================================= */

/* 1. 📍 地址 (如：铜锣湾) 微调 */
.job_listings .location {
    /* 💡 微调大小：地址的字体大小 */
    font-size: 15px;
    /* 💡 微调上下左右：顺序为 上 右 下 左 */
    margin: 0px 0px 0px 0px;
    /* 💡 微调偏移：(水平偏移, 垂直偏移) */
    transform: translate(0px, 0px);
    
    /* 👇 新增：给地址文字注入高级感 👇 */
    color: #3b82f6 !important;    /* 现代亮蓝色（与你的主题悬停色一致），非常高级 */
    font-weight: 600 !important;  /* 稍微加粗，增加文字的视觉分量 */
}

/* 👇 移动端专属微调：整体压缩，消除多余上下间距 👇 */
@media (max-width: 768px) {
    /* 1. 缩小外层容器的自带间距 */
    .location-container,
    .location-container .location-group {
        gap: 4px !important;            /* 原为6px，收缩标签之间的缝隙 */
        margin-bottom: 2px !important;  /* 缩小与下方日期的距离 */
    }

    /* 2. 📍 地址 微调 */
    .job_listings .location {
        font-size: 13px !important;
			white-space: nowrap !important; /* 🚫 核心：强制不换行 */
        
        /* 如果手机屏幕实在太窄，就稍微缩小一点字号 */
        letter-spacing: -0.2px !important; /* 稍微收紧字间距 */
        /* 顺序：上 右 下 左。 */
        margin: 2px 0px 0px 0px !important;
        display: inline-block !important;
    }

    /* 4. 💼 工作类型 微调 */
    .job_listings ul.meta li.job-type {
        /* 顺序：上 右 下 左 */
        margin: 2px 4px 0px 0px !important;
        /* 让胶囊变薄 */
        padding: 1px 8px !important; 
        font-size: 11px !important;
        line-height: 18px !important;
    }
}

/* 3. 💼 工作类型微调 (如：Full Time) */
.job_listings ul.meta li.job-type {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px 10px !important;
    line-height: 20px;
    font-weight: 500;
    border-radius: 999px;
    background: #f3f4f6;
    color: #1f2937;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.02);
    white-space: nowrap;
    box-sizing: border-box;
    overflow: hidden;

    /* 💡 微调大小：工作类型的字体大小 */
    font-size: 12px;
    /* 💡 微调上下左右：顺序为 上 右 下 左 (原代码保留了4px右边距) */
    margin: 0px 4px 0px 0px !important;
    /* 💡 微调偏移：(水平偏移, 垂直偏移) */
    transform: translate(0px, 0px);
}
/* =================================================
   简历 CSS
   简历小工具样式适配（和职位列表视觉统一）
   ================================================= */

/* 简历列表整体样式（复用 job_listings 的样式） */
ul.resumes {
    max-width: 900px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}

/* 简历列表项样式（复用 job_listing 的样式） */
ul.resumes li.resume {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 10px;
    margin-bottom: 5px;
    transition: all 0.2s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
    position: relative;
}
  position: relative;
  box-shadow: 0 4px 12px rgba(99,102,241,0.15);
}
/* 隐藏原有 featured 标识，添加统一的 FEATURED 角标 */
ul.resumes li.resume_featured::before {
    display: none !important;
}
ul.resumes li.resume_featured::after {
    content: "FEATURED";
    position: absolute;
    top: 3px;
    right: 3px;
    background-color: #00BFFF;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
ul.resumes li.resume_featured a {
    background: transparent !important;
}

/* 简历候选人标题样式（复用职位标题样式） */
ul.resumes .candidate h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

/* 简历元信息（meta）样式（复用职位 meta 样式） */
ul.resumes ul.meta {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* 简历职位名称/地点标签样式（复用 job-type 样式） */
ul.resumes ul.meta li.candidate-title,
ul.resumes ul.meta li.candidate-location {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px 10px !important;
    line-height: 22px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 999px;
    background: #f3f4f6;
    color: #1f2937;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.02);
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}

/* 简历地点标签差异化样式（可选，和职位地点标签视觉区分） */
ul.resumes ul.meta li.candidate-location {
    background: #fef3c7;
    color: #92400e;
    border-color: rgba(146,64,14,0.2);
}

/* 移动端适配（和职位列表移动端样式统一） */
@media (max-width: 480px) {
    ul.resumes li.resume {
        padding: 12px;
    }
    ul.resumes .candidate h3 {
        font-size: 16px;
    }
    ul.resumes ul.meta li.candidate-title,
    ul.resumes ul.meta li.candidate-location {
        font-size: 11px;
        padding: 0 6px !important;
        line-height: 20px;
    }
    ul.resumes li.resume_featured::after {
        font-size: 9px;
        padding: 2px 6px;
    }
}

/* =================================================
   Filter Tag Cloud 标签美化（移动端边框残留修复）
   ================================================= */
.filter_by_tag_cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 1px;
}

.filter_by_tag_cloud a {
    display: inline-block;
    padding: 3px 3px !important;
    background: #f3f4f6 !important;
    color: #4b5563 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border: 1px solid #e5e7eb !important; /* 默认边框 */
    transition: all 0.2s ease;
}

/* 电脑端悬停效果 */
@media (hover: hover) {
    .filter_by_tag_cloud a:hover {
        background: #6366f1 !important;
        color: #ffffff !important;
        border-color: #6366f1 !important;
    }
}

/* 移动端触摸反馈 */
@media (hover: none) {
    .filter_by_tag_cloud a:active,
    .filter_by_tag_cloud a:focus {
        background-color: #e2e8f0 !important; /* 背景反馈 */
        border-color: #e5e7eb !important;      /* 边框恢复原色 */
        color: #4b5563 !important;            /* 文字恢复原色 */
        transition: none !important;
        outline: none !important;             /* 防止浏览器自带蓝色/紫色轮廓 */
        box-shadow: none !important;          /* 防止阴影残留 */
    }
}

/* =================================================
   Resumes List Left Alignment Fix（强制清理左间距与卡片对齐问题）
   ================================================= */
/* 1. 强制清理整个列表容器的左间距（这通常是导致卡片无法彻底左对齐的元凶） */
ul.resumes {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

/* 2. 修正卡片本身，确保它紧贴左侧 */
ul.resumes li.resume_featured {
    margin-left: 0 !important;
    padding-left: 20px !important; /* 确保左侧有足够的 padding 而不是 margin */
    display: block !important;
}

/* 3. 修正卡片内部的布局，强制所有子元素向左排列 */
ul.resumes li.resume_featured > a {
    display: flex !important;
    flex-direction: row;        /* 确保是横向排列 */
    justify-content: flex-start !important; /* 核心：强制所有内容靠左 */
    align-items: center;        /* 垂直居中 */
    gap: 15px;                  /* 头像和文字之间的间距 */
    text-align: left !important;
    width: 100% !important;     /* 确保占满宽度 */
}

/* 4. 确保头像不被压缩或居中 */
ul.resumes li.resume_featured img.candidate_photo {
    margin-left: 0 !important;
    flex-shrink: 0;             /* 防止头像被压缩 */
}

/* =================================================
   Sidebar Spacing & Page Background Optimization（侧边栏收紧与页面背景统一）
   ================================================= */
/* 强制收紧侧边栏间距：通杀式写法 */
.sidebar, 
.widget, 
.side-block, 
.sidebar-item,
aside,
aside section {
    margin-bottom: 12px !important; /* 强制统一间距 */
    padding-bottom: 0 !important;
}

/* 针对标题下方空隙的毁灭性打击 */
.widget-title, 
.widgettitle, 
h3.widget-title {
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}

/* 针对 ul/li 列表类型的间距 */
.widget ul, 
.sidebar ul {
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. 将页面主体背景设为纯白，不影响卡片 */
body, #content, .site-main {
    background-color: #ffffff !important;
}

/* 2. 搜索栏背景改白，但保留你之前的边框逻辑 */
.job_filters, .resume_filters {
    background-color: #ffffff !important;
}

/* 3. 增强阴影，让卡片在白底上更立体 */
ul.job_listings li.job_listing, 
ul.resumes li.resume {
    background: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important;
}
.filter_by_tag_cloud a.active,
.filter_by_tag_cloud a.tag-link-active,
.filter_by_tag_cloud .active > a {
    background: #6366f1 !important;
    color: white !important;
    border-color: #6366f1 !important;
}

/* =================================================
   RESUME 手机端 UI 优化（整合版 - 方便微调）
   ================================================= */
@media (max-width: 480px) {

    /* 主容器：头像与内容区 */
    ul.resumes li.resume > a,
    ul.resumes li.resume_featured > a {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    /* 头像尺寸 */
    ul.resumes img.candidate_photo {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        flex-shrink: 0;
    }

    /* 名字 + 职位（保持在头像右侧） */
    .candidate-column {
        flex: 1;
        min-width: 0;
    }

    ul.resumes .candidate h3,
    ul.resumes .candidate-column h3 {
        font-size: 16px;
        margin-bottom: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .candidate-title {
        font-size: 12px;
        color: #6b7280;
    }

    /* === 微调控制区 === */
    .candidate-location-column,
    .resume-posted-column {
        flex-basis: 100% !important;
        /* 注意：原代码的 padding-left: px 缺失了数值，我先帮你加上 60px 占位 */
        padding-left: 60px !important; 
        box-sizing: border-box;
        margin-top: 4px !important;
    }

    /* location 标签 */
    .candidate-location {
        font-size: 11px !important;
        padding: 2px 8px !important;
        border-radius: 999px;
        background: #fef3c7;
        color: #92400e;
        display: inline-block;
    }

    /* 时间 + 分类 */
    .resume-posted-column {
        font-size: 11px !important;
        color: #6b7280;
        display: flex !important;
        gap: 6px !important;
        flex-wrap: wrap;
    }

    .resume-category {
        font-size: 11px !important;
        color: #9ca3af;
    }

    /* 卡片内边距 */
    ul.resumes li.resume {
        padding: 14px;
    }
}

/* =================================================
   WPCOM Member - 隐藏“个人中心 + 我的订单”
   只隐藏菜单项，不影响父级 dropdown
   ================================================= */

/* 隐藏“个人中心” */
.dropdown-menu a[href*="/profile/"]{
    display:none !important;
}

/* 隐藏“我的订单” */
.dropdown-menu a[href*="orders-list"]{
    display:none !important;
}

/* 如果主题使用订单专用 class（保险规则） */
.member-nav-orders-list{
    display:none !important;
}

.woocommerce-MyAccount-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* 水平居中 */
}

/* =================================================
   WooCommerce my-account 页面优化
   目标：
   - 隐藏左侧菜单及其他多余元素
   - 工作包表格完全居中显示
   ================================================= */

/* 隐藏左侧菜单和多余元素 */
.woocommerce-MyAccount-navigation,
.woocommerce-notices-wrapper,
.woocommerce-MyAccount-content > p,
.woocommerce-MyAccount-content > .woocommerce-orders,
.woocommerce-MyAccount-content > .woocommerce-downloads,
.woocommerce-MyAccount-content > .woocommerce-addresses,
.woocommerce-MyAccount-content > .woocommerce-payment-methods {
    display: none !important;       /* 不显示 */
    width: 0 !important;            /* 占位宽度清零 */
    padding: 0 !important;          /* 清除 padding */
    margin: 0 !important;           /* 清除 margin */
}

/* 让 My Account 内容区域占满整行 */
.woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;  /* 水平居中表格 */
    flex-direction: column;
}

/* 工作包表格显示并居中 */
.woocommerce-MyAccount-content .my_account_job_packages {
    display: table !important;
    margin: 40px auto !important;    /* 上下间距 + 水平居中 */
    text-align: center;
    max-width: 800px;                /* 可选：表格最大宽度 */
}

/* 表头和表格内容居中 */
.woocommerce-MyAccount-content .my_account_job_packages th,
.woocommerce-MyAccount-content .my_account_job_packages td {
    text-align: center !important;
}

/* 可选：美化表格边框和样式 */
.woocommerce-MyAccount-content .my_account_job_packages {
    border-collapse: collapse;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
}

.woocommerce-MyAccount-content .my_account_job_packages th,
.woocommerce-MyAccount-content .my_account_job_packages td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.woocommerce-MyAccount-content .my_account_job_packages th {
    background-color: #f9fafb;
    font-weight: 600;
}

/* =================================================
   父级容器布局优化
   ================================================= */
.parent-container {
    display: flex;
    width: 100%;
}

/* 左右两列平分 50% */
.search_remote_position,
.search_submit {
    flex: 0 0 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center; /* 垂直居中 */
}

/* 复选框部分：左对齐 */
.search_remote_position {
    justify-content: flex-start;
}

/* 按钮容器：负责将按钮在其 50% 的空间内居中 */
.search_submit {
    justify-content: center;
}

/* 按钮本身：设置固定宽度或内边距来达到“缩小”效果 */
.search_submit input[type="submit"] {
    width:420px;       /* 你可以修改这个数值来调整按钮大小 */
    padding: 8px 0;     /* 控制高度 */
    cursor: pointer;
    text-align: center;
} 

/* =================================================
   简历列表页专用美化 (仅作用于前端展示列表)
   通过 ul.resumes 限制，确保不污染管理后台表格
   ================================================= */

/* 仅在 ul.resumes 列表里的标签显示黄色胶囊样式 */
/* 仅在 ul.resumes 列表里的标签显示黄色胶囊样式 */
ul.resumes ul.meta li.candidate-location {
    background: #fef3c7 !important;
    color: #92400e !important;
    border: 1px solid rgba(146,64,14,0.2) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px 10px !important;
    line-height: 22px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 999px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.02);
    white-space: nowrap;
}

/* 防止 span 再生成第二个标签 */
ul.resumes ul.meta li.candidate-location span.candidate-location {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* =================================================
   管理后台表格修复 (针对 #resume-manager-candidate-dashboard)
   强制清除可能存在的干扰，并启用横向滚动
   ================================================= */
#resume-manager-candidate-dashboard {
    overflow-x: auto !important;
    display: block !important;
    width: 100% !important;
}

#resume-manager-candidate-dashboard table.resume-manager-resumes {
    width: 100% !important;
    min-width: 600px !important; /* 确保在手机上通过滚动查看，而不是挤压 */
    display: table !important;
}

/* 确保后台表格的单元格就是普通的单元格 */
#resume-manager-candidate-dashboard table.resume-manager-resumes td,
#resume-manager-candidate-dashboard table.resume-manager-resumes th {
    background: transparent !important;
    border-radius: 0 !important;
    display: table-cell !important;
    padding: 12px 8px !important;
    border-bottom: 1px solid #eee !important;
    text-align: left !important;
}

/* =================================================
   WPJM 我的简历后台表格：深度清洁污染样式
   确保地址、标题等文字颜色统一，背景透明
   ================================================= */
/* 1. 针对手机端和所有屏幕，强制重置后台表格内部的 span */
#resume-manager-candidate-dashboard table.resume-manager-resumes td.candidate-location span.candidate-location,
#resume-manager-candidate-dashboard table.resume-manager-resumes td span,
#resume-manager-candidate-dashboard table.resume-manager-resumes td a {
    background: transparent !important; /* 彻底去掉黄色背景 */
    color: #333 !important; /* 统一设置成深灰色文字 */
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: inline !important; /* 还原成普通文本流 */
    font-size: 14px !important; /* 统一文字大小 */
    font-weight: normal !important;
}

/* 2. 针对表格单元格本身，再次强化纯净背景 */
#resume-manager-candidate-dashboard table.resume-manager-resumes td.candidate-location,
#resume-manager-candidate-dashboard table.resume-manager-resumes td.resume-title,
#resume-manager-candidate-dashboard table.resume-manager-resumes td.candidate-title {
    background-color: transparent !important;
}

/* 3. 统一表头字体颜色 */
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th {
    color: #666 !important;
    background-color: #f9f9f9 !important;
}

/* =================================================
   隐藏文章底部的收藏、分享及阅读模式工具栏
   ================================================= */
.entry-bar-info.entry-bar-info2 {
    display: none !important;
}

/* =================================================
   隐藏标题下方的装饰线 - 通用方案
   ================================================= */
/* 情况1: 隐藏标题伪元素生成的下划线 */
.entry-title:after,
.post-title:after,
.page-title:after {
    display: none !important;
}

/* 情况2: 隐藏标题容器的底部边框 */
.entry-header,
.title-area,
.page-header,
.job_listing-header {
    border-bottom: none !important;
}

/* 情况3: 隐藏标题下方的分隔线元素 */
.entry-title + hr,
.hr-below-title,
.separator-below-title,
.title-separator {
    display: none !important;
}

/* 首页专属：隐藏标题装饰线 */
.home .entry-title:after,
.home .title-border {
    display: none !important;
}

/* 隐藏：最常用，针对 WC Paid Listings 的 My Packages 标题 */
.woocommerce-MyAccount-content h2 {
    display: none !important;
}

/* =================================================
   搜索栏与复选框细节微调
   ================================================= */
/* 1. 只针对薪资筛选下拉：向下微调间距 */
.search_salary,
div[class*="search_salary"],
.search_salary select {
    margin-top: 10px !important;     /* 往下推 */
    margin-bottom: 1px !important;   /* 下面留白，防止贴下一个元素 */
}

/* 2. Remote positions only 复选框优化 */
.search_remote_position {
    margin: 1px 0 1px 0 !important;  /* 上下间距，整体呼吸感 */
    display: flex;
    align-items: center;
    gap: 10px;                         /* 复选框和文字间距 */
}

.search_remote_position input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #3b82f6 !important;  /* 勾选颜色 */
    border: 2px solid #d1d5db !important;
    border-radius: 4px !important;
    cursor: pointer;
}

.search_remote_position label {
    font-size: 13px !important;        /* 文字稍大一点 */
    font-weight: 500 !important;       /* 中等粗细 */
    color: #1f2937 !important;         /* 深灰文字 */
    cursor: pointer;
    margin: 0 !important;
}

.search_remote_position label:hover,
.search_remote_position input[type="checkbox"]:hover {
    opacity: 0.9;
}

/* =================================================
   Job Detail Page UI Enhancement
   不改变布局，只优化视觉
   ================================================= */

/* ---------- 标题 ---------- */
.entry-title{
    font-weight:700;
    letter-spacing:-0.2px;
    color:#111827;
}

/* 时间 / views */
.entry-info{
    font-size:13px;
    color:#6b7280;
}

/* =================================================
   Job Meta UI + 手机端拥挤修复
   ================================================= */
.single_job_listing .job-listing-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
    margin-bottom:18px;
    padding:0;
}

.single_job_listing .job-listing-meta li{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    padding:2px 10px;
    font-size:14px;
    font-weight:500;
    border-radius:999px;
    background:#f3f4f6;
    border:1px solid #e5e7eb;
    color:#374151;
}

/* job type */
.single_job_listing .job-type{
    background:#eef2ff;
    color:#4f46e5;
    border-color:rgba(99,102,241,0.25);
}

/* location */
.single_job_listing .location{
    background:#ecfeff;
    color:#0e7490;
}

/* salary */
.single_job_listing .salary{
    background:#fef3c7;
    color:#92400e;
}

/* date */
.single_job_listing .date-posted{
    background:#f9fafb;
}

/* 手机端 */
@media (max-width:480px){
    .single_job_listing .job-listing-meta{
        gap:10px;
    }
    .single_job_listing .job-listing-meta li{
        font-size:12px;
        padding:2px 8px;
    }
}

/* =================================================
   公司信息 UI
   ================================================= */
.single_job_listing .company{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fafafa;
}

.company_logo{
    border-radius:10px;
}

.company strong{
    font-size:15px;
    color:#111827;
}

.company .website{
    font-size:16px;
    color:#6366f1;
}

/* =================================================
   Job Description
   ================================================= */
.job_description{
    font-size:16px;
    line-height:1.7;
    color:#374151;
}

.job_description p{
    margin-bottom:14px;
}
/* =================================================
   Apply Button UI 优化
   不改变按钮大小和位置
   ================================================= */
.application_button{
    font-weight:100;
    letter-spacing:0.2px;
    border-radius:10px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    transition:all .2s ease;
}

/* hover */
.application_button:hover{
    box-shadow:0 6px 14px rgba(0,0,0,0.12);
    transform:translateY(-1px);
}

/* 点击 */
.application_button:active{
    transform:translateY(0);
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* =================================================
   Apply 展开框
   ================================================= */
.application_details{
    margin-top:12px;
    padding:12px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#f9fafb;
}

/* =================================================
   其他细节
   ================================================= */
.claim-listing{
    font-size:14px;
    color:#9ca3af;
}

.wp-job-manager-bookmarks-form{
    margin-top:10px;
    margin-bottom:14px;
}

.entry-copyright{
    font-size:12px;
    color:#9ca3af;
    margin-top:30px;
}
/* =================================================
   WP Job Manager 分页 - 响应式优化版
   ================================================= */

/* 1. 容器：确保居中且允许换行 */
.job-manager-pagination {
    display: flex !important;
    justify-content: center !important;
    margin: 40px auto !important;
    width: 100% !important;
}

.job-manager-pagination ul {
    display: flex !important;
    flex-wrap: wrap !important; /* 关键：移动端空间不足自动换行 */
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.job-manager-pagination ul li {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* 2. 统一按钮外观：使用 padding 代替固定宽高，解决挤压问题 */
.job-manager-pagination ul li a,
.job-manager-pagination ul li span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 36px !important; /* 移动端最小宽度 */
    height: 36px !important;
    padding: 0 12px !important; /* 随内容自动扩展 */
    border-radius: 12px !important; /* 统一圆角 */
    border: none !important;
    outline: none !important;
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-sizing: border-box !important;
}

/* 3. 选中态：锁定圆角与样式 */
.job-manager-pagination ul li span.current,
.job-manager-pagination ul li a.current {
    background-color: #6366f1 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3) !important;
}

/* 4. 悬停交互 */
.job-manager-pagination ul li a:hover {
    background-color: #e2e8f0 !important;
    color: #6366f1 !important;
}

/* 5. 省略号与图标 */
.job-manager-pagination ul li span.gap {
    background: transparent !important;
    color: #94a3b8 !important;
    min-width: 20px !important;
}

.job-manager-pagination ul li a svg {
    width: 18px !important;
    height: 18px !important;
    pointer-events: none; /* 防止 SVG 干扰点击 */
}

/* 6. 极致移动端适配 */
@media (max-width: 480px) {
    .job-manager-pagination ul {
        gap: 6px !important;
    }
    .job-manager-pagination ul li a,
    .job-manager-pagination ul li span {
        min-width: 32px !important;
        height: 32px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
    }
}
/* =================================================
   简历管理后台表格 - 仪表盘风格统一优化
   ================================================= */
#resume-manager-candidate-dashboard {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* 手机端丝滑滚动 */
}

#resume-manager-candidate-dashboard table.resume-manager-resumes {
    width: 100%;
    min-width: 640px;               /* 防止手机端过度压缩 */
    border-collapse: separate;
    border-spacing: 0 8px;          /* 行间距，营造卡片感 */
    margin: 16px 0;
}

/* 表头 */
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th {
    background: #f8fafc;            /* 极浅灰 */
    color: #4b5563;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    padding: 12px 16px;
    border-bottom: 2px solid #e2e8f0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    letter-spacing: -0.2px;
}

/* 最后表头圆角 */
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th:last-child {
    border-top-right-radius: 12px;
}

#resume-manager-candidate-dashboard table.resume-manager-resumes thead th:first-child {
    border-top-left-radius: 12px;
}

/* 表格行 - 卡片化 */
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr {
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    border-radius: 12px;
    transition: all 0.18s ease;
    margin-bottom: 8px;
}

/* hover 效果（与职位/简历列表一致） */
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr:hover {
    box-shadow: 0 6px 16px rgba(99,102,241,0.12);
    transform: translateY(-1px);
    border-color: #6366f1;
}

/* 单元格基础样式 */
#resume-manager-candidate-dashboard table.resume-manager-resumes td {
    padding: 16px 18px;
    font-size: 14px;
    color: #374151;
    border: none;
    vertical-align: middle;
}

/* 第一列（姓名 + 操作按钮） */
#resume-manager-candidate-dashboard table.resume-manager-resumes td.resume-title {
    font-weight: 600;
    color: #111827;
}

#resume-manager-candidate-dashboard table.resume-manager-resumes td.resume-title a {
    color: #6366f1;
    text-decoration: none;
    transition: color 0.2s ease;
}

#resume-manager-candidate-dashboard table.resume-manager-resumes td.resume-title a:hover {
    color: #4f46e5;
    text-decoration: underline;
}

/* 操作按钮组 - 横向小按钮风格 */
.candidate-dashboard-actions {
    margin-top: 8px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.candidate-dashboard-actions li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid #e2e8f0;
}

.candidate-dashboard-actions a:hover {
    background: #e2e8f0;
    color: #1f2937;
}

.candidate-dashboard-action-edit  { background: #dbeafe; color: #1d4ed8; border-color: #bfdbfe; }
.candidate-dashboard-action-edit:hover  { background: #bfdbfe; }
.candidate-dashboard-action-hide  { background: #fef3c7; color: #92400e; border-color: #fde68a; }
.candidate-dashboard-action-hide:hover  { background: #fde68a; }
.candidate-dashboard-action-delete {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
}
.candidate-dashboard-action-delete:hover {
    background: #fecaca;
}

/* 位置、标题、分类等标签化（复用你之前的胶囊风格） */
.candidate-title,
.candidate-location span,
.resume-category {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 999px;
    background: #f3f4f6;
    color: #374151;
    border: 1px solid rgba(0,0,0,0.04);
}

/* 特殊颜色区分（与前端列表保持一致） */
.candidate-location span {
    background: #fef3c7;
    color: #92400e;
    border-color: rgba(146,64,14,0.2);
}

/* 日期列 - 浅色 */
.date {
    color: #6b7280;
    font-size: 13.5px;
}

/* 空分类时的友好显示 */
.resume-category:empty::before {
    content: "—";
    color: #9ca3af;
}

/* 移动端适配 - 减小内边距 & 强制滚动 */
@media (max-width: 640px) {
    #resume-manager-candidate-dashboard table.resume-manager-resumes {
        min-width: 580px;
    }
    
    #resume-manager-candidate-dashboard table.resume-manager-resumes td,
    #resume-manager-candidate-dashboard table.resume-manager-resumes th {
        padding: 12px 14px;
        font-size: 13.5px;
    }
    
    .candidate-dashboard-actions {
        gap: 8px;
    }
    
    .candidate-dashboard-actions li a {
        padding: 4px 10px;
        font-size: 12.5px;
    }
}
/* =================================================
   仪表盘简历表格 - 表头强化统一（Name Title Location 等）
   ================================================= */
#resume-manager-candidate-dashboard table.resume-manager-resumes thead {
    position: sticky;               /* 可选：表格滚动时表头固定在顶部 */
    top: 0;
    z-index: 1;
    background: transparent;        /* 让圆角背景透出来 */
}

#resume-manager-candidate-dashboard table.resume-manager-resumes thead tr {
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);  /* 极淡渐变，与 featured 卡片呼应 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    border-radius: 12px 12px 0 0;   /* 整体表头圆角，只上半圆 */
    overflow: hidden;
}

#resume-manager-candidate-dashboard table.resume-manager-resumes thead th {
    background: transparent !important;  /* 让渐变从 tr 继承 */
    color: #1f2937;                      /* 更深的标题色 */
    font-weight: 700;
    font-size: 14.5px;
    letter-spacing: -0.3px;
    text-transform: none;                /* 保持自然大小写 */
    text-align: left;
    padding: 14px 18px;
    border: none;
    position: relative;
}

/* 表头每个 th 添加轻微分隔线（视觉分割更清晰） */
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background: rgba(99,102,241,0.15);   /* 淡靛蓝分隔 */
}

/* hover 时表头轻微高亮（可选，增加交互感） */
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th:hover {
    background: rgba(99,102,241,0.06);
    color: #6366f1;
}

/* 移动端表头适配：字体缩小 + padding 收紧 */
@media (max-width: 640px) {
    #resume-manager-candidate-dashboard table.resume-manager-resumes thead th {
        font-size: 13px;
        padding: 12px 14px;
        letter-spacing: -0.1px;
    }
    
    #resume-manager-candidate-dashboard table.resume-manager-resumes thead th:not(:last-child)::after {
        opacity: 0.6;  /* 手机端分隔线淡一点，避免太抢眼 */
    }
}
/* =================================================
   Job Dashboard - 完整整合美化
   包含：职位卡片方框 + 状态标签 + 更多操作弹出菜单 + 搜索框
   ================================================= */

/* 1. 每个职位卡片（方框） */
.jm-dashboard-rows .jm-dashboard-job {
    display: flex;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    margin-bottom: 14px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.04);
    transition: all 0.2s ease;
    overflow: visible !important;
}

.jm-dashboard-job:hover {
    border-color: #00BFFF;
    box-shadow: 0 8px 20px rgba(99,102,241,0.12);
    transform: translateY(-2px);
}

/* 2. 状态标签 */
.job-status.jm-ui-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}

.job-status-featured {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(145deg, #eef2ff, #e0e7ff);
    color: #4f46e5;
    padding: 5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(79,70,229,0.25);
    font-weight: 200;
    box-shadow: inset 0 1px 2px rgba(79,70,229,0.08);
    white-space: nowrap;
}

.job-status-filled {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(145deg, #d1fae5, #a7f3d0);
    color: #065f46;
    padding: 5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(5,95,70,0.25);
    font-weight: 600;
    box-shadow: inset 0 1px 2px rgba(5,95,70,0.08);
    white-space: nowrap;
}

.job-status-publish {
    display: inline-flex;
    align-items: center;
    background: #f3f4f6;
    color: #374151;
    padding: 5px 14px;
    border-radius: 999px;
    border: 1px solid rgba(55,65,81,0.12);
    font-weight: 500;
    white-space: nowrap;
}

.jm-separator {
    color: #d1d5db;
    font-weight: normal;
    margin: 0 6px;
    opacity: 0.7;
}

/* 3. 更多操作弹出菜单 */
.jm-ui-action-menu__content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
    overflow: hidden !important;
    margin-top: 6px !important;
    min-width: 180px !important;
    padding: 6px 0 !important;
    z-index: 999 !important;
}

.jm-ui-action-menu__content a {
    display: flex !important;
    align-items: center !important;
    padding: 9px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
    gap: 8px !important;
}

.jm-ui-action-menu__content a:hover {
    background: #f1f5f9 !important;
    color: #6366f1 !important;
}

.jm-ui-action-menu__content a[href*="action=delete"] {
    color: #dc2626 !important;
}

.jm-ui-action-menu__content a[href*="action=delete"]:hover {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

/* 4. 搜索框 */
.jm-dashboard__filters {
    margin-bottom: 16px;
}

.jm-dashboard__filters .jm-form {
    max-width: 400px;
}

.jm-dashboard__filters input[type="search"].jm-ui-input--search-icon {
    width: 100%;
    height: 44px;
    padding: 0 16px 0 44px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    font-size: 15px !important;
    color: #374151 !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04) !important;
    transition: all 0.2s ease !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 
!important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px !important;
}

.jm-dashboard__filters input[type="search"]::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

.jm-dashboard__filters input[type="search"]:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 4px rgba(99,102,241,0.15) !important;
    outline: none !important;
}

.jm-dashboard__filters input[type="search"]:hover:not(:focus) {
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .jm-dashboard-job {
        border-radius: 0.875rem;
        margin-bottom: 12px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }
    
    .jm-dashboard-job:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(99,102,241,0.1);
    }
    
    .job-status {
        gap: 8px;
        font-size: 12.5px;
    }
    
    .job-status-featured,
    .job-status-filled,
    .job-status-publish {
        padding: 4px 12px;
    }
    
    .jm-ui-action-menu__content {
        right: 8px !important;
        left: auto !important;
        min-width: 160px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    }
    
    .jm-ui-action-menu__content a {
        padding: 8px 14px !important;
        font-size: 13.5px !important;
    }
    
    .jm-dashboard__filters input[type="search"].jm-ui-input--search-icon {
        height: 40px;
        font-size: 14px;
        padding: 0 14px 0 40px;
        background-size: 16px !important;
        background-position: 12px center !important;
    }
    
    .jm-dashboard__filters {
        margin-bottom: 12px;
    }
}
/* =================================================
   My Bookmarks – Final Stable UI
   与 My Resumes 仪表盘风格统一
   ================================================= */

/* 页面标题 */
.entry-title,
h1.entry-title,
.page-title {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 700;
    color: #111827;
    margin: 1.6rem 0 1rem;
    letter-spacing: -0.4px;
}

/* 标题分隔线 */
.entry-title::after,
h1.entry-title::after {
    content: "";
    display: block;
    width: 160px;
    height: 1px;
    margin: 1.2rem auto 2.2rem;
    background: linear-gradient(
        90deg,
        transparent 0%,
        #cbd5e1 30%,
        #cbd5e1 70%,
        transparent 100%
    );
}

/* 说明文字 */
#job-manager-bookmarks + p,
.job-manager-bookmarks-description,
.entry-content > p:first-of-type {
    text-align: center;
    color: #6b7280;
    font-size: 0.95rem;
    margin: -1rem 0 2rem;
}

/* =================================================
   表格整体
   ================================================= */

#job-manager-bookmarks table.job-manager-bookmarks {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 2rem;

    border-collapse: separate;
    border-spacing: 0 12px;

    min-width: 640px;
}

/* =================================================
   表头
   ================================================= */

#job-manager-bookmarks thead tr {
    background: linear-gradient(145deg,#f8fafc,#f1f5f9);
    border-radius: 12px 12px 0 0;
}

#job-manager-bookmarks thead th {
    padding: 14px 18px;
    font-weight: 700;
    font-size: 15px;
    color: #1f2937;
    border: none;
    text-align: left;
    position: relative;
}

/* 表头分隔线 */

#job-manager-bookmarks thead th:first-child::after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    bottom: 22%;
    width: 1px;
    background: rgba(99,102,241,0.18);
}

/* =================================================
   卡片行
   ================================================= */

#job-manager-bookmarks tbody tr:not(.no-bookmarks-notice) td {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-left: none;
    border-right: none;

    padding: 16px 20px;
    vertical-align: middle;
    font-size: 15px;
    color: #374151;
}

/* 左右圆角 */

#job-manager-bookmarks tbody tr td:first-child {
    border-left: 1px solid #f1f5f9;
    border-radius: 12px 0 0 12px;
}

#job-manager-bookmarks tbody tr td:last-child {
    border-right: 1px solid #f1f5f9;
    border-radius: 0 12px 12px 0;
}

/* hover 效果 */

#job-manager-bookmarks tbody tr:not(.no-bookmarks-notice):hover td {
    box-shadow: 0 6px 16px rgba(99,102,241,0.12);
    border-color: #00BFFF;
}

/* =================================================
   公司 + 职位
   ================================================= */

#job-manager-bookmarks td:first-child > a:first-of-type {
    display: flex;
    align-items: center;
    gap: 14px;

    color: #111827;
    font-weight: 600;
    font-size: 1.05rem;
    text-decoration: none;
}

#job-manager-bookmarks td:first-child > a:first-of-type:hover {
    color: #4f46e5;
}

/* Logo */
#job-manager-bookmarks .company_logo {
    width: 60px;
    height: 60px;

    border-radius: 10px;
    border: 1px solid #e5e7eb;

    background: transparent;
    padding: 0;

    object-fit: contain;
    flex-shrink: 0;
}

/* 职位链接 */

#job-manager-bookmarks td:first-child a[href*="job/"] {
    display: block;
    color: #4b5563;
    font-size: 15px;
    margin-top: 6px;
}

/* =================================================
   操作按钮
   ================================================= */

.job-manager-bookmark-actions {
    margin-top: 10px;
    display: flex;
    gap: 8px;
}

.job-manager-bookmark-actions a {
    font-size: 11px;
    font-weight: 500;

    padding: 4px 10px;

    border-radius: 8px;
    border: 1px solid #e2e8f0;

    text-decoration: none;
}

/* Delete */

.job-manager-bookmark-action-delete {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
}

.job-manager-bookmark-action-delete:hover {
    background: #fecaca;
}

/* =================================================
   Notes 区域
   ================================================= */

#job-manager-bookmarks td:last-child {
    background: #f8fafc;
    color: #475569;
    font-size: 13.5px;

    width: 35%;
}

/* =================================================
   空状态
   ================================================= */

#job-manager-bookmarks tr.no-bookmarks-notice td {
    padding: 3rem 1.5rem;

    text-align: center;

    color: #9ca3af;
    font-size: 1rem;

    background: #f8fafc;

    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}

/* =================================================
   Mobile
   ================================================= */

@media (max-width:640px){

#job-manager-bookmarks table.job-manager-bookmarks{
min-width:580px;
border-spacing:0 10px;
}

#job-manager-bookmarks td{
padding:14px 16px;
font-size:13.5px;
}

#job-manager-bookmarks .company_logo{
width:48px;
height:48px;
}

.job-manager-bookmark-actions a{
padding:4px 8px;
font-size:12.5px;
}

}
/* =================================================
   My Job Packages – Dashboard Style
   与 My Bookmarks / My Resumes 风格统一
   ================================================= */

/* 表格整体 */

table.my_account_job_packages {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 2rem;

    border-collapse: separate;
    border-spacing: 0 12px;
}

/* =================================================
   My Job Packages – Dashboard Style
   与 My Bookmarks / My Resumes 风格统一（优化版）
   ================================================= */

/* 表格整体 */
table.my_account_job_packages {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 3rem;
    border-collapse: separate;
    border-spacing: 0 12px;
}

/* 表头 - 加圆角卡片感 */
table.my_account_job_packages thead tr {
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

table.my_account_job_packages thead th {
    padding: 14px 18px;
    font-weight: 700;
    font-size: 15px;
    color: #1f2937;
    border: none;
    text-align: left;
    position: relative;
}

table.my_account_job_packages thead th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    bottom: 22%;
    width: 1px;
    background: rgba(99,102,241,0.18);
}

/* 卡片行 */
table.my_account_job_packages tbody tr {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    transition: all 0.18s ease;
}

table.my_account_job_packages tbody tr:hover {
    box-shadow: 0 6px 16px rgba(99,102,241,0.12);
    transform: translateY(-1px);
}

table.my_account_job_packages tbody td {
    padding: 16px 20px;
    vertical-align: middle;
    font-size: 15px;
    color: #374151;
    border: none;
}

/* 左右圆角（现在整行圆角，所以 td 不需要单独 border-radius） */
table.my_account_job_packages tbody tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

table.my_account_job_packages tbody tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Package Name */
table.my_account_job_packages td:first-child {
    font-weight: 600;
    font-size: 1.05rem;
    color: #111827;
}

/* Remaining */
table.my_account_job_packages td:nth-child(2) {
    font-weight: 600;
    color: #4f46e5;
}

/* Listing Duration */
table.my_account_job_packages td:nth-child(3) {
    color: #475569;
}

/* Featured? */
table.my_account_job_packages td:last-child {
    font-size: 13.5px;
    font-weight: 500;
    text-align: center;
}

/* 标题统一（纯白 + 渐变线） */
.woocommerce-MyAccount-content h2 {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 3rem 0 1.2rem !important;
    text-align: center !important;
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 1.9rem !important;
    letter-spacing: -0.4px !important;
}

.woocommerce-MyAccount-content h2::after {
    content: "";
    display: block;
    width: 160px;
    height: 1px;
    margin: 1.2rem auto 2.2rem;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 30%, #cbd5e1 70%, transparent 100%);
}

/* 内容区背景保险 */
.woocommerce-MyAccount-content {
    background: #ffffff !important;
    padding-top: 0 !important;
}

/* 移动端 */
@media (max-width: 640px) {
    table.my_account_job_packages {
        border-spacing: 0 10px;
    }
    table.my_account_job_packages td {
        padding: 14px 16px;
        font-size: 13.5px;
    }
    .woocommerce-MyAccount-content h2 {
        font-size: 1.7rem !important;
        margin: 2.5rem 0 1rem !important;
    }
    .woocommerce-MyAccount-content h2::after {
        width: 140px;
        margin: 1rem auto 1.8rem;
    }
}
/* ===== 简历详情页优化Resume Aside Visual Upgrade ===== */

.resume-aside{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:20px;
box-shadow:0 4px 14px rgba(0,0,0,0.04);
}

/* avatar */
.resume-aside .candidate_photo{
border-radius:50%;
border:3px solid #f3f4f6;
}

/* job title */
.resume-aside .job-title{
font-weight:600;
color:#374151;
margin-top:6px;
}

/* location */
.resume-aside .location{
color:#6b7280;
font-size:14px;
}

/* external link */
.resume-links{
margin-top:10px;
padding:0;
}

.resume-links li{
list-style:none;
}

.resume-links a{
display:inline-block;
font-size:13px;
padding:5px 10px;
background:#f3f4f6;
border-radius:999px;
text-decoration:none;
color:#374151;
transition:all .2s ease;
}

.resume-links a:hover{
background:#e5e7eb;
}
/* ===== Bookmark书签视觉优化 Card Visual Upgrade ===== */

.wp-job-manager-bookmarks-form{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:18px;
margin-bottom:20px;
box-shadow:0 4px 14px rgba(0,0,0,0.04);
}

/* remove bookmark */
.remove-bookmark{
background:#fee2e2;
color:#dc2626;
padding:6px 12px;
border-radius:8px;
text-decoration:none;
font-size:13px;
transition:all .2s ease;
}

.remove-bookmark:hover{
background:#fecaca;
}

/* bookmarked notice */
.bookmark-notice.bookmarked{
font-size:13px;
color:#16a34a;
margin-left:6px;
}

/* add bookmark button */
.submit-bookmark-button{
background:#2563eb;
color:#fff;
border:none;
padding:8px 14px;
border-radius:8px;
font-size:14px;
cursor:pointer;
transition:all .2s ease;
}

.submit-bookmark-button:hover{
background:#1d4ed8;
}

/* textarea */
#bookmark_notes{
border:1px solid #e5e7eb;
border-radius:8px;
padding:8px;
font-size:14px;
}
/* ===== 隐藏RSS行 ===== */
.showing_jobs {
    display: none !important;
}
/* 修复文章第一段字体 */
.entry-content p:first-of-type {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.entry-content p:first-of-type {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #000000; /* 设置为纯黑 */
}
/* ===== checkout页面重叠 ===== */
.wc-block-components-express-payment__event-buttons {
    margin-top: 20px !important; /* 根据需要调整像素值 */
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
/* 强制覆盖 WooCommerce My Account 表头 */
.woocommerce-MyAccount-content table.shop_table thead th {
  background: #ffffff !important;
  color: #111827 !important;
  border-bottom: 1px solid #e5e7eb !important;
}
/* =================================================
   Package Selection UI（最终稳定完整版）
   ================================================= */

/* ===== Header（标题 + 按钮） ===== */
.job_listing_packages_title {
  background: #ffffff !important;
  border: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb !important;
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 1rem 1.25rem;

  display: flex;
  align-items: center;
  gap: 1rem;
}

/* 标题在左 */
.job_listing_packages_title h2 {
  order: 1;
  margin: 0;
  margin-right: auto;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}

/* 按钮在右 */
.job_listing_packages_title .button {
  order: 2;
  border-radius: 9999px;
  padding: 0.6rem 1.2rem;
  background: #3b82f6;
  color: #fff;
  border: none;
  transition: all 0.2s ease;
}

.job_listing_packages_title .button:hover {
  background: #2563eb;
}

/* ===== Package 容器 ===== */
.job_listing_packages {
  background: #ffffff;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 1.25rem 1.25rem;
  padding: 1.5rem;
  padding-bottom: 1.75rem;
  margin-top: 0;
}

/* ===== 列表重置 ===== */
.job_packages {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 分组标题 */
.job_packages .package-section {
  font-size: 1rem;
  color: #6b7280;
  margin: 1rem 0 0.5rem;
  font-weight: 500;
}

/* ===== 单个 Package 卡片 ===== */
.job_packages li.user-job-package,
.job_packages li.job-package {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  background: #ffffff;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}

/* 最后一个卡片贴底 */
.job_packages li:last-child {
  margin-bottom: 0;
}

/* hover */
.job_packages li:hover {
  border-color: #3b82f6;
  background: #f9fafb;
}

/* label 全行点击 */
.job_packages li label {
  display: block;
  cursor: pointer;
  margin-bottom: 0.25rem;
  font-weight: 500;
  color: #111827;
}

/* radio 样式 */
.job_packages input[type="radio"] {
  margin-right: 0.5rem;
  accent-color: #3b82f6;
}

/* 选中状态（关键体验） */
.job_packages li:has(input:checked) {
  border-color: #3b82f6;
  background: #eff6ff;
}

/* 描述文字 */
.job_packages li {
  font-size: 1rem;
  color: #4b5563;
  line-height: 1.5;
}

/* 价格 */
.woocommerce-Price-amount {
  font-weight: 600;
  color: #111827;
}

del .woocommerce-Price-amount {
  color: #9ca3af;
  font-weight: normal;
  margin-left: 0.5rem;
}

/* ===== 防止 Woo 覆盖 ===== */
.job_listing_packages *,
.job_packages * {
  box-sizing: border-box;
}
/* ===== Header（标题 + 按钮） ===== */
.job_listing_packages_title {
  background: #ffffff !important;
  border: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb !important;
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 1rem 1.25rem;

  display: flex;
  align-items: center;
  justify-content: space-between; /* ← 关键 */
}

/* 标题 */
.job_listing_packages_title h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}

/* 按钮 */
.job_listing_packages_title .button {
  border-radius: 9999px;
  padding: 0.6rem 1.2rem;
  background: #3b82f6;
  color: #fff;
  border: none;
}
/* =================================================
   Job Alerts UI（统一风格版）
   ================================================= */

/* ===== 整体容器 ===== */
#job-manager-alerts {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 1.25rem;
  padding: 1.5rem;
}

/* 顶部提示 */
.jm-alerts__my-alerts__email-info p {
  color: #6b7280;
  margin-bottom: 1rem;
}

/* ===== 单个 Alert 卡片 ===== */
.jm-alert {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  background: #fff;
  transition: all 0.2s ease;
}

/* hover */
.jm-alert:hover {
  border-color: #00BFFF;
  background: #f9fafb;
}

/* ===== Header ===== */
.jm-alert__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

/* 标题 */
.jm-alert__title {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

/* 频率 */
.jm-alert__frequency {
  font-size: 0.875rem;
  color: #6b7280;
}

/* ===== 关键词 ===== */
.jm-alert__terms {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #4b5563;
}

.jm-alert__term {
  background: #f3f4f6;
  border-radius: 9999px;
  padding: 0.2rem 0.6rem;
  margin-right: 0.4rem;
  font-size: 0.8rem;
}

/* ===== 操作按钮 ===== */
.job-alert-actions ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1;
  list-style: none;
}

/* 按钮统一 */
.job-alert-actions a {
  display: inline-block;
  padding: 0.35rem 0.8rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  text-decoration: none;
  border: 1px solid #e5e7eb;
  color: #374151;
  background: #fff;
  transition: 0.2s;
}

/* hover */
.job-alert-actions a:hover {
  background: #eff6ff;
  border-color: #3b82f6;
  color: #2563eb;
}

/* 删除按钮稍微强调 */
.job-alerts-action-delete:hover {
  background: #fee2e2;
  border-color: #ef4444;
  color: #dc2626;
}

/* ===== Add Alert 按钮 ===== */
.jm-alerts__add-new a {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  background: #00BFFF;
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
}

.jm-alerts__add-new a:hover {
  background: #2563eb;
}
/* =================================================
   WP Job Manager 预览标题栏 - 统一风格版
   ================================================= */

/* 1. 容器：白色背景、灰色薄边框、大圆角 */
.job_listing_preview_title {
    background: #ffffff !important;         /* 成功修改背景颜色为白色 */
    border: 1px solid #e5e7eb !important;   /* 浅灰色边框 */
    border-radius: 1.25rem !important;      /* 1.25rem 大圆角 */
    padding: 1.25rem 1.5rem !important;
    margin-bottom: 1.5rem !important;
    
    /* 保持原有的 Flex 布局对齐 */
    display: flex !important;
    flex-direction: row-reverse !important; 
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
}

/* 2. 标题：深色文字，确保在白色背景下清晰 */
.job_listing_preview_title h2 {
    color: #111827 !important;              /* 成功修改标题颜色为深色 */
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    flex-grow: 1 !important;
    background: transparent !important;     /* 确保没有残留的背景色 */
}
/* =================================================
   Job Preview UI（统一风格版，继承 Job Alerts 风格）
   ================================================= */

/* ===== 整体容器 ===== */
.job_listing_preview.single_job_listing {
    background: #ffffff; /* 白色背景 */
    border: 1px solid #e5e7eb;
    border-radius: 1.25rem;
    padding: 1.5rem;
}

/* ===== 标题 ===== */
.job_listing_preview .job_listing_preview_title h2 {
    background-color: #ffffff; /* 白色背景 */
    color: #111827;            /* 深色文字 */
    font-size: 1.2rem;
    font-weight: 800;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;    /* 圆角 */
    display: inline-block;
    margin-bottom: 1rem;
}

/* ===== 按钮 ===== */
.job_listing_preview .button.job-manager-button-submit-listing,
.job_listing_preview .button.job-manager-button-edit-listing {
    display: inline-block;
    padding: 0.35rem 0.8rem;
    border-radius: 9999px; /* 全圆角按钮 */
    font-size: 0.8rem;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    color: #374151;
    background: #fff;
    transition: 0.2s;
    margin-right: 0.5rem;
}

/* hover 效果 */
.job_listing_preview .button.job-manager-button-submit-listing:hover,
.job_listing_preview .button.job-manager-button-edit-listing:hover {
    background: #eff6ff;
    border-color: #3b82f6;
    color: #2563eb;
}

/* ===== Job Meta / 公司 / 描述 ===== */
.job_listing_preview .job_listing_meta,
.job_listing_preview .company,
.job_listing_preview .job_description {
    margin-bottom: 0.75rem;
    color: #4b5563; /* 和 Alerts UI 的文字颜色统一 */
    font-size: 0.9rem;
}

/* 公司 logo */
.job_listing_preview .company_logo {
    border-radius: 0.5rem; /* 统一圆角 */
}
/* 隐藏标签区域或列表区域的转圈圈/加载遮罩 */
.filter_wide.filter_by_tag.loading::before,
.filter_wide.filter_by_tag.loading::after,
.job_listings.loading::before,
.job_listings.loading::after {
    display: none !important;
    opacity: 0 !important;
    animation: none !important;
    background: transparent !important;
}

/* 确保加载期间内容不被半透明隐藏（很多主题会在加载时把透明度调成 0.5） */
.filter_wide.filter_by_tag.loading,
.job_listings.loading {
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* =================================================
   修复：强制显示不同 Job Type 的专属颜色
   使用 body 提升权重，完美覆盖前面的全局灰/蓝色，同时保留原本的形状排版
   ================================================= */

/* 1. Freelance - 紫色系 */
body .job_listings ul.meta li.job-type.freelance,
body .single_job_listing .job-listing-meta li.job-type.freelance,
body .single_job_listing .job-type.freelance {
    background-color: #f3e8ff !important;
    color: #6b21a8 !important;
    border-color: rgba(107, 33, 168, 0.2) !important;
}

/* 2. Full Time - 绿色系 */
body .job_listings ul.meta li.job-type.full-time,
body .single_job_listing .job-listing-meta li.job-type.full-time,
body .single_job_listing .job-type.full-time {
    background-color: #def7ec !important;
    color: #03543f !important;
    border-color: rgba(3, 84, 63, 0.2) !important;
}

/* 3. Internship - 灰色系 */
body .job_listings ul.meta li.job-type.internship,
body .single_job_listing .job-listing-meta li.job-type.internship,
body .single_job_listing .job-type.internship {
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    border-color: rgba(55, 65, 81, 0.2) !important;
}

/* 4. Part Time - 橙色系 */
body .job_listings ul.meta li.job-type.part-time,
body .single_job_listing .job-listing-meta li.job-type.part-time,
body .single_job_listing .job-type.part-time {
    background-color: #fef3c7 !important;
    color: #92400e !important;
    border-color: rgba(146, 64, 14, 0.2) !important;
}

/* 5. Temporary - 蓝色系 */
body .job_listings ul.meta li.job-type.temporary,
body .single_job_listing .job-listing-meta li.job-type.temporary,
body .single_job_listing .job-type.temporary {
    background-color: #e1effe !important;
    color: #1e429f !important;
    border-color: rgba(30, 66, 159, 0.2) !important;
}
/* =================================================
   修复：强制发布时间 (Posted Ago) 永远不换行
   ================================================= */
.job_listings ul.meta li.date, 
.job_listings ul.meta li time,
.single_job_listing .meta li.date,
.single_job_listing .meta li time {
    white-space: nowrap !important; /* 强制不换行 */
    display: inline-block !important; /* 确保它作为一个整体对待 */
}

/* =================================================
   优化：首页长标题渐变效果、居中及边距微调
   ================================================= */
.entry-title {
    /* 1. 字体与渐变色彩 */
    background: linear-gradient(90deg, #111827, #6366f1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* 2. 居中核心代码 */
    display: table !important;       /* 使用 table 既能让 margin: auto 居中，又能包裹渐变色宽度 */
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}
/* =================================================
   搜索区域精准重构 - 终极全注释微调版 (PC端 4列一行)
   ================================================= */

/* 1. 主容器卡片样式 */
.search_jobs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* ★ 改为 4 列 */
    gap: 12px 12px !important;
    background: #ffffff !important;
    padding: 10px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f3f4f6 !important;
    margin-bottom: -15px !important; 
    align-items: center !important; /* ★ 确保垂直居中 */
}

/* 隐藏碍事的清除浮动元素 */
.search_jobs div[style*="clear"] {
    display: none !important;
}

/* =================================================
   2. 核心块控制（关键词、位置、薪资、按钮）
   ================================================= */
.search_jobs .search_keywords,
.search_jobs .search_location,
.search_jobs .search_salary,
.search_jobs .search_submit {
    margin: 0 !important;
    padding: 0 !important; 
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ★ 4格网格排在一行 */
.search_jobs .search_keywords { grid-column: 1; grid-row: 1; }
.search_jobs .search_location { grid-column: 2; grid-row: 1; }
.search_jobs .search_salary   { grid-column: 3; grid-row: 1; }
.search_jobs .search_submit   { grid-column: 4; grid-row: 1; }

/* =================================================
   3. 输入框/下拉框/按钮 统一样式控制 (★ 保持原样不动)
   ================================================= */
.search_jobs input[type="text"],
.search_jobs select,
.search_jobs .select2-container,
.search_jobs .search_submit input[type="submit"] {
    width: 100% !important;
    height: 44px !important; 
    box-sizing: border-box !important; 
    margin: 0 !important;
    padding-left: 16px !important;
}

/* 针对 Select2 下拉框的特殊修复 */
.search_jobs .select2-container .select2-selection--single {
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 12px !important;
}

/* 搜索按钮专属微调 */
.search_jobs .search_submit input[type="submit"] {
    font-size: 15px !important;
    font-weight: 500 !important; 
    padding: 0 !important;
    border-radius: 12px !important;
}

/* 输入框皮肤微调 */
.search_jobs input[type="text"],
.search_jobs select {
    background-color: #f9fafb !important;
    border-radius: 12px !important; 
}

/* 输入框聚焦/点击时的效果 */
.search_jobs input[type="text"]:focus,
.search_jobs select:focus {
    background-color: #ffffff !important;
    border-color: #6366f1 !important;
}

/* 隐藏多余的标题文字 */
.search_jobs .search_keywords label,
.search_jobs .search_location label,
.search_jobs .search_salary label {
    display: none !important;
}

/* =================================================
   4. Remote 远程选项 - 视觉强化版 (彻底区分 PC 与手机端)
   ================================================= */

/* 👇 1. 基础美化样式 (颜色、字体、阴影：手机和电脑都生效) 👇 */
.search_jobs .search_remote_position {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
}

/* 美化复选框本身 */
.search_jobs .search_remote_position input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer;
    accent-color: #6366f1 !important; 
    box-shadow: 0 2px 6px rgba(99, 102, 241, 0.2) !important; 
    border-radius: 4px !important;
}

/* 强化文字标签 */
.search_jobs .search_remote_position label {
    margin-left: 6px !important; 
    font-size: 14px !important;
    font-weight: 600 !important;  
    color: #4f46e5 !important;    
    cursor: pointer;
    user-select: none !important; 
}

/* 👇 2. 仅 PC 端生效的布局 (屏幕宽度 ≥ 769px 时) 👇 */
@media (min-width: 769px) {
    .search_jobs .search_remote_position {
        grid-column: 4 !important; 
        grid-row: 2 !important;    
        justify-content: flex-end !important; /* PC端靠右 */
        margin-top: -15px !important;    
        margin-bottom: -15px !important;  
        /* 你的完美坐标数据 */
        transform: translate(90px, 0px) !important; 
    }

    /* PC端悬停上浮特效 */
    .search_jobs .search_remote_position:hover {
        transform: translate(90px, -1px) !important; 
        opacity: 0.9;
    }
}

/* 👇 3. 仅手机端生效的重置 (屏幕宽度 ≤ 768px 时) 👇 */
@media (max-width: 768px) {
    .search_jobs .search_remote_position {
        justify-content: flex-start !important; /* 手机端恢复靠左，避免错位 */
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        /* ★ 核心：彻底清除手机端的位移，防止飞出屏幕 */
        transform: none !important; 
    }
    
    /* 手机端取消悬停位移，防止点击时乱跳 */
    .search_jobs .search_remote_position:hover {
        transform: none !important; 
        opacity: 1;
    }
}
/* =================================================
   5. 标签云区域（位于底部，横跨全宽）
   ================================================= */
.search_jobs .filter_wide.filter_by_tag {
    grid-column: 1 / -1 !important; 
    grid-row: 3 !important; /* ★ 顺延到第3行 */
    margin-top: 1px !important;
	/* 横线微调 */
    padding-top: 6px !important;
    border-top: 1px solid #f3f4f6 !important;
    margin-bottom: 1px !important;
}

/* =================================================
   6. 移动端自适应微调 (已修复排序错乱问题)
   ================================================= */
@media (max-width: 768px) {
    .search_jobs {
        grid-template-columns: 1fr !important; /* 手机端改为单列 */
        padding: 16px !important;  /* 【微调 24】 */
        gap: 12px !important;      /* 【微调 25】 */
    }

    /* 1-3行：关键词、位置、薪资 */
    .search_jobs .search_keywords { grid-column: 1 !important; grid-row: 1 !important; }
    .search_jobs .search_location { grid-column: 1 !important; grid-row: 2 !important; }
    .search_jobs .search_salary   { grid-column: 1 !important; grid-row: 3 !important; }

    /* 4行：远程勾选 (强制排在第4行，防止被标签云挤走) */
    .search_jobs .search_remote_position {
        grid-column: 1 !important;
        grid-row: 4 !important; /* ❗强制顺序 */
        justify-content: flex-start !important; 
        margin-top: 5px !important; /* 【微调 26】 */
        white-space: normal !important;
    }

    /* 5行：搜索按钮 (排在功能区的最后) */
    .search_jobs .search_submit { 
        grid-column: 1 !important; 
        grid-row: 5 !important; /* ❗强制顺序 */
    }

    /* 6行：标签云 (Filter by tag 严格垫底) */
    .search_jobs .filter_wide.filter_by_tag {
        grid-column: 1 !important;
        grid-row: 6 !important; /* ❗强制垫底，覆盖电脑端的row 4设置 */
        margin-top: -5px !important;
   	      /* 👇 新增这一行：专门控制手机端标签距离卡片底部的间距 👇 */
        margin-bottom: -35px !important; /* 手机端卡片内边距较大，可以用负值（如 -5px 或 -10px）来收紧底部留白 */
    }
}
/* =================================================
   7. 职位类型 (Job Types) 布局与间距微调
   ================================================= */
.job_listings .job_types,
ul.job_types {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 12px 0 !important;
    
    /* 【微调 A：上下边距】 */
    /* 第一个值(5px)控制距离上方搜索卡片的距离，第三个值(-10px)控制距离下方列表的距离 */
    margin: 8px 0 -10px 0 !important; 
    
    display: flex !important;
    flex-wrap: wrap !important;
    
    /* 【微调 B：行距与间距】 */
    /* 第一个值(1px)是换行后的上下行距，第二个值(14px)是左右标签之间的间距 */
    gap: 5px 14px !important; 
    
    /* 👇 【微调 C：核心位移 - 解决位置不对的问题】 👇 */
    /* 第一个值控制左右：正数(如 5px)向右移，负数(如 -5px)向左移 */
    /* 第二个值控制上下：通常设为 0 即可 */
    transform: translateX(5px) !important; 
}

/* 强制干掉系统自带的 li 间距 */
.job_listings .job_types li,
ul.job_types li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 移除干扰项 */
ul.job_types:before, 
ul.job_types:after {
    display: none !important;
}
/* =================================================
   WP Job Manager 标签 - Astoundify Job Tags
================================================= */
/* 隐藏直接文本节点，但保留 span */
.filter_wide.filter_by_tag {
    font-size: 0; /* 隐藏父级文本节点 */
}

.filter_wide.filter_by_tag .filter_by_tag_cloud {
    font-size: 1rem; /* 恢复标签云字体大小 */
}

/* 标签容器整体 */
.astoundify-listing-labels {
    margin-top: 0px; /* 上方间距 */
}

/* 标签单个样式 */
.astoundify-listing-labels .tag-cloud-link {
    display: inline-block;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 3px 3px;
    font-size: 13px !important;   /* !important 覆盖行内样式 */
    margin-right: 0px;
    color: #374151;
    transition: all 0.3s ease;
    text-decoration: none;         /* 去掉下划线 */
}

/* hover 效果 */
.astoundify-listing-labels .tag-cloud-link:hover {
    background: #6366f1;
    color: #fff;
    border-color: #6366f1;
}

/* =================================================
   移动端微调
================================================= */
@media (max-width: 768px) {
    .astoundify-listing-labels .tag-cloud-link {
        font-size: 10px !important;
        padding: 1px 1px;
        margin-right: 1px;
        margin-bottom: 1px;
    }
    
    .astoundify-listing-labels {
        margin-top: 16px;
    }
}
/* =================================================
   Dashboard - 只显示 Views，隐藏 Impressions
   ================================================= */
.jm-dashboard-job-column.stats small {
    display: none !important; /* 隐藏 impressions */
}

/* 让 Views 与同一行其他元素对齐 */
.jm-dashboard-job-column.stats {
    display: flex !important;
    flex-direction: column; /* 保持 label 在上，value 在下 */
    justify-content: center; /* 垂直居中对齐同一行其他列 */
}

/* 如果 label 和 value 需要水平排列，也可以这样： */
/*
.jm-dashboard-job-column.stats {
    display: flex !important;
    align-items: center !important; 
    gap: 6px; // label 与数字间距
}

.jm-dashboard-job-column.stats .jm-dashboard-job-column-label {
    flex-shrink: 0;
}
*/
/* =================================================
   公司卡片美化 (Company Card UI)
   ================================================= */
.single_job_listing .company {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    background: #ffffff !important;         
    border-radius: 14px !important;         
    border: 1px solid #e5e7eb !important;   
    box-shadow: 0 4px 14px rgba(0,0,0,0.04) !important; 
    position: relative;
}

/* =================================================
   1. 公司卡片：还原宽度逻辑，防止移动端溢出
   ================================================= */
.single_job_listing {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
}

.single_job_listing .company {
    width: auto !important; 
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 10px 0 20px 0 !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04) !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}

.single_job_listing .job_description {
    clear: both !important;
    display: block !important;
    padding-top: 10px;
    box-sizing: border-box !important;
}

/* =================================================
   2. 书签外壳：绝对定位 (兼容 div 和 form)
   ================================================= */
.wp-job-manager-bookmarks-form {
    position: absolute !important;
    top: -9px !important; 
    right: -1px !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;            
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;        
    z-index: 9999 !important;
}

/* 剥除多余的 div 和 p 的内外边距干扰 */
.wp-job-manager-bookmarks-form div,
.wp-job-manager-bookmarks-form p {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 🎯 精准隐藏冗余元素（不误杀整个容器） */
.wp-job-manager-bookmarks-form .add-bookmark-wrapper,
.wp-job-manager-bookmarks-form label,
.wp-job-manager-bookmarks-form textarea,
.wp-job-manager-bookmarks-form .spinner {
    display: none !important;
}

/* =================================================
   3. 状态切换逻辑
   ================================================= */
/* 确保容器本身是显示的 */
.wp-job-manager-bookmarks-form .bookmark-details,
.wp-job-manager-bookmarks-form .remove-bookmark-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 互斥切换 */
.wp-job-manager-bookmarks-form:not(.has-bookmark) .remove-bookmark-wrapper { display: none !important; }
.wp-job-manager-bookmarks-form.has-bookmark .bookmark-details { display: none !important; }

/* =================================================
   4. 核心魔法：所有状态统一为书签图标
   ================================================= */

/* 🔵 未登录提示 (custom-login-jump) & 未添加书签 (灰色) */
.wp-job-manager-bookmarks-form a.custom-login-jump,
.wp-job-manager-bookmarks-form input.submit-bookmark-button {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    
    /* 安全隐藏长文字 */
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    line-height: 40px !important;
    overflow: hidden !important;
    
    background: none !important;
    background-color: #cbd5e1 !important; 
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    /* Base64 SVG 遮罩 */
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: 20px 26px !important;
    mask-size: 20px 26px !important;

    transition: all 0.2s ease !important;
}

/* 🔴 已添加书签 (红色) */
.wp-job-manager-bookmarks-form .remove-bookmark-wrapper a.remove-bookmark {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 40px !important;
    
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    line-height: 40px !important;
    overflow: hidden !important;
    
    background: none !important;
    background-color: #ef4444 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;

    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: 20px 26px !important;
    mask-size: 20px 26px !important;

    transition: all 0.2s ease !important;
}

/* 交互反馈 */
.wp-job-manager-bookmarks-form input.submit-bookmark-button:hover,
.wp-job-manager-bookmarks-form .remove-bookmark-wrapper a.remove-bookmark:hover,
.wp-job-manager-bookmarks-form a.custom-login-jump:hover {
    transform: scale(1.1);
}

.wp-job-manager-bookmarks-form input.submit-bookmark-button:active,
.wp-job-manager-bookmarks-form .remove-bookmark-wrapper a.remove-bookmark:active,
.wp-job-manager-bookmarks-form a.custom-login-jump:active {
    transform: scale(0.9);
}
/* =================================================
   书签按钮终极方案：完美固定在公司方块右下角
   ================================================= */
/* 1. 将详情页主容器改为 Flex 纵向布局，掌握绝对排序权 */
.single_job_listing {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. 规定出场顺序：预览标题 -> 标签 -> 公司 -> 书签 -> 描述 */
.single_job_listing > * { order: 10; } /* 兜底其他未指定的元素排在最下面 */
.single_job_listing > .job_listing_preview_title { order: 0 !important; }
.single_job_listing > .job-listing-meta { order: 1 !important; }
.single_job_listing > .company { 
    order: 2 !important; 
    margin-bottom: 0 !important; /* 清除底部间距，让下方的书签能精准贴合 */
    padding-right: 60px !important; /* 给右下角的书签留出安全区，防止公司文字太长重叠 */
}

/* 3. 重置并精确定位书签按钮 */
.single_job_listing > .wp-job-manager-bookmarks-form {
    order: 3 !important;
    position: relative !important; /* 彻底取消之前的 absolute 定位 */
    top: auto !important;          
    right: auto !important;        
    align-self: flex-end !important; /* 强制靠右对齐 */
    
    /* 核心魔法：向上偏移，死死拽入上方公司方块的右下角 */
    /* 计算公式：40px按钮高度 + 15px底部内边距 = 55px */
    margin-top: -55px !important; 
    margin-right: 15px !important; 
    margin-bottom: 20px !important; /* 补偿给下方的描述文字留出间距 */
    
    width: 40px !important;
    height: 40px !important;
    z-index: 99 !important;
}

.single_job_listing > .job_description { order: 4 !important; }
.single_job_listing > .job_application { order: 5 !important; }
.single_job_listing > .job-manager-single-alert-link { order: 6 !important; }
/* =================================================
   书签按钮终极方案：完美固定在公司方块右下角 (防拥挤版)
   ================================================= */
/* 1. 将详情页主容器改为 Flex 纵向布局 */
.single_job_listing {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. 规定出场顺序，并给公司方块【底部】留出安全区 */
.single_job_listing > * { order: 10; } 
.single_job_listing > .job_listing_preview_title { order: 0 !important; }
.single_job_listing > .job-listing-meta { order: 1 !important; }

.single_job_listing > .company { 
    order: 2 !important; 
    margin-bottom: 0 !important; 
    
    /* 👇 新增：控制方块厚度和距离的属性 👇 */
    margin-top: 10px !important;   /* 👈 想调方块和上方标签的距离，就改这个值 */
    padding-top: 12px !important;  /* 👈 想让方块变扁变薄，把这个值改小 (比如 5px) */
    padding-left: 15px !important; /* 👈 左侧内部留白 */
    overflow: hidden !important;   /* 👈 神奇修复：加了这句，里面的文字和Logo就不会消失了！ */

    /* 👇 核心修复在这里 👇 */
    padding-right: 15px !important; /* 恢复默认右边距，让 Website 链接不被向左挤 */
    padding-bottom: 15px !important; /* ⚠️ 底部强撑 45px 给书签留位置，千万不要改这个值 */
}

/* 3. 书签按钮：精准落入底部的安全区 */
.single_job_listing > .wp-job-manager-bookmarks-form {
    order: 3 !important;
    position: relative !important; 
    top: auto !important;          
    right: auto !important;        
    align-self: flex-end !important; /* 强制靠右对齐 */
    
    /* 核心魔法：向上偏移，刚好嵌入公司方块底部留出的 45px 空白中 */
    margin-top: -50px !important;  
    margin-right: 15px !important; 
    margin-bottom: 20px !important; 
    
    width: 40px !important;
    height: 40px !important;
    z-index: 99 !important;
}

.single_job_listing > .job_description { order: 4 !important; }
.single_job_listing > .job_application { order: 5 !important; }
.single_job_listing > .job-manager-single-alert-link { order: 6 !important; }
/* =================================================
   My Bookmarks: 隐藏 Notes 列，让卡片全宽显示
   ================================================= */

/* 1. 彻底隐藏 Notes 的表头和对应的表格单元格 */
#job-manager-bookmarks table.job-manager-bookmarks th:nth-child(2),
#job-manager-bookmarks table.job-manager-bookmarks td:nth-child(2) {
    display: none !important;
}

/* 2. 让剩下的第一列 (Bookmark 职位信息) 占满 100% 宽度 */
#job-manager-bookmarks table.job-manager-bookmarks th:first-child,
#job-manager-bookmarks table.job-manager-bookmarks td:first-child {
    width: 100% !important;
}

/* 3. 修复卡片边框与圆角：第一列成了唯一的列，必须补齐右侧圆角和边框 */
#job-manager-bookmarks tbody tr:not(.no-bookmarks-notice) td:first-child {
    border-right: 1px solid #f1f5f9 !important; /* 补回右侧边框 */
    border-radius: 12px !important;            /* 恢复四角全圆角 */
}

/* 4. 清理多余装饰：去掉表头原本为了分隔 Notes 列留的那条淡蓝色竖线 */
#job-manager-bookmarks thead th:first-child::after {
    display: none !important;
}
/* =================================================
   移动端防溢出：安全修复版（保留表格结构，仅取消宽度限制）
   ================================================= */
@media (max-width: 768px) {
    /* 1. 彻底干掉导致撑爆屏幕的 min-width，恢复表格自适应 */
    #job-manager-bookmarks table.job-manager-bookmarks,
    #resume-manager-candidate-dashboard table.resume-manager-resumes,
    #job-manager-alerts table.job-manager-alerts {
        min-width: 0 !important;
        width: 100% !important;
        table-layout: auto !important; /* 允许根据屏幕自适应列宽 */
    }

    /* 2. 允许单元格内容自然换行，防止长文本强行撑开表格 */
    #job-manager-bookmarks td,
    #resume-manager-candidate-dashboard td,
    #job-manager-alerts td,
    #resume-manager-candidate-dashboard th {
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* 3. 针对书签里的 Logo 和标题，允许极窄屏幕下换行 */
    #job-manager-bookmarks td:first-child > a:first-of-type {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    /* 4. 针对简历后台的操作按钮，允许极窄屏幕下换行 */
    .candidate-dashboard-actions {
        flex-wrap: wrap !important;
    }
    
    /* 5. 稍微缩小一点点移动端的边距，给内容腾空间 */
    #resume-manager-candidate-dashboard table.resume-manager-resumes td {
        padding: 12px 10px !important;
    }
}
/* =================================================
   移动端防溢出：Job Alerts 专属修复
   ================================================= */
@media (max-width: 480px) {
    /* 1. 外层大框：减小内边距，给小屏幕腾出更多横向空间 */
    #job-manager-alerts {
        padding: 15px 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important; /* 强制防止内部任何元素越界 */
    }

    /* 2. 内层小框：严格限制宽度，减小内边距 */
    .jm-alert {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px !important;
    }

    /* 3. 头部布局：允许标题和长长的日期文字换行显示，绝不硬撑 */
    .jm-alert__header {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        gap: 4px !important;
    }
    
    /* 4. 让长长的下次发送时间文字自然折行 */
    .jm-alert__frequency,
    .jm-alert__frequency__next {
        word-break: break-word !important;
        white-space: normal !important;
        font-size: 13px !important; /* 稍微调小一点字体 */
    }

    /* 5. 底部的五个操作按钮：允许换行，并稍微收紧间距 */
    .job-alert-actions ul {
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-top: 10px !important;
    }
    .job-alert-actions a {
        padding: 4px 10px !important;
        font-size: 12px !important;
    }
}
/* =================================================
   移动端专属优化：隐藏我的简历 "Date Posted" 列防拥挤
   ================================================= */
@media (max-width: 768px) {
    /* 同时隐藏表头的 Date Posted 和表格内容中的 Date Posted */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th.date,
    #resume-manager-candidate-dashboard table.resume-manager-resumes td.date,
    /* 加个双保险，确保第四列（时间列）被绝对隐藏 */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(4),
    #resume-manager-candidate-dashboard table.resume-manager-resumes td:nth-child(4) {
        display: none !important;
    }
    
    /* 隐藏一列后，稍微放宽剩下三列的内边距，让它们呼吸感更好 */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th,
    #resume-manager-candidate-dashboard table.resume-manager-resumes td {
        padding: 14px 10px !important;
    }
}
/* =================================================
   PC 端专属优化：重新分配简历管理表格的列宽比例
   ================================================= */
@media (min-width: 769px) {
    /* 1. Name 列 (限制宽度，不让它霸占空间) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(1) {
        width: 30% !important; 
    }
    
    /* 2. Title 列 (增加宽度，让出空间给职位头衔) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(2) {
        width: 30% !important; 
    }
    
    /* 3. Location 列 (增加宽度) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(3) {
        width: 20% !important; 
    }
    
    /* 4. Date Posted 列 (保持足够显示日期的宽度即可) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(4) {
        width: 20% !important; 
    }
}
/* =================================================
   移动端专属优化：强制重新分配前三列宽度 (Date已隐藏)
   ================================================= */
@media (max-width: 768px) {
    /* 1. 开启固定表格布局，强制浏览器听从我们的宽度比例 */
    #resume-manager-candidate-dashboard table.resume-manager-resumes {
        table-layout: fixed !important; 
        width: 100% !important;
    }
    
    /* 2. Name 列：由于里面有操作按钮，给它稍微多一点点 (40%) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(1),
    #resume-manager-candidate-dashboard table.resume-manager-resumes td:nth-child(1) {
        width: 40% !important; 
        word-break: break-word !important; /* 文字过长自动换行 */
    }
    
    /* 3. Title 列：平分剩下的空间 (30%) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(2),
    #resume-manager-candidate-dashboard table.resume-manager-resumes td:nth-child(2) {
        width: 30% !important; 
        word-break: break-word !important;
    }
    
    /* 4. Location 列：平分剩下的空间 (30%) */
    #resume-manager-candidate-dashboard table.resume-manager-resumes th:nth-child(3),
    #resume-manager-candidate-dashboard table.resume-manager-resumes td:nth-child(3) {
        width: 30% !important; 
        word-break: break-word !important;
    }
}
/* =================================================
   首页列表专属书签按钮 (自然排版版，拒绝绝对定位)
   ================================================= */
/* 1. 强制隐藏系统原本可能自带的书签角标，防止重复 */
ul.job_listings li.listing-bookmarked::before,
ul.job_listings li.listing-bookmarked::after,
ul.job_listings li.listing-bookmarked a::before,
ul.job_listings li.listing-bookmarked a::after {
    background-image: none !important;
    content: none !important;
    display: none !important;
}

/* 2. 我们自己的书签：绝对定位版（固定在卡片右下角，彻底解决折行问题） */
ul.job_listings li.job_listing > a {
    position: relative !important; /* ⚠️这句很重要：给书签提供定位基准 */
    display: block !important;
}

ul.job_listings ul.meta li.home-bookmark-btn {
    /* 👇 这里是替换的核心：从 relative 变成了 absolute 👇 */
    position: absolute !important; 
    bottom: 1px !important; /* 👈 距离卡片底部的距离，你可以按需微调 */
    right: 1px !important;  /* 👈 距离卡片右侧的距离，你可以按需微调 */
    
    /* 清除老代码残留的干扰 */
    margin-left: 0 !important; 
    top: auto !important;      
    
    /* 👇 下面这些都是你原本的样式，完全保留，一行没动 👇 */
    width: 20px !important;
    height: 20px !important;
    background-color: #cbd5e1 !important; /* 默认未添加状态：灰色 */
    cursor: pointer !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    
    /* 借用详情页的同款遮罩魔法 */
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: 16px 20px !important;
    mask-size: 16px 20px !important;
    
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

/* 3. 防重叠补丁：给日期文字腾出右侧的“安全区”，避免长文字伸展过去和书签重叠 */
ul.job_listings ul.meta li.date {
    padding-right: 32px !important; 
    display: block !important;
}

/* 交互动画 */
ul.job_listings ul.meta li.home-bookmark-btn:hover { transform: scale(1.15) !important; }
ul.job_listings ul.meta li.home-bookmark-btn:active { transform: scale(0.9) !important; }

/* 已添加状态：变成红色 */
ul.job_listings ul.meta li.home-bookmark-btn.is-active,
ul.job_listings li.listing-bookmarked ul.meta li.home-bookmark-btn {
    background-color: #ef4444 !important; 
}

/* 后台通讯加载中状态：轻微闪烁 */
ul.job_listings ul.meta li.home-bookmark-btn.is-loading {
    opacity: 0.5 !important;
    pointer-events: none !important;
    animation: bookmark-pulse 1s infinite alternate !important;
}
@keyframes bookmark-pulse {
    0% { transform: scale(0.9); opacity: 0.5; }
    100% { transform: scale(1.1); opacity: 1; }
}
/* =================================================
   彻底隐藏系统原生的红丝带书签图标 (防漏杀版 - 已修复 Emoji 误杀)
   ================================================= */
ul.job_listings li.listing-bookmarked > a::before,
ul.job_listings li.listing-bookmarked > a::after,
ul.job_listings li.job_listing.listing-bookmarked > a::before,
ul.job_listings li.listing-bookmarked .position::before,
ul.job_listings li.listing-bookmarked .position::after,
ul.job_listings li.listing-bookmarked .position h3::before,
ul.job_listings li.listing-bookmarked .job-manager-bookmark {
    display: none !important;
    content: none !important;
    background-image: none !important;
}
/* =================================================
   修复：防止添加书签后误杀 FEATURED 置顶角标
   ================================================= */
ul.job_listings li.job_position_featured.listing-bookmarked::after,
ul.job_listings li.featured.listing-bookmarked::after {
    display: block !important;
    content: "FEATURED" !important;
    background-color: #00BFFF !important;
    color: #fff !important;
    background-image: none !important; /* 防止系统的星星图标混进来 */
}
/* =================================================
   修复：隐藏工作详情页被 JS 误伤注入的首页书签小圆圈
   ================================================= */
body.single-job_listing .home-bookmark-btn,
.single_job_listing .home-bookmark-btn {
    display: none !important;
}
/* =================================================
   移动端首屏终极空间优化与现代化改造 (精准修改版)
   ================================================= */
@media (max-width: 768px) {

    /* 1. 极致压缩大标题留白 (完全保留你的设置) */
    .home .entry-title {
        font-size: 1.6rem !important; 
        margin: 1px auto -20px !important; 
    }
    .home .entry-title::after {
        margin: 1px auto 10px !important; 
    }
}
/* =================================================
   1. 简历列表：精准击杀原生书签 (修复 Featured 误杀问题)
   ================================================= */
/* 仅针对 h3 和 ::before 进行清理，绝不动 li::after，保护 Featured 角标！ */
ul.resumes li.listing-bookmarked .candidate h3::before,
ul.resumes li.listing-bookmarked h3::before,
ul.resumes li.listing-bookmarked::before {
    display: none !important;
    content: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

/* =================================================
   2. 简历列表：自定义书签完美绝对定位
   ================================================= */
/* 确保整个外层 <a> 标签是唯一且绝对的定位基准 */
ul.resumes li.resume > a {
    position: relative !important; 
    display: block !important; /* 确保它是一个完整的区块 */
}

/* 解除内部容器的定位限制，让书签能飞出来 */
ul.resumes li.resume .resume-posted-column {
    position: static !important; 
}

/* 将自定义的 SVG 书签抽出文档流，听从 bottom 和 right 的指挥 */
ul.resumes li.resume .home-bookmark-btn {
    position: absolute !important;
    
    /* 👇 现在的微调绝对有效了 👇 */
    bottom: 5px !important;    /* 距离卡片底部的距离（随意改） */
    right: 5px !important;     /* 距离卡片右侧的距离（随意改） */
    
    margin: 0 !important;       
    width: 24px !important;
    height: 24px !important;
    background-color: #cbd5e1 !important; 
    cursor: pointer !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    
    /* SVG 遮罩魔法 */
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzODQgNTEyJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cGF0aCBkPSdNMCA1MTJWNDhDMCAyMS40OSAyMS40OSAwIDQ4IDBoMjg4YzI2LjUxIDAgNDggMjEuNDkgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Jy8+PC9zdmc+") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: 16px 20px !important;
    mask-size: 16px 20px !important;
    
    transition: all 0.2s ease !important;
    display: block !important;
    z-index: 10 !important;
}

/* 交互特效与选中颜色 */
ul.resumes li.resume .home-bookmark-btn:hover { transform: scale(1.15) !important; }
ul.resumes li.resume .home-bookmark-btn:active { transform: scale(0.9) !important; }
ul.resumes li.resume .home-bookmark-btn.is-active,
ul.resumes li.listing-bookmarked .home-bookmark-btn {
    background-color: #ef4444 !important; /* 已收藏状态：红色 */
}
/* =================================================
   移动端简历列表：元素挤压与换行修复 (仅在小屏幕生效)
   ================================================= */
@media (max-width: 480px) {
    /* 1. 恢复外层容器的弹性布局，允许内部元素并排 */
    ul.resumes li.resume > a {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important; /* 垂直居中对齐 */
        /* 不要修改这里的 position: relative，保留给书签定位用 */
    }

    /* 2. 控制姓名和职位列，让它们紧凑排列，避免职位换到下一行 */
    .candidate-column {
        display: flex !important;
        flex-direction: column !important; /* 姓名在上，职位在下 */
        align-items: flex-start !important;
        margin-right: auto !important; /* 自动撑开右侧，把地点和日期往右推 */
        /* 防止元素过宽撑爆 */
        max-width: 60%; 
    }
    
    /* 确保名字不换行 */
    .candidate-column h3 {
        margin-bottom: 2px !important; /* 缩小姓名和职位之间的间距 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* 修复职位被强制换行，让它紧贴着姓名下方 */
    .candidate-title {
        display: inline-block !important;
        margin-top: 0 !important;
    }

    /* 3. 控制地址和日期，让它们在右侧和谐共处 */
    /* 我们把这两个容器变成 flex-item，让它们自然排列，不互相挤压 */
    .candidate-location-column,
    .resume-posted-column {
        flex: 0 0 auto !important; /* 不允许放大，根据内容自适应宽度 */
        margin-top: 0 !important;  /* 清除可能多余的上边距 */
        padding-left: 0 !important; /* 清除可能导致过度靠右的左边距 */
    }
    
    /* 微调地址标签位置 */
    .candidate-location-column {
        margin-right: 3px !important; /* 与日期之间留一点空隙 */
    }

    /* 微调日期位置，确保不被挤出边界 */
    .resume-posted-column {
        text-align: right !important; /* 日期文字靠右对齐 */
    }
    
    /* 调整日期文本样式，稍微缩小一点以适应小屏幕 */
    .resume-posted-column date {
        font-size: 13px !important;
        white-space: nowrap !important; /* 强制日期不换行 */
    }
}
/* =================================================
   移动端简历列表：元素挤压与换行修复 (仅在小屏幕生效)
   ================================================= */
@media (max-width: 480px) {
    /* 1. 恢复外层容器的弹性布局，允许内部元素并排 */
    ul.resumes li.resume > a {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important; /* 垂直居中对齐 */
        /* 不要修改这里的 position: relative，保留给书签定位用 */
    }

    /* 2. 控制姓名和职位列，让它们紧凑排列，避免职位换到下一行 */
    .candidate-column {
        display: flex !important;
        flex-direction: column !important; /* 姓名在上，职位在下 */
        align-items: flex-start !important;
        margin-right: auto !important; /* 自动撑开右侧，把地点和日期往右推 */
        /* 防止元素过宽撑爆 */
        max-width: 60%; 
    }
    
    /* 确保名字不换行 */
    .candidate-column h3 {
        margin-bottom: 2px !important; /* 缩小姓名和职位之间的间距 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* 修复职位被强制换行，让它紧贴着姓名下方 */
    .candidate-title {
        display: inline-block !important;
        margin-top: 0 !important;
        /* 👇 新增：强制职位胶囊绝对不换行 👇 */
        white-space: nowrap !important; 
    }

    /* 3. 控制地址和日期，让它们在右侧和谐共处 */
    /* 我们把这两个容器变成 flex-item，让它们自然排列，不互相挤压 */
    .candidate-location-column,
    .resume-posted-column {
        flex: 0 0 auto !important; /* 不允许放大，根据内容自适应宽度 */
        margin-top: 0 !important;  /* 清除可能多余的上边距 */
        padding-left: 0 !important; /* 清除可能导致过度靠右的左边距 */
    }
    
    /* 👇 修改：在移动端直接隐藏地址标签 👇 */
    .candidate-location-column {
        display: none !important; 
    }

    /* 微调日期位置，确保不被挤出边界 */
    .resume-posted-column {
        text-align: right !important; /* 日期文字靠右对齐 */
    }
    
    /* 调整日期文本样式，稍微缩小一点以适应小屏幕 */
    .resume-posted-column date {
        font-size: 13px !important;
        white-space: nowrap !important; /* 强制日期不换行 */
    }
}
/* =================================================
   移动端简历列表：Contact 按钮文字对齐修复 (仅在小屏幕生效)
   ================================================= */
@media (max-width: 480px) {
    /* 将 Contact 按钮设置为 Flex 容器，实现内部文字完美对齐 */
    .single-resume-content .resume_contact .resume_contact_button {
        display: flex !important;
        justify-content: center !important; /* 🌟 核心：水平居中 */
        align-items: center !important;     /* 🌟 核心：垂直居中 */
        
        /* 确保按钮宽度不至于过窄或过宽，可以根据需要调整 */
        width: auto !important;
        min-width: 120px !important; /* 设置最小宽度，防止胶囊变扁 */
        
        /* 微调内边距，确保文字在视觉上看起来更舒适，
           第一个值是上下，第二个值是左右。这里减少上下 padding，
           增加左右 padding，让它更像胶囊形。
        */
        padding: 6px 16px !important; 
        
        /* 强制重置行高，防止干扰 Flex 垂直居中效果 */
        line-height: 1 !important; 
        
        /* 保持之前的圆角和背景样式，这里再次强化防误杀 */
        border-radius: 0.75rem !important; /* 如果想要纯圆角胶囊，可以改为 999px */
        margin: 0 auto !important;       /* 水平居中按钮本身 */
    }
}
/* =================================================
   职位类型选择框 UI 极简重构 (无外框，强制不换行)
   ================================================= */

/* 1. 外层容器：网格布局保持不变 (PC端3列) */
ul.job-manager-term-checklist.job-manager-term-checklist-job_type {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 12px 16px !important; /* 调整行列间距 */
}

/* 2. 清除 li 的默认间距 */
ul.job-manager-term-checklist.job-manager-term-checklist-job_type li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. 文字标签：去掉背景和边框，强制不换行 */
ul.job-manager-term-checklist.job-manager-term-checklist-job_type label.selectit {
    display: flex !important;
    align-items: center !important;
    padding: 6px 0 !important;          /* 回归自然留白，不再需要大内边距 */
    background: transparent !important; /* 🎯 核心：去掉背景框 */
    border: none !important;            /* 🎯 核心：去掉边框 */
    box-shadow: none !important;        /* 🎯 核心：去掉阴影 */
    cursor: pointer !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
    white-space: nowrap !important;     /* 🎯 核心需求：强制文字绝对不换行 */
}

/* 4. 悬停与选中状态：仅改变文字颜色，不加框 */
ul.job-manager-term-checklist.job-manager-term-checklist-job_type label.selectit:hover {
    color: #3b82f6 !important;          /* 鼠标悬停文字变蓝 */
}

ul.job-manager-term-checklist.job-manager-term-checklist-job_type li:has(input:checked) label.selectit {
    color: #1d4ed8 !important;          /* 选中时文字变成深蓝色，增强辨识度 */
    font-weight: 600 !important;        /* 稍微加粗，替代之前的背景框提示 */
}

/* 5. 复选框本身的精细化调整 */
ul.job-manager-term-checklist.job-manager-term-checklist-job_type input[type="checkbox"] {
    margin: 0 8px 0 0 !important;       /* 与右侧文字拉开舒适距离 */
    width: 18px !important;
    height: 18px !important;
    accent-color: #3b82f6 !important;   /* 勾选后的蓝色对钩 */
    cursor: pointer !important;
    flex-shrink: 0 !important;          /* 防止复选框被压缩 */
}

/* =================================================
   移动端自适应 (手机和平板)
   ================================================= */
@media (max-width: 768px) {
    /* 手机端：改为2列布局 */
    ul.job-manager-term-checklist.job-manager-term-checklist-job_type {
        grid-template-columns: repeat(2, 1fr) !important; 
        gap: 10px 12px !important;
    }
    
    ul.job-manager-term-checklist.job-manager-term-checklist-job_type label.selectit {
        font-size: 13.5px !important;   /* 手机端稍微缩小一点字号防拥挤 */
    }
}
/* =================================================
   全局文件上传按钮 (Input Type File) 极简现代化重构
   ================================================= */

/* 1. 整体容器与右侧提示文字 ("未选择任何文件") 的样式 */
input[type="file"] {
    font-family: inherit !important;
    font-size: 14px !important;
    color: #6b7280 !important;          /* 右侧提示文字的颜色（浅灰色） */
    padding: 0 !important;              /* 去除可能存在的文本框内边距 */
    background: transparent !important; /* 去除文本框背景 */
    border: none !important;            /* 彻底去掉外层大边框 */
    box-shadow: none !important;
    cursor: pointer !important;
    width: 100% !important;
    outline: none !important;
}

/* 2. 核心魔法：专属美化原生的“选择文件”按钮 */
input[type="file"]::file-selector-button {
    cursor: pointer !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;     /* 与你全站的圆角风格统一 */
    padding: 8px 16px !important;       /* 舒适的内边距 */
    margin-right: 12px !important;      /* 与右侧文字拉开呼吸感间距 */
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;          /* 按钮文字颜色 */
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

/* 3. 悬停交互效果 */
input[type="file"]::file-selector-button:hover {
    background: #f9fafb !important;
    border-color: #3b82f6 !important;   /* 悬停时边框变蓝，与你全站交互一致 */
    color: #3b82f6 !important;
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.1) !important;
}

/* 4. 点击按下时的反馈 */
input[type="file"]::file-selector-button:active {
    transform: translateY(1px) !important;
    box-shadow: none !important;
}

/* 兼容老旧 Webkit 内核浏览器 (防漏杀) */
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 8px 16px !important;
    margin-right: 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}
input[type="file"]::-webkit-file-upload-button:hover {
    background: #f9fafb !important;
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}

/* =================================================
   1. 薪资恢复胶囊样式 + 💰 图标
   ================================================= */
.job_listings .salary,
.single_job_listing .salary,
li.salary {
    background: #f0f9ff !important; /* 浅蓝色背景，与文字呼应 */
    border: 1px solid rgba(30, 144, 255, 0.2) !important; /* 浅蓝色边框 */
    border-radius: 999px !important; /* 完美半圆角胶囊 */
    padding: 2px 10px !important; /* 撑开胶囊的内边距 */
    display: inline-flex !important;
    align-items: center !important;
    color: #1E90FF !important; /* 保持你原本的亮蓝色文字 */
    font-size: 12px !important; 
    font-weight: 600 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.02) !important;
    white-space: nowrap !important;
    margin: 0 4px 0 0 !important; /* 右侧留一点间距 */
}

/* 薪资前面的 💰 图标 */
.job_listings .salary::before,
.single_job_listing .salary::before,
li.salary::before {
    content: "💰" !important;
    margin-right: 4px !important;
    font-size: 1.1em !important;
    display: inline-block !important;
    line-height: 1 !important; /* 防止撑高胶囊 */
}
/* =================================================
   首页列表：仅对“薪资”胶囊进行左移与微调
   ================================================= */

body .job_listings ul.meta li.salary {
    /* 1. 精准左移：用负外边距把它往左边的“职位类型”拉近，填补缝隙 */
    margin-left: -4px !important; /* 如果觉得还不够左，可以改成 -10px */
    
    /* 2. 防换行护盾：强制无论多长都必须在一行显示完 */
    white-space: nowrap !important; 
    
    /* 3. 视觉瘦身魔法：压缩极其微小的字间距，让长串数字看起来更紧凑 */
    letter-spacing: -0.3px !important; 
}
/* =================================================
   2. 地址增加 📍 定位 EMOJI
   ================================================= */
.job_listings .location::before,
.single_job_listing .location::before,
li.location::before {
    content: "📍" !important;
    margin-right: 4px !important;
    font-size: 1.1em !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* 💡 防御性代码：隐藏自带的黑色小图钉图标（如果有的话），给咱们的 Emoji 让路 */
li.location i, 
li.location svg,
li.location .fas,
li.location .fa {
    display: none !important;
}
/* =================================================
   修复登录弹窗/页面 Logo 被拉伸变形的问题
   ================================================= */
.member-form-logo img {
    width: auto !important;
    height: auto !important;
    max-height: 70px !important; /* 限制最大高度，防止正方形 Logo 太大霸占屏幕 */
    max-width: 100% !important;
    object-fit: contain !important; /* 核心魔法：保持比例，绝对不变形 */
    display: block !important;
    margin: 0 auto !important; /* 让 Logo 完美居中 */
}

/* 针对移动端屏幕进一步微调 */
/* 针对移动端屏幕进一步微调及终极居中修复 */
@media (max-width: 768px) {
    
    /* 1. 强制最外层容器全宽，并使用 Flexbox 完美居中 */
    .member-form-head {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        text-align: center !important; /* 经典文本居中双重保险 */
        padding: 0 !important; /* 清除可能存在的侧边 padding 干扰 */
    }

    /* 2. 强制 a 标签释放宽度并居中 */
    a.member-form-logo {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important; 
    }

    /* 3. 图片本身的微调 */
    .member-form-logo img {
        max-height: 55px !important; /* 手机屏幕小，稍微缩小一点高度更精致 */
        margin: 0 auto !important;
        /* 确保图片不被左/右 float 或者奇怪的绝对定位影响 */
        float: none !important;
        position: static !important;
    }
}
/* =================================================
   首页列表：胶囊整体“瘦身”与精致化微调
   ================================================= */
body .job_listings ul.meta li.job-type,
body .job_listings ul.meta li.salary {
    font-size: 11px !important;       /* 缩小字号：让信息回归辅助地位 */
    padding: 1px 8px !important;      /* 收紧内边距：让胶囊变薄变瘦 */
    line-height: 18px !important;     /* 限制行高：防止被内容撑得太胖 */
    font-weight: 500 !important;      /* 降低字重：避免字体太粗带来的笨重感 */
    box-shadow: none !important;      /* 去掉阴影：纯扁平化显得更轻盈 */
    letter-spacing: -0.2px !important;/* 稍微收紧一点字间距，更精致 */
}

/* 针对薪资胶囊前的金币 Emoji 进行等比缩小 */
body .job_listings ul.meta li.salary::before {
    font-size: 12px !important;       /* 缩小 Emoji，防止它把胶囊强行撑高 */
    margin-right: 3px !important;     /* 拉近和文字的距离 */
    vertical-align: middle !important;/* 确保图标和文字完美垂直对齐 */
}