a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}
.mycard {
    background: #fff;
	width: 100%;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    padding: 20px;
	margin: 30px auto;

}
.box-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* 卡片容器 */
.shadow-card {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    /* 內邊距 5px */
    padding: 5px;
    display: flex;
    flex-direction: column;
}
/* 懸浮效果 */
.shadow-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.16);
}
/* 圖片：貼頂、橫向填滿卡片 */
.card-img {
    width: 100%;
    display: block;
    object-fit: cover;
}
/* 文字區塊：與圖片距離5px */
.card-text {
    margin-top: 5px;
    font-size: 16px;
    color: #222;
    text-align: center;
    padding: 8px 0;
}
/* 1. 让 UL 变成弹性盒子，并居中对齐 */
.navigate {
    display: flex;           /* 核心：启用 Flexbox */
    justify-content: center; /* 核心：水平居中 */
    align-items: center;     /* 垂直居中对齐（防止 PREV/NEXT 和数字高低不平） */
    
    /* 基础美化（可根据你的主题调整） */
    list-style: none;        /* 去掉默认的圆点 */
    padding: 0;
    margin: 50px 0;
    gap: 5px;                /* 每个 li 之间的间距 */
}

/* 2. 统一按钮/数字的样式 */
.navigate li a,
.navigate li span {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    transition: all 0.3s ease;
}

/* 3. 鼠标悬停效果 */
.navigate li a:hover {
    background-color: #f5f5f5;
    border-color: #ccc;
}

/* 4. 当前页（Active）的高亮样式 */
.navigate li.active span {
    background-color: #0073aa; /* WordPress 默认蓝色，可换成你的主题色 */
    color: #fff;
    border-color: #0073aa;
    cursor: default;
}

/* 5. 上一页 / 下一页的特殊样式（可选） */
.navigate li.prev a,
.navigate li.next a {
    font-weight: bold;
}





 
 
 
 
 
 
 
/* 基礎重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, Roboto, sans-serif;
}

/* 外層容器 桌面橫排 */
.game-detail-wrap {
    display: flex;
    gap: 24px;
	margin:20px auto;
}

/* 統一卡片基礎樣式 */
.card-box {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

/* 封面卡片 */
.card-cover {
    width: 320px;
    flex-shrink: 0;
    padding: 22px;
}
.card-cover img {
    width: 100%;
    display: block;
}

/* 資訊卡片 */
.card-info {
    flex: 1;
    padding: 32px;
}

/* 麵包屑 */
.breadcrumb {
    font-size: 16px;
    color: #666666;
    margin-bottom: 14px;
}
.breadcrumb a {
    color: #e82368;
    text-decoration: none;
}
.breadcrumb span {
    color: #333333;
}

/* 遊戲標題 */
.game-title {
    font-size: 44px;
    color: #e82368;
    margin-bottom: 18px;
    font-weight: 700;
}

/* 評分數據行 */
.meta-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    color: #505050;
    font-size: 16px;
    margin-bottom: 22px;
}
.star-rating {
    font-size: 22px;
    color: #ffc300;
}
.star-gray {
    color: #cccccc;
}

/* 標籤組 */
.tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 32px;
}
.tag {
    padding: 7px 20px;
    border-radius: 999px;
    font-size: 15px;
}
.tag-red {
    border: 1px solid #e82368;
    color: #e82368;
}
.tag-green {
    border: 1px solid #34d066;
    color: #1fa94c;
}

/* 資訊列表 */
.info-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-bottom: 36px;
}
.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 18px;
    background-color: #f5f6f9;
    border-radius: 12px;
    font-size: 16px;
}
.info-label {
    color: #444444;
    display: flex;
    align-items: center;
    gap: 8px;
}
.info-text {
    color: #e82368;
    font-weight: 500;
}

/* 按鈕區 */
.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.btn {
    padding: 15px 40px;
    border-radius: 999px;
    border: none;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 9px;
}
.btn-primary {
    background-color: #e82368;
    color: #ffffff;
}
.btn-default {
    background-color: #f1f1f3;
    color: #333333;
}

/* 手機響應式：兩卡片強制上下分開、獨立顯示 */
@media screen and (max-width: 768px) {
	.box-wrap {    
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
    .game-detail-wrap {
        flex-direction: column;
    }
    .card-cover {
        width: 100%;
    }
    .game-title {
        font-size: 30px;
    }
    .card-info {
        padding: 22px;
    }
}