/* 今日精选 Pro - 双列版式 (左头条 + 右飙升) */
.yxyh-tp{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.yxyh-tp *{box-sizing:border-box}
.yxyh-tp a{text-decoration:none;color:inherit}

/* 头部 */
.yxyh-tp-head{display:flex;align-items:center;gap:10px;min-height:24px;flex-wrap:wrap}
.yxyh-tp-title{display:flex;align-items:baseline;gap:8px;min-width:0;flex-shrink:0}
.yxyh-tp-title-text{font-size:15px;font-weight:600;color:var(--ls-text,#1f2937)}
.yxyh-tp-title-sub{font-size:12px;color:var(--ls-text-muted,#9ca3af)}
.yxyh-tp-tags{display:flex;gap:6px;flex:0 0 auto;min-width:0}
.yxyh-tp-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1;padding:4px 8px;border-radius:999px;background:var(--ls-bg-secondary,#f5f6f7);color:var(--ls-text-secondary,#6b7280);cursor:pointer;transition:.2s;user-select:none}
.yxyh-tp-tag:hover{background:rgba(59,130,246,.12);color:var(--ls-primary,#3b82f6)}
.yxyh-tp-tag.is-pin{background:rgba(245,158,11,.12);color:#d97706}
.yxyh-tp-tag.is-pin:hover{background:rgba(245,158,11,.22);color:#b45309}
.yxyh-tp-tag i{font-size:12px}

/* 头部统计条（纯文字 inline，无胶囊；默认只显示图标+数字，hover 时滑出名称） */
.yxyh-tp-headstats{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;font-size:12px;color:var(--ls-text-secondary,#6b7280);line-height:1}
.yxyh-tp-headstat{display:inline-flex;align-items:center;gap:4px;cursor:default;transition:color .18s}
.yxyh-tp-headstat:hover{color:var(--ls-primary,#3b82f6)}
.yxyh-tp-headstat:hover b{color:var(--ls-primary,#3b82f6)}
.yxyh-tp-headstat i{font-size:14px;opacity:.8;line-height:1}
.yxyh-tp-headstat b{font-weight:700;color:var(--ls-text,#1f2937);font-feature-settings:"tnum"}
.yxyh-tp-headstat em{font-style:normal;font-size:11px;font-weight:500;margin-left:1px;opacity:.85}
.yxyh-tp-headstat span{color:var(--ls-text-muted,#9ca3af);max-width:0;overflow:hidden;white-space:nowrap;opacity:0;margin-left:0;transition:max-width .28s ease,opacity .22s ease,margin-left .22s ease}
.yxyh-tp-headstat:hover span{max-width:60px;opacity:1;margin-left:2px}
.yxyh-tp-headstat + .yxyh-tp-headstat::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--ls-border,#d1d5db);margin-right:8px;opacity:.7}

/* 第一行：左 头条 + 右 飙升列表 */
.yxyh-tp-row1{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:12px}
.yxyh-tp-row1:not(:has(.yxyh-tp-pin)){grid-template-columns:1fr}
.yxyh-tp-row1:not(:has(.yxyh-tp-trend)){grid-template-columns:1fr}

/* A 头条（左侧，支持轮播；纯图 + 底部标题浮层） */
.yxyh-tp-pin-wrap{position:relative;min-width:0;display:flex;flex-direction:column}
.yxyh-tp-pin-track{position:relative;flex:1;min-height:180px;display:grid;border-radius:10px;overflow:hidden;background:var(--ls-bg-secondary,#f9fafb);border:1px solid var(--ls-border,#eef0f3)}
.yxyh-tp-pin{position:relative;display:block;width:100%;height:100%;background:transparent;transition:.25s}
.yxyh-tp-pin-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s;pointer-events:none}
.yxyh-tp-pin-slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition:opacity .5s ease,transform .5s ease,visibility 0s linear 0s;pointer-events:auto;z-index:1}
.yxyh-tp-pin-wrap:hover .yxyh-tp-pin-slide.is-active{box-shadow:var(--ls-shadow-sm,0 6px 16px rgba(0,0,0,.06))}
.yxyh-tp-pin-cover{position:absolute;inset:0;background:#e5e7eb center/cover no-repeat;transition:transform .6s ease}
.yxyh-tp-pin:hover .yxyh-tp-pin-cover{transform:scale(1.04)}
.yxyh-tp-pin-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;letter-spacing:.5px;z-index:2}
.yxyh-tp-pin-bbs{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;backdrop-filter:blur(2px);z-index:2}
.yxyh-tp-pin-caption{position:absolute;left:0;right:0;bottom:0;padding:24px 70px 10px 12px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 100%);z-index:2}
.yxyh-tp-pin-title{font-size:13px;font-weight:600;line-height:1.4;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.4)}

/* 轮播指示点（叠加在封面右下角） */
.yxyh-tp-pin-dots{position:absolute;right:10px;bottom:10px;display:flex;gap:6px;pointer-events:none;z-index:3}
.yxyh-tp-pin-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.25);cursor:pointer;pointer-events:auto;transition:.2s}
.yxyh-tp-pin-dot:hover{background:rgba(255,255,255,.85)}
.yxyh-tp-pin-dot.is-active{background:#fff;width:16px;border-radius:3px}

/* 飙升列表（右侧，纯文字版） */
.yxyh-tp-trend{display:flex;flex-direction:column;justify-content:space-between;gap:0;border-radius:10px;background:var(--ls-bg-secondary,#f9fafb);border:1px solid var(--ls-border,#eef0f3);padding:6px 8px;min-width:0;height:100%}
.yxyh-tp-trend-card{position:relative;display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;transition:.18s;min-width:0;flex:1 1 0;min-height:0}
.yxyh-tp-trend-card:hover{background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.yxyh-tp-trend-card:hover .yxyh-tp-trend-title{color:var(--ls-primary,#3b82f6)}

.yxyh-tp-trend-rank{flex-shrink:0;width:22px;text-align:center;font-size:13px;font-weight:700;font-style:italic;color:#9ca3af;line-height:1;font-feature-settings:"tnum"}
.yxyh-tp-trend-card:nth-child(1) .yxyh-tp-trend-rank{color:#ef4444}
.yxyh-tp-trend-card:nth-child(2) .yxyh-tp-trend-rank{color:#f97316}
.yxyh-tp-trend-card:nth-child(3) .yxyh-tp-trend-rank{color:#f59e0b}

.yxyh-tp-trend-info{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:1}
.yxyh-tp-trend-title{font-size:13px;font-weight:500;line-height:1.4;color:var(--ls-text,#1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:color .2s}
.yxyh-tp-trend-meta{display:inline-flex;align-items:center;flex-shrink:0;font-size:11px}
.yxyh-tp-trend-label{display:inline-flex;align-items:center;gap:1px;color:#ef4444;white-space:nowrap}
.yxyh-tp-trend-label.is-new{color:#10b981}
.yxyh-tp-trend-label i{font-size:13px;margin-right:1px}

/* 紧凑屏幕兜底 */
@media (max-width:680px){
    .yxyh-tp-row1{grid-template-columns:1fr}
    .yxyh-tp-headstats{width:100%;justify-content:flex-start;margin-left:0;margin-top:4px}
}

/* 锚点闪烁效果 */
.yxyh-tp .is-flash{animation:yxyh-tp-flash 1.2s ease-out}
@keyframes yxyh-tp-flash{
    0%{box-shadow:0 0 0 0 rgba(59,130,246,0)}
    20%{box-shadow:0 0 0 4px rgba(59,130,246,.35)}
    100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}
}