@charset "utf-8";
/* ============================================================
   务工摸排信息平台 · PC 内页主题（栏目页 / 列表页 / 内容页）
   与首页 premium-home 保持一致：庄重红金政务风
   作用域：body.pm-page
   ============================================================ */

/* 全幅出血区块用 100vw（含滚动条宽度），根级裁剪避免横向滚动条 */
html,body{overflow-x:hidden;}

.pm-page{
    --pm-red:#C8161D;
    --pm-red-deep:#8E1016;
    --pm-red-dark:#6E0B10;
    --pm-red-soft:rgba(200,22,29,.08);
    --pm-gold:#C9A063;
    --pm-gold-light:#E6C988;
    --pm-ink:#23252B;
    --pm-ink-2:#555A63;
    --pm-ink-3:#8A909C;
    --pm-line:#ECEAE6;
    --pm-bg:#F7F5F2;
    --pm-card:#FFFFFF;
    --pm-shadow:0 18px 48px -18px rgba(80,22,22,.22);
    --pm-shadow-sm:0 8px 24px -12px rgba(60,40,40,.18);
    --pm-radius:14px;
}

/* 页面背景 */
.pm-page{background:var(--pm-bg);}

/* 头部导航红金化 */
.pm-page .ep-header{
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--pm-line);
    box-shadow:0 6px 24px -16px rgba(90,30,30,.35);
}
.pm-page .ep-nav-item.is-active>a{color:var(--pm-red);}
.pm-page .ep-nav-item>a:hover{color:var(--pm-red);}
.pm-page .ep-user-trigger img{border:2px solid var(--pm-red);}

