@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Space+Grotesk:wght@500;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#eef0eb;color:#0e2b29;font-family:Noto Sans TC,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e0e3dd}.topbar-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:18px}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;color:#0e2b29;text-align:left;flex:none}.brand strong{display:block;font-size:17px;font-weight:900;line-height:1.05}.brand small{display:block;color:#7c857e;font:500 10px/1.2 Space Grotesk;letter-spacing:.5px}.brand-mark{width:34px;height:34px;border-radius:10px;background:#0e2b29;display:grid;place-items:center}.brand-mark span{width:13px;height:13px;border-radius:50%;border:2.5px solid #ff6a2c;border-right-color:transparent;transform:rotate(-30deg)}.nav{display:flex;gap:6px;overflow-x:auto;flex:1;padding:2px 0}.nav button{border:0;border-radius:9px;background:transparent;color:#5c665f;padding:9px 13px;white-space:nowrap;font-size:13px;font-weight:700}.nav button.active{background:#0e2b29;color:#fff}.profile{flex:none;color:#7c857e;font-size:12px;display:flex;align-items:center;gap:10px}.profile span{width:32px;height:32px;border-radius:50%;background:#ffe2d2;color:#ff6a2c;display:grid;place-items:center;font-weight:800}.toast{position:fixed;right:22px;bottom:22px;z-index:30;background:#0e2b29;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 20px 50px #0e2b2940}.hero{background:#0e2b29;color:#fff;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(18,165,148,.07) 0 2px,transparent 2px 16px)}.hero-grid{max-width:1280px;margin:0 auto;padding:72px 24px 88px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative}.pill{display:inline-flex;align-items:center;gap:8px;background:#e3f5f1;color:#0e8a7a;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;margin-bottom:20px}.pill.dark{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.16)}h1{font-size:42px;line-height:1.12;letter-spacing:-.5px;margin:0 0 18px;font-weight:900}.hero h1{font-size:54px}.hero h1 span{color:#ff6a2c}h2{font-size:26px;margin:0 0 14px;font-weight:900}h3{margin:0 0 10px;font-size:19px}p{color:#5c665f;line-height:1.7}.lead{color:#ffffffc7;font-size:17px;max-width:590px}.dark-text{color:#5c665f}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 38px}.primary,.ghost{border:0;border-radius:12px;padding:14px 22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#ff6a2c;color:#fff}.primary:disabled{background:#cfd4cc;cursor:not-allowed}.ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff}.full{width:100%}.hero-stats,.dashboard,.detail-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px}.page .metric,.detail-basics .metric,.dashboard .metric{background:#fff;border-color:#e4e7e1}.metric strong{display:block;font:700 28px/1 Space Grotesk;color:inherit;margin-bottom:6px}.metric span{color:inherit;opacity:.7;font-size:13px}.phone{max-width:330px;margin:0 auto;background:#f4f6f3;color:#0e2b29;border:11px solid #0a1f1d;border-radius:42px;padding:28px 22px;box-shadow:0 40px 80px -20px #0000008c}.flow-row{display:flex;gap:12px;margin-bottom:18px}.flow-row span{width:30px;height:30px;border-radius:50%;background:#ff6a2c;color:#fff;display:grid;place-items:center;font:700 12px/1 Space Grotesk;flex:none}.flow-row strong,.flow-row small{display:block}.flow-row small{color:#7c857e;margin-top:3px}.section,.page{max-width:1280px;margin:0 auto;padding:52px 24px}.section-title{text-align:center;margin-bottom:34px}.section-title small{color:#ff6a2c;font:700 13px/1 Space Grotesk;letter-spacing:2px}.band{background:#f4f6f3;max-width:none;padding-left:max(24px,calc((100vw - 1280px)/2 + 24px));padding-right:max(24px,calc((100vw - 1280px)/2 + 24px));border-top:1px solid #e4e7e1;border-bottom:1px solid #e4e7e1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.info-card,.job-card,.panel,.post-card{background:#fff;border:1px solid #e4e7e1;border-radius:18px;padding:24px}.info-card .icon{width:52px;height:52px;border-radius:14px;background:#e3f5f1;color:#0e8a7a;display:grid;place-items:center;margin-bottom:18px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head span{color:#7c857e}.searchbar{background:#fff;border:1px solid #e4e7e1;border-radius:18px;padding:14px;display:flex;gap:10px;margin-bottom:14px}input,textarea,select{width:100%;border:1px solid #d9ddd5;border-radius:12px;padding:13px 14px;background:#fff;color:#0e2b29}textarea{min-height:96px;resize:vertical}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.filter-row span,.tags span,.category,.urgent,.status,.link-pill{border-radius:999px;background:#e3f5f1;color:#0e8a7a;padding:6px 10px;font-size:12px;font-weight:800}.urgent{background:#ffeadf;color:#ff6a2c}.job-list{display:grid;gap:14px}.job-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.job-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px #0e2b2947}.job-top,.job-bottom,.meta,.tags{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between}.meta{justify-content:flex-start;color:#5c665f;font-size:13px;margin:16px 0}.meta span{display:inline-flex;align-items:center;gap:5px}.job-bottom strong{color:#ff6a2c;font-size:22px}.tags{justify-content:flex-start;margin-top:14px}.detail-grid,.publish-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.sticky{position:sticky;top:84px}.form{display:grid;gap:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compliance{border-radius:12px;padding:12px;margin:9px 0;display:grid;gap:4px}.compliance.pass{background:#eaf6f2;color:#0e8a7a}.compliance.warn{background:#fdf6e9;color:#b3791f}.compliance.block{background:#fdecec;color:#c8372d}.compliance span{font-size:13px;color:currentColor;opacity:.86}.post-card p{white-space:pre-line;min-height:190px}.qr{background:#0e2b29;color:#fff;border-radius:14px;padding:16px;margin:16px 0;font:700 13px/1 Space Grotesk;text-align:center}.table{display:grid;gap:12px}.candidate{background:#fff;border:1px solid #e4e7e1;border-radius:16px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:#ffeadf;color:#ff6a2c;display:grid;place-items:center}.candidate p{margin:0 0 4px}.candidate small{color:#7c857e}.candidate-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.candidate-actions button{background:#fff;border:1px solid #d9ddd5;border-radius:9px;padding:7px 10px;color:#46504a;font-weight:700}.status.accepted{background:#e3f5f1;color:#0e8a7a}.status.waitlisted{background:#fdf3e3;color:#b3791f}.status.rejected{background:#fdecec;color:#c8372d}.price{display:block;color:#ff6a2c;font-size:30px;margin:12px 0}.narrow{max-width:900px}.narrow .panel p{display:flex;align-items:center;gap:10px;color:#0e2b29}@media(max-width:900px){.hero-grid,.detail-grid,.publish-grid,.cards,.cards.four{grid-template-columns:1fr}.hero h1{font-size:42px}.profile{display:none}.candidate{grid-template-columns:42px 1fr}.candidate-actions{grid-column:1 / -1;justify-content:flex-start}}