*{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:16px;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}
.section-h2{background:#eef7f1;border:1px solid #dcf3e2;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:14px;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}

/* 汉堡菜单样式 */
.hamburger-header {position:fixed;top:0;left:0;right:0;height:50px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.1);z-index:999;display:flex;align-items:center;padding:0 15px;}
.hamburger-btn {width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;}
.hamburger-btn span {display:block;height:3px;background:#333;border-radius:3px;transition:all 0.3s;}
.hamburger-menu {position:fixed;top:50px;left:-100%;width:80%;max-width:300px;height:calc(100vh - 50px);background:#fff;box-shadow:2px 0 10px rgba(0,0,0,0.1);transition:left 0.3s;z-index:998;padding:20px 0;}
.hamburger-menu.active {left:0;}
.hamburger-menu a {display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:15px;border-bottom:1px solid #f5f5f5;}
.hamburger-menu a:hover {background:#f8f9fa;color:#007bff;}
.body-wrap {margin-top:50px;}

/* 专题列表样式 */
.topic-item {
    background:#fff;
    border-radius:12px;
    padding:15px;
    margin-bottom:15px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    display:flex;
    gap:15px;
    align-items:center;
    text-decoration: none !important; /* 去除下划线 */
}
.topic-item img {width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.topic-info {flex:1;}
.topic-info h3 {margin:0 0 5px;font-size:16px;color:#333; text-decoration: none;}
.topic-info p {margin:0;font-size:13px;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; text-decoration: none;}
.topic-time {font-size:12px;color:#ccc;margin-top:5px;display:block; text-decoration: none;}

/* 分页样式 */
.pagination {display:flex;justify-content:center;gap:8px;margin:30px 0;}
.pagination a,.pagination span {padding:8px 14px;border-radius:8px;font-size:14px;text-decoration:none;}
.pagination a {background:#f5f5f5;color:#333;}
.pagination a:hover {background:#007bff;color:#fff;}
.pagination span.current {background:#007bff;color:#fff;}
.pagination span.disabled {background:#eee;color:#999;cursor:not-allowed;}

/* 常见问题区域 - 手机端优化 */
        .faq-section {
            background-color: #fff;
            padding: 25px 15px;
            border-radius: 10px;
            margin: 15px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }
        
        .faq-list {
            margin-top: 15px;
        }
        
        .faq-item {
            margin-bottom: 15px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 15px;
        }
        
        .faq-question {
            font-size: 13px; /* 调整问题字号 */
            font-weight: 600;
            color: #333;
            margin-bottom: 6px;
            display: flex;
            align-items: flex-start; /* 让问题文字顶部对齐 */
        }
        
        .faq-question::before {
            content: "Q:";
            color: #ff6700;
            margin-right: 8px;
            font-weight: bold;
            margin-top: 2px;
        }
        
        .faq-answer {
            font-size: 12px; /* 调整回答字号 */
            color: #666;
            padding-left: 22px;
            line-height: 1.6;
        }
        
        .faq-answer::before {
            content: "A:";
            color: #4CAF50;
            margin-right: 8px;
            font-weight: bold;
        }
        .section-title {
            font-weight: 600;
            margin-bottom: 12px;
            color: #4CAF50;
        }