*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F7F8FA;color:#1F2937;font-size:14px;padding-bottom:58px;line-height:1.5}
:root{--blue:#FF6600;--blue-old:#FF6600;--blue-light:#FFF0E0;--blue-dark:#CC5200;--orange:#FF6600;--green:#00B578;--red:#F5222D;--gray:#6B7280;--gray-light:#9CA3B3;--border:#E5E7EB;--bg:#F7F8FA;--card-bg:#fff;--text:#1F2937;--text-secondary:#6B7280;--shadow:0 1px 4px rgba(0,0,0,.04)}
[data-theme="dark"] body,[data-theme="dark"]{background:#0F172A;color:#E2E8F0}
[data-theme="dark"] :root{--bg:#0F172A;--card-bg:#1E293B;--border:#334155;--text:#E2E8F0;--text-secondary:#94A3B8;--shadow:0 1px 4px rgba(0,0,0,.2)}
[data-theme="dark"] .header{background:linear-gradient(135deg,#4A1F00,#2E1300)}
[data-theme="dark"] .tabbar{background:#1E293B;border-color:#334155}
[data-theme="dark"] .tabbar div{color:#94A3B8}
[data-theme="dark"] .tabbar div.active{color:#FF9944}
[data-theme="dark"] .search-box{background:#334155}
[data-theme="dark"] .search-box input{color:#E2E8F0}
[data-theme="dark"] .search-box input::placeholder{color:#64748B}
[data-theme="dark"] .kpi-card,[data-theme="dark"] .kpi-chart{background:#1E293B!important}
[data-theme="dark"] .kpi-card .val{color:#E2E8F0}
[data-theme="dark"] .bc-item{background:#1E293B!important}
[data-theme="dark"] .bc-item .meta{color:#94A3B8}
[data-theme="dark"] .ms .b.oth{background:#334155;color:#E2E8F0}
[data-theme="dark"] .cht-inp{background:#1E293B;border-color:#334155}
[data-theme="dark"] .cht-inp input{background:#334155;color:#E2E8F0}
[data-theme="dark"] .ds{background:#1E293B!important}
[data-theme="dark"] .dd{color:#94A3B8}
[data-theme="dark"] .role-sheet{background:#1E293B}
[data-theme="dark"] .role-item{border-color:#334155}
[data-theme="dark"] .sec-hd a{color:#FF9944}
.header{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;padding:14px 16px 20px;border-radius:0 0 24px 24px;position:relative;overflow:hidden}
.header::before{content:'';position:absolute;top:-60px;right:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.06)}
.header::after{content:'';position:absolute;bottom:-30px;left:-20px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.04)}
.header-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;position:relative;z-index:1}
.header-top .logo{font-size:20px;font-weight:800}
.header-top .city{font-size:11px;display:flex;align-items:center;gap:3px;cursor:pointer;background:rgba(255,255,255,.12);padding:3px 10px;border-radius:12px;transition:opacity .15s}
.header-top .city:active{opacity:.7}
.header-top .acts{display:flex;gap:12px;margin-left:auto;font-size:12px;cursor:pointer;opacity:.85}
.search-box{background:#fff;border-radius:24px;padding:9px 14px;display:flex;align-items:center;gap:8px;color:#999;font-size:13px;position:relative;z-index:1}
.search-box input{border:none;outline:none;flex:1;font-size:13px;background:transparent;color:#333}
.search-box input::placeholder{color:#bbb}
.search-box .sf{background:var(--blue);color:#fff;padding:5px 16px;border-radius:18px;font-size:11px;font-weight:600;flex-shrink:0}
.search-box .sf:active{opacity:.85;transform:scale(.96)}
.page{display:none;min-height:65vh}.page.active{display:block;animation:pageIn .25s ease}
@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sec-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 8px}
.sec-hd h3{font-size:16px;font-weight:700}
.sec-hd a{font-size:11px;color:var(--blue);text-decoration:none}
.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:flex;padding:4px 0 env(safe-area-inset-bottom,4px);z-index:20;box-shadow:0 -1px 6px rgba(0,0,0,.04)}
@keyframes skel{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
.skel-wrap{animation:skel 1.2s ease-in-out infinite;padding:16px}
.skel-r{display:flex;gap:6px;margin-bottom:12px}
.skel-r div{flex:1;height:16px;background:#eee;border-radius:4px}
[data-theme="dark"] .skel-r div{background:#334155}
.skel-g{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:12px}
.skel-g div{height:52px;background:#eee;border-radius:10px}
[data-theme="dark"] .skel-g div{background:#334155}
.skel-t{display:flex;gap:6px;margin-bottom:10px}
.skel-t div{height:28px;width:56px;background:#eee;border-radius:14px}
[data-theme="dark"] .skel-t div{background:#334155}
.skel-p{height:52px;background:#eee;border-radius:12px;margin-bottom:10px}
[data-theme="dark"] .skel-p{background:#334155}
.skel-h{height:20px;width:30%;background:#eee;border-radius:4px;margin-bottom:8px}
[data-theme="dark"] .skel-h{background:#334155}
.skel-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.skel-2 div{height:130px;background:#eee;border-radius:12px}
[data-theme="dark"] .skel-2 div{background:#334155}
.skel-l{margin-bottom:12px}
.skel-l div{height:140px;background:#eee;border-radius:12px;margin-bottom:8px}
[data-theme="dark"] .skel-l div{background:#334155}
.tabbar div{flex:1;text-align:center;font-size:9px;color:var(--gray-light);cursor:pointer;padding:2px 0;transition:color .15s;user-select:none}
.tabbar div:active{opacity:.6}
.tabbar div.active{color:var(--blue)}
.tabbar div i{display:block;font-size:22px;margin-bottom:1px;font-style:normal}
.bd-wrap{position:relative;display:inline-block}
.bd-wrap::after{content:'';position:absolute;top:-2px;right:-7px;width:8px;height:8px;background:var(--red);border-radius:50%;border:2px solid #fff}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popUp{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:none}}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes tkfade{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.swiper-wrap{overflow:hidden;position:relative;margin:0;background:#F7F8FA}
.swiper-track{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}
.swiper-slide{min-width:100%;height:120px;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;padding:0 20px;box-sizing:border-box}
.swiper-slide .swi-icon{font-size:48px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}
.swiper-slide .swi-t{font-size:18px;font-weight:800;margin-bottom:2px}
.swiper-slide .swi-d{font-size:12px;opacity:.85}
.swiper-dots{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.swiper-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s}
.swiper-dots span.act{width:18px;border-radius:3px;background:#fff}
.banner-strip{background:#fff;margin:0 0 2px;padding:8px 14px;display:flex;align-items:center;gap:8px;cursor:pointer}
.banner-strip:active{background:#FAFBFC}
.banner-strip .banner-ic{font-size:16px;flex-shrink:0}
.banner-strip .banner-txt{flex:1;font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.banner-strip .banner-btn{background:var(--blue);color:#fff;padding:3px 12px;border-radius:10px;font-size:10px;font-weight:700;flex-shrink:0}
.stats-r{background:#fff;padding:12px 16px;margin-bottom:6px;display:flex;justify-content:space-around}
.stats-r div{text-align:center;cursor:pointer}
.stats-r div .n{font-size:18px;font-weight:900;color:var(--blue)}
.stats-r div .l{font-size:9px;color:var(--gray);margin-top:1px}
.stats-r div:nth-child(2) .n{color:var(--orange)}
.stats-r div:nth-child(3) .n{color:var(--green)}
.stats-r div:nth-child(4) .n{color:var(--red)}
.cg{background:#fff;padding:12px 10px 10px;margin-bottom:6px}
.cg .r1{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.cg .it{text-align:center;cursor:pointer}
.cg .it .ic{width:40px;height:40px;border-radius:12px;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:20px}
.cg .it .lb{font-size:10px;color:#666}
.cg .r2{display:flex;justify-content:center;gap:6px;margin-top:10px}
.cg .r2 span{font-size:10px;color:var(--gray);background:#F0F4FF;padding:3px 12px;border-radius:12px;cursor:pointer}
.tag-r{display:flex;gap:6px;padding:8px 14px;overflow-x:auto;background:#fff;margin-bottom:6px;scrollbar-width:none}
.tag-r::-webkit-scrollbar{display:none}
.tag-r div{flex-shrink:0;background:#F3F4F6;padding:4px 14px;border-radius:16px;font-size:12px;color:#555;white-space:nowrap;cursor:pointer}
.tag-r div.act{background:var(--blue);color:#fff}
.pc{background:linear-gradient(135deg,var(--blue-light),#F0F7FF);border-radius:14px;padding:14px 16px;margin:0 12px 10px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid #D6E4FF}
.pc .txt{flex:1}
.pc .txt .b{font-size:14px;font-weight:700;color:var(--blue);margin-bottom:2px}
.pc .txt .s{font-size:11px;color:#555}
.pc .b2{background:var(--blue);color:#fff;padding:7px 18px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0}
.g2{padding:0 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cs{background:#fff;border-radius:12px;padding:14px;cursor:pointer;transition:transform .15s}
.cs:active{transform:scale(.97)}
.cs .tp{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3px}
.cs .tp .t{font-size:14px;font-weight:700;flex:1;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs .tp .s{font-size:15px;font-weight:800;color:var(--blue);white-space:nowrap;margin-left:4px}
.cs .tp .s.h{color:var(--red)}
.cs .c{font-size:11px;color:#555;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs .tgs{display:flex;gap:3px;flex-wrap:wrap}
.cs .tgs span{font-size:9px;color:#888;background:#F3F4F6;padding:1px 6px;border-radius:4px}
.cs .ft{font-size:10px;color:#bbb;margin-top:4px;display:flex;gap:4px;align-items:center}
.cs .ft .cm{color:var(--orange);font-weight:600}
.cl{background:#fff;border-radius:14px;padding:16px;margin:0 12px 10px;border-left:3px solid var(--blue);cursor:pointer;transition:transform .15s}
.cl:active{transform:scale(.99)}
.cl .tp{display:flex;justify-content:space-between;margin-bottom:4px}
.cl .tp .t{font-size:16px;font-weight:700;flex:1;line-height:1.3}
.cl .tp .s{font-size:18px;font-weight:800;color:var(--blue);white-space:nowrap;margin-left:6px}
.cl .tp .s.h{color:var(--red)}
.cl .cp{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.cl .cp .av{width:30px;height:30px;border-radius:50%;background:#F3F4F6;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.cl .cp .nm{font-size:12px;font-weight:600;flex:1}
.cl .cp .ch{background:var(--blue-light);color:var(--blue);padding:2px 10px;border-radius:12px;font-size:10px;font-weight:600}
.cl .tgs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}
.cl .tgs span{font-size:10px;color:#888;background:#F3F4F6;padding:2px 8px;border-radius:4px}
.cl .bn{background:linear-gradient(135deg,var(--blue-light),#F0F7FF);border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}
.cl .bn .l{font-size:11px;color:#555}
.cl .bn .a{font-size:14px;font-weight:800;color:var(--blue)}
.todo-r{background:#fff;margin:0 0 2px;padding:10px 14px 14px}
.todo-hd{font-size:14px;font-weight:700;margin-bottom:6px;color:#333}
.todo-items{display:flex;flex-direction:column;gap:6px}
.todo-it{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#FAFBFC;border-radius:10px;cursor:pointer}
.todo-it:active{background:#F0F2F5}
.todo-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.todo-tx{flex:1}
.todo-tx .t{font-size:12px;font-weight:600;color:#333}
.todo-tx .s{font-size:9px;color:#999}
.todo-ar{color:#bbb;font-size:14px}
.mb{display:inline-block;color:#fff;font-size:8px;padding:1px 6px;border-radius:6px;font-weight:600;line-height:1.6}
.match-ring{flex-shrink:0;cursor:default;width:36px;height:36px}
[loading="lazy"]{opacity:0;transition:opacity .25s}
.bh{background:linear-gradient(135deg,var(--blue),var(--blue-dark));margin:12px;border-radius:16px;padding:20px;color:#fff;position:relative;overflow:hidden}
.bh::after{content:'💰';position:absolute;right:-10px;bottom:-15px;font-size:80px;opacity:.08}
.bh .rw{display:flex;justify-content:space-between;align-items:flex-end}
.bh .rw .l .b{font-size:16px;font-weight:800}
.bh .rw .l .s{font-size:11px;opacity:.7;margin-top:1px}
.bh .rw .r{text-align:right}
.bh .rw .r .am{font-size:30px;font-weight:900;line-height:1}
.bh .rw .r .lb{font-size:9px;opacity:.6;margin-top:2px}
.bh .br{display:flex;gap:8px;margin-top:14px}
.bh .br div{background:rgba(255,255,255,.12);padding:6px 16px;border-radius:16px;font-size:11px;cursor:pointer;backdrop-filter:blur(2px)}
.bh .br div:first-child{background:rgba(255,255,255,.2)}
.bs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:14px 0;margin-bottom:6px}
.bs div{text-align:center}
.bs div .n{font-size:18px;font-weight:900;color:var(--blue)}
.bs div .l{font-size:9px;color:var(--gray);margin-top:1px}
.bs div:first-child .n{color:var(--blue)}
.bs div:nth-child(2) .n{color:var(--green)}
.bs div:nth-child(3) .n{color:var(--orange)}
.wd-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:35;justify-content:center;align-items:flex-end}
.wd-overlay.act{display:flex}
.wd-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:16px 16px env(safe-area-inset-bottom,20px);animation:up .25s cubic-bezier(.32,.72,0,1)}
@keyframes up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.wd-sheet .gr{text-align:center;margin-bottom:12px;cursor:pointer}
.wd-sheet .gr span{display:inline-block;width:36px;height:4px;background:#ddd;border-radius:3px}
.wd-sheet .t{font-size:18px;font-weight:800;text-align:center;margin-bottom:4px}
.wd-sheet .sub{font-size:12px;color:var(--gray);text-align:center;margin-bottom:16px}
.wd-sheet .bal{text-align:center;margin-bottom:16px}
.wd-sheet .bal .am{font-size:42px;font-weight:900;color:var(--blue)}
.wd-sheet .bal .lb{font-size:11px;color:var(--gray)}
.wd-sheet .ch{display:flex;gap:10px;margin-bottom:16px}
.wd-sheet .ch div{flex:1;text-align:center;background:#F3F4F6;padding:12px 0;border-radius:12px;font-size:12px;cursor:pointer;border:2px solid transparent}
.wd-sheet .ch div.act{border-color:var(--blue);background:var(--blue-light);color:var(--blue);font-weight:600}
.wd-sheet .inp{display:flex;align-items:center;background:#F3F4F6;border-radius:12px;padding:4px 14px;margin-bottom:16px}
.wd-sheet .inp span{font-size:20px;font-weight:800;color:var(--gray);margin-right:6px}
.wd-sheet .inp input{border:none;outline:none;flex:1;font-size:24px;font-weight:700;background:transparent;height:48px}
.wd-sheet .qrt{border-radius:16px;background:#F3F4F6;padding:12px;text-align:center;margin-bottom:16px;border:1px dashed #ddd}
.wd-sheet .qrt .q{font-size:80px;line-height:1;margin-bottom:4px}
.wd-sheet .qrt .l{font-size:10px;color:var(--gray)}
.wd-sheet .wdb{width:100%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;padding:14px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer}
.wd-sheet .wdb:disabled{background:#ccc;color:#999;cursor:not-allowed}
.rank-tab{display:flex;gap:4px;padding:0 12px;margin-bottom:8px}
.rank-tab div{flex:1;text-align:center;padding:8px 0;font-size:13px;color:var(--gray);background:#F3F4F6;border-radius:8px;cursor:pointer;font-weight:600}
.rank-tab div.act{background:var(--blue);color:#fff}
.bc-list{padding:0 12px}
.bc-item{background:#fff;border-radius:12px;padding:14px;margin-bottom:8px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:transform .15s}
.bc-item:active{transform:scale(.98)}
.bc-item .av{width:42px;height:42px;border-radius:10px;background:#F3F4F6;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.bc-item .info{flex:1}
.bc-item .info .nm{font-size:14px;font-weight:600}
.bc-item .info .nm .rnk{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:4px;font-size:9px;font-weight:800;margin-right:4px;background:#FCD34D;color:#fff}
.bc-item .info .nm .rnk.s{background:#E5E7EB;color:#999}
.bc-item .info .meta{font-size:10px;color:var(--gray);margin-top:2px}
.bc-item .info .meta em{font-style:normal;color:var(--green);font-weight:600}
.bc-item .st{font-size:14px;font-weight:800;text-align:right}
.bc-item .st.dn{color:var(--green)}
.bc-item .st.pd{color:#F59E0B}
.bc-item .st.pr{color:var(--blue)}
.bc-item .bar-w{height:4px;background:#F3F4F6;border-radius:2px;margin-top:4px;overflow:hidden}
.bc-item .bar-w .bar{height:100%;border-radius:2px;background:var(--blue)}
.msg-top{background:#fff;padding:10px 14px;margin-bottom:6px}
.msg-tabs{display:flex;gap:4px}
.msg-tabs div{flex:1;text-align:center;padding:7px 0;font-size:13px;color:var(--gray);background:#F3F4F6;border-radius:8px;cursor:pointer;font-weight:600}
.msg-tabs div.act{background:var(--blue);color:#fff}
.msg-search{display:flex;align-items:center;gap:6px;margin-top:8px;background:#F3F4F6;border-radius:16px;padding:8px 12px;font-size:11px;color:#999}
.msg-search::before{content:'🔍';font-size:12px}
.msg-search input{border:none;outline:none;flex:1;font-size:12px;background:transparent;color:#333}
.msg-search input::placeholder{color:#bbb}
.msl{padding:0 12px}
.msi{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #F3F4F6;cursor:pointer;position:relative}
.msi:last-child{border:none}
.msi .av{width:50px;height:50px;border-radius:50%;background:#F3F4F6;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative}
.msi .av .on{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid #fff}
.msi .if{flex:1;min-width:0}
.msi .if .nm{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.msi .if .nm .tm{font-size:10px;color:#bbb;font-weight:400}
.msi .if .ls{font-size:12px;color:#888;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msi .bdg{background:var(--red);color:#fff;font-size:9px;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 5px;border-radius:10px;flex-shrink:0}
.msi .pin{position:absolute;left:0;top:14px;width:3px;height:14px;background:var(--blue);border-radius:0 3px 3px 0;display:none}
.msi .pin.sh{display:block}
.msi .av .vip{position:absolute;top:-2px;right:-2px;font-size:10px;background:#FFD700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.ms-empty{text-align:center;padding:80px 20px;color:#999}
.ms-empty .ei{font-size:56px;margin-bottom:12px;opacity:.25}
.ms-empty .et{font-size:14px;margin-bottom:4px}
.ms-empty .es{font-size:11px;color:#bbb}