/* 飞聘网公共设计系统：页面共享令牌、控件和移动端基础行为 */
[v-cloak]{display:none!important}
:root {
  --ui-primary:#111827; --ui-accent:#0e7490; --ui-accent-soft:#ecfeff;
  --ui-success:#15803d; --ui-warning:#b45309; --ui-danger:#b91c1c;
  --ui-bg:#f6f7f8; --ui-surface:#fff; --ui-border:#e5e7eb;
  --ui-border-strong:#d1d5db; --ui-text:#111827; --ui-text-secondary:#6b7280;
  --ui-text-muted:#9ca3af; --ui-radius:8px; --ui-radius-sm:5px;
  --ui-shadow-sm:0 1px 2px rgba(17,24,39,.06); --ui-shadow-md:0 8px 24px rgba(17,24,39,.12);
}
.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-sm)}
.ui-muted{color:var(--ui-text-muted)} .ui-secondary{color:var(--ui-text-secondary)}
.ui-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.4}
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ui-btn-primary{background:var(--ui-primary);color:#fff}.ui-btn-outline{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border-strong)}
.ui-field{min-height:40px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-surface);color:var(--ui-text);padding:0 12px;outline:none;font:inherit}
.ui-field:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px rgba(14,116,144,.12)}
button.btn{border-radius:var(--ui-radius-sm);font-weight:600} button.btn-primary{background:var(--primary,var(--ui-primary))}
button.btn-outline{border-color:var(--border-strong,var(--ui-border-strong))} button.btn-sm{min-height:32px}
.filter-chip,.chip{border-radius:var(--ui-radius-sm)} input,select,textarea{accent-color:var(--ui-accent)}
.app-icon{display:inline-block;width:1.35em;height:1.35em;flex:0 0 auto;vertical-align:-.25em;background-image:url('/static/ui-icon-sprite.png?v=20260908-2');background-repeat:no-repeat;background-size:400% 300%}
.app-icon-support{background-position:0 0}.app-icon-orders{background-position:33.333% 0}.app-icon-analytics{background-position:66.666% 0}.app-icon-review{background-position:100% 0}
.app-icon-customer-service{background-position:100% 0}
.app-icon-report{background-position:0 50%}.app-icon-security{background-position:33.333% 50%}.app-icon-import{background-position:66.666% 50%}.app-icon-recharge{background-position:100% 50%}
.app-icon-enterprise{background-position:0 100%}.app-icon-announcement{background-position:33.333% 100%}.app-icon-drone{background-position:66.666% 100%}.app-icon-location{background-position:100% 100%}
.unlock-sheet-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(17,24,39,.42)}
.unlock-sheet{position:relative;width:min(100%,420px);padding:24px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow-md);color:var(--ui-text)}
.unlock-sheet h3{margin:6px 0 8px;font-size:20px}.unlock-sheet p{margin:6px 0;color:var(--ui-text-secondary);font-size:14px;line-height:1.6}
.unlock-sheet-kicker{color:var(--ui-accent);font-size:12px;font-weight:700;letter-spacing:.04em}.unlock-sheet-balance{padding:8px 10px;border-radius:var(--ui-radius-sm);background:var(--ui-bg)}
.unlock-sheet-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--ui-text-muted);cursor:pointer}
.unlock-sheet-actions{display:flex;gap:8px;margin-top:18px}.unlock-sheet-actions .btn{flex:1;min-height:44px}
.unlock-sheet-recharge{width:100%;margin-top:12px;border:0;background:transparent;color:var(--ui-accent);font-size:13px;cursor:pointer}
@media(max-width:768px){
.landing2{padding-left:12px;padding-right:12px}.landing2 .l2-hero{padding-left:4px;padding-right:4px}
.l2-nums{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.l2-nums::-webkit-scrollbar{display:none}
.l2-num{flex:0 0 auto;min-width:78px;padding-left:10px;padding-right:10px}.l2-num:first-child{padding-left:0}
.l2-trust{display:grid;grid-template-columns:1fr;gap:8px}.l2-trust-item{text-align:left}
.l2-cta{flex-direction:column;gap:8px}.l2-cta input,.l2-cta button{width:100%;min-height:48px}
.filter-section{position:sticky;top:0;z-index:90;box-shadow:0 1px 4px rgba(17,24,39,.06)}
.filter-inner{align-items:center;flex-wrap:nowrap;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.filter-inner::-webkit-scrollbar{display:none}
.filter-group{flex:0 0 auto}.filter-group:first-child{flex:0 0 150px}.filter-chip{min-height:30px;padding:5px 11px;white-space:nowrap}.sort-btns{margin-left:0;flex:0 0 auto}
.content{padding:12px}.job-list{gap:8px}.job-card{padding:13px 14px;border-radius:10px}.job-top{gap:8px;margin-bottom:8px}.job-pay{font-size:19px}
.job-body{font-size:13px;line-height:1.65;max-height:66px}.job-chips{gap:4px;margin-bottom:8px;overflow:hidden;max-height:28px}
.chip{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px}.job-contact{gap:8px;padding:8px 10px;flex-wrap:wrap}.contact-item{font-size:12px}
.job-footer{gap:8px;align-items:flex-end}.job-footer .btn{min-height:36px;padding:0 12px}
.detail-overlay{align-items:flex-end;padding:0}.detail-modal{max-height:92vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom))}
.detail-header{padding-right:28px}.detail-contact-row{gap:8px}.detail-contact-item{padding:10px}
.detail-vip-cta{position:sticky;bottom:0;z-index:2;margin-left:-4px;margin-right:-4px;padding:10px;background:rgba(255,255,255,.96);box-shadow:0 -4px 12px rgba(17,24,39,.08)}
.detail-vip-cta .btn{min-height:42px;flex:0 0 auto}.support-fab{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));width:46px;height:46px}
.unlock-sheet-overlay{align-items:flex-end;padding:0}.unlock-sheet{width:100%;max-width:none;padding:22px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}