:root{--color-canvas:#f5f7fb;--color-surface:#fff;--color-surface-subtle:#f7f9fc;--color-ink:#172a40;--color-body:#42546a;--color-muted:#68788c;--color-subtle:#8491a2;--color-line:#e0e6ef;--color-accent:#285ee6;--color-accent-hover:#1949c0;--color-accent-soft:#edf3ff;--color-positive:#16644e;--color-positive-soft:#eaf6f0;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--text-caption:12px;--text-small:13px;--text-label:14px;--text-body:15px;--text-emphasis:17px;--text-card-title:22px;--text-salary:25px;--text-page-title:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-control:8px;--radius-panel:12px;--radius-card:16px;--shadow-card:0 2px 8px #203a5a06;--shadow-hover:0 10px 28px #203a5a13;--motion-fast:.18s;--ease-out:cubic-bezier(.2, .7, .2, 1);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-line);--blue:var(--color-accent);--bg:var(--color-canvas)}
*{box-sizing:border-box}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button,a,input,select,textarea{outline-offset:3px}:focus-visible{outline:2px solid var(--color-accent)}svg{flex-shrink:0}::selection{background:#dbe7ff}.header{background:var(--color-surface);border-bottom:1px solid var(--color-line);z-index:20;height:66px;position:sticky;top:0}.nav-inner{align-items:center;gap:28px;max-width:1248px;height:100%;margin:auto;padding:0 26px;display:flex}.brand{letter-spacing:-1.2px;color:var(--color-ink);white-space:nowrap;font-size:27px;font-weight:750}.brand span{color:var(--color-accent)}.header-search{border-radius:var(--radius-control);background:var(--color-surface-subtle);border:1px solid var(--color-line);min-width:80px;max-width:400px;height:40px;color:var(--color-muted);transition:border-color var(--motion-fast),box-shadow var(--motion-fast);flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.header-search input{width:100%;min-width:0;height:100%;color:var(--color-ink);font-size:var(--text-label);background:0 0;border:0;outline:0}.header-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.header-search input::placeholder{color:var(--color-muted)}.header-location{color:var(--color-muted);align-items:center;gap:7px;font-size:13px;display:flex}.header nav{align-items:center;gap:24px;height:100%;margin-left:auto;display:flex}.header nav button{height:100%;font-size:var(--text-label);color:var(--color-muted);white-space:nowrap;padding:0 3px;position:relative}.header nav button:hover{color:var(--color-ink)}.header nav button.active{color:var(--color-ink);font-weight:600}.header nav button.active:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-count{color:var(--color-accent);margin-left:5px;font-size:11px}.nav-mobile-icon{display:none}.resume-nav{border:1px solid var(--color-line);border-radius:var(--radius-control);font-size:var(--text-small);color:var(--color-body);white-space:nowrap;transition:background var(--motion-fast);align-items:center;gap:7px;padding:9px 13px;display:flex}.resume-nav:hover{color:var(--color-accent);background:var(--color-accent-soft)}.primary,.secondary{font-size:var(--text-label);border-radius:var(--radius-control);min-height:42px;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast);justify-content:center;align-items:center;gap:8px;padding:9px 17px;font-weight:550;line-height:1.5;display:inline-flex}.primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.secondary{border:1px solid var(--color-line);color:var(--color-body);background:var(--color-surface)}.secondary:hover:not(:disabled){background:var(--color-surface-subtle);border-color:#b8c8e0}.icon-button{border-radius:var(--radius-control);color:var(--color-muted);justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;display:inline-flex}.icon-button:hover{background:var(--color-surface-subtle);color:var(--color-ink)}.empty-state,.loading-jobs{color:var(--color-muted);text-align:center;min-height:300px;font-size:var(--text-label);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;display:flex}.empty-state h2{font-size:var(--text-emphasis);font-weight:500}.error-message{color:#8b5b35;font-size:var(--text-small);border-radius:var(--radius-control);overflow-wrap:anywhere;background:#fff5ed;border:1px solid #f0d7c0;justify-content:space-between;gap:15px;margin:14px 0;padding:13px 16px;line-height:1.7;display:flex}.error-message button{align-items:flex-start;padding:0;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body:has(dialog[open]){overflow:hidden}@media (max-width:1050px){.nav-inner{gap:18px;padding-inline:24px}.header nav{gap:18px}.header-location{display:none}}@media (max-width:720px){.header{height:112px}.nav-inner{grid-template-rows:49px 45px;grid-template-columns:1fr auto auto;gap:3px 16px;padding:0 17px;display:grid}.brand{font-size:24px}.header-search{grid-area:2/1/auto/-1;max-width:none;height:38px}.header nav{grid-area:1/2;gap:18px}.header nav button{font-size:12px}.resume-nav{grid-area:1/3;padding:6px 9px;font-size:12px}.resume-nav svg:first-child{display:none}.primary,.secondary{min-height:44px}.icon-button{min-width:40px;min-height:40px}}@media (max-width:370px){.nav-inner{gap:3px 10px}.header nav{gap:9px}.brand{font-size:22px}.header nav button,.resume-nav{font-size:11px}.resume-nav{padding:6px 7px}}@media (max-width:760px){:root{--mobile-nav-height:calc(62px + env(safe-area-inset-bottom));--mobile-header-height:calc(112px + env(safe-area-inset-top))}.header{height:auto}body .header .nav-inner:has(.ac-account){padding:calc(8px + env(safe-area-inset-top)) 16px 10px;grid-template-rows:44px 44px;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px 10px;display:grid}.header .brand{letter-spacing:-1px;grid-area:1/1;font-size:25px}.header .header-search{grid-area:2/1/auto/-1;width:100%;max-width:none;height:44px}.header .header-search input{font-size:16px}.header .header-location{display:none}.header .nav-inner:has(.ac-account) .resume-nav{grid-area:1/2;justify-content:center;width:44px;min-height:44px;padding:0}.header .nav-inner:has(.ac-account) .resume-nav>span{display:none}.header .nav-inner:has(.ac-account) .resume-nav>svg:last-child:not(:first-child){display:none}.header .nav-inner:has(.ac-account) .resume-nav>svg:first-child{width:19px;height:19px;display:block}.header .nav-inner:has(.ac-account) .ac-account{grid-area:1/3}.header .ac-trigger{width:44px;min-height:44px;padding:0}.header .ac-trigger-name,.header .ac-user-trigger>svg,.header .ac-login-trigger>svg{display:none}.header nav{z-index:40;height:var(--mobile-nav-height);padding:5px 12px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #172a4006}.header nav button{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:4px;font-size:11px;line-height:1.25;display:flex}.header nav button.active{color:var(--color-accent)}.header nav button.active:after{display:none}.header nav .nav-mobile-icon{display:block}.header .nav-count{background:var(--color-accent);color:#fff;border-radius:9px;min-width:16px;height:16px;margin:0;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:3px;left:calc(50% + 5px)}body:has(.jw-detail-visible) .header nav{display:none}body .discovery-page,body .jobs-workspace{padding-bottom:calc(var(--mobile-nav-height) + 24px)}.jw-job-card{scroll-margin-top:calc(var(--mobile-header-height) + 12px)}.header .icon-button{min-width:44px;min-height:44px;margin-right:-10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}