*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}
body{background:#f7faf8;color:#333;font-size:14px;line-height:1.6;padding-bottom:80px}

/*顶部头部*/
.top-head{background:#ffffff;padding:20px 16px;text-align:center;border-bottom:1px solid #f0f4f1}
.top-head h1{font-size:20px;color:#28a745;font-weight:600;margin-bottom:6px}
.top-head p{font-size:12px;color:#888}

/*导航栏*/
.tab-nav{display:flex;background:#fff;margin:12px 16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(40,167,69,0.06)}
.tab-item{flex:1;text-align:center;padding:12px 0;font-size:14px;color:#666;position:relative}
.tab-item.active{color:#28a745;font-weight:500}
.tab-item.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:#28a745;border-radius:3px}

/*内容容器*/
.container{padding:0 16px}
.tip-box{background:#eef7f1;border:1px solid #dcf3e2;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:13px;color:#217234}

/*卡片全新样式*/
.app-card{background:#fff;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 3px 12px rgba(0,0,0,0.04);display:flex;align-items:center;gap:12px;position:relative}
.new-badge{position:absolute;top:12px;right:12px;background:#ff4d4f;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px}

.app-logo{width:52px;height:52px;border-radius:14px;overflow:hidden;background:#f1f8f4}
.app-logo img{width:100%;height:100%;object-fit:cover}

.app-info{flex:1}
.app-name{font-size:15px;font-weight:600;margin-bottom:4px}
.app-score{color:#ffab00;font-size:12px}

/*标签美化*/
.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.app-tag{font-size:10px;padding:2px 7px;border-radius:8px}
.tag-hot{background:#fff1f0;color:#ff4d4f}
.tag-fast{background:#eef7f1;color:#28a745}
.tag-new{background:#fef7e8;color:#faad14}
.tag-normal{background:#f5f7fa;color:#666}

.app-desc{font-size:11px;color:#999;margin-top:4px}
.app-desc {
  /* 多行文本溢出控制的核心属性 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示2行 */
  overflow: hidden;
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  
  /* 可选：增强兼容性和视觉效果 */
  width: 100%; /* 确保容器有宽度限制 */
  word-break: break-all; /* 允许长单词或URL在任意字符间断行[6](@ref) */
}

/*下载按钮*/
.down-btn{background:linear-gradient(90deg,#34c759,#28a745);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:500}

/*统计模块*/
.count-box{background:#fff;border-radius:16px;padding:16px;margin:10px 0;display:flex;justify-content:space-around;text-align:center}
.count-item .num{font-size:18px;font-weight:600;color:#28a745}
.count-item .txt{font-size:11px;color:#999}

/*滚动公告*/
.notice-box{background:#fff;border-radius:12px;height:42px;overflow:hidden;margin:10px 0;display:flex;align-items:center;font-size: 12px;padding:0 12px}
.notice-title{color:#28a745;margin-right:10px;font-size:14px}

/*页面切换*/
.page-box{display:none}
.page-box.active{display:block}

/*底部*/
.footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px;text-align:center;font-size:11px;color:#aaa;border-top:1px solid #eee}

/*问卷模块美化*/
.question-card{background:#fff;border-radius:16px;padding:16px;margin:10px 0}
.question-title{font-size:15px;font-weight:600;margin-bottom:10px;color:#28a745}
.ques-item{background:#f7faf8;border-radius:10px;padding:12px;margin-bottom:8px;border:1px solid #f0f4f1}
.ques-item.active{border-color:#28a745;background:#eef7f1}
.ok-btn{width:100%;background:#28a745;color:#fff;border:none;border-radius:10px;padding:12px;margin-top:10px}
.result-box{background:linear-gradient(90deg,#34c759,#28a745);color:#fff;border-radius:12px;padding:14px;margin-top:12px;display:none}