.rider-body{min-height:100vh;background:#e8ece9;color:var(--ink)}
.rider-shell{width:min(100%,620px);min-height:100vh;margin:auto;padding:0 14px 112px;background:linear-gradient(180deg,#f6f8f6 0,#edf1ee 100%);box-shadow:0 0 64px rgba(27,61,51,.13)}
.rider-public-head{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;padding:13px 1px 11px;background:linear-gradient(180deg,#f6f8f6 82%,transparent)}
.rider-brand{display:flex;align-items:center;gap:10px}.rider-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--teal-dark);color:#f7fff9;font-weight:950;box-shadow:0 8px 22px rgba(23,62,54,.2)}.rider-brand strong{display:block;font-size:15px}.rider-brand small{display:block;margin-top:2px;color:var(--muted);font-size:8px;letter-spacing:.65px}.rider-lang{min-width:43px;border:1px solid #d8e0db;border-radius:11px;padding:9px;background:#fff;color:var(--ink);font-size:11px;font-weight:900}
.rider-screen{animation:rider-in .22s ease-out}@keyframes rider-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.auth-hero{position:relative;overflow:hidden;padding:27px 23px;border-radius:26px;color:#f7fff9;background:linear-gradient(135deg,#173e36,#286856 65%,#3c896d);box-shadow:0 18px 42px rgba(23,62,54,.2)}.auth-hero:after{content:"骑";position:absolute;right:-15px;bottom:-52px;color:#fff1;font-size:145px;font-weight:950}.auth-hero>*{position:relative;z-index:1}.auth-city{font-size:9px;letter-spacing:2px;opacity:.7}.auth-hero h1{max-width:370px;margin:10px 0 7px;font-size:30px;line-height:1.18}.auth-hero p{max-width:430px;margin:0;color:#cee5da;font-size:11px;line-height:1.65}.auth-benefits{display:flex;gap:7px;margin-top:19px}.auth-benefits span{padding:6px 9px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff0e;font-size:9px;font-weight:800}
.auth-card{margin-top:13px;padding:17px;border:1px solid #dfe5e0;border-radius:22px;background:#fff;box-shadow:0 13px 35px rgba(35,62,52,.07)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:17px;padding:4px;border-radius:13px;background:#edf2ef}.auth-tabs button{border:0;border-radius:10px;padding:10px;background:transparent;color:#718078;font-size:11px;font-weight:900}.auth-tabs button.active{background:#fff;color:var(--teal);box-shadow:0 4px 13px rgba(29,68,57,.08)}.auth-form{display:none}.auth-form.active{display:block}.register-grid{display:grid;gap:0}.rider-field{margin-bottom:12px}.rider-field label{display:block;margin:0 0 6px 2px;color:#607068;font-size:10px;font-weight:800}.rider-field input,.rider-field select{width:100%;min-height:45px;border:1px solid #dce4df;border-radius:12px;background:#fafcfb;padding:11px 12px;color:var(--ink);outline:none;font-size:13px}.rider-field input:focus,.rider-field select:focus{border-color:#5b9681;box-shadow:0 0 0 3px #2c705813}.rider-field small{display:block;margin:5px 2px 0;color:var(--muted);font-size:8px;line-height:1.5}.code-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.code-row span{padding:12px 10px;border-radius:11px;background:#edf5f1;color:var(--teal);font-size:9px;font-weight:850}.rider-main-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;border:0;border-radius:14px;background:var(--teal-dark);color:#fff;padding:12px 15px;font-size:12px;font-weight:900;box-shadow:0 10px 24px rgba(23,62,54,.17)}.auth-note{margin:11px 2px 0;color:var(--muted);font-size:9px;line-height:1.55;text-align:center}
.review-card{margin-top:42px;padding:26px 22px;border:1px solid #dfe5e0;border-radius:25px;background:#fff;text-align:center;box-shadow:0 18px 45px rgba(32,59,50,.08)}.review-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 17px;border-radius:24px;background:#fff0d8;color:#a05d12;font-size:31px;font-weight:950}.review-icon.rejected{background:#fde7e5;color:var(--danger)}.review-card h1{margin:0;font-size:24px}.review-card>p{margin:8px auto 20px;max-width:410px;color:var(--muted);font-size:11px;line-height:1.7}.review-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0;text-align:left}.review-details div{padding:11px;border-radius:12px;background:#f4f7f5}.review-details label{display:block;color:var(--muted);font-size:8px}.review-details strong{display:block;margin-top:4px;font-size:11px}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rider-secondary-btn{display:flex;align-items:center;justify-content:center;min-height:43px;border:1px solid #d8e1dc;border-radius:12px;background:#fff;color:var(--ink);font-size:10px;font-weight:900}
.work-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 18px;border-radius:22px;color:#f6fff9;background:linear-gradient(135deg,#173e36,#2d705b);box-shadow:0 15px 35px rgba(23,62,54,.18)}.work-head small{color:#bcd9cd;font-size:8px}.work-head h1{margin:3px 0 2px;font-size:23px}.work-head p{margin:0;color:#bed8cd;font-size:9px}.online-control{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.online-control input{position:absolute;opacity:0;pointer-events:none}.toggle-track{position:relative;width:52px;height:29px;border-radius:99px;background:#ffffff29;transition:.2s}.toggle-track i{position:absolute;top:4px;left:4px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;transition:.2s}.online-control input:checked+.toggle-track{background:#5bdd94}.online-control input:checked+.toggle-track i{transform:translateX(23px)}.online-control b{color:#d5e6df;font-size:8px}
.rider-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.rider-metric{min-width:0;padding:13px 11px;border:1px solid #dfe5e0;border-radius:16px;background:#fff}.rider-metric label{display:block;overflow:hidden;color:var(--muted);font-size:8px;white-space:nowrap;text-overflow:ellipsis}.rider-metric strong{display:block;margin-top:7px;font-size:18px}.rider-metric small{display:block;margin-top:2px;color:#89958f;font-size:7px}.rider-metric.cash strong{color:#a96213}.rider-metric.income strong{color:var(--green)}
.work-panel{display:none}.work-panel.active{display:block}.panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 2px 11px}.panel-title h2{margin:0;font-size:19px}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:9px}.refresh-btn{border:1px solid #d8e1dc;border-radius:10px;background:#fff;padding:8px 11px;color:var(--teal);font-size:9px;font-weight:900}.hall-notice{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;padding:11px 12px;border-radius:13px;background:#edf5f1;color:#315f50;font-size:9px;line-height:1.55}.hall-notice.offline{background:#fff2de;color:#82561e}.hall-notice i{font-style:normal;font-size:14px}.order-stack{display:flex;flex-direction:column;gap:10px}.rider-empty{padding:42px 20px;border:1px dashed #ccd8d1;border-radius:18px;background:#ffffff8c;text-align:center;color:var(--muted)}.rider-empty i{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:16px;background:#e8efeb;color:var(--teal);font-style:normal;font-weight:900}.rider-empty strong{display:block;color:#5a6861;font-size:12px}.rider-empty small{display:block;margin-top:5px;font-size:9px;line-height:1.5}
.rider-order{padding:15px;border:1px solid #dce4df;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(31,59,49,.055)}.rider-order.attention{border-left:4px solid var(--amber)}.order-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-id{font-size:10px;font-weight:950}.order-merchant{display:block;margin-top:3px;color:var(--muted);font-size:9px}.order-state{padding:5px 8px;border-radius:99px;background:#e9f2ed;color:var(--teal);font-size:8px;font-weight:900;white-space:nowrap}.order-state.payment{background:#fff0d9;color:#8f5819}.order-state.done{background:#e4f4ea;color:#16714d}.order-customer{margin-top:11px;font-size:15px;font-weight:950}.order-customer a{margin-left:5px;color:var(--blue);font-size:10px}.order-address{margin-top:7px;padding:10px;border-radius:11px;background:#f4f7f5;font-size:10px;line-height:1.55}.order-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.order-links a{padding:8px;border:1px solid #dce4df;border-radius:9px;background:#fbfdfc;color:#315e50;text-align:center;font-size:9px;font-weight:850}.order-items{margin:10px 0;padding:8px 0;border-top:1px dashed #dce4df;border-bottom:1px dashed #dce4df}.order-items div{display:flex;justify-content:space-between;gap:9px;margin:4px 0;font-size:9px}.order-note,.issue-note{margin:8px 0;padding:8px;border-radius:9px;background:#fff6e8;color:#81531e;font-size:9px;line-height:1.5}.order-payment-note{margin:8px 0;padding:9px;border-radius:10px;background:#edf5f1;color:#315d4d;font-size:9px;line-height:1.55}.order-payment-note.warn{background:#fff0dc;color:#895719}.proof-thumb{width:58px;height:58px;margin-top:7px;border:1px solid #dce4df;border-radius:9px;object-fit:cover}.order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-total strong{display:block;color:var(--red);font-size:17px}.order-total small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.order-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.order-action{border:0;border-radius:10px;padding:9px 10px;background:#e7efeb;color:#315d4e;font-size:9px;font-weight:900}.order-action.primary{background:var(--teal-dark);color:#fff}.order-action.warn{background:#fff0dc;color:#895719}.order-action:disabled{opacity:.45}
.rider-bottom-nav{position:fixed;z-index:35;left:50%;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,620px);transform:translateX(-50%);padding:7px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dbe2dd;background:#fffffff2;backdrop-filter:blur(13px)}.rider-bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:#87918c;font-size:8px;font-weight:850}.rider-bottom-nav i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;font-style:normal;font-size:10px}.rider-bottom-nav button.active{color:var(--teal)}.rider-bottom-nav button.active i{background:#e4efea}.rider-bottom-nav b{position:absolute;top:-1px;left:calc(50% + 8px);display:none;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:7px;line-height:16px}.rider-bottom-nav b.show{display:block}
.profile-card{overflow:hidden;border:1px solid #dce4df;border-radius:20px;background:#fff}.profile-banner{display:flex;align-items:center;gap:12px;padding:19px;color:#fff;background:linear-gradient(135deg,#214c40,#3a8068)}.profile-avatar{display:grid;place-items:center;width:53px;height:53px;border:2px solid #ffffff55;border-radius:18px;background:#ffffff18;font-size:20px;font-weight:950}.profile-banner strong{display:block;font-size:17px}.profile-banner small{display:block;margin-top:3px;color:#cce0d7;font-size:9px}.profile-list{padding:6px 16px}.profile-line{display:flex;justify-content:space-between;gap:16px;padding:12px 1px;border-bottom:1px solid #edf1ee;font-size:10px}.profile-line:last-child{border:0}.profile-line span{color:var(--muted)}.profile-line b{text-align:right}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.danger-link{color:var(--danger)}
.rider-modal{position:fixed;z-index:80;inset:0;display:none;align-items:flex-end;justify-content:center;padding:14px 14px 0;background:#14231eaa}.rider-modal.open{display:flex}.collection-card{width:min(100%,560px);max-height:92vh;overflow:auto;padding:20px 17px calc(23px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff}.collection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.collection-head h3{margin:0;font-size:20px}.collection-head small{color:var(--muted);font-size:9px}.collection-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef2ef;font-size:20px}.collection-total{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:13px;background:#f3f7f5}.collection-total span{font-size:10px}.collection-total strong{color:var(--red);font-size:18px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.method-card{border:1px solid #dce4df;border-radius:13px;background:#fff;padding:10px 5px;color:#65736c;font-size:9px;font-weight:900}.method-card i{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 6px;border-radius:9px;background:#ebf0ed;color:var(--teal);font-style:normal;font-size:13px}.method-card i.wechat{background:#e1f3e7;color:#16834d}.method-card i.alipay{background:#e4f0fc;color:#1679dd}.method-card.selected{border:2px solid var(--teal);background:#f0f7f4;color:var(--teal)}.method-card.selected i{background:var(--teal);color:#fff}.cash-message{padding:11px;border-radius:11px;background:#edf5f1;color:#315d4d;font-size:9px;line-height:1.6}.transfer-fields{display:none}.transfer-fields.open{display:block}.amount-row{display:grid;grid-template-columns:1fr 105px;gap:8px}.upload-box{position:relative;display:grid;place-items:center;min-height:139px;margin:4px 0 9px;overflow:hidden;border:2px dashed #cfdad4;border-radius:14px;background:#f8faf9;text-align:center}.upload-box input{position:absolute;z-index:2;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-copy{pointer-events:none}.upload-copy strong{display:block;color:#4a5952;font-size:11px}.upload-copy small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.upload-box img{display:none;width:100%;max-height:260px;object-fit:contain;background:#edf1ef}.upload-box.has-image img{display:block}.upload-box.has-image .upload-copy{display:none}.proof-help{margin:0 2px 12px;color:var(--muted);font-size:8px;line-height:1.55}.rider-toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:calc(100% - 30px);transform:translate(-50%,18px);padding:11px 16px;border-radius:99px;background:#172e27;color:#fff;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.rider-toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:560px){.register-grid{grid-template-columns:1fr 1fr;gap:0 10px}.register-grid .full{grid-column:1/-1}.rider-modal{align-items:center;padding:20px}.collection-card{border-radius:23px;padding-bottom:20px}.rider-shell{padding-left:18px;padding-right:18px}.review-card{padding:32px}}
@media(max-width:380px){.rider-shell{padding-left:10px;padding-right:10px}.auth-hero{padding:23px 18px}.auth-hero h1{font-size:26px}.rider-metrics{gap:5px}.rider-metric{padding:11px 7px}.rider-metric strong{font-size:15px}.method-grid{gap:4px}.method-card{padding:9px 2px}.review-details{grid-template-columns:1fr}.order-foot{align-items:flex-end}}