/* ============ 老板端首页 ============ */
.boss-home{padding:0 0 80px}
.search-box{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:0 12px;background:#fff;border:1px solid #FF6B35;border-radius:24px;height:40px}
.search-box input{flex:1;border:none;outline:none;font-size:14px;background:transparent}
.search-box button{background:#FF6B35;color:#fff;border:none;border-radius:20px;padding:6px 16px;font-size:13px;cursor:pointer}

.brand-banner{background:linear-gradient(135deg,#1a1a1a,#3a3a3a);margin:12px 16px;border-radius:12px;padding:24px;text-align:center;color:#fff}
.brand-banner .logo{font-size:30px;font-weight:900;letter-spacing:3px}
.brand-banner .sub{font-size:12px;color:#FF6B35;margin-top:6px;letter-spacing:1px}

.cat-row{display:flex;gap:8px;padding:0 16px;margin:8px 0;overflow-x:auto;white-space:nowrap}
.cat-item{flex:0 0 60px;text-align:center;font-size:12px;color:#333;display:flex;flex-direction:column;align-items:center}
.cat-item .ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin-bottom:4px}

.carousel{margin:12px 16px;border-radius:10px;overflow:hidden}
.car-item{padding:24px 20px;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:space-between;min-height:90px}

.select-entry{display:flex;align-items:center;gap:12px;margin:12px 16px;padding:18px 20px;background:linear-gradient(135deg,#FF6B35,#FF8A50);color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(255,107,53,.3)}
.select-entry .ico{font-size:36px}
.select-entry .arrow{font-size:28px;margin-left:auto;opacity:.7}

.section-title{font-size:16px;font-weight:bold;padding:16px 16px 8px}
.player-list{padding:0 16px}
.player-row{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.player-row .avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#FFD700);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:bold;flex-shrink:0}
.player-row .info{flex:1;min-width:0}
.player-row .name{font-weight:bold;font-size:14px;display:flex;align-items:center;gap:6px}
.player-row .name .lv{background:#FFD700;color:#1a1a1a;font-size:10px;padding:1px 5px;border-radius:8px}
.player-row .meta{font-size:12px;color:#666;margin:2px 0}
.player-row .tags{font-size:11px;color:#999}
.player-row .right{text-align:right;flex-shrink:0}
.player-row .price{color:#FF6B35;font-weight:bold;font-size:16px}
.player-row .price small{color:#999;font-size:10px;font-weight:normal}
.player-row .order-btn{background:#FF6B35;color:#fff;border:none;padding:5px 10px;border-radius:14px;font-size:12px;margin-top:4px}

.price-bar{position:fixed;left:0;right:0;bottom:60px;background:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;z-index:998}
.price-bar button{background:#FF6B35;color:#fff;border:none;padding:10px 24px;border-radius:22px;font-size:14px;font-weight:bold;cursor:pointer}

/* ============ 选人页 ============ */
.select-page{padding-top:90px;padding-bottom:80px;background:#f5f5f5;min-height:100vh}
.select-header{position:fixed;top:0;left:0;right:0;background:#fff;padding:12px 16px;border-bottom:1px solid #eee;z-index:100}
.select-header .title{font-size:18px;font-weight:bold;color:#FF6B35;text-align:center;margin-bottom:10px}
.search-bar{display:flex;gap:8px;align-items:center;background:#f5f5f5;border-radius:20px;padding:0 12px;height:36px}
.search-bar input{flex:1;border:none;outline:none;background:transparent;font-size:14px}
.search-bar button{background:#FF6B35;color:#fff;border:none;padding:5px 14px;border-radius:16px;font-size:13px;cursor:pointer}

.filter-bar{display:flex;gap:8px;padding:10px 16px;background:#fff;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #eee;position:sticky;top:90px;z-index:99}
.filter-bar a{display:inline-block;padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:16px;font-size:13px;color:#333;flex-shrink:0}
.filter-bar a.active{background:#FF6B35;color:#fff;border-color:#FF6B35}

.list{padding:12px 16px}
.player-card{display:flex;align-items:center;gap:12px;background:#fff;padding:14px;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,.04);position:relative}
.avatar-wrap{position:relative;flex-shrink:0}
.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#FFD700);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:bold}
.avatar-wrap .dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#ccc}
.avatar-wrap .dot.on{background:#7ED321}
.player-card .info{flex:1;min-width:0}
.player-card .name{font-size:15px;font-weight:bold;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.player-card .name .lv{background:#FFD700;color:#1a1a1a;font-size:10px;padding:1px 6px;border-radius:8px}
.player-card .name .sex{font-size:14px}
.player-card .name .sex.f{color:#FF6B9D}
.player-card .name .sex.m{color:#4A6CF7}
.player-card .meta{font-size:12px;color:#666;margin:3px 0}
.player-card .tags{font-size:11px;color:#999}
.player-card .stats{font-size:11px;color:#999;margin-top:4px}
.player-card .stats b{color:#FF6B35}
.player-card .right{text-align:right;flex-shrink:0}
.player-card .price{color:#FF6B35;font-weight:bold;font-size:18px}
.player-card .price small{color:#999;font-size:10px;font-weight:normal}
.player-card .order-btn{background:#FF6B35;color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:13px;margin-top:4px;cursor:pointer}

/* ============ 订单页 ============ */
.order-page{padding-bottom:80px}
.tabs{display:flex;gap:16px;padding:0 16px;background:#fff;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #eee}
.tabs a{padding:12px 0;color:#666;font-size:14px;flex-shrink:0;border-bottom:2px solid transparent}
.tabs a.active{color:#FF6B35;font-weight:bold;border-bottom-color:#FF6B35}
.list{padding:12px 16px}
.order-card{background:#fff;border-radius:10px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.order-card .head{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f5f5f5;font-size:12px}
.order-card .head .no{color:#999}
.order-card .head .st{font-weight:bold}
.st-0{color:#999}.st-1{color:#4A6CF7}.st-2{color:#FF6B35}.st-3{color:#7ED321}.st-4{color:#e74c3c}
.order-card .body{padding:14px}
.order-card .title{font-size:15px;font-weight:bold;margin-bottom:6px}
.order-card .player{font-size:12px;color:#666;margin-bottom:2px}
.order-card .time{font-size:11px;color:#999}
.order-card .foot{padding:10px 14px;background:#fafafa;display:flex;align-items:center;justify-content:space-between}
.order-card .amount{color:#FF6B35;font-weight:bold;font-size:16px}
.order-card .actions{display:flex;gap:8px}
.btn-line{background:#fff;color:#666;border:1px solid #ddd;padding:5px 12px;border-radius:14px;font-size:12px;cursor:pointer}
.btn-main{background:#FF6B35;color:#fff;border:none;padding:5px 12px;border-radius:14px;font-size:12px;cursor:pointer}

/* ============ 消息页 ============ */
.msg-page{padding-bottom:80px}
.list{padding:0}
.msg-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #f5f5f5;position:relative}
.msg-item .avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4A6CF7,#7B61FF);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0}
.msg-item .avatar.system{background:linear-gradient(135deg,#FF6B35,#FFD700)}
.msg-item .avatar.order{background:linear-gradient(135deg,#4A6CF7,#7ED321)}
.msg-item .info{flex:1;min-width:0}
.msg-item .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.msg-item .from{font-weight:bold;font-size:14px}
.msg-item .time{font-size:11px;color:#999}
.msg-item .preview{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-item .badge{background:#e74c3c;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;position:absolute;top:14px;right:14px}

/* ============ 老板"我的"页 ============ */
.user-page{padding-bottom:80px}
.user-header{display:flex;align-items:center;gap:12px;margin:12px 16px;padding:20px;background:linear-gradient(135deg,#FF6B35,#FFD700);color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(255,107,53,.2)}
.user-header .avatar{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bold;flex-shrink:0}
.user-header .info{flex:1}
.user-header .nick{font-size:18px;font-weight:bold;display:flex;align-items:center;gap:6px}
.user-header .nick small{font-size:11px;font-weight:normal;background:rgba(255,255,255,.25);padding:2px 6px;border-radius:8px}
.user-header .bal{font-size:13px;margin-top:6px;opacity:.95}
.user-header .bal b{font-size:16px}
.switch-btn{background:rgba(255,255,255,.25);color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:12px;cursor:pointer}

.identity{display:flex;gap:8px;padding:0 16px;margin-bottom:8px}
.id-item{flex:1;text-align:center;padding:8px;background:#fff;border-radius:8px;font-size:14px;color:#666}
.id-item.active{background:#FF6B35;color:#fff;font-weight:bold}

.order-status{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;margin:8px 16px;border-radius:10px;padding:14px 0;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.os-item{text-align:center;font-size:11px;color:#333}
.os-item .ico{font-size:22px;margin-bottom:4px}

.func-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;margin:8px 16px;padding:16px 8px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.fg-item{text-align:center;font-size:12px;color:#333}
.fg-item .ico{font-size:24px;margin-bottom:4px}

/* ============ 下单页 ============ */
.order-create{padding:0 16px 80px}
.player-info{display:flex;align-items:center;gap:12px;background:#fff;padding:14px;border-radius:10px;margin:12px 0;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.player-info .avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#FFD700);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:bold}
.player-info .name{font-weight:bold;font-size:15px}
.player-info .name .lv{background:#FFD700;color:#1a1a1a;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:4px}
.player-info .meta{font-size:12px;color:#666;margin-top:2px}
.player-info .price{color:#FF6B35;font-weight:bold;font-size:18px;margin-left:auto}

.form{background:#fff;padding:16px;border-radius:10px}
.form label{display:block;margin:14px 0 6px;font-size:13px;color:#555}
.form label:first-child{margin-top:0}
.form input,.form select,.form textarea{width:100%;padding:10px;border:1px solid #eee;border-radius:6px;font-size:14px;background:#fafafa}
.form input:focus,.form textarea:focus{outline:none;border-color:#FF6B35}

.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg-item{flex:1;text-align:center;padding:8px;border:1px solid #eee;border-radius:6px;font-size:13px;color:#666;min-width:80px}
.seg-item.active{background:#FF6B35;color:#fff;border-color:#FF6B35}
.seg-item input{display:none}

.amount{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#fff8e1;border-radius:8px;margin:14px 0}
.amount b{color:#FF6B35;font-size:22px;font-weight:bold}

.pay-row{display:flex;gap:8px;flex-wrap:wrap}
.pay-item{flex:1;display:flex;align-items:center;gap:6px;padding:10px;border:1px solid #eee;border-radius:6px;font-size:13px;min-width:120px}
.pay-item.active{border-color:#FF6B35;background:#fff8e1}
.pay-item input{display:none}
.pay-item .ico{width:24px;height:24px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold}

.submit-btn{width:100%;padding:14px;background:#FF6B35;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:bold;margin-top:20px;cursor:pointer}

/* ============ 打手端 ============ */
.player-home{padding-bottom:80px}
.ph-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#1a1a1a,#3a3a3a);color:#fff}
.ph-header .brand{font-size:18px;font-weight:bold}
.ph-header .switch-btn{background:#7ED321;color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:12px}

.status-bar{display:flex;align-items:center;gap:12px;background:#fff;margin:-1px 0 0;padding:14px 16px;border-bottom:1px solid #f5f5f5}
.status-bar .info{flex:1}
.status-bar .name{font-weight:bold;font-size:15px}
.status-bar .lv{font-size:11px;color:#7ED321;margin-top:2px}

.switch{position:relative;display:inline-block;width:60px;height:30px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:30px;transition:.3s}
.slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.switch input:checked + .slider{background:#7ED321}
.switch input:checked + .slider:before{transform:translateX(30px)}
.switch .label{position:absolute;font-size:11px;color:#fff;font-weight:bold;top:8px;pointer-events:none}
.switch .label.on{left:8px;display:none}
.switch .label.off{right:8px}
.switch input:checked ~ .label.on{display:block}
.switch input:checked ~ .label.off{display:none}

.earn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;background:#fff;margin-bottom:12px}
.ec{background:linear-gradient(135deg,#7ED321,#a0e960);color:#fff;padding:14px 8px;border-radius:10px;text-align:center}
.ec .lab{font-size:11px;opacity:.95}
.ec .val{font-size:18px;font-weight:bold;margin-top:4px}

.withdraw-btn{width:calc(100% - 32px);margin:0 16px 12px;padding:12px;background:linear-gradient(135deg,#FF6B35,#FFD700);color:#fff;border:none;border-radius:22px;font-size:15px;font-weight:bold;cursor:pointer}

.section{background:#fff;margin:12px 16px;border-radius:10px;padding:14px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.section-head .title{font-size:15px;font-weight:bold}
.section-head .more{font-size:12px;color:#999}

.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;background:#fff;margin-bottom:12px}
.qg-item{text-align:center;font-size:12px}
.qg-item .ico{width:48px;height:48px;border-radius:12px;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}

/* 打手"我的" */
.puser-page{padding-bottom:80px}
.puser-header{display:flex;align-items:center;gap:12px;padding:20px 16px;background:linear-gradient(135deg,#7ED321,#a0e960);color:#fff}
.puser-header .avatar{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bold}
.puser-header .info{flex:1}
.puser-header .nick{font-size:18px;font-weight:bold;display:flex;align-items:center;gap:6px}
.verified{background:rgba(255,255,255,.25);font-size:11px;padding:2px 6px;border-radius:8px;font-weight:normal}
.puser-header .lv{font-size:12px;opacity:.95;margin-top:4px}
.puser-header .ico{font-size:22px;opacity:.7}

.order-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.og-item{text-align:center;font-size:11px;color:#333}
.og-item .ico{font-size:22px;margin-bottom:4px}

.fin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}

/* 接单大厅 */
.hall-page{padding-bottom:80px}
.hall-header{background:#fff;padding:12px 16px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.hall-header .title{font-size:18px;font-weight:bold;margin-bottom:10px;color:#7ED321}
.hall-header .filters{display:flex;gap:8px;overflow-x:auto;white-space:nowrap}
.hall-header .filters a{padding:5px 12px;border:1px solid #ddd;border-radius:14px;font-size:12px;flex-shrink:0}
.hall-header .filters a.active{background:#7ED321;color:#fff;border-color:#7ED321}

.hall-list{padding:12px 16px}
.hall-card{background:#fff;padding:14px;border-radius:10px;margin-bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.hall-card .head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.hall-card .game{background:#7ED321;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:bold}
.hall-card .type{background:#f5f5f5;color:#666;padding:2px 8px;border-radius:4px;font-size:12px}
.hall-card .price{margin-left:auto;color:#FF6B35;font-weight:bold;font-size:18px}
.hall-card .info{font-size:12px;color:#666;line-height:1.8;margin-bottom:10px}
.hall-card .info b{color:#1a1a1a}
.grab-btn{width:100%;padding:10px;background:linear-gradient(135deg,#7ED321,#a0e960);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:bold;cursor:pointer}

/* 客服工作台 */
.workbench{padding-bottom:80px}
.wb-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#1a1a1a,#3a3a3a);color:#fff}
.wb-header .title{font-size:18px;font-weight:bold}
.wb-header .sub{font-size:12px;opacity:.8;margin-top:2px}
.wb-header .switch-btn{background:#7ED321;color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:12px}

.welcome{padding:14px 16px;background:#fff;border-bottom:1px solid #f5f5f5;font-size:13px;color:#666}

.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;background:#fff;margin-bottom:8px}
.st-card{text-align:center;padding:14px;background:linear-gradient(135deg,#7ED321,#a0e960);color:#fff;border-radius:10px}
.st-card .val{font-size:24px;font-weight:bold}
.st-card{font-size:11px}

/* 切换身份 */
.switch-page{padding:20px 16px}
.switch-page .brand{text-align:center;font-size:14px;color:#FF6B35;font-weight:bold;margin-bottom:20px}
.switch-page .user-info{display:flex;align-items:center;gap:12px;background:#fff;padding:14px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.switch-page .user-info .avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#FFD700);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:bold}

.role-list{margin-bottom:20px}
.role-item{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.role-item .ico{width:50px;height:50px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:24px}
.role-item .r-info{flex:1}
.role-item .name{font-weight:bold;font-size:15px}
.role-item .desc{font-size:12px;color:#999;margin-top:2px}
.role-item .check{color:#FF6B35;font-size:20px}
.role-item .arrow{color:#ccc;font-size:24px}

.enter-btn{display:flex;flex-direction:column;gap:10px}
.enter-btn a{display:block;padding:14px;background:#FF6B35;color:#fff;text-align:center;border-radius:22px;font-weight:bold;text-decoration:none}
.enter-btn a.alt{background:#7ED321}

/* 打手入驻 */
.apply-page{padding:20px 16px 60px}
.apply-page .title{font-size:20px;font-weight:bold;color:#FF6B35}
.apply-page .sub{font-size:12px;color:#999;margin:6px 0 20px}
.apply-form{background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.apply-form label{display:block;margin:12px 0 6px;font-size:13px;color:#555}
.apply-form input,.apply-form select,.apply-form textarea{width:100%;padding:10px;border:1px solid #eee;border-radius:6px;font-size:14px;background:#fafafa}
.apply-form button{width:100%;padding:14px;background:#FF6B35;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:bold;margin-top:20px;cursor:pointer}
.radio-row,.check-row{display:flex;gap:16px;margin-top:6px}
.radio,.check{font-size:14px;color:#333}