@charset "utf-8";

/* Inter Variable Font - 引入2025现代字体 */
@font-face{
  font-family:'Inter';
  src:url('/static/fonts/InterVariable.woff2') format('woff2-variations'),
       url('/static/fonts/InterVariable.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

/*字体系统 - Inter优先，兼容中文*/
:root{
  /* 字体 */
  --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Source Code Pro", "SF Mono", Consolas, monospace;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 24px;
  --font-size-4xl: 36px;
  /* 颜色 - WCAG AA 对比度达标 - 统一主色体系（暖橙红，更具养老行业温度感） */
  --color-primary: #e85d3a;
  --color-primary-hover: #c84a2a;
  --color-primary-gradient: #f4a261;
  --color-primary-light: rgba(232,93,58,0.06);
  --color-primary-lighter: rgba(232,93,58,0.03);
  --color-primary-bg: rgba(232,93,58,0.06);
  --color-primary-bg-hover: rgba(232,93,58,0.10);
  --color-secondary: #1677ff;
  --color-secondary-bg: rgba(22,119,255,0.06);
  --color-success: #52c41a;
  --color-success-bg: rgba(82,196,26,0.08);
  --color-warning: #faad14;
  --color-warning-bg: rgba(250,173,20,0.08);
  --color-error: #ff4d4f;
  --color-error-bg: rgba(255,77,79,0.08);
  --color-text-heading: #1a1a2e;
  --color-text-title: #333;
  --color-text-body: #555;
  --color-text-muted: #767676;
  --color-text-light: #999;
  --color-text-placeholder: #bbb;
  --color-bg: #f5f5f5;
  --color-bg-page: #f5f5f5;
  --color-bg-card: #fff;
  --color-border: #e8e8e8;
  --color-border-light: #f0f0f0;
  --color-divider: #f5f5f5;
  --glass-bg: rgba(255,255,255,0.72);
  --glass-border: rgba(255,255,255,0.3);
  --glass-blur: 12px;
  /* 圆角 */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  /* 阴影 */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-card: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(212,56,13,0.12);
  --shadow-float: 0 12px 32px rgba(0,0,0,0.1);
  --shadow-glass: 0 8px 32px rgba(0,0,0,0.08);
  --shadow-glass-inset: inset 0 1px 0 rgba(255,255,255,0.4);
  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 48px;
  /* 过渡 */
  --transition-fast: .15s cubic-bezier(.4,0,.2,1);
  --transition-base: .25s cubic-bezier(.4,0,.2,1);
  --transition-slow: .4s ease;
  --transition-spring: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  /* 层级 */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}
body{font-family:var(--font-family);color:#1a1a1a;font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";letter-spacing:-0.005em;}

input,select,textarea{font-family:"Microsoft YaHei",微软雅黑,"SimSun",宋体;outline:medium;}
p{margin:2pt 0 0 0;}
.clear{float:left;width:100%;clear:both;}
.clear10{margin:10px 0 0 0;}
.clear15{margin:15px 0 0 0;}
.clear20{margin:20px 0 0 0;}
*{margin:0;padding:0;}
ul{list-style-type:none;margin:0;padding:0;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
form{margin:0;}
table{font-size:12px;}
.gg1{float:left;margin-top:10px;}
.bfb{float:left;width:100%;}
.yjcode{width:1200px;}
.fontyh{font-family:"Microsoft YaHei",微软雅黑,"SimSun",宋体;}
.red{color:#f00;}
.feng{color:#ff6600;}
.blue{color:#2255DD;}
.huang{color:#FFF;}
.hui{color:#999;}
.green{color:#008800;}
.redony{background-color:#CFF;border:#999 solid 1px;color:red;}
.yjcodegg{float:left;margin-top:10px;}

.topbanner_hj{width:100%;min-width:1200px;float:left;margin-top:10px;}
.topbanner_hj a{display:block;width:100%;height:100%;}
.topbanner_hj0{margin-top:0;}

.glopage{float:right;margin:20px 0 0 0;width:100%;padding:0;clear:both;text-align:center;}
.glopage a {border: 1px solid #e8e8e8;font-size: 14px;padding: 5px 8px;margin: 0 5px;color: #565656;}

.glopage a:hover{border: 1px solid #d4380d;background: #d4380d;color: #fff;}
.glopage .a1{border: 1px solid #d4380d;background: #d4380d;color: #fff;}

/*显示一行*/
.lineone{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
.linetwo{text-overflow: -o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.linethree{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.dqwz{float:left;width:1200px;height:25px;margin:15px 0 0 0;text-align:left;font-size:14px;}
.dqwz .u1{float:left;width:1200px;}
.dqwz .u1 li{float:left;}
.dqwz .u1 .l1{width:950px;color:#7F7F7F;}
.dqwz .u1 .l1 a{color:#7F7F7F;}

/*三列广告*/
.GLOBALAD3{float:left;width:1200px;text-align:left;}
.GLOBALAD3 a{float:left;margin:10px 10px 0 0;}
.GLOBALAD3 .a0{margin-right:0;margin-left:1px;}

/* ========================================
   共享组件样式 - 所有列表/详情页通用
   统一间距、尺寸、圆角、阴影体系
   ======================================== */

/* 通用列表容器 */
.list-container,.jl-container{max-width:1200px;margin:0 auto;padding:0 16px;}
@media(max-width:767px){.list-container,.jl-container{padding:0 12px;}}

/* 通用面包屑 */
.list-breadcrumb,.jl-breadcrumb,.cl-breadcrumb,.nl-breadcrumb,.jd-breadcrumb,.cd-breadcrumb,.rd-breadcrumb,.nd-breadcrumb{padding:16px 0;font-size:var(--font-size-sm);color:var(--color-text-muted);}
.list-breadcrumb a,.jl-breadcrumb a,.cl-breadcrumb a,.nl-breadcrumb a,.jd-breadcrumb a,.cd-breadcrumb a,.rd-breadcrumb a,.nd-breadcrumb a{color:var(--color-text-muted);transition:color .2s;}
.list-breadcrumb a:hover,.jl-breadcrumb a:hover,.cl-breadcrumb a:hover,.nl-breadcrumb a:hover,.jd-breadcrumb a:hover,.cd-breadcrumb a:hover,.rd-breadcrumb a:hover,.nd-breadcrumb a:hover{color:var(--color-primary);}
.list-breadcrumb-sep,.jl-breadcrumb-sep,.cl-breadcrumb-sep,.nl-breadcrumb-sep,.nd-breadcrumb-sep,.cd-breadcrumb-sep{margin:0 6px;color:#ddd;}
.jd-breadcrumb span,.rd-breadcrumb span{margin:0 6px;color:#ddd;}
@media(max-width:767px){.list-breadcrumb,.jl-breadcrumb,.cl-breadcrumb,.nl-breadcrumb,.jd-breadcrumb,.cd-breadcrumb,.rd-breadcrumb,.nd-breadcrumb{padding:10px 0;font-size:var(--font-size-xs);}}

/* 通用筛选栏 */
.list-filter,.jl-filter,.cl-filter,.nl-filter{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 24px;margin-bottom:16px;}
.list-filter-row,.jl-filter-row,.cl-filter-row,.nl-filter-row{display:flex;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f5f5f5;}
.list-filter-row:last-child,.jl-filter-row:last-child,.cl-filter-row:last-child{border-bottom:none;}
.list-filter-label,.jl-filter-label,.cl-filter-label,.nl-filter-label{flex-shrink:0;width:56px;font-size:var(--font-size-base);color:var(--color-text-muted);line-height:30px;font-weight:500;}
.list-filter-options,.jl-filter-options,.cl-filter-options,.nl-filter-options{flex:1;display:flex;flex-wrap:wrap;gap:6px;overflow:hidden;transition:max-height .3s ease;}
.list-filter-options.list-collapsed,.jl-filter-options.jl-collapsed,.cl-filter-options.cl-collapsed{max-height:30px;}
.list-filter-tag,.jl-filter-tag,.cl-filter-tag,.nl-filter-tag{display:inline-block;padding:3px 12px;font-size:var(--font-size-sm);color:var(--color-text-body);border:1px solid transparent;border-radius:var(--radius-sm);transition:all .2s;cursor:pointer;line-height:22px;}
.list-filter-tag:hover,.jl-filter-tag:hover,.cl-filter-tag:hover,.nl-filter-tag:hover{background:var(--color-primary-light);color:var(--color-primary);}
.list-filter-tag.list-active,.jl-filter-tag.jl-active,.cl-filter-tag.cl-active,.nl-filter-tag.nl-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.list-filter-toggle,.jl-filter-toggle,.cl-filter-toggle{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .2s;margin-left:8px;}
.list-filter-toggle:hover,.jl-filter-toggle:hover,.cl-filter-toggle:hover{background:#f5f5f5;color:var(--color-text-body);}
.list-filter-toggle svg,.jl-filter-toggle svg,.cl-filter-toggle svg{transition:transform .2s;}
.list-filter-toggle.list-toggle-open svg,.jl-filter-toggle.jl-toggle-open svg,.cl-filter-toggle.cl-toggle-open svg{transform:rotate(180deg);}
/* ========== 移动端筛选栏 - Boss直聘风格：内联下拉 ========== */
@media(max-width:767px){
  /* 隐藏Hero横幅 - 移动端由下方筛选栏提供导航 */
  .list-hero{display:none !important;}
  /* 隐藏原始筛选区 - 移动端由Boss风格筛选栏替代 */
  .list-filter,.jl-filter,.cl-filter,.nl-filter{
    display:none !important;
  }
  .cl-search-row{
    display:flex !important;
    padding:8px 12px;
    margin-bottom:0;
  }
  .cl-search-form{width:100%;}
  .cl-search-input{height:40px;font-size:14px;border-radius:20px 0 0 20px;padding:0 16px;}
  .cl-search-btn{width:48px;height:40px;border-radius:0 20px 20px 0;}

  /* ===== 筛选栏容器 ===== */
  .m-filter-bar{
    display:flex;
    align-items:stretch;
    background:#fff;
    position:sticky;
    top:94px;
    z-index:998;
    box-shadow:0 1px 0 rgba(0,0,0,0.06);
  }

  /* ===== 筛选按钮 ===== */
  .m-filter-trigger{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:0 6px;
    height:42px;
    border:none;
    background:#fff;
    font-size:13px;
    color:#333;
    white-space:nowrap;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .15s;
    font-weight:500;
    position:relative;
  }
  .m-filter-trigger:not(:last-child)::after{
    content:'';
    position:absolute;
    right:0;
    top:25%;
    height:50%;
    width:1px;
    background:#eee;
  }
  .m-filter-trigger:active{
    background:#f8f8f8;
  }
  .m-filter-trigger.m-active{
    color:#d4380d;
    font-weight:600;
  }
  .m-filter-trigger svg{
    width:10px;height:10px;
    transition:transform .2s;
    flex-shrink:0;
    color:#bbb;
  }
  .m-filter-trigger.m-active svg{
    color:#d4380d;
  }
  .m-filter-trigger.m-open{
    color:#d4380d;
    font-weight:600;
    background:#fafafa;
  }
  .m-filter-trigger.m-open svg{
    transform:rotate(180deg);
    color:#d4380d;
  }

  /* ===== 下拉面板（fixed定位，由JS计算位置） ===== */
  .m-filter-dropdown{
    display:none;
    position:fixed;
    left:0;
    right:0;
    background:#fff;
    z-index:999;
    max-height:60vh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 4px 16px rgba(0,0,0,0.08);
    animation:mDropIn .15s ease;
  }
  .m-filter-dropdown.m-show{
    display:block;
  }
  @keyframes mDropIn{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
  }

  /* 下拉选项列表 */
  .m-filter-dropdown-list{
    padding:6px 0;
  }
  .m-filter-dropdown-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 18px;
    font-size:14px;
    color:#333;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    transition:background .1s;
  }
  .m-filter-dropdown-item:active{
    background:#f5f5f5;
  }
  .m-filter-dropdown-item.m-selected{
    color:#d4380d;
    font-weight:600;
  }
  .m-filter-dropdown-item.m-selected::after{
    content:'';
    width:16px;
    height:16px;
    background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23d4380d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center;
    background-size:contain;
    flex-shrink:0;
  }

  /* 下拉内分组标题 */
  .m-filter-dropdown-group{
    font-size:12px;
    color:#999;
    font-weight:600;
    padding:10px 18px 4px;
    letter-spacing:0.02em;
  }
  .m-filter-dropdown-group:first-child{
    padding-top:6px;
  }

  /* 遮罩层 */
  .m-filter-mask{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.25);
    z-index:997;
  }
  .m-filter-mask.m-show{
    display:block;
  }

  /* 单组筛选 - 横向滚动标签（如新闻页分类） */
  .m-filter-simple{
    background:#fff;
    padding:10px 0;
    box-shadow:0 1px 0 rgba(0,0,0,0.06);
    position:sticky;
    top:94px;
    z-index:998;
  }
  .m-filter-simple-inner{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 12px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .m-filter-simple-inner::-webkit-scrollbar{display:none;}
  .m-filter-simple-tag{
    display:inline-block;
    padding:6px 16px;
    font-size:13px;
    color:#666;
    background:#f5f5f7;
    border-radius:18px;
    white-space:nowrap;
    text-decoration:none;
    flex-shrink:0;
    transition:all .2s;
    font-weight:500;
    line-height:20px;
  }
  .m-filter-simple-tag:active{background:#eee;}
  .m-filter-simple-tag.m-active{
    background:linear-gradient(135deg,#d4380d,#e85d2a);
    color:#fff;
    box-shadow:0 2px 6px rgba(212,56,13,0.2);
  }
}

/* 通用下拉菜单 */
.list-dropdown,.jl-dropdown{position:relative;}
.list-dropdown-btn,.jl-dropdown-btn{display:flex;align-items:center;gap:4px;padding:5px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;font-size:var(--font-size-sm);color:var(--color-text-body);cursor:pointer;transition:all .2s;line-height:22px;}
.list-dropdown-btn:hover,.jl-dropdown-btn:hover{border-color:var(--color-primary);color:var(--color-primary);}
.list-dropdown-btn svg,.jl-dropdown-btn svg{transition:transform .2s;}
.list-dropdown-btn[aria-expanded="true"] svg,.jl-dropdown-btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.list-dropdown-btn[aria-expanded="true"],.jl-dropdown-btn[aria-expanded="true"]{border-color:var(--color-primary);color:var(--color-primary);}
.list-dropdown-menu,.jl-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.1);min-width:120px;z-index:100;display:none;padding:4px 0;}
.list-dropdown-menu.list-open,.jl-dropdown-menu.jl-open{display:block;animation:listFadeIn .15s ease;}
.list-dropdown-menu a,.jl-dropdown-menu a{display:block;padding:7px 14px;font-size:var(--font-size-sm);color:var(--color-text-body);transition:background .15s;}
.list-dropdown-menu a:hover,.jl-dropdown-menu a:hover{background:var(--color-primary-light);color:var(--color-primary);}

/* 通用已选条件 */
.list-filter-selected,.jl-filter-selected,.cl-filter-selected{display:flex;align-items:flex-start;padding:10px 0 4px;border-top:1px dashed #e8e8e8;margin-top:4px;}
.list-selected-tags,.jl-selected-tags,.cl-selected-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.list-selected-tag,.jl-selected-tag,.cl-selected-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:var(--font-size-xs);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:#fff;transition:all .2s;line-height:20px;}
.list-selected-tag:hover,.jl-selected-tag:hover,.cl-selected-tag:hover{background:var(--color-primary);color:#fff;}
.list-selected-tag svg,.jl-selected-tag svg,.cl-selected-tag svg{opacity:.6;transition:opacity .2s;}
.list-selected-tag:hover svg,.jl-selected-tag:hover svg,.cl-selected-tag:hover svg{opacity:1;stroke:#fff;}
.list-clear-all,.jl-clear-all,.cl-clear-all{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:3px 10px;line-height:20px;border-radius:var(--radius-pill);transition:color .2s;}
.list-clear-all:hover,.jl-clear-all:hover,.cl-clear-all:hover{color:var(--color-primary);}

/* 通用搜索栏 */
.list-search-bar,.jl-search-bar{margin-bottom:16px;}
.list-search-form,.jl-search-form{display:flex;max-width:600px;margin:0 auto;}
.list-search-input,.jl-search-input{flex:1;height:42px;padding:0 16px;border:2px solid var(--color-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--font-size-base);outline:none;transition:border-color .2s;}
.list-search-input:focus,.jl-search-input:focus{border-color:var(--color-primary);}
.list-search-input::placeholder,.jl-search-input::placeholder{color:#999;}
.list-search-btn,.jl-search-btn{display:flex;align-items:center;gap:6px;padding:0 20px;height:42px;border:2px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-primary);color:#fff;font-size:var(--font-size-md);cursor:pointer;transition:background .2s;white-space:nowrap;}
.list-search-btn:hover,.jl-search-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);}
@media(max-width:767px){.list-search-form,.jl-search-form{max-width:100%;}}

/* 通用区块标题 */
.list-section-header,.jl-section-header,.cl-section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 12px;}
.list-section-title,.jl-section-title,.cl-section-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-title);display:flex;align-items:center;gap:8px;}
.list-section-title svg,.jl-section-title svg,.cl-section-title svg{flex-shrink:0;}
.list-list-count,.jl-list-count,.cl-list-count{font-size:var(--font-size-sm);color:var(--color-text-muted);}
@media(max-width:767px){.list-section-title,.jl-section-title,.cl-section-title{font-size:var(--font-size-lg);}}

/* 通用标签 */
.list-tag,.jl-tag,.cl-tag{display:inline-block;padding:2px 8px;font-size:var(--font-size-xs);border-radius:var(--radius-pill);line-height:18px;}
.list-tag-blue,.jl-tag-blue,.cl-tag-blue{background:rgba(22,119,255,0.08);color:#1677ff;}
.list-tag-green,.jl-tag-green,.cl-tag-green{background:rgba(82,196,26,0.08);color:#52c41a;}
.list-tag-yellow,.jl-tag-yellow{background:rgba(250,173,20,0.08);color:#d48806;}
.list-tag-orange,.jl-tag-orange,.cl-tag-orange{background:rgba(255,68,0,0.06);color:var(--color-primary);}

/* 通用空状态 */
.list-empty,.jl-empty,.cl-empty,.nl-empty{text-align:center;padding:60px 0;color:var(--color-text-muted);}
.list-empty svg,.jl-empty svg,.cl-empty svg,.nl-empty svg{margin-bottom:12px;}
.list-empty p,.jl-empty p,.cl-empty p,.nl-empty p{font-size:var(--font-size-base);}

/* 通用分页 */
.list-pagination,.jl-pagination,.cl-pagination,.nl-pagination,.cd-jobs-pagination{display:flex;justify-content:center;padding:24px 0;}
.list-pagination a,.list-pagination span,.jl-pagination a,.jl-pagination span,.cl-pagination a,.cl-pagination span,.nl-pagination a,.nl-pagination span,.cd-jobs-pagination a,.cd-jobs-pagination span{display:inline-block;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-body);transition:all .2s;}
.list-pagination a:hover,.jl-pagination a:hover,.cl-pagination a:hover,.nl-pagination a:hover,.cd-jobs-pagination a:hover{border-color:var(--color-primary);color:var(--color-primary);}
.list-pagination .active,.list-pagination .current,.jl-pagination .active,.jl-pagination .current,.cl-pagination .active,.cl-pagination .current,.nl-pagination .active,.nl-pagination .current,.cd-jobs-pagination .active,.cd-jobs-pagination .current{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.list-pagination .disabled,.jl-pagination .disabled,.cl-pagination .disabled,.nl-pagination .disabled,.cd-jobs-pagination .disabled{color:#999;cursor:default;}

/* ========== 移动端分页 - 紧凑模式：上一页/页码/下一页 ========== */
@media(max-width:767px){
  .list-pagination,.jl-pagination,.cl-pagination,.nl-pagination,.cd-jobs-pagination{
    padding:12px 0;
    gap:0;
  }
  /* 分页ul：只显示首(上一页)、尾(下一页)、active(当前页) */
  .list-pagination ul.pagination,
  .jl-pagination ul.pagination,
  .cl-pagination ul.pagination,
  .nl-pagination ul.pagination{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
  }
  /* 隐藏所有页码数字和省略号，只保留首(上一页)、尾(下一页)、active(当前页) */
  .list-pagination li:not(:first-child):not(:last-child):not(.active),
  .jl-pagination li:not(:first-child):not(:last-child):not(.active),
  .cl-pagination li:not(:first-child):not(:last-child):not(.active),
  .nl-pagination li:not(:first-child):not(:last-child):not(.active){
    display:none !important;
  }
  /* 上一页/下一页按钮 - 大触摸目标 */
  .list-pagination li:first-child a,.list-pagination li:first-child span,
  .list-pagination li:last-child a,.list-pagination li:last-child span,
  .jl-pagination li:first-child a,.jl-pagination li:first-child span,
  .jl-pagination li:last-child a,.jl-pagination li:last-child span,
  .cl-pagination li:first-child a,.cl-pagination li:first-child span,
  .cl-pagination li:last-child a,.cl-pagination li:last-child span,
  .nl-pagination li:first-child a,.nl-pagination li:first-child span,
  .nl-pagination li:last-child a,.nl-pagination li:last-child span{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:80px !important;
    height:40px !important;
    padding:0 16px !important;
    font-size:14px !important;
    font-weight:500;
    border-radius:20px !important;
    border:none !important;
    color:#fff !important;
    background:var(--color-primary,#e85d3a) !important;
    text-decoration:none !important;
    transition:all .2s;
  }
  /* 禁用态的上一页/下一页 */
  .list-pagination li.disabled:first-child span,
  .list-pagination li.disabled:last-child span,
  .jl-pagination li.disabled:first-child span,
  .jl-pagination li.disabled:last-child span,
  .cl-pagination li.disabled:first-child span,
  .cl-pagination li.disabled:last-child span,
  .nl-pagination li.disabled:first-child span,
  .nl-pagination li.disabled:last-child span{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:80px !important;
    height:40px !important;
    padding:0 16px !important;
    font-size:14px !important;
    border-radius:20px !important;
    border:1.5px solid #e0e0e0 !important;
    color:#bbb !important;
    background:#fafafa !important;
    cursor:not-allowed;
  }
  /* hover态 */
  .jl-pagination li:first-child a:hover,.jl-pagination li:last-child a:hover,
  .nl-pagination li:first-child a:hover,.nl-pagination li:last-child a:hover,
  .cl-pagination li:first-child a:hover,.cl-pagination li:last-child a:hover,
  .list-pagination li:first-child a:hover,.list-pagination li:last-child a:hover{
    background:var(--color-primary,#e85d3a) !important;
    color:#fff !important;
  }
  /* 当前页指示器 - 圆形气泡显示 "第X/Y页" */
  .list-pagination li.active,
  .jl-pagination li.active,
  .cl-pagination li.active,
  .nl-pagination li.active{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    background:none !important;
    border:none !important;
    border-radius:0 !important;
    padding:0 !important;
  }
  .list-pagination li.active span,
  .jl-pagination li.active span,
  .cl-pagination li.active span,
  .nl-pagination li.active span{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0 16px !important;
    height:40px !important;
    font-size:14px !important;
    font-weight:600 !important;
    color:#fff !important;
    background:var(--color-primary,#e85d3a) !important;
    border:none !important;
    border-radius:20px !important;
    box-shadow:none !important;
    white-space:nowrap;
  }
}

/* ========== 通用筛选栏 - 紧凑单行布局 ========== */
.list-filter,.jl-filter,.cl-filter,.nl-filter{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,0.04);padding:12px 16px;margin-bottom:16px;}
.list-filter-row,.jl-filter-row,.cl-filter-row,.nl-filter-row{display:flex;align-items:center;padding:6px 0;gap:8px;}
.list-filter-row+.list-filter-row,.jl-filter-row+.jl-filter-row,.cl-filter-row+.cl-filter-row,.nl-filter-row+.nl-filter-row{border-top:1px solid #f5f5f5;margin-top:6px;padding-top:10px;}
.list-filter-row:last-child,.jl-filter-row:last-child,.cl-filter-row:last-child,.nl-filter-row:last-child{border-bottom:none;}
.list-filter-label,.jl-filter-label,.cl-filter-label,.nl-filter-label{flex-shrink:0;width:48px;font-size:13px;color:#999;line-height:24px;font-weight:500;}
.list-filter-options,.jl-filter-options,.cl-filter-options,.nl-filter-options{flex:1;display:flex;flex-wrap:wrap;gap:6px;overflow:hidden;scrollbar-width:none;min-width:0;transition:max-height .3s ease;}
.list-filter-options::-webkit-scrollbar,.jl-filter-options::-webkit-scrollbar,.cl-filter-options::-webkit-scrollbar,.nl-filter-options::-webkit-scrollbar{display:none;}
.list-filter-options.jl-collapsed,.jl-filter-options.jl-collapsed,.cl-filter-options.cl-collapsed,.nl-filter-options.nl-collapsed{max-height:32px;overflow:hidden;}

/* 标签 - 紧凑 */
.list-filter-tag,.jl-filter-tag,.cl-filter-tag,.nl-filter-tag{display:inline-block;padding:4px 12px;font-size:13px;color:#666;border:1px solid #f0f0f0;border-radius:14px;transition:all .2s;cursor:pointer;line-height:20px;background:#fafafa;white-space:nowrap;flex-shrink:0;}
.list-filter-tag:hover,.jl-filter-tag:hover,.cl-filter-tag:hover,.nl-filter-tag:hover{background:rgba(255,68,0,0.04);color:#d4380d;border-color:rgba(255,68,0,0.2);}
.list-filter-tag.jl-active,.list-filter-tag.cl-active,.list-filter-tag.nl-active,.jl-filter-tag.jl-active,.cl-filter-tag.cl-active,.nl-filter-tag.nl-active{background:linear-gradient(135deg,#d4380d,#e85d2a);color:#fff;border-color:transparent;box-shadow:0 2px 6px rgba(255,68,0,0.2);font-weight:500;}

/* 展开/收起按钮 - 紧凑 */
.list-filter-toggle,.jl-filter-toggle,.cl-filter-toggle,.nl-filter-toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:#999;border-radius:50%;transition:all .2s;margin-left:4px;}
.list-filter-toggle:hover,.jl-filter-toggle:hover,.cl-filter-toggle:hover,.nl-filter-toggle:hover{background:rgba(255,68,0,0.06);color:#d4380d;}
.list-filter-toggle svg,.jl-filter-toggle svg,.cl-filter-toggle svg,.nl-filter-toggle svg{transition:transform .2s;width:10px;height:10px;}
.list-filter-toggle.jl-toggle-open svg,.jl-filter-toggle.jl-toggle-open svg,.cl-filter-toggle.cl-toggle-open svg,.nl-filter-toggle.nl-toggle-open svg{transform:rotate(180deg);}

/* 更多筛选 - 横向布局 */
.list-filter-more .list-filter-options,.jl-filter-more .jl-filter-options,.cl-filter-more .cl-filter-options,.nl-filter-more .nl-filter-options{flex:none;}
.list-filter-dropdowns,.jl-filter-dropdowns,.cl-filter-dropdowns,.nl-filter-dropdowns{display:flex;gap:8px;flex-wrap:wrap;}

/* 下拉按钮 - 紧凑 */
.list-dropdown,.jl-dropdown,.cl-dropdown,.nl-dropdown{position:relative;}
.list-dropdown-btn,.jl-dropdown-btn,.cl-dropdown-btn,.nl-dropdown-btn{display:flex;align-items:center;gap:3px;padding:4px 12px;border:1px solid #f0f0f0;border-radius:14px;background:#fafafa;font-size:13px;color:#666;cursor:pointer;transition:all .2s;line-height:20px;}
.list-dropdown-btn:hover,.jl-dropdown-btn:hover,.cl-dropdown-btn:hover,.nl-dropdown-btn:hover{border-color:rgba(255,68,0,0.3);color:#d4380d;}
.list-dropdown-btn svg,.jl-dropdown-btn svg,.cl-dropdown-btn svg,.nl-dropdown-btn svg{transition:transform .2s;width:10px;height:10px;}
.list-dropdown-btn[aria-expanded="true"] svg,.jl-dropdown-btn[aria-expanded="true"] svg,.cl-dropdown-btn[aria-expanded="true"] svg,.nl-dropdown-btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.list-dropdown-btn[aria-expanded="true"],.jl-dropdown-btn[aria-expanded="true"],.cl-dropdown-btn[aria-expanded="true"],.nl-dropdown-btn[aria-expanded="true"]{border-color:#d4380d;color:#d4380d;background:rgba(255,68,0,0.04);font-weight:500;}
.list-dropdown-menu,.jl-dropdown-menu,.cl-dropdown-menu,.nl-dropdown-menu{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.08);min-width:140px;z-index:100;display:none;padding:4px 0;}
.list-dropdown-menu.jl-open,.jl-dropdown-menu.jl-open,.cl-dropdown-menu.cl-open,.nl-dropdown-menu.nl-open{display:block;animation:jlFadeIn .2s cubic-bezier(.4,0,.2,1);}
.list-dropdown-menu a,.jl-dropdown-menu a,.cl-dropdown-menu a,.nl-dropdown-menu a{display:block;padding:8px 14px;font-size:13px;color:#666;transition:all .15s;}
.list-dropdown-menu a:hover,.jl-dropdown-menu a:hover,.cl-dropdown-menu a:hover,.nl-dropdown-menu a:hover{background:rgba(255,68,0,0.06);color:#d4380d;padding-left:18px;}

/* 已选条件 - 紧凑 */
.list-filter-selected,.jl-filter-selected,.cl-filter-selected,.nl-filter-selected{display:flex;align-items:center;padding:8px 0 0;gap:8px;flex-wrap:wrap;border-top:1px dashed #f5f5f5;margin-top:8px;}
.list-selected-tags,.jl-selected-tags,.cl-selected-tags,.nl-selected-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.list-selected-tag,.jl-selected-tag,.cl-selected-tag,.nl-selected-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 8px 3px 10px;font-size:11px;color:#d4380d;border:1px solid rgba(255,68,0,0.2);border-radius:12px;background:rgba(255,68,0,0.04);transition:all .2s;line-height:18px;}
.list-selected-tag:hover,.jl-selected-tag:hover,.cl-selected-tag:hover,.nl-selected-tag:hover{background:#d4380d;color:#fff;border-color:#d4380d;}
.list-selected-tag svg,.jl-selected-tag svg,.cl-selected-tag svg,.nl-selected-tag svg{opacity:.6;transition:opacity .2s;width:10px;height:10px;}
.list-selected-tag:hover svg,.jl-selected-tag:hover svg,.cl-selected-tag:hover svg,.nl-selected-tag:hover svg{opacity:1;stroke:#fff;}
.list-clear-all,.jl-clear-all,.cl-clear-all,.nl-clear-all{font-size:11px;color:#999;padding:3px 10px;line-height:18px;border-radius:12px;transition:all .2s;}
.list-clear-all:hover,.jl-clear-all:hover,.cl-clear-all:hover,.nl-clear-all:hover{color:#d4380d;background:rgba(255,68,0,0.04);}
.list-card,.jl-card,.cl-card,.rl-card,.jd-card,.cd-card,.rd-card,.nd-article{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 24px;margin-bottom:16px;}
.list-card-title,.jl-card-title,.jd-card-title,.cd-card-title,.rd-card-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-title);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f5f5f5;}
.list-card-title svg,.jl-card-title svg,.jd-card-title svg,.cd-card-title svg,.rd-card-title svg{flex-shrink:0;}
.list-card-content,.jd-card-content,.cd-card-content,.rd-card-content{font-size:var(--font-size-base);color:var(--color-text-body);line-height:1.8;}
.list-empty-text,.jd-empty-text,.cd-empty-text,.rd-empty-text{color:var(--color-text-muted);text-align:center;padding:20px 0;}
@media(max-width:767px){.list-card,.jl-card,.cl-card,.rl-card,.jd-card,.cd-card,.rd-card{padding:16px;}}

/* 通用福利标签 */
.list-welfare-tags,.jd-welfare-tags,.cd-welfare-tags{display:flex;flex-wrap:wrap;gap:8px;}
.list-welfare-tag,.jd-welfare-tag,.cd-welfare-tag{display:inline-block;padding:4px 14px;font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-primary-light);border:1px solid rgba(255,68,0,0.15);border-radius:var(--radius-pill);transition:all .2s;}
.list-welfare-tag:hover,.jd-welfare-tag:hover,.cd-welfare-tag:hover{background:rgba(255,68,0,0.12);}

/* 通用侧边栏 */
.list-sidebar,.nl-sidebar,.nd-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;}
.list-sidebar-block,.nl-sidebar-block,.nd-sidebar-block{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;}
.list-sidebar-title,.nl-sidebar-title,.nd-sidebar-title{display:flex;align-items:center;gap:6px;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-title);padding-bottom:12px;border-bottom:2px solid var(--color-primary);margin-bottom:12px;}
@media(max-width:1199px){.list-sidebar,.nl-sidebar,.nd-sidebar{width:260px;}}
@media(max-width:767px){.list-sidebar,.nl-sidebar,.nd-sidebar{width:100%;order:-1;}}

/* 通用推荐列表（侧边栏） */
.list-recommend-list,.nl-recommend-list,.nd-recommend-list{list-style:none;padding:0;margin:0;}
.list-recommend-list li,.nl-recommend-list li,.nd-recommend-list li{padding:8px 0;border-bottom:1px solid #f5f5f5;}
.list-recommend-list li:last-child,.nl-recommend-list li:last-child,.nd-recommend-list li:last-child{border-bottom:none;}
.list-recommend-list a,.nl-recommend-list a,.nd-recommend-list a{display:flex;gap:10px;text-decoration:none;color:inherit;transition:all .2s;}
.list-recommend-list a:hover .list-recommend-title,.nl-recommend-list a:hover .nl-recommend-title,.nd-recommend-list a:hover .nd-recommend-title{color:var(--color-primary);}
.list-recommend-cover,.nl-recommend-cover,.nd-recommend-cover{width:90px;height:60px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#f5f5f5;}
.list-recommend-cover img,.nl-recommend-cover img,.nd-recommend-cover img{width:100%;height:100%;object-fit:cover;}
.list-recommend-info,.nl-recommend-info,.nd-recommend-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;}
.list-recommend-title,.nl-recommend-title,.nd-recommend-title{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;}
.list-recommend-date,.nl-recommend-date,.nd-recommend-date{font-size:var(--font-size-xs);color:var(--color-text-muted);}
@media(max-width:767px){
  .list-recommend-cover,.nl-recommend-cover,.nd-recommend-cover{width:72px;height:48px;}
  .list-recommend-list a,.nl-recommend-list a,.nd-recommend-list a{gap:8px;}
}

/* 通用热点列表（侧边栏） */
.list-hot-list,.nl-hot-list,.nd-hot-list{list-style:none;padding:0;margin:0;counter-reset:hotrank;}
.list-hot-list li,.nl-hot-list li,.nd-hot-list li{padding:7px 0;border-bottom:1px solid #f5f5f5;}
.list-hot-list li:last-child,.nl-hot-list li:last-child,.nd-hot-list li:last-child{border-bottom:none;}
.list-hot-list a,.nl-hot-list a,.nd-hot-list a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:color .2s;}
.list-hot-list a:hover .list-hot-title,.nl-hot-list a:hover .nl-hot-title,.nd-hot-list a:hover .nd-hot-title{color:var(--color-primary);}
.list-hot-rank,.nl-hot-rank,.nd-hot-rank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);background:#f5f5f5;flex-shrink:0;}
.list-hot-rank.list-hot-top,.nl-hot-rank.nl-hot-top,.nd-hot-rank.nd-hot-top{background:linear-gradient(135deg,#e85d3a,#c84a2a);color:#fff;box-shadow:0 2px 6px rgba(232,93,58,0.25);}
.list-hot-title,.nl-hot-title,.nd-hot-title{font-size:var(--font-size-sm);color:var(--color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s;}

/* 通用信息行 */
.list-info-row,.jd-info-row,.cd-info-row{display:flex;padding:8px 0;border-bottom:1px dashed #f5f5f5;font-size:var(--font-size-sm);}
.list-info-row:last-child,.jd-info-row:last-child,.cd-info-row:last-child{border-bottom:none;}
.list-info-label,.jd-info-label,.cd-info-row .cd-info-label{width:40px;color:var(--color-text-muted);flex-shrink:0;}
.list-info-value,.jd-info-value,.cd-info-row .cd-info-value{color:var(--color-text-body);word-break:break-all;}
.list-info-value a,.jd-info-value a,.cd-info-row .cd-info-value a{color:var(--color-secondary);transition:color .2s;}
.list-info-value a:hover,.jd-info-value a:hover,.cd-info-row .cd-info-value a:hover{color:var(--color-primary);}

/* 通用动画 */
@keyframes listFadeIn{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}

/* 通用列表页Hero横幅 */
.list-hero{background:linear-gradient(135deg, #d4380d 0%, #e85d2a 100%);position:relative;border-radius:var(--radius-lg);padding:28px 36px;margin-bottom:16px;color:#fff;overflow:hidden;}
.list-hero::before{content:'';position:absolute;top:-40%;right:-10%;width:260px;height:260px;background:radial-gradient(circle,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0) 70%);border-radius:50%;pointer-events:none;}
.list-hero::after{content:'';position:absolute;bottom:-30%;left:15%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0) 70%);border-radius:50%;pointer-events:none;}
.list-hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.list-hero-title{font-size:24px;font-weight:700;color:#fff;margin:0;}
.list-hero-desc{font-size:var(--font-size-base);color:rgba(255,255,255,0.8);margin-top:4px;}
.list-hero-stats{display:flex;gap:24px;}
.list-hero-stat{text-align:center;}
.list-hero-stat strong{display:block;font-size:22px;font-weight:700;color:#fff;}
.list-hero-stat span{font-size:var(--font-size-xs);color:rgba(255,255,255,0.7);}
@media(max-width:767px){
  .list-hero{padding:14px 14px;border-radius:10px;margin-bottom:8px;}
  .list-hero::before,.list-hero::after{display:none;}
  .list-hero-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;}
  .list-hero-title{font-size:17px;}
  .list-hero-desc{display:none;}
  .list-hero-stats{gap:12px;}
  .list-hero-stat strong{font-size:18px;}
}

/* ThinkPHP 默认分页样式修复 - ul.pagination 内 li 默认 block 导致竖排 */
.jl-pagination ul, .cl-pagination ul, .nl-pagination ul, .cd-jobs-pagination ul,
.jl-pagination .pagination, .cl-pagination .pagination, .nl-pagination .pagination, .cd-jobs-pagination .pagination,
.list-pagination ul, .list-pagination .pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.jl-pagination li, .cl-pagination li, .nl-pagination li, .cd-jobs-pagination li,
.list-pagination li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.jl-pagination li a, .jl-pagination li span,
.cl-pagination li a, .cl-pagination li span,
.nl-pagination li a, .nl-pagination li span,
.cd-jobs-pagination li a, .cd-jobs-pagination li span,
.list-pagination li a, .list-pagination li span {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-text-body);
  transition: all .2s;
}
.jl-pagination li a:hover,
.cl-pagination li a:hover,
.nl-pagination li a:hover,
.cd-jobs-pagination li a:hover,
.list-pagination li a:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.jl-pagination li.active a, .jl-pagination li.active span, .jl-pagination .active a, .jl-pagination .active span,
.cl-pagination li.active a, .cl-pagination li.active span, .cl-pagination .active a, .cl-pagination .active span,
.nl-pagination li.active a, .nl-pagination li.active span, .nl-pagination .active a, .nl-pagination .active span,
.cd-jobs-pagination li.active a, .cd-jobs-pagination li.active span,
.list-pagination li.active a, .list-pagination li.active span, .list-pagination .active a, .list-pagination .active span {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}
.jl-pagination li.disabled a, .jl-pagination li.disabled span, .jl-pagination .disabled a, .jl-pagination .disabled span,
.cl-pagination li.disabled a, .cl-pagination li.disabled span,
.nl-pagination li.disabled a, .nl-pagination li.disabled span,
.cd-jobs-pagination li.disabled a, .cd-jobs-pagination li.disabled span,
.list-pagination li.disabled a, .list-pagination li.disabled span, .list-pagination .disabled a, .list-pagination .disabled span {
  color: #999;
  cursor: default;
}

/* 适老化切换按钮 */
.elder-mode-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 8px;cursor:pointer;color:var(--color-text-body);display:flex;align-items:center;transition:all .2s;}
.elder-mode-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);}
.elder-mode .elder-mode-toggle{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}

/* ===== 首页底部社交图标（固定正方形+hover放大+二维码弹窗） ===== */
.footer-social{display:flex;align-items:center;gap:12px;}
.footer-social > a{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;
  border-radius:8px;
  background:rgba(255,255,255,0.08);
  color:#999;
  transition:all .2s ease;
  cursor:pointer;
}
.footer-social > a:hover,
.footer-social > a:focus{
  background:rgba(255,255,255,0.18);
  color:#fff;
  transform:scale(1.15);
}
.footer-social > a svg{width:20px;height:20px;transition:transform .2s ease;}
.footer-social > a:hover svg{transform:scale(1.1);}
/* 二维码弹窗：固定正方形 */
.footer-social .social-qr{
  display:none;
  position:absolute;
  bottom:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  width:120px;height:120px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 4px 20px rgba(0,0,0,0.15);
  padding:8px;
  z-index:100;
  text-align:center;
}
.footer-social .social-qr::after{
  content:'';
  position:absolute;
  top:100%;left:50%;
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:#fff;
}
.footer-social .social-qr img{
  width:104px;height:104px;
  object-fit:cover;
  border-radius:6px;
  display:block;
}
.footer-social .social-qr p{
  display:none;
}
.footer-social > a:hover .social-qr,
.footer-social > a:focus .social-qr{
  display:block;
}
/* 移动端：点击展开二维码（hover在触屏不生效，改用toggle） */
@media (max-width:767px){
  .footer-social .social-qr{
    position:fixed;
    bottom:80px;left:50%;
    transform:translateX(-50%);
    width:160px;height:160px;
    padding:10px;
  }
  .footer-social .social-qr img{
    width:140px;height:140px;
  }
  .footer-social .social-qr p{
    display:block;
    font-size:12px;color:#333;
    margin-top:4px;line-height:1;
  }
  .footer-social .social-qr::after{display:none;}
}