.page-content[data-v-8ed74240]{display:flex;gap:24px}.main-area[data-v-8ed74240]{flex:1}.controls-header[data-v-8ed74240]{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.view-toggles[data-v-8ed74240]{display:flex;gap:8px}.view-toggles .toggle-btn[data-v-8ed74240]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.view-toggles .toggle-btn.active[data-v-8ed74240]{background:#e0e7ff;border-color:#3e5bf9;color:#3e5bf9}.view-toggles .toggle-btn .iconfont[data-v-8ed74240]{font-size:17px}.card-title[data-v-8ed74240]{line-clamp:1;-webkit-line-clamp:1}.game-card-content[data-v-8ed74240]{display:flex;height:100%}.game-card-content.grid[data-v-8ed74240]{flex-direction:column;gap:12px;justify-content:space-between;padding:15px}.game-card-content.grid .info-section .game-title[data-v-8ed74240]{display:-webkit-box;font-size:16px;font-weight:600;-webkit-line-clamp:2;margin-bottom:4px;-webkit-box-orient:vertical;overflow:hidden}.game-card-content.grid .info-section .rating-row[data-v-8ed74240]{align-items:center;display:flex;gap:4px}.game-card-content.grid .info-section .meta-info[data-v-8ed74240]{display:flex;font-size:12px;justify-content:space-between;margin-top:12px}.game-card-content.grid .info-section .meta-info .label[data-v-8ed74240]{color:#9ca3af;display:block;margin-bottom:9px}.game-card-content.grid .info-section .meta-info .value[data-v-8ed74240]{color:#4b5563;font-weight:600}.game-card-content.grid .info-section .meta-info .meta-item[data-v-8ed74240]{text-align:left}.game-card-content.grid .info-section .meta-info .meta-item[data-v-8ed74240]:last-child{text-align:right}.game-card-content.grid .action-section[data-v-8ed74240]{align-items:center;display:flex;flex-direction:row;gap:10px;height:62px;justify-content:space-between}.game-card-content.grid .action-section .btn-group[data-v-8ed74240]{align-items:flex-end;display:flex;flex:1;flex-direction:column;gap:8px;justify-content:flex-end}.game-card-content.grid .action-section .exchange-btn[data-v-8ed74240]{padding:8px 5px;width:100%}.game-card-content.list[data-v-8ed74240]{align-items:flex-start;flex-direction:row;justify-content:space-between;padding:20px;width:100%}.game-card-content.list[data-v-8ed74240] .card{height:162px}.game-card-content.list .info-section[data-v-8ed74240]{flex:1;padding-right:20px}.game-card-content.list .info-section .game-title[data-v-8ed74240]{font-size:20px;font-weight:600;margin-bottom:8px}.game-card-content.list .info-section .rating-row[data-v-8ed74240]{align-items:center;display:flex;gap:4px}.game-card-content.list .info-section .meta-info[data-v-8ed74240]{display:flex;gap:40px;margin-top:16px}.game-card-content.list .info-section .meta-info .meta-item[data-v-8ed74240]{display:flex;flex-direction:column;gap:4px}.game-card-content.list .info-section .meta-info .meta-item .label[data-v-8ed74240]{color:#9ca3af;font-size:12px}.game-card-content.list .info-section .meta-info .meta-item .value[data-v-8ed74240]{color:#111827;font-weight:500}.game-card-content.list .action-section[data-v-8ed74240]{align-items:center;display:flex;flex-direction:column-reverse;gap:25px;height:100%;justify-content:flex-end;margin:auto;min-width:160px}.game-card-content.list .action-section .btn-group[data-v-8ed74240]{display:flex;gap:12px}@media(max-width:768px){.list[data-v-8ed74240]{flex-direction:column!important;gap:16px}.list .info-section[data-v-8ed74240]{width:100%}.list .info-section .meta-info[data-v-8ed74240]{justify-content:space-between}.list .action-section[data-v-8ed74240]{flex-direction:row!important;justify-content:space-around!important;width:100%}.controls-header[data-v-8ed74240]{align-items:flex-start;background-color:#fff;flex-direction:row-reverse;gap:10px;margin-bottom:0;padding:12px}.controls-header[data-v-8ed74240] .sort-search-container{width:100%}[data-v-8ed74240] .card-img{height:228px!important;width:100%!important}.toggle-btn[data-v-8ed74240]{width:90px!important}.game-grid[data-v-8ed74240]{padding:12px}.grid[data-v-8ed74240]{padding:16px}.grid .info-section .game-title[data-v-8ed74240]{font-size:16px}.grid .action-section[data-v-8ed74240]{align-items:flex-end;flex-direction:row;gap:12px}.grid .action-section[data-v-8ed74240] .save-rating-col{flex:1}.grid .action-section[data-v-8ed74240] .save-rating-col .save-btn{min-width:80px;padding:8px 16px;width:auto}.grid .action-section .btn-group[data-v-8ed74240]{flex:1.5;gap:8px}}