/* ============================================
   编辑精选 (Featured Posts)  v2
   ============================================ */

/* ---- 模块容器 ---- */
.featured-module{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.08));border-radius:var(--theme-border-radius-xl,14px);border:1px solid rgba(255,255,255,.5);padding:24px 0}

/* ---- 标题行 ---- */
.featured-module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.featured-module-title{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:var(--theme-black-color,#2a2a3c)}
.featured-module-icon{color:#E87040;font-size:18px}
.featured-module-actions{display:flex;align-items:center;gap:12px}
.featured-nav{width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;user-select:none;transition:all .2s;position:relative}
.featured-nav:hover{background:rgba(255,255,255,.8);border-color:var(--theme-color)}
.featured-nav i{font-size:16px;color:#666;transition:color .2s;line-height:1}
.featured-nav:hover i{color:var(--theme-color)}
.featured-more-link{font-size:13px;color:var(--theme-color);text-decoration:none;font-weight:500;opacity:.8;transition:opacity .2s}
.featured-more-link:hover{opacity:1}

/* ---- 徽标 ---- */
.featured-badge {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-weight: 600;
    border-radius: 0 15px;
    padding: 2px 12px;
    line-height: 1.5;
    position: absolute;
    top: 0;
    right: 0;
}
.featured-badge-rec{background:#014DFF;color:#E8F0FE}
.featured-badge-hot{background:#FFECE5;color:#E84A2D}
.featured-badge-new{background:#E5F6E8;color:#1A8A3F}
.featured-badge-pro{background:#FFF0E5;color:#E87D20}

/* ---- 公共 ---- */
.featured-scroll-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.featured-scroll-cat{font-size:12px;color:#999}
.featured-scroll-title{font-size:16px;font-weight:600;line-height:1.5;color:var(--theme-black-color,#2a2a3c);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.featured-scroll-avatar img,.featured-scroll-avatar .avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;display:block}
.featured-scroll-name{font-size:12px;color:#666;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.featured-scroll-date{font-size:11px;color:#aaa;flex-shrink:0;margin-left:auto}
.featured-no-img{font-size:36px;color:rgba(0,0,0,.1)}

/* ---- 横向滚动 ---- */
.featured-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0 6px}
.featured-scroll::-webkit-scrollbar{display:none}
.featured-scroll-card{flex:0 0 268px;scroll-snap-align:start;background:rgba(255,255,255,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5);border-radius:var(--theme-border-radius-xl,14px);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.03),0 4px 24px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.featured-scroll-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px rgba(0,0,0,.06),0 8px 36px rgba(0,0,0,.08);color:inherit;text-decoration:none}
.featured-scroll-thumb{width:100%;height:140px;background:linear-gradient(135deg,#e8e4ff,#dceefb);display:flex;align-items:center;justify-content:center;overflow:hidden}
.featured-scroll-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.featured-scroll-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.featured-scroll-author{display:flex;align-items:center;gap:8px;margin-top:auto}

/* ---- 杂志头条 ---- */
.featured-magazine-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
@media(max-width:991px){.featured-magazine-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:575px){.featured-magazine-grid{grid-template-columns:1fr}}
.featured-magazine-hero{grid-row:span 2;display:flex;flex-direction:column;background:rgba(255,255,255,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5);box-shadow: 0px 8px 15px rgb(237 237 237);border-radius:var(--theme-border-radius-xl,14px);overflow:hidden;transition:transform .25s ease;text-decoration:none;color:inherit}
.featured-magazine-hero:hover{transform:translateY(-3px);color:inherit;text-decoration:none}
@media(max-width:991px){.featured-magazine-hero{grid-row:auto}}
.featured-magazine-hero-thumb{width:100%;height:300px;flex-shrink:0;background:linear-gradient(135deg,#d5cfff,#b8dffb);display:flex;align-items:center;justify-content:center;overflow:hidden}
.featured-magazine-hero-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.featured-magazine-hero-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.featured-magazine-hero-title{font-size:20px;font-weight:700;line-height:1.45;color:var(--theme-black-color,#2a2a3c);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-magazine-hero-excerpt{font-size:13px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-magazine-hero-author{display:flex;align-items:center;gap:10px;margin-top:auto}
.featured-magazine-hero-avatar img,.featured-magazine-hero-avatar .avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}
.featured-magazine-subs{display:grid;grid-template-columns:1fr 1fr;height: calc(100% + 16px) !important;gap:16px}
@media(max-width:575px){.featured-magazine-subs{grid-template-columns:1fr}}
.featured-magazine-sub{display:flex;flex-direction:column;background:rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(229,229,229,.45);box-shadow: 0px 8px 15px rgb(237 237 237);border-radius:var(--theme-border-radius-xl,14px);overflow:hidden;transition:transform .25s ease;text-decoration:none;color:inherit}
.featured-magazine-sub:hover{transform:translateY(-2px);color:inherit;text-decoration:none}
.featured-magazine-sub-thumb{width:100%;height:123px;background:linear-gradient(135deg,#e8e4ff,#dceefb);display:flex;align-items:center;justify-content:center;overflow:hidden}
.featured-magazine-sub-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.featured-magazine-sub-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.featured-magazine-sub-title{font-size:16px;font-weight:600;line-height:1.4;color:var(--theme-black-color,#2a2a3c);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-magazine-sub-author{display:flex;align-items:center;gap:8px;margin-top:auto}
.featured-magazine-sub-author .featured-scroll-avatar img,.featured-magazine-sub-author .featured-scroll-avatar .avatar{width:18px;height:18px}
@media(max-width:768px){.featured-module{padding:16px 14px 14px}.featured-scroll-card{flex:0 0 220px}}