::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: var(--theme-border-hover);
            border-radius: 10px;
        }

        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        html,
        body {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
            overscroll-behavior-x: none;
        }

        body {
            position: relative;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background-color: var(--theme-base);
            user-select: none;
        }


        /* tigercloset.shop 专属字体与黑白锐角风格
           需要把字体文件上传到站点 /fonts/ 目录：
           /fonts/Helvetica-rounded-bold.ttf
           /fonts/Merchant-Copy.ttf
        */
        @font-face {
            font-family: 'TigerLogoFont';
            src: url('/fonts/Helvetica-rounded-bold.ttf') format('truetype');
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: 'TigerBodyFont';
            src: url('/fonts/Merchant-Copy.ttf') format('truetype');
            font-weight: 400 900;
            font-style: normal;
            font-display: swap;
        }

        html[data-site-theme="tigercloset"] body {
            font-family: 'TigerBodyFont', Arial, Helvetica, sans-serif;
            color: #000000;
            background: #ffffff;
        }

        html[data-site-theme="tigercloset"] #mainNavTitle {
            font-family: 'TigerLogoFont', Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            color: #000000 !important;
            background: none !important;
            -webkit-text-fill-color: #000000;
        }

        html[data-site-theme="tigercloset"] #modalPrice,
        html[data-site-theme="tigercloset"] #productGrid p,
        html[data-site-theme="tigercloset"] .text-\[var\(--theme-primary\)\] {
            font-family: 'TigerBodyFont', Arial, Helvetica, sans-serif;
            color: #000000 !important;
        }

        html[data-site-theme="tigercloset"] .text-white,
        html[data-site-theme="tigercloset"] .text-gray-100,
        html[data-site-theme="tigercloset"] .text-gray-200,
        html[data-site-theme="tigercloset"] .text-gray-300,
        html[data-site-theme="tigercloset"] .text-gray-400,
        html[data-site-theme="tigercloset"] .text-gray-500,
        html[data-site-theme="tigercloset"] .text-gray-600 {
            color: #000000 !important;
        }

        html[data-site-theme="tigercloset"] nav,
        html[data-site-theme="tigercloset"] .sticky,
        html[data-site-theme="tigercloset"] #globalAppLoader,
        html[data-site-theme="tigercloset"] #productModal .bg-\[var\(--theme-card\)\],
        html[data-site-theme="tigercloset"] #settingsContent,
        html[data-site-theme="tigercloset"] #agentModalContent {
            background: #ffffff !important;
        }

        html[data-site-theme="tigercloset"] #productGrid > div,
        html[data-site-theme="tigercloset"] button,
        html[data-site-theme="tigercloset"] input,
        html[data-site-theme="tigercloset"] a,
        html[data-site-theme="tigercloset"] img,
        html[data-site-theme="tigercloset"] #modalContent,
        html[data-site-theme="tigercloset"] #settingsContent,
        html[data-site-theme="tigercloset"] #agentModalContent,
        html[data-site-theme="tigercloset"] #subCategoryDropdownList,
        html[data-site-theme="tigercloset"] #sortDropdownList {
            border-radius: 2px !important;
        }

        html[data-site-theme="tigercloset"] #productGrid > div {
            background: #ffffff !important;
            border-color: #d9d9d9 !important;
            box-shadow: none;
        }

        html[data-site-theme="tigercloset"] #productGrid > div:hover {
            border-color: #000000 !important;
        }

        html[data-site-theme="tigercloset"] input::placeholder {
            color: #555555 !important;
        }

        html[data-site-theme="tigercloset"] #carouselContainer,
        html[data-site-theme="tigercloset"] #productGrid .aspect-square {
            background: #ffffff !important;
        }

        /* tigercloset.shop：放大除网站名称和价格以外的文字 */
        html[data-site-theme="tigercloset"] body {
            font-size: 18px;
        }

        /* 顶部搜索框、语言按钮、注册链接 */
        html[data-site-theme="tigercloset"] #searchInput {
            font-size: 18px !important;
        }

        html[data-site-theme="tigercloset"] #globalSettingsBtn,
        html[data-site-theme="tigercloset"] #globalSettingsLabel,
        html[data-site-theme="tigercloset"] #topSignupBtn,
        html[data-site-theme="tigercloset"] #topSignupText {
            font-size: 18px !important;
        }

        /* 一级类目按钮：New Arrivals / Jackets / Shoes 等 */
        html[data-site-theme="tigercloset"] #categoryContainer button {
            font-size: 18px !important;
        }

        /* 二级目录下拉和排序下拉 */
        html[data-site-theme="tigercloset"] #subCategorySelectBtn,
        html[data-site-theme="tigercloset"] #sortSelectBtn,
        html[data-site-theme="tigercloset"] #subCategoryBtnText,
        html[data-site-theme="tigercloset"] #sortBtnText,
        html[data-site-theme="tigercloset"] #subCategoryDropdownList button,
        html[data-site-theme="tigercloset"] #sortDropdownList button {
            font-size: 18px !important;
        }

        /* 商品名称：不影响价格 */
        html[data-site-theme="tigercloset"] #productGrid h2 {
            font-size: 18px !important;
            line-height: 1.35 !important;
        }

        /* 弹窗里的商品标题、按钮、提示文字：不影响弹窗价格 */
        html[data-site-theme="tigercloset"] #modalTitle {
            font-size: 22px !important;
            line-height: 1.35 !important;
        }

        html[data-site-theme="tigercloset"] #mainBuyBtn,
        html[data-site-theme="tigercloset"] #mainBuyBtnText,
        html[data-site-theme="tigercloset"] #weidianBuyBtn,
        html[data-site-theme="tigercloset"] #tipsToggleBtn,
        html[data-site-theme="tigercloset"] #tipsContent,
        html[data-site-theme="tigercloset"] #agentModalContent {
            font-size: 18px !important;
        }

        /* 设置弹窗里的文字 */
        html[data-site-theme="tigercloset"] #settingsContent,
        html[data-site-theme="tigercloset"] #settingsContent button,
        html[data-site-theme="tigercloset"] #settingsContent h3 {
            font-size: 18px !important;
        }

        .modal-enter {
            opacity: 0;
            transform: scale(0.9);
        }

        .modal-active {
            opacity: 1;
            transform: scale(1);
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .overlay-active {
            background-color: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(8px);
            transition: all 0.3s ease;
        }

        @media (max-width: 640px) {
            #creatorPromoLink {
                border-radius: 16px;
                line-height: 1.35;
                padding: 10px 14px;
                font-size: 13px;
            }

            #creatorPromoText {
                white-space: normal;
            }
        }