*{margin:0;padding:0;box-sizing:border-box}
html{font-size:13.653vw}
body{font-family:"PingFang SC","Noto Sans SC","Helvetica Neue",sans-serif;font-size:16px;background:#fff;color:#333;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
#app{max-width:750px;margin:0 auto;min-height:100vh;padding-bottom:80px;background:#fff}
.header{display:flex;justify-content:space-around;padding:8px 12px;align-items:center;background:#fff;position:sticky;top:0;z-index:10}
.header_left{display:flex;align-items:center;flex:1;text-align:left}
.header_logo{width:auto;max-height:50px}
.header_title{flex:1;font-size:18px;font-family:"PingFang SC",sans-serif;font-weight:700;color:#1f285a;text-align:center}
.header_right{flex:1;text-align:right}
.body{padding:0 0 20px}
.slideimg{width:100%;overflow:hidden}
.carousel{position:relative;width:100%;aspect-ratio:16/7;overflow:hidden}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .6s ease}
.slide img{width:100%;height:100%;object-fit:cover}
.dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .3s}
.dot.active{background:#fff}
.marquee-container{display:flex;align-items:center;padding:8px 12px;background:#f3f6ff;overflow:hidden}
.trumpet-icon{flex-shrink:0;margin-right:8px;display:flex;align-items:center}
.marquee-wrapper{flex:1;overflow:hidden;position:relative}
.marquee{white-space:nowrap;color:#6478b1;font-size:14px;animation:marquee-scroll 10s linear infinite}
@keyframes marquee-scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.centerArea{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
.lbox{flex:1}
.userName{font-size:16px;color:#e64942;font-weight:600;display:block}
.bcontent{margin-top:4px}
.money{font-size:18px;font-weight:700;color:#1f285a}
.robx{flex-shrink:0;text-align:center}
.menuImg{width:40px;height:40px;border-radius:50%;margin:0 auto}
.b_Text{font-size:12px;color:#6478b1;display:block;margin-top:2px}
.typeMark{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.l_img{height:24px;width:auto}
.allgame{font-size:14px;color:#6478b1;background:#eef2ff;padding:4px 12px;border-radius:20px}
.innerBox{display:flex;flex-wrap:wrap;padding:0 8px;justify-content:flex-start}
.game_item{width:calc(50% - 8px);margin:4px;background:#f8f9ff;border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s}
.game_item:active{transform:scale(.97)}
.app_info{display:flex;flex-direction:column;align-items:center;width:100%}
.app_logo{width:60px;height:60px;border-radius:12px;object-fit:cover;margin-bottom:6px}
.game_name{font-size:14px;font-weight:600;color:#1f285a;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.gameText{font-size:12px;color:#6478b1;margin:4px 0;min-height:16px}
.start_btn{display:inline-block;background:linear-gradient(135deg,#4a6cf7,#6478b1);color:#fff;font-size:12px;padding:4px 16px;border-radius:20px;margin-top:4px}
.cat-tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cat-tab{padding:6px 16px;border-radius:20px;font-size:13px;color:#6478b1;background:#eef2ff;white-space:nowrap;flex-shrink:0}
.cat-tab.active{background:#1f285a;color:#fff}
.contact-page{padding:16px}
.contact-card{display:flex;align-items:center;padding:14px;background:#f8f9ff;border-radius:10px;margin-bottom:10px}
.contact-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.contact-icon-placeholder{width:40px;height:40px;border-radius:50%;background:#6478b1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}
.contact-info{flex:1;margin-left:12px}
.contact-name{font-size:15px;font-weight:600;color:#1f285a;display:block}
.contact-type{font-size:12px;color:#999;display:block;margin-top:2px}
.contact-value{font-size:13px;color:#6478b1;flex-shrink:0}
.tools-page{padding:0}
.publish-page{padding:16px}
.publish-content{line-height:1.8;font-size:14px;color:#555}
.publish-content img{max-width:100%;border-radius:8px;margin:8px 0}
.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:14px}
.bottom-navigation{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(0deg,#fff,#f3f6ff);position:fixed;bottom:0;left:0;right:0;max-width:750px;margin:0 auto;padding:8px 0 env(safe-area-inset-bottom,8px);z-index:999999;box-shadow:0 -1px 10px rgba(0,0,0,.05)}
.nav-item{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;flex:1}
.nav-item span{color:#6478b1;font-size:12px;margin-top:2px}
.nav-item.active span{color:#1f285a;font-weight:600}
.icon{width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}
.nav-item.active .icon{opacity:1}
.icon-contact{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236478b1'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E")}
.icon-home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236478b1'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E")}
.icon-game{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236478b1'%3E%3Cpath d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E")}
.icon-more{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236478b1'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E")}
.icon-my{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236478b1'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E")}