*{margin:0;padding:0;box-sizing:border-box}
.tool-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#222}
.tool-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:12px;letter-spacing:1.5px}
.tool-desc{text-align:center;color:#666;font-size:16px;margin-bottom:40px;line-height:1.6}

/* 筛选栏样式 */
.filter-box{background:#fff;padding:20px 25px;margin-bottom:35px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.filter-text{font-size:15px;color:#333;font-weight:500}
.filter-select{height:44px;padding:0 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;min-width:220px;outline:none}
.filter-select:focus{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,0.1)}

.game-group{margin-bottom:40px}
.group-title{font-size:22px;font-weight:600;margin-bottom:24px;padding-left:16px;border-left:4px solid #409eff;display:flex;align-items:center;gap:10px}

/* 单行单卡片 大气布局 */
.game-card-wrap{display:flex;flex-direction:column;gap:24px}
.game-card{background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,0.06);padding:30px;transition:all .3s;border:1px solid #f5f5f5;position:relative;width:100%}
.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(0,0,0,0.09)}
.game-tag{position:absolute;top:18px;right:22px;padding:5px 12px;border-radius:10px;font-size:12px;background:#e6f7ff;color:#1890ff;font-weight:500}
.game-tag.love{background:#fff0f6;color:#f53f71}
.game-name{font-size:20px;font-weight:600;margin-bottom:12px;color:#222;display:flex;align-items:center;gap:10px}
.game-name i{font-size:18px;color:#409eff}
.game-desc{font-size:15px;color:#555;line-height:1.7;margin-bottom:15px}
.game-rule{font-size:14px;color:#666;line-height:1.7;background:#fafbfc;padding:14px 16px;border-radius:10px;margin-bottom:12px}
.game-case{font-size:13px;color:#555;line-height:1.6;background:#f0f7ff;padding:12px 16px;border-radius:8px;border-left:4px solid #409eff}
.game-case span{font-weight:600;color:#409eff}

@media(max-width:768px){
    .tool-title{font-size:26px}
    .group-title{font-size:20px}
    .game-card{padding:22px}
    .filter-box{justify-content:center}
}
.hide-group{display:none;}