.custom-pricing-container {
            max-width: 1200px;
            margin: auto;
            padding: 20px 22px;
        }
        .custom-tabs {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
            border-bottom: 2px solid #ddd;
        }
        .custom-tab {
            flex: 1;
            padding: 10px 20px;
            text-align: center;
            cursor: pointer;
            background: #f8f8f8;
            border: 1px solid #ddd;
            margin: 0 5px;
            border-radius: 5px 5px 0 0;
            transition: background 0.3s ease;
        }
        .custom-tab:hover, .custom-tab.custom-active {
            background: #dd3b5b;
            border-bottom: none;
			color: #ffffff;
        }
        .custom-pricing-table {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        /* Prevent first-paint flash: show only default period before JS initializes */
        .custom-pricing-table .custom-plan {
            display: none;
        }
        .custom-pricing-table .custom-plan[data-plan="one-year"] {
            display: block;
        }
        .custom-plan {
            background: #ffffff;
            border: 1px solid #ddd;
            border-radius: 10px;
            text-align: center;
            padding: 20px;
            margin: 10px;
            flex: 1;
            min-width: 280px;
            max-width: 400px;
            position: relative;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .custom-plan.custom-popular {
            border: 2px solid #dd3b5b;
			background-color: #dd3b5b;
			color: #ffffff;
        }
        .custom-plan.custom-popular h2,
        .custom-plan.custom-popular .custom-price,
        .custom-plan.custom-popular .custom-save,
        .custom-plan.custom-popular p,
        .custom-plan.custom-popular .custom-features li,
        .custom-plan.custom-popular .custom-checkmark {
            color: #ffffff;
        }
        .custom-plan.custom-popular .custom-features li {
            border-bottom-color: rgba(255, 255, 255, 0.5);
        }
        .custom-plan .custom-save {
            color: #dd3b5b;
            font-weight: bold;
        }
        .custom-plan .custom-price {
            font-size: 24px;
            margin: 10px 0;
        }
        .custom-plan .custom-button {
            background: #000;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin: 10px 0;
            text-decoration: none;
            display: inline-block;
        }
        .custom-plan .custom-features {
            list-style: none;
            padding: 0;
            text-align: left;
            margin-top: 20px;
        }
		.custom-features2{
			padding: 20;
		}
        .custom-plan .custom-features li {
            padding: 10px 0;
            border-bottom: 1px solid #ddd;
        }
        .custom-plan .custom-features li:last-child {
            border-bottom: none;
        }
        .custom-checkmark {
            color: #dd3b5b;
            float: right;
        }
		.custom-checkmark2 {
            color: #ffffff;
            float: right;
        }
        .custom-crossmark {
            color: red;
            float: right;
        }
        .scroll-hint {
            display: none;
        }
        @media (max-width: 768px) {
            .custom-pricing-container {
                position: relative;
                overflow: hidden;
                padding-left: 22px;
                padding-right: 0;
            }
            .custom-pricing-container::after {
                content: "";
                position: absolute;
                top: 112px;
                right: 0;
                width: 40px;
                bottom: 0;
                pointer-events: none;
                background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
                z-index: 6;
            }
            .scroll-hint {
                display: block;
                text-align: center;
                font-size: 12px;
                color: #999;
                margin: 8px 22px 10px 0;
                letter-spacing: 0.5px;
            }
            .custom-pricing-table {
                position: relative;
                z-index: 1;
                justify-content: flex-start;
                flex-wrap: nowrap;
                gap: 12px;
                overflow-x: auto;
                overflow-y: hidden;
                padding: 8px 22px 14px 0;
                margin-right: 0;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }
            .custom-pricing-table::-webkit-scrollbar {
                display: none;
            }
            .custom-plan {
                flex: 0 0 75%;
                min-width: 75%;
                max-width: 75%;
                margin: 0;
                scroll-snap-align: start;
                transform-origin: center center;
            }
            .custom-plan.custom-popular {
                transform: none;
                z-index: 2;
            }
            .custom-plan.custom-popular::before {
                content: "推荐";
                position: absolute;
                top: 10px;
                right: 12px;
                padding: 3px 9px;
                font-size: 12px;
                font-weight: 700;
                color: #fff;
                background: #121212;
                border-radius: 999px;
            }
            .custom-plan .custom-features {
                margin-top: 14px;
            }
            .custom-plan .custom-features li {
                padding: 8px 0;
            }
            .plan-details {
                margin-top: 10px;
                text-align: left;
            }
            .plan-details summary {
                list-style: none;
                cursor: pointer;
                font-size: 14px;
                font-weight: 600;
                color: #dd3b5b;
            }
            .plan-details summary::-webkit-details-marker {
                display: none;
            }
            .plan-details summary::after {
                content: " +";
            }
            .plan-details[open] summary::after {
                content: " -";
            }
            .plan-details .custom-features--more {
                margin-top: 8px;
            }
        }