*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:14px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f4f5f7;color:#1a1a2e;line-height:1.6}
a{color:#1a1a2e;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.m-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.m-logo{font-size:19px;font-weight:700;color:#fff;letter-spacing:1px}
.m-logo span{color:#e94560}
.m-nav{display:flex;gap:16px}
.m-nav a{color:rgba(255,255,255,0.7);font-size:13px;font-weight:500}
.m-nav a.active{color:#fff;position:relative}
.m-nav a.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#e94560;border-radius:1px}

.m-carousel{position:relative;background:#000}
.m-carousel .swiper-slide img{width:100%;height:210px;object-fit:cover}
.m-carousel .slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,0.65))}
.m-carousel .slide-title{color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,0.4)}

.carousel-arrow{position:absolute;top:50%;z-index:10;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.25);color:#fff;font-size:24px;font-weight:400;border-radius:50%;transition:background .2s;user-select:none;line-height:1;transform:translateY(-50%)}
.carousel-arrow-left{left:4px}
.carousel-arrow-right{right:4px}
.carousel-arrow:hover{background:rgba(0,0,0,0.5)}

.swiper-pagination{bottom:8px!important;display:flex;justify-content:center;align-items:center;gap:4px}
.swiper-pagination-bullet{width:6px;height:6px;background:rgba(255,255,255,0.5);opacity:1;border-radius:50%;display:inline-block;margin:0!important;transition:all .3s}
.swiper-pagination-bullet-active{width:18px;height:6px;border-radius:3px;background:#fff;opacity:1}

.m-section{margin:0 0 10px;background:#fff}
.m-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}
.m-section-title{font-size:16px;font-weight:700}
.m-section-more{font-size:12px;color:#999}

.m-featured-first{position:relative}
.m-featured-first .feat-img{width:100%;height:180px;object-fit:cover}
.m-featured-first .feat-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,0.6))}
.m-featured-first .feat-title{color:#fff;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.m-hot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eee}
.m-hot-item{background:#fff}
.m-hot-item .hot-img-wrap{position:relative}
.m-hot-item img{width:100%;height:110px;object-fit:cover}
.m-hot-item .hot-tag{position:absolute;top:8px;left:8px;background:rgba(233,69,96,0.9);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}
.m-hot-item .hot-title{padding:8px 10px 10px;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}

.m-cat-item{padding:12px 16px;border-bottom:1px solid #f0f0f0}
.m-cat-item:last-child{border-bottom:none}
.m-cat-item a{display:flex;gap:12px;align-items:flex-start}
.m-cat-item .cat-thumb{width:100px;height:72px;flex-shrink:0;border-radius:6px;object-fit:cover;background:#f0f0f0}
.m-cat-item .cat-info{flex:1;min-width:0}
.m-cat-item .cat-title{font-size:14px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-cat-item .cat-meta{font-size:11px;color:#aaa;margin-top:4px}

.m-question-item{padding:0 16px;border-bottom:1px solid #f0f0f0}
.m-question-item:last-child{border-bottom:none}
.m-question-item a{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:14px;line-height:1.5}
.m-question-item .q-rank{flex-shrink:0;width:22px;height:22px;background:#f0f0f0;border-radius:6px;text-align:center;line-height:22px;font-size:11px;color:#999;font-weight:700}
.m-question-item .q-rank.top3{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}
.m-question-item .q-text{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.m-question-item .q-time{flex-shrink:0;font-size:11px;color:#bbb}

.m-footer{background:#1a1a2e;color:rgba(255,255,255,0.6);padding:24px 20px 30px}
.m-footer .footer-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:14px;text-align:center}
.m-footer .footer-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:13px}
.m-footer .fl{color:rgba(255,255,255,0.4);flex-shrink:0;width:45px}
.m-footer .footer-hr{height:1px;background:rgba(255,255,255,0.1);margin:12px 0}
.m-footer .footer-beian{text-align:center;margin-top:10px}
.m-footer .footer-beian a{color:rgba(255,255,255,0.35);font-size:12px}
.m-bottom-spacing{height:10px}