/* ================= 沉浸式页头 ================= */
.pm-pagehero{
    position:relative;overflow:hidden;color:#fff;
    margin:-20px calc(-50vw + 50%) 0;width:100vw;
    background:
        radial-gradient(900px 420px at 85% -20%,rgba(201,160,99,.32),transparent 60%),
        radial-gradient(700px 500px at 5% 120%,rgba(255,255,255,.08),transparent 55%),
        linear-gradient(135deg,var(--pm-red-dark) 0%,var(--pm-red-deep) 48%,var(--pm-red) 100%);
}
.pm-pagehero::before{
    content:"";position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:radial-gradient(circle at 40% 30%,#000 25%,transparent 80%);
    -webkit-mask-image:radial-gradient(circle at 40% 30%,#000 25%,transparent 80%);
}
.pm-pagehero::after{
    content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;
    border:1.5px solid rgba(230,201,136,.24);
    box-shadow:0 0 0 60px rgba(230,201,136,.05);
    pointer-events:none;
}
.pm-pagehero-inner{
    position:relative;z-index:2;max-width:1200px;margin:0 auto;
    padding:54px 20px 46px;
}
.pm-pagehero-crumb{font-size:14px;color:rgba(255,255,255,.82);letter-spacing:1px;margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pm-pagehero-crumb a{color:rgba(255,255,255,.82);transition:.2s;}
.pm-pagehero-crumb a:hover{color:var(--pm-gold-light);}
.pm-pagehero-crumb .pm-ph-sep{color:rgba(255,255,255,.45);}
.pm-pagehero-crumb .pm-ph-current{color:var(--pm-gold-light);font-weight:600;}
.pm-pagehero h1{
    font-size:38px;font-weight:800;letter-spacing:2px;margin:0 0 14px;
    display:flex;align-items:center;gap:16px;text-shadow:0 6px 20px rgba(0,0,0,.22);
}
.pm-pagehero h1::before{
    content:"";width:6px;height:36px;border-radius:3px;
    background:linear-gradient(180deg,var(--pm-gold-light),var(--pm-gold));
}
.pm-pagehero-sub{font-size:16px;color:rgba(255,255,255,.88);line-height:1.8;max-width:680px;margin:0;letter-spacing:.5px;}
.pm-pagehero-stats{display:flex;gap:36px;margin-top:26px;flex-wrap:wrap;}
.pm-ph-stat-num{font-size:32px;font-weight:800;color:#fff;font-family:"DIN Alternate","Segoe UI",sans-serif;line-height:1;}
.pm-ph-stat-num i{font-style:normal;font-size:15px;color:var(--pm-gold-light);margin-left:4px;font-weight:600;}
.pm-ph-stat-label{font-size:13.5px;color:rgba(255,255,255,.75);margin-top:8px;letter-spacing:1px;}

/* 页头下方内容容器 */
.pm-page .ep-main{padding-top:0;}
.pm-page .ep-container{padding-top:28px;}
/* 隐藏原始面包屑（已融入页头） */
.pm-page .ep-breadcrumb{display:none;}

/* ================= 卡片系统红金化 ================= */
.pm-page .el-card{
    border:1px solid var(--pm-line);border-radius:var(--pm-radius);
    box-shadow:var(--pm-shadow-sm);overflow:hidden;margin-bottom:24px;
}
.pm-page .el-card__header{
    padding:18px 24px;border-bottom:1px solid var(--pm-line);
    font-size:18px;font-weight:700;color:var(--pm-ink);
    display:flex;align-items:center;gap:11px;
    background:linear-gradient(180deg,#fbf9f6,#fff);
}
.pm-page .el-card__header::before{
    content:"";width:5px;height:20px;border-radius:3px;
    background:linear-gradient(180deg,var(--pm-red),var(--pm-gold));
}
.pm-page .el-card__body{padding:24px;}

/* 文章标题 */
.pm-page .ep-article-title a{color:var(--pm-ink);font-weight:700;transition:.2s;}
.pm-page .ep-article-title a:hover{color:var(--pm-red);}
.pm-page .ep-cat-title-link{font-size:20px;color:var(--pm-red)!important;}
.pm-page .ep-cat-title-link:hover{color:var(--pm-red-deep)!important;}

/* 列表项 */
.pm-page .ep-list-item{
    padding:20px 4px;border-bottom:1px solid var(--pm-line);transition:.2s;border-radius:10px;
}
.pm-page .ep-list-item:hover{background:var(--pm-red-soft);}
.pm-page .ep-list-item:last-child{border-bottom:none;}
.pm-page .ep-list-desc{color:var(--pm-ink-3);}
.pm-page .ep-thumb{border-radius:10px;}

/* 徽章/标签 */
.pm-page .ep-badge{border-radius:6px;}
.pm-page .ep-badge--primary,
.pm-page .mw-name .ep-badge--primary{
    background:var(--pm-red-soft)!important;color:var(--pm-red)!important;
    border:1px solid rgba(200,22,29,.2)!important;
}
.pm-page .ep-badge.is-plain{background:#fff;color:var(--pm-ink-2);border:1px solid var(--pm-line);}
.pm-page .ep-badge.is-plain:hover{border-color:var(--pm-red);color:var(--pm-red);}
.pm-page .mw-channel-tags .ep-badge--warning{
    background:#fbf3e4;color:var(--pm-gold);border:1px solid #ecd9b0;
}

/* meta 图标 */
.pm-page .ep-meta i.fa{color:var(--pm-gold);}

/* 侧栏热门列表 */
.pm-page .ep-side-hit-row{padding:12px 4px;border-bottom:1px dashed var(--pm-line);}
.pm-page .ep-side-hit-row:last-child{border-bottom:none;}
.pm-page .ep-side-hit-title{color:var(--pm-ink-2);font-weight:600;}
.pm-page .ep-side-hit-title:hover{color:var(--pm-red);}
.pm-page .ep-side-hit-desc{color:var(--pm-ink-3);}

/* 分页 */
.pm-page .xrpagination{text-align:center;margin-top:28px;}
.pm-page .xrpagination a,.pm-page .xrpagination span{
    display:inline-block;min-width:38px;height:38px;line-height:36px;padding:0 12px;margin:0 4px;
    border:1px solid var(--pm-line);border-radius:8px;background:#fff;color:var(--pm-ink-2);
    transition:.2s;font-size:14px;
}
.pm-page .xrpagination a:hover{border-color:var(--pm-red);color:var(--pm-red);background:var(--pm-red-soft);}
.pm-page .xrpagination .cur,.pm-page .xrpagination span.cur{
    background:linear-gradient(135deg,var(--pm-red),var(--pm-red-deep));color:#fff;border-color:var(--pm-red);
    font-weight:700;
}

/* 链接颜色 */
.pm-page a{color:var(--pm-ink-2);}

/* ================= 栏目封面：年份档案大卡 ================= */
.pm-cover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;}
.pm-cover-card{
    position:relative;overflow:hidden;border-radius:var(--pm-radius);
    padding:40px 36px;color:#fff;text-decoration:none;
    display:flex;align-items:center;justify-content:space-between;
    box-shadow:var(--pm-shadow);transition:.3s;
}
.pm-cover-card:hover{transform:translateY(-6px);color:#fff;}
.pm-cover-card.pm-arc-2026{background:linear-gradient(135deg,var(--pm-red-deep),var(--pm-red));}
.pm-cover-card.pm-arc-2027{background:linear-gradient(135deg,#1F4E79,#153555);}
.pm-cover-card.pm-arc-default{background:linear-gradient(135deg,var(--pm-red-deep),var(--pm-red));}
.pm-cover-card::after{
    content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;
    border:2px solid rgba(255,255,255,.12);
}
.pm-cover-year{font-size:40px;font-weight:800;letter-spacing:2px;line-height:1;}
.pm-cover-year small{display:block;font-size:15px;font-weight:500;opacity:.85;margin-top:10px;letter-spacing:3px;}
.pm-cover-go{
    position:relative;z-index:2;flex:none;width:52px;height:52px;border-radius:50%;
    background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;
    font-size:22px;transition:.3s;
}
.pm-cover-card:hover .pm-cover-go{background:var(--pm-gold);color:var(--pm-red-dark);}

/* ================= 内容详情页（务工信息）红金化 ================= */
.pm-page .mw-profile{
    background:linear-gradient(135deg,#fdeeee 0%,#fdf6f0 100%)!important;
    border-bottom:1px solid var(--pm-line)!important;
}
.pm-page .mw-avatar{
    border:3px solid #fff;
    box-shadow:0 4px 14px rgba(200,22,29,.25)!important;
}
.pm-page .mw-name{color:var(--pm-ink)!important;}
.pm-page .mw-wage-card{
    border:1px solid #ecd9b0!important;
    box-shadow:0 2px 10px rgba(201,160,99,.18)!important;
}
.pm-page .mw-wage-value{color:var(--pm-gold)!important;}

/* 信息图标统一红金/暖色体系 */
.pm-page .mw-info-ico{background:var(--pm-red-soft)!important;color:var(--pm-red)!important;}
.pm-page .mw-info-ico.is-green{background:#f3f0e6!important;color:var(--pm-gold)!important;}
.pm-page .mw-info-ico.is-orange{background:#fbf3e4!important;color:var(--pm-gold)!important;}
.pm-page .mw-info-ico.is-purple{background:var(--pm-red-soft)!important;color:var(--pm-red-deep)!important;}
.pm-page .mw-info-ico.is-cyan{background:#fdf1e7!important;color:#c8762f!important;}
.pm-page .mw-info-ico.is-red{background:var(--pm-red-soft)!important;color:var(--pm-red)!important;}

/* 区块标题红条 */
.pm-page .mw-section-title{
    color:var(--pm-ink)!important;
    border-left:4px solid var(--pm-red)!important;
}
.pm-page .mw-info-label{color:var(--pm-ink-3);}
.pm-page .mw-info-value{color:var(--pm-ink);}
.pm-page .mw-content{color:var(--pm-ink-2);}

/* 提示框 */
.pm-page .mw-tip{
    background:#fbf3e4;border:1px solid #ecd9b0;border-radius:10px;
    color:#a07a2f;
}

/* 上一篇/下一篇 */
.pm-page .ep-show-prevnext-wrap{
    border-top:1px solid var(--pm-line);margin-top:24px;padding-top:18px;
}
.pm-page .fc-show-prev-next a{color:var(--pm-red);}
.pm-page .fc-show-prev-next a:hover{color:var(--pm-red-deep);text-decoration:underline;}

/* 相关卡片 */
.pm-page .ep-show-related-title{
    font-size:18px;font-weight:700;color:var(--pm-ink);margin-bottom:18px;
    padding-left:11px;border-left:5px solid var(--pm-red);
}
.pm-page .ep-related-title{color:var(--pm-ink);font-weight:600;}
.pm-page .ep-related-title:hover{color:var(--pm-red);}
.pm-page .ep-related-desc{color:var(--pm-ink-3);}
.pm-page .ep-related-date{color:var(--pm-gold);}

/* 页脚红金化 */
.pm-page .ep-footer{background:var(--pm-red-dark);color:rgba(255,255,255,.75);border-top:none;}
.pm-page .ep-footer a,.pm-page .ep-footer-links a{color:rgba(255,255,255,.7);}
.pm-page .ep-footer a:hover,.pm-page .ep-footer-links a:hover{color:var(--pm-gold-light);}
.pm-page .ep-scrolltop{background:var(--pm-red);}
.pm-page .ep-scrolltop:hover{background:var(--pm-red-deep);}

/* ================= 务工地址三级联动模块（与首页一致） ================= */
.pm-page .pm-area-section{padding:48px 0;}
.pm-page .pm-area-section .pm-wrap{max-width:1200px;padding:0 20px;margin:0 auto;}

/* ================= 三图滚动广告位（与首页一致：图片 16px 间距） ================= */
.pm-page .pm-banner-viewport{
    /* 全幅出血 + 上下 16px 间距（对应首页 bannerSwiper padding:32rpx 0） */
    margin:0 calc(-50vw + 50%);
    width:100vw;
    padding:16px 0;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.pm-page .pm-banner-wrap{max-width:1200px;margin:0 auto;padding:0 20px;--pm-bw:min(1160px, calc(100vw - 40px));}
.pm-page .pm-banner-track{
    display:flex;align-items:stretch;width:max-content;
    /* 组与组之间 16px 间距（滚动衔接处同样为 16px） */
    gap:16px;
    animation:pm-banner-scroll 28s linear infinite;
}
.pm-page .pm-banner-viewport:hover .pm-banner-track{animation-play-state:paused;}
.pm-page .pm-banner-group{
    display:flex;flex:0 0 auto;gap:16px;   /* 图片之间 16px 间距（对应首页 bannerItem padding:0 32rpx） */
    width:var(--pm-bw);
}
.pm-page .pm-banner-item{
    flex:0 0 auto;display:block;position:relative;overflow:hidden;
    width:calc((var(--pm-bw) - 32px)/3);    /* 每屏 3 张：2 个间距 × 16px */
    height:190px;border-radius:14px;
    box-shadow:var(--pm-shadow-sm);
    background:linear-gradient(135deg,var(--pm-red-deep),var(--pm-red));
    transition:transform .3s, box-shadow .3s;
}
.pm-page .pm-banner-item:hover{transform:translateY(-4px);box-shadow:var(--pm-shadow);}
.pm-page .pm-banner-item img{
    width:100%;height:100%;object-fit:cover;display:block;
}
@keyframes pm-banner-scroll{
    0%{transform:translateX(0);}
    100%{transform:translateX(calc(-1 * (var(--pm-bw) + 16px)));}  /* 平移一组宽 + 组间距，无缝衔接 */
}
@media (max-width:1024px){
    .pm-page .pm-banner-item{width:calc((var(--pm-bw) - 16px)/2);}   /* 每屏 2 张 */
}
@media (max-width:640px){
    .pm-page .pm-banner-item{width:var(--pm-bw);height:150px;}       /* 每屏 1 张 */
    .pm-page .pm-banner-viewport{padding:12px 0;}
}
.pm-page .pm-sec-head{text-align:center;margin-bottom:40px;}
.pm-page .pm-sec-eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    color:var(--pm-red);font-size:14px;letter-spacing:4px;font-weight:600;margin-bottom:12px;
}
.pm-page .pm-sec-eyebrow::before,.pm-page .pm-sec-eyebrow::after{
    content:"";width:34px;height:1px;background:var(--pm-gold);
}
.pm-page .pm-sec-title{font-size:30px;font-weight:800;color:var(--pm-ink);letter-spacing:2px;margin:0;}
.pm-page .pm-sec-desc{color:var(--pm-ink-3);font-size:15px;margin-top:12px;letter-spacing:1px;}

.pm-page .pm-area-panel{
    background:var(--pm-card);border-radius:var(--pm-radius);
    box-shadow:var(--pm-shadow);border:1px solid var(--pm-line);overflow:hidden;
}
.pm-page .pm-area-summary{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
    padding:22px 30px;
    background:linear-gradient(135deg,var(--pm-red-deep),var(--pm-red));
    color:#fff;
}
.pm-page .pm-area-breadcrumb{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:.5px;flex-wrap:wrap;}
.pm-page .pm-crumb-item{color:rgba(255,255,255,.7);transition:.2s;}
.pm-page .pm-crumb-item.is-active{color:var(--pm-gold-light);font-weight:700;}
.pm-page .pm-crumb-sep{color:rgba(255,255,255,.4);font-weight:400;}
.pm-page .pm-crumb-count{margin-left:8px;padding:4px 14px;border-radius:999px;background:rgba(255,255,255,.16);font-size:14px;font-weight:600;}
.pm-page .pm-area-total{font-size:15px;color:rgba(255,255,255,.9);letter-spacing:1px;}
.pm-page .pm-area-total strong{font-size:26px;color:var(--pm-gold-light);margin:0 4px;font-family:"DIN Alternate","Segoe UI",sans-serif;}

.pm-page .pm-area-cols{display:grid;grid-template-columns:1fr 1fr 1fr;}
.pm-page .pm-area-col{border-right:1px solid var(--pm-line);min-height:340px;}
.pm-page .pm-area-col:last-child{border-right:none;}
.pm-page .pm-area-col-head{
    padding:14px 26px;font-size:15px;font-weight:700;color:var(--pm-ink);letter-spacing:2px;
    border-bottom:1px solid var(--pm-line);background:linear-gradient(180deg,#faf8f5,#fff);
    display:flex;align-items:center;gap:8px;
}
.pm-page .pm-area-col-head::before{content:"";width:6px;height:16px;border-radius:3px;background:linear-gradient(var(--pm-red),var(--pm-gold));}
/* 数据表头（地区 / 务工人数 / 占比）与节点行同网格，保证列对齐 */
.pm-page .pm-area-col-subhead{
    display:grid;grid-template-columns:minmax(0,1fr) 60px 52px 20px;column-gap:8px;align-items:center;
    /* 与节点行对齐：列表左右各 10px + 节点行左右各 16px = 26px */
    padding:10px 26px 8px;font-size:12.5px;font-weight:700;color:var(--pm-ink-3);letter-spacing:1px;
    border-bottom:1px solid var(--pm-line);background:#faf8f5;
}
.pm-page .pm-area-col-subhead .pm-sh-count,.pm-page .pm-area-col-subhead .pm-sh-pct{text-align:right;}
.pm-page .pm-area-list{padding:10px;max-height:380px;overflow-y:auto;scrollbar-width:none;}
.pm-page .pm-area-list::-webkit-scrollbar{display:none;width:0;height:0;}
.pm-page .pm-area-empty{padding:34px 18px;text-align:center;color:var(--pm-ink-3);font-size:14px;}
.pm-page .pm-area-node{
    position:relative;display:grid;
    grid-template-columns:minmax(0,1fr) 60px 52px 20px;column-gap:8px;align-items:center;
    padding:13px 16px;border-radius:10px;cursor:pointer;margin-bottom:4px;transition:.2s;overflow:hidden;
}
.pm-page .pm-area-node::before{
    content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pm-red-soft),transparent 70%);
    opacity:0;transition:.2s;z-index:0;
}
.pm-page .pm-area-node:hover::before,.pm-page .pm-area-node.is-active::before{opacity:1;}
.pm-page .pm-area-node:hover{transform:translateX(3px);}
.pm-page .pm-area-node.is-leaf{cursor:default;}
.pm-page .pm-area-node.is-leaf:hover{transform:none;}
.pm-page .pm-area-bar{
    position:absolute;left:0;top:0;bottom:0;z-index:0;
    background:linear-gradient(90deg,rgba(200,22,29,.10),rgba(201,160,99,.04));border-radius:10px;transition:.3s;
}
.pm-page .pm-area-name,.pm-page .pm-area-count,.pm-page .pm-area-pct,.pm-page .pm-area-arrow{position:relative;z-index:1;}
.pm-page .pm-area-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;color:var(--pm-ink);font-weight:600;}
.pm-page .pm-area-node.is-active .pm-area-name{color:var(--pm-red);}
.pm-page .pm-area-count{text-align:right;font-size:17px;font-weight:800;color:var(--pm-red);white-space:nowrap;font-family:"DIN Alternate","Segoe UI",sans-serif;}
.pm-page .pm-area-count i{font-style:normal;font-size:12px;font-weight:600;color:var(--pm-ink-3);margin-left:1px;}
.pm-page .pm-area-pct{
    text-align:right;font-size:14px;font-weight:700;color:var(--pm-ink-2);white-space:nowrap;
    font-family:"DIN Alternate","Segoe UI",sans-serif;
}
.pm-page .pm-area-node.is-active .pm-area-pct{color:var(--pm-red);}
.pm-page .pm-area-arrow{text-align:center;color:var(--pm-ink-3);font-size:20px;font-weight:700;transition:.2s;}
.pm-page .pm-area-node.is-parent:hover .pm-area-arrow,.pm-page .pm-area-node.is-active .pm-area-arrow{color:var(--pm-red);transform:translateX(2px);}

/* ================= 响应式 ================= */
@media (max-width:1024px){
    .pm-page .pm-area-cols{grid-template-columns:1fr;}
    .pm-page .pm-area-col{border-right:none;border-bottom:1px solid var(--pm-line);min-height:0;}
    .pm-page .pm-area-list{max-height:240px;}
}
@media (max-width:768px){
    .pm-pagehero h1{font-size:28px;}
    .pm-pagehero-inner{padding:38px 18px 34px;}
    .pm-pagehero-stats{gap:22px;}
    .pm-ph-stat-num{font-size:26px;}
    .pm-page .pm-sec-title{font-size:24px;}
}