/* ============================================================
   software_detail.html 专属样式（PC 端 only）
   ============================================================ */

/* --- 夸克按钮文案切换 --- */
.btn.is-quark .text-normal { display: inline; }
.btn.is-quark .text-quark { display: none; }
@media (min-width: 769px) {
    .btn.is-quark .text-normal { display: none !important; }
    .btn.is-quark .text-quark { display: inline !important; }
}

/* --- 顶部 SEO 描述：单行省略 --- */
.seo-desc-line {
    font-size: 13px; color: #888;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    flex: 1 1 0; min-width: 0;
}

/* --- 详情页 chip（环境属性 / 安卓无广告）--- */
.detail-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.detail-chip {
    display: inline-block; padding: 4px 10px; font-size: 12px;
    background: #f0f4f8; color: #555; border-radius: 4px; line-height: 1.6;
}
.detail-chip--green { background: #e8f5e9; color: #2e7d32; }
.detail-chip--blue { background: #e3f2fd; color: #1565c0; }
.detail-chip--orange { background: #fff3e0; color: #e65100; }

/* --- 详情页评分卡（紧凑横向布局）--- */
.detail-vote-card {
    margin-top: 10px; padding: 8px 12px;
    background: #fafbfc; border-radius: 6px; border: 1px solid #eee;
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px;
    max-width: 640px;
}
.vote-stars { font-size: 16px; color: #ddd; letter-spacing: 1px; line-height: 1; }
.vote-stars .star.filled { color: #ffb400; }
.vote-meta { font-size: 12px; color: #666; }
.vote-score { font-size: 16px; font-weight: bold; color: #ffb400; margin-right: 2px; }
.vote-bar { flex: 1; min-width: 80px; max-width: 200px; height: 4px; background: #eee; border-radius: 2px; overflow: hidden; }
.vote-bar-fill { height: 100%; background: linear-gradient(90deg, #ffb400, #ff8a00); transition: width .3s; }
.vote-actions { display: flex; gap: 6px; margin-left: auto; }
.vote-btn {
    padding: 4px 10px; font-size: 12px; cursor: pointer;
    border: 1px solid #ddd; background: #fff; border-radius: 4px;
    transition: all .15s;
}
.vote-btn--up:hover { border-color: #4caf50; color: #4caf50; }
.vote-btn--down:hover { border-color: #f44336; color: #f44336; }
.vote-btn.is-active { opacity: .5; cursor: not-allowed; }
.vote-btn.is-active.vote-btn--up { background: #e8f5e9; border-color: #4caf50; color: #4caf50; }
.vote-btn.is-active.vote-btn--down { background: #ffebee; border-color: #f44336; color: #f44336; }
.vote-msg { margin-top: 6px; font-size: 12px; color: #f44336; flex-basis: 100%; }

/* --- 截图滚动展示区 --- */
.screenshot-scroll-container::-webkit-scrollbar { display: none; }
.screenshot-item img:hover { transform: scale(1.02); box-shadow: 0 4px 24px rgba(0,0,0,0.25); }
#screenshot-carousel:hover .screenshot-arrow { opacity: 1; }
.screenshot-arrow:hover { background: #fff !important; }
.screenshot-scrollbar-thumb:hover { background: #00a5bb !important; }

/* --- 移动端：隐藏 PC 专属元素 --- */
@media (max-width: 768px) {
    .detail-chips,
    .detail-vote-card,
    .detail-chip,
    .screenshot-item img { width: 200px; height: 360px; }
    .screenshot-arrow,
    .screenshot-scrollbar { display: none !important; }
}