@charset "UTF-8";
:root{--blue:#ff641a;--blue-dark:#e64c0a;--blue-soft:#fff2e8;--ink:#15213a;--muted:#75829b;--line:#e8edf5;--bg:#fcf8f4;--orange:#ed793c;--green:#189b73;--red:#e65764;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#faf5ef;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #ffbd91;outline-offset:3px}a{color:var(--blue);text-decoration:none}svg{vertical-align:middle;flex-shrink:0}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.4}h1{font-size:28px}h2{font-size:22px}h3{font-size:17px}h4{font-size:15px}small,.small{font-size:12px}.muted{color:var(--muted)}.text-blue{color:var(--blue)}.text-orange{color:var(--orange)}.text-green{color:var(--green)}.text-red{color:var(--red)}.strong{font-weight:700}.nowrap{white-space:nowrap}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.hidden{display:none!important}
.workbench{display:grid;grid-template-columns:244px minmax(460px,1fr) 286px;min-height:100vh}.review-rail{height:100vh;position:sticky;top:0;background:#fffdfb;border-right:1px solid #dfe6f1;display:flex;flex-direction:column;padding:28px 20px 18px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--blue);color:#fff;box-shadow:0 5px 12px #ff641a22}.brand-name{font-size:19px;font-weight:800;letter-spacing:-.6px}.brand-sub{font-size:10px;letter-spacing:2px;color:#8c97ae}.rail-meta{margin:27px 0 13px;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.3px;color:#8b97af}.live-dot{width:6px;height:6px;border-radius:50%;background:#2bbb95;display:inline-block}.rail-scroll{overflow:auto;flex:1;padding-right:2px;scrollbar-width:thin;scrollbar-color:#d5ddec transparent}.nav-group{margin:18px 0}.nav-group-title{color:#8f9aaf;font-size:11px;letter-spacing:1px;margin:0 9px 8px}.review-link{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border-radius:9px;padding:8px 10px;font-size:12px;color:#65728a;margin:3px 0;transition:background .15s}.review-link:hover{background:#fdf4ee}.review-link.active{background:#fff2ea;color:var(--blue);font-weight:650}.nav-num{font-size:10px;font-variant-numeric:tabular-nums;opacity:.65;min-width:19px}.review-link.active .nav-num{opacity:1}.review-link.active:after{content:'';height:5px;width:5px;background:var(--blue);border-radius:50%;margin-left:auto}.rail-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:12px}.rail-bottom .btn{font-size:12px;min-height:36px}.rail-bottom p{font-size:10px;color:#93a0b5;margin-top:8px;text-align:center}.preview-workspace{padding:24px 25px 28px;background:radial-gradient(ellipse at 48% 25%,#fffbf8 0%,#fdf2ea 60%,#f8eee5 100%);display:flex;flex-direction:column;align-items:center;gap:18px}.workspace-head{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:610px}.workspace-head .crumb{font-size:12px;color:#8a96ab}.workspace-head .crumb strong{color:#54627a;font-weight:500}.viewport-label{font-size:10px;color:#8997ad;letter-spacing:.5px;background:#ffffffa3;padding:4px 9px;border-radius:5px}.device{width:411px;height:876px;max-height:calc(100vh -118px);min-height:650px;padding:8px;border-radius:39px;background:#fff;border:1px solid #d8e0ee;box-shadow:0 32px 70px -28px #334c7b42,0 0 0 1px #ffffff80;position:relative}.device-inner{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);border-radius:31px;border:1px solid #e9edf4}.statusbar{height:34px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:11px;font-weight:650;position:relative;z-index:24}.statusbar:after{content:'';position:absolute;left:50%;top:8px;transform:translateX(-50%);width:70px;height:17px;background:#142037;border-radius:18px}.status-icons{display:flex;align-items:center;gap:5px}.phone-content{height:calc(100% - 34px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:24px}.phone-content::-webkit-scrollbar{display:none}.phone-content:has(.bottom-nav){padding-bottom:91px}.phone-content:has(.sticky-footer){padding-bottom:102px}.home-indicator{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:104px;height:4px;background:#17233c;border-radius:4px;z-index:28;pointer-events:none}.workspace-footer{font-size:11px;color:#9aa6b9;display:flex;align-items:center;gap:12px}.workspace-footer span:before{content:'·';margin-right:12px}.review-aside{padding:31px 24px;background:#fefbf9;border-left:1px solid #e2e8f2;height:100vh;overflow:auto;position:sticky;top:0}.version-tag{font-size:10px;letter-spacing:1.1px;color:var(--blue);display:inline-flex;align-items:center;gap:6px}.review-aside h2{font-size:21px;margin:19px 0 8px;letter-spacing:-.5px}.review-aside .lead{font-size:12px;line-height:1.9;color:#7a879e}.inspector-line{height:1px;background:var(--line);margin:24px 0}.inspector-label{font-size:10px;letter-spacing:1.2px;color:#96a0b2;margin-bottom:12px}.flow-track{display:flex;flex-direction:column;gap:0}.flow-node{font-size:12px;color:#9aa4b6;display:flex;align-items:center;gap:12px;min-height:37px;position:relative}.flow-node:before{content:'';width:18px;height:18px;border:1px solid #dfe5ef;border-radius:50%;background:#fff;z-index:1}.flow-node:after{content:'';position:absolute;width:1px;background:#e2e8f2;height:19px;left:8px;top:27px}.flow-node:last-child:after{display:none}.flow-node.done:before{background:#fff2e9;border-color:#fed8bf}.flow-node.active{color:var(--blue);font-weight:650}.flow-node.active:before{background:var(--blue);border:5px solid #ffe9db;box-shadow:0 0 0 1px #ffe9db}.inspector-note{padding:13px;background:#fff2e8;border:1px solid #ffeadc;border-radius:12px;color:#9c6647;font-size:11px;line-height:1.85}.review-aside .btn{font-size:12px;min-height:38px}.review-aside .input{font-size:12px;min-height:40px;padding:9px 11px;background:white}.inspector-items{padding:0;margin:0;list-style:none}.inspector-items li{font-size:11px;color:#7f8ba1;line-height:1.85;padding:6px 0 6px 13px;position:relative}.inspector-items li:before{content:'';position:absolute;top:14px;left:0;background:#e7b691;width:4px;height:4px;border-radius:50%}
.app-header{height:58px;background:#ffffffed;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0f6}.app-header h2{font-size:17px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.app-header-side{display:flex;gap:5px;align-items:center;min-width:32px;z-index:1}.app-header-side:last-child{margin-left:auto}.app-header .text-link{font-size:12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;padding:0;flex-shrink:0}.icon-btn:hover{background:#fff5ee}.icon-btn.is-favorite{color:#eea032}.page{padding:20px}.page.compact{padding:16px 20px}.stack{display:flex;flex-direction:column;gap:14px}.section{margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h3,.section-title>strong{font-size:16px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.align-start{align-items:flex-start}.flex-1{flex:1;min-width:0}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 3px 8px #14234502}.card+.card{margin-top:12px}.card.flat{box-shadow:none}.hero-card{background:linear-gradient(120deg,#ff641a,#ff9b35);color:white;padding:22px;border-radius:21px;position:relative;overflow:hidden;box-shadow:0 10px 20px #ff641a19}.hero-card:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff1c;border-radius:50%;right:-80px;top:-72px;pointer-events:none}.hero-card .muted{color:#ffdcc5}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8d9ab0}.divider{height:1px;background:var(--line);margin:16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:650;border:1px solid transparent;line-height:1.45;transition:background .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #ff641a12}.btn.primary:hover{background:#ed540f}.btn.secondary{background:#fff;border-color:#fbe5d7;color:var(--blue)}.btn.ghost{background:#fff2e8;color:var(--blue)}.btn.orange{background:#ed813f;color:#fff}.btn.danger{background:#fff0f1;color:#d64c5d}.btn.block{width:100%}.btn-sm{min-height:35px!important;border-radius:9px!important;padding:7px 12px!important;font-size:12px!important}.btn.large{min-height:53px;border-radius:15px}.btn .btn-chevron{margin-left:auto}.text-link{font-size:13px;color:var(--blue);display:inline-flex;gap:4px;align-items:center;padding:0;line-height:1.6}.text-link.muted{color:#8b98ad}.tag,.pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:10px;border-radius:6px;padding:3px 7px;line-height:1.7;font-weight:500;white-space:nowrap}.tag.blue,.pill.blue{background:#fff2e8;color:#e86c19}.tag.orange,.pill.orange{background:#fff1e6;color:#d67c3d}.tag.green,.pill.green{background:#e8f7f0;color:#228c67}.tag.red,.pill.red{background:#ffedf0;color:#cf5361}.tag.muted,.pill.muted{background:#f1f4f8;color:#8290a8}.chips{display:flex;gap:7px;overflow-x:auto;padding:1px 0 5px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;padding:7px 13px;background:#fff;color:#76839a;border:1px solid #e8edf5;border-radius:9px;font-size:12px}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}.chips.soft .chip.active{background:#fff2ea;color:var(--blue);border-color:#ffe9db}.badge{font-size:9px;border-radius:5px;color:#98a1b3;background:#f0f3f8;padding:1px 5px;line-height:1.7}.mini-icon{width:40px;height:40px;display:grid;place-items:center;background:#fff4ec;color:#e96f1e;border-radius:12px;flex-shrink:0}.mini-icon.orange{background:#fff1e7;color:#e98c49}.mini-icon.green{background:#eaf7f2;color:#2d9e7e}.mini-icon.purple{background:#f1edff;color:#8870cf}.avatar{width:49px;height:49px;background:#fff0e6;color:var(--blue);display:grid;place-items:center;border-radius:15px;font-size:21px;font-weight:700;flex-shrink:0}.notice{display:flex;align-items:flex-start;gap:8px;border-radius:11px;padding:12px 13px;font-size:12px;line-height:1.8}.notice svg{margin-top:3px}.notice.blue{background:#fff4ec;color:#ad632e}.notice.orange{background:#fff3e9;color:#b77c4d}.notice.red{background:#fff0f2;color:#c35b69}.notice.green{background:#eaf8f2;color:#3a9472}.salary{font-size:19px;font-weight:750;color:#eb773b;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap}.salary small{font-size:10px;font-weight:450;letter-spacing:0}.job-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px;cursor:pointer;transition:box-shadow .15s}.job-card:hover{box-shadow:0 5px 15px #1d386c09}.job-card+.job-card{margin-top:12px}.job-card h3{font-size:16px}.job-card .tags{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 13px}.job-card .job-location{font-size:11px;color:#8b97aa;display:flex;align-items:center;gap:4px;margin-top:5px}.reward-strip{margin-top:14px;padding-top:12px;border-top:1px dashed #e5eaf2;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#9a8790}.reward-strip strong{color:#e88342;font-weight:650;font-size:13px}.job-card.closed{opacity:.65}.search-box{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e7ecf5;border-radius:13px;padding:0 13px;color:#9aa8bf}.search-box input{min-width:0;flex:1;width:100%;height:44px;border:0;outline:0;background:transparent;font-size:12px;color:var(--ink)}.search-box input::placeholder{color:#a1adc1}.search-box .icon-btn{width:25px;height:25px}.tabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;background:white;padding:0 17px;gap:23px;scrollbar-width:none}.tabs button{white-space:nowrap;padding:14px 0 12px;font-size:12px;color:#8591a6;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--blue);color:var(--blue);font-weight:650}.list-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #f0f3f8;width:100%;text-align:left}.list-row:last-child{border-bottom:0}.list-row .chevron{margin-left:auto;color:#a4afc0}.list-row>svg:last-child{margin-left:auto;color:#a4afc0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{text-align:center}.stat strong{font-size:21px;font-weight:720;display:block;font-variant-numeric:tabular-nums;line-height:1.4}.stat span{font-size:10px;color:#8a99b4}.hero-card .stat span{color:#ffd7bc}.hero-card .stat strong{font-size:20px}.hero-card .stat-grid{padding-top:17px;margin-top:17px;border-top:1px solid #ffffff24}.balance{font-size:35px;line-height:1.2;font-weight:750;letter-spacing:-1px;font-variant-numeric:tabular-nums}.balance small{font-size:20px;margin-right:4px}.amount{font-variant-numeric:tabular-nums;font-size:21px;font-weight:700}.detail-list{display:flex;flex-direction:column;gap:12px}.detail-list .between{font-size:12px;align-items:flex-start}.detail-list dt,.detail-list .label{color:#8995a9}.detail-list dd{margin:0;text-align:right;color:#46536b;max-width:65%;overflow-wrap:anywhere}.detail-list strong{font-size:12px;font-weight:550;max-width:65%;text-align:right;overflow-wrap:anywhere}.empty{text-align:center;padding:42px 18px;color:#8c98ad}.empty .empty-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:#fdf3ec;color:#f5bd97;margin:0 auto 16px}.empty h3{font-size:16px;color:#576780;margin-bottom:7px}.empty p{font-size:12px;line-height:1.9;max-width:245px;margin:0 auto 19px}.empty .btn{min-height:40px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;background:#fffffffa;backdrop-filter:blur(16px);border-top:1px solid #e9eef6;z-index:23;display:flex;padding:10px 9px 23px;justify-content:space-around}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#a2adc0;min-width:63px;font-size:10px;padding:1px 4px}.bottom-nav button.active{color:var(--blue);font-weight:650}.bottom-nav button svg{width:21px;height:21px}.nav-icon-wrap{position:relative;line-height:1.2}.nav-dot{height:5px;width:5px;position:absolute;right:-4px;top:0;background:#ef8362;border-radius:50%}.sticky-footer{position:absolute;bottom:0;left:0;right:0;z-index:23;padding:14px 20px 26px;background:#fffffffa;backdrop-filter:blur(14px);border-top:1px solid #e8edf5;display:flex;align-items:center;gap:10px}.sticky-footer .btn{flex:1}.sticky-footer .footer-note{flex:1;font-size:11px;color:#91a0b5}.sticky-footer .btn.wide{flex:2}
.form-field{margin-bottom:21px}.form-field:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;margin-bottom:9px;color:#34415b;line-height:1.65}.required{color:#ed8b64;font-size:13px;font-weight:400}.field-label .hint{font-weight:400;color:#9aa6b9;font-size:11px;margin-left:auto}.input{display:block;width:100%;min-height:47px;border:1px solid #e1e7f2;border-radius:11px;background:#fffdfb;padding:12px 13px;outline:0;font-size:13px;color:#34415b;transition:border-color .15s}.input::placeholder{color:#a6b0c1}.input:focus{border-color:#f4ac7c;box-shadow:0 0 0 3px #fff2e8;background:#fff}.input[aria-invalid=true]{border-color:#e88a94;background:#fffafb}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a4b9' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:33px}textarea.input{resize:vertical;min-height:88px;line-height:1.8}.field-help{font-size:11px;color:#98a3b5;line-height:1.85;margin-top:7px}.error-text{font-size:11px;color:#d95768;margin-top:6px;min-height:0}.radio-options{display:flex;gap:8px;flex-wrap:wrap}.choice{position:relative;border:1px solid #e6ebf3;background:#fffdfb;border-radius:11px;padding:11px 14px;min-height:44px;color:#718097;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;flex:1;white-space:nowrap}.choice:has(input:checked){border-color:#f7ba91;background:#fff2e8;color:var(--blue);box-shadow:0 0 0 1px #ffe9db}.choice input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.choice:has(input:focus-visible){outline:3px solid #ffccaa;outline-offset:2px}.choice.long{justify-content:flex-start;white-space:normal;flex-basis:100%;line-height:1.8;padding:12px 13px}.choice.long:before{content:'';display:block;width:16px;height:16px;border:1px solid #ccd6e6;border-radius:50%;flex-shrink:0;background:white}.choice.long:has(input:checked):before{background:var(--blue);border:4px solid #fff2e8;box-shadow:0 0 0 1px var(--blue)}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#8a96aa;line-height:1.9;cursor:pointer}.check-row input{appearance:none;flex-shrink:0;width:16px;height:16px;border:1px solid #cbd6e8;border-radius:5px;margin:3px 0 0;background:#fff;cursor:pointer}.check-row input:checked{background:var(--blue);border-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m3 8 3 3 7-7'/%3E%3C/svg%3E")}.check-row .text-link{font-size:11px;display:inline}.switch{position:relative;display:inline-flex;width:39px;height:23px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{border-radius:20px;background:#dbe2ef;position:absolute;inset:0;transition:background .2s}.switch-track:after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #19325b22;transition:left .2s}.switch input:checked+.switch-track{background:var(--blue)}.switch input:checked+.switch-track:after{left:19px}.switch:has(input:focus-visible){outline:3px solid #ffccaa;border-radius:20px}.stepper{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:20px 22px 19px;background:white;border-bottom:1px solid #edf1f7}.step{display:flex;align-items:center;gap:7px;font-size:11px;color:#a1acbd}.step-number{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f0f3f8;color:#a0aec4;font-size:10px;font-weight:650}.step.active{color:var(--blue);font-weight:650}.step.active .step-number{background:var(--blue);color:#fff;box-shadow:0 3px 8px #ff641a25}.step.done{color:#ec813a}.step.done .step-number{background:#fff2ea;color:var(--blue)}.step-line{height:1px;flex:1;background:#e4eaf4;min-width:10px;max-width:30px}.form-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.form-intro h3{font-size:18px}.draft-status{display:flex;align-items:center;gap:4px;font-size:10px;color:#9aa6b9}.form-section-heading{display:flex;gap:8px;align-items:center;margin-bottom:19px;font-size:13px;font-weight:650}.form-section-heading .mini-icon{width:28px;height:28px;border-radius:8px}.field-group-divider{border-top:1px solid #edf1f7;margin:23px 0}.optional-areas{background:#fffaf6;border:1px solid #fcebe0;border-radius:12px;padding:13px;margin-top:10px}.area-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.area-check{padding:9px;background:white;border:1px solid #e3eaf5;border-radius:8px;font-size:11px;display:flex;gap:6px;align-items:center;cursor:pointer}.area-check:has(input:checked){color:var(--blue);border-color:#fad2b8;background:#fff5ee}.area-check input{accent-color:var(--blue);margin:0;width:13px;height:13px}.summary-row{display:flex;gap:15px;justify-content:space-between;font-size:12px;padding:7px 0;line-height:1.8}.summary-row .label{color:#8d98ac;max-width:48%;flex-shrink:0}.summary-row .value{text-align:right;color:#42516a;overflow-wrap:anywhere}.summary-row.long{display:block}.summary-row.long .label{max-width:100%;display:block;margin-bottom:3px}.summary-row.long .value{text-align:left;color:#62728b}.summary-edit{font-size:11px;color:var(--blue)}
.welcome-page{padding:25px 25px 24px;background:linear-gradient(175deg,#fff 10%,#fff8f4 90%);min-height:100%}.welcome-top{display:flex;align-items:center;justify-content:space-between}.welcome-top .brand-name{font-size:17px}.welcome-top .brand-mark{height:34px;width:34px;border-radius:11px}.welcome-kicker{display:flex;align-items:center;gap:6px;font-size:10px;color:#bc783d;background:#fff2ea;border:1px solid #feeadc;border-radius:30px;padding:4px 9px;width:max-content;margin-top:31px}.welcome-title{font-size:32px;line-height:1.55;font-weight:800;letter-spacing:-1.8px;margin-top:13px}.welcome-title em{font-style:normal;color:var(--blue)}.welcome-description{font-size:12px;line-height:1.9;color:#8a97ad;margin-top:10px}.welcome-art{height:182px;position:relative;margin:18px -3px 20px}.welcome-art svg{height:100%;width:100%}.welcome-benefits{display:flex;justify-content:space-between;margin:13px 0 23px;gap:4px}.welcome-benefit{font-size:10px;color:#74839e;display:flex;gap:5px;align-items:center}.welcome-benefit svg{color:#ec8744}.welcome-login{margin:17px 0 8px;text-align:center;font-size:11px;color:#97a2b5}.welcome-login .text-link{font-size:11px}.auth-page{padding:34px 24px 24px}.auth-logo{display:flex;gap:10px;align-items:center;font-size:12px;color:#9ba7ba;margin-bottom:29px}.auth-logo .brand-mark{height:36px;width:36px;border-radius:12px}.auth-page h1{font-size:27px;margin-bottom:9px}.auth-sub{color:#9aa5b8;font-size:12px;margin-bottom:30px}.phone-input-wrap{display:flex;align-items:center;background:#fffdfb;border:1px solid #e1e7f2;border-radius:11px}.phone-input-wrap:focus-within{border-color:#f4ac7c;box-shadow:0 0 0 3px #fff2e8}.phone-prefix{color:#6c7992;font-size:12px;border-right:1px solid #e0e6f1;padding:0 13px}.phone-input-wrap input{border:0;box-shadow:none!important;background:transparent}.otp-row{display:flex;gap:9px}.otp-row .input{min-width:0;flex:1}.otp-row .btn{font-size:11px;white-space:nowrap;padding:9px 12px;min-height:47px}.auth-hint{background:#fef6f1;border-radius:11px;margin-top:27px;padding:12px;display:flex;gap:8px;font-size:11px;color:#a58b77}.role-page{padding:29px 23px}.role-page h1{font-size:26px;margin:11px 0 8px}.role-card{position:relative;display:block;width:100%;padding:21px;text-align:left;border-radius:19px;background:#fff;border:1px solid #e1e8f4;margin:18px 0 12px;cursor:pointer}.role-card.selected{border-color:#fab486;box-shadow:0 0 0 2px #ffefe4;background:linear-gradient(120deg,#fff,#fff8f4)}.role-card h3{font-size:19px;margin-top:13px}.role-card p{font-size:11px;line-height:1.9;color:#8c9ab0;margin-top:6px}.role-card .role-icon{width:45px;height:45px;border-radius:14px;background:#fff2ea;color:#ea762a;display:grid;place-items:center}.role-card.applicant .role-icon{background:#fff1e8;color:#e9a16d}.role-card .role-check{position:absolute;right:20px;top:23px;width:20px;height:20px;border-radius:50%;border:1px solid #d7dfed;display:grid;place-items:center;color:transparent}.role-card.selected .role-check{background:var(--blue);border-color:var(--blue);color:#fff}.role-tags{display:flex;gap:8px;margin-top:13px}.role-tags span{font-size:10px;color:#987b67;background:#fdf4ee;border-radius:5px;padding:3px 7px}.auth-success-label{display:flex;align-items:center;gap:5px;font-size:11px;color:#48a184}.result-hero{text-align:center;padding:29px 16px 24px}.result-icon{height:77px;width:77px;border-radius:27px;display:grid;place-items:center;background:#e8f7f0;color:#23a178;margin:0 auto 19px;position:relative}.result-icon.blue{background:#fff2ea;color:var(--blue)}.result-icon.orange{background:#fff1e5;color:#e39152}.result-icon.red{background:#fff0f2;color:#d96470}.result-hero h1{font-size:23px;margin-bottom:10px}.result-hero p{font-size:12px;color:#8b98ad;line-height:1.9;max-width:300px;margin:0 auto}.result-ref{font-size:10px;color:#a3adc0;text-align:center;margin-top:17px}.profile-hero{padding:23px 0;display:flex;gap:14px;align-items:center}.profile-hero .avatar{height:60px;width:60px;border-radius:20px;font-size:25px}.profile-hero h2{font-size:20px;margin-bottom:6px}.profile-menu.card{padding:3px 18px}.profile-menu .list-row{font-size:13px}.profile-menu .mini-icon{width:31px;height:31px;border-radius:10px}.profile-menu .menu-value{margin-left:auto;color:#a0aabd;font-size:11px}.faq details{border-bottom:1px solid #edf1f7;padding:16px 0}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:550;gap:10px}.faq summary:after{content:'+';color:#98a9c3;font-size:19px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.95;color:#8490a5;margin-top:11px}.legal-content h3{margin:23px 0 10px;font-size:15px}.legal-content p{font-size:12px;line-height:2;color:#78869e}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.state-card{background:#fff;padding:16px;border:1px solid #e7edf5;border-radius:13px;text-align:left;display:flex;flex-direction:column;gap:7px}.state-card strong{font-size:12px}.state-card span{font-size:10px;line-height:1.8;color:#8b97ab}.state-card svg{color:#ed8c4c}.sample-pill{display:inline-flex;font-size:9px;letter-spacing:.5px;color:#9cacc6;border:1px solid #dfe7f3;border-radius:5px;padding:1px 6px}.prototype-mobile-trigger{display:none}
.timeline{padding:3px 0}.timeline-item{position:relative;padding:0 0 25px 29px}.timeline-item:before{content:'';position:absolute;left:7px;top:19px;bottom:0;width:1px;background:#e3e9f3}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;width:15px;height:15px;border:3px solid #fff;box-shadow:0 0 0 1px #d7e0ef;background:#d7e0ef;border-radius:50%;top:3px;left:0}.timeline-item.done .timeline-dot{background:#2aa582;box-shadow:0 0 0 1px #a8dcca}.timeline-item.current .timeline-dot{background:var(--blue);box-shadow:0 0 0 2px #ffd8be}.timeline-item.done:before{background:#c4e5d9}.timeline-item strong{display:block;font-size:13px;color:#65738d}.timeline-item.current strong{color:var(--blue)}.timeline-item.future strong{color:#acb6c6}.timeline-item p,.timeline-item time{display:block;font-size:11px;color:#a0acbd;margin-top:4px}.record-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:17px;margin-bottom:12px}.record-card h3{font-size:15px}.record-card .record-meta{font-size:11px;color:#8b98ad;margin-top:7px}.record-card .record-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px dashed #e5eaf3;padding-top:11px;margin-top:12px}.unread-dot{height:6px;width:6px;border-radius:50%;background:#f18b6c;display:inline-block}.message-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;gap:12px;margin-bottom:11px}.message-card h3{font-size:13px}.message-card p{font-size:11px;color:#8b96a9;line-height:1.85;margin-top:5px}.message-card time{font-size:10px;color:#a8b2c2}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-method{border:1px solid #e4eaf3;border-radius:11px;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#8090a9}.payment-method.active{background:#fff2e8;border-color:#fac19b;color:var(--blue)}.withdraw-input{font-size:34px;font-weight:650;border:0;border-bottom:1px solid #e7edf5;border-radius:0;outline:0;padding:14px 0;width:100%;color:#24324c;background:white}.ledger-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:0}.ledger-row h4{font-size:12px}.ledger-row p{font-size:10px;color:#98a4b7;margin-top:4px}
.sheet-backdrop{position:absolute;inset:34px 0 0;background:#17294b66;z-index:40;display:flex;align-items:flex-end;backdrop-filter:blur(2px)}.sheet{max-height:92%;overflow:auto;background:#fff;width:100%;padding:21px 21px 30px;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #17294b15}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.sheet-header h3{font-size:17px}.sheet p{font-size:12px;color:#7f8da4;line-height:1.9}.sheet .btn.block{margin-top:15px}.toast{position:absolute;z-index:70;top:95px;left:50%;transform:translateX(-50%);border-radius:12px;background:#26354fef;color:white;box-shadow:0 8px 25px #14223d26;max-width:86%;width:max-content;padding:11px 17px;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.7;animation:toast-in .2s ease}.toast.error{background:#b85461f2}.toast svg{flex-shrink:0}.auth-tabs{display:flex;gap:20px;margin:0 0 22px}.auth-tabs button{color:#a0abbc;padding:0 0 8px;border-bottom:2px solid transparent;font-size:13px}.auth-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:650}.privacy-foot{text-align:center;margin:22px 0;color:#a1adbf;font-size:10px}.privacy-foot svg{margin-right:4px}.copy-field{padding:13px;background:#fef7f3;border:1px solid #e4ebf6;border-radius:12px;word-break:break-all;color:#7b8ca9;font-size:11px;line-height:1.9}.review-toolbar{display:flex;gap:8px;align-items:center}
@keyframes toast-in{from{opacity:0;margin-top:-8px}to{opacity:1;margin-top:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}ol.timeline{list-style:none;margin:16px 0 0;padding-left:0}button.record-card{width:100%;text-align:left}.record-demo{margin-top:10px}.timeline-copy{min-width:0}.message-content{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.message-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-body{white-space:pre-wrap;line-height:2;color:#6c7d96;font-size:13px}.wallet-summary .balance{margin-top:8px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.method-option{padding:13px 6px;border:1px solid #e1e8f3;border-radius:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#8b98af}.method-option.active{color:var(--blue);border-color:#f7c6a5;background:#fff5ee}.error-summary{margin-top:15px}.withdraw-status{text-align:center;padding:24px 0}.success-icon{display:grid;place-items:center;margin:0 auto 16px;width:75px;height:75px;border-radius:25px;background:#e8f8f0;color:#24a278}.positive{color:var(--green)}.detail-list .list-row{padding:8px 0}.detail-list{margin:12px 0}.detail-list dt{flex-shrink:0}.record-card .amount{font-size:17px}.record-card .salary{font-size:16px}.tabs .chip{background:none;border:0;border-radius:0;padding:12px 0}.tabs .chip.active{background:none;border-bottom:2px solid var(--blue)}
@media(min-width:1600px){.workbench{grid-template-columns:270px minmax(560px,1fr) 320px}.review-rail{padding:34px 27px}.preview-workspace{padding-top:30px;gap:22px}.device{max-height:calc(100vh -130px)}.review-aside{padding:36px 31px}}
@media(max-width:1150px){.workbench{grid-template-columns:215px minmax(430px,1fr)}.review-aside{display:none}.review-rail{padding-left:17px;padding-right:17px}.preview-workspace{padding-left:15px;padding-right:15px}}
@media(max-width:720px){body{background:var(--bg)}.workbench{display:block;min-height:100dvh}.review-rail,.review-aside,.workspace-head,.workspace-footer{display:none}.preview-workspace{padding:0;display:block;min-height:100dvh;background:var(--bg)}.device{width:100%;max-width:480px;margin:0 auto;padding:0;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}.device-inner{border:0;border-radius:0}.statusbar{display:none}.phone-content{height:100%;padding-bottom:max(26px,env(safe-area-inset-bottom))}.home-indicator{display:none}.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}.sticky-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.phone-content:has(.bottom-nav){padding-bottom:84px}.phone-content:has(.sticky-footer){padding-bottom:91px}.sheet-backdrop{inset:0}.toast{top:75px}.prototype-mobile-trigger{display:grid;place-items:center;position:fixed;right:10px;top:45%;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #dfe6f4;color:#bc825b;z-index:31;box-shadow:0 3px 15px #18376418}.welcome-page{min-height:100dvh;padding-top:28px}.welcome-art{height:200px}.welcome-kicker{margin-top:34px}.role-page{padding-bottom:110px}}
@media(max-width:359px){.page{padding:17px}.welcome-title{font-size:28px}.welcome-art{height:155px}.welcome-benefits{gap:2px}.welcome-benefit{font-size:9px}.salary{font-size:17px}.stepper{padding-left:16px;padding-right:16px}.step{font-size:10px;gap:5px}.choice{padding:10px;font-size:11px}}


/* Responsive artwork header with native reward copy and controls. */
.welcome-replacement{margin:0;padding:0;min-height:100%;background:#fffcf9;line-height:1.65}
.entry-artwork{position:relative;aspect-ratio:853/611;overflow:hidden;width:100%;line-height:0}
.entry-artwork img{display:block;width:100%;height:auto;max-width:100%;user-select:none;pointer-events:none}
.entry-browse-action{position:absolute;left:2.8%;right:2.7%;top:31.6%;bottom:2.2%;border:0;border-radius:15px;background:transparent;touch-action:manipulation}
.entry-browse-action:hover{background:#ff641a04}.entry-browse-action:focus-visible{outline:3px solid #e64c0a;outline-offset:-3px}
.entry-main{padding:12px 18px 32px}.entry-main h1{font-size:22px;letter-spacing:-.5px;margin:3px 0 14px;line-height:1.4}
.reward-overview{display:grid;gap:10px;width:100%}
.reward-overview-item{width:100%;min-width:0;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;border:1px solid #ffdac2;border-radius:17px;background:#fff;color:#15213a;box-shadow:0 3px 13px #b46a1404;touch-action:manipulation}
.reward-overview-item:hover{border-color:#ffb27e;background:#fffaf5}.reward-overview-item>svg{margin-left:auto;color:#c5936f}
.reward-overview-icon{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;background:#fff3e9;border-radius:13px;color:#ff641a}
.reward-overview-copy{display:flex;min-width:0;flex-direction:column;gap:4px;line-height:1.6}
.reward-overview-copy>strong{font-size:15px;font-weight:700;letter-spacing:0}
.reward-overview-copy>span{font-size:12px;color:#8490a2;white-space:normal}
.reward-overview-copy b{color:#f1611c;font-size:14px;font-weight:700}
.entry-notes{color:#7f899a;font-size:11px;text-align:center;margin:17px 0 15px;line-height:1.9}
.entry-notes p:first-child{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.entry-notes svg{color:#ff641a}
.entry-register{min-height:51px;font-size:17px;font-weight:700;border-radius:15px;box-shadow:0 8px 22px #ff641a1f}
.entry-login{display:flex;gap:5px;justify-content:center;align-items:center;font-size:13px;color:#7d899b;margin:13px 0 10px}.entry-login button{padding:5px;font-size:14px;font-weight:600}
.entry-identity{display:flex;gap:5px;align-items:center;justify-content:center;font-size:11px;color:#8590a1;line-height:1.8}
.device-inner:has(.welcome-replacement){background:#fffcf9}.device-inner:has(.welcome-replacement)>.statusbar,.device-inner:has(.welcome-replacement)>.home-indicator{display:none}
.phone-content:has(.welcome-replacement){height:100%;padding:0;background:#fffcf9}
@media(max-width:720px){.workbench:has(.welcome-replacement)~.prototype-mobile-trigger{top:auto;bottom:max(16px,env(safe-area-inset-bottom));right:12px}}
@media(max-width:359px){.entry-main{padding-left:14px;padding-right:14px}.reward-overview-item{padding:12px;gap:9px}.reward-overview-icon{width:34px;height:37px}.reward-overview-copy>strong{font-size:14px}.reward-overview-copy>span{font-size:11px}.entry-identity{font-size:10px}}

/* Two explicit record categories, including empty lists. */
.progress-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #f3e7dc;background:#fff7f0;border-radius:15px}
.progress-switch button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:45px;padding:9px 6px;border:0;border-radius:11px;background:transparent;color:#8b7767;font:inherit;font-size:13px;cursor:pointer}
.progress-switch button.active{background:#fff;color:var(--blue);font-weight:700;box-shadow:0 2px 8px #d3791e12}
.progress-switch .progress-count{font-size:11px;line-height:1.5;min-width:20px;padding:1px 5px;border-radius:7px;background:#f3ebe4;color:#8b7767}
.progress-switch button.active .progress-count{background:var(--blue-soft);color:var(--blue)}
.progress-origin{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:var(--muted)}
.progress-origin .text-link{font-size:11px;white-space:nowrap}
.progress-kind{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#b26836;margin-bottom:7px}
.progress-record-place{font-size:12px;line-height:1.65;color:#6f7b91;margin-top:5px;overflow-wrap:anywhere}
.progress-subject-label{font-size:10px;color:var(--muted);font-weight:400;display:block;margin-bottom:2px}
.record-card .title-row>strong{min-width:0;overflow-wrap:anywhere}
.progress-no-reward{font-size:12px;color:#8a7c70;line-height:1.7}
.timeline-item.unavailable .timeline-copy strong{color:#a2a9b4}
.timeline-item.unavailable .timeline-copy p{color:#8b94a2}

/* 2026-11-02: editable campaign header and stable-layout floating reward. */
.entry-artwork{aspect-ratio:auto;overflow:visible;line-height:1.5;padding:21px 14px 0}
.entry-brand-row{display:flex;align-items:center;gap:10px;margin:0 2px 17px}
.entry-brand-row .brand-mark{flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ff9229,#ff5914)}
.entry-brand-row h2{flex:1;min-width:0;font-size:16px;line-height:1.5;letter-spacing:0;font-weight:800;color:#14213a}
.entry-brand-row h2 span{display:block}
.entry-edition{flex-shrink:0;font-size:10px;white-space:nowrap;padding:4px 6px;border:1px solid #ffd8bd;border-radius:6px;color:#ef651d;background:#fffaf5}
.entry-hero{position:relative;min-height:224px;overflow:hidden;border-radius:19px;background:#fff0dc;isolation:isolate}
.entry-rider-photo{position:absolute;inset:0 0 0 auto;width:59%;height:100%;z-index:-2}
.entry-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff0dc 0%,#fff0dc 39%,#fff0dce8 46%,#fff0dc60 60%,transparent 72%);pointer-events:none}
.entry-hero-copy{padding:20px 17px 18px;position:relative}
.entry-kicker{font-size:12px;letter-spacing:2px;font-weight:600;color:#ed6417;margin-bottom:11px}
.entry-hero h1{font-size:26px;line-height:1.4;font-weight:850;letter-spacing:-.5px;margin:0 0 10px;color:#15213a}
.entry-hero h1 em{font-style:normal;color:#f45715}
.entry-hero-caption{font-size:12px;color:#5d554e;margin-bottom:13px}
.entry-job-cta{display:flex;width:max-content;max-width:100%;align-items:center;gap:4px;margin-top:14px;padding:7px 9px;border:1px solid #fff;border-radius:10px;background:#fff2dfed;color:#c3490d;font-size:12px;font-weight:750;line-height:1.5;box-shadow:0 3px 9px #a5681c08}
.entry-job-cta:hover{background:#fff8ee}.entry-job-cta:focus-visible{outline:3px solid #e64c0a;outline-offset:3px}
.entry-main{padding-top:20px}.entry-main>h2{font-size:22px;letter-spacing:-.5px;margin:0 0 14px;line-height:1.4}
.reward-overview-item{align-items:center;padding-top:16px;padding-bottom:16px}
.reward-overview-copy{flex:1;gap:6px}.reward-overview-copy>span{line-height:1.9}
.reward-amount-line,.reward-tail{display:block}.reward-amount-line{white-space:nowrap}
.reward-overview-copy b.reward-float{display:inline-block;white-space:nowrap;font-size:20px;line-height:1.5;letter-spacing:-.5px;font-weight:800;margin:0 2px;color:#f15c17;animation:reward-float 2.4s ease-in-out infinite;vertical-align:baseline}
@keyframes reward-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.brand{align-items:flex-start}.brand>.brand-mark{flex-shrink:0}.brand>div{min-width:0}.brand-name{font-size:15px;line-height:1.6;letter-spacing:0;overflow-wrap:anywhere}.brand-sub{font-size:8px;letter-spacing:.7px;margin-top:5px}
.auth-logo{align-items:center;font-size:13px;line-height:1.7}.auth-logo>.brand-mark{flex-shrink:0}.auth-logo>span:last-child{min-width:0;max-width:260px}
.timeline-copy{min-width:0}.timeline-copy strong{overflow-wrap:anywhere;line-height:1.65}
@media(max-width:359px){.entry-artwork{padding:17px 12px 0}.entry-brand-row{gap:8px}.entry-brand-row .brand-mark{flex-basis:36px;width:36px;height:36px;border-radius:12px}.entry-brand-row h2{font-size:14px}.entry-edition{font-size:9px;padding:3px 5px}.entry-hero{min-height:214px}.entry-hero-copy{padding:18px 14px}.entry-hero h1{font-size:24px}.entry-main>h2{font-size:20px}.reward-overview-copy b.reward-float{font-size:19px}}
@media(prefers-reduced-motion:reduce){.reward-overview-copy b.reward-float{animation:none;transform:none}}
@media print{.reward-overview-copy b.reward-float{animation:none;transform:none}}


/* Campaign copy shine: a soft highlight sweeps from left to right. */
.entry-hero-caption.entry-shine{
  display:inline-block;
  position:relative;
  overflow:hidden;
  padding:2px 0;
  font-weight:750;
  color:#8f4a25;
  background:linear-gradient(90deg,#8f4a25 0%,#8f4a25 35%,#fff 48%,#ffb16f 53%,#8f4a25 68%,#8f4a25 100%);
  background-size:230% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:entry-copy-shine 2.8s ease-in-out infinite;
}
@keyframes entry-copy-shine{
  0%{background-position:100% 0}
  100%{background-position:-130% 0}
}
@media(prefers-reduced-motion:reduce){
  .entry-hero-caption.entry-shine{animation:none;background:none;-webkit-text-fill-color:#8f4a25;color:#8f4a25}
}