/* 落雨科技 - 全局样式 v2.0 */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f5f5;color:#1a1a1a;font-size:14px}
body{padding-bottom:60px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
input,button,select,textarea{font-family:inherit;font-size:14px}
.app{min-height:100vh;background:#f5f5f5}

/* 版权 footer */
.copyright{text-align:center;padding:24px 16px 80px;color:#999;font-size:12px;line-height:1.8;background:#f5f5f5}
.copyright .brand{color:#FF6B35;font-weight:bold;font-size:13px}
.copyright .copy-text{margin:6px 0}
.copyright .icp{font-size:11px}

/* ============ 底部 Tab 栏 ============ */
.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;background:#fff;padding:6px 0 8px;border-top:1px solid #eee;z-index:999;box-shadow:0 -2px 8px rgba(0,0,0,.04)}
.tabbar li{list-style:none;flex:1;text-align:center}
.tabbar li a{display:flex;flex-direction:column;align-items:center;color:#999;font-size:11px;padding:4px 0}
.tabbar li a i{display:block;width:24px;height:24px;margin-bottom:2px;background:#ccc;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.tabbar li.active a{color:#FF6B35}
.tabbar li.active a i{background:#FF6B35}
.tabbar li.center a i{background:#FF6B35}
.tabbar li.center a{color:#FF6B35;font-weight:bold}
.tabbar li.center a i{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0116 0v1'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0116 0v1'/></svg>")}
.tabbar li a i.ti-cart{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M3 3h2l2 13h12l2-9H7'/><circle cx='9' cy='20' r='1.5'/><circle cx='18' cy='20' r='1.5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M3 3h2l2 13h12l2-9H7'/><circle cx='9' cy='20' r='1.5'/><circle cx='18' cy='20' r='1.5'/></svg>")}
.tabbar li a i.ti-home{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M3 12l9-9 9 9M5 10v10h14V10'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M3 12l9-9 9 9M5 10v10h14V10'/></svg>")}
.tabbar li a i.ti-user{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0116 0v1'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0116 0v1'/></svg>")}
.tabbar li a i.ti-msg{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'/></svg>")}
.tabbar li a i.ti-me{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0116 0v1'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><circle cx='12' cy='8' r='4'/><path d='M4 21v-1a8 8 0 0116 0v1'/></svg>")}
.tabbar li a i.ti-grab{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3'/></svg>")}
.tabbar li a i.ti-list{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2'/><rect x='9' y='3' width='6' height='4' rx='1'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2'/><rect x='9' y='3' width='6' height='4' rx='1'/></svg>")}

/* 打手端 Tab 用绿色高亮 */
.tabbar-player li.active a{color:#7ED321}
.tabbar-player li.active a i{background:#7ED321}
.tabbar-player li.center a{color:#7ED321}
.tabbar-player li.center a i{background:#7ED321}

/* 通用 */
.btn{display:inline-block;padding:8px 18px;background:#FF6B35;color:#fff;border-radius:20px;border:none;cursor:pointer;font-size:14px}
.btn:active{opacity:.8}
.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.empty{text-align:center;padding:60px 20px;color:#999}
.empty .emoji{font-size:60px;margin-bottom:12px}
.empty .hint{font-size:12px;margin-top:8px}
.page-title{font-size:18px;font-weight:bold;padding:16px;background:#fff;border-bottom:1px solid #eee}
