.game-detail-reset {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Roboto', 'Arial', sans-serif;
        }

        .game-detail-body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1;
            padding: 1rem 0;
        }

        .game-detail-container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* 游戏详情主容器 */
        .game-detail-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            background: #fff;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            margin-bottom: 2rem;
        }

        /* 游戏图片区域 */
        .game-detail-img-box {
            width: 38%;
            border-radius: 6px;
            overflow: hidden;
            float: left;
        }

        .game-detail-main-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            float: left;
        }

        /* 游戏信息区域 */
        .game-detail-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* float: left; */
            width: 5;
        }

        .game-detail-title {
            font-size: 2rem;
            color: #2c3e50;
            margin-bottom: .5rem;
            font-weight: 700;
            margin-top: 5px;
        }

        .game-detail-price {
            font-size: 1.8rem;
            color: #fff;
            font-weight: 600;
            margin-bottom: .5rem;
            background: linear-gradient(135deg, #777aef, #45e51e);
            /* color: white; */
            border-radius: 15px;
            padding: 0.4rem 0.8rem;
            font-size: 0.8rem;
            font-weight: 600;
            box-shadow: 0 2px 8px rgba(99, 102, 241, 0.2);
            /* width: 98px; */
        }

        .game-detail-short-desc {
            color: #666;
            font-size: 1.1rem;
            margin-bottom: 2rem;
            line-height: 1.8;
        }

        .game-detail-btn {
            display: inline-block;
            background-color: #6366f1;
            color: white;
            padding: 0.8rem 2rem;
            border-radius: 4px;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            transition: background-color 0.3s ease;
            width: fit-content;
            margin-bottom: 2rem;
        }

        .game-detail-btn:hover {
            background-color: #2980b9;
        }

        .game-detail-meta-title {
            font-size: 1.3rem;
            color: #2c3e50;
            margin-bottom: 1rem;
            font-weight: 600;
        }

        .game-detail-meta-list {
            list-style: none;
            padding: 0px;
        }

        .game-detail-meta-item {
            padding: 0.5rem 0;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
        }

        .game-detail-meta-label {
            color: #555;
            font-weight: 500;
        }

        .game-detail-meta-value {
            color: #333;
        }

        /* 游戏详情描述区域 */
        .game-detail-description {
            background: #fff;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            margin: 20px 0px;
        }

        .game-detail-desc-title {
            font-size: 1.6rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            font-weight: 600;
            border-bottom: 2px solid #6366f1;
            padding-bottom: 0.5rem;
            display: inline-block;
        }

        .game-detail-desc-content {
            color: #444;
            line-height: 1.8;
            font-size: 1.05rem;
        }

        .game-detail-desc-content p {
            margin-bottom: 1rem;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .game-detail-wrapper {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .game-detail-title {
                font-size: 1.2rem;
            }

            .game-detail-price {
                font-size: 12px;
            }
        }

        @media (max-width: 480px) {
            .game-detail-container {
                width: 95%;
            }

            .game-detail-wrapper,
            .game-detail-description {
                padding: .5rem;
            }

            .game-detail-btn {
                width: 80%;
            }
        }
		
		.game-detail-img-box2{
		width: 53%;
		float: left;
		margin-left: 9%;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		       /* 自定义颜色变量 */
        :root {
            --color-primary: #6366F1; /* 主色调（紫色） */
            --color-primary-light: rgba(99, 102, 241, 0.05); /* 浅紫色背景 */
            --color-primary-ring: rgba(99, 102, 241, 0.5); /* 聚焦环颜色 */
            --color-secondary: #F3F4F6; /* 背景浅灰 */
            --color-accent: #EC4899; /* 强调色（粉色） */
            --color-dark: #1F2937; /* 深色文本 */
            --color-gray-50: #F9FAFB;
            --color-gray-200: #E5E7EB;
            --color-gray-300: #D1D5DB;
            --color-gray-500: #6B7280;
            --color-gray-700: #374151;
            --color-red-500: #EF4444;
            --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
            --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --transition-default: all 0.2s ease;
            --transition-slow: all 0.3s ease;
        }

        /* 基础样式 */
        body {
            background-color: var(--color-gray-50);
            min-height: 100vh;
            color: var(--color-dark);
            line-height: 1.5;
        }

        .container {
            max-width: 100%;
            margin: 0 auto;
            /* padding: 2rem 0rem; */
        }

        /* 页面标题样式 */
        .page-title {
            text-align: center;
            margin-bottom: 2rem;
        }

        .page-title .icon {
            font-size: 3rem;
            color: var(--color-primary);
            margin-bottom: 0.5rem;
            display: block;
        }

        .page-title h1 {
            font-size: clamp(1.5rem, 3vw, 2rem);
            font-weight: 700;
            color: var(--color-dark);
            margin-bottom: 0.25rem;
        }

        .page-title p {
            color: var(--color-gray-500);
        }

        /* 表单容器 */
        .recharge-form {
            background-color: white;
            border-radius: 1rem;
            box-shadow: var(--shadow-lg);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }

        /* 表单区块标题 */
        .form-section-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .form-section-title .icon {
            color: var(--color-primary);
        }

        /* 套餐卡片样式 */
        .package-list {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            margin-bottom: 2rem;
        }

        .package-card {
            border: 1px solid var(--color-gray-200);
            border-radius: 0.75rem;
            padding: 1rem;
            cursor: pointer;
            transition: var(--transition-slow);
        }

        .package-card:hover {
            box-shadow: var(--shadow-md);
        }

        .package-card.active {
            border-color: #6366f1;
            background-color: var(--color-primary-light);
            box-shadow: 0 0 0 1px var(--color-primary);
        }

        .package-card .content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .package-card .content .name {
            font-weight: 500;
        }

        .package-card .content .price {
            color: var(--color-primary);
            font-weight: 700;
        }

        .package-card .content .accent {
            color: var(--color-accent);
            margin-left: 0.25rem;
        }

        /* 付款方式样式 */
        .payment-methods {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
            margin-bottom: 2rem;
        }

        .payment-method {
            border: 1px solid var(--color-gray-200);
            border-radius: 0.75rem;
            padding: 1rem 0.5rem;
            cursor: pointer;
            transition: var(--transition-slow);
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        .payment-method:hover {
            box-shadow: var(--shadow-md);
        }

        .payment-method input[type="radio"] {
            width: 1rem;
            height: 1rem;
            accent-color: var(--color-primary);
        }

        .payment-method .method-icon {
            color: var(--color-primary);
            margin-right: 0.25rem;
        }

        .payment-method .method-name {
            font-weight: 500;
        }

        /* 表单输入项样式 */
        .form-fields {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-bottom: 2rem;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group label {
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--color-gray-700);
            margin-bottom: 0.25rem;
        }

        .form-group label .required {
            color: var(--color-red-500);
        }

        .form-group label .optional {
            color: var(--color-gray-500);
        }

        .form-input {
            width: 100%;
            padding: 0.75rem 1rem;
            border-radius: 0.75rem;
            border: 1px solid var(--color-gray-300);
            transition: var(--transition-default);
            font-size: 1rem;
            box-sizing: border-box;
        }

        .form-input:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 2px var(--color-primary-ring);
        }

        .input-with-prefix {
            position: relative;
        }

        .input-prefix {
            position: absolute;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--color-gray-500);
            pointer-events: none;
        }

        .input-with-prefix .form-input {
            padding-left: 1rem;
        }

        textarea.form-input {
            min-height: 5rem;
            resize: none;
            line-height: 1.5;
        }

        /* 提交按钮样式 */
        .btn-primary {
            width: 100%;
            background-color: var(--color-primary);
            color: white;
            font-weight: 500;
            padding: 0.75rem 1rem;
            border-radius: 0.75rem;
            border: none;
            cursor: pointer;
            transition: var(--transition-slow);
            box-shadow: var(--shadow-md);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            font-size: 1rem;
        }

        .btn-primary:hover {
            background-color: rgba(99, 102, 241, 0.9);
            box-shadow: var(--shadow-lg);
        }

        /* 底部提示样式 */
        .footer-note {
            text-align: center;
            font-size: 0.875rem;
            color: var(--color-gray-500);
            margin-top: 1.5rem;
        }

        .footer-note p {
            margin-bottom: 0.25rem;
        }

        .footer-note a {
            color: var(--color-primary);
            text-decoration: none;
        }

        .footer-note a:hover {
            text-decoration: underline;
        }

        /* 自定义图标样式（替代Font Awesome） */
        .icon {
            display: inline-block;
            width: 1.25rem;
            height: 1.25rem;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

        .icon-gem {
            width: 3rem;
            height: 3rem;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236366F1' d='M378.7 32H133.3L256 182.7L378.7 32zM512 192l-96 128L320 480l-128 0L192 320 0 192l96-128 32 0 128 170.7L288 64l32 0 96 128z'/%3E%3C/svg%3E");
        }

        .icon-box {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236366F1' d='M336 352v48c0 26.51 21.49 48 48 48h32c26.51 0 48-21.49 48-48V128c0-26.51-21.49-48-48-48h-32c-26.51 0-48 21.49-48 48v48H176V128c0-26.51-21.49-48-48-48h-32c-26.51 0-48 21.49-48 48v272c0 26.51 21.49 48 48 48h32c26.51 0 48-21.49 48-48v-48h160zm-160-48h160v-48H176v48zm-128 0v-48c0-8.837 7.163-16 16-16h32c8.837 0 16 7.163 16 16v48c0 8.837-7.163 16-16 16h-32c-8.837 0-16-7.163-16-16zm352 48h-32c-8.837 0-16 7.163-16 16v48c0 8.837 7.163 16 16 16h32c8.837 0 16-7.163 16-16v-48c0-8.837-7.163-16-16-16z'/%3E%3C/svg%3E");
        }

        .icon-money {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%236366F1' d='M277.4 37.4C261.6 20.2 237.5 8 208 8 174.5 8 145.4 23.2 128 48C111.6 23.2 82.5 8 48 8 14.5 8 0 23.2 0 48c0 37.5 29.6 74.3 68.5 79.7C79.9 145.2 88 168 88 192c0 79.5 64.5 144 144 144s144-64.5 144-144c0-24 8.1-46.8 20.5-64.3C486.4 122.3 516 85.5 516 48c0-24.8-14.5-40-39.8-40-34.6 0-63.7 15.2-80.2 40-16.4-24.8-45.5-40-80.2-40-12.1 0-23.8 2.4-34.6 7.4zM192 256c-35.3 0-64-28.7-64-64 0-24.6 14.5-46.3 36.4-56.8 4.1 11.8 18.7 45.6 18.7 45.6s13.5-33.5 17.8-44.9C209.4 98.2 224 118.7 224 144c0 35.3-28.7 64-64 64zm248-144c0 2.6-.2 5.2-.4 7.8-2.1-1.1-4.3-2.1-6.5-3.1 1.1-11.5 1.6-22.9 1.6-34.7 0-8.8-7.2-16-16-16-26.5 0-48 21.5-48 48 0 16.8 8.3 31.7 21.1 40.8-1.4.9-2.7 1.9-4 2.8 1.4-1.7 2.7-3.5 4-5.3 10.8-12.5 17.3-28.6 17.3-46.3 0-39.8-32.2-72-72-72-9.9 0-19.4 1.5-28.4 4.2 5.4 11.4 8.4 23.8 8.4 36.8 0 52-42 96-96 96-2.2 0-4.4-.1-6.6-.3 2.1 10.5 3.2 21.3 3.2 32.3 0 88.4-71.6 160-160 160-8.8 0-16 7.2-16 16 0 8.8 7.2 16 16 16 97.2 0 176-78.8 176-176 0-1.5 0-3-.1-4.5 9.1 3.1 18.8 4.7 28.8 4.7 88.4 0 160-71.6 160-160z'/%3E%3C/svg%3E");
        }

        .icon-user {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%236366F1' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0S96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'/%3E%3C/svg%3E");
        }

        .icon-arrow {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");
        }

        .icon-visa {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%236366F1' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM199.6 382.7l-9.9-25.1c-1.7-4.4-6.2-7.2-10.8-7.2h-17.3c-7.8 0-14.5-5.9-15.5-13.7l-19.8-175.3c-.8-7.6 5.8-14.5 13.5-14.5h13.2c4.1 0 7.8 2.3 9.7 5.8l24.8 52.5c1.7 3.7 5.2 6.1 9.1 6.1h17.7c7.4 0 13.5 6 13.5 13.4 0 7.8-6.1 13.4-13.5 13.4h-14.7l-5.8 15.1h18.9c8.3 0 15.1 6.4 15.1 14.6 0 8.5-7.1 14.8-15.6 14.8h-21.7zm108.3-156.4c-8.3 0-15.1-6.7-15.1-15.1 0-8.6 7.1-15.1 15.1-15.1 8.6 0 15.1 6.5 15.1 15.1 0 8.4-6.5 15.1-15.1 15.1zm-2.7 117.5h-38.5c-7.8 0-14.5 6.4-14.5 14.3 0 7.9 6.7 14.3 14.5 14.3h16.3v28.7c0 8.6 6.7 15.1 15.3 15.1 8.3 0 15.1-6.5 15.1-15.1v-11.1h8.7c7.9 0 14.5-6.1 14.5-13.7 0-7.9-6.6-14.6-14.5-14.6h-9.6v-27.7zm60.9-117.5c-8.3 0-15.1-6.7-15.1-15.1 0-8.6 7.1-15.1 15.1-15.1 8.6 0 15.1 6.5 15.1 15.1 0 8.4-6.5 15.1-15.1 15.1z'/%3E%3C/svg%3E");
        }

        .icon-google {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 488 512'%3E%3Cpath fill='%236366F1' d='M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z'/%3E%3C/svg%3E");
        }

        .icon-wallet {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%236366F1' d='M320 0H64C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zM64 64h96c8.8 0 16 7.2 16 16s-7.2 16-16 16H64c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h96c8.8 0 16 7.2 16 16s-7.2 16-16 16H64c-8.8 0-16-7.2-16-16s7.2-16 16-16zm256 320H64c-8.8 0-16-7.2-16-16s7.2-16 16-16H320c8.8 0 16 7.2 16 16s-7.2 16-16 16zm0-64H64c-8.8 0-16-7.2-16-16s7.2-16 16-16H320c8.8 0 16 7.2 16 16s-7.2 16-16 16zm0-64H64c-8.8 0-16-7.2-16-16s7.2-16 16-16H320c8.8 0 16 7.2 16 16s-7.2 16-16 16z'/%3E%3C/svg%3E");
        }

        .icon-rupee {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%236366F1' d='M308.2 254.3c-3.1 1.5-6.5 2.3-9.9 2.3-10.9 0-18.7-8.9-18.7-19.8 0-12.1 9.3-21.6 22.2-21.6 1.7 0 3.4 .2 5.1 .5V64c0-17.7-14.3-32-32-32H192C174.3 32 160 46.3 160 64v160.7c-15.5-4.2-32.3-6.7-49.9-6.7-52.3 0-99.2 29.2-99.2 83.8 0 45.1 38.4 74.3 87.9 74.3 29.8 0 50.7-9.9 63.8-26.6 11.9 15.3 31.9 26.6 61.4 26.6 52.3 0 99.2-29.2 99.2-83.8 0-45.1-38.4-74.3-87.9-74.3-28.6 0-48.9 9.9-61.4 26.6-12.3-17.1-33.5-26.6-63.2-26.6-25.9 0-43.4 13.5-43.4 37.9 0 26.2 18.7 37.9 44.1 37.9 18.4 0 34.1-6.7 46.8-17.4V448c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32V262.7c-8.7 4.6-18.5 7.3-29.8 7.3-9.9 0-19.2-2.3-27.7-6.7z'/%3E%3C/svg%3E");
        }