:root{--blue:#254cde;--ink:#172444;--muted:#697184;--paper:#f6f8fc;--line:#dde3ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffb83f;outline-offset:4px}.header{max-width:1200px;margin:auto;padding:27px 30px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:800;white-space:nowrap}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;border-radius:11px;width:36px;height:36px;font-size:20px}.brand-sub{font:10px monospace;letter-spacing:1px;margin-left:5px;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav-cta{border:1px solid var(--line);padding:12px 17px;border-radius:24px}.hero{max-width:1200px;padding:55px 30px 65px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--blue)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px}h1{font-size:clamp(36px,4.2vw,56px);line-height:1.45;letter-spacing:-2px;margin:22px 0}.blue{color:var(--blue)}.intro{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:27px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--blue);color:white;border:0;border-radius:9px;padding:15px 22px;font-size:14px;font-weight:700}.button:hover{background:#1c3caf}.button span{font-size:20px}.hero-note{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:26px}.poster{position:relative;background:#cfdefb;min-height:385px;border-radius:18px;padding:29px;overflow:hidden;transform:rotate(2deg)}.poster-top{display:flex;justify-content:space-between;color:var(--blue);font:700 12px/1.5 monospace;letter-spacing:1px}.poster-top>span{font-size:38px}.ticket{margin:22px 5px;background:var(--blue);color:white;padding:23px;border-radius:12px;box-shadow:7px 8px 0 #172444;transform:rotate(-6deg)}.ticket-label{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:1px;border-bottom:1px dashed #9badef;padding-bottom:17px}.ticket-title{font-size:39px;font-weight:800;line-height:1.45;letter-spacing:1px;padding:18px 0}.ticket-title strong{color:#ffe17f}.ticket-bottom{border-top:1px dashed #9badef;padding-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.ticket-bottom>span:last-child{font-size:23px}.poster-footer{display:flex;justify-content:space-between;gap:12px;font:10px monospace;color:var(--blue);margin-top:30px}.sticker{position:absolute;right:12px;bottom:75px;display:grid;place-items:center;background:#ffe17f;width:76px;height:76px;border-radius:50%;transform:rotate(12deg);font-weight:800;font-size:17px;text-align:center;border:3px solid var(--paper)}.strip{background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;gap:43px;padding:21px 20px;font-size:13px}.strip b{color:#ffe17f}.jobs-section{max-width:1200px;margin:auto;padding:65px 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}h2{font-size:30px;letter-spacing:-1px;margin:13px 0 0}.section-heading>p{color:var(--muted);font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:white;color:var(--muted);padding:10px 17px;border-radius:23px;font-size:13px}.filters button.active{background:var(--blue);color:white;border-color:var(--blue)}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:22px;padding:0 14px;gap:8px}.search span{font-size:24px}.search input{border:0;background:transparent;width:180px;padding:10px 0;font-size:12px;outline-offset:0}.result-count{color:var(--muted);font-size:12px;margin:17px 0}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;transition:transform .15s,border-color .15s}.job-card:hover{transform:translateY(-3px);border-color:#9cafe9}.job-top{display:flex;align-items:center;gap:12px}.job-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;font-size:22px;background:#e9eeff}.job-icon.orange{background:#fff0d8}.job-icon.green{background:#e0f3ed}.merchant{font-size:13px;font-weight:700}.location{font-size:11px;color:var(--muted);margin-top:5px}.job-card h3{font-size:18px;margin:22px 0 11px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{background:#f0f3f8;color:var(--muted);font-size:10px;padding:5px 7px;border-radius:4px}.schedule{font-size:12px;color:var(--muted);margin:20px 0}.job-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid #edf0f6}.pay{font:800 25px Arial;color:var(--blue)}.pay small{font:11px "Microsoft YaHei",sans-serif;margin-left:3px;color:var(--muted)}.detail-button{border:0;background:transparent;color:var(--blue);font-size:12px;padding:8px}.guide{max-width:1140px;margin:0 auto 65px;background:#e9eefb;border-radius:17px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.guide>div>p:last-child{color:var(--muted);line-height:1.9;font-size:13px;max-width:320px}.guide ol{list-style:none;padding:0;margin:0;display:grid;gap:25px}.guide li{display:flex;gap:19px}.guide li>span{font:700 17px monospace;color:var(--blue);padding-top:2px}.guide h3{font-size:15px;margin:0 0 7px}.guide li p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}footer{max-width:1200px;padding:25px 30px 35px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:17px}footer p,footer>span{font-size:10px;color:var(--muted)}dialog{width:min(480px,calc(100% - 32px));border:0;border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 24px 100px #17244444}dialog::backdrop{background:#14224488}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header button{border:0;background:#f0f3f8;border-radius:50%;height:32px;width:32px;font-size:22px;color:var(--ink)}#detail-content h2{margin:15px 0}#detail-content p{font-size:14px;line-height:1.8}#detail-content dl{display:grid;grid-template-columns:80px 1fr;gap:14px;font-size:13px}#detail-content dt{color:var(--muted)}#detail-content dd{margin:0}.demo-notice{background:#fff4d8;padding:14px;border-radius:8px;font-size:12px;line-height:1.8;margin:24px 0}#empty{padding:35px;text-align:center;color:var(--muted)}@media(max-width:900px){.brand-sub{display:none}.hero{gap:35px}.ticket-title{font-size:31px}.poster{padding:22px;min-height:350px}.strip{gap:22px}.job-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}.guide{margin:0 30px 50px;padding:30px;gap:30px}}@media(max-width:600px){.header{padding:20px}.brand{font-size:18px}nav{gap:16px}nav>a:nth-child(2){display:none}.nav-cta{padding:8px 10px;font-size:11px}.hero{padding:25px 20px 38px;grid-template-columns:1fr;gap:35px}h1{font-size:38px;margin:18px 0}.poster{max-width:420px;width:100%;min-height:340px;margin:auto}.ticket-title{font-size:36px}.strip{flex-wrap:wrap;gap:13px;padding:19px;font-size:11px}.strip b:last-of-type{display:none}.jobs-section{padding:40px 20px}.section-heading{display:block}h2{font-size:26px}.section-heading>p{margin:13px 0 0}.toolbar{flex-direction:column;gap:14px}.filters button{padding:9px 13px;font-size:12px}.search{width:100%}.search input{width:100%}.job-grid{grid-template-columns:1fr}.guide{margin:0 20px 35px;padding:25px;grid-template-columns:1fr;gap:23px}footer{padding:22px 20px;gap:12px}footer p{width:100%;margin:0}footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.job-card{transition:none}}