*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:#f4f5f7;color:#222;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body.wc-m{max-width:750px;margin:0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}
.wc-top{position:sticky;top:0;z-index:20;height:46px;display:flex;align-items:center;background:linear-gradient(135deg,#e3262c,#ff5a3c);color:#fff}
.wc-top svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wc-back,.wc-refresh{width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.wc-title{flex:1;text-align:center;font-size:17px;font-weight:600;letter-spacing:1px}
.wc-loading,.wc-empty{padding:50px 0;text-align:center;color:#999}
.wc-card{display:block;background:#fff;border-radius:12px;margin:10px 10px 0;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.wc-btn{display:inline-block;border:0;border-radius:18px;padding:0 16px;height:32px;line-height:32px;font-size:14px;color:#fff;background:#e3262c;cursor:pointer;white-space:nowrap;text-align:center}
.wc-btn[disabled]{opacity:.6;cursor:default}
.wc-btn-go{background:#1677ff}
.wc-btn-ok{background:linear-gradient(135deg,#ff9a1a,#e3262c);animation:wcGlow 1.4s ease-in-out infinite}
.wc-btn-done{background:#c8c8c8}
.wc-btn-gold{background:linear-gradient(135deg,#ffb52b,#ff7a1a)}
.wc-btn-white{background:#fff;color:#e3262c;font-weight:700}
.wc-dot{display:inline-block;margin-left:3px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:8px;background:#ff3b30;color:#fff;font-size:10px;font-style:normal;text-align:center;vertical-align:2px}

/* 总览 */
.wc-hero{margin:10px 10px 0;padding:16px 16px 12px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#e3262c 0%,#ff5a3c 60%,#ff8a2b 100%);box-shadow:0 6px 16px rgba(227,38,44,.25);position:relative;overflow:hidden}
.wc-hero:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.08)}
.wc-hero-row{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
.wc-hero-l{font-size:13px;opacity:.9}
.wc-hero-amt{font-size:16px;font-weight:700}.wc-hero-amt b{font-size:32px;margin-left:2px}
.wc-hero-s{font-size:12px;opacity:.9}
.wc-hero .wc-btn-white{height:36px;line-height:36px;padding:0 18px;font-size:15px;box-shadow:0 3px 10px rgba(0,0,0,.15);animation:wcGlow 1.4s ease-in-out infinite}
.wc-hero-grid{display:flex;margin-top:12px;background:rgba(255,255,255,.14);border-radius:10px;position:relative;z-index:1}
.wc-hero-grid a{flex:1;text-align:center;padding:8px 0;cursor:pointer}
.wc-hero-grid a+a{border-left:1px solid rgba(255,255,255,.2)}
.wc-hero-grid b{display:block;font-size:16px}
.wc-hero-grid span{font-size:11px;opacity:.9}
.wc-hero-guest{text-align:center;padding:26px 16px}
.wc-hero-t{font-size:18px;font-weight:700}
.wc-hero-guest .wc-hero-s{margin:6px 0 14px}

/* 专属客服 */
.wc-kefu{display:flex;align-items:center;gap:10px;margin:10px 10px 0;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #ffe1cf;cursor:pointer}
.wc-kefu img,.wc-kefu-ic{width:38px;height:38px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.wc-kefu-ic{background:#1677ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.wc-kefu .t{flex:1;min-width:0}
.wc-kefu .t b{display:block;font-size:14px}
.wc-kefu .t span{display:block;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-kefu .p{flex:0 0 auto;font-size:12px;color:#fff;background:linear-gradient(135deg,#ff9a1a,#e3262c);border-radius:10px;padding:1px 8px}
.wc-kefu .p.gray{background:#eef0f3;color:#888}
.wc-kefu .arr{color:#ccc;font-size:20px}

/* 页签 */
.wc-tabs{position:sticky;top:46px;z-index:19;display:flex;background:#fff;margin:10px 0 0;box-shadow:0 1px 0 #eee}
.wc-tabs a{flex:1;text-align:center;height:44px;line-height:44px;font-size:15px;color:#555;position:relative;cursor:pointer}
.wc-tabs a.on{color:#e3262c;font-weight:600}
.wc-tabs a.on:after{content:"";position:absolute;left:50%;bottom:4px;width:22px;height:3px;margin-left:-11px;border-radius:2px;background:#e3262c}

/* 任务宝箱 */
.wc-pills{display:flex;gap:8px;margin:12px 10px 0;align-items:center;flex-wrap:wrap}
.wc-pills a{padding:5px 14px;border-radius:16px;background:#fff;color:#555;border:1px solid #eee;cursor:pointer}
.wc-pills a.on{background:#e3262c;color:#fff;border-color:#e3262c}
.wc-reset{margin-left:auto;font-size:12px;color:#999}
.wc-score{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#666}
.wc-score b{color:#e3262c;font-size:20px;margin-left:2px}
.wc-score em{font-style:normal;font-size:12px;color:#ff7a1a;text-align:right}
.wc-track-card{padding-bottom:10px}
.wc-track{position:relative;height:104px;margin:6px 28px 0}
.wc-track .line{position:absolute;left:0;right:0;top:66px;height:8px;border-radius:4px;background:#f0f0f0;overflow:hidden}
.wc-track .line i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#ffcf5a,#ff7a1a,#e3262c)}
.wc-track .node{position:absolute;top:0;width:64px;margin-left:-32px;text-align:center;cursor:pointer}
.wc-track .node .ic{width:52px;height:52px;margin:0 auto;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.wc-track .node svg{width:36px;height:36px}
.wc-track .node .lb{display:inline-block;margin-top:14px;font-size:11px;color:#888;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 6px;line-height:16px;position:relative;z-index:1}
.wc-track .node .nm{font-size:11px;color:#aaa;margin-top:1px;white-space:nowrap}
.wc-track .node.ready .ic{background:#fff4dc;box-shadow:0 0 0 2px #ffb52b;animation:wcPulse 1.1s ease-in-out infinite}
.wc-track .node.ready .lb{color:#fff;background:#ff7a1a;border-color:#ff7a1a}
.wc-track .node.opened .ic{background:#fff1f0}
.wc-track .node.opened .lb{color:#e3262c;border-color:#ffc9c9}
.wc-track-tip{font-size:11px;color:#aaa;text-align:center;margin-top:2px}
.wc-tasks{padding:0 12px}
.wc-task{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f4f4f4}
.wc-task:last-child{border-bottom:0}
.wc-task .ico{flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#fff0d6,#ffe0b8);color:#c56a00;display:flex;align-items:center;justify-content:center;font-weight:700}
.wc-task.done .ico{background:#f3f4f6;color:#aaa}
.wc-task .info{flex:1;min-width:0}
.wc-task .nm{font-size:14px;color:#222}
.wc-task.done .nm{color:#999}
.wc-task .pts{display:inline-block;margin-left:6px;font-size:12px;color:#e3262c;background:#fff1f0;border-radius:8px;padding:0 6px;vertical-align:1px}
.wc-task .desc{color:#999;font-size:12px;margin-top:1px}
.wc-task .prog{font-size:11px;color:#999;margin-top:2px}
.wc-task .wc-btn{flex:0 0 auto;height:30px;line-height:30px;padding:0 14px;font-size:13px}
.wc-bar{height:6px;border-radius:3px;background:#f1f1f1;overflow:hidden;margin:6px 0 0}
.wc-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb52b,#e3262c);border-radius:3px}
.wc-closed{padding:14px;margin:10px;border-radius:10px;background:#fff;color:#999;text-align:center}

/* 活动 */
.wc-camp-h{display:flex;align-items:center;gap:8px}
.wc-camp-h b{font-size:16px;flex:1}
.wc-tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:10px;background:#fff1f0;color:#e3262c}
.wc-tag.blue{background:#eef4ff;color:#1677ff}
.wc-tag.gray{background:#f3f4f6;color:#888}
.wc-intro{color:#666;font-size:13px;margin:6px 0}
.wc-now{font-size:13px;color:#555;margin-top:6px;background:#fffaf5;border-radius:8px;padding:8px 10px}
.wc-now b{color:#e3262c}
.wc-next{margin-top:6px;color:#ff7a1a}
.wc-camp-go{margin-top:8px;height:30px;line-height:30px;font-size:13px}
.wc-tiers{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px;text-align:center}
.wc-tiers th{background:#e3262c;color:#fff;font-weight:500;padding:6px 4px}
.wc-tiers td{border-bottom:1px solid #f3e3e3;padding:6px 4px}
.wc-tiers tr.hit td{background:#fff5f5;color:#e3262c;font-weight:600}
.wc-foot{display:flex;justify-content:space-between;gap:8px;color:#999;font-size:12px;margin-top:6px}

/* 待领取 */
.wc-pend{display:flex;align-items:center;gap:10px;border-left:4px solid #ff7a1a}
.wc-pend .info{flex:1;min-width:0}
.wc-pend .nm{font-size:15px}
.wc-pend .r{text-align:right}
.wc-pend .amt{color:#e3262c;font-size:20px;font-weight:700}
.wc-pend .sub{color:#999;font-size:12px}
.wc-pend .sub.urgent{color:#e3262c;font-weight:600}
.wc-pend-task{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff8e8,#fff);border:1px solid #ffe1b0;cursor:pointer}
.wc-pend-task .ico svg{width:36px;height:36px;display:block}
.wc-pend-task .t{flex:1;color:#9a5b1d;font-weight:600}
.wc-sec{margin:16px 12px 4px;color:#888;font-size:13px}
.wc-his{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f3f3;font-size:13px}
.wc-his:last-child{border-bottom:0}

/* 流水 */
.wc-audit-big{text-align:center;padding:10px 0}
.wc-audit-big .v{font-size:30px;font-weight:700;color:#e3262c}
.wc-audit-big .v.ok{color:#16a34a}
.wc-kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f3f3}
.wc-kv:last-of-type{border-bottom:0}
.wc-rule{white-space:pre-line;color:#666;font-size:13px}
.wc-rich{white-space:normal;line-height:1.8}
.wc-rich p{margin:0 0 6px}
.wc-rich p:last-child{margin-bottom:0}
.wc-rich ul,.wc-rich ol{margin:0 0 6px;padding-left:20px}
.wc-rich a{color:#e3262c}

/* 弹窗 */
.wc-mask{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100040;display:flex;align-items:center;justify-content:center}
.wc-pop{width:280px;background:linear-gradient(180deg,#fff4dc,#fff);border-radius:18px;padding:20px 16px 18px;text-align:center;animation:wcPop .35s ease-out}
.wc-pop-chest{width:96px;height:96px;margin:-60px auto 6px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(255,122,26,.35);display:flex;align-items:center;justify-content:center}
.wc-pop-chest svg{width:66px;height:66px}
.wc-pop-title{font-size:15px;color:#7a5a1a}
.wc-pop-amount{font-size:30px;font-weight:800;color:#e3262c;margin:4px 0}
.wc-pop-tip{font-size:12px;color:#999;margin-bottom:14px}
@keyframes wcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes wcGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,122,26,.0)}50%{box-shadow:0 0 0 4px rgba(255,122,26,.25)}}
@keyframes wcPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}

/* 电脑端 */
body.wc-pc{background:#f4f5f7}
.wc-pc .wc-page{width:1100px;margin:24px auto 40px}
.wc-pc .wc-page-h{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.wc-pc .wc-page-h h1{margin:0;font-size:24px;color:#222}
.wc-pc .wc-page-h span{color:#999}
.wc-pc .wc-page-h a{margin-left:auto;color:#1677ff;cursor:pointer}
.wc-pc #wc_main{display:block}
.wc-pc .wc-card,.wc-pc .wc-hero,.wc-pc .wc-kefu{margin:14px 0 0}
.wc-pc .wc-hero{padding:22px 26px 16px}
.wc-pc .wc-hero-amt b{font-size:40px}
.wc-pc .wc-tabs{top:0;margin-top:16px;border-radius:12px 12px 0 0;position:relative}
.wc-pc .wc-pills{margin:14px 0 0}
.wc-pc .wc-sec{margin:18px 2px 4px}
.wc-pc .wc-camps{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.wc-pc .wc-track{margin:6px 40px 0}
.wc-pc .wc-tasks{padding:4px 18px}
.wc-pc .wc-task .wc-btn{min-width:84px}