/* ===== kuyumi.net - 列表页 & 文章详情页 共用样式 ===== */

*,*::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:#333;line-height:1.6}
a{color:#333;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ===== Header (共用) ===== */
.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-logo svg{vertical-align:-3px;margin-right:6px}
.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::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#e94560;border-radius:1px}
.m-nav a.active{color:#fff;position:relative}

/* ===== Breadcrumb (共用) ===== */
.nav-list{padding:10px 16px;background:#fff;border-bottom:1px solid #eee;font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== 列表页样式 ===== */
.list-title{font-size:18px;color:#333;padding:12px 16px;margin:0;background:#fff}
.news-main{max-width:850px;margin:16px auto;background:#fff;border-radius:8px;overflow:hidden}
.news-item{padding:16px 18px;border-bottom:1px solid #f0f0f0;transition:background .2s}
.news-item:active{background:#f8f9fa}
.news-item:last-child{border-bottom:none}
.news-item-inner{display:flex;gap:12px;align-items:flex-start}
.news-content{flex:1;min-width:0}
.news-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:6px;color:#1a1a2e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-title a{color:#1a1a2e}
.time{font-size:12px;color:#bbb;margin-bottom:8px}
.item-content{font-size:13px;color:#888;line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.seemore{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#e94560;font-weight:500}
.seemore .more{display:inline-block;width:5px;height:5px;border-top:2px solid #e94560;border-right:2px solid #e94560;transform:rotate(45deg);margin-top:-2px}
.news-thumb{width:110px;height:80px;flex-shrink:0;border-radius:6px;object-fit:cover;background:#f0f0f0}

/* ===== 分页 ===== */
.page{text-align:center;padding:16px;background:#fff;margin:10px 0;font-size:13px}
.page a{display:inline-block;padding:5px 11px;margin:0 2px 4px;border:1px solid #e0e0e0;border-radius:4px;color:#666}
.page a:hover{background:#e94560;color:#fff;border-color:#e94560}
.page .pagecur{display:inline-block;padding:5px 11px;margin:0 2px 4px;background:#e94560;color:#fff;border-radius:4px;border:1px solid #e94560;font-weight:600}
.page .pagebreak{display:inline-block;padding:5px 6px;color:#ccc}

/* ===== 文章详情页样式 ===== */
.news-detail-wrap{max-width:850px;margin:16px auto;background:#fff;border-radius:8px;overflow:hidden;padding:30px 28px 20px}
.news-detail-wrap .title{text-align:left;padding-bottom:12px;border-bottom:1px solid #f0f0f0}
.news-detail-wrap .title h1{font-size:22px;line-height:1.4;color:#1a1a2e;font-weight:700}
.news-detail-wrap .time{font-size:13px;color:#bbb;padding:10px 0 20px}
.news-detail-wrap .content{font-size:16px;line-height:1.8;color:#444;word-break:break-word}
.news-detail-wrap .content img{max-width:100%!important;height:auto!important;display:block;margin:20px auto;border-radius:6px}
.news-detail-wrap .content img[src=""],.news-detail-wrap .content img:not([src]){display:none!important}

/* ===== 上下篇 ===== */
.nav-article{display:flex;flex-direction:column;gap:4px;margin:24px 0 0;padding:16px 0;border-top:1px solid #f0f0f0;font-size:14px}
.nav-article .last-article,.nav-article .next-article{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-article .last-article{text-align:left}
.nav-article .next-article{text-align:right}
.nav-article a{color:#e94560}

/* ===== 相关阅读 ===== */
.relevant{margin:8px 0 0;padding:14px 0 0;border-top:1px solid #f0f0f0}
.relevant .explain{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.relevant .explain span{display:inline-block;width:4px;height:18px;background:#e94560;border-radius:2px}
.relevant-article{list-style:none;padding:0}
.relevant-article li{padding:8px 0;border-bottom:1px solid #f5f5f5}
.relevant-article li:last-child{border-bottom:none}
.relevant-article li a{font-size:14px;color:#555;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.relevant-article li a:before{content:">";color:#e94560;font-weight:700;margin-right:8px}
.relevant-article li a:hover{color:#e94560}
.rel-summary{font-size:13px;color:#888;line-height:1.5;margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* ===== Footer (共用) ===== */
.m-footer{background:#1a1a2e;color:rgba(255,255,255,0.6);padding:24px 20px 30px;margin-top:10px}
.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;text-align:start}
.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}

/* ===== 移动端适配 ===== */
@media (max-width:480px){
    .news-main{max-width:100%;margin:0;border-radius:0}
    .news-detail-wrap{max-width:100%;margin:0;border-radius:0;padding:16px 14px}
    .news-detail-wrap .title h1{font-size:19px}
    .news-detail-wrap .content{font-size:15px;line-height:1.7}
    .news-detail-wrap .content img{margin:14px auto;border-radius:4px}
    .news-item{padding:12px 14px}
    .news-thumb{width:90px;height:66px}
    .news-title{font-size:15px}
    .nav-article .next-article{text-align:left}
}