.breadcrumb{background:#fff;padding:12px 15px;font-size:12px;color:#999;display:flex;align-items:center;gap:8px; white-space: nowrap;}
.breadcrumb i{font-size:10px;}
.breadcrumb a{color:#999;}
.breadcrumb a:active{opacity:0.7;}
.detail-header{background:#fff;padding:20px 15px;display:flex;gap:15px;}
.game-icon{width:100px;height:100px;border-radius:20px;overflow:hidden;flex-shrink:0;}
.game-icon img{width:100%;height:100%;object-fit:cover;}
.game-info{flex:1;}
.game-title{font-size:18px;font-weight:bold;color:#333;margin-bottom:12px;}
.game-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.meta-item{font-size:12px;color:#666;}
.meta-label{color:#999;}
.meta-value{color:#333;margin-left:4px;}
.download-section{background:#fff;padding:15px;margin-top:10px;}
.download-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;}
.safe-tip{display:flex;align-items:center;gap:8px;font-size:13px;color:#27ae60;}
.safe-tip i{font-size:16px;}
.download-btn{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;padding:5px 40px;border-radius:25px;font-size:16px;font-weight:bold;cursor:pointer;white-space:nowrap;}
.download-btn:active{transform:scale(0.98);}
.download-notice{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#ff6b6b;margin-top:12px;line-height:1.5;}
.download-notice i{margin-top:2px;flex-shrink:0;}
.screenshot-section{background:#fff;padding:15px;margin-top:10px;overflow:hidden;}
.screenshot-swiper{width:100%;}
.screenshot-swiper .swiper-slide{width:auto!important;}
.screenshot-swiper .swiper-slide img{width:auto;height:280px;border-radius:12px;}
.content-section{background:#fff;padding:20px 15px;margin-top:10px;}
.section-title{font-size:14px;font-weight:bold;color:#333;margin-bottom:12px;padding-left:10px;padding-bottom:10px;border-left:3px solid #42a5f5;border-bottom:1px solid #e0e0e0;}
.content-text{font-size:13px;color:#666;line-height:1.8;margin-bottom:20px;}
.content-text p{margin-bottom:10px;}
.info-section{background:#fff;padding:15px;margin-top:10px;}
.info-item{padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:12px;}
.info-item:last-child{border-bottom:none;}
.info-label{color:#999;margin-right:8px;}
.info-value{color:#333;}
.permission-section{background:#fff;padding:20px 15px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;}
.permission-section .section-title{margin:0;padding:0;border:none;}
.permission-btn{background:linear-gradient(135deg,#ff6b35,#ff4500);color:#fff;border:none;padding:5px 30px;border-radius:25px;font-size:14px;cursor:pointer;font-weight:bold;}
.permission-btn:active{transform:scale(0.95);}
.permission-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center;}
.permission-modal.show{display:flex;}
.modal-content{background:#fff;width:90%;max-width:500px;border-radius:12px;overflow:hidden;}
.modal-header{background:#f5f5f5;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}
.modal-header h3{font-size:16px;font-weight:bold;color:#333;margin:0;}
.modal-close{background:#333;color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:13px;cursor:pointer;}
.modal-close:active{opacity:0.8;}
.modal-body{padding:20px;}
.modal-body p{font-size:14px;color:#333;padding:12px 0;border-bottom:1px solid #f0f0f0;margin:0;}
.modal-body p:last-child{border-bottom:none;}
.hot-games-section{background:#fff;padding:20px 15px;margin-top:10px;}
.hot-games-section .section-title{margin-bottom:20px;padding:0;border:none;}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
.game-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transition:transform 0.2s;}
.game-item:hover{transform:translateY(-2px);}
.game-item:active{transform:translateY(0);}
.game-item-icon{width:70px;height:70px;border-radius:16px;overflow:hidden;margin-bottom:8px;}
.game-item-icon img{width:100%;height:100%;object-fit:cover;}
.game-item-name{font-size:12px;color:#333;margin-bottom:8px;text-align:center;}
.game-item-btn{background:#fff;color:#42a5f5;border:1px solid #42a5f5;padding:4px 12px;border-radius:15px;font-size:11px;cursor:pointer;white-space:nowrap;}
.game-item-btn:active{opacity:0.7;}
.related-downloads-section{background:#fff;padding:20px 15px;margin-top:10px;}
.related-downloads-section .section-title{margin-bottom:15px;padding:0;border:none;}
.download-list{display:flex;flex-direction:column;gap:0;}
.download-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:background-color 0.2s;}
.download-item:hover{background:#f8f8f8;}
.download-item:active{background:#f0f0f0;}
.download-item:last-child{border-bottom:none;}
.download-name{font-size:14px;color:#666;}
.download-view-btn{background:#fff;color:#42a5f5;border:1px solid #42a5f5;padding:6px 20px;border-radius:20px;font-size:13px;cursor:pointer;}
.download-view-btn:active{opacity:0.7;}
.new-games-section{background:#fff;padding:20px 15px;margin-top:10px;}
.new-games-section .section-title{margin-bottom:15px;padding:0;border:none;}
.new-games-list{display:flex;flex-direction:column;gap:0;}
.new-game-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:background-color 0.2s;}
.new-game-item:hover{background:#f8f8f8;}
.new-game-item:active{background:#f0f0f0;}
.new-game-item:last-child{border-bottom:none;}
.new-game-icon{width:80px;height:80px;border-radius:16px;overflow:hidden;flex-shrink:0;}
.new-game-icon img{width:100%;height:100%;object-fit:cover;}
.new-game-info{flex:1;}
.new-game-name{font-size:15px;color:#333;font-weight:500;margin-bottom:6px;}
.new-game-rating{display:flex;gap:3px;margin-bottom:6px;}
.new-game-rating i{font-size:14px;color:#ffa500;}
.new-game-rating .far{color:#ddd;}
.new-game-meta{font-size:12px;color:#999;}
.new-game-btn{background:#fff;color:#42a5f5;border:1px solid #42a5f5;padding:6px 20px;border-radius:20px;font-size:13px;cursor:pointer;flex-shrink:0;}
.new-game-btn:active{opacity:0.7;}
.hot-search-section{background:#fff;padding:20px 15px;margin-top:10px;}
.hot-search-section .section-title{margin-bottom:15px;padding:0;border:none;}
.hot-search-tags{display:flex;flex-wrap:wrap;gap:8px;}
.search-tag{display:inline-block;padding:6px 12px;border-radius:15px;font-size:12px;text-decoration:none;border:1px solid transparent;}
.search-tag:nth-child(1){background:#e8f5e9;color:#4caf50;}
.search-tag:nth-child(2){background:#e3f2fd;color:#2196f3;}
.search-tag:nth-child(3){background:#fff3e0;color:#ff9800;}
.search-tag:nth-child(4){background:#e3f2fd;color:#2196f3;}
.search-tag:nth-child(5){background:#fce4ec;color:#e91e63;}
.search-tag:nth-child(6){background:#e3f2fd;color:#2196f3;}
.search-tag:nth-child(7){background:#fce4ec;color:#e91e63;}
.search-tag:nth-child(8){background:#e8f5e9;color:#4caf50;}
.search-tag:nth-child(9){background:#e3f2fd;color:#2196f3;}
.search-tag:nth-child(10){background:#fce4ec;color:#e91e63;}
.search-tag:nth-child(11){background:#e3f2fd;color:#2196f3;}
.search-tag:nth-child(12){background:#fce4ec;color:#e91e63;}
.search-tag:nth-child(13){background:#e3f2fd;color:#2196f3;}
.search-tag:nth-child(14){background:#fce4ec;color:#e91e63;}
.search-tag:nth-child(15){background:#f5f5f5;color:#666;}
.search-tag:nth-child(16){background:#f5f5f5;color:#666;}
.search-tag:active{opacity:0.7;}
.android-ranking-section{background:#fff;padding:20px 15px;margin-top:10px;}
.android-ranking-section .section-title{margin-bottom:15px;padding:0;border:none;}
.ranking-list{display:flex;flex-direction:column;gap:0;}
.ranking-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:background-color 0.2s;}
.ranking-item:hover{background:#f8f8f8;}
.ranking-item:active{background:#f0f0f0;}
.ranking-item:last-child{border-bottom:none;}
.ranking-icon{width:80px;height:80px;border-radius:16px;overflow:hidden;flex-shrink:0;}
.ranking-icon img{width:100%;height:100%;object-fit:cover;}
.ranking-info{flex:1;}
.ranking-name{font-size:15px;color:#333;font-weight:500;margin-bottom:6px;}
.ranking-rating{display:flex;gap:3px;margin-bottom:6px;}
.ranking-rating i{font-size:14px;color:#ffa500;}
.ranking-rating .far{color:#ddd;}
.ranking-meta{font-size:12px;color:#999;}
.ranking-btn{background:#fff;color:#42a5f5;border:1px solid #42a5f5;padding:6px 20px;border-radius:20px;font-size:13px;cursor:pointer;flex-shrink:0;}
.ranking-btn:active{opacity:0.7;}
.footer{background:#3a3a3a;color:#999;padding:25px 20px;text-align:center;margin-top:10px;position:relative;}
.footer-content p{margin:6px 0;font-size:11px;line-height:1.5;}
.back-top{position:fixed;right:15px;bottom:25px;width:40px;height:40px;background:rgba(0,0,0,0.5);color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;display:none;z-index:999;}
.back-top.show{display:block;}
/* 图片预�?�模态�?�样�? */
.screenshot-img {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.screenshot-img:active {
    transform: scale(0.95);
}

.image-preview-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    user-select: none;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.image-preview-modal.show {
    pointer-events: auto;
}

.image-preview-modal.show {
    display: flex;
}



.image-preview-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    touch-action: pan-x;
    padding: 20px;
    box-sizing: border-box;
}

.preview-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.image-counter {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    z-index: 2001;
    white-space: nowrap;
    backdrop-filter: blur(4px);
}

@media (max-width: 480px) {
    .image-preview-content {
        padding: 15px;
    }
    
    .image-counter {
        top: 25px;
        font-size: 13px;
        padding: 6px 12px;
    }
}