/* yykr.asia 生活清单式骨架（2026-10-26）— 顶部胶囊 + 横滑分类带 + 单列横卡 */
.yk3-top { position: fixed; top: 0; left: 0; right: 0; z-index: 80; display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: #1F2937; color: #fff; max-width: 480px; margin: 0 auto; }
.yk3-menu, .yk3-me { font-size: 13px; color: #fff; text-decoration: none; flex: none; }
.yk3-find { flex: 1; display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 20px; padding: 6px 12px; }
.yk3-find b { font-size: 12px; color: #1F2937; white-space: nowrap; }
.yk3-find input { flex: 1; border: none; outline: none; font-size: 12px; background: transparent; color: #333; }
.yk3-gap { height: 52px; }
.yk3-notice { background: #F5EFE4; color: #6B6355; font-size: 11px; text-align: center; padding: 7px 10px; }

.yk3-band { display: flex; gap: 8px; overflow-x: auto; padding: 10px 12px; background: #fff; border-bottom: 1px solid #ECE5D8; scrollbar-width: none; }
.yk3-band::-webkit-scrollbar { display: none; }
.yk3-band a { flex: none; padding: 6px 14px; border: 1px solid #DDD2BD; border-radius: 16px; font-size: 12.5px; color: #4B4538; white-space: nowrap; }
.yk3-band a.on { background: #1F2937; color: #fff; border-color: #1F2937; }

.yk3-promo { display: flex; gap: 10px; overflow-x: auto; margin: 10px 12px 0; scrollbar-width: none; }
.yk3-promo::-webkit-scrollbar { display: none; }
.yk3-promo div { flex: 0 0 72%; background: #1F2937; color: #F3E9D6; padding: 12px; font-size: 11.5px; line-height: 1.6; }
.yk3-promo b { display: block; font-size: 14px; color: #E0B36A; margin-bottom: 3px; }

.yk3-floor { margin: 16px 12px 0; background: #fff; border: 1px solid #ECE5D8; }
.yk3-fhead { padding: 12px; border-bottom: 1px solid #ECE5D8; }
.yk3-fhead h2 { font-size: 17px; color: #1F2937; }
.yk3-fhead p { font-size: 11.5px; color: #8B8372; margin-top: 3px; }
.yk3-list { display: grid; grid-template-columns: 1fr; }
.yk3-card { display: flex; gap: 12px; padding: 12px; border-bottom: 1px solid #F0EBE1; }
.yk3-card:last-child { border-bottom: none; }
.yk3-card img { width: 104px; height: 104px; object-fit: cover; flex: none; background: #F2EDE3; }
.yk3-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.yk3-name { font-size: 13.5px; line-height: 1.5; color: #2B2A26; }
.yk3-meta { font-size: 11px; color: #8B8372; margin-top: 4px; }
.yk3-price { font-size: 18px; font-weight: 800; color: #C0742B; margin-top: 6px; }
.yk3-more { text-align: center; padding: 14px 0; }
.yk3-more a { font-size: 13px; color: #C0742B; }

.yk3-essay { margin: 20px 12px 0; background: #fff; border: 1px solid #ECE5D8; padding: 16px 14px; }
.yk3-essay h2 { font-size: 18px; color: #1F2937; margin-bottom: 8px; }
.yk3-essay h3 { font-size: 14px; color: #1F2937; margin: 14px 0 6px; }
.yk3-essay p { font-size: 12.5px; line-height: 1.9; color: #4B473D; }
.yk3-faq dt { font-size: 12.5px; font-weight: 700; color: #1F2937; margin-top: 8px; }
.yk3-faq dd { font-size: 12px; color: #5F5A4D; line-height: 1.8; margin: 2px 0 0; }
.yk3-essay-end { font-size: 11px; color: #8B8372; margin-top: 14px; }
.yk3-count { padding: 12px 14px 0; font-size: 12px; color: #6B6355; }

@media (min-width: 768px) {
    .yk3-top { max-width: 1200px; padding: 10px 20px; }
    .yk3-gap { height: 60px; }
    .yk3-notice { font-size: 12px; padding: 9px; }
    .yk3-band { justify-content: center; padding: 12px; }
    .yk3-promo { max-width: 1200px; margin: 14px auto 0; gap: 16px; }
    .yk3-promo div { flex: 1 1 0; }
    .yk3-floor { max-width: 1200px; margin: 20px auto 0; }
    .yk3-fhead { padding: 14px 18px 10px; }
    .yk3-fhead h2 { font-size: 20px; }
    .yk3-card { padding: 12px 18px; gap: 16px; }
    .yk3-card img { width: 120px; height: 120px; }
    .yk3-name { font-size: 14.5px; }
    .yk3-meta { font-size: 11.5px; }
    .yk3-price { font-size: 20px; }
    .yk3-essay { max-width: 1200px; margin: 24px auto 0; padding: 24px; }
    .yk3-essay p { font-size: 13px; }
}