*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;background:#faf8f5;color:#2d2a26;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;border:0}
.mh-nav{background:#fff;border-bottom:1px solid #f0ebe5;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 6px rgba(0,0,0,0.04)}
.mh-logo{font-size:18px;font-weight:800;color:#e85d4a;letter-spacing:1px}
.mh-logo span{color:#f4a261}
.mh-back{font-size:13px;color:#8c857e;padding:6px 14px;border:1px solid #e8e3dd;border-radius:20px;transition:all 0.2s}
.mh-back:hover{background:#e85d4a;color:#fff;border-color:#e85d4a}
.mh-search{background:linear-gradient(135deg,#fff5f2 0%,#fef0eb 100%);padding:24px 16px 20px;text-align:center;border-bottom:1px solid #f0e6e0}
.mh-search-box{max-width:560px;margin:0 auto;position:relative}
.mh-search-box input{width:100%;padding:14px 48px 14px 20px;border:2px solid #f0e0d8;border-radius:30px;background:#fff;font-size:15px;color:#2d2a26;outline:none;transition:all 0.3s}
.mh-search-box input:focus{border-color:#e85d4a;box-shadow:0 4px 16px rgba(232,93,74,0.12)}
.mh-search-box input::placeholder{color:#c4bab3}
.mh-search-box button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:#e85d4a;color:#fff;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center}
.mh-search-box button:hover{background:#d44a3a;transform:translateY(-50%) scale(1.05)}
.mh-search-box button svg{width:18px;height:18px;fill:currentColor}
.mh-search-tips{margin-top:12px;font-size:12px;color:#b8a89e}
.mh-search-tips span{display:inline-block;margin:0 6px;padding:3px 10px;background:#fff;border-radius:12px;border:1px solid #f0e0d8;cursor:pointer;transition:all 0.2s}
.mh-search-tips span:hover{background:#e85d4a;color:#fff;border-color:#e85d4a}
.mh-hero{background:#fff;padding:20px 16px 16px;text-align:center;border-bottom:1px solid #f0ebe5}
.mh-hero h1{font-size:22px;font-weight:800;color:#2d2a26;margin-bottom:4px}
.mh-hero p{font-size:13px;color:#b8a89e}
.mh-filter{padding:16px 12px 8px;max-width:1400px;margin:0 auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mh-tag{font-size:13px;padding:6px 16px;border-radius:20px;background:#fff;border:1px solid #e8e3dd;color:#6b6560;cursor:pointer;transition:all 0.2s}
.mh-tag:hover,.mh-tag.on{background:#e85d4a;color:#fff;border-color:#e85d4a}
.mh-waterfall{padding:12px 12px 24px;max-width:1400px;margin:0 auto;column-count:2;column-gap:12px}
.mh-item{display:inline-block;width:100%;margin-bottom:12px;break-inside:avoid;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform 0.25s,box-shadow 0.25s;border:1px solid #f5f0eb}
.mh-item:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,0.1)}
.mh-cover{position:relative;overflow:hidden;background:#f5f0eb}
.mh-cover img{width:100%;height:auto;display:block;transition:transform 0.4s}
.mh-item:hover .mh-cover img{transform:scale(1.05)}
.mh-badge{position:absolute;top:10px;left:10px;background:rgba(232,93,74,0.9);color:#fff;font-size:11px;padding:3px 10px;border-radius:12px;font-weight:600}
.mh-badge.new{background:rgba(76,175,80,0.9)}
.mh-badge.hot{background:rgba(255,152,0,0.9)}
.mh-body{padding:12px 14px 14px}
.mh-name{font-size:15px;font-weight:700;color:#2d2a26;margin-bottom:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mh-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:#a39e99}
.mh-meta dot{width:4px;height:4px;background:#d4cfc9;border-radius:50%;display:inline-block}
.mh-meta .mh-chapter{color:#e85d4a;font-weight:600}
.mh-snippet{font-size:13px;color:#7a756f;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mh-rating{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;color:#f4a261}
.mh-rating svg{width:14px;height:14px;fill:currentColor}
.mh-page{padding:16px 12px 32px;text-align:center;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.mh-page a,.mh-page span{font-size:13px;padding:8px 14px;border-radius:10px;background:#fff;border:1px solid #e8e3dd;color:#6b6560;min-width:36px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s}
.mh-page a:hover{background:#e85d4a;color:#fff;border-color:#e85d4a}
.mh-page .cur{background:#2d2a26;color:#fff;border-color:#2d2a26}
.mh-page .dot{border:none;background:transparent}
.mh-foot{background:#2d2a26;padding:24px 16px;text-align:center}
.mh-foot a{color:rgba(255,255,255,0.65);font-size:13px;margin:0 14px;transition:color 0.2s}
.mh-foot a:hover{color:#f4a261}
.mh-foot p{margin-top:12px;font-size:12px;color:rgba(255,255,255,0.35)}
@media(min-width:640px){.mh-waterfall{column-count:3;column-gap:14px;padding:16px 16px 28px}.mh-item{margin-bottom:14px}}
@media(min-width:1024px){.mh-waterfall{column-count:4;column-gap:16px;padding:20px 20px 32px}.mh-item{margin-bottom:16px}.mh-hero{padding:24px 20px 18px}.mh-hero h1{font-size:26px}.mh-search{padding:28px 20px 22px}}
@media(min-width:1400px){.mh-waterfall{column-count:5;column-gap:18px;padding:24px 24px 36px}.mh-item{margin-bottom:18px}}
.mh-item:focus-within{outline:2px solid #e85d4a;outline-offset:2px}


.mh-detail-btn-wrap{text-align:center;clear:both;padding:0px 0 20px}
.mh-detail-btn{display:inline-block;padding:14px 48px;background:linear-gradient(135deg,#e85d4a,#f4a261);color:#fff;font-size:16px;font-weight:700;border-radius:28px;box-shadow:0 4px 16px rgba(232,93,74,0.3);transition:all 0.2s}
.mh-detail-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(232,93,74,0.4)}