@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";
:root{--color-bg:#f6f8fc;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-surface-tint:#eef2ff;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#e0e7ff;--color-success:#059669;--color-success-soft:#ecfdf5;--color-warning:#b45309;--color-warning-soft:#fffbeb;--color-wechat:#07c160;--color-wechat-soft:#effcf5;--color-text:#172033;--color-text-secondary:#5f6b7c;--color-text-muted:#8b96a8;--color-border:#dfe5ee;--color-border-strong:#cbd5e1;--shadow-sm:0 1px 2px #1720330a;--shadow-md:0 8px 24px #17203312;--shadow-lg:0 18px 50px #0f172a24;--radius-sm:7px;--radius-md:11px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--font-sans:"Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-latin:"Inter", "Noto Sans SC", sans-serif;--max-width:1240px;--header-height:68px;--transition:.18s cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 10% 36%, #4f46e509, transparent 22rem), var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #4f46e540}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wechat-icon{border-radius:8px;display:block}.header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #dfe5eee6;position:sticky;top:0}.header-inner{width:min(100% - 48px, var(--max-width));justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.logo,.header-right,.nav-link{align-items:center;display:inline-flex}.logo{font-family:var(--font-latin);gap:10px}.logo-icon{color:#fff;background:linear-gradient(145deg,#6366f1,#3730a3);border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 18px #4f46e53d}.logo-wordmark{color:var(--color-text);letter-spacing:-.03em;font-size:1.12rem;font-weight:700}.logo-wordmark span{color:var(--color-primary)}.header-right{gap:10px}.nav-link{border-radius:var(--radius-full);min-height:42px;transition:var(--transition);gap:7px;padding:0 17px;font-size:.875rem;font-weight:700}.nav-link-highlight{color:#047a3f;background:var(--color-wechat-soft);border:1px solid #07c1603d}.nav-link-highlight:hover{color:#03653a;background:#dcf7e7;border-color:#07c16080;box-shadow:0 8px 20px #07c16029}.nav-link .wechat-icon{border-radius:5px;width:19px;height:19px}.hero{text-align:center;background:linear-gradient(100deg,#080f24f7 0%,#161a46eb 48%,#1c1d5bdb 100%),url(/images/hero-bg-2.png) 50%/cover no-repeat;place-items:center;min-height:520px;padding:84px 24px 70px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero:after{content:"";filter:blur(90px);opacity:.32;background:#818cf8;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-510px;left:50%;transform:translate(-50%)}.hero-content{z-index:1;width:min(100%,850px);position:relative}.hero-eyebrow{border-radius:var(--radius-full);color:#c7d2fe;letter-spacing:.04em;background:#6366f11f;border:1px solid #a5b4fc47;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0 auto 20px;padding:7px 13px;font-size:.8rem;font-weight:600;display:flex}.hero h1{color:#fff;letter-spacing:-.055em;max-width:760px;margin:0 auto;font-size:clamp(2.35rem,5vw,4.25rem);font-weight:800;line-height:1.12}.hero h1 span{color:#a5b4fc;display:block}.hero-subtitle{color:#e2e8f0cc;max-width:620px;margin:22px auto 30px;font-size:1.02rem}.search-container{width:min(100%,650px);margin:0 auto;position:relative}.search-icon{color:var(--color-primary);pointer-events:none;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.search-input{width:100%;min-height:62px;color:var(--color-text);transition:var(--transition);background:#fffffff7;border:1px solid #ffffff38;border-radius:15px;outline:0;padding:0 22px 0 56px;box-shadow:0 22px 60px #0000003d}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:#a5b4fc;box-shadow:0 22px 60px #00000047,0 0 0 4px #a5b4fc33}.hero-stats{color:#e2e8f0b3;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:25px;display:flex}.hero-stat{border-right:1px solid #ffffff29;align-items:baseline;gap:6px;padding:0 18px;font-size:.78rem;display:flex}.hero-stat strong{color:#fff;font-family:var(--font-latin);font-size:.95rem}.hero-updated{padding-left:18px;font-size:.72rem}.hero-scroll-link{color:#e2e8f0b8;width:max-content;transition:var(--transition);align-items:center;gap:5px;margin:24px auto 0;font-size:.78rem;display:flex}.hero-scroll-link:hover{color:#fff;transform:translateY(2px)}.category-nav{width:min(100% - 48px, var(--max-width));margin:0 auto;padding-top:26px}.category-tabs{scrollbar-width:none;gap:8px;padding:2px 2px 7px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{border:1px solid var(--color-border);border-radius:var(--radius-full);min-height:40px;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fffc;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:.8rem;font-weight:600;display:inline-flex}.category-tab:hover{color:var(--color-primary);background:var(--color-surface-tint);border-color:#a5b4fc}.category-tab.active{border-color:var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 7px 16px #4f46e52e}.category-tab .count{border-radius:var(--radius-full);min-width:21px;font-family:var(--font-latin);text-align:center;background:#64748b1a;padding:1px 6px;font-size:.68rem}.category-tab.active .count{background:#ffffff29}.main-content{width:min(100% - 48px, var(--max-width));grid-template-columns:244px minmax(0,1fr);align-items:start;gap:22px;margin:0 auto;padding:20px 0 72px;display:grid}.filter-panel{top:calc(var(--header-height) + 20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:20px;position:sticky}.filter-section{margin-bottom:22px}.filter-title{color:var(--color-text);align-items:center;gap:7px;margin-bottom:9px;font-size:.78rem;font-weight:700;display:flex}.filter-title svg{color:var(--color-primary)}.filter-option{border-radius:var(--radius-sm);min-height:34px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);align-items:center;gap:9px;padding:3px 5px;font-size:.82rem;display:flex}.filter-option:hover{color:var(--color-text);background:var(--color-surface-subtle)}.filter-option input[type=radio]{appearance:none;border:1.5px solid var(--color-border-strong);cursor:pointer;background:#fff;border-radius:50%;flex:none;width:16px;height:16px}.filter-option input[type=radio]:checked{border:5px solid var(--color-primary)}.filter-clear{border:1px solid var(--color-border);border-radius:var(--radius-full);min-height:38px;color:var(--color-text-secondary);transition:var(--transition);background:#fff;align-items:center;gap:5px;padding:0 12px;font-size:.75rem;font-weight:600;display:inline-flex}.filter-clear:hover{color:var(--color-primary);border-color:#a5b4fc}.sidebar-community-card{border-radius:var(--radius-md);background:var(--color-wechat-soft);border:1px solid #07c1602e;margin-top:20px;padding:15px}.sidebar-community-header{text-align:left;align-items:center;gap:9px;display:flex}.sidebar-community-icon{flex:none;display:block}.sidebar-community-icon .wechat-icon{width:32px;height:32px}.sidebar-community-title{font-size:.8rem;font-weight:700}.sidebar-community-sub,.sidebar-community-hint{color:#3e7c5d;font-size:.68rem}.sidebar-community-hint{margin-top:12px}.sidebar-wechat-id-box{border-radius:var(--radius-sm);background:#fff;border:1px solid #07c16033;margin-top:5px;padding:7px 10px}.sidebar-wechat-val{color:#047a3f;font-family:var(--font-latin);font-size:.82rem;font-weight:700}.sidebar-email-box{border-top:1px solid #07c16029;margin-top:13px;padding-top:12px}.sidebar-email-title{color:var(--color-text-secondary);align-items:center;gap:5px;margin-bottom:4px;font-size:.68rem;font-weight:600;display:flex}.sidebar-email-link{color:var(--color-primary);font-family:var(--font-latin);text-overflow:ellipsis;font-size:.66rem;display:block;overflow:hidden}.job-list-container{min-width:0;min-height:420px}.job-list-header{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:10px;display:flex}.job-count{color:var(--color-text-secondary);font-size:.82rem}.job-count strong{color:var(--color-text);font-family:var(--font-latin);font-size:1rem}.job-count-filtered{color:var(--color-text-muted);margin-left:7px}.job-list-actions{align-items:center;gap:8px;display:flex}.sort-select,.mobile-filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:38px;color:var(--color-text-secondary);background:var(--color-surface);font-size:.75rem;font-weight:600}.sort-select{cursor:pointer;padding:0 30px 0 11px}.mobile-filter-btn{align-items:center;gap:6px;padding:0 12px;display:none}.job-list{flex-direction:column;gap:9px;display:flex}.job-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:19px 21px 17px;display:block;position:relative;overflow:hidden}.job-card:before{content:"";background:var(--color-primary);transform-origin:bottom;width:3px;transition:transform var(--transition);position:absolute;inset:0 auto 0 0;transform:scaleY(0)}.job-card:hover{z-index:1;box-shadow:var(--shadow-md);border-color:#b9c0f7;transform:translateY(-1px)}.job-card:hover:before{transform:scaleY(1)}.job-card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.job-heading{min-width:0}.job-title{color:var(--color-text);transition:color var(--transition);font-size:.98rem;font-weight:700;line-height:1.45}.job-card:hover .job-title{color:var(--color-primary)}.job-company{color:var(--color-text-secondary);margin-top:3px;font-size:.8rem;font-weight:500}.job-open-icon{width:32px;height:32px;color:var(--color-text-muted);background:var(--color-surface-subtle);transition:var(--transition);border-radius:50%;flex:none;place-items:center;display:grid}.job-card:hover .job-open-icon{color:#fff;background:var(--color-primary)}.job-salary{border-radius:var(--radius-full);width:max-content;max-width:100%;color:var(--color-success);background:var(--color-success-soft);font-family:var(--font-latin);align-items:center;gap:3px;margin-top:10px;padding:3px 9px;font-size:.72rem;font-weight:700;display:flex}.job-meta{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:11px;display:flex}.job-meta-item{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.72rem;display:inline-flex}.job-tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.job-tag,.job-badge{border-radius:var(--radius-full);align-items:center;gap:4px;min-height:25px;padding:2px 8px;font-size:.68rem;font-weight:600;line-height:1.3;display:inline-flex}.job-tag{color:var(--color-text-secondary);background:#f1f5f9}.badge-category{color:var(--color-warning);background:var(--color-warning-soft)}.badge-remote{color:var(--color-success);background:var(--color-success-soft)}.badge-visa{color:var(--color-primary);background:var(--color-surface-tint)}.load-more{justify-content:center;margin-top:22px;display:flex}.load-more-btn{border-radius:var(--radius-full);min-height:44px;color:var(--color-primary);background:var(--color-surface-tint);transition:var(--transition);border:1px solid #c7d2fe;padding:0 22px;font-size:.8rem;font-weight:700}.load-more-btn:hover{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;background:#ffffff8c;padding:70px 24px}.empty-icon{width:58px;height:58px;color:var(--color-primary);background:var(--color-surface-tint);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.empty-state h3{margin-bottom:5px;font-size:1rem}.empty-state p{color:var(--color-text-muted);font-size:.82rem}.empty-state .filter-clear{margin-top:16px}.skeleton-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:20px}.skeleton{background:linear-gradient(90deg,#edf1f6 25%,#f8fafc 50%,#edf1f6 75%) 0 0/200% 100%;border-radius:5px;animation:1.4s infinite skeleton-shimmer}.skeleton-line{margin-bottom:10px}.skeleton-line-long{width:84%}.skeleton-line-medium{width:62%}.skeleton-line-short{width:38%}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.contact-section{color:#fff;background:#111936;padding:72px 24px;position:relative;overflow:hidden}.contact-section:before{content:"";border:1px solid #818cf82e;border-radius:50%;width:480px;height:480px;position:absolute;top:-270px;right:7%;box-shadow:0 0 0 70px #818cf809,0 0 0 140px #818cf806}.contact-inner{grid-template-columns:1fr auto;align-items:center;gap:72px;width:min(100%,940px);margin:0 auto;display:grid;position:relative}.contact-eyebrow{color:#a5b4fc;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:14px;font-size:.75rem;font-weight:700;display:flex}.contact-copy h2{letter-spacing:-.04em;max-width:500px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2}.contact-copy>p{color:#e2e8f0b8;max-width:520px;margin-top:14px;font-size:.92rem}.contact-email-link{color:#c7d2fe;width:max-content;max-width:100%;font-family:var(--font-latin);transition:var(--transition);align-items:center;gap:7px;margin-top:22px;font-size:.78rem;display:flex}.contact-email-link:hover{color:#fff}.contact-qr-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#ffffff12;border:1px solid #ffffff1f;padding:12px}.contact-qr-image{background:#fff;border-radius:10px;place-items:center;padding:8px;display:grid}.contact-qr-image img{object-fit:contain;width:116px;height:174px;display:block}.contact-qr-meta{align-items:center;gap:8px;max-width:220px;padding:10px 4px 3px;display:flex}.contact-wechat-icon{flex:none;display:block}.contact-wechat-icon .wechat-icon{width:30px;height:30px}.contact-qr-meta div>strong,.contact-qr-meta div>span{display:block}.contact-qr-meta strong{font-size:.76rem}.contact-qr-meta div>span{color:#e2e8f09e;margin-top:1px;font-size:.61rem}.footer{border-top:1px solid var(--color-border);background:#fff;padding:32px 24px}.footer-inner{width:min(100%, var(--max-width));align-items:center;gap:24px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:8px;margin-right:auto;font-size:.75rem;display:flex}.footer-logo{width:30px;height:30px;color:var(--color-primary);background:var(--color-surface-tint);border-radius:8px;place-items:center;display:grid}.footer-brand span:last-child,.footer-text{color:var(--color-text-muted);font-size:.68rem}.footer-copyright{white-space:nowrap}.qr-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.qr-modal-content{border-radius:var(--radius-xl);width:min(100%,370px);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #ffffffa6;padding:28px;animation:.22s cubic-bezier(.2,0,0,1) modal-in;position:relative}.qr-modal-close{width:36px;height:36px;color:var(--color-text-secondary);background:var(--color-surface-subtle);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.qr-modal-header{align-items:center;gap:11px;padding-right:30px;display:flex}.qr-modal-icon{flex:none;display:block}.qr-modal-icon .wechat-icon{border-radius:11px;width:40px;height:40px}.qr-modal-header h3{font-size:1rem}.qr-modal-header p{color:var(--color-text-muted);margin-top:2px;font-size:.7rem}.qr-modal-img-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;width:max-content;margin:20px auto 14px;padding:8px}.qr-modal-img-wrapper img{display:block}.qr-modal-info{border-radius:var(--radius-sm);text-align:center;color:var(--color-text-secondary);background:var(--color-wechat-soft);border:1px solid #07c1602e;padding:11px;font-size:.8rem}.qr-modal-info strong{color:#047a3f;font-family:var(--font-latin)}.qr-modal-info p{color:var(--color-text-muted);margin-top:3px;font-size:.66rem}.qr-modal-email{color:var(--color-primary);justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:.72rem;font-weight:600;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.filter-overlay{z-index:200;visibility:hidden;opacity:0;transition:opacity var(--transition), visibility var(--transition);background:#0f172a94;display:none;position:fixed;inset:0}.filter-overlay.active{visibility:visible;opacity:1}.filter-drawer{z-index:201;background:#fff;border-radius:22px 22px 0 0;max-height:82vh;padding:15px 22px 28px;transition:transform .26s cubic-bezier(.2,0,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -16px 50px #0f172a29}.filter-drawer.active{transform:translateY(0)}.filter-drawer-handle{background:var(--color-border-strong);border-radius:3px;width:40px;height:4px;margin:0 auto 20px}.filter-drawer .sidebar-community-card{display:none}.scroll-top{z-index:50;visibility:hidden;opacity:0;color:#fff;background:var(--color-primary);width:44px;height:44px;transition:var(--transition);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(8px);box-shadow:0 10px 26px #4f46e540}.scroll-top.visible{visibility:visible;opacity:1;transform:translateY(0)}.scroll-top:hover{background:var(--color-primary-hover)}@media (max-width:900px){.main-content{grid-template-columns:210px minmax(0,1fr);gap:16px}.filter-panel{padding:16px}.contact-inner{gap:36px}.footer-inner{flex-wrap:wrap}}@media (max-width:720px){:root{--header-height:62px}.header-inner,.category-nav,.main-content{width:min(100% - 32px, var(--max-width))}.logo-wordmark{font-size:1rem}.nav-link{min-height:38px;padding:0 12px;font-size:.76rem}.hero{min-height:490px;padding:64px 16px 52px}.hero h1{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:.9rem}.search-input{min-height:56px;font-size:.88rem}.hero-stat{padding:0 10px}.hero-updated{width:100%;padding:8px 0 0}.category-nav{padding-top:18px}.main-content{grid-template-columns:1fr;padding-top:12px}.filter-panel{display:none}.mobile-filter-btn{display:inline-flex}.filter-overlay{display:block}.contact-section{padding:56px 20px}.contact-inner{grid-template-columns:1fr auto;gap:24px}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}.footer-brand{margin-right:0}}@media (max-width:520px){.logo-icon{width:32px;height:32px}.nav-link .wechat-icon{display:none}.hero-eyebrow{font-size:.7rem}.hero h1{letter-spacing:-.045em}.hero-subtitle{max-width:340px}.hero-stats{row-gap:4px}.hero-stat:nth-child(3){border-right:0}.job-list-header{align-items:flex-start}.job-count{padding-top:8px}.job-list-actions{gap:5px}.sort-select,.mobile-filter-btn{min-height:36px}.sort-select{width:112px}.job-card{padding:16px}.job-open-icon{width:30px;height:30px}.contact-inner{grid-template-columns:1fr}.contact-qr-card{align-items:center;gap:12px;width:100%;display:flex}.contact-qr-image img{width:86px;height:128px}.contact-qr-meta{padding:0}.contact-email-link{font-size:.68rem}.footer-brand>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}