:root{--blue:#1265e0;--blue2:#128dff;--ink:#172e4d;--muted:#74869c;--bg:#f2f6fb;--line:#e4ebf3;--font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--card-gap:10px;--card-pad:13px 14px;--radius:12px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--font);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{width:100%;max-width:375px;min-height:max(100vh,812px);margin:auto;overflow:hidden;background:var(--bg)}
.miniapp-header{position:fixed;z-index:100;top:0;left:50%;width:100%;max-width:375px;height:88px;color:#111;background:#ededed;transform:translateX(-50%)}.status-bar{position:relative;height:44px}.status-time{position:absolute;left:35px;top:15px;width:25.24px;height:11.13px}.status-cellular{position:absolute;right:64px;top:17.67px;width:17px;height:10.67px}.status-wifi{position:absolute;right:43.67px;top:17.33px;width:15.33px;height:11px}.status-battery{position:absolute;right:14.34px;top:15.33px;width:24.33px;height:11.34px}.status-battery img{position:absolute}.battery-border{left:0;top:0;width:22px;height:11.33px}.battery-cap{right:0;top:3.67px;width:1.33px;height:4px}.battery-capacity{left:2px;top:2px;width:18px;height:7.33px}.mini-nav{position:relative;display:flex;align-items:center;justify-content:center;height:44px;font-size:16px;font-weight:600}.nav-back{position:absolute;left:0;top:0;display:grid;width:48px;height:44px;padding:0;place-items:center;border:0;background:transparent}.nav-back img{width:9px;height:17px}.nav-more{position:absolute;right:16px;top:0;display:flex;height:44px;align-items:center;gap:4px}.nav-more img{width:3px;height:3px}
main{padding:88px 0 22px}.zone-entry{position:relative;background:var(--bg)}.hero-back{position:absolute;z-index:9;left:16px;top:6px;display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:10px;color:#385673;background:rgba(255,255,255,.34);box-shadow:0 3px 12px rgba(29,66,108,.055),inset 0 1px 0 rgba(255,255,255,.48);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}.hero-back img{width:9px;height:17px}.zone-hero{position:relative;height:180px;overflow:hidden;background:#dbeaf4;background-image:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(246,252,255,.86) 45%,rgba(231,245,255,.34) 74%,rgba(255,255,255,.28) 100%),url("linyi-city-banner.webp");background-position:center;background-size:cover}.zone-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#ededed 0,rgba(237,237,237,.88) 12px,rgba(237,237,237,.48) 34px,rgba(237,237,237,.14) 58px,transparent 78px);-webkit-backdrop-filter:blur(8px) saturate(114%);backdrop-filter:blur(8px) saturate(114%)}.zone-hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:34px;background:linear-gradient(180deg,transparent,rgba(242,246,251,.2) 52%,var(--bg))}.zone-copy{position:absolute;z-index:2;left:16px;right:16px;top:42px;bottom:24px;display:flex;flex-direction:column;justify-content:center}.zone-copy h1{width:94%;margin:0;color:#102d51;font-size:22px;font-weight:700;line-height:1.3}.zone-copy p{width:92%;margin:7px 0 0;overflow:hidden;color:#425d78;font-size:13px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.zone-tags{display:flex;gap:6px;margin-top:9px}.zone-tags span{padding:4px 9px;border:1px solid rgba(255,255,255,.72);border-radius:8px;color:#315777;background:rgba(255,255,255,.64);font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.zone-wrap{position:relative;z-index:5;display:grid;margin-top:-20px;padding:0 12px;gap:var(--card-gap)}.venue-card{padding:var(--card-pad);border:1px solid rgba(255,255,255,.82);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.74));box-shadow:0 8px 26px rgba(35,73,116,.045),inset 0 1px 0 rgba(255,255,255,.82);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%)}.section-title{margin:0 0 10px;color:#203a59;font-size:14px;font-weight:600}.section-title:after{content:"";display:block;width:24px;height:3px;margin-top:4px;border-radius:3px;background:linear-gradient(90deg,#f55e40,#f7a33d)}
.metric-card{display:grid;padding:12px 0;grid-template-columns:repeat(3,1fr)}.metric-card a,.metric-card span{display:block;text-align:center}.metric-card a+a,.metric-card span+span{border-left:1px solid #e8eef4}.metric-card b{display:block;color:#176fd1;font-size:17px;line-height:1.2}.metric-card small{display:block;margin-top:5px;color:#7f90a4;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-card{display:grid;min-height:94px;padding:11px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:9px;border-radius:11px;background:#fff;box-shadow:0 6px 18px rgba(35,73,116,.035)}.service-card>i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#edf5ff}.service-card:nth-child(2n)>i{background:#eaf7f2}.service-card:nth-child(3n)>i{background:#f0edfb}.service-card img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(38%) sepia(91%) saturate(1784%) hue-rotate(199deg) brightness(94%) contrast(96%)}.service-card:nth-child(2n) img{filter:brightness(0) saturate(100%) invert(47%) sepia(42%) saturate(987%) hue-rotate(111deg) brightness(88%) contrast(93%)}.service-card:nth-child(3n) img{filter:brightness(0) saturate(100%) invert(42%) sepia(36%) saturate(1503%) hue-rotate(218deg) brightness(89%) contrast(91%)}.service-card h3{margin:1px 0 5px;color:#29415d;font-size:13px;font-weight:600}.service-card p{grid-column:1/-1;margin:0;color:#8393a6;font-size:13px;line-height:1.5}
.job-list{display:grid;gap:8px}.job-card{position:relative;padding:12px;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(35,73,116,.035)}.job-card strong{position:absolute;right:12px;top:12px;color:#ff6815;font-size:13px}.job-card h3{max-width:235px;margin:0;color:#273e59;font-size:13px;font-weight:600}.job-card p{margin:7px 0 0;color:#7c8da1;font-size:13px}.job-tags{display:flex;margin-top:8px;gap:5px}.job-tags span{padding:4px 6px;border-radius:5px;color:#3978bc;font-size:12px;background:#edf5ff}
.intro-card p{margin:0;color:#334d69;font-size:13px;line-height:1.85;text-align:justify}.benefit-list{display:grid;margin-top:10px;gap:7px}.benefit-list span{padding:9px 10px;border-radius:9px;color:#4f6680;font-size:13px;background:#f2f7fc}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{padding:11px;border-radius:10px;background:#fff}.category-card h3{margin:0;color:#29415d;font-size:13px}.category-card p{margin:6px 0 0;color:#8090a3;font-size:13px;line-height:1.55}.link-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.link-row a{display:grid;min-height:52px;padding:8px;place-items:center;border-radius:10px;color:#176fd1;font-size:13px;font-weight:600;text-align:center;background:#edf5ff}.apply-button,.primary-button{height:42px;border:0;border-radius:21px;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(90deg,var(--blue),var(--blue2));box-shadow:0 4px 12px rgba(18,101,224,.18)}.apply-button{width:100%;margin-top:10px}
.archive-form{display:grid;gap:11px}.archive-form>p{margin:0 0 2px;color:#6f8298;font-size:13px;line-height:1.65}.field{display:grid;gap:6px;color:#415974;font-size:13px}.field input,.field select{width:100%;height:40px;padding:0 12px;border:1px solid #dce5ef;border-radius:10px;outline:0;color:#40566f;font-size:13px;background:rgba(255,255,255,.92);appearance:none}.select-wrap{position:relative}.select-wrap select{padding-right:38px}.select-wrap:after{content:"";position:absolute;right:18px;top:15px;width:6px;height:6px;border-right:1.5px solid #70839a;border-bottom:1.5px solid #70839a;transform:rotate(45deg);pointer-events:none}.archive-note{color:#8a98aa;font-size:13px;line-height:1.55}.archive-result[hidden]{display:none}.archive-result-head{display:flex;align-items:center;gap:9px}.archive-result-head i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;font-style:normal;font-size:17px;background:#16a278}.archive-result-head h3{margin:0;color:#24405d;font-size:13px}.archive-result-head p{margin:4px 0 0;color:#47816e;font-size:13px}.result-fields{display:grid;margin-top:10px}.result-fields div{display:grid;padding:8px 0;grid-template-columns:68px minmax(0,1fr);gap:7px;border-bottom:1px solid #edf1f5}.result-fields div:last-child{border-bottom:0}.result-fields dt{color:#8997a8;font-size:13px}.result-fields dd{margin:0;color:#405b79;font-size:13px}.guide-list{display:grid;gap:8px}.guide-list div{display:grid;padding:9px 10px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;border-radius:9px;background:#f3f7fc}.guide-list b{color:#b4c6da;font-size:15px}.guide-list span{color:#5f7187;font-size:13px;line-height:1.5}
.sheet-backdrop{position:fixed;z-index:220;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(16,37,64,.32);opacity:0;visibility:hidden;transition:.2s}.sheet-backdrop.open{opacity:1;visibility:visible}.form-sheet{position:relative;width:100%;max-width:375px;max-height:82vh;padding:10px 12px 70px;overflow-y:auto;border-radius:18px 18px 0 0;background:#f2f6fb;box-shadow:0 -14px 38px rgba(20,55,94,.16);transform:translateY(100%);transition:.24s}.sheet-backdrop.open .form-sheet{transform:translateY(0)}.sheet-handle{width:34px;height:4px;margin:0 auto 10px;border-radius:4px;background:#d6dfeb}.sheet-close{position:absolute;right:12px;top:-39px;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.94);border-radius:50%;color:#5c6f84;font-family:Arial,sans-serif;font-size:20px;font-weight:500;background:rgba(255,255,255,.96);box-shadow:0 4px 13px rgba(24,56,93,.1)}.form-sheet h2{margin:0 0 13px;color:#172e4d;font-size:18px;font-weight:600}.form-sheet h2:after{content:"";display:block;width:30px;height:4px;margin-top:3px;border-radius:4px;background:linear-gradient(90deg,#f55e40,#f7a33d)}.sheet-form{display:grid;gap:11px}.sheet-actions{position:absolute;left:0;right:0;bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.9);box-shadow:0 -5px 18px rgba(31,72,116,.045);-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}.sheet-actions button{width:100%}
.toast{position:fixed;z-index:300;left:50%;bottom:24px;padding:8px 12px;border-radius:8px;color:#fff;font-size:13px;background:rgba(20,39,64,.9);opacity:0;transform:translate(-50%,8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:481px){.app{box-shadow:0 0 36px rgba(16,54,102,.12)}}

/* 毕业生专区：复用职业指导一级页首屏、金刚区与首页栏目规范 */
.graduate-page .zone-hero{height:250px;background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(246,252,255,.83) 43%,rgba(221,241,255,.16) 72%,rgba(18,141,255,.03) 100%),url("priority-graduate.webp")}.graduate-page .zone-hero:before{-webkit-backdrop-filter:none;backdrop-filter:none}.graduate-page .zone-hero:after{height:42px;background:linear-gradient(180deg,rgba(242,246,251,0) 0,rgba(242,246,251,.16) 55%,var(--bg))}.graduate-page .zone-copy{top:38px;bottom:34px;align-items:flex-start}.graduate-page .zone-copy h1{font-size:22px;line-height:1.24;letter-spacing:.5px}.graduate-page .zone-copy p{font-size:13px;line-height:1.5}.zone-cta{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:7px 12px;border-radius:7px;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(90deg,var(--blue),var(--blue2));box-shadow:0 5px 12px rgba(18,104,232,.18)}.graduate-page .zone-wrap{margin-top:-34px;padding:0 12px;gap:0}.graduate-quick{position:relative;z-index:3;padding:8px 6px;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.88) 36%,#fff 72%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.graduate-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.graduate-quick-item{display:flex;min-width:0;padding:5px 1px;flex-direction:column;align-items:center;gap:6px;color:#344960;font-size:13px;white-space:nowrap}.graduate-quick-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:11px;color:#fff}.graduate-quick-item:nth-child(1) .graduate-quick-icon{background:linear-gradient(145deg,#1265e0,#36a8ee)}.graduate-quick-item:nth-child(2) .graduate-quick-icon{background:linear-gradient(145deg,#16a27d,#41c29c)}.graduate-quick-item:nth-child(3) .graduate-quick-icon{background:linear-gradient(145deg,#7657d0,#9b78e6)}.graduate-quick-item:nth-child(4) .graduate-quick-icon{background:linear-gradient(145deg,#f06e63,#f08c6a)}.graduate-quick-icon img{display:block;width:21px;height:21px;object-fit:contain;opacity:1;filter:brightness(0) invert(1)}.graduate-jobs{padding-top:12px}.section-head{display:flex;margin:0 0 12px;align-items:flex-start;justify-content:space-between}.section-head h2{margin:0;color:#172e4d;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:.2px}.title-line{display:block;width:30px;height:4px;margin-top:3px;border-radius:4px;background:linear-gradient(90deg,#f55e40,#f7a33d)}.graduate-switch{display:flex;height:38px;margin-bottom:10px;padding:3px;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%)}.graduate-switch button{flex:1;padding:0;border:0;border-radius:9px;color:#71839a;font-size:13px;font-weight:600;background:transparent}.graduate-switch button.active{color:#fff;background:linear-gradient(90deg,var(--blue),var(--blue2))}.graduate-job-panel[hidden]{display:none}.graduate-page .job-list{gap:8px}.graduate-page .job-card{padding:12px;border-radius:12px;box-shadow:none}.graduate-page .job-card h3{font-size:13px}.graduate-page .job-card strong{font-size:13px}.graduate-page .job-card p{font-size:13px}.graduate-page .job-tags span{font-size:12px}

/* 重点群体专区：与毕业生专区 Banner 的高度、文字层级和按钮位置保持一致 */
.focus-zone-page .zone-hero{height:250px;background-position:center;background-size:cover}.focus-zone-page .zone-hero:before{-webkit-backdrop-filter:none;backdrop-filter:none}.focus-zone-page .zone-hero:after{height:42px;background:linear-gradient(180deg,rgba(242,246,251,0) 0,rgba(242,246,251,.16) 55%,var(--bg))}.focus-zone-page .zone-copy{top:38px;bottom:34px;align-items:flex-start}.focus-zone-page .zone-copy h1{font-size:22px;line-height:1.24;letter-spacing:.5px}.focus-zone-page .zone-copy p{font-size:13px;line-height:1.5}.focus-zone-page .zone-wrap{margin-top:-34px;padding:0 12px;gap:var(--card-gap)}
body[data-zone="assistance"] .zone-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(246,252,255,.85) 43%,rgba(221,241,255,.14) 72%,rgba(18,141,255,.02) 100%),url("zone-assistance-banner-v2.jpg")}
body[data-zone="migrant"] .zone-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(246,252,255,.85) 43%,rgba(221,241,255,.14) 72%,rgba(18,141,255,.02) 100%),url("zone-migrant-banner-v2.jpg")}
body[data-zone="unemployed"] .zone-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(246,252,255,.85) 43%,rgba(221,241,255,.14) 72%,rgba(18,141,255,.02) 100%),url("zone-unemployed-banner-v2.jpg")}
body[data-zone="flexible"] .zone-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(246,252,255,.85) 43%,rgba(221,241,255,.14) 72%,rgba(18,141,255,.02) 100%),url("zone-flexible-banner-v2.jpg")}
body[data-zone="special"] .zone-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(246,252,255,.85) 43%,rgba(221,241,255,.14) 72%,rgba(18,141,255,.02) 100%),url("zone-special-banner-v2.jpg")}
.group-overview strong{display:block;margin:-2px 0 8px;color:#176fd1;font-size:16px}.group-overview p{margin:0;color:#526a84;font-size:13px;line-height:1.7}.group-service-grid{display:grid;gap:8px}.group-service-card{display:grid;min-height:62px;padding:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border-radius:10px;background:#fff}.group-service-card>b{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#2679d4;font-size:13px;background:#ebf4ff}.group-service-card:nth-child(2)>b{color:#168d6c;background:#e9f8f2}.group-service-card:nth-child(3)>b{color:#d66d39;background:#fff0e8}.group-service-card:nth-child(4)>b{color:#6b59c3;background:#f0edff}.group-service-card span{display:grid;gap:4px}.group-service-card strong{color:#2d4764;font-size:13px;font-weight:600}.group-service-card small{color:#8594a6;font-size:13px}

/* 档案查询：与指导案例列表 Banner 共享同一视觉规格 */
body[data-zone="archive"] .zone-hero{z-index:1;height:180px;background:#dbeaf4;background-image:none}
body[data-zone="archive"] .zone-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
body[data-zone="archive"] .zone-hero-bg.cases{background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(246,252,255,.87) 46%,rgba(210,237,255,.22) 74%,rgba(18,141,255,.03)),url("priority-graduate.webp")}
body[data-zone="archive"] .zone-hero:before{z-index:2;background:linear-gradient(180deg,#ededed 0,rgba(237,237,237,.88) 12px,rgba(237,237,237,.48) 34px,rgba(237,237,237,.14) 58px,transparent 78px);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
body[data-zone="archive"] .zone-hero:after{z-index:2;height:32px;background:linear-gradient(180deg,rgba(242,246,251,0),rgba(242,246,251,.16) 55%,var(--bg));pointer-events:none}
body[data-zone="archive"] .zone-copy{z-index:3;left:0;right:0;top:36px;bottom:20px;padding:0 16px;align-items:flex-start;justify-content:center}
body[data-zone="archive"] .zone-copy h1{margin:0;font-size:22px;font-weight:700;line-height:1.24;letter-spacing:.5px}
body[data-zone="archive"] .zone-copy p{width:calc(100% - 20px);margin:7px 0 0;font-size:13px;line-height:1.5}

/* 重点群体专区统一到技能培训一级页的返回按钮与顶部过渡 */
.hero-back svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.graduate-page .zone-hero:before,.focus-zone-page .zone-hero:before{background:linear-gradient(180deg,#ededed 0,rgba(237,237,237,.88) 12px,rgba(237,237,237,.48) 34px,rgba(237,237,237,.14) 58px,transparent 78px);-webkit-backdrop-filter:none;backdrop-filter:none}
body[data-zone="migrant"] .zone-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(246,252,255,.42) 43%,rgba(221,241,255,.08) 72%,rgba(18,141,255,.01) 100%),url("zone-migrant-banner-v3.jpg")}

/* 服务内容和认定情形使用低饱和分组底色 */
.group-service-card{background:#edf5ff}.group-service-card:nth-child(2){background:#eaf7f2}.group-service-card:nth-child(3){background:#fff3e8}.group-service-card:nth-child(4){background:#f2efff}.group-service-card>b,.group-service-card:nth-child(2)>b,.group-service-card:nth-child(3)>b,.group-service-card:nth-child(4)>b{background:rgba(255,255,255,.64)}
.category-card{background:#edf5ff}.category-card:nth-child(2n){background:#eaf7f2}.category-card:nth-child(3n){background:#fff3e8}.category-card:nth-child(4n){background:#f2efff}