/* Minification failed. Returning unminified contents. (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,35): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (194,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (199,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (220,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (227,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (231,17): run-time error CSS1039: Token not allowed after unary operator: '-input-common-input-main-color' (460,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (464,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (465,23): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (470,24): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (488,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (493,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (494,23): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (498,24): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (502,28): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (506,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (521,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (522,23): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (526,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (527,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (546,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (555,24): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (559,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (572,57): run-time error CSS1030: Expected identifier, found '[' (572,62): run-time error CSS1031: Expected selector, found '=' (572,62): run-time error CSS1025: Expected comma or open brace, found '=' (576,57): run-time error CSS1030: Expected identifier, found '[' (576,62): run-time error CSS1031: Expected selector, found '=' (576,62): run-time error CSS1025: Expected comma or open brace, found '=' (581,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (606,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (614,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (622,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-4' (688,56): run-time error CSS1034: Expected closing parenthesis, found ',' (688,56): run-time error CSS1042: Expected function, found ',' (688,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (700,60): run-time error CSS1034: Expected closing parenthesis, found ',' (700,60): run-time error CSS1042: Expected function, found ',' (700,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (824,33): run-time error CSS1039: Token not allowed after unary operator: '-vh' (874,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (875,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (876,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (880,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (965,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (973,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (982,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (983,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (987,28): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (997,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1002,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (1003,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (1007,17): run-time error CSS1039: Token not allowed after unary operator: '-light-index-money-color' (1011,22): run-time error CSS1039: Token not allowed after unary operator: '-black-o4' (1012,30): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (1018,16): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (1027,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (1059,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1060,22): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (1367,22): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (1371,30): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (1372,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-7' (1373,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-4' (1382,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1399,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (1407,22): run-time error CSS1039: Token not allowed after unary operator: '-light-Login-bg' (1415,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (1416,22): run-time error CSS1039: Token not allowed after unary operator: '-light-SignUp-bg' (1428,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1429,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (1430,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (1434,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-2' (1438,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-1' (1445,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1449,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (1453,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1461,22): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-Default-color' (1465,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1469,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (1474,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-3' (1475,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-1' (1479,22): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (1483,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1558,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o6' (1562,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1566,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o6' (1571,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1578,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (1583,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (1587,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (1591,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (1595,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1607,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (1608,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (1618,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1619,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (1623,22): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (1624,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (1629,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-06' (1633,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-9' (1859,22): run-time error CSS1039: Token not allowed after unary operator: '-Input-Light' (2013,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary-title' (2044,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2052,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2053,35): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2054,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2055,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (2056,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (2061,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-6' (2062,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-8' (2063,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-7' (2064,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-7' (2065,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-8' (2070,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (2076,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2081,24): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (2086,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2090,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2094,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (2098,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (2100,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2101,35): run-time error CSS1039: Token not allowed after unary operator: '-white' (2106,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2112,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2116,29): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (2121,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (2125,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (2130,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-05' (2131,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-5' (2135,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2153,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (2154,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (2158,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-6' (2159,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-8' (2160,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-7' (2161,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-7' (2162,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-8' (2167,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2171,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-7' (2232,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2233,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2240,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (2246,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (2289,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2291,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2297,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2301,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-8' (2302,17): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (2307,17): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (2345,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2346,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2351,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-8' (2352,17): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (2481,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2483,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2493,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2494,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2503,26): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-8' (2504,21): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (2532,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2533,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2537,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2538,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2542,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2543,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2547,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2548,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2878,39): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2896,35): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (2903,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2908,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (2912,35): run-time error CSS1039: Token not allowed after unary operator: '-white' (2917,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (2921,35): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2925,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2929,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2933,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2937,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (2951,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (2961,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (2971,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (2975,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (2992,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (2994,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2998,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (3000,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-1' (3001,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-5' (3010,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3015,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (3025,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (3026,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (3033,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (3034,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3054,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (3114,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (3115,26): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (3127,39): run-time error CSS1039: Token not allowed after unary operator: '-white' (3131,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3136,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (3161,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3165,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (3178,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3179,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (3184,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-05' (3188,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (3189,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (3193,28): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (3198,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (3207,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (3223,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (3238,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (3252,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (3261,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (3263,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (3269,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3276,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (3375,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3426,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3430,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3431,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3432,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (3433,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (3441,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (3458,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (3459,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (3463,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3467,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3471,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (3593,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (3594,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (3595,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (3599,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (3600,39): run-time error CSS1039: Token not allowed after unary operator: '-white' (3605,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3766,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (3772,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (3773,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (3777,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3795,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (3801,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (3806,24): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (3818,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3822,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (3827,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (3828,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3860,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (3861,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (3890,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (3895,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (3903,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (3911,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (4020,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (4026,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (4027,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4031,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (4035,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (4039,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (4044,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (4048,24): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (4052,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (4062,29): run-time error CSS1030: Expected identifier, found '.' (4062,50): run-time error CSS1031: Expected selector, found ')' (4062,50): run-time error CSS1025: Expected comma or open brace, found ')' (4155,28): run-time error CSS1039: Token not allowed after unary operator: '-text3' (4188,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (4189,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (4194,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (4199,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4204,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (4209,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (4214,39): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (4228,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (4257,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (4258,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (4279,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (4283,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (4284,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (4478,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (4490,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (4495,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4502,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (4503,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (4507,30): run-time error CSS1039: Token not allowed after unary operator: '-white' (4666,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (4710,60): run-time error CSS1034: Expected closing parenthesis, found ',' (4710,60): run-time error CSS1042: Expected function, found ',' (4710,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (5177,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (5181,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5185,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (5186,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (5187,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (5191,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (5192,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (5201,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (5202,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (5203,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (5209,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5214,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (5218,28): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (5223,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (5228,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (5232,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (5238,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (5244,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (5249,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (5258,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5265,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (5269,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (5277,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (5278,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (5279,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (5284,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (5289,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5293,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (5297,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5303,34): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (5304,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5309,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (5314,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (5318,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5325,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (5330,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (5334,30): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (5338,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5343,35): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (5710,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (5713,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5718,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5719,23): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5723,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5724,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (5725,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (5731,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5741,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5742,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (5743,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (5744,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5769,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (5770,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (5771,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (5782,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (5784,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5788,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (5792,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5796,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (5797,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (5798,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (5802,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5806,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (5807,16): run-time error CSS1039: Token not allowed after unary operator: '-white' (5816,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (5817,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (5962,29): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (5970,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (5971,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (5976,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (5981,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5982,35): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (5986,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (5987,22): run-time error CSS1039: Token not allowed after unary operator: '-light-money-reback' (5989,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (5995,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (5996,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6001,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-8' (6002,17): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (6012,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (6021,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (6022,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6038,56): run-time error CSS1034: Expected closing parenthesis, found ',' (6038,56): run-time error CSS1042: Expected function, found ',' (6038,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6090,56): run-time error CSS1034: Expected closing parenthesis, found ',' (6090,56): run-time error CSS1042: Expected function, found ',' (6090,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (6250,101): run-time error CSS1030: Expected identifier, found '[' (6250,106): run-time error CSS1031: Expected selector, found '=' (6250,106): run-time error CSS1025: Expected comma or open brace, found '=' (6254,105): run-time error CSS1030: Expected identifier, found '[' (6254,110): run-time error CSS1031: Expected selector, found '=' (6254,110): run-time error CSS1025: Expected comma or open brace, found '=' (6262,107): run-time error CSS1030: Expected identifier, found '[' (6262,112): run-time error CSS1031: Expected selector, found '=' (6262,112): run-time error CSS1025: Expected comma or open brace, found '=' (6266,107): run-time error CSS1030: Expected identifier, found '[' (6266,112): run-time error CSS1031: Expected selector, found '=' (6266,112): run-time error CSS1025: Expected comma or open brace, found '=' (6310,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6314,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (6317,113): run-time error CSS1030: Expected identifier, found '[' (6317,118): run-time error CSS1031: Expected selector, found '=' (6317,118): run-time error CSS1025: Expected comma or open brace, found '=' (6325,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6326,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (6327,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (6331,28): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (6333,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (6351,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6359,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6363,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (6367,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (6371,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (6375,17): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (6379,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-03' (6384,28): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (6386,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (6390,28): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (6392,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (6406,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (6456,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6457,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (6465,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (6469,25): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (6473,25): run-time error CSS1039: Token not allowed after unary operator: '-gray' (6480,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (6481,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (6485,16): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (6501,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (6536,36): run-time error CSS1030: Expected identifier, found '.' (6536,56): run-time error CSS1031: Expected selector, found ')' (6536,56): run-time error CSS1025: Expected comma or open brace, found ')' (6565,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (6567,35): run-time error CSS1039: Token not allowed after unary operator: '-gray-1' (6568,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-5' (6573,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (6767,22): run-time error CSS1039: Token not allowed after unary operator: '-Input-Light' (6829,6): run-time error CSS1019: Unexpected token, found 'var(' (6829,10): run-time error CSS1019: Unexpected token, found '-' (6829,39): run-time error CSS1031: Expected selector, found ')' (6829,39): run-time error CSS1025: Expected comma or open brace, found ')' (6847,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (6848,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (6852,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (6853,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (6854,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-3' (6858,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (6863,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (6870,26): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (6874,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (6875,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (6879,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (6880,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (6884,26): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (6888,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (6892,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (6903,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (6909,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-06' (6913,29): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-05' (6917,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (6921,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (6925,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (6933,28): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (6993,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (6997,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (7099,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (7105,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (7159,22): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (7160,18): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-7' (7164,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (7165,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (7166,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (7174,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7175,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7179,28): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (7181,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (7198,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (7199,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (7207,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7212,21): run-time error CSS1039: Token not allowed after unary operator: '-gray' (7218,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (7224,26): run-time error CSS1039: Token not allowed after unary operator: '-blue' (7225,21): run-time error CSS1039: Token not allowed after unary operator: '-blue-01' (7229,26): run-time error CSS1039: Token not allowed after unary operator: '-red' (7230,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (7273,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-4' (7278,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7282,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7316,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7405,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (7406,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-12' (7433,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7439,28): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (7440,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (7471,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (7475,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (7479,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7638,56): run-time error CSS1034: Expected closing parenthesis, found ',' (7638,56): run-time error CSS1042: Expected function, found ',' (7638,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (7870,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (7874,26): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (7878,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (7882,26): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7886,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (7890,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7894,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (7895,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (7899,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7900,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7901,24): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (7910,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (7911,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7920,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (7924,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7925,35): run-time error CSS1039: Token not allowed after unary operator: '-white' (7930,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (7934,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (7938,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (7942,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (7947,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7952,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (7953,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (7954,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (7958,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (7966,30): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (7971,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (7975,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (7979,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (7983,41): run-time error CSS1039: Token not allowed after unary operator: '-white' (7984,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7989,37): run-time error CSS1039: Token not allowed after unary operator: '-close-gray' (7998,34): run-time error CSS1039: Token not allowed after unary operator: '-gray' (8005,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (8009,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (8014,32): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (8015,26): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (8016,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (8223,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8224,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (8229,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (8237,28): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (8238,22): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (8239,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (8248,22): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (8249,28): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (8250,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8255,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (8256,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (8265,32): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-paymant-stroke' (8266,26): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (8267,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (8275,25): run-time error CSS1039: Token not allowed after unary operator: '-white' (8276,30): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-header' (8277,36): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (8379,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (8385,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (8390,32): run-time error CSS1039: Token not allowed after unary operator: '-light-bg-ticker' (8392,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (8397,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (8407,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (8411,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Inside-money-text' (8571,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg' (8595,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (8599,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (8600,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-02' (8604,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8765,32): run-time error CSS1039: Token not allowed after unary operator: '-vip-btn1-disabled-img' (8770,32): run-time error CSS1039: Token not allowed after unary operator: '-vip-btn2-disabled-img' (8780,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-0' (8785,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-1' (8790,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-2' (8795,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-1' (8800,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-2' (8805,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-3' (8810,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-4' (8815,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-5' (8820,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-6' (8825,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-7' (8830,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-8' (8835,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-9' (8840,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-10' (8845,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-11' (8850,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-12' (8855,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-13' (8860,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-14' (8865,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-15' (8870,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-16' (8875,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-17' (8880,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-18' (8885,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-19' (8890,28): run-time error CSS1039: Token not allowed after unary operator: '-vip-title-icon-vip-20' (8997,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-2' (8999,23): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-6' (9001,37): run-time error CSS1039: Token not allowed after unary operator: '-gray-3' (9093,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-10' (9101,16): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9109,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-11' (9113,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-01' (9114,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-01' (9120,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (9121,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (9122,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow' (9136,26): run-time error CSS1039: Token not allowed after unary operator: '-light-VIP-Linear' (9138,21): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9143,38): run-time error CSS1039: Token not allowed after unary operator: '-light-siderbar-active-stroke' (9144,30): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-7' (9145,30): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-4' (9150,25): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (9158,25): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9163,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (9165,26): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (9171,22): run-time error CSS1039: Token not allowed after unary operator: '-light-custom-linear-gradient-color-8' (9172,17): run-time error CSS1039: Token not allowed after unary operator: '-white-o8' (9176,22): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (9180,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9367,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-green-01' (9375,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (9376,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9377,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (9382,22): run-time error CSS1039: Token not allowed after unary operator: '-white-o6' (9397,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9402,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (9403,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9404,22): run-time error CSS1039: Token not allowed after unary operator: '-gray' (9410,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (9416,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (9421,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (9422,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (9434,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9446,26): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (9447,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (9474,66): run-time error CSS1030: Expected identifier, found '.' (9474,75): run-time error CSS1031: Expected selector, found ')' (9474,75): run-time error CSS1025: Expected comma or open brace, found ')' (9491,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (9492,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (9505,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (9514,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9518,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (9519,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (9523,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (9527,17): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (9545,22): run-time error CSS1039: Token not allowed after unary operator: '-light-index-bg-o9' (9546,22): run-time error CSS1039: Token not allowed after unary operator: '-light-box-shadow-2' (9550,17): run-time error CSS1039: Token not allowed after unary operator: '-light-Text-color-dark' (9555,22): run-time error CSS1039: Token not allowed after unary operator: '-light-button' (9560,28): run-time error CSS1039: Token not allowed after unary operator: '-light-side-open-button-bg' (9575,21): run-time error CSS1039: Token not allowed after unary operator: '-light-warn' (9588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9746,26): run-time error CSS1039: Token not allowed after unary operator: '-vip-icon-bg' (9774,26): run-time error CSS1039: Token not allowed after unary operator: '-custom-white' */ @font-face { font-family: "ASpaceHeavy"; src: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Vip/images/ASpaceHeavy.otf") format("opentype"); /* 可选：定义字体的其他属性，如字体权重、字体样式等 */ font-weight: normal; font-style: normal; } @font-face { font-family: "TypoDigitItalic"; src: url("/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-2/components/HomeNavigationComponent/TypoDigitItalic.otf") format("opentype"); /* 可选：定义字体的其他属性，如字体权重、字体样式等 */ font-weight: normal; font-style: normal; } @font-face { font-family: "plank"; src: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Vip/images/PLANK.TTF") format("truetype"); /* 可选：定义字体的其他属性，如字体权重、字体样式等 */ font-weight: normal; font-style: normal; } @font-face { font-family: "RusselSquareOpti"; src: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Vip/images/RusselSquareOpti.otf") format("opentype"); /* 可选：定义字体的其他属性，如字体权重、字体样式等 */ font-weight: normal; font-style: normal; } @font-face { font-family: "SairaSemiCondensedBold"; src: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/fontFamily/SairaCondensed-Bold.ttf") format("truetype"); /* 可选：定义字体的其他属性，如字体权重、字体样式等 */ font-weight: normal; font-style: normal; } :root { --icon-green-01: #0289A1; --icon-green-02: #025867; --icon-green-03: #4AA9A2; --icon-green-04: #80CECF; --icon-green-05: #00ACCA; --icon-green-06: #769DA3; --blue: #D7E9F4; --blue-01: #66A9D9; --white: #FFF; --white-o8: #FFFFFFCC; --white-o6: #FFFFFF99; --black-o4: #00000066; --gray: #BEBEBE; --gray-o6: #BEBEBE99; --gray-01: #B1B1B1; --gray-1: #CED0D0; --gray-2: #666; --gray-3: #E0E0E0; --gray-4: #646464; --gray-5: #C3C3C3; --gray-6: #CECECE; --gray-7: #BFBFBF; --gray-8: #A2A2A2; --red: #FFD9CE; --close-gray: #F5EBDD; --light-index-money-color: #FFEA00; --light-Text-color-dark: #5D6B67; --light-warn: #FF8562; --light-bg-ticker: #94C4CC; --light-index-bg: #FAF4E3; --light-index-bg-o9: #FAF4E3E5; --light-Inside-money-text: #3983B7; --light-money-reback: #DBF6F3; --light-bg-header: linear-gradient(190deg, #4AA9A2 7.48%, #0289A1 92.22%); --light-Login-bg: linear-gradient(180deg, #FFC270 -21.33%, #D89B4A 45.88%, #907037 92.39%); --light-SignUp-bg: linear-gradient(180deg, #F5F5F5 21.08%, #BABABA 100%); --light-button: linear-gradient(90deg, #0289A1 1.66%, #4AA9A2 50.6%, #0289A1 99.86%); --light-siderbar-Default-color: rgba(255, 255, 255, 0.80); --light-siderbar-active-stroke: #92CCC7; --light-side-open-button-bg: #FDFCF4; --light-Inside-paymant-stroke: #ABD3CF; --light-box-shadow: 1px 1px 4px 0 rgba(5, 41, 62, 0.40); --light-box-shadow-1: 0 2.068px 4.136px 0 rgba(0, 0, 0, 0.25); --light-box-shadow-2: 1px 2px 4px 0 rgba(59, 91, 140, 0.20); --light-box-shadow-3: 0 1px 4px 0 #8D8D8D inset; --light-box-shadow-4: 0 1px 1px 0 rgba(2, 88, 103, 0.20), -0.304px -0.304px 0.507px 0 rgba(122, 243, 249, 0.80) inset; --light-box-shadow-5: 0 75px 21px 0 rgba(0, 0, 0, 0.00), 0 48px 19px 0 rgba(0, 0, 0, 0.01), 0 27px 16px 0 rgba(0, 0, 0, 0.04), 0 12px 12px 0 rgba(0, 0, 0, 0.07), 0 3px 7px 0 rgba(0, 0, 0, 0.08); --light-box-shadow-6: 0 2px 0 #B6B6B6; --light-box-shadow-7: drop-shadow(0 -0.973px 0 #D5D7D9); --light-box-shadow-8: 0 2px 4px 0 rgba(65, 82, 102, 0.20) inset; --light-VIP-Linear: linear-gradient(0deg, #E5E2DA 8.95%, #B4F2EF 231.26%); --light-custom-linear-gradient-color-1: linear-gradient(83deg, #4AA9A2 8.67%, #0289A1 95.04%); --light-custom-linear-gradient-color-2: linear-gradient(90deg, #FAF4E3 0%, #0289A1 100%); --light-custom-linear-gradient-color-3: linear-gradient(177deg, #92CAA3 2.42%, #0289A1 97.84%); --light-custom-linear-gradient-color-4: linear-gradient(177deg, #92CAA3 2.42%, #0289A1 97.84%); --light-custom-linear-gradient-color-5: linear-gradient(180deg, #F5F9FF -0.27%, #D6E0DF 100.27%); --light-custom-linear-gradient-color-6: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #94C4CC; --light-custom-linear-gradient-color-7: linear-gradient(284deg, #FCFFBC -0.83%, #2EF2DF 47.62%, #26A5FF 92.39%); --light-custom-linear-gradient-color-8: linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), linear-gradient(190deg, #4AA9A2 7.48%, #0289A1 92.22%); --light-custom-linear-gradient-color-9: linear-gradient(180deg, #FFF 0%, #DDDACF 100%); --light-custom-linear-gradient-color-10: linear-gradient(180deg, #7B7B7B 0%, #646464 75%); --light-custom-linear-gradient-color-11: linear-gradient(270deg, #7B7B7B 0%, #B1B1B1 98.4%); --light-custom-linear-gradient-color-12: linear-gradient(0deg, rgba(201, 243, 255, 0.90) -4.61%, rgba(234, 252, 254, 0.90) 47.7%, rgba(245, 249, 255, 0.90) 100%); } /* #region 基本樣式 */ #app #custom-float, #app #vpn-float, #app .side-menu-content .toggle-wrap { display: none; } #app .side-menu-content .scroll-content { padding: 0 12px 15px 12px; } #app.Home .jackpot { pointer-events: none; } html { background: rgba(0, 0, 0, .6) } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: var(--light-Text-color-dark) !important; } .v-overlay--active .v-overlay__scrim { opacity: 0.6 !important; } .v-application { background: transparent !important; } .v-application .ma-3 { margin: 12px 10px !important; } .v-application .red--text, .v-application .error--text { color: #FF9FDE !important; caret-color: #FF9FDE !important; } .v-main:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("/CdnRedirect/Web.Mobile/_Common/2.0/images/color/green-2/components/HomeNavigationComponent/bg.jpg") no-repeat center !important; z-index: 0; background-size: cover; } .form-wrap .input-wrap, #agent-apply .form-wrap .input-wrap { border: none; border-bottom: 1px solid #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .form-wrap #submit { color: #fff !important; background: linear-gradient(to right, #327ee5, #1e2b76) !important; } .form-wrap .v-input--checkbox label, .form-wrap .v-input--checkbox i { color: #fff !important; } .v-messages__message{ line-height:1; } #agent-apply .form-wrap .input-wrap { border: 1px solid #8d959a; } #agent-apply .v-label { left: 65px !important; color: var(--input-common-input-main-color); } #agent-apply .v-label.v-label--active { left: 65px !important; color: var(--input-common-input-main-color) !important; } #agent-apply [role="radiogroup"] .v-label { left: 0 !important; } #agent-apply .v-input__control > .v-input__slot:before, #agent-apply .v-input__control > .v-input__slot:after, #agent-apply .v-messages__message { display: none; } #agent-apply .v-input__icon--append i { margin: 0 35px 15px 0; color: var(--input-common-input-main-color); } #agent-apply .v-text-field__slot input, #agent-apply .v-select__slot input { padding-left: 65px; color: var(--input-common-input-main-color); } #agent-apply .mx-input { background-color: transparent; padding: 0 24px 0 65px; border: none; color: var(--input-common-input-main-color); } #agent-apply .mx-input-wrapper i { color: var(--input-common-input-main-color); } #app #page-title { color: #fff; background: #0C1429; padding-bottom: 2px; } #app #page-title:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: linear-gradient(to right, #1b1e1a, rgba(58, 162, 236, 0.98), #1c1e1c); } #app .news-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 3; padding-left: 30px; background: rgba(12, 18, 22, 0.8); padding: 0 5px; } #app .news-wrap:before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(to right, #1b1e1a, #3aa2ec, #1c1e1c); } #app .news-wrap:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(to right, #1b1e1a, #3aa2ec, #1c1e1c); } #app #news { padding-left: 30px; } #app #news::before { position: absolute; top: 4px; left: 8px; content: ""; width: 20px; height: 20px; background: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Shared/images/news.1.png") no-repeat center; background-size: contain; animation: zoomInOut 1.5s infinite ease-in-out; } @keyframes zoomInOut { 0% { transform: scale(1); /* 原始大小 */ } 50% { transform: scale(1.2); /* 放大到120% */ } 100% { transform: scale(1); /* 恢復原始大小 */ } } #app .account-info-wrap { position: relative; margin-bottom: 10px; } #app .account-info-wrap > * { position: relative; z-index: 1; } .theme--light.v-text-field--filled > .v-input__control > .v-input__slot, .theme--light.v-text-field--filled:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover { background: transparent; } .theme--light.v-input.v-text-field--rounded input, .theme--light.v-select .v-select__selections { border-bottom: 1px solid #fff; } .theme--light.v-select .v-select__selections input { border: none; } .v-text-field--rounded > .v-input__control > .v-input__slot { padding: 0 10px; } .theme--light.v-card { color: #fff; } .theme--light.v-card .custom-block-text label { color: #fff !important; } .theme--light.v-card .black--text { color: #fff !important; } .theme--light.v-card > .v-card__text { color: #fff; } .theme--light.v-card .v-btn { color: #fff; } .theme--light.v-card .v-icon { color: #fff; } .theme--light.v-card .v-data-table { color: #fff; background: rgba(0, 0, 0, 0.5); } .v-btn.primary--text { background: linear-gradient(to right, #327ee5, #1e2b76) !important; color: #fff !important; } #app .common-alert-modal.v-dialog .v-card h4 { text-align: center; } #app .modal-content .v-card { color: #fff; background: rgba(0, 0, 0); } #app .modal-content .v-card__title { color: #fff; background: linear-gradient(to right, #327ee5, #1e2b76); } .theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) { background: transparent; } .v-dialog .v-card { background: rgba(31, 49, 67, 0.6); border: 1px solid #1e2b76; } .theme--light.v-input, .theme--light.v-input input, .theme--light.v-input textarea, .theme--light.v-label, .theme--light.v-select .v-select__selections, .theme--light.v-select .v-select__selection, .theme--light.v-messages { color: #fff; } .v-input--checkbox .v-icon.v-icon--dense { font-size: 0; } .theme--light.v-text-field > .v-input__control > .v-input__slot:before { border-color: #fff; } #app .grey--text { color: #41536e !important; } #app .green--text { color: #aefea0 !important; } #app .blue--text { color: #2ed4fb !important; } #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:last-child, #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:last-child, #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), #app .v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th, #app .v-data-table tr td + td { border-color: transparent; color: #fff; } #app #page-title .back-btn, #app .member-center-d .member-center-title .to-home { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/Union.png) no-repeat center / contain; width: 35px; height: 35px; transform: rotate(90deg); top: 21%; left: 12px } #app .v-input--selection-controls__ripple, #app .v-ripple__container { /* UI庫的點擊背景特效框 */ display: none; } #app .theme--light.v-btn:before { content: none; /* UI庫的點擊背景特效框 */ } #app .theme--light.v-btn:hover:before { content: none; /* UI庫的點擊背景特效框 */ } /*--->light-mode*/ .light-mode .v-progress-circular__overlay { stroke: var(--icon-green-02); } .light-mode .v-application .primary--text { color: var(--icon-green-02) !important; caret-color: var(--icon-green-02) !important; } .light-mode .theme--light.v-text-field > .v-input__control > .v-input__slot:before, .light-mode .theme--light.v-card .v-icon { border-color: var(--light-Text-color-dark); } .light-mode #app .v-alert--text:before { content:none; } .light-mode #app #page-title .back-btn, .light-mode #app .member-center-d .member-center-title .to-home { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/select.png) no-repeat center / contain; width: 20px; height: 20px; top: 50%; transform: translateY(-50%) rotate(90deg); } .light-mode #app .blue--text{ color: var(--icon-green-01) !important; } .light-mode .v-application .red--text, .light-mode.v-application .error--text { color: var(--light-warn) !important; caret-color: var(--light-warn) !important; } .light-mode .swal2-icon.swal2-error { border-color: var(--light-warn); } .light-mode .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: var(--light-warn); } .light-mode #app #page-title { background: var(--light-bg-header); text-shadow:none; } .light-mode #app #page-title:after { content: none; } .light-mode .v-main:before { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/bg.png") no-repeat center !important; background-size: cover !important; } .light-mode .v-application .info--text, .light-mode .theme--light.v-card .black--text { color: var(--light-Text-color-dark) !important; caret-color: var(--light-Text-color-dark) !important; } .light-mode .theme--light.v-card { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode .theme--light.v-card > .v-card__text, .light-mode .theme--light.v-input, .light-mode .theme--light.v-input input, .light-mode .theme--light.v-input textarea, .light-mode .theme--light.v-label, .light-mode .theme--light.v-select .v-select__selections, .light-mode .theme--light.v-select .v-select__selection, .light-mode .theme--light.v-messages, .light-mode .theme--light.v-card .black--text, .light-mode #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:last-child, .light-mode #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), .light-mode #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:last-child, .light-mode #app .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), .light-mode #app .v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th, .light-mode #app .v-data-table tr td + td, .light-mode .theme--light.v-card{ color: var(--light-Text-color-dark); } .light-mode #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:last-child, .light-mode #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), .light-mode #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:last-child, .light-mode #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), .light-mode #app .common-dialog .v-data-table table > thead > tr:last-child > th, .light-mode #app .v-data-table tr td + td { border-color: var(--light-Text-color-dark) !important; } .light-mode .theme--light.v-card .custom-block-text label { color: var(--light-Text-color-dark) !important; } .light-mode #app .input-wrap.password button{ opacity:1; } .light-mode #app .input-wrap.password button i { font-size: 0; min-height: 24px; min-width: 24px; } .light-mode #app .input-wrap.password .v-input:has(input[type="password"]) button i { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/eyeOff.png") no-repeat center / contain; } .light-mode #app .input-wrap.password .v-input:has(input[type="text"]) button i { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/eyeOn.png") no-repeat center / contain; } .light-mode #app .mx-datepicker svg { fill: var(--white); } .light-mode #app .account-card .icon-wrap { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/check.png") no-repeat center / contain; width: 12% !important; top: -6% !important; left: -4% !important; aspect-ratio: 1 / 1; height: auto; } .light-mode #app .account-card { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/card-bg.png) no-repeat center / contain !important; min-height: unset; aspect-ratio: 652 / 380; height: unset; } .light-mode #app .account-card .v-card__text { min-height: unset; height: 100%; } .light-mode #app .account-card .card-linear { background: var(--white); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); } .light-mode #app .account-card .account-number-title, .light-mode #app .account-card .account-name-main { color: var(--white); } .light-mode #app .account-card .account-name-main::after{ content:none; } .light-mode #app .progressbar { background: var(--gray-4); } /* #endregion 基本樣式 */ /* #region 遊戲大廳上面的搜尋 */ #app #page-title + .grey { background: rgba(31, 49, 67, 0.8) !important; } #app #home-navigation .game-list-block { padding-right: 5px; } #app #home-navigation .game-list-block ul.hot { grid-gap: 7px !important; } #app #home-navigation #Hot > li.hot { position: relative; font-size: 0; border-radius: 8px; } #app #home-navigation #Hot > li.hot .game-name { display: block !important; position: absolute; left: 5px; right: 5px; bottom: 2px; font-size: 12px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #fff; text-align: center; } #home-navigation .game-list-block ul li.hot img { border-radius: 5px; } @media (max-width: 400px) { #app .login-btn, #app .signup-btn { font-size: 12px; } } @media (max-height: 750px) { } /* #endregion 遊戲大廳上面的搜尋*/ /* #region */ #app .online-count { display: none !important; } #app .set-new-password-main, #app .empty-password-bg, #app .any-time-discount-main, #app #member-infor .common-bg { background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9)); border: 1px solid #2cd0ff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #app #member-transfer { padding-bottom: 70px; } #app #member-transfer .common-bg { background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9)); border: 1px solid #2cd0ff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #app #member-transfer .transfer-input-wrap { height: auto; padding: 0; background-color: transparent; border: none; border-radius: 0; margin: 0; z-index: 1; } #app #member-transfer .v-text-field__details { z-index: 1; } #app #transfer-form-wrap .transfer-input-wrap .v-text-field__details .v-messages .v-messages__message { padding: 0; background: none; } #app #member-transfer .warn-text { margin-bottom: 20px; } #app #member-transfer .transfer-input-wrap .v-input__control > .v-input__slot { position: relative; overflow: visible; } #app #member-transfer .transfer-input-wrap .v-input__append-inner, #app #member-transfer .transfer-input-wrap .v-input__append-outer { position: absolute; right: -8px; bottom: -15px; display: flex; align-items: center; z-index: 3; pointer-events: auto; } #app #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn, #app #member-transfer .transfer-input-wrap .v-input__append-outer .v-btn { height: 20px; min-width: 0; padding: 5px; font-size: 13px; border-radius: 6px; background: linear-gradient(to right, #327ee5, #1e2b76); color: #fff; box-shadow: none; margin: 0; } #app #member-transfer .transfer-input-wrap .v-input__slot input, #app #member-transfer .transfer-input-wrap .v-input__slot textarea { padding-right: 110px; } #app #member-transfer #transfer-form-wrap .transfer-input-wrap .v-label { padding: 0 !important; transform: translateY(0) !important; color: #fff !important; opacity: 1; } #app .set-new-password-main .v-btn, #app .empty-password-bg .v-btn, #app #member-infor .common-bg .v-btn { display: flex; flex: 1; justify-content: center; align-items: center; color: #fff; font-size: 13px; min-width: 94px; height: 37px; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/btn.png") no-repeat center; background-size: 100% 100%; border: none; } #app .any-time-discount-main .grey--text { color: #fff !important; } #app .any-time-discount-main .v-data-table__wrapper .thead .blue-grey { background: #132f47 !important; } #app .any-time-discount-main .v-data-table__wrapper > table > thead > tr:last-child > th, #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .any-time-discount-main .v-data-table > .v-data-table__wrapper > table > tfoot > tr > td:not(.v-data-table__mobile-row) { border: 1px solid #41536e !important; } #app .any-time-discount-main .v-data-table tr td:last-child { border-right: 1px solid #41536e !important; } #app .any-time-discount-main .v-data-table tr td:first-child { border-left: 1px solid #41536e !important; } #app .any-time-discount-main .v-data-table__wrapper tr:nth-child(even) { background: #0a1a30; } #app.ChangePassword .v-btn, #app.ChangeMoneyPassword .v-btn { border-color: #fff; } #app, #app .v-application--wrap { min-height: calc(100 * var(--vh)); } #app .go-homepage-btn { display: block; } #app .balance:before { display: none; } .live-icon { position: fixed; top: 17vh; right: 0; } .live-icon img { width: 70px; height: auto; } .v-application .sign-out-modal .grey.lighten-2 { background-color: #0d203d !important; border-color: unset !important; } .v-dialog .v-card.sign-out-modal { border: 1px solid #43e6ff; background: #0d203d; } #app .sign-out-modal .grey--text { color: #fff !important; } #online-services > div.page-content.d-flex.flex-column > div.livechat { display: none; } .v-pagination__navigation .v-icon { color: rgba(0, 0, 0, 0.54) !important; } /* light-mode*/ .light-mode #app .set-new-password-main, .light-mode #app .empty-password-bg, .light-mode #app .any-time-discount-main, .light-mode #app #member-infor .common-bg { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); border: 1px solid var(--white) !important; } .light-mode #app .any-time-discount-main .grey--text { color: var(--light-Text-color-dark) !important; } /* #endregion */ /* #region 會員中心 */ #app.MemberCenter .member-center-title { background: #0C1429; } #app.MemberCenter .mamber-info-wrap .mascot { height: 100%; width: 100%; bottom: -1%; left: 1%; position: absolute; } #app.MemberCenter .mamber-info-wrap .mascot img { display: none; } #app.MemberCenter .mamber-info-wrap .mascot::before { content: ''; display: block; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/mascot.png) no-repeat left center / contain; } #app.MemberCenter .mamber-info-wrap .mamber-info { margin: 10px 0 0 auto; } #app.MemberCenter .mamber-info-wrap .mamber-info .login-time { display: block; } #app.MemberCenter .mamber-info-wrap .wallet-info { height: auto; } #app.MemberCenter .mamber-info-wrap .wallet-info span { line-height: 1; font-size: 14px; color: #FFFFFF; letter-spacing: 0.5px; font-family: "SairaSemiCondensedBold"; } #app.MemberCenter .mamber-info-wrap .more-arrow { font-size: 0; } #app.MemberCenter .mamber-info-wrap .more-arrow::before { content: ''; display: inline-block; width: 13px; height: 16px; vertical-align: top; margin: 3px -20px 0 -2px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/arrow-right.png) center / contain no-repeat; } #app.MemberCenter .member-center-title .right-box button { display: none; } #app.MemberCenter .SignOut-btn a { color: #84C5E9; line-height: 35px; } #app.MemberCenter .sub-link-group a.member-info, #app.MemberCenter .sub-link-group a.announcement-btn { display: none; } /*light-mode*/ .light-mode #app.MemberCenter .mamber-info-wrap { margin: 16px; margin-bottom: 0; border-radius: 8px; } .light-mode #app.MemberCenter .member-center-title { background: var(--light-bg-header); } .light-mode #app.MemberCenter .mamber-info-wrap .mascot { bottom: 0%; } .light-mode #app.MemberCenter .SignOut-btn a { color: var(--white); } .light-mode #app.MemberCenter .mamber-info-wrap .more-arrow::before { margin: 4px -20px 0 -2px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/arrow.png) center / 180% no-repeat; } .light-mode #app.MemberCenter .member-center-d .main-action { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode #app.MemberCenter .member-center-d hr { border: 1px solid var(--close-gray); filter: none; } .light-mode #app.MemberCenter .member-center-d .mamber-info-wrap:before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/top_bg.png) center / contain no-repeat; z-index: 0; } .light-mode #app.MemberCenter .member-center-d .mamber-info-wrap .mamber-info { color: var(--white); z-index: 1; } .light-mode #app.MemberCenter .member-center-d .mamber-info-wrap { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode .member-center-d .mamber-info-wrap .mamber-info .AccountName { color: var(--light-index-money-color); } .light-mode .member-center-d .mamber-info-wrap .wallet-info { background: var(--black-o4); border: 0.5px solid var(--light-siderbar-active-stroke); backdrop-filter: blur(2px); border-radius: 5px; } .light-mode .member-center-d .mamber-info-wrap .vip-btn{ color:var(--light-Text-color-dark); } .light-mode #app.MemberCenter .member-center-d .main-action .main-link .action-link{ font-weight:400; } .light-mode #app.MemberCenter .member-center-d .main-action .main-link .action-link { color: var(--light-Text-color-dark); } .light-mode #app.MemberCenter .mamber-info-wrap .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) center / contain no-repeat; width: 50%; height: 80%; margin: 5% 0 0 -3%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) center / contain no-repeat; } .light-mode #app.MemberCenter .mamber-info-wrap.vip-level-1 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone2.png) center / contain no-repeat; } .light-mode #app.MemberCenter .mamber-info-wrap.vip-level-2 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone3.png) center / contain no-repeat; } .light-mode #app.MemberCenter .mamber-info-wrap.vip-level-3 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone4.png) center / contain no-repeat; } .light-mode #app.MemberCenter .mamber-info-wrap.vip-level-4 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone5.png) center / contain no-repeat; } .light-mode #app.MemberCenter .mamber-info-wrap.vip-level-5 .mascot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone6.png) center / contain no-repeat; } .light-mode #app.MemberCenter .member-center-d .sub-link-group a .mail-unread-count { color: var(--white); background: var(--light-warn); } /* #endregion 會員中心 */ /* #region 首頁 */ #app #vpn-float { bottom: 166px !important; } #app #activity-float .SignInEvent::before { content: ''; display: block; width: 100%; height: 90px; background: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/components/ActivityFloatComponent/SignInEvent/zh-TW/signinevent-service.png) no-repeat center / contain; } #app #activity-float .SignInEvent img { display: none; } #app #logo-bar, #app #home #home-navigation-wrap.l-component { padding-bottom: 0px; } #app.Home .v-main { padding: 0 !important; } #app.Home .layout-wrap { /*首頁footer之存提按鈕，取消fixed設定才會相同。*/ /*position: fixed; top: 0; left: 0; right: 0; bottom: 0;*/ flex-direction: column; display: flex; flex: 1 1 auto; flex-wrap: nowrap; min-width: 0; } #app.Home .layout #home.v2 { position: static; flex: 1; padding: 0; height: 0; } #app.Home #home:before { display: none; } #app.Home #home-navigation .game-tab li { min-height: 55px; } #home-navigation .game-tab li.swiper-pagination-bullet-active { box-shadow: none; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #1F53A0 0%, #1764AB 30.5%, #0C1429 100%); } #home-navigation .game-tab li.swiper-pagination-bullet-active span { color: white; } #home-navigation .game-tab li:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(270deg, #263557 0%, #3b4d71 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #home-navigation .game-tab li.swiper-pagination-bullet-active:after { background: linear-gradient(180deg, #63ffff 0%, #d6d6d6 100%) border-box; } #home-navigation .swiper-slide.common .common-list.hot { grid-template-columns: repeat(2, 1fr); gap: 8px; } #home-navigation .swiper-slide.common .common-list.hot .hot-item { border-radius: 8px; border: none; background: none; height: 119.2px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden; } #home-navigation .swiper-slide.common .common-list.hot .hot-item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #343C56 0%, #485092 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box { position: relative; width: 100%; border-radius: 8px 8px 0 0 !important; background: none; height: 78%; overflow: hidden; } #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px 8px 0 0 !important; border: 1px solid transparent; background: linear-gradient(180deg, #63ffff 0%, #475560 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 1; } #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box img { height: calc(100% - 2px); width: calc(100% - 2px); object-fit: cover; position: absolute; top: 1px; left: 1px; transform: scale(1); transform-origin: center; } #home-navigation-wrap.l-component .common-list .game-img-box .label { left: 1px; top: 1px; } #home-navigation .swiper-slide.common .common-list.hot .hot-item img { display: block; width: 100%; margin-bottom: 1px; } #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-name { position: static; height: auto; width: 100%; padding: 6px 0; text-align: center; background: linear-gradient(180deg, #97AFDA -3.42%, #97B6F2 96.58%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden; text-align: center; leading-trim: both; text-edge: cap; text-overflow: ellipsis; font-family: "Inter", sans-serif; font-size: 10px; font-style: normal; line-height: normal; text-transform: uppercase; font-weight: 500; } #home-navigation .swiper-slide.common .common-list .custom-group { padding: 0; display: none !important; } #home-navigation .swiper-slide.common .common-list .custom-group .custom-item { border: none; border-radius: 4px; background: radial-gradient(79.62% 100% at 53.93% 100%, rgba(25, 27, 45, 0.7) 0.62%, rgba(25, 48, 91, 0.7) 100%); backdrop-filter: blur(15px); } #home-navigation .swiper-slide.common .common-list .custom-group .custom-item > * { z-index: 1; } #home-navigation .swiper-slide.common .common-list .custom-group .custom-item:before { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border-radius: 4px; background: radial-gradient(111.95% 100.14% at 50.02% -0.67%, rgba(108, 179, 255, 0.2) 0%, rgba(17, 58, 112, 0.55) 54.06%, #191e30 100%); } #home-navigation .swiper-slide.common .common-list .custom-group .custom-item:after { content: ""; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; display: block; content: ""; border-radius: 4px; border: 2px solid transparent; background: linear-gradient(220.15deg, #fff2b2 -1.84%, #ffffff 11.98%, #fff2b3 23.03%, #63ffff 44.75%, #19262f 77.12%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 1; } #home-navigation .swiper-slide.common .common-list .custom-group .custom-item .hot-text { background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #home-navigation .swiper-slide.common .common-list .custom-group .custom-item img { max-width: 71%; position: absolute; right: 6px; bottom: 6px; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item { border-radius: 8px; background: radial-gradient(circle, #35B2E8 0%, #63FFFF 50%, #2F98E3 100%) border-box; overflow: unset; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item::before { content: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: radial-gradient(circle, #35B2E8 0%, #63FFFF 50%, #2F98E3 100%) border-box; z-index: -1; } #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-image, #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-bg { border-radius: 8px; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); } #app.Home #home #slider-banner.l-component .news-wrap { border-radius: 50px; } #app.Home #home #slider-banner.l-component .news-wrap::before, #app.Home #home #slider-banner.l-component .news-wrap::after { content: none; } #app.Home #slider-banner.l-component .news-wrap #news { padding-left: 22px; } #app.Home #home #slider-banner.l-component .news-wrap #news::before { transform: scale(1) !important; animation: none; left: 2px; } #app.Home #home-navigation .game-tab li + li { margin-top:0; } #app.Home #home-navigation .game-tab{ gap:8px; } /*--->light-mode*/ .light-mode #app.Home .mail-btn::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/mail.png) no-repeat center / 130%; } .light-mode #app.Home .mail-btn .unread { background: var(--light-warn); } .light-mode #app.Home .member-level { border: 0.2px solid var(--light-siderbar-active-stroke); background: var(--light-custom-linear-gradient-color-7); box-shadow: var(--light-box-shadow-4); } .light-mode #app.Home .balance .coin, .light-mode #app.Home .balance .add-btn { display: none; } .light-mode #app.Home .balance { background: var(--icon-green-02); } .light-mode #app.Home .balance::before, .light-mode #app.Home .balance::after { content: ''; display: inline-block; height: 14px; width: 14px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/refreash.png) no-repeat center / 130%; } .light-mode #app.Home .balance::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/money.png) no-repeat center / 130%; } .light-mode #app.Home #logo-bar { background: var(--light-bg-header); } .light-mode #app.Home #logo-bar::after{ display:none; } .light-mode #app.Home #logo-bar .login-btn { background: var(--light-Login-bg); } .light-mode #app.Home #logo-bar .login-btn::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/signin.png) no-repeat center / 130%; } .light-mode #app.Home #logo-bar .signup-btn { color: var(--icon-green-01); background: var(--light-SignUp-bg); } .light-mode #app.Home #logo-bar .signup-btn::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/signup.png) no-repeat center / 130%; } .light-mode #app.Home #logo-bar .side-menu-btn { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/menu.png) no-repeat center / 130%; } .light-mode #app.Home #home #slider-banner.l-component { border: 1px solid var(--white); background: var(--light-index-bg); box-shadow: var(--light-box-shadow); } .light-mode #app.Home #home #slider-banner.l-component .jackpot .line { background: var(--light-custom-linear-gradient-color-2); } .light-mode #app.Home #home #slider-banner.l-component .jackpot .text { background: var(--light-custom-linear-gradient-color-1); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .light-mode #app.Home #home #slider-banner.l-component .jackpot .number .jackpot-number .real-time-num div { color: var(--icon-green-02); } .light-mode #app.Home #home #slider-banner.l-component .news-wrap { background: var(--light-bg-ticker); } .light-mode #app.Home #slider-banner.l-component .news-wrap #news { color: var(--white); } .light-mode #app.Home #home #slider-banner.l-component .news-wrap #news::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/news.png) no-repeat center / 130%; } .light-mode #app.Home .main #home-navigation .game-tab li { background: var(--light-siderbar-Default-color); } .light-mode #app.Home .main #home-navigation .game-tab li span { color: var(--icon-green-02); } .light-mode #app.Home #home-navigation .game-tab li:after { background: var(--light-bg-ticker) border-box; border-width: 1px; } .light-mode #app.Home #home-navigation .game-tab li.swiper-pagination-bullet-active { background: var(--light-custom-linear-gradient-color-3); box-shadow: var(--light-box-shadow-1); } .light-mode #app.Home #home-navigation .game-tab li.swiper-pagination-bullet-active:after { background: var(--light-siderbar-active-stroke) border-box; } .light-mode #app.Home .main #home-navigation .game-tab li.swiper-pagination-bullet-active span { color: var(--white); } .light-mode #home-navigation .game-tab.F li.Favorite:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/like.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Favorite:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/like_a.png); } .light-mode #home-navigation .game-tab.F li.Hot:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/hot.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Hot:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/hot_a.png); } .light-mode #home-navigation .game-tab.F li.Slot:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/slot.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Slot:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/slot_a.png); } .light-mode #home-navigation .game-tab.F li.Live:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/live.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Live:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/live_a.png); } .light-mode #home-navigation .game-tab.F li.Board:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/board.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Board:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/board_a.png); } .light-mode #home-navigation .game-tab.F li.Fish:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/fish.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Fish:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/fish_a.png); } .light-mode #home-navigation .game-tab.F li.Sport:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/sport.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Sport:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/sport_a.png); } .light-mode #home-navigation .game-tab.F li.VPN:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/vpn.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.VPN:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/vpn_a.png); } .light-mode #home-navigation .game-tab.F li.Lottery:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/lottery.png); } .light-mode #home-navigation .game-tab.F li.swiper-pagination-bullet-active.Lottery:before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/lottery_a.png); } .light-mode #app.Home #home-navigation .swiper-slide.common .common-list .game-item { background: var(--white-o6); } .light-mode #app.Home #home-navigation .swiper-slide.common .common-list .game-item::before { background: var(--white); } .light-mode #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item { background: var(--white-o6); } .light-mode #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item:before, .light-mode #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-img-box:before { background: var(--white) border-box; border-width: 1px; } .light-mode #app.Home #home-navigation .swiper-slide.common .common-list.hot .hot-item .game-name, .light-mode #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-name-box span, .light-mode #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-name-box b { color: var(--icon-green-01); -webkit-text-fill-color: unset; } .light-mode #app.Home #side-menu-a { background: var(--light-index-bg); } .light-mode #app.Home #side-menu-a .close-side-menu { color: var(--gray); } .light-mode #app.Home #side-menu-a .top-games ul { background: var(--light-side-open-button-bg); } .light-mode #app.Home #side-menu-a .top-games ul .game-item { color: var(--icon-green-02); } .light-mode #app.Home #side-menu-a .top-games ul .game-item::before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/ATG.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .top-games ul .game-item.active { background: var(--light-bg-header); color:var(--white); } .light-mode #app.Home #side-menu-a .top-games ul .game-item.active::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/ATG-white.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu.bg, .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item, .light-mode #app.Home #side-menu-a .menu .menu-item { color: var(--icon-green-02); background: var(--light-side-open-button-bg) } .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item.disabled { background: var(--close-gray); color: var(--icon-green-02); opacity:0.6; } .light-mode #app.Home #side-menu-a label.toggle-label { background: var(--icon-green-06); } .light-mode #app.Home #side-menu-a .checkbox-input:checked:not(#theme-btn) + label { background: var(--light-custom-linear-gradient-color-9); } .light-mode #app.Home #side-menu-a .thumb { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/soundsOff.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .checkbox-input:checked + label .thumb { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/soundsOn.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .thumb.theme { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/lightOn.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .checkbox-input:checked + label .thumb.theme { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/lightOff.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item img, .light-mode #app.Home #side-menu-a .menu .menu-item img { display:none; } .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item::before, .light-mode #app.Home #side-menu-a .menu .menu-item::before { content: ''; width: 18px; height: 18px; display: inline-block; } .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item.hot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/hot.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item.favorite::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/like.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .horizontal-menu .menu-item.history::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/history.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Slot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/slot.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Slot::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/slot.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Live::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/live.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Board::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/board.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Fish::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/fish.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Sport::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/sport.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.Lottery::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/lottery.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.VPN::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/vpn.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.vip::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/vip.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.sitemail::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/sitemail.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.award-center::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/award-center.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.promotion::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/promotion.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.bank::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/bank.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.transaction::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/transaction.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.betRecord::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/betRecord.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.language::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/language.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.password::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/password.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.app::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/app.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.guide::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/guide.png) no-repeat center / contain; } .light-mode #app.Home #side-menu-a .menu .menu-item.chat::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/sideMenu/chat.png) no-repeat center / contain; } .light-mode #app.Home #home-navigation-wrap.l-component .common-list .label .btn-like { background-image: none; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/like_a.png) center / contain no-repeat; } .light-mode #app.Home #home-navigation .swiper-slide.common .common-list .game-item .game-bg { display:none; } .light-mode #app.Home #home-navigation .swiper-slide:not(#Favorite):not(#Hot).common .common-list .game-item::before { content: ''; display: block; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/game-bg.png) center / 120% no-repeat; z-index: 0; border-radius: 8px; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); } /* #endregion 首頁 */ /* #region 首頁app下載 */ #app #app-download ul { background: linear-gradient(90deg, #052543 0%, #134DA4 100%); } #app #app-download h2 { color: #00DBFF; } #app #app-download span { color: #68AEDB; } #app #app-download ul li.download-body { padding-left: 1%; width: calc(100% - 100px); } #app #app-download ul li.download-body > div { padding-left: 4%; } #app #app-download ul li.download-btn { min-width: auto; color: #fff; font-size: 1rem; padding: 0.3rem 0.5rem; white-space: nowrap; border-radius: 6px; border: 0.5px #37D8F8; background: radial-gradient(129.75% 100% at 51.64% 0%, #4CDFFF 0%, #537EDE 100%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } #app #app-download ul li.close-btn { width: 35px; height: 100%; background: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: contain; } #app #app-download ul li.download-body img { -moz-box-shadow: 0px 0px 10px 0 rgba(129, 183, 255, 1); -webkit-box-shadow: 0px 0px 10px 0 rgba(129, 183, 255, 1); box-shadow: 0px 0px 10px 0 rgba(129, 183, 255, 1); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; height: 100%; max-width: unset; } /* #endregion 首頁app下載 */ /* #region form共用設定 */ #app .v-form .v-text-field__slot, #app .v-form .v-select__slot { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } #app .v-form label { padding: 0 !important; position: relative !important; margin-bottom: 6px; transform: translateY(0px); font-size: 14px; color: #dadbf3 !important; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); top: 0; } #app .v-form label.v-label--active { opacity: 1; } #app .v-form input, #app .v-form textarea { border-radius: 4px; border: 1px solid #ccd1ff; background: var(--Input-Light, #181927); box-shadow: 0px 2px 4px 0px #05050b inset; padding: 6px 16px !important; margin-top: 0px; min-height: 38px; } #app .v-form .v-input--is-disabled input, #app .v-form .v-input--is-disabled textarea { color: #ffffff80; background: #18192770; } #app .v-form .v-select .v-select__selections .v-select__selection--disabled { color: #ffffff80; } #app .v-form .v-input__append-outer { color: #84c5e9; top: 34px; } #app .v-form input:focus, #app .v-form textarea:focus { border-color: #6c9eff; } #app .v-form input .placeholder, #app .v-form textarea .placeholder, #app .input-wrap .placeholder { font-weight: 400; } #app .v-form .v-input__append-inner img { height: calc(100% - 29px); width: auto; top: auto; bottom: 1.3px; right: 68px; } #app .v-form .v-input__append-inner button { top: auto; bottom: 0px; right: 12px; } #app .v-form .v-text-field__details { position: static; min-height: auto; } #app .v-form .v-text-field__details .v-messages { min-height: auto; } #app .v-form .v-text-field__details .v-messages__wrapper { text-align: start; } #app .v-form .v-text-field__details .v-messages__message { background: none; padding: 0; border-radius: 0; margin-left: 0px; color: #ff9fde; margin-top: 0px; } #app .v-form .v-text-field__details .v-messages__message::before { display: none; } #app .v-form .v-input.error--text input, #app .v-form .v-input.error--text textarea { border-color: #ff9fde; } #app .v-form .v-input.v-input--checkbox i, #app .v-form .v-input.v-select i, #app .v-input.small-checkbox i { color: #ffffff00 !important; } #app .v-form .v-input.v-input--checkbox label { color: #b1d3fb !important; } #app .v-form .v-input.v-input--checkbox i::after, #app.BetRecord .v-dialog .v-card__text .v-input--selection-controls__input i::after, #app .v-input.small-checkbox i::after { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/uncheck.png") center / 130% no-repeat; opacity: 1; } #app .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after, #app.BetRecord .v-dialog .v-card__text .v-input--is-label-active .v-input--selection-controls__input i::after, #app .v-input.small-checkbox.v-input--is-label-active i::after { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/check.png") center / 130% no-repeat; } #app .v-form .v-input.v-select i::after { background-image: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/select.png"); background-position: center; background-size: contain; background-repeat: no-repeat; background-size: 80%; opacity: 1; } #app .v-form .v-input .v-input__control .v-select__slot .v-input__append-inner { position: absolute; right: 8px; bottom: 8px; } #app .v-form .v-select__slot .v-select__selections { padding: 0px; width: 100%; border: none; } #app .v-form .v-select__slot .v-select__selections .v-select__selection--comma { position: absolute; z-index: 1; margin: 5px 4px 3px 16px; } #app .v-form .v-text-field.v-text-field--enclosed .v-text-field__details, #app .v-form .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded) > .v-input__control > .v-input__slot { padding: 0px; } #app .v-form .v-text-field > .v-input__control > .v-input__slot:after, #app .v-form .v-text-field > .v-input__control > .v-input__slot:before { content: none; } #app .v-menu__content { border: 1px solid #FFFFFF; border-radius: 6px; } #app .v-menu__content .v-select-list { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app .v-menu__content .v-select-list .v-list-item__title { color: #84C5E9; } #app .mx-datepicker input { border-radius: 6px; border: 0.5px solid var(--dark-primary-title, #FFF); background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); height: 40px; } #app .mx-datepicker input, #app .mx-datepicker i { color: #84C5E9; } #app .mx-datepicker.disabled input { color: #ffffff80; background: #18192770; } #app .file-upload-item .upload_zone { border: 1px dashed #FFFFFF; } #app .file-upload-item .upload_zone .v-icon.cloud-upload-icon, #app .file-upload-item .upload_zone .upload { color: #84C5E9; } #app .file-upload-item .upload_zone .upload { border: none; font-size: 14px; font-weight: 500; } /*--->light-mode*/ .light-mode #app .v-form label { color: var(--light-Text-color-dark) !important; text-shadow: none; font-weight: 700; } .light-mode #app .v-form input, .light-mode #app .v-form textarea, #transfer-form-wrap .transfer-input-wrap input { color: var(--light-Text-color-dark) !important; -webkit-text-fill-color: var(--light-Text-color-dark) !important; border: 1px solid var(--white); background: var(--gray); box-shadow: var(--light-box-shadow-3); } .light-mode #app .v-form .v-input--is-disabled input, .light-mode #app .v-form .v-input--is-disabled textarea { border: 1px solid var(--gray-6) !important; box-shadow: var(--light-box-shadow-8) !important; -webkit-text-fill-color: var(--gray-7) !important; color: var(--gray-7) !important; background: var(--gray-8) !important; } .light-mode #app .v-form input:focus, .light-mode #app .v-form textarea:focus { border: 1px solid var(--light-Inside-money-text); } .light-mode #app .v-form input .placeholder, .light-mode #app .v-form textarea .placeholder, .light-mode #app .input-wrap .placeholder { color: var(--white) !important; } .light-mode #app .v-form .v-input.error--text input, .light-mode #app .v-form .v-input.error--text textarea { border-color: var(--light-warn); } .light-mode #app .v-form .v-input.v-input--checkbox label, .light-mode #app .v-form .v-input__append-inner button i { color: var(--white) !important; } .light-mode #app .v-form .v-input__append-outer { color: var(--white); } .light-mode #app .v-form .v-text-field__details .v-messages__message { color: var(--light-warn) !important; } .light-mode #app .v-form .v-select__slot input { background: var(--light-bg-header); box-shadow: none; color: var(--white) !important; -webkit-text-fill-color: var(--white) !important; } .light-mode #app .v-form .v-select__slot .v-select__selection, .light-mode #app .v-form .v-select__slot input::placeholder { color: var(--white) !important; } .light-mode #app #withdraw-account-management #set-account .v-form label, .light-mode #app #withdraw-account-management #set-account .v-card__text > div, .light-mode #app #withdraw-account-management #set-account .v-form .picture-upload span:first-child { color: var(--light-Text-color-dark) !important; } .light-mode #app .file-upload-item .upload_zone { border: 1px dashed var(--light-Inside-money-text); } .light-mode #app .file-upload-item .upload_zone .v-icon.cloud-upload-icon, .light-mode #app .file-upload-item .upload_zone .upload { color: var(--light-Inside-money-text); } .light-mode #app .v-menu__content { border: 1px solid var(--light-Inside-paymant-stroke); } .light-mode #app .v-menu__content .v-select-list { border: none; background: var(--icon-green-05); box-shadow: var(--light-box-shadow-5); } .light-mode #app .v-menu__content .v-select-list .v-list-item__title { color: var(--white); } .light-mode #app .v-form .v-input.v-input--checkbox i::after, .light-mode #app.BetRecord .v-dialog .v-card__text .v-input--selection-controls__input i::after, .light-mode #app .v-input.small-checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/Checkbox.png) center / 80% no-repeat; border-radius: 0; transform: none; } .light-mode #app .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after, .light-mode #app.BetRecord .v-dialog .v-card__text .v-input--is-label-active .v-input--selection-controls__input i::after, .light-mode #app .v-input.small-checkbox.v-input--is-label-active i::after { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/Checkbox_a.png") center / 80% no-repeat; } .light-mode #app .mx-datepicker input { border: 1px solid var(--white); background: var(--gray); } .light-mode #app .mx-datepicker.disabled input { border: 1px solid var(--gray-6) !important; box-shadow: var(--light-box-shadow-8) !important; -webkit-text-fill-color: var(--gray-7) !important; color: var(--gray-7) !important; background: var(--gray-8) !important; } .light-mode #app .mx-datepicker input, .light-mode #app .mx-datepicker i { color: var(--light-Text-color-dark); } .light-mode #app .v-form .v-select .v-select__selections .v-select__selection--disabled { color: var(--gray-7) !important; } .light-mode #app .v-form .v-select .v-select__selections .v-select__selection--disabled{ } /* #endregion form共用設定 */ /* #region 按鈕共用 */ #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light > div > form > div.d-flex.justify-center.mt-2 > button, #app .main-color.v-btn, #app .web-login.v-btn, #app .common-dialog .v-card .v-card__actions .v-btn, #app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button, #app > div.v-dialog__content.v-dialog__content--active .v-card__actions .fast-going-wrap button, #any-time-discount .any-time-discount-main button.v-btn, #app .v-dialog .v-form .btn-group .v-btn, #app .v-dialog .footer .close-news-btn, #app #online-services .join { display: flex; justify-content: center; align-items: center; color: #1971a2 !important; margin: 0 auto !important; padding: 10px 5px; min-width: 140px; min-height: 40px; height: unset; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_left.png") no-repeat center !important; background-size: 100% 100% !important; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; text-shadow: none; font-weight: 700; border-radius: 0; } #app .web-login.v-btn { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_right.png") no-repeat center !important; background-size: 100% 100% !important; color: #FFFFFF !important; } .light-mode #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light > div > form > div.d-flex.justify-center.mt-2 > button, .light-mode #app .main-color.v-btn, .light-mode #app .web-login.v-btn, .light-mode #app .common-dialog .v-card .v-card__actions .v-btn, .light-mode #app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button, .light-mode #app > div.v-dialog__content.v-dialog__content--active .v-card__actions .fast-going-wrap button, .light-mode #any-time-discount .any-time-discount-main button.v-btn, .light-mode #app .v-dialog .v-form .btn-group .v-btn, .light-mode #app .v-dialog .footer .close-news-btn, .light-mode #app #online-services .join { color: var(--white) !important; background: var(--light-button) !important; border-radius: 8px; } .light-mode #app .web-login.v-btn { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/submitBtn_right.png) no-repeat center !important; background-size: 100% 100% !important; color: var(--icon-green-02) !important; } .light-mode #app .common-alert-modal.v-dialog .v-card h4, .light-mode #app .common-alert-modal.v-dialog .v-card .v-card__actions .v-label, .light-mode #app .common-alert-modal.v-dialog .v-card .alert-icon .v-icon { color: var(--icon-green-02) !important; } /*--->單個短按鈕*/ #app #deposit .online-deposit-apply-bg form .submit-btn, #app #deposit .company-deposit-layout .v-card__actions, .swal2-styled.swal2-confirm { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_left.png) center / contain no-repeat !important; box-shadow: none; height: 45px; width: 160px; padding: 0px; margin: auto; color: #1971a2; } #app #deposit .online-deposit-apply-bg form .submit-btn .v-btn__content, #app #deposit .company-deposit-layout .v-card__actions span, .swal2-styled.swal2-confirm span { color: #1971a2 !important; text-shadow: none; font-weight: 700 !important; } #app #deposit .company-deposit-layout .v-card__actions button { border: none; height: 100%; width: 100%; } #app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"] { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_left_disabled.png) center / contain no-repeat !important; background-size: contain !important; } #app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"], #app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"] > span { color: #3C7499 !important; } .light-mode #app #deposit .online-deposit-apply-bg form .submit-btn, .light-mode #app #deposit .company-deposit-layout .v-card__actions, .light-mode .swal2-styled.swal2-confirm { background: var(--light-button) !important; border-radius: 8px; color: var(--white) !important; } .light-mode #app #deposit .online-deposit-apply-bg form .submit-btn .v-btn__content, .light-mode #app #deposit .company-deposit-layout .v-card__actions span, .light-mode .swal2-styled.swal2-confirm span { color: var(--white) !important; } .light-mode #app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"] { background: var(--light-custom-linear-gradient-color-8) !important; color: var(--white-o8) !important; } .light-mode #app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"], .light-mode #app #deposit .online-deposit-apply-bg form .submit-btn[disabled="disabled"] > span { color: var(--white-o8) !important; } /*--->單個短按鈕(樣式2)*/ #app.Home .v-dialog.ranking-dialog .v-card__actions button { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_right.png) center / contain no-repeat !important; transform: scaleX(-1); } #app.Home .v-dialog.ranking-dialog .v-card__actions button span { transform: scaleX(-1); color: #84C5E9; } #app.MemberCenter .SignOut-btn, #app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn, #app #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.withdraw-b-btn, #app #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.v-btn--disabled.withdraw-b-btn[disabled="disabled"] { margin: 16px 0 !important; width: 100% !important; min-height: 50px; background-size: 100% 100% !important; font-weight: 700; border: none; } #app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn { margin: 16px 15px !important; width: calc(100% - 30px) !important; } #app #withdraw-account-management .withdraw-account-management-content button { font-weight: 700; } .light-mode #app.MemberCenter .SignOut-btn, .light-mode #app #withdraw .withdraw-account-b-main .v-btn.withdraw-b-btn, .light-mode #app #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.withdraw-b-btn{ background: var(--light-button) !important; color: var(--white) !important; border-radius: 8px; } .light-mode #app #withdraw .withdraw-info-bg.withdraw-account-b-style .v-btn.v-btn--disabled.withdraw-b-btn[disabled="disabled"] { background: var(--light-custom-linear-gradient-color-8) !important; color: var(--white-o8) !important; } .light-mode #app.Home .v-dialog.ranking-dialog .v-card__actions button { /* background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/submitBtn_right.png) center / contain no-repeat !important;*/ } .light-mode #app.Home .v-dialog.ranking-dialog .v-card__actions button span { /* color: var(--icon-green-02);*/ } /*--->兩個一排*/ #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group, #app #withdraw-account-management #set-account .v-form .btn-group, #app #change-password .change-password-main form .btn-group, #app #change-money-password .change-money-password-main form .btn-group { justify-content: space-between !important; } #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button, #app #withdraw-account-management #set-account .v-form .btn-group button, #app #change-password .change-password-main form .v-btn, #app #change-money-password .change-money-password-main form .v-btn { margin: 0 !important; width: calc(50% - 10px); min-width: 150px; min-height: 44px; font-weight: 700; text-shadow: none; } /* 錢包轉點按鈕 */ #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button { margin: 0 !important; width: calc(50% - 10px); min-width: 130px; min-height: 44px; font-weight: 700; text-shadow: none; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.cancel-btn, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.cancel-btn, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(2), #app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn, #app #change-password .change-password-main form a.cancel-btn, #app #change-money-password .change-money-password-main form a.cancel-btn, #app #member-infor .member-infor-main .cancel-btn { border: none; border-radius: 0px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_right.png) center no-repeat !important; background-size: 100% 100% !important; color: #84C5E9 !important; } #app #member-infor .member-infor-main .cancel-btn { margin-right: 15px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_1.png) center no-repeat !important; background-size: 100% 100% !important; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1), #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn, #app #change-password .change-password-main form button.submit-btn, #app #change-money-password .change-money-password-main form button.submit-btn, #app #member-infor .member-infor-main .submit-btn { border: none; border-radius: 0px; order: 1; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_left.png) center no-repeat !important; background-size: 100% 100% !important; color: #1971A2 !important; } #app #member-infor .member-infor-main .submit-btn { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vipBtn_right.png) center no-repeat !important; background-size: 100% 100% !important; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button, #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button span, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button, #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button span, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button, #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group span, #app #withdraw-account-management #set-account .v-form .btn-group button, #app #withdraw-account-management #set-account .v-form .btn-group button span, #app #change-password .change-password-main form .v-btn, #app #change-password .change-password-main form .v-btn > span, #app #change-money-password .change-money-password-main form .v-btn, #app #change-money-password .change-money-password-main form .v-btn > span, .light-mode #app #member-infor .member-infor-main .v-btn, .light-mode #app #member-infor .member-infor-main .v-btn > span { transform: scaleX(-1); } /* 錢包轉點的遊戲入口 "確認轉帳"和"進入遊戲"的按鈕背景資料夾方向 */ #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions .flip-none { transform: scaleX(-1); } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions .flip-reversed { transform: none; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions .flip-reversed .v-btn__content { transform: none; } #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn[disabled="disabled"], #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn[disabled="disabled"], #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1)[disabled="disabled"], #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn[disabled="disabled"] { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_left_disabled.png) center no-repeat !important; background-size: 100% 100% !important; color: #3C7499 !important; } .light-mode #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.cancel-btn, .light-mode #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.cancel-btn, .light-mode #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(2), .light-mode #app #withdraw-account-management #set-account .v-form .btn-group .cancel-btn, .light-mode #app #change-password .change-password-main form a.cancel-btn, .light-mode #app #change-money-password .change-money-password-main form a.cancel-btn, .light-mode #app #member-infor .member-infor-main .cancel-btn { background: var(--light-button) !important; border-radius: 8px; color: var(--white) !important; } .light-mode #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn, .light-mode #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn, .light-mode #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1), .light-mode #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn, .light-mode #app #change-password .change-password-main form button.submit-btn, .light-mode #app #change-money-password .change-money-password-main form button.submit-btn, .light-mode #app #member-infor .member-infor-main button.submit-btn { background: var(--light-button) !important; color: var(--white) !important; border-radius: 8px; } .light-mode #app > div.v-dialog__content.v-dialog__content--active .v-dialog.wallet-detail-dialog .v-card__actions > button.submit-btn[disabled="disabled"], .light-mode #app > div.v-dialog__content.v-dialog__content--active #WalletCenter-wallet-detail .v-card__actions > button.submit-btn[disabled="disabled"], .light-mode #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group button:nth-child(1)[disabled="disabled"], .light-mode #app #withdraw-account-management #set-account .v-form .btn-group .submit-btn[disabled="disabled"] { background: var(--light-custom-linear-gradient-color-8) !important; color: var(--white-o8) !important; } /*--->三個一排*/ #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(1) { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_1.png) !important; background-size: 100% 100% !important; color: #FFFFFF !important; } #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(2) { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_2.png) !important; background-size: 100% 100% !important; color: #FFFFFF !important; } #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(3) { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_3.png) !important; background-size: 100% 100% !important; color: #FFFFFF !important; } #app.SiteMail .mail-detail-dialog .v-card__actions button.close-btn { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_3.png) !important; background-size: 100% 100% !important; color: #FFFFFF !important; } .light-mode #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(1) { background: var(--light-button) !important; color: var(--white) !important; } .light-mode #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(2) { background: var(--light-button) !important; color: var(--white) !important; } .light-mode #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(3) { background: var(--light-button) !important; color: var(--white) !important; } .light-mode #app.SiteMail .mail-detail-dialog .v-card__actions button.close-btn { background: var(--light-button) !important; color: var(--white) !important; } /* #endregion end 按鈕共用 */ /* #region 彈跳彈窗 */ #app .common-dialog .v-card .v-card__title { justify-content: center; border-bottom: 1px solid #41729f; } #app .common-dialog .v-card .v-card__title .title-close-btn { position: absolute; top: 5px; right: 4px; width: 40px; height: 40px; font-size: 0; background: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: 100% 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #app .common-dialog .v-card .v-card__title .title-close-btn:active { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } /*彈窗背景*/ #app .wallet-detail-dialog.common-dialog { background-color: rgb(0, 0, 0) !important; } #app .common-dialog .v-card .v-data-table { background: transparent; border: 1px solid #41536e !important; } #app .common-dialog .v-card .v-data-table tr td:first-child { background: #132f47; } #app .common-dialog .v-card .v-data-table tr:nth-child(even) td:last-child { background: #0a1a30; } #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:last-child, #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row), #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:last-child, #app .common-dialog .v-data-table table > tbody > tr:not(:last-child) > th:not(.v-data-table__mobile-row), #app .common-dialog .v-data-table table > thead > tr:last-child > th, #app .v-data-table tr td + td { border-color: #41536e !important; } #app > div.v-dialog__content.v-dialog__content--active .v-card__actions { justify-content: center; } #app .common-dialog .v-card .v-card__actions .v-btn:before, #app > div.v-dialog__content.v-dialog__content--active .v-card__actions > button:before, #any-time-discount .any-time-discount-main button.v-btn:before { display: none; } #app > div.v-dialog__content.v-dialog__content--active .gametype-dialog-component div.v-card__actions > button { margin-left: auto; margin-right: 0; } #app .common-dialog .v-card .v-card__actions .v-btn:active, #app > div.v-dialog__content.v-dialog__content--active div.v-card__actions > button:active, #any-time-discount .any-time-discount-main button.v-btn:active { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } #app .v-dialog .feature-switch-btn > div { position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; overflow: visible; } #app .v-dialog .feature-switch-btn > div::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app .v-dialog__content--active { backdrop-filter: blur(2px); } #app .v-dialog { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 24px 16px; } #app .v-dialog .v-card, #app .v-dialog.tip-dialog .v-card { height: auto; color: #ccd1ff; padding: 2px; align-items: center; justify-content: center; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%); z-index: 0; filter: blur(0px); } #app .v-dialog .v-card::before, #app .v-dialog.tip-dialog .v-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 2px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app .v-dialog .v-card > div { width: 100%; overflow: auto; max-height: 80vh; } #app .v-dialog .v-card__text { padding: 24px 16px; font-size: 16px; } #app .v-dialog .v-card__text .container { padding: 0px !important; } #app .v-dialog .v-card .v-card__title { padding: 8px 16px; border-radius: 8px 8px 0px 0px; background: #0c1429; margin: 0; border-bottom: 2px solid #6d99c0; text-align: left !important; font-weight: 700; text-shadow: none; } #app .v-dialog .v-card .v-card__title span { color: white; font-weight: 700; -webkit-text-stroke: 0px; font-size: 16px; } #app .v-dialog .v-card .v-card__title .title, #app .v-dialog .v-card .v-card__title .title span { color: #fff; font-family: "Inter" !important; font-size: 16px !important; text-shadow: none; white-space: nowrap; overflow: hidden; flex: 1; text-overflow: ellipsis; text-align: left !important; } #app .v-dialog .v-card .v-card__title .close-btn, #app .v-dialog .v-card .v-card__title .v-icon { margin-left: auto; position: static; border-radius: 6px; color: #fff; font-size: 12px; width: 24px; height: 24px; background: #1f3c48; color: #69ffff; } #app .v-dialog .v-card .v-card__actions { border-radius: 0 0 4px 4px; padding: 24px 16px; } #app .v-dialog .v-card .v-card__actions .spacer { display: none; } #app .v-dialog .v-card .v-card__text .container .feature-switch-btn > div, #app .v-dialog .v-card .v-card__text .feature-switch-btn > div { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); color: #84c5e9; } #app .v-dialog .v-card .v-card__text .container .feature-switch-btn > div.grey, #app .v-dialog .v-card .v-card__text .feature-switch-btn > div.active { background: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%); color: #1971a2; border-radius: 4px !important; } #app .v-dialog .v-card .v-card__text .container .v-form { padding: 0; font-size: 14px; font-weight: 700; } #app .v-dialog .v-card .v-card__text .container .row * { color: #b1d3fb !important; } #app .v-dialog .v-card .form-wrap #submit { font-size: 14px; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn.png") no-repeat center !important; background-size: contain !important; box-shadow: none; color: #1971a2 !important; text-shadow: none; font-weight: 500; height: 45px; margin-top: 40px !important; } #app .v-dialog .v-card .v-card__text .v-form #submit span { margin-top: 8px; } #app .v-dialog .v-card .v-card__text .v-form .input-wrap { background: none; border: none; height: fit-content; margin: 0; padding: 0; } #app .v-dialog .v-form .v-input.v-input--checkbox .v-input--selection-controls__input { margin: -10px 8px 0 0; } #app .v-dialog .v-form .go-homepage-btn { display: none; } #app .v-dialog .v-form .account-rule, #app .v-dialog .v-form .password-rule { margin-top: -2px; padding-left: 0px !important; font-size: 12px !important; } #app .v-dialog .v-input--selection-controls__ripple, #app .v-dialog .v-ripple__container { /*display: none;*/ } /*tab announcement*/ #app .v-dialog.tab-announcement .v-card__title .close-btn { position: absolute; top: auto; transform: none; color: #69ffff !important; } #app .v-dialog.tab-announcement .tab-category-list > li.active { border-bottom: 2px solid #69FFFF; } #app .v-dialog.tab-announcement .tab-category-list > li.active > p { color: #fff; } #app .v-dialog.tab-announcement .tab-category-list > li > p { color: #BDD4FF; } #app .v-dialog.tab-announcement .tab-category-wrap { border-bottom: 1px solid #B1D3FB; } #app .v-dialog.tab-announcement .announcement-item:hover { background: transparent; } #app .v-dialog.tab-announcement .announcement-item:nth-child(even) { background: linear-gradient(0deg, rgba(6, 27, 80, 0.60) 0%, rgba(6, 27, 80, 0.60) 100%), rgba(255, 255, 255, 0.08); } #app .v-dialog.tab-announcement .hint { color: #fff; } #app .v-dialog.tab-announcement .item-title { color: #fff; } #app .v-dialog.tab-announcement .item-time { color: #B1D3FB; } #app .v-dialog.tab-announcement .title-container { padding: 0 0 12px; border-bottom: 1px solid var(--light-Text-color-dark); } #app .v-dialog.tab-announcement .detail-title { font-size: 1rem; color: #fff; } #app .v-dialog.tab-announcement .detail-time { color: #BDD4FF; font-size: 14px; } #app .v-dialog.tab-announcement .detail-body { color: #fff; } /*tab announcement-light mode*/ .light-mode #app .v-dialog.tab-announcement .tab-category-list > li.active { border-bottom: 2px solid var(--icon-green-01); } .light-mode #app .v-dialog.tab-announcement .tab-category-list > li > p, .light-mode #app .v-dialog.tab-announcement .tab-category-list > li.active > p, .light-mode #app .v-dialog.tab-announcement .item-title, .light-mode #app .v-dialog.tab-announcement .item-time { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.tab-announcement .hint{ background: none; color: var(--icon-green-01) !important; } .light-mode #app .v-dialog.tab-announcement .tab-category-wrap { border-bottom: 1px solid var(--white); } .light-mode #app .v-dialog.tab-announcement .announcement-item:nth-child(even) { background: var(--white); } .light-mode #app .v-dialog.tab-announcement .title-container { border-bottom: 1px solid var(--light-Text-color-dark); } .light-mode #app .v-dialog.tab-announcement .detail-title { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.tab-announcement .detail-time { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.tab-announcement .detail-body { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.tab-announcement .footer .theme--light.v-label { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.tab-announcement .v-input.v-input--checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/Checkbox.png) center / 80% no-repeat; border-radius: 0; transform: none; } .light-mode #app .v-dialog.tab-announcement .v-input.v-input--checkbox.v-input--is-label-active i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/Checkbox_a.png) center / 80% no-repeat; } .light-mode #app .v-dialog .v-card { background: var(--light-index-bg); border: none; padding: 0px; } .light-mode #app .v-dialog.v-dialog.select-account-style .v-card.common-bg { border: 2px solid #fff !important; } .light-mode #app .v-dialog.tip-dialog .v-card { background: var(--light-index-bg-o9); border: none; } .light-mode #app .v-dialog .v-card::before, .light-mode #app .v-dialog.tip-dialog .v-card::before { content: none; } .light-mode #app .common-dialog.withdraw-b-fee-info .v-card .v-card__title { background: var(--light-bg-header) !important; } .light-mode #app .v-dialog .v-card .v-card__title { background: var(--light-bg-header); } .light-mode #app .v-dialog .v-card .v-card__title .close-btn, .light-mode #app .v-dialog .v-card .v-card__title .v-icon, .light-mode #app .v-dialog.tab-announcement .v-card__title .close-btn { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/close.png) no-repeat center / contain; color: transparent !important; width: 32px; height: 32px; } .light-mode #app .v-dialog.announcement .v-card .v-card__title .v-icon { border: none; } .light-mode #app .v-dialog .v-card .form-wrap #submit { background: var(--light-button) !important; border-radius: 8px; color: var(--white) !important; } .light-mode #app .login-d .other-login button.line-login { color: var(--icon-green-02) !important; border-radius: 8px !important; border-bottom: 1px solid var(--gray-1) !important; background: var(--light-custom-linear-gradient-color-5) !important; box-shadow: none !important; } .light-mode #app .login-d .other-login button.line-login:after { box-shadow: none; } .light-mode #app .login-d .title-other-login span { color: var(--light-Text-color-dark) !important; } .light-mode #app .login-d .title-other-login:before, .light-mode #app .login-d .title-other-login:after { background: var(--white) !important; } .light-mode #app .common-dialog .v-card .v-data-table { border: none !important; } .light-mode #app .v-dialog.login-dialog .container .feature-switch-btn > div, .light-mode #app .v-dialog.register-dialog .container .feature-switch-btn > div, .light-mode #app .v-dialog.social-login-dialog .feature-switch-btn > div { background: var(--light-side-open-button-bg) !important; color: var(--icon-green-02); border: none !important; } .light-mode #app .v-dialog.login-dialog .container .feature-switch-btn > div.grey, .light-mode #app .v-dialog.register-dialog .container .feature-switch-btn > div.grey, .light-mode #app .v-dialog.social-login-dialog .feature-switch-btn > div.active { background: var(--light-bg-header) !important; color: var(--white) !important; } .light-mode #app .v-dialog.login-dialog .container .feature-switch-btn > div::before, .light-mode #app .v-dialog.register-dialog .container .feature-switch-btn > div::before, .light-mode #app .v-dialog.social-login-dialog .feature-switch-btn > div::before { background: none; } /* ---特別視窗 */ #app .v-dialog.news-dialog, #app .v-dialog.lang-dialog-b, #app .v-dialog.wallet-detail-dialog, #app #WalletCenter-wallet-detail, #app .v-dialog.mail-detail-dialog, #app .v-dialog.send-mail-dialog, #app .v-dialog--persistent, #app .v-dialog.gametype-dialog-component, #app .v-dialog.ranking-dialog, #app .v-dialog.vip-content-dialog { overflow: hidden; box-shadow: var(--light-box-shadow); } #app .v-dialog.news-dialog .v-card, #app .v-dialog.lang-dialog-b .v-card, #app .v-dialog.wallet-detail-dialog .v-card, #app #WalletCenter-wallet-detail .v-card, #app .v-dialog.mail-detail-dialog .v-card, #app .v-dialog.send-mail-dialog .v-card, #app .v-dialog--persistent .v-card, #app .v-dialog.gametype-dialog-component .v-card, #app .v-dialog.ranking-dialog .v-card { border: 2px solid #69FFFF; border-radius: 8px !important; padding: 0px; } #app .v-dialog.news-dialog .v-card::before, #app .v-dialog.lang-dialog-b .v-card::before, #app .v-dialog.wallet-detail-dialog .v-card::before, #app #WalletCenter-wallet-detail .v-card::before, #app .v-dialog.mail-detail-dialog .v-card::before, #app .v-dialog.send-mail-dialog .v-card::before, #app .v-dialog--persistent .v-card::before, app .v-dialog.gametype-dialog-component .v-card::before, #app .v-dialog.ranking-dialog .v-card::before { content: unset; } #app .v-dialog.news-dialog .v-card .v-card__title, #app .v-dialog.lang-dialog-b .v-card .v-card__title, #app .v-dialog.wallet-detail-dialog .v-card .v-card__title, #app #WalletCenter-wallet-detail .v-card .v-card__title, #app .v-dialog.mail-detail-dialog .v-card .v-card__title, #app .v-dialog.send-mail-dialog .v-card .v-card__title, #app .v-dialog--persistent .v-card .v-card__title, #app .v-dialog.gametype-dialog-component .v-card .v-card__title, #app .v-dialog.ranking-dialog .v-card .v-card__title { border-bottom: 2px solid #69FFFF; } .light-mode #app .v-dialog.news-dialog, .light-mode #app .v-dialog.lang-dialog-b, .light-mode #app .v-dialog.wallet-detail-dialog, .light-mode #app #WalletCenter-wallet-detail, .light-mode #app .v-dialog.mail-detail-dialog, .light-mode #app .v-dialog.send-mail-dialog, .light-mode #app .v-dialog--persistent, .light-mode #app .v-dialog.gametype-dialog-component, .light-mode #app .v-dialog.ranking-dialog, .light-mode #app .v-dialog.vip-content-dialog { box-shadow: none; } .light-mode #app .v-dialog.lang-dialog-b .v-card, .light-mode #app .v-dialog.wallet-detail-dialog .v-card, .light-mode #app #WalletCenter-wallet-detail .v-card, .light-mode #app .v-dialog.mail-detail-dialog .v-card, .light-mode #app .v-dialog.send-mail-dialog .v-card, .light-mode #app .v-dialog--persistent .v-card, .light-mode #app .v-dialog.gametype-dialog-component .v-card, .light-mode #app .v-dialog.ranking-dialog .v-card { border: 2px solid var(--white); box-shadow: var(--light-box-shadow); } .light-mode #app .v-dialog.news-dialog .v-card .v-card__title, .light-mode #app .v-dialog.lang-dialog-b .v-card .v-card__title, .light-mode #app .v-dialog.wallet-detail-dialog .v-card .v-card__title, .light-mode #app #WalletCenter-wallet-detail .v-card .v-card__title, .light-mode #app .v-dialog.mail-detail-dialog .v-card .v-card__title, .light-mode #app .v-dialog.send-mail-dialog .v-card .v-card__title, .light-mode #app .v-dialog--persistent .v-card .v-card__title, .light-mode #app .v-dialog.gametype-dialog-component .v-card .v-card__title, .light-mode #app .v-dialog.ranking-dialog .v-card .v-card__title { border-bottom: 2px solid var(--white); } .light-mode #app .v-dialog .v-card .v-card__text .container .row * { color: var(--white) !important; } .light-mode #app .v-dialog .v-form .account-rule, .light-mode #app .v-dialog .v-form .password-rule { color: var(--light-Inside-money-text) !important; } /* Wallet Center 錢包餘額 */ #app #WalletCenter-wallet-detail { box-shadow: none !important; } #app #WalletCenter-wallet-detail .v-card { background-color: transparent !important; border: none !important; box-shadow: none !important; } #app #WalletCenter-wallet-detail .v-card__text { background-color: transparent !important; border: none !important; box-shadow: none !important; } #app #WalletCenter-wallet-detail .v-card .v-data-table { border-radius: 6px !important; } .light-mode #app .walletcenter-wallet-text { color: var(--light-Text-color-dark); } .light-mode #app .walletcenter-balance-text { color: var(--light-Inside-money-text); font-weight:700; } #app .walletcenter-wallet-text { color: #ffffff; } #app .walletcenter-balance-text { color: #ffffff; } .light-mode #app .right-box-transfer-back { color: var(--white); background: var(--light-button); border: none; } .light-mode #app .wallet-refresh-icon { color: var(--icon-green-05); } .light-mode #app.WalletCenter .member-center-d .main-action { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode #app.WalletCenter .member-center-d hr { border: 1px solid var(--close-gray); filter: none; } .light-mode #app.WalletCenter #WalletCenter-wallet-detail .v-card .v-data-table { background: var(--icon-green-03); } /* Manual Transfer Dialog */ .light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-card { position: relative; width: 100%; min-width: 135px; height: 85px; border-radius: 6px; background: var(--white-o8); border: 0.8px solid #FFF; } .light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name { position: absolute; max-width: 100%; min-width: 42px; height: 10px; top: 20.1px; left: 18.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: left; color: var(--icon-green-02); } .light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name-center { position: absolute; max-width: 100%; min-width: 100px; height: 10px; top: 20.1px; left: 17.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: center; color: var(--icon-green-02); } .light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-balance { position: absolute; width: 100px; height: 15.71px; top: 52.18px; left: 17.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: center; color: var(--icon-green-02); } .light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn { position: absolute; width: 35px; height: 20px; top: 17.11px; left: 82.38px; border: 1px solid var(--light-Inside-paymant-stroke); border-radius: 4px; background: var(--light-side-open-button-bg); font-family: Roboto; font-size: 12px; font-weight: 700; line-height: 14.52px; text-align: center; color: var(--light-Text-color-dark); } .light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn-icon { position: absolute; top: 15px; left: 100px; color: var(--icon-green-02); font-size: 25px; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-card { position: relative; width: 100%; min-width: 135px; height: 85px; border-radius: 6px; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border: 0.8px solid #69FFFF; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name { position: absolute; max-width: 100%; min-width: 42px; height: 10px; top: 20.1px; left: 18.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: left; color: #A6CEDD; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name-center { position: absolute; max-width: 100%; min-width: 100px; height: 10px; top: 20.1px; left: 17.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: center; color: #A6CEDD; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-balance { position: absolute; width: 100px; height: 15.71px; top: 52.18px; left: 17.5px; font-family: Roboto; font-size: 16px; font-weight: 700; line-height: 14px; text-align: center; color: #A6CEDD; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn { position: absolute; width: 35px; height: 20px; top: 17.11px; left: 82.38px; border: 1px solid #69FFFF; border-radius: 4px; /* border-image-source: linear-gradient(180deg, #B2C6D8 0%, #69FFFF 100%);*/ /* border-image-slice: 1;*/ font-family: Roboto; font-size: 12px; font-weight: 700; line-height: 14.52px; text-align: center; color: #A6CEDD; } #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn-icon { position: absolute; top: 15px; left: 100px; color: #A6CEDD; font-size: 25px; } .light-mode #app .v-dialog .v-card .v-card__text .container .transfer-switch-button { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: 6px; background: none; font-size: 20px; font-weight: 700; line-height: 20px; color: var(--light-Text-color-dark); } #app .v-dialog .v-card .v-card__text .container .transfer-switch-button { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: 6px; background: radial-gradient(96.76% 96.76% at 50% 3.24%, rgba(32, 45, 77, 0.30) 21%, rgba(12, 20, 41, 0.30) 100%); font-size: 20px; font-weight: 700; line-height: 20px; color: #C1E8FF; } #app .v-dialog .v-card .v-card__text .container .transfer-arrow { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: 6px; background: radial-gradient(96.76% 96.76% at 50% 3.24%, rgba(32, 45, 77, 0.30) 21%, rgba(12, 20, 41, 0.30) 100%); font-size: 20px; font-weight: 700; line-height: 20px; color: #C1E8FF; } .light-mode #app .v-dialog .v-card .v-card__text .container .transfer-arrow { display: flex; width: 34px; height: 35px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; flex-shrink: 0; border-radius: 6px; background: none; font-size: 20px; font-weight: 700; line-height: 20px; color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container .input-wrapper input { color: var(--light-Text-color-dark) !important; border: 1px solid var(--white); background: var(--gray); box-shadow: var(--light-box-shadow-3); } .light-mode #app .v-dialog.wallet-detail-dialog .v-card .v-card__text .container .input-wrapper::before { top: 12px; } .light-mode #app .v-dialog.wallet-detail-dialog .v-btn.v-btn--has-bg.btn-blue { background: var(--light-button); } /* Select Wallet Dialog */ .light-mode #app .v-dialog .v-card .v-card__text.wallet-select-card-text { max-height: 65vh; } .light-mode #app .v-dialog.select-wallet-dialog .v-card__title .v-icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/refreash.png) no-repeat center / contain; } .light-mode #app .v-dialog.select-wallet-dialog .v-card__title button .v-icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/close.png) no-repeat center / contain; } .light-mode #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet { border: 0.8px solid var(--white); background: var(--icon-green-03); } .light-mode #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet-display-name { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet-balance { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog .v-card .v-card__text .container .row .col .transfer-back-icon { color: var(--light-warn) !important; } #app .v-dialog .v-card .v-card__text.wallet-select-card-text { max-height: 65vh; } #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet { height: 49.99px; border: 0.8px solid #A6CEDD; border-radius: 6px; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app .v-dialog.select-wallet-dialog .select-wallet{ padding: 0 8px; } #app .v-dialog.select-wallet-dialog .select-wallet, #app .v-dialog.select-wallet-dialog .select-wallet * { width: 100%; max-width: 100%; text-align: center; flex-direction: column; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet-display-name, #app .v-dialog.select-wallet-dialog .v-card .v-card__text .container .row .col .select-wallet-balance { height: 14px; font-family: Roboto; font-size: 14px; font-weight: 700; line-height: 18px; color: #A6CEDD; } #app .v-dialog .v-card .v-card__text .container .row .col .transfer-back-icon { color: #FF6B00 !important; } /* #endregion 彈跳彈窗 */ /* #region Alert彈跳彈窗(SweetAlert套件) */ .swal2-popup { position: relative !important; border: 1px solid #343c56 !important; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.45) 0%, rgba(19, 49, 84, 0.45) 100%) !important; } .swal2-popup:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .swal2-popup .swal2-content { color: #fff; padding-top: 15px; } .swal2-styled:focus { box-shadow: none; } .file-upload-item .upload_zone span.upload { background: none !important; padding: 2px 8px; } .swal2-container { backdrop-filter: blur(5px); } .swal2-modal { border-radius: 8px; overflow: hidden; } .swal2-modal .swal2-title { order: -1; font-size: 16px; font-weight: 700; padding: 19px 16px; text-align: start; background: #0C1429; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; } .swal2-html-container { font-size: 14px; color: #84C5E9; } .swal2-icon > div { display: none; } .swal2-modal .swal2-close { font-size: 23px; width: 24px; height: 24px; background: #1f3c48; margin: 16px; color: #FFFFFF; } /*--->light-mode*/ .light-mode .swal2-modal { border: 1px solid var(--white) !important; background: var(--light-index-bg) !important; box-shadow: var(--light-box-shadow-2); } .light-mode .swal2-modal .swal2-title { background: var(--light-bg-header); border-bottom: 1px solid var(--white); } .light-mode .swal2-html-container, .light-mode .swal2-popup .swal2-content { color: var(--light-Text-color-dark); } /* #endregion Alert彈跳彈窗 */ /* #region 登入、登入（彈跳視窗） */ #app #login { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding-top: 3vh; padding-bottom: 0; } #app #login .logo { margin-bottom: 4vh; } #app #login .switch-page { width: 95%; height: 67vh; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/register_bg.1.png") no-repeat; background-size: 100% 100%; } #app #login .switch-page .reg-box { margin-top: -63.5vh; } #app #login .switch-page .switch-content { background: transparent !important; display: flex; flex-direction: column; } #app #login .switch-page .text-h5 { margin-top: 20px !important; margin-bottom: 10px !important; } #app #login .switch-page .switch-content > div:last-child { height: 0; flex: 1; } #app #login .feature-switch-btn > div:first-child { margin-right: 5px !important; } #app #login .feature-switch-btn .grey { -moz-border-radius: 25px !important; -webkit-border-radius: 25px !important; border-radius: 25px !important; background: linear-gradient(to bottom, #6fadf6, #067cdc); border: 1px solid #fff; } #app #login .form-wrap { width: 85%; padding-bottom: 10px !important; } #app #login #submit { background: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Shared/images/login/login.png") no-repeat center !important; background-size: contain !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 53px; padding: 0 30px 5px; width: auto; padding-bottom: 5px; } #app #login .v-select__selections { border: none !important; } #app #login .v-form { max-height: 45vh; overflow: auto; width: 95%; margin: 0 auto; } #app #login .form-wrap .input-wrap { background-position-x: 0.5%; } #app #login .go-login { display: none; } #app #login .get-otp-btn { background: #080909; border: 1px solid #2bb8f4; z-index: 11; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #app #login .get-mobile-verification-code { background: #080909; border: 1px solid #2bb8f4; z-index: 11; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #app .v-dialog.login-dialog .input-wrap { margin-bottom: 20px !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.login-dialog .container .input-wrap .v-label { padding: 0 !important; } #app .v-dialog.login-dialog .form-wrap .input-wrap input, #app .v-dialog.login-dialog .container .input-wrap input { padding: 6px 16px !important; } #app .v-dialog.login-dialog #app .v-dialog.login-dialog .v-card .v-card__text .container .v-form .v-input.v-input--checkbox i { font-size: 0; color: #ffffff00 !important; } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box { margin: 0; padding: 0; position: absolute; bottom: -12px; right: 4px; height: calc(100% - 38px); } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button { position: static !important; margin: 0 !important; border-radius: 4px; background: #abd1ff; color: #181927; border: none; height: 100%; } #app .v-dialog.login-dialog .v-form .v-input.v-input--checkbox .v-input--selection-controls__input { margin: -9px 3px 0 0; } #app .v-dialog.login-dialog .v-form .v-input__append-inner { padding-left: 0; } .light-mode #app .v-dialog.login-dialog .v-card { background: var(--light-index-bg-o9); } .light-mode #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button, .light-mode #app .v-dialog.social-register-dialog .v-card .v-card__text .v-form .input-wrap.check_code button { border:none; background: var(--light-bg-header) !important; color: var(--white); } .light-mode #app .v-dialog.login-dialog .v-card .v-card__text .container .row * { color: var(--light-Text-color-dark) !important; } .light-mode #app .v-dialog.login-dialog .v-form .v-input.v-input--checkbox i::after, .light-mode #app .v-dialog.social-register-dialog .v-form .v-input.v-input--checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/Checkbox.png) center / 80% no-repeat; border-radius: 0; transform: none; } .light-mode #app .v-dialog.login-dialog .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after, .light-mode #app .v-dialog.social-register-dialog .v-form .v-input.v-input--checkbox.v-input--is-label-active i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/input/Checkbox_a.png) center / 80% no-repeat; } .light-mode #app .v-dialog.login-dialog .v-card .form-wrap #submit, .light-mode #app .v-dialog.social-register-dialog .v-card .form-wrap #submit { background: var(--light-button) !important; border-radius:8px; } .light-mode #app .v-dialog.login-dialog .v-form .v-text-field__details .v-messages__message, .light-mode #app .v-dialog.social-register-dialog .v-form .v-text-field__details .v-messages__message { color: var(--light-warn) !important; } .light-mode #app .v-dialog.login-dialog .v-form .v-input.error--text input, .light-mode #app .v-dialog.social-register-dialog .v-form .v-input.error--text input { border-color: var(--light-warn); } /* #endregion 登入、登入（彈跳視窗) */ /* #region 帳號綁定（彈跳視窗） */ .social-guide-dialog .bindway-wrap button.btn-bindway { border: none !important; border-radius: 4px !important; } .light-mode #app .social-guide-dialog .title-way { color: var(--light-Text-color-dark) !important; } .light-mode #app .social-guide-dialog .title-way:before, .light-mode #app .social-guide-dialog .title-way:after { background: var(--white) !important; } .light-mode #app .social-guide-dialog .bindway-wrap button.btn-bindway { border-bottom: none !important; background: var(--light-button) !important; color: var(--white) !important; border-radius: 8px; } /* #endregion 帳號綁定（彈跳視窗） */ /* #region 社群註冊（彈跳視窗） */ #app .social-register-dialog-bg .form-wrap, .v-dialog.social-login-dialog .form-wrap { width: 100% !important; } .v-dialog.social-login-dialog .v-form > .row > .col.col-5 { margin-bottom: -30px !important; } .social-register-dialog-bg .get-otp-btn, .v-dialog.social-login-dialog .get-otpcode { display: flex; align-items: center; position: absolute; top: 31px; text-align: center; right: 5px; width: auto !important; padding: 2px 5px; border-radius: 5px; margin: 0px !important; background: #abd1ff !important; color: #181927 !important; box-shadow: none; } .light-mode #app .social-register-dialog-bg .get-otp-btn, .light-mode #app .v-dialog.social-login-dialog .get-otpcode { border: none !important; background: var(--light-button) !important; color: var(--white) !important; font-size: 12px !important; } .v-dialog.social-login-dialog .get-otpcode { padding: 5px 8px !important; height: auto !important; top: 0 !important; right: 0 !important; } .v-dialog.social-login-dialog .check_code.tip-box { position: absolute; right: 20px; transform: translateY(-38px); z-index: 10; } .social-register-dialog-bg .v-form.form-wrap > div, .register-dialog-bg.social-guide-dialog .v-card__text > p { font-size: 14px !important; } .social-register-dialog-bg .tip-box { margin-bottom: 15px; font-size: 12px !important; } .light-mode #app .social-register-dialog-bg .tip-box, .light-mode .v-application .social-register-dialog-bg .tip-box .red--text { color: var(--light-warn) !important; font-size: 12px !important; } .light-mode #app .social-register-dialog-bg .v-form .v-input.v-input--checkbox label { color: var(--light-Text-color-dark) !important; } .v-application .social-register-dialog-bg .yellow--text { color: #FF9FDE !important; } .light-mode #app .social-register-dialog-bg .yellow--text { color: var(--light-warn) !important; } .v-dialog.social-login-dialog .btn-forget { color: #b1d3fb !important; } .light-mode #app .v-dialog.social-login-dialog .btn-forget { color: var(--light-Text-color-dark) !important; } #app .v-dialog .v-card.social-register-dialog-bg .v-card__text .v-form #submit { margin-top: 10px !important; } #app .v-dialog .v-card.social-register-dialog-bg .v-card__text .v-form #submit span, #app .v-dialog .v-card.social-login-dialog-bg .v-card__text .v-form #submit span { margin-top: 0px !important; } .social-login-dialog-bg.v-card .v-input .v-input__append-outer { position: absolute; left: 6px; top: 11px; font-size: 14px; color: #8185cf; pointer-events: none; } .social-login-dialog-bg.v-card .v-input.v-input--is-label-active .v-input__append-outer, .social-login-dialog-bg.v-card .v-input.v-input--is-focused .v-input__append-outer { display: none; } .v-dialog.social-login-dialog .v-form > div { font-size: 14px !important; } /* #endregion 社群註冊（彈跳視窗） */ /* #region 註冊（彈跳視窗） */ #app .v-dialog.register-dialog .input-wrap { margin-top: 20px !important; } #app .v-dialog.register-dialog form > .input-wrap:first-child { margin-top: 0px !important; } #app .v-dialog.register-dialog .form-wrap .input-wrap .v-label, #app .v-dialog.register-dialog .container .input-wrap .v-label { padding: 0 !important; } #app .v-dialog.register-dialog .form-wrap .input-wrap input, #app .v-dialog.register-dialog .container .input-wrap input { padding: 6px 16px !important; } #app .v-dialog.register-dialog .v-card .v-card__text .container .v-form .v-input.v-input--checkbox i { font-size: 0; color: #ffffff00 !important; } #app .v-dialog.register-dialog .v-card .v-card__title { padding: 0px; overflow: hidden; } #app .v-dialog.register-dialog .v-card .v-card__title .title { margin: 8px 16px; } #app .v-dialog.register-dialog .v-card .v-card__title .close-btn { margin: 8px 16px; } #app .v-dialog.register-dialog .v-card .v-card__title::after { content: ""; width: 100%; height: 87px; background-image: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/register-banner.png"); background-position: center; background-size: cover; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box { padding-bottom: 0; position: absolute; bottom: 8px; right: 4px; height: calc(100% - 38px); } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .get-mobile-verification-code { height: 30px !important; top: 30px; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button { height: 100% !important; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .get-mobile-verification-code, #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button { margin: 0px !important; background: #abd1ff !important; color: #181927 !important; box-shadow: none; } #app .v-dialog.register-dialog .v-form .v-input__append-inner { padding-left: 0; } #app .v-dialog.register-dialog .form-wrap .input-wrap.select .v-select__slot { padding: 0; } .light-mode #app .v-dialog.register-dialog .v-card { background: var(--light-index-bg-o9); } .light-mode #app .v-dialog.register-dialog .v-card .v-card__text .v-form .get-mobile-verification-code, .light-mode #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button { border: none; background: var(--light-button) !important; color: var(--white) !important; } .light-mode #app .v-dialog.register-dialog .yellow--text { color: var(--light-warn) !important; } .light-mode #app .v-dialog.register-dialog .v-form .v-input.v-input--checkbox label { color: var(--light-Text-color-dark) !important; } .light-mode #app .v-dialog.register-dialog .v-card .form-wrap #submit { background: var(--light-button) !important; border-radius: 8px; } .light-mode #app .v-dialog.register-dialog .v-form .v-text-field__details .v-messages__message { color: var(--light-warn) !important; } .light-mode #app .v-dialog.register-dialog .v-form .v-input.error--text input { border-color: var(--light-warn); } .light-mode #app .v-dialog.register-dialog .red--text { color: var(--light-warn) !important; } .light-mode #app .v-dialog.register-dialog .v-card .v-card__title::after { background-image: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/register-banner.png"); background-position: center; background-size: cover; } /* #endregion 註冊（彈跳視窗） */ /* #region 帳戶餘額(彈跳視窗) */ #app .v-dialog__content:has(.wallet-detail-dialog) { align-items: flex-start; } #app .v-dialog.wallet-detail-dialog .v-card__text .balance, #app #WalletCenter-wallet-detail .v-card__text .balance { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border-radius: 6px; position: relative; text-align: left !important; padding: 16px 24px !important; } #app .v-dialog.wallet-detail-dialog .v-card__text .balance::after, #app #WalletCenter-wallet-detail .v-card__text .balance::after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app .v-dialog.wallet-detail-dialog .v-card__text .balance .red--text, #app #WalletCenter-wallet-detail .v-card__text .balance .red--text { color: #84C5E9 !important; } #app .v-dialog.wallet-detail-dialog .v-card__text .v-data-table__wrapper, #app #WalletCenter-wallet-detail .v-card__text .v-data-table__wrapper { background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; padding: 1px; border-radius: 6px; } #app .v-dialog.wallet-detail-dialog .v-card__text table, #app #WalletCenter-wallet-detail .v-card__text table { border-radius: 6px; overflow: hidden; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app .v-dialog.wallet-detail-dialog .v-card__text table *, #app #WalletCenter-wallet-detail .v-card__text table * { background: none !important; border: none !important; text-align: left !important; } #app .v-dialog.wallet-detail-dialog .v-card__text table th, #app .v-dialog.wallet-detail-dialog .v-card__text table td, #app #WalletCenter-wallet-detail .v-card__text table th, #app #WalletCenter-wallet-detail .v-card__text table td { padding: 10px 24px !important; } #app .v-dialog.wallet-detail-dialog .v-card__text table thead, #app #WalletCenter-wallet-detail .v-card__text table thead { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #526AA7 21%, #468DB5 100%) !important; } #app .v-dialog.wallet-detail-dialog .v-card__text table > thead > tr:last-child > th, #app #WalletCenter-wallet-detail .v-card__text table > thead > tr:last-child > th { border-bottom: 0.8px solid #B2C6D8 !important; } #app .v-dialog.wallet-detail-dialog .v-card__text table tr:not(:last-child) td, #app #WalletCenter-wallet-detail .v-card__text table tr:not(:last-child) td { border-bottom: 0.5px solid #2D4F6D !important; filter: drop-shadow(0px -1px 0px #000); } #app .v-dialog.wallet-detail-dialog .v-icon.red--text, #app #WalletCenter-wallet-detail .v-icon.red--text { font-size: 0; } #app .v-dialog.wallet-detail-dialog .v-icon.red--text::before, #app #WalletCenter-wallet-detail .v-icon.red--text::before { content: ""; background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/marvel.png); height: 20px; width: 20px; background-size: contain; } #app .v-dialog.wallet-detail-dialog .maintenance-info, #app #WalletCenter-wallet-detail .maintenance-info { border-radius: 4px; border: 1px solid var(--text3, #84C5E9); padding: 16px 16px 16px 57px; position: relative; background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.00) 100%); } #app .v-dialog.wallet-detail-dialog .maintenance-info::before, #app #WalletCenter-wallet-detail .maintenance-info::before { position: absolute; content: ""; top: 50%; left: 16px; transform: translateY(-50%); height: 25px; width: 25px; background-size: contain !important; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning.png); } #app .v-dialog.wallet-detail-dialog .maintenance-info, #app .v-dialog.wallet-detail-dialog .maintenance-info *, #app #WalletCenter-wallet-detail .maintenance-info, #app #WalletCenter-wallet-detail .maintenance-info * { color: #84C5E9 !important; } #app .v-dialog.wallet-detail-dialog .v-card__text, #app #WalletCenter-wallet-detail .v-card__text { padding-bottom: 0px; } .light-mode #app .v-dialog.wallet-detail-dialog .v-card__text .balance, .light-mode #app #WalletCenter-wallet-detail .v-card__text .balance { border: 0.8px solid var(--white); background: var(--light-side-open-button-bg); } .light-mode #app .v-dialog.wallet-detail-dialog .v-card__text .balance .red--text, .light-mode #app #WalletCenter-wallet-detail .v-card__text .balance .red--text { color: var(--icon-green-03) !important; } .light-mode #app .v-dialog.wallet-detail-dialog .v-card__text .v-data-table__wrapper, .light-mode #app #WalletCenter-wallet-detail .v-card__text .v-data-table__wrapper { background: var(--white); } .light-mode #app .v-dialog.wallet-detail-dialog .v-card__text table, .light-mode #app #WalletCenter-wallet-detail .v-card__text table { background: var(--light-side-open-button-bg); } .light-mode #app .v-dialog.wallet-detail-dialog .v-card__text table thead, .light-mode #app #WalletCenter-wallet-detail .v-card__text table thead { background: var(--light-bg-header) !important; } .light-mode #app .v-dialog.wallet-detail-dialog .v-card__text table tr td, .light-mode #app #WalletCenter-wallet-detail .v-card__text table tr td { box-shadow: 0px -1px 0px var(--close-gray); filter: none; } .light-mode #app .v-dialog.wallet-detail-dialog .v-icon.red--text::before, .light-mode #app #WalletCenter-wallet-detail .v-icon.red--text::before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/marvel.png); background-size: contain; } .light-mode #app .v-dialog.wallet-detail-dialog .maintenance-info, .light-mode #app .v-dialog.wallet-detail-dialog .maintenance-info *, .light-mode #app #WalletCenter-wallet-detail .maintenance-info, .light-mode #app #WalletCenter-wallet-detail .maintenance-info * { color: var(--light-Inside-money-text) !important; } .light-mode #app .v-dialog.wallet-detail-dialog .maintenance-info::before, .light-mode #app #WalletCenter-wallet-detail .maintenance-info::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning.png); background-size: contain !important; } /* #endregion 帳戶餘額(彈跳視窗) */ /* #region 請選擇語系（彈跳視窗） */ #app .v-dialog.lang-dialog-b .language-wrap .lang-list.active { background: linear-gradient(180deg, #B2C6D8 -37.18%, #69FFFF 100%); color: #1971A2; font-weight: 700; } #app .v-dialog.lang-dialog-b .language-wrap .lang-list[data-language=zh-TW]::before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/zh_TW.png); } #app .v-dialog.lang-dialog-b .language-wrap .lang-list[data-language=en-US]::before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/en_US.png); } #app .v-dialog.lang-dialog-b .language-wrap .lang-list[data-language=vi-VN]::before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vi_VN.png); } .light-mode #app .v-dialog.lang-dialog-b .language-wrap .lang-list.active { background: var(--light-bg-header); color: var(--white); } /* #endregion 請選擇語系（彈跳視窗） */ /* #region 最新消息（彈跳視窗）*/ #app .v-dialog.news-dialog .list-wrap { position: relative; padding: 0; } #app .v-dialog.news-dialog .list-wrap .list li:nth-child(odd) { background: none; color: #b1d3fb; } #app .v-dialog.news-dialog .list-wrap .list li:nth-child(even) { background: rgba(12, 20, 41, 0.50); color: white; } .light-mode #app .v-dialog.news-dialog .list-wrap .list li:nth-child(odd) { color: var(--light-Text-color-dark); } .light-mode #app .v-dialog.news-dialog .list-wrap .list li:nth-child(even) { background: var(--white); color: var(--light-Text-color-dark); } /* #endregion 最新消息（彈跳視窗）*/ /* #region 加入主畫面（彈跳視窗）*/ #app .v-dialog.addHomeScreen { max-height: unset; margin: 0 10px; box-shadow: none; padding: 2px 0; } #app .v-dialog.addHomeScreen .chat-tail { display: none !important; } #app .v-dialog.addHomeScreen .v-card { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/AndroidChrome-bg.png) no-repeat center top / contain; width: calc(100vw - 16px); margin: 0 8px; height: min-content; aspect-ratio: 760 / 164; flex-direction: row; padding: 3.5vw 10px 0 8px; flex: none; min-height: unset; filter: none; box-shadow: none; border: none; gap: 4px; } #app .v-dialog.addHomeScreen.safari .v-card { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/iOSSafari-bg.png) no-repeat center top / contain; aspect-ratio: 760 / 167; padding: 0 10px 3.5vw 8px; min-height: 82.5px; } /* ---> iphone6、7、8 iOS 太老舊不支援aspect-ratio*/ @supports (aspect-ratio: 1 / 1) { #app .v-dialog.addHomeScreen.safari .v-card { min-height: 88px; } } @supports (aspect-ratio: 1 / 1) { @media screen and (max-width: 400px) { #app .v-dialog.addHomeScreen.safari .v-card { min-height: 82.5px; } } } #app .v-dialog.addHomeScreen .v-card::before { content: ""; display: block; min-width: 42px; height: 42px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/logo.png) no-repeat center top / contain; position: relative; border-radius: 0; border: none; -webkit-mask: none !important; mask: none !important; -webkit-mask-composite: initial !important; mask-composite: initial !important; } #app .v-dialog.addHomeScreen .v-card__text { font-size: 14px; padding: 0; display: flex; align-items: center; } #app .v-dialog.addHomeScreen .v-card__text .icon { font-size: 0; display: inline-block; width: 24px; height: 24px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/AndroidChrome-icon.png) no-repeat center top / contain; margin: 0px -2px; } #app .v-dialog.addHomeScreen.safari .v-card__text .icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/iOSSafari-icon.png) no-repeat center top / contain; margin: 0 2px; } #app .v-dialog.addHomeScreen .v-card .v-card__actions { width: auto; padding: 0; gap: 4px; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button { font-size: 12px; font-weight: 500; padding: 6px 8px; min-height: unset; min-width: unset; width: fit-content; height: fit-content; margin: 0 !important; border-radius: 8px; background: linear-gradient(to bottom, rgba(81, 188, 235, 1) 0%, rgba(27, 102, 208, 1) 100%) !important; color: #FFFFFF !important; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: inherit; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(to top, #1D4597 0%, #7BD5FF 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app .v-dialog.addHomeScreen .v-card__actions button:nth-child(2) { background: linear-gradient(to bottom, rgba(23, 100, 171, 1) 0%, rgba(17, 65, 100, 1) 100%) !important; color: #D7D7D7 !important; } #app .v-dialog.addHomeScreen .v-card__actions button:nth-child(2)::after { background: linear-gradient(to top, #192C53 0%, #1D4597 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } @media screen and (max-width: 400px) { #app .v-dialog.addHomeScreen { margin: 0 5px; } #app .v-dialog.addHomeScreen .v-card::before { min-width: 38px; height: 38px; } #app .v-dialog.addHomeScreen .v-card__text { font-size: 11px; } #app .v-dialog.addHomeScreen .v-card .v-card__actions button { font-size: 11px; font-weight: 400; padding: 7px; line-height: 1; } } /* light-mode */ .light-mode #app .v-dialog.addHomeScreen .v-card { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/AndroidChrome-bg.png) no-repeat center top / contain; aspect-ratio: 760 / 172; margin: 0 8px; width: calc(100vw - 16px); padding: 3.5vw 10px 0 8px; } .light-mode #app .v-dialog.addHomeScreen.safari .v-card { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/iOSSafari-bg.png) no-repeat center bottom / contain; aspect-ratio: 760 / 168; padding: 0vw 10px 3.5vw 8px; } @supports (aspect-ratio: 1 / 1) { .light-mode #app .v-dialog.addHomeScreen.safari .v-card { min-height: 88.5px; } } @supports (aspect-ratio: 1 / 1) { @media screen and (max-width: 400px) { .light-mode #app .v-dialog.addHomeScreen.safari .v-card { min-height: 83px; } } } .light-mode #app .v-dialog.addHomeScreen .v-card::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/logo.png) no-repeat center top / contain; } .light-mode #app .v-dialog.addHomeScreen .v-card__text { color: var(--light-Text-color-dark) !important; } .light-mode #app .v-dialog.addHomeScreen .v-card__text .icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/AndroidChrome-icon.png) no-repeat center top / contain; } .light-mode #app .v-dialog.addHomeScreen.safari .v-card__text .icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/addHomeSreenDialog/light/iOSSafari-icon.png) no-repeat center bottom / contain; } .light-mode #app .v-dialog.addHomeScreen .v-card .v-card__actions button { background: var(--light-bg-header) !important; color: #FFFFFF !important; } .light-mode #app .v-dialog.addHomeScreen .v-card .v-card__actions button::after { background: var(--white) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .light-mode #app .v-dialog.addHomeScreen .v-card .v-card__actions button:nth-child(2) { background: var(--light-bg-header) !important; color: var(--white) !important; } .light-mode #app .v-dialog.addHomeScreen .v-card .v-card__actions button:nth-child(2)::after { background: var(--white) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* #endregion 加入主畫面（彈跳視窗）*/ /* #region 初始輪播圖（彈跳視窗） */ #app .v-dialog.announcement { position: relative; padding: 0 0 60px; background: transparent; background-size: 100% 100%; border: none; box-shadow: none; margin-top: 10vh; } #app .v-dialog.announcement .v-card { border: none; background: transparent !important; box-shadow: none; } #app .v-dialog.announcement .v-card::before { content: none; } #app .v-dialog.announcement .v-card__text { padding: 0px; } #app .v-dialog.announcement .v-card__text .swiper-slide { position: relative; overflow: hidden; border-radius: 12px; padding: 2px; } #app .v-dialog.announcement .v-card__text .swiper-slide::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 12px; border: 2px solid rgba(0, 0, 0, 0); background: #38E1FE border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; content: none; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text { border-radius: 12px; position: relative; } #app .v-dialog.announcement .v-card__text .swiper-slide .v-card__text::after { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.5%, #000 100%); width: 100%; height: 100px; bottom: 0; content: none; } #app .v-dialog.announcement .v-card__text .navigationp-btn { display: none; } #app .v-dialog.announcement .v-card .v-card__title { border: none; background: transparent; box-shadow: none; padding: 0; } #app .v-dialog.announcement .v-card .v-card__title button { position: absolute; top: 100%; right: 50%; margin-right: -30px; width: 50px; height: 50px; font-size: 0; background: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: 100% 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #app .v-dialog.announcement .v-card .v-card__title span { display: none; } #app .v-dialog.announcement .v-card .v-card__title button:active { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } #app .v-dialog.announcement .v-card .swiper-pagination-bullets { bottom: 14px; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet { width: 6px !important; height: 6px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #FFFFFF !important; } #app .v-dialog.announcement .v-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #38E1FE !important; } #app .v-dialog.announcement .v-card .v-card__text img { display: block; margin: 0 auto; width: 100%; height: auto; } #app .v-dialog.announcement .v-divider { display: none; } #app .v-dialog.announcement .footer { justify-content: center; } #app .v-dialog.announcement .footer p { display: none; } @media (max-width: 400px) { /*輪播圖太大，iPhone SE 會出現滾動。*/ #app .v-dialog.announcement .v-card .v-card__actions { padding: 10px 16px 20px 16px; } } /* light-mode */ .light-mode #app .v-dialog.announcement .v-input label{ color:var(--white); } .light-mode #app .v-dialog.announcement .v-input.small-checkbox i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/announcement/Checkbox.png) center / 80% no-repeat; border: none; transform: none; } .light-mode #app .v-dialog.announcement .v-input.small-checkbox.v-input--is-label-active i::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/announcement/Checkbox_a.png) center / 80% no-repeat; } .light-mode #app .v-dialog.announcement .v-card .v-card__title button { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/announcement/close.png) no-repeat center /contain; background-size: 100% 100%; } /* #endregion 初始輪播圖（彈跳視窗）*/ /* #region 會員中心>交易紀錄 */ #transaction .transaction-content { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #transaction .transaction-content .transaction-date-btns button { color: #fff; border: 1px solid transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #transaction .transaction-content .transaction-date-btns button.active { color: #3bc9e3; border-color: #3bc9e3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #transaction .transaction-content .transaction-list { background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9)); border: 1px solid #2cd0ff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #app #transaction .transaction-content .v-card__text { padding: 0; } #app #transaction .transaction-content .v-card__text > div, #app.Transaction .transaction-detail-dialog .v-data-table { position: relative; height: auto; color: #ccd1ff; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important; border-radius: 8px; padding: 8px 16px; margin-bottom: 8px !important; z-index: 0; } #app.Transaction .transaction-detail-dialog .v-data-table { padding: 0 1px; overflow: hidden; border-radius: 8px; border: none !important; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%) !important; } #app #transaction .transaction-content .v-card__text > div::before, #app.Transaction .transaction-detail-dialog .v-data-table::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #transaction .transaction-content .v-card__text .btn-group button { color: #84c5e9; } #app #transaction .transaction-content .v-card__text .btn-group button, #app #transaction .transaction-content .v-card__text .v-data-table { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; overflow: visible; border-radius: 6px; flex-grow: 1; padding-top: 12px; padding-bottom: 12px; margin: 6px 5px; } #app #transaction .transaction-content .v-card__text .btn-group button::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app #transaction .transaction-content .v-card__text .btn-group button.active { background: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%); color: #1971a2; } #app #transaction .transaction-content .v-card__text .btn-group.transaction-date-btns button { flex-grow: 0; border-radius: 6px; padding: 2px 8px; background: none; margin: 0; } #app #transaction .transaction-content .v-card__text .btn-group.transaction-date-btns button::before { content: none; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-red--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.red--text, #app #transaction .v-data-table tbody tr .amount.red--text { color: #FF9FDE !important; } #app #transaction .v-data-table tbody tr .amount.red--text { padding: 10px 14px 10px 6.5px !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-red--text { border: 1px solid #FF9FDE !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-blue--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.blue--text, #app #transaction .v-data-table tbody tr .amount.green--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.amount.green--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.type.green--text { color: #84C5E9 !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-blue--text { border: 1px solid #84C5E9 !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-green--text, #app.Transaction .transaction-detail-dialog .v-data-table td span.green--text { color: #4FFFC0 !important; } #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-green--text { border: 1px solid #4FFFC0 !important; } #app #transaction .transaction-content .v-card__text .v-alert { height: 50vh; margin: 0 !important; opacity: 1; } #app #transaction .transaction-content .v-card__text .v-alert .v-alert__wrapper i { display: none; } #app #transaction .transaction-content .v-card__text .v-alert .v-alert__wrapper { color: #DADBF3; font-size: 14px; transform: translateX(-50%); position: absolute; top: 56%; left: 50%; } #app #transaction .transaction-content .v-card__text .v-alert::before { opacity: 1; } #app #transaction .transaction-content .v-card__text .v-alert::after { content: ""; display: block; height: 50%; width: 118px; position: absolute; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/loading.png") center bottom / contain no-repeat; top: 30%; left: 50%; transform: translateX(-50%) translateY(-50%); } #app #transaction .transaction-content .v-card__text .v-data-table { padding: 0px !important; border-radius: 8px; } #app #transaction .transaction-content .v-card__text .v-data-table .v-data-table__wrapper { overflow: hidden; } #app #transaction .transaction-content .v-card__text .v-data-table tbody, #app #transaction .transaction-content .v-card__text .v-data-table tr, #app #transaction .transaction-content .v-card__text .v-data-table td { border: none; height: auto; } #app #transaction .transaction-content .v-card__text .v-data-table tr:not(:last-child) { margin-bottom: 6px; } #app #transaction .transaction-content .v-card__text .v-data-table tr:not(:last-child) td, #app.Transaction .transaction-detail-dialog .v-data-table tr:not(:last-child) td { border-bottom: 1px solid #2D4F6D !important; box-shadow: inset 0px -0.5px 0px rgba(0, 0, 0, 0.5); } #app #transaction .transaction-content .v-card__text .v-data-table *, #app.Transaction .transaction-detail-dialog .v-data-table * { color: white; font-weight: 500; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number td:nth-child(2) { font-weight: 500 !important; display: inline-block; text-align: left; } #app #transaction .transaction-content .v-card__text .v-data-table .date td:nth-child(2) { font-weight: 500 !important; display: inline-block; text-align: right; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number { width: 20%; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number td:nth-child(1), #app #transaction .transaction-content .v-card__text .v-data-table .date td:nth-child(1) { display: none; } #app #transaction .transaction-content .v-card__text .v-data-table .order-number td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .date td:nth-child(2) { width: 100%; border-bottom: 1px solid red; padding-bottom: 8px !important; margin-bottom: 8px; } #app #transaction .transaction-content .v-card__text .v-data-table .type { width: 100%; } #app #transaction .transaction-content .v-card__text .v-data-table .amount { width: 70%; } #app #transaction .transaction-content .v-card__text .v-data-table .status { width: 30%; } #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2).red--text { color: #ff9fde !important; } #app #transaction .transaction-content .v-card__text .v-data-table .amount td, #app #transaction .transaction-content .v-card__text .v-data-table .status td, #app #transaction .transaction-content .v-card__text .v-data-table .memo td { width: 100%; } #app #transaction .transaction-content .v-card__text .v-data-table .amount td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2), #app #transaction .transaction-content .v-card__text .v-data-table .memo td:nth-child(2) { color: #84c5e9 !important; } #app #transaction .transaction-content .v-card__text .v-data-table .amount td:nth-child(2) { position: relative; } #app #transaction .transaction-content .v-card__text .v-data-table .amount button { background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; padding: 1px; height: 20px; border-radius: 20px; flex-grow: unset; } #app #transaction .transaction-content .v-card__text .v-data-table .amount button span { background: #0c1429; width: 100%; height: 100%; border-radius: 20px; padding: 0 12px; } #app #transaction .transaction-content .v-data-table.transaction-list tr td.memo p { max-width: 48px; text-overflow: clip; } #app .modals-container .vfm .vfm__container { top: 50%; transform: translateY(-50%); } #app .modals-container .vfm .vfm__container > .modal-content { margin-top: 0px !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table { position: relative; height: auto; color: #ccd1ff; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important; border-radius: 8px; padding: 1px; margin-bottom: 8px !important; box-shadow: none; border: none; z-index: 0; margin: 10px !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table .v-data-table__wrapper { padding: 8px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card::before, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__title { background: #0c1429 !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text { padding-bottom: 0px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%) !important; z-index: 0; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table * { background: none; color: white !important; font-weight: 300 !important; border: none; font-size: 14px; padding: 0px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr { display: flex; flex-wrap: wrap; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr td { width: 100%; padding: 0px !important; height: auto; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:not(:last-child) { border-bottom: 1px solid #61659f; filter: drop-shadow(0px -1px 0px #000); margin-bottom: 4px; padding-bottom: 4px; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(1) td:nth-child(2) { color: #FF9FDE !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(2) td:nth-child(2), #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(3) .grey--text, #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(4) td:nth-child(2) { color: #84c5e9 !important; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__actions { justify-content: center; } #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__actions .spacer { display: none; } #app #transaction .v-data-table { position: relative; height: auto; color: #FFFFFF; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important; border-radius: 8px; padding: 16px !important; margin-bottom: 8px !important; z-index: 0; border: none !important; } #app #transaction .v-data-table::before { content: none; } #app #transaction .v-data-table .v-data-table__wrapper { background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; padding: 1px; border-radius: 6px; } #app #transaction .v-data-table table { table-layout: fixed; border-radius: 6px; overflow: hidden; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app #transaction .v-data-table table thead { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #526AA7 21%, #468DB5 100%) !important; } #app #transaction .v-data-table table *, #app.Transaction .transaction-detail-dialog .v-data-table table * { background: none !important; border: none !important; text-align: left !important; font-size: 12px; } #app #transaction .v-data-table table > thead > tr:last-child > th { border-bottom: 0.8px solid #B2C6D8 !important; } #app #transaction .v-data-table table :not(thead) tr { filter: drop-shadow(0px -0.5px 0px #000); border: 0.5px solid #2D4F6D !important; } #app #transaction .v-data-table table th, #app #transaction .v-data-table table td, #app.Transaction .transaction-detail-dialog .v-data-table table td { padding: 10px 14px !important; position: relative; height: auto; } #app #transaction .v-data-table .more-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #app #transaction .v-data-table .more-btn i { font-size: 0; } #app #transaction .v-data-table .more-btn i::before { content: ''; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; width: 20px; height: 20px; display: inline-block; } .light-mode #app #transaction .transaction-content .v-card__text > div { background: var(--light-index-bg-o9) !important; } .light-mode #app #transaction .transaction-content .v-card__text > div::before { background: var(--white); } .light-mode #app #transaction .transaction-content .v-card__text .btn-group button { border: 1px solid var(--light-Inside-paymant-stroke); background: var(--light-side-open-button-bg); color: var(--icon-green-02) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table { background: var(--light-index-bg-o9); color: var(--icon-green-02); } .light-mode #app #transaction .transaction-content .v-card__text .btn-group button::before, .light-mode #app #app #transaction .transaction-content .v-card__text .v-data-table::before { content: none; } .light-mode #app #transaction .transaction-content .v-card__text .btn-group button.active { background: var(--light-bg-header); border: 1px solid var(--icon-green-01) !important; color: var(--white)!important; } .light-mode #app #transaction .transaction-content .v-card__text .btn-group.transaction-date-btns button { border: none !important; background: none !important; color: var(--light-Text-color-dark); } .light-mode #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-red--text, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table td span.status-red--text { color: var(--light-warn) !important; } .light-mode #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-red--text { border: 1px solid var(--light-warn) !important; } .light-mode #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-blue--text, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table td span.blue--text { color: var(--blue-01) !important; font-weight: 800; } .light-mode #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-blue--text { border: 1px solid var(--blue-01) !important; } .light-mode #app #transaction .transaction-content .v-card__text .transaction-date-btns button.status-green--text { color: var(--icon-green-03) !important; } .light-mode #app.Transaction .transaction-detail-dialog .v-data-table td span.green--text, .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .amount.green--text, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table td span.blue--text.type { color: var(--light-Inside-money-text) !important; font-weight: 800 !important; } .light-mode #app.Transaction .transaction-detail-dialog .v-data-table td span.red--text, .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .amount.red--text { color: var(--light-warn) !important; font-weight: 800 !important; } .light-mode #app #transaction .transaction-content .v-card__text .transaction-date-btns button.active.status-green--text { border: 1px solid var(--icon-green-03) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-alert::after { background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/no-data.png") center bottom / contain no-repeat; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table *, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table * { color: var(--light-Text-color-dark); text-shadow: none; filter: none; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2), .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .memo td:nth-child(2) { color: var(--blue-01) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .status td:nth-child(2).red--text { color: var(--light-warn) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .amount button { background: none; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table .amount button span { background: var(--light-bg-header); border: 1px solid var(--icon-green-01); color: var(--white) !important; } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card, .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table { background: var(--light-index-bg-o9) !important; } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card::before, .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table::before { background: var(--white); } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__title { background: var(--light-bg-header) !important; } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table * { color: var(--light-Text-color-dark) !important; font-weight: 700 !important; } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:not(:last-child) { filter: none; box-shadow: 0 1px 0 var(--close-gray); border-color: var(--light-Text-color-dark); } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(1) td:nth-child(2), .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(2) td:nth-child(2) { color: var(--icon-green-03) !important; } .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(3) .grey--text, .light-mode #app .modals-container .vfm .vfm__container > .modal-content .v-card .v-card__text .v-data-table tr:nth-child(4) td:nth-child(2) { color: var(--blue-01) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-alert .v-alert__wrapper { color: var(--light-Text-color-dark); } .light-mode #app #transaction .v-data-table .v-data-table__wrapper, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table .v-data-table__wrapper, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table::before { background: var(--white) !important; } .light-mode #app #transaction .v-data-table table, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table table { background: var(--light-side-open-button-bg); } .light-mode #app #transaction .v-data-table table thead { background: var(--light-bg-header) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table table > thead > tr > th { color: var(--white) !important; } .light-mode #app #transaction .transaction-content .v-card__text .v-data-table tr:not(:last-child) td, .light-mode #app.Transaction .transaction-detail-dialog .v-data-table tr:not(:last-child) td { border-bottom: 1px solid var(--close-gray) !important; box-shadow: none; } .light-mode #app #transaction .v-data-table .more-btn i::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; } /* #endregion 會員中心>交易紀錄 */ /* #region 財務中心>存款 */ #app #deposit { padding-bottom: 20px; } #app #deposit .alert-bg { background: none; box-shadow: none; } #app #deposit .alert-bg .v-card { box-shadow: none !important; } #app #deposit .alert-bg .v-alert.v-alert--text, #app #deposit .alert-bg .v-alert.v-alert--text i { color: #FF9FDE !important; caret-color: #FF9FDE !important; } #app #deposit .alert-bg .v-alert { position: relative !important; border: 1px solid #343c56 !important; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.45) 0%, rgba(19, 49, 84, 0.45) 100%) !important; color: #FF9FDE !important; } #app #deposit .alert-bg .v-alert::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app.Deposit .type-list, #app #deposit .account-list { justify-content: flex-start; } #app #withdraw .payment-list, #app #deposit .payment-list, #app #deposit .account-list-bg, #app #deposit .online-deposit-apply-bg, #app #deposit .company-deposit-layout .company-deposit-list-bg, #app #deposit .company-deposit-layout .company-deposit-account-list-bg, #app #deposit .company-deposit-layout .company-deposit-apply-bg { position: relative; height: auto; color: #ccd1ff; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important; border-radius: 8px; padding: 8px 16px !important; margin-bottom: 8px !important; z-index: 0; margin: 0px 12px; } #app #withdraw .payment-list.payout-category { padding: 8px 5px !important; } #app #withdraw .payment-list::before, #app #deposit .payment-list::before, #app #deposit .account-list-bg::before, #app #deposit .online-deposit-apply-bg::before, #app #deposit .company-deposit-layout .company-deposit-list-bg::before, #app #deposit .company-deposit-layout .company-deposit-account-list-bg::before, #app #deposit .company-deposit-layout .company-deposit-apply-bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #withdraw .payment-list > div, #app #deposit .payment-list > div, #app #deposit .account-list-bg .account-list > button, #app #deposit .online-deposit-apply-bg .btn-group > div, #app #deposit .company-deposit-layout .type-list button, #app #deposit .company-deposit-layout .account-list button { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); color: #84c5e9; position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; overflow: visible; border-radius: 6px; justify-content: center; padding: 0; font-weight: 700; } #app #withdraw .payment-list > div::before, #app #deposit .payment-list > div::before, #app #deposit .account-list-bg .account-list > button::before, #app #deposit .online-deposit-apply-bg .btn-group > div::before, #app #deposit .company-deposit-layout .type-list button::before, #app #deposit .company-deposit-layout .account-list button::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app #withdraw .payment-list > div.active, #app #deposit .payment-list > div.active, #app #deposit .account-list-bg .account-list > button.active, #app #deposit .online-deposit-apply-bg .btn-group > div.main-color, #app #deposit .company-deposit-layout .type-list button.active, #app #deposit .company-deposit-layout .account-list button.active { background: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%); color: #1971a2; font-weight: 700; /* border-radius: 2px;*/ } #app #deposit .payment-list > div.active .check-icon { display: none; } #app #deposit .online-deposit-apply-bg .btn-group > div.main-color { color: #1971a2 !important; text-shadow: none; } #app #deposit .account-list-bg .account-list { justify-content: flex-start; } #app #withdraw .payment-list > div, #app #deposit .payment-list > div, #app #deposit .account-list-bg .account-list > button, #app #deposit .company-deposit-layout .type-list button, #app #deposit .company-deposit-layout .account-list button { width: 33%; margin: 6px 0; flex: unset; padding: 0 8px; } #app #withdraw .payment-list > div { width: unset; padding: 0; margin: 5px; flex: 1 1; } #app #deposit .payment-list > div:nth-child(3n + 1), #app #deposit .account-list-bg .account-list > button:nth-child(3n + 1), #app #deposit .company-deposit-layout .type-list button:nth-child(3n + 1), #app #deposit .company-deposit-layout .account-list button:nth-child(3n + 1) { border-radius: 6px 0 0 6px !important; border-right: none !important; } #app #deposit .payment-list > div:nth-child(3n + 2), #app #deposit .account-list-bg .account-list > button:nth-child(3n + 2), #app #deposit .company-deposit-layout .type-list button:nth-child(3n + 2), #app #deposit .company-deposit-layout .account-list button:nth-child(3n + 2) { width: 34%; border-radius: 0 !important; border-right: 1px solid #84c5e9 !important; border-left: 1px solid #84c5e9 !important; } #app #deposit .payment-list > div:nth-child(3n + 3), #app #deposit .account-list-bg .account-list > button:nth-child(3n + 3), #app #deposit .company-deposit-layout .type-list button:nth-child(3n + 3), #app #deposit .company-deposit-layout .account-list button:nth-child(3n + 3) { border-radius: 0 6px 6px 0 !important; border-left: none !important; } #app #deposit .payment-list > div:last-child, #app #deposit .account-list-bg .account-list > button:last-child, #app #deposit .company-deposit-layout .type-list button:last-child, #app #deposit .company-deposit-layout .account-list button:last-child { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } #app #deposit .payment-list > div.active:nth-child(3n + 1), #app #deposit .account-list-bg .account-list > button.active:nth-child(3n + 1), #app #deposit .company-deposit-layout .type-list button.active:nth-child(3n + 1), #app #deposit .company-deposit-layout .account-list button.active:nth-child(3n + 1) { /* border-radius: 2px 0 0 2px !important;*/ } #app #deposit .payment-list > div.active:nth-child(3n + 3), #app #deposit .account-list-bg .account-list > button.active:nth-child(3n + 3), #app #deposit .company-deposit-layout .type-list button.active:nth-child(3n + 3), #app #deposit .company-deposit-layout .account-list button.active:nth-child(3n + 3) { /* border-radius: 0 2px 2px 0 !important;*/ } #app #deposit .payment-list > div.active:nth-child(3n + 3), #app #deposit .account-list-bg .account-list > button:last-child.active, #app #deposit .company-deposit-layout .type-list button:last-child.active, #app #deposit .company-deposit-layout .account-list button:last-child.active { /* border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important;*/ } #app #deposit .account-list-bg .account-list > button *, #app #deposit .company-deposit-layout .account-list button *:not(span), #app #deposit .company-deposit-layout .v-card__actions button *:not(span), #app #deposit .online-deposit-apply-bg .v-card__text hr { display: none; } #app #deposit .online-deposit-apply-bg .v-card__text { padding: 8px 0 !important; } #app #deposit .online-deposit-apply-bg .v-card__text * { color: white ; font-size: 14px !important; font-weight: 700 !important; } #app #deposit .online-deposit-apply-bg .v-card__text form * { font-weight: 500 !important; } #app #deposit .online-deposit-apply-bg form { padding: 0px !important; } #app #deposit .online-deposit-apply-bg form .v-input { position: relative; } #app #deposit .online-deposit-apply-bg form .v-input__prepend-outer { position: absolute; left: 12px; color: #ccd1ff !important; font-size: 16px !important; z-index: 1; } #app #deposit form .v-input__control .v-input__slot { border-radius: 4px; padding: 0px; background: none; } #app #deposit form .v-input__control .v-input__slot fieldset { border: none; top: 0; bottom: 0; left: 0; right: 0; } #app #deposit form i { color: white; } #app #deposit .v-form .v-input__slot { padding: 0; } #app #deposit .online-deposit-apply-bg form .v-input__control .v-input__slot input { text-align: end; border: none; box-shadow: none; background: none; border: 0.5px solid #a5d9ff; background: #181927; } #app.Deposit .v-dialog--persistent table { border-radius: 6px; overflow: hidden; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app.Deposit .v-dialog--persistent table * { background: none !important; border: none !important; text-align: left !important; padding: 10px 24px !important; } #app.Deposit .v-dialog--persistent .v-card .v-card__title { padding: 8px 16px !important; background: #0c1429 !important; } #app.Deposit .v-dialog.v-dialog--persistent .v-card__text .v-data-table__wrapper { background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; padding: 1px; border-radius: 6px; } #app.Deposit .v-dialog.v-dialog--persistent .v-card__text table td { border-bottom: 0.5px solid #2D4F6D !important; filter: drop-shadow(0px -1px 0px #000); } #app.Deposit .v-dialog.v-dialog--persistent .v-card#company-deposit-confirm-dialog .v-card__actions button { border: none; } #app.Deposit .v-dialog.tip-dialog .v-card { border: none; } #app.Deposit .v-dialog.tip-dialog .v-card-title { border-bottom: 1px solid #69FFFF; color: white; justify-content: flex-start; } #app.Deposit .v-dialog.tip-dialog .v-card__text .red--text { display: flex; } #app.Deposit .v-dialog.tip-dialog .v-card__text .red--text::before { content: ""; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning_2.png) center / contain no-repeat; width: 24px; height: 24px; display: inline-block; margin-right: 6px; } #app.Deposit i.selected{ display:none !important; } /* light-mode */ .light-mode #app.Deposit.v-application a { color: var(--light-Inside-money-text); } .light-mode #app.Deposit #deposit form i { color: var(--light-Text-color-dark); } .light-mode #app #deposit .alert-bg .v-alert.v-alert--text, .light-mode #app #deposit .alert-bg .v-alert.v-alert--text i { color: var(--light-Text-color-dark) !important; caret-color: var(--light-Text-color-dark) !important; } .light-mode #app #deposit .alert-bg .v-alert { border: 1px solid var(--white) !important; background: var(--light-index-bg-o9) !important; box-shadow: var(--light-box-shadow-2); } .light-mode #app #deposit .company-deposit-account-list-bg .v-btn.v-size--x-small, .light-mode #app #deposit .company-deposit-account-list-bg .v-btn.v-size--x-small i, .light-mode #app #deposit #deposit-info .v-btn.v-size--default { color: var(--light-Text-color-dark); } .light-mode #app #withdraw .payment-list, .light-mode #app #deposit .payment-list, .light-mode #app #deposit .account-list-bg, .light-mode #app #deposit .online-deposit-apply-bg, .light-mode #app #deposit .company-deposit-layout .company-deposit-list-bg, .light-mode #app #deposit .company-deposit-layout .company-deposit-account-list-bg, .light-mode #app #deposit .company-deposit-layout .company-deposit-apply-bg { border: 1px solid var(--white); background: var(--light-index-bg-o9) !important; box-shadow: var(--light-box-shadow-2); color: var(--light-Text-color-dark); } .light-mode #app #withdraw .payment-list > div::before, .light-mode #app #deposit .payment-list > div::before, .light-mode #app #deposit .account-list-bg .account-list > button::before, .light-mode #app #deposit .online-deposit-apply-bg .btn-group > div::before, .light-mode #app #deposit .company-deposit-layout .type-list button::before, .light-mode #app #deposit .company-deposit-layout .account-list button::before, .light-mode #app #withdraw .payment-list::before, .light-mode #app #deposit .payment-list::before, .light-mode #app #deposit .account-list-bg::before, .light-mode #app #deposit .online-deposit-apply-bg::before, .light-mode #app #deposit .company-deposit-layout .company-deposit-list-bg::before, .light-mode #app #deposit .company-deposit-layout .company-deposit-account-list-bg::before, .light-mode #app #deposit .company-deposit-layout .company-deposit-apply-bg::before { content: none; } .light-mode #app #withdraw .payment-list > div, .light-mode #app #deposit .payment-list > div, .light-mode #app #deposit .account-list-bg .account-list > button, .light-mode #app #deposit .online-deposit-apply-bg .btn-group > div, .light-mode #app #deposit .company-deposit-layout .type-list button, .light-mode #app #deposit .company-deposit-layout .account-list button { border: 1px solid var(--light-Inside-paymant-stroke) !important; background: var(--light-side-open-button-bg) !important; color: var(--icon-green-02); box-shadow: none !important; } .light-mode #app #withdraw .payment-list > div.active, .light-mode #app #deposit .payment-list > div.active, .light-mode #app #deposit .account-list-bg .account-list > button.active, .light-mode #app #deposit .online-deposit-apply-bg .btn-group > div.main-color, .light-mode #app #deposit .company-deposit-layout .type-list button.active, .light-mode #app #deposit .company-deposit-layout .account-list button.active { border: none !important; background: var(--light-bg-header) !important; font-weight: 700; color: var(--white) !important; } .light-mode #app #withdraw .payment-list.payout-category > div.active { border: 1px solid var(--light-Inside-paymant-stroke) !important; } .light-mode #app #deposit .online-deposit-apply-bg .v-card__text * { color: var(--light-Text-color-dark); } .light-mode #app #deposit .online-deposit-apply-bg form .v-input__control .v-input__slot input { border: 1px solid var(--white); background: var(--gray); box-shadow: var(--light-box-shadow-3); } .light-mode #app #deposit .online-deposit-apply-bg form .v-input__prepend-outer { color: var(--white) !important; } .light-mode #app.Deposit .v-dialog--persistent .v-card .v-card__title { background: var(--light-bg-header) !important; color:var(--white); } .light-mode #app.Deposit .v-dialog.tip-dialog .v-card__text .red--text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning_2.png) center / contain no-repeat; } .light-mode #app.Withdraw .payment-list .fix { padding: 5px 8px; background: var(--light-bg-ticker); color: var(--white); width: max-content; display: block; line-height: 1; border-radius: 50px; margin:auto; } .light-mode #app.WithdrawAccountManagement .search-link img { display: none; } .light-mode #app.WithdrawAccountManagement .search-link::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/search.png) center / contain no-repeat; margin-left: 6px; } /* #endregion 財務中心>存款 */ /* #region 卡片元件 withdraw B style*/ #app.Withdraw .v-dialog.select-account-style .icon-wrap { width: 30px; top: 0px; left: -5px; } #app.Withdraw .v-dialog.select-account-style .account-card { background-image: url('/CdnRedirect/Web.Mobile/_Common/2.0/images/view/WithdrawAccountManagement/B/cardBg_1.png'); height: 53vw; } #app.Withdraw .v-dialog.select-account-style .account-card > .v-card__text { padding: 16px 10vw; top: 3vw; left: 3vw; } #app.Withdraw .v-dialog.select-account-style .account-card > .v-card__text .account-number-title { text-align: left !important; } #app.Withdraw .v-dialog.select-account-style .account-card > .v-card__text .account-name-sub { right: 10vw; } #app .withdraw-b-input-style.theme--light.v-input input, #app .withdraw-b-input-style.theme--light.v-input input:-webkit-autofill { color: rgba(132, 197, 233, 1) !important; -webkit-text-fill-color: rgba(132, 197, 233, 1) !important; } #app .v-dialog.withdraw-b-fee-info { padding: 1px; position: relative !important; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.45) 0%, rgba(19, 49, 84, 0.45) 100%) !important; } #app .v-dialog.withdraw-b-fee-info:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app .common-dialog.withdraw-b-fee-info .v-card .v-card__title { background: #0c1429 !important; border-top-left-radius: 8px; border-top-right-radius: 8px; } #app .v-dialog.withdraw-b-fee-info.common-dialog .v-card { background: none !important; border: none !important; } #app .v-dialog.withdraw-b-fee-info .common-dialog .v-card { position: relative !important; border: 1px solid #343c56 !important; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.45) 0%, rgba(19, 49, 84, 0.45) 100%) !important; } #app .v-dialog.withdraw-b-fee-info .common-dialog .v-card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .withdraw-account-b-style .account-number-title { text-align: start !important; } .withdraw-account-b-style.withdraw-account-b-main .v-card__text { padding: 0 0 16px 0; } .withdraw-account-b-style.withdraw-account-b-main .account-card .mask { display: none; } .withdraw-account-b-style.withdraw-account-b-main .account-card { height: 55vw; } .withdraw-account-b-style.withdraw-account-b-main .account-name-main { margin: 5px 20px; display: flex; justify-content: flex-end; align-items: center; } .withdraw-account-b-style.withdraw-account-b-main .account-name-main::after { content: ''; display: block; height: 18px; width: 2px; background: #69FFFF; border-radius: 20px; margin-left: 6px; } /* light-mode */ .light-mode #app.Withdraw .withdraw-account-b-style hr { border: .5px solid var(--close-gray); filter: none; } .light-mode #app.Withdraw .withdraw-account-b-style, .light-mode #app.Withdraw #withdraw .withdraw-info-bg.withdraw-account-b-style, .light-mode #app.Withdraw #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset, .light-mode #app.Withdraw .v-dialog.select-account-style .v-card.common-bg { background: var(--light-index-bg-o9) !important; box-shadow: var(--light-box-shadow-2) !important; } .light-mode #app.Withdraw .withdraw-account-b-style.theme--light.v-card .v-card__subtitle.CustomCurrency, .light-mode #app.Withdraw .withdraw-account-b-style.theme--light.v-card .subtitle-2.currency-limit { color: var(--light-Inside-money-text) !important; } .light-mode #app.Withdraw .withdraw-b-input-style.theme--light.v-input input, .light-mode #app.Withdraw .withdraw-b-input-style.theme--light.v-input input:-webkit-autofill { color: var(--light-Text-color-dark) !important; -webkit-text-fill-color: var(--light-Text-color-dark) !important; } .light-mode #app.Withdraw #withdraw .withdraw-info-bg .withdraw-sub-btn { border: 0.975px solid var(--icon-green-01) !important; background: var(--light-money-reback) !important; line-height: 1; color: var(--icon-green-01); box-shadow:none !important; } .light-mode #app.Withdraw #withdraw .withdraw-info-bg .v-btn.withdraw-b-btn, .light-mode #app.Withdraw #withdraw .withdraw-info-bg .v-btn.v-btn--disabled.withdraw-b-btn { background: var(--light-button) !important; color: var(--white) !important; border-radius: 8px; } .light-mode #app.Withdraw #withdraw .withdraw-info-bg .v-btn.v-btn--disabled.withdraw-b-btn[disabled="disabled"] { background: var(--light-custom-linear-gradient-color-8) !important; color: var(--white-o8) !important; } .light-mode #app.Withdraw .v-dialog.select-account-style .account-card { height:auto; } .light-mode #app .withdraw-account-b-style button.v-size--small span, .light-mode #app .theme--light.v-card .v-icon.select-arrow { color: var(--icon-green-01) !important; } .light-mode #app.Withdraw .withdraw-account-b-style.withdraw-account-b-main .v-card__text .account-card { width: calc(100% - 36px); margin: auto; } .light-mode #app .v-dialog.withdraw-b-fee-info { background: var(--light-index-bg-o9) !important; border: 1px solid var(--white); padding: 0px; } .light-mode #app .v-dialog.withdraw-b-fee-info:before { content: none; } .light-mode #app .v-dialog.withdraw-b-fee-info.common-dialog .v-card { padding: 0; } /* #endregion 卡片元件 withdraw B style*/ /* #region 會員中心>設定銀行帳戶 */ #app #withdraw .withdraw-info-bg, #app #withdraw .withdraw-account-bg { background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9)); border: 1px solid #2cd0ff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #app #withdraw .withdraw-info-bg .v-btn.administration-fee-dialog-btn { min-width: 80px; width: auto; color: #14d5c3 !important; padding: 10px; background: none; border: 1px solid #14d5c3; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #app #withdraw .v-text-field--outlined fieldsett { border: none; border-bottom: 1px solid #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #app #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset { opacity: 0; } #app #withdraw .v-text-field--outlined.withdraw-b-input-style fieldset:before { content: ""; width: 101%; height: 42px; position: absolute; top: -7px; left: -2px; right: 0; bottom: 0; z-index: -1; border-radius: 4px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light { background-color: transparent !important; background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9)); border: 1px solid #2cd0ff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light > div > form > div.d-flex.justify-center.mt-2 > button { /* display: flex; justify-content: center; align-items: center; color: #fff !important; margin: 0 auto; height: 50px; min-width: 127px !important; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn_left.png") no-repeat center !important; background-size: 100% 100% !important; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0 20px 5px;*/ } #app #withdraw-account-management .card-wrap, #app #withdraw-account-management .tips, #app #withdraw-account-management #set-account .main-bg, #app #withdraw-account-management .withdraw-account-management-content .hint { position: relative; border-radius: 8px; border: none; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%); } #app #withdraw-account-management .card-wrap::before, #app #withdraw-account-management .tips::before, #app #withdraw-account-management #set-account .main-bg::before, #app #withdraw-account-management .withdraw-account-management-content .hint::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #withdraw-account-management .card-wrap button { height: 43px; } #app #withdraw-account-management .account-action-btn .text-edit { color: #6bfbfc; } #app #withdraw-account-management .tips .v-alert { margin-bottom: 0; } #app #withdraw-account-management .tips .v-alert::before { background-color: transparent; } #app #withdraw-account-management .tips .v-alert__content { color: white; } #app #withdraw-account-management .btn-primary { color: #1971a2; margin-top: 10px; height: 45px; } #app #withdraw-account-management .tips .v-alert__content span, #app #withdraw-account-management .audit-failed { color: #FF9FDE !important; } #app #withdraw-account-management .review-successful { color: #A1D4E5; font-weight: 400; } #app #withdraw-account-management .in-review { color: #FFC706; } #app #withdraw-account-management .audit-failed, #app #withdraw-account-management .review-successful, #app #withdraw-account-management .in-review { -webkit-text-fill-color: currentColor; } #app #withdraw-account-management .card-wrap .v-card .mask { display: none; } #app #withdraw-account-management .card-wrap .v-card .card-title { border: none; position: relative; } #app #withdraw-account-management .card-wrap .v-card .card-title::before { content: ''; position: absolute; top: 6px; right: 0; bottom: 6px; width: 2px; background: linear-gradient(180deg, #B2C6D8 0%, #69FFFF 100%); border-radius: 10px; } #app #withdraw-account-management #set-account .v-card__text > div { align-items: flex-end; } #app #withdraw-account-management #set-account .v-form label, #app #withdraw-account-management #set-account .v-card__text > div, #app #withdraw-account-management #set-account .v-form .picture-upload span:first-child { font-size: 16px; font-weight: 700; color: white !important; } #app #withdraw-account-management #set-account .v-form .v-input .v-input__slot { padding: 0; } #app #withdraw-account-management #set-account .v-form .v-text-field__details .v-messages { min-height: unset; } #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit, #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister { border-radius: 4px; border: 1px solid #84C5E9; background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.00) 100%); padding: 10px; color: #84C5E9 !important; display: flex !important; align-items: center; } #app #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label { height: auto; } #app #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: 'Please enter "Bank Code + Branch Code"'; font-size: 12px; margin-left: 0; display: block; color: #84C5E9; } #app.vi-VN #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: 'Vui lòng nhập "Mã ngân hàng + Mã chi nhánh"'; } #app.zh-TW #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { content: '請填寫「銀行代碼+分行代碼」'; display: inline-block; margin-left: 4px; } #app #withdraw-account-management .withdraw-account-management-content .hint { gap: unset; } #app #withdraw-account-management .withdraw-account-management-content .hint .icon-hint, #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit i, #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister i { font-size: 0 !important; background: none; margin-right: 6px; } #app #withdraw-account-management .withdraw-account-management-content .hint .icon-hint::before, #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit i::before, #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister i::before { content: ""; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning.png) center / contain no-repeat; width: 20px; height: 20px; display: inline-block; } #app #withdraw-account-management #set-account .v-form .picture-upload .custom-file-upload { flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #app #withdraw-account-management #set-account .v-form .picture-upload .custom-file-upload .file-upload-item { width: 48%; margin: unset; } #app #withdraw-account-management #set-account .v-form .picture-upload .custom-file-upload .file-upload-item .upload_zone { font-size: 52px !important; } .light-mode #app #withdraw-account-management .account-card .approveStatus { color: var(--white) !important; } .light-mode #app #withdraw-account-management .account-action-btn .text-edit { color: var(--blue-01); } .light-mode #app #withdraw-account-management .withdraw-account-management-content .v-text-field__slot:has(input[name="BranchCode"]) > label::after { color: var(--light-Inside-money-text); } .light-mode #app #withdraw-account-management .card-wrap, .light-mode #app #withdraw-account-management .tips, .light-mode #app #withdraw-account-management #set-account .main-bg, .light-mode #app #withdraw-account-management > div.withdraw-account-management-content > div.ma-3.common-bg.v-card.v-sheet.theme--light { border: 1px solid var(--white) !important; background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode #app #withdraw-account-management .withdraw-account-management-content .hint { border: 1px solid var(--light-bg-ticker); background: none; color: var(--icon-green-01); } .light-mode #app #withdraw-account-management .card-wrap::before, .light-mode #app #withdraw-account-management .tips::before, .light-mode #app #withdraw-account-management #set-account .main-bg::before { content: none; } .light-mode #app #withdraw-account-management .card-wrap::before, .light-mode #app #withdraw-account-management .tips::before, .light-mode #app #withdraw-account-management #set-account .main-bg::before { content: none; } .light-mode #app #withdraw-account-management .card-wrap .v-card .card-title, .light-mode #app .account-card .store-card-content .store-info .store-title, .light-mode #app .account-card .store-card-content .store-info .store-branch-id { color: var(--white); } .light-mode #app #withdraw-account-management .card-wrap .v-card .card-title::before { content:none; } .light-mode #app #withdraw-account-management .btn-primary { color: var(--white); } .light-mode #app #withdraw-account-management .tips .v-alert__content { color: var(--light-Text-color-dark); } .light-mode #app #withdraw-account-management .tips .v-alert__content span { color: var(--light-warn) !important; } .light-mode #app #withdraw-account-management .audit-failed { color: var(--light-warn) !important; } .light-mode #app #withdraw-account-management .review-successful { color: var(--blue-01); } .light-mode #app #withdraw-account-management .in-review { color: var(--icon-green-03); } .light-mode #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit, .light-mode #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister { border: 1px solid var(--light-bg-ticker); background: none; color: var(--icon-green-01); } .light-mode #app #withdraw-account-management .withdraw-account-management-content .hint { border: 1px solid var(--light-bg-ticker); background: none; color: var(--icon-green-01) !important; } .light-mode #app #withdraw-account-management .withdraw-account-management-content .hint::before { content: none; } .light-mode #app #withdraw-account-management .withdraw-account-management-content .hint .icon-hint::before, .light-mode #app #withdraw-account-management #set-account .v-form .picture-upload .upload-limit i::before, .light-mode #app #withdraw-account-management .v-form .BankCardNeedSetNameAsRegister i::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning.png) center / contain no-repeat; } .light-mode #app #withdraw-account-management .btn-primary { background: var(--light-button) !important; border-radius: 8px; } /*--->取款稽核資訊(彈跳視窗)*/ #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div { border-radius: 6px; overflow: hidden; position: relative; padding: 1px; margin-top: 10px !important; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div:nth-child(1) { margin-top: 0px !important; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper { border-radius: 6px; overflow: hidden; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table * { background: none !important; border: none !important; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table tr td:nth-child(1) { text-align: end; } #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table tr td:nth-child(2) { color: #84C5E9; } .light-mode #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div { border: 1px solid var(--white) !important; box-shadow: var(--light-box-shadow); } .light-mode #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div::before { content: none; } .light-mode #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper { background: var(--light-side-open-button-bg); } .light-mode #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table tr td:nth-child(2) { color: var(--light-Text-color-dark); } .light-mode #app.Withdraw .v-dialog.administration-fee-info-dialog .v-card__text > div .v-data-table__wrapper table tr td:nth-child(1) { color: var(--gray) !important; font-weight: 400 !important; } /* #endregion 會員中心>設定銀行帳戶 */ /* #region 用戶協議 */ .light-mode #app.Agreement .member-center-d .main-action { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode .agreement p{ color:var(--light-Text-color-dark); } /* #endregion 用戶協議 */ /* #region 個人資訊 */ #app #member-infor .v-form .input-wrap { height: fit-content; border: none; margin: 0px; padding: 0px; } #app #member-infor .member-infor-main .text-red { color: #84C5E9 !important; } .light-mode #app #member-infor .member-infor-main .text-red { color: var(--light-Inside-money-text) !important; } .light-mode #app #member-infor .v-form .input-wrap { background: none; } #app #member-infor .v-form .input-wrap .v-select__slot { padding: 0px; } #app #member-infor .v-form .input-wrap .v-select__slot .v-select__selections { margin: 0; } #app.MemberInfor .v-menu__content.menuable__content__active { margin-top: 68px; } #app #member-infor .withdrawl-tip:before { position: absolute; content: ""; top: 50%; left: 16px; transform: translateY(-50%); height: 20px; width: 20px; background-size: contain !important; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning.png); } #app.MemberInfor .input-wrap.birthday:has(label) { margin-top: 20px !important; } #app.MemberInfor .v-form > div:has(.input-wrap.birthday) { margin-top: 26px; } #app.MemberInfor .input-wrap.birthday label { top: -22px; left: 0; } #app.MemberInfor .v-select .v-select__selection--disabled { color: white; } .light-mode #app #member-infor .withdrawl-tip:before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning.png); background-size: contain !important; } #app #member-infor .v-form .input-wrap .label-withdral, #app #member-infor .label-withdral.tip { display: none; } #member-infor .btn-bind-sns { border: none; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%) !important; } .light-mode #member-infor .btn-bind-sns { color: var(--icon-green-02) !important; border-radius: 8px !important; border-bottom: 1px solid var(--gray-1) !important; background: var(--light-custom-linear-gradient-color-5) !important; box-shadow: none !important; } .light-mode #member-infor .btn-bind-sns .icon-action { color: var(--icon-green-02) !important; } /* #endregion 個人資訊*/ /* #region 站內信 */ #app.SiteMail .v-tabs-bar { padding: 14px 19px 4px 19px; height: auto; } #app.SiteMail .v-tabs-bar .v-tabs-bar__content { gap: 14px; } #app.SiteMail .v-tabs-bar a, #app.SiteMail .mail-detail-dialog .mail-body { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border-radius: 5px !important; position: relative; margin: 1px; border: none; } #app.SiteMail .v-tabs-bar a::before, #app.SiteMail .mail-detail-dialog .mail-body::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: 6px; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; opacity: 1; } #app.SiteMail .v-tabs-bar a, #app.SiteMail .v-tabs-bar a.v-tab--active:last-child, #app.SiteMail .mail-item p.text-truncate, #app.SiteMail .mail-detail-dialog p, #app.SiteMail .mail-detail-dialog p a, #app.SiteMail .v-window-item--active .v-alert.success--text, #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content { color: #84C5E9 !important; } #app.SiteMail .send-mail-dialog fieldset, #app.SiteMail .v-tabs .v-tab:nth-child(4), #app.SiteMail .mail-item p, #app.SiteMail .mail-item p.text-truncate.text-info, #app.SiteMail .mail-detail-dialog .mail-body, #app.SiteMail .mail-detail-dialog .mail-body p { color: white !important; } #app.SiteMail .mail-detail-dialog .mail-body { font-weight: 700 !important; } #app.SiteMail .v-tabs-bar a { padding: 16px; max-height: 51px; } #app.SiteMail .v-tabs-bar a.v-tab--active { background: linear-gradient(180deg, #B2C6D8 -37.18%, #69FFFF 100%); color: #1971A2 !important; } #app.SiteMail .v-tabs-bar a.v-tab--active:last-child { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app.SiteMail .v-dialog .v-card__actions { gap: 6px; } #app.SiteMail .v-dialog .v-card__actions button { min-width: unset; width: 30%; max-width: unset; flex-grow: 1; } #app.SiteMail .v-tabs { background: transparent; } #app.SiteMail .v-tabs .v-tabs-slider-wrapper, #app.SiteMail .v-window-item--active .v-alert.success--text i, #app.SiteMail .mail-detail-dialog .v-card__actions button:nth-child(4) { display: none !important; } #app.SiteMail .mail-item { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%); z-index: 0; position: relative; } #app.SiteMail .mail-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 1; } #app.SiteMail .mail-item.un-read:after { width: 6px; height: 6px; } #app.SiteMail .mail-item .row > div:last-child { width: 100px; flex-grow: initial; display: flex; align-items: flex-end; } #app.SiteMail .v-window-item--active .v-alert.success--text { padding: 0px; } #app.SiteMail .v-window-item--active .v-alert.success--text::before { content: none; } #app.SiteMail .v-window-item--active .v-alert.success--text .v-alert__content { text-align: center; } #app.SiteMail .v-window-item--active .v-alert.warning--text { border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%) !important; z-index: 0; position: relative; } #app.SiteMail .v-window-item--active .v-alert.warning--text::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 1; } #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content { display: flex; align-items: center; } #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content::before { content: ""; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning.png) center / contain no-repeat; width: 24px; height: 24px; display: inline-block; margin-right: 6px; } #app.SiteMail .v-window-item--active .v-alert.warning--text i { display: none; } #app.SiteMail .mail-detail-dialog .v-card__title .v-input { margin-right: 16px; } #app.SiteMail .mail-detail-dialog .v-card__title .v-input__slot { border-radius: 4px; border: 1px solid #ccd1ff; background: var(--Input-Light, #181927); box-shadow: 0px 2px 4px 0px #05050b inset; padding: 6px 16px !important; margin-top: 0px; min-height: 38px; } #app.SiteMail .mail-detail-dialog .v-card__title > span { max-width: calc(100% - 40px); } #app.SiteMail .mail-detail-dialog .v-card .container { display: flex; flex-direction: column; } #app.SiteMail .mail-detail-dialog .v-card .container div { display: flex; flex: 1; flex-direction: column; justify-content: flex-start; max-height: unset; align-items: flex-start; margin-bottom: 0px; padding: 0; width: 100%; } #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert { width: 100%; margin: 0 !important; display: block; flex: unset; padding: 16px; } #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert div { width: 100%; margin: 0 !important; flex: unset; } #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert .v-alert__content, #app.SiteMail .mail-detail-dialog .v-card .container div.v-alert .v-progress-circular { display: inline-block; } #app.SiteMail .mail-detail-dialog .v-card .container .mail-body { overflow: visible; padding: 14px 16px; max-height: unset; height: auto !important; width: 100%; } #app.SiteMail .mail-detail-dialog .v-card__actions { padding: 0 15px 15px 15px; } #app.SiteMail .mail-detail-dialog .v-card__actions button { min-width: unset !important; }var(--light-Inside-paymant-stroke) #app.SiteMail .send-mail-dialog .v-form fieldset { opacity: 0; } #app.SiteMail .send-mail-dialog .container > div, #app.SiteMail .send-mail-dialog .container .row > div, #app.SiteMail .send-mail-dialog .v-form .v-text-field__slot { padding: 0 !important; margin: 0 !important; } #app.SiteMail .send-mail-dialog .v-form .container .row > div.btn-group { margin-top: 15px !important; } .light-mode #app.SiteMail .v-tabs-bar a { background: var(--light-side-open-button-bg); color: var(--icon-green-02) !important; } .light-mode #app.SiteMail .mail-detail-dialog .v-card__title .v-input__slot { border: 1px solid var(--white); background: var(--gray); box-shadow: var(--light-box-shadow-3); } .light-mode #app.SiteMail .mail-detail-dialog .v-card__title .v-input__slot input { color: var(--light-Text-color-dark) !important; } .light-mode #app.SiteMail .mail-detail-dialog .mail-body { background: var(--light-side-open-button-bg); border: none; box-shadow: none; } .light-mode #app.SiteMail .v-tabs-bar a::before, .light-mode #app.SiteMail .mail-detail-dialog .mail-body::before { background: var(--light-Inside-paymant-stroke); } .light-mode #app.SiteMail .v-tabs-bar a.v-tab--active:last-child { background: var(--light-side-open-button-bg); color: var(--icon-green-02) !important; } .light-mode #app.SiteMail .v-tabs-bar a.v-tab--active { background: var(--light-bg-header); color: var(--white) !important; } .light-mode #app.SiteMail .v-tabs-bar a.v-tab--active::before { background: var(--light-Inside-paymant-stroke); } .light-mode #app.SiteMail .mail-item { background: var(--light-index-bg-o9); } .light-mode #app.SiteMail .mail-item::before { background: var(--white); } .light-mode #app.SiteMail .send-mail-dialog fieldset, .light-mode #app.SiteMail .v-tabs .v-tab:nth-child(4), .light-mode #app.SiteMail .mail-item p, .light-mode #app.SiteMail .mail-item p.text-truncate.text-info, .light-mode #app.SiteMail .mail-detail-dialog .mail-body, .light-mode #app.SiteMail .mail-detail-dialog .mail-body p, .light-mode #app.SiteMail .v-window-item--active .v-alert.success--text, .light-mode #app.SiteMail .v-dialog.mail-detail-dialog .container span { color: var(--light-Text-color-dark) !important; border: none; } .light-mode #app.SiteMail .mail-item p.text-truncate, .light-mode #app.SiteMail .mail-detail-dialog p { color: var(--icon-green-06) !important; } .light-mode #app.SiteMail .mail-detail-dialog p a { color: var(--icon-green-05) !important; } .light-mode #app.SiteMail .v-window-item--active .v-alert.warning--text { background: var(--light-index-bg-o9) !important; } .light-mode #app.SiteMail .v-window-item--active .v-alert.warning--text::before { background: var(--white); } .light-mode #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content { color: var(--icon-green-01) !important; } .light-mode #app.SiteMail .v-window-item--active .v-alert.warning--text .v-alert__content::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning.png) center / contain no-repeat; } .light-mode #app.SiteMail .mail-item.un-read:after { background-color: var(--light-warn); } /* #endregion 站內信*/ /* #region 站內信(彈跳視窗通知) */ #app .v-alert.notify-msg .notify-modal { border: 1px solid #343c56; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%); } #app .v-alert.notify-msg .notify-modal::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app .v-alert.notify-msg .notify-modal .v-card__title { color: #FFFFFF; font-weight: 800; padding: 16px 16px 6px 16px; } #app .v-alert.notify-msg .notify-modal .v-card__title::after { position: absolute; content: ""; width: 6px; height: 6px; background-color: red; border-radius: 50%; top: 10px; right: 10px; } #app .v-alert.notify-msg .notify-modal .v-card__title button { display: none; } #app .v-alert.notify-msg .notify-modal .v-card__text { color: #84C5E9; padding-bottom: 0; } .light-mode #app .v-alert.notify-msg .notify-modal { background: rgba(203, 226, 255, 0.90); box-shadow: 0 3px 1px -2px rgba(203, 226, 255, 0.20), 0 2px 2px 0 rgba(203, 226, 255, 0.14), 0 1px 5px 0 rgba(203, 226, 255, 0.12); border: 1px solid #ffffff00; } .light-mode #app .v-alert.notify-msg .notify-modal::before { background: var(--icon-green-02); } .light-mode #app .v-alert.notify-msg .notify-modal .v-card__title { color: var(--light-Inside-paymant-stroke); } /* #endregion 站內信(彈跳視窗通知) */ /* #region 領獎中心 */ #app #award-center .inner .scroll-content .navtab { background: transparent !important; border-spacing: 16px 0; display: flex; gap: 14px; } #app #award-center .inner .scroll-content .navtab li { color: #84c5e9 !important; border: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); padding: 2px 24px; flex: 1; min-width: unset; } #app #award-center .inner .scroll-content .navtab li:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #award-center .inner .scroll-content .navtab li.active { color: #1971a2 !important; background: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%); } #app #award-center .inner .scroll-content .navtab li.active:before { display: none; } #app #award-center .inner .scroll-content .navtab li:after { display: none; } #app #award-center .inner .item { position: relative; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: none; color: #fff; } #app #award-center .inner .item > * { z-index: 1; } #app #award-center .inner .item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 2px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #award-center .inner .item::after { content: ""; width: calc(100% - 40px); height: 1px; position: absolute; background: #316391; filter: drop-shadow(0px -1px 0px #000); left: 20px; top: 55px; } #app #award-center .inner .item .event-name { padding: 40px 0 0 10px; } #app #award-center .inner .item .event-name .text-h6 { font-size: 14px !important; } #app #award-center .inner .item .AwardStatusName { border-radius: 50px; padding: 2px 12px; color: var(--light-warn); background: #D7C6C9; border: none; } #app #award-center .inner .item.received .AwardStatusName { color: var(--light-Inside-money-text); background: #B6D5FA; } #app #award-center .inner .item .event-type, #app #award-center .inner .item.overdue .amount, #app #award-center .inner .item.received .amount { color: #3f7ea1; margin-top: 10px; } #app #award-center .inner .item .amount { z-index: 1; align-self: flex-end; font-size: 14px !important; line-height: 1.5; } #app #award-center .inner .hint { border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%); z-index: 0; position: relative; } #app #award-center .inner .hint::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 1; } #app #award-center .hint .icon-hint { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; } /*--->light-mode*/ .light-mode #app #award-center .inner .item::after { background: var(--close-gray); filter: var(--light-box-shadow-7); } .light-mode #app #award-center .inner .scroll-content .navtab li { border: 1px solid var(--light-Inside-paymant-stroke); background: var(--light-side-open-button-bg); color: var(--icon-green-02) !important; } .light-mode #app #award-center .inner .scroll-content .navtab li:before { content: none; } .light-mode #app #award-center .inner .scroll-content .navtab li.active { color: var(--white) !important; background: var(--light-bg-header); } .light-mode #app #award-center .inner .hint { border: 1px solid var(--light-bg-ticker); background: none; color: var(--icon-green-01); } .light-mode #app #award-center .inner .hint::before { content: none; } .light-mode #app #award-center .hint .icon-hint { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; } .light-mode #app #award-center .inner .item { border: 1px solid var(--white); background: var(--light-index-bg-o9); } .light-mode #app #award-center .inner .item:before { content: none; } .light-mode #app #award-center .inner .item .event-name .text-h6 { color: var(--light-Text-color-dark); font-weight: 700; } .light-mode #app #award-center .inner .item .event-type { color: var(--gray); } .light-mode #app #award-center .inner .item .amount, .light-mode #app #award-center .inner .item.overdue .amount, .light-mode #app #award-center .inner .item.received .amount { color: var(--light-Inside-money-text); font-weight: 700; } .light-mode #app #award-center .inner .item.received .AwardStatusName { background: var(--blue); color: var(--blue-01); } .light-mode #app #award-center .inner .item .AwardStatusName { background: var(--red); color: var(--light-warn); } /* #endregion 領獎中心 */ /* #region footer */ #app #footer { position: fixed; bottom: 0; left: 0; right: 0; } #app #footer:before { content: ""; position: absolute; left: 0; right: 0; background: linear-gradient(to right, #1b1e1a, #3aa2ec, #1c1e1c); } #app #footer .v-bottom-navigation { background: #0c1429; backdrop-filter: blur(30px); border: none; } #app.Home .layout #footer { height: 75px; } #app #footer .v-btn .has-new-sitemail { display: none; } #app .v-dialog.financial-dialog { margin: 0 0 67px 0; } #app #footer:not(.show-financial-dialog) .v-bottom-navigation button.active:not([value=Promotion]):not([value=Home]) span { color: #FFFFFF; } /*--->light-mode*/ .light-mode #app #footer.k-component .v-bottom-navigation { background: var(--light-custom-linear-gradient-color-4); } .light-mode #footer .v-bottom-navigation a span, .light-mode #footer .v-bottom-navigation span { color: var(--white) !important; } .light-mode #app #footer:not(.show-financial-dialog) .v-bottom-navigation button.active:not([value=Promotion]):not([value=Home]) span { color: var(--white) !important; } .light-mode #app #footer.k-component .v-btn i.promotion, .light-mode #app #footer.k-component .v-btn.v-btn--active i.promotion { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/promotion.png); } .light-mode #app #footer.k-component .v-btn i.chat, .light-mode #app #footer.k-component .v-btn.v-btn--active i.chat { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/chat.png); } .light-mode #app #footer.k-component .v-btn i.transaction, .light-mode #app #footer.k-component .v-btn.v-btn--active i.transaction { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/transaction.png); } .light-mode #app #footer.k-component .v-btn i.member-center, .light-mode #app #footer.k-component .v-btn.v-btn--active i.member-center { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/member-center.png); } .light-mode #app #footer.k-component .v-btn i.home, .light-mode #app #footer.k-component .v-btn.v-btn--active i.home { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/home.png); } .light-mode #app #footer.k-component .v-btn i.financial::before, .light-mode #app #footer.k-component .v-btn--active i.financial::before { background-image: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/logo.png); } .light-mode #app #footer .v-btn i.financial { background: var(--light-bg-header); } .light-mode .v-dialog.financial-dialog .v-card ul { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/deposit_bg.png) no-repeat center / contain; } .light-mode .v-dialog.financial-dialog .v-card ul li.deposit { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/withdraw_bg.png) no-repeat center right / contain; } .light-mode .v-dialog.financial-dialog .v-card ul li.deposit::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/deposit.png) no-repeat center / 130%; } .light-mode .v-dialog.financial-dialog .v-card ul li::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/footer/withdrawal.png) no-repeat center / 130%; } /* #endregion footer */ /* #region 客戶服務 */ #app #online-services .join { min-width: 116px; min-height: 33px; margin-right: 20px !important; font-size: 14px; } #app #online-services .page-content .services-link .icon img { display: none; } #app #online-services .page-content .services-link .icon::before { content: ''; display: block; width: 45px; height: 40px; } #app #online-services .join { margin: 0 15px 0 auto !important; } #app #online-services .page-content .telegram.services-link .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/TG.png) center / contain no-repeat; } #app #online-services .page-content .onlivechat.services-link .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/chat.png) center / contain no-repeat; } #app #online-services .page-content .livechat.services-link{ display:none; } #app #online-services .page-content .livechat.services-link .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/chat.png) center / contain no-repeat; } #app #online-services .page-content .Line.services-link .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/line.png) center / contain no-repeat; } #app #online-services .page-content > img, #app #online-services .services-link.onlivechat, .light-mode #app #online-services .page-content::before { order: -1; } .light-mode #app.OnlineServices #online-services .page-content { padding:0; } .light-mode #app #online-services .page-content > img { display: none; } .light-mode #app #online-services .page-content::before { content: ''; display: block; width: 100%; aspect-ratio:780/260; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/onlineServices/banner.png) center / contain no-repeat; } .light-mode #online-services .page-content .services-link { width: calc(100% - 32px); margin: 0 16px; padding: 0; border-radius: 8px; border: 1px solid var(--white); background: var(--light-custom-linear-gradient-color-12); } .light-mode #online-services .page-content .services-link .icon > img { display: none; } .light-mode #online-services .page-content .services-link .icon::before { content: '' !important; display: block; width: 45px; height: 40px; } .light-mode #online-services .page-content .services-link.telegram .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/telegram.png) center / contain no-repeat; } .light-mode #online-services .page-content .services-link.Line .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/line.png) center / contain no-repeat; } .light-mode #online-services .page-content .services-link.livechat .icon::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/livechat.png) center / contain no-repeat; } .light-mode #online-services .page-content .services-link .text span { color: var(--light-Text-color-dark); font-weight: 700; } .light-mode #app.OnlineServices #online-services .join { border-radius: 8px; border: 1px solid var(--light-siderbar-active-stroke); box-shadow: var(--light-box-shadow-2); } /* #endregion 客戶服務 */ /* #region 新手教學 */ #app #guide .accordion-item { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border-radius: 6px; position: relative; border: none !important; } #app #guide .accordion-item::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app #guide .accordion-item-title h4 { color: #84C5E9; font-weight: 500; font-size: 16px; } .light-mode #app #guide .accordion-item { background: var(--light-index-bg);; } .light-mode #app #guide .accordion-item::before { background: var(--white); } .light-mode #app #guide .accordion-item-title h4 { color: var(--light-Text-color-dark); } /* #endregion 新手教學 */ /* #region 投注紀錄 */ #app #bet-record #page-title .back-query { display: none; } #app #bet-record .search-box { border: none !important; background: none; box-shadow: none; margin: 0 !important; } #app #bet-record .v-input--radio-group--row, #app #bet-record .time-picker-box, #app #bet-record .game-picker-box, #app #bet-record .result-sheet > div, #app #bet-record .not-data-box, #app #bet-record .total-sheet { position: relative; height: auto; color: #FFFFFF; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important; border-radius: 8px; padding: 16px !important; margin-bottom: 8px !important; z-index: 0; border: none !important; } #app #bet-record .v-input--radio-group--row::before, #app #bet-record .time-picker-box::before, #app #bet-record .game-picker-box::before, #app #bet-record .result-sheet > div::before, #app #bet-record .not-data-box::before, #app #bet-record .total-sheet::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #bet-record .v-input--radio-group--row .v-radio { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; width: 50%; margin: 0px; padding: 16px; } #app #bet-record .v-input--radio-group--row .v-radio::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; } #app #bet-record .v-input--radio-group--row .v-radio:first-child { border-radius: 6px 0 0 6px; } #app #bet-record .v-input--radio-group--row .v-radio:last-child { border-radius: 0 6px 6px 0; } #app #bet-record .v-input--radio-group--row .v-radio label { color: #84C5E9 !important; justify-content: center; font-weight: 500; } #app #bet-record .v-input--radio-group--row .v-radio.v-item--active { background: linear-gradient(180deg, #B2C6D8 -37.18%, #69FFFF 100%); } #app #bet-record .v-input--radio-group--row .v-radio.v-item--active label { color: #1971A2 !important; } #app #bet-record .v-input--radio-group--row .v-input--selection-controls__input { display: none; } #app #bet-record .time-picker-box { display: flex; flex-direction: column; } #app #bet-record .time-picker-box .subtitle-2 { order: -1; margin-bottom: 8px; } #app #bet-record .time-picker-box .bet-record-date-btns { order: -1; } #app #bet-record .game-picker-box button.main-color.v-btn { margin-top: 30px !important; } #bet-record .bet-record-date-btns { display: flex; gap: 5px; } #bet-record .bet-record-date-btns button { color: #84C5E9; border: none; padding: 0 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid transparent; } #bet-record .bet-record-date-btns button.active { color: #FFFFFF; border-color: #FFFFFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 2px 5px; } #bet-record .game-type-dialog-component .categories-string { display: none; } #bet-record .game-type-dialog-component .select-btn { margin-left: 0 !important; background: linear-gradient(180deg, #B2C6D8 -37.18%, #69FFFF 100%); color: #1971A2; border-radius: 4px; font-weight: 700; } #bet-record .search-box, #bet-record .not-data-box { background: linear-gradient(to top, rgb(21, 94, 136, 0.9), rgba(10, 33, 64, 0.9)); border: 1px solid #2cd0ff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #bet-record .not-data-box { padding: 10px; } #bet-record .total-box, #bet-record .list-box { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #bet-record .total-box .v-card__text, #bet-record .list-box .v-card__text { padding: 0; } #app.BetRecord .v-dialog .v-card__title { background: #0C1429 !important; border-bottom: 2px solid #69FFFF !important; color: white; } #app.BetRecord .v-dialog .v-card__text > * { margin: 0 !important; padding: 0 !important; } #app.BetRecord .v-dialog .v-card__text .suppliers { margin-bottom: 20px !important; } #app.BetRecord .v-dialog button.v-size--small { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border-radius: 4px; position: relative; border: none; width: calc(25% - 4px); font-size: 14px; } #app.BetRecord .v-dialog button.v-size--small::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; opacity: 1; } #app.BetRecord .v-dialog .v-card__text .primary--text { color: #1976d200 !important; caret-color: #1976d200 !important; } #app.BetRecord .v-dialog .v-card .v-icon { color: #ffffff00; } #app.BetRecord .v-dialog.gametype-dialog-component .v-card .v-card__actions > button { margin-right: 0 !important; } #app #bet-record .not-data-box { height: 50vh; margin: 0 !important; opacity: 1; padding-top: 27.5vh !important; color: #DADBF3 !important; font-size: 14px !important; } #app #bet-record .result-sheet hr { filter: drop-shadow(0px -0.5px 0px #000); border: 0.5px solid #2D4F6D; } #app #bet-record .result-sheet .text-h6 { font-size: 14px !important; line-height: 1rem; } #app #bet-record .result-sheet .text-h6.mb-1 { margin-bottom: 8px !important; } #app #bet-record .result-sheet .search-data span, #app #bet-record .total-sheet span, #app #bet-record .result-sheet.result-sheet-date tr td:nth-child(3), #app #bet-record .result-sheet.result-sheet-date tr td:nth-child(4), #app #bet-record .result-sheet.result-sheet-game tr td:nth-child(2), #app #bet-record .result-sheet.result-sheet-game tr td:nth-child(3) { font-weight: 700; } #app #bet-record .not-data-box::after { content: ""; display: block; height: 50%; width: 118px; position: absolute; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/loading.png) center bottom / contain no-repeat; top: 30%; left: 50%; transform: translateX(-50%) translateY(-50%); } #app #bet-record .result-sheet .v-data-table { background: none; } #app #bet-record .result-sheet .v-data-table .v-data-table__wrapper { background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; padding: 1px; border-radius: 6px; } #app #bet-record .result-sheet .v-data-table table { border-radius: 6px; overflow: hidden; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); } #app #bet-record .result-sheet .v-data-table table * { background: none !important; border: none !important; text-align: left !important; font-size: 12px; } #app #bet-record .result-sheet .v-data-table table th, #app #bet-record .result-sheet .v-data-table table td { padding: 10px 17px !important; position: relative; height: auto; } #app #bet-record .result-sheet .v-data-table table thead { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #526AA7 21%, #468DB5 100%) !important; } #app #bet-record .result-sheet .v-data-table table > thead > tr:last-child > th { border-bottom: 0.8px solid #B2C6D8 !important; } #app #bet-record .result-sheet .v-data-table table tr:not(:last-child) td { border-bottom: 0.5px solid #2D4F6D !important; filter: drop-shadow(0px -1px 0px #000); } #app #bet-record .result-sheet .v-data-table table :not(thead) tr { filter: drop-shadow(0px -0.5px 0px #000); border: 0.5px solid #2D4F6D !important; } #app #bet-record .result-sheet .v-data-table table td.custom-currency-id, #app #bet-record .result-sheet .v-data-table table td.custom-currency { padding: 10px 30px 10px 15px !important; } #app #bet-record .result-sheet .more-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } #app #bet-record .result-sheet .more-btn i { font-size: 0; } #app #bet-record .result-sheet .more-btn i::before { content: ''; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; width: 20px; height: 20px; display: inline-block; } #app #bet-record .result-sheet .v-pagination li button { position: relative; border-radius: 6px; background: radial-gradient(96.76% 96.76% at 50% 3.24%, rgba(32, 45, 77, 0.60) 21%, rgba(12, 20, 41, 0.60) 100%); } #app #bet-record .result-sheet .v-pagination li button i { color: #643f3f00 !important; } #app #bet-record .result-sheet .v-pagination li button.v-pagination__navigation::before { position: absolute; content: ''; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; } #app #bet-record .result-sheet .v-pagination li button.v-pagination__navigation[aria-label="Previous page"]::before { transform: rotate(180deg); } #app #bet-record .result-sheet .v-pagination li button.v-pagination__item { background-color: #131C39 !important; } #app #bet-record .total-sheet { color: #FFFFFF; } #app #bet-record .total-sheet .total-block:not(:last-child) { border-right: 1px solid #61659F; } #app #bet-record .result-sheet .v-data-table .red--text, #app #bet-record .total-sheet .v-data-table .red--text { font-weight: 700; } .light-mode #app #bet-record .v-input--radio-group--row .v-radio { background: var(--light-side-open-button-bg); } .light-mode #app #bet-record .v-input--radio-group--row .v-radio::before { background: var(--light-Inside-paymant-stroke); } .light-mode #app #bet-record .v-input--radio-group--row .v-radio label { color: var(--icon-green-02) !important; } .light-mode #app #bet-record .v-input--radio-group--row .v-radio.v-item--active { background: var(--light-bg-header); } .light-mode #app #bet-record .v-input--radio-group--row .v-radio.v-item--active label { color: var(--white) !important; } .light-mode #bet-record .bet-record-date-btns button { color: var(--light-Text-color-dark); } .light-mode #bet-record .bet-record-date-btns button.active { border: 1px solid var(--icon-green-02); color: var(--icon-green-02); } .light-mode #bet-record .game-type-dialog-component .select-btn { background: var(--light-bg-header); color: var(--white); border-color: var(--icon-green-02); } .light-mode #app #bet-record .v-input--radio-group--row, .light-mode #app #bet-record .time-picker-box, .light-mode #app #bet-record .game-picker-box, .light-mode #app #bet-record .result-sheet > div, .light-mode #app #bet-record .not-data-box, .light-mode #app #bet-record .total-sheet { background: var(--light-index-bg-o9) !important; color: var(--light-Text-color-dark); } .light-mode #app #bet-record .v-input--radio-group--row::before, .light-mode #app #bet-record .time-picker-box::before, .light-mode #app #bet-record .game-picker-box::before, .light-mode #app #bet-record .result-sheet > div::before, .light-mode #app #bet-record .not-data-box::before, .light-mode #app #bet-record .total-sheet::before { background: var(--white); } .light-mode #app.BetRecord .v-dialog .v-card__title { background: var(--light-bg-header) !important; border-bottom: 2px solid var(--white) !important; } .light-mode #app.BetRecord .v-dialog button.v-size--small { box-shadow: none; background: var(--light-button) !important; } .light-mode #app.BetRecord .v-dialog button.v-size--small::before { background: var(--white); } .light-mode #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li { background: var(--light-index-bg); } .light-mode #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li::before { background: var(--white); } .light-mode #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span, .light-mode #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span b { color: var(--light-Text-color-dark); } .light-mode #bet-record .search-box, .light-mode #bet-record .not-data-box { background: var(--light-index-bg-o9); border: 1px solid var(--white) !important; color: var(--light-Inside-money-text) !important; } .light-mode #app #bet-record .not-data-box { color: var(--light-Text-color-dark) !important; } .light-mode #app #bet-record .not-data-box::after { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/no-data.png) center bottom / contain no-repeat; } .light-mode #app #bet-record .result-sheet hr { border: 0.5px solid var(--close-gray); filter: none; } .light-mode #app #bet-record .result-sheet .v-data-table .v-data-table__wrapper { background: var(--white); } .light-mode #app #bet-record .result-sheet .v-data-table table { background: var(--light-side-open-button-bg); } .light-mode #app #bet-record .result-sheet .v-data-table table thead { background: var(--light-bg-header) !important; } .light-mode #app #bet-record .result-sheet .v-data-table table > thead > tr:last-child > th { border-bottom: 0.8px solid var(--white) !important; color: var(--white); } .light-mode #app #bet-record .result-sheet .v-data-table table :not(thead) tr, .light-mode #app #bet-record .result-sheet .v-data-table table tr:not(:last-child) td { border-bottom: 0.5px solid var(--close-gray) !important; filter: none; } .light-mode #app #bet-record .result-sheet .more-btn i::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / contain; } .light-mode #app #bet-record .total-sheet .total-block:not(:last-child) { border-right: 1px solid var(--gray); } .light-mode #app #bet-record .result-sheet.result-sheet-date tr td:nth-child(3), .light-mode #app #bet-record .result-sheet.result-sheet-game tr td:nth-child(2), .light-mode #app #bet-record .total-sheet .all-wager-amount-val, .light-mode #app #bet-record .total-sheet .Bet-total-val { color: var(--light-Inside-money-text) !important; } .light-mode #app #bet-record .result-sheet .v-pagination li button { background: var(--light-index-bg-o9); box-shadow: none; } .light-mode #app #bet-record .result-sheet .v-pagination li button.v-pagination__item { background-color: var(--light-side-open-button-bg) !important; box-shadow: var(--light-box-shadow); color: var(--light-Text-color-dark); box-shadow: none; } .light-mode #app #bet-record .result-sheet .v-pagination li button.v-pagination__navigation::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/memberCenter/go.png) no-repeat center / 65%; } /* #endregion 投注紀錄 */ /* #region 優惠專區 */ #app #promotion-content .content { display: flex; flex-direction: column-reverse; } #app .promotion-module-dialog .v-card__title .v-icon { position: absolute; top: 5px; right: 15px; width: 40px; height: 40px; font-size: 0; background: url("/CdnRedirect/Web.Portal/DN025-01.Portal/Content/Views/Shared/images/announcement-dialog/close.png") no-repeat center top; background-size: 100% 100%; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } #app .promotion-module-dialog .v-card__title .v-icon:active { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } #app #promotion-content .promotion-module-apply-btn { padding: 0 20px; height: 50px; color: #1971a2; text-align: center; leading-trim: both; text-edge: cap; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 14px; text-transform: uppercase; background: url("/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/submitBtn.png") no-repeat center; background-size: contain; box-shadow: none; } #app #promotion .inner .scroll-content .navtab { background: transparent; display: flex; gap: 10px; } #app #promotion .inner .scroll-content .navtab li { color: #fff; font-size: 16px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; min-width: auto; padding: 0 25px; } #app #promotion .inner .scroll-content .navtab li.active { color: #fff; background-image: linear-gradient(to top, #107ad7, rgba(79, 172, 254, 0.53), #00bfff); } #app #promotion .inner .scroll-content .navtab li:before { content: ""; position: absolute; inset: 0; border: 1px solid #43e6ff; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #app #promotion .inner .scroll-content .navtab li:after { display: none !important; } #app #promotion-v2 { padding-top: 7.5vh; } #app #promotion-v2 .inner { padding: 0px; margin: 12px 10px; } #app #promotion-v2 .categories, #app #promotion-v2 .swiper-slide .discount { position: relative; height: auto; color: #ccd1ff; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%) !important; border-radius: 8px; padding: 8px 16px; margin: 0; margin-bottom: 8px !important; z-index: 0; } #app #promotion-v2 .categories::before, #app #promotion-v2 .swiper-slide .discount::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #promotion-v2 .categories .navtab-scroll ul li { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); color: #84c5e9; position: relative; border: 1px solid transparent !important; background-clip: padding-box !important; border-radius: 6px; margin: 6px 5px; padding: 2px 24px; } #app #promotion-v2 .categories .navtab-scroll ul li::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: inherit; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; border: none; } #app #promotion-v2 .categories .navtab-scroll { margin-bottom: 0; } #app #promotion-v2 .categories .navtab-scroll ul { padding-left: 0; } #app #promotion-v2 .categories .navtab-scroll ul li.swiper-pagination-bullet-active { background: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%); color: #1971a2; } #app #promotion-v2 .swiper-slide .discount { border: none; padding: 1px; width: 100%; } #app #promotion-v2 .swiper-slide .discount a { border-radius: 7px; overflow: hidden; display: block; } #app #promotion-v2 .swiper-slide .discount a img { width: 100%; } #app #promotion-v2 #page-title { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } #app #promotion-content { color: #fff; } /*--->light-mode*/ .light-mode #app.Promotion #promotion .discount { width:100%; } .light-mode #app.Promotion #promotion-content .promotion-module-apply-btn { color: var(--white) !important; background: var(--light-button) !important; border-radius: 8px; } .light-mode #app.Promotion #promotion-content { color: var(--light-Text-color-dark); } .light-mode #app.Promotion #promotion .inner .scroll-content{ border-radius:0; } .light-mode #app.Promotion #promotion .inner .scroll-content .navtab li { border: 1px solid var(--light-Inside-paymant-stroke); background: var(--light-side-open-button-bg); color: var(--icon-green-02) !important; border-radius: 6px; } .light-mode #app.Promotion #promotion .inner .scroll-content .navtab li:before { content: none; } .light-mode #app #promotion .inner .scroll-content .navtab li.active { background: var(--light-bg-header); border: 1px solid var(--icon-green-01) !important; color: var(--white) !important; } .light-mode #app #promotion-v2 .categories, .light-mode #app #promotion-v2 .swiper-slide .discount { border: 1px solid var(--white); background: var(--light-index-bg-o9) !important; } .light-mode #app #promotion-v2 .categories::before, .light-mode #app #promotion-v2 .swiper-slide .discount::before { content: none; } .light-mode #app #promotion-v2 .categories .navtab-scroll ul li { border: 1px solid var(--light-Inside-paymant-stroke) !important; background: var(--light-side-open-button-bg); color: var(--icon-green-02) !important; } .light-mode #app #promotion-v2 .categories .navtab-scroll ul li::before { content: none; } .light-mode #app #promotion-v2 .categories .navtab-scroll ul li.swiper-pagination-bullet-active { color: var(--white) !important; background: var(--light-bg-header); border: 1px solid var(--light-siderbar-active-stroke); } /* #endregion 優惠專區 */ /* #region 變更密碼、變更提款密碼 */ #app #change-password .change-password-main, #app #change-money-password .change-money-password-main, #app #member-infor .member-infor-main { position: relative; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.45) 0%, rgba(19, 49, 84, 0.45) 100%); } #app #member-infor .member-infor-main { border: none !important; } #app #member-infor .member-infor-main::before, #app #change-password .change-password-main::before, #app #change-money-password .change-money-password-main::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0); background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #change-password .change-password-main .v-alert, #app .member-infor-main .fast-login-info, #app .member-infor-main .withdrawl-tip-main { border-radius: 4px; border: 1px solid #84C5E9 !important; padding: 16px 16px 16px 57px; position: relative; background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(153, 153, 153, 0.00) 100%) !important; } #app .member-infor-main .withdrawl-tip-main { padding: 16px 40px; font-size: 12px; justify-content: flex-start !important; } #app .member-infor-main .fast-login-info { padding-left: 48px; } #app #change-password .change-password-main .v-alert::before, #app .member-infor-main .fast-login-info::before { position: absolute; content: ""; top: 50%; left: 16px; transform: translateY(-50%); height: 25px; width: 25px; background-size: contain !important; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/SealWarning.png); } #app .member-infor-main .fast-login-info::before { width: 20px; height: 20px; } #app #member-infor .btn-bind-sns { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #app #change-password .change-password-main .v-alert i, #app .member-infor-main .fast-login-info i { display: none; } #app #change-password .change-password-main .v-alert .v-alert__content, #app .member-infor-main .fast-login-info .v-alert__content { color: #84C5E9; } #app .member-infor-main .fast-login-info .v-alert__content { font-size: 12px; } #app .forget-password-dialog-bg .get-captcha-btn { position: absolute; right: 1px; top: 15px; box-shadow: none; } .light-mode #app #change-password .change-password-main, .light-mode #app #change-money-password .change-money-password-main, .light-mode #app #member-infor .member-infor-main { background: var(--light-index-bg-o9); } .light-mode #app #change-password .change-password-main::before, .light-mode #app #change-money-password .change-money-password-main::before, .light-mode #app #member-infor .member-infor-main::before { border: 1px solid var(--white); } .light-mode #app #change-password .change-password-main .v-alert, .light-mode #app #member-infor .member-infor-main .v-alert { border: 1px solid var(--light-bg-ticker) !important; background: none !important; color: var(--icon-green-01) !important; } .light-mode #app #change-password .change-password-main .v-alert .v-alert__content, .light-mode #app #member-infor .member-infor-main .v-alert .v-alert__content { color: var(--icon-green-01) !important; } .light-mode #app #change-password .change-password-main .v-alert::before, .light-mode #app #member-infor .member-infor-main .v-alert::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/SealWarning.png); background-size: contain !important; } .light-mode #app .forget-password-dialog-bg .get-captcha-btn { background: var(--light-button) ; } .light-mode #app .forget-password-dialog .white--text { color: var(--light-Inside-money-text) !important; } /* #endregion 變更密碼、變更提款密碼 */ /* #region 排行榜 */ #app .v-dialog.ranking-dialog { border-radius: 8px; } #app .v-dialog.ranking-dialog .v-card { border-radius: 8px !important; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.7) 0%, rgba(19, 49, 84, 0.7) 100%); } #app .ranking-dialog.common-dialog .v-card .v-card__title { padding: 8px 16px !important; border-radius: 8px 8px 0 0; } #app .ranking-dialog.common-dialog .v-card__text .wrapper { overflow: auto; } #app .ranking-dialog.common-dialog .board-list { min-height: 100%; height: unset; gap: 0; padding: 0; } #app .v-dialog.ranking-dialog .board-list span { width: 100%; padding-top: 74%; /* 寬高比 315:233 */ position: relative; background: none; border: none; margin: -10px 0px; } #app .v-dialog.ranking-dialog .board-list span::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ranking/dr_bg.png) center / contain no-repeat; z-index: -1; top: 0; left: 0; } #app .v-dialog.ranking-dialog .board-list span.eleven::before { content: ""; position: absolute; width: 100%; height: 100%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ranking/1111_bg.png) center / contain no-repeat; z-index: -1; top: 0; left: 0; } #app .v-dialog.ranking-dialog .board-list span b { position: absolute; color: #0064D9; font-size: 18px; font-weight: 700; top: 47%; right: 10%; width: 26%; text-align: center; } #app .v-dialog.ranking-dialog .board-list span.eleven b { left: 10%; top: 44%; } /* 裝置小於 429 文字縮小 */ @media screen and (max-width: 429px) { #app .v-dialog.ranking-dialog .board-list span b { font-size: 16px; } } #app .v-dialog.ranking-dialog .board-list span.ti::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ranking/ti_bg.png) center / contain no-repeat; } #app .v-dialog.ranking-dialog .board-list span.ti { padding: 10px 0 0 45px; justify-content: flex-start; } #app .v-dialog.ranking-dialog .board-list span.ph::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/ranking/ph_bg.png) center / contain no-repeat; } #app .v-dialog.ranking-dialog .board-list span img { display: none; } #app .v-dialog.ranking-dialog .v-card__actions button { border-radius: 0; font-size: 14px; } #app .v-dialog.ranking-dialog .action-list i.back { display: none; } #app .ranking-dialog.common-dialog .action-list { justify-content: flex-start; padding: 0 6px; margin-bottom: 2px; } #app .ranking-dialog.common-dialog .action-list span { color: #84C5E9; border: none; } #app .ranking-dialog.common-dialog .action-list span.active { border: 1px solid #FFFFFF; border-radius: 6px; padding: 2px 6px 1px 6px; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list { padding: 6px; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li { position: relative; border-radius: 6px; background-image: none; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border: none; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li::before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; margin: -1px !important; border-radius: 6px; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; opacity: 1; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span { color: #84C5E9; } #app .ranking-dialog.common-dialog .leaderboard-list-wrap .leaderboard-list li span b { color: white; } .light-mode #app .v-dialog.ranking-dialog .v-card { background: var(--light-index-bg); } .light-mode #app .v-dialog.ranking-dialog .board-list span::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/ranking/dr_bg.png) center / contain no-repeat; } .light-mode #app .v-dialog.ranking-dialog .board-list span.eleven::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/ranking/1111_bg.png) center / contain no-repeat; } .light-mode #app .v-dialog.ranking-dialog .board-list span.eleven b { top: 47%; } .light-mode #app .v-dialog.ranking-dialog .board-list span.ti::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/ranking/ti_bg.png) center / contain no-repeat; } .light-mode #app .v-dialog.ranking-dialog .board-list span.ph::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/ranking/ph_bg.png) center / contain no-repeat; } .light-mode #app .ranking-dialog.common-dialog .action-list span { color: var(--light-Text-color-dark); } .light-mode #app .ranking-dialog.common-dialog .action-list span.active { border: 1px solid var(--icon-green-02); color: var(--icon-green-02); } .light-mode #app .v-dialog.ranking-dialog .board-list span b { color: var(--white); } /* #endregion 排行榜 */ /* #region vip */ #app .vip-list-wrap { border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%); } #app .vip-list-wrap:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app .vip-list-wrap .vip-list .swiper-slide .text-wrap { z-index: 2; } #app .vip-list-wrap .vip-list .unlocked { position: relative; } #app .vip-list-wrap .vip-list .unlocked::before { content: ''; height: 100%; width: 100%; position: absolute; z-index: 1; background: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/view/Vip/v3/unlock_seal.png); background-size: contain; } #app .vip-list-wrap .vip-list .swiper-slide.VIP4 .img-box, #app .vip-list-wrap .vip-list .swiper-slide.VIP5 .img-box, #app .vip-list-wrap .vip-list .swiper-slide.VIP6 .img-box { transform-origin: 66% 30px; } #app .vip-list-wrap .vip-list .swiper-slide.VIP7 .img-box { transform-origin: 66% 30px; } #app .vip-list-wrap .vip-list .swiper-slide.VIP8 .img-box { transform-origin: 68% 30px; } #app #vip .vip-list-wrap .swiper-button-prev { left: 4px; } #app #vip .vip-member-info { position: relative; border-radius: 8px; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%); } #app #vip .vip-member-info > * { position: relative; z-index: 1; } #app #vip .vip-member-info:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #vip .vip-member-info .member-info .account { color: #fff; } #app #vip .vip-member-info .member-info, #app #vip .vip-member-info .progress-wrap { color: #84c5e9; background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); } #app #vip .vip-member-info .progress-wrap .progress-top span { color: #84c5e9; } #app #vip .vip-member-info .progress-wrap .progressbar { border-radius: 32px; } #app #vip .vip-member-info .progress-wrap .bar { top: 0; } #app #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%); } #app #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img span { color: #84c5e9; } #app #vip .bonus-list .bonus-item { position: relative; background: radial-gradient(87.23% 87.23% at 50% 12.77%, rgba(60, 132, 217, 0.5) 0%, rgba(19, 49, 84, 0.5) 100%); } #app #vip .bonus-list .bonus-item > * { position: relative; z-index: 1; } #app #vip .bonus-list .bonus-item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #app #vip .vip-member-info .bonus-wrap .bonus-item .button { color: #1971A2; font-weight: 700; position: relative; } #app #vip .vip-member-info .bonus-wrap .bonus-item .button:not([disabled=disabled])::before { content: ''; width: 6px; height: 6px; position: absolute; right: 5px; top: 12px; border-radius: 20px; background: #EF0640; } #app #vip .vip-member-info .bonus-wrap .bonus-item .button[disabled=disabled] { background-image: var(--vip-btn1-disabled-img); color: #3C7499; } #app #vip .vip-member-info .bonus-wrap .bonus-item .button.btn-2[disabled=disabled] { background-image: var(--vip-btn2-disabled-img); } #app #vip .bonus-list .bonus-detail { color: #84c5e9; } #vip .detail h4.vip-0:before, .vip-list .swiper-slide h3.vip-0:before { background-image: var(--vip-title-icon-vip-0); } #vip .detail h4.vip-1:before, .vip-list .swiper-slide h3.vip-1:before { background-image: var(--vip-title-icon-vip-1); } #vip .detail h4.vip-2:before, .vip-list .swiper-slide h3.vip-2:before { background-image: var(--vip-title-icon-vip-2); } #vip .detail h4.vip-1:before, .vip-list .swiper-slide h3.vip-1:before { background-image: var(--vip-title-icon-vip-1); } #vip .detail h4.vip-2:before, .vip-list .swiper-slide h3.vip-2:before { background-image: var(--vip-title-icon-vip-2); } #vip .detail h4.vip-3:before, .vip-list .swiper-slide h3.vip-3:before { background-image: var(--vip-title-icon-vip-3); } #vip .detail h4.vip-4:before, .vip-list .swiper-slide h3.vip-4:before { background-image: var(--vip-title-icon-vip-4); } #vip .detail h4.vip-5:before, .vip-list .swiper-slide h3.vip-5:before { background-image: var(--vip-title-icon-vip-5); } #vip .detail h4.vip-6:before, .vip-list .swiper-slide h3.vip-6:before { background-image: var(--vip-title-icon-vip-6); } #vip .detail h4.vip-7:before, .vip-list .swiper-slide h3.vip-7:before { background-image: var(--vip-title-icon-vip-7); } #vip .detail h4.vip-8:before, .vip-list .swiper-slide h3.vip-8:before { background-image: var(--vip-title-icon-vip-8); } #vip .detail h4.vip-9:before, .vip-list .swiper-slide h3.vip-9:before { background-image: var(--vip-title-icon-vip-9); } #vip .detail h4.vip-10:before, .vip-list .swiper-slide h3.vip-10:before { background-image: var(--vip-title-icon-vip-10); } #vip .detail h4.vip-11:before, .vip-list .swiper-slide h3.vip-11:before { background-image: var(--vip-title-icon-vip-11); } #vip .detail h4.vip-12:before, .vip-list .swiper-slide h3.vip-12:before { background-image: var(--vip-title-icon-vip-12); } #vip .detail h4.vip-13:before, .vip-list .swiper-slide h3.vip-13:before { background-image: var(--vip-title-icon-vip-13); } #vip .detail h4.vip-14:before, .vip-list .swiper-slide h3.vip-14:before { background-image: var(--vip-title-icon-vip-14); } #vip .detail h4.vip-15:before, .vip-list .swiper-slide h3.vip-15:before { background-image: var(--vip-title-icon-vip-15); } #vip .detail h4.vip-16:before, .vip-list .swiper-slide h3.vip-16:before { background-image: var(--vip-title-icon-vip-16); } #vip .detail h4.vip-17:before, .vip-list .swiper-slide h3.vip-17:before { background-image: var(--vip-title-icon-vip-17); } #vip .detail h4.vip-18:before, .vip-list .swiper-slide h3.vip-18:before { background-image: var(--vip-title-icon-vip-18); } #vip .detail h4.vip-19:before, .vip-list .swiper-slide h3.vip-19:before { background-image: var(--vip-title-icon-vip-19); } #vip .detail h4.vip-20:before, .vip-list .swiper-slide h3.vip-20:before { background-image: var(--vip-title-icon-vip-20); } #app.Vip .v-dialog__content .vip-received-dialog, #app.Vip .v-dialog .v-card.vip-received-dialog::before { border-radius: 8px; } #app.Vip .v-dialog__content .vip-received-dialog .v-card__title { color: #FFFFFF; } #app.Vip .v-dialog__content .vip-received-dialog .v-card__text { padding: 0px; text-align: center; color: #84C5E9; font-weight: 700; overflow: hidden; } #app.Vip .v-dialog__content .vip-received-dialog .v-card__text::before { content: ''; display: block; width: 40%; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/vip-received_successfully.png) center / contain no-repeat; aspect-ratio: 196 / 368; margin: 30px auto; } #app.Vip .vip-received-dialog .theme--light.v-btn:focus:before { opacity: 0; } /*--->light-mode*/ .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/unlock_seal.png) center / contain no-repeat; width: 20%; aspect-ratio: 160 / 42; height: unset; right: 14%; bottom: 17%; } .light-mode #app.Vip .vip-list .swiper-slide .status-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/Lock.png) center / contain no-repeat; right: 19%; bottom: 30%; top: unset; z-index: 1; } .light-mode #app.Vip .vip-list .swiper-slide .img-box img, .light-mode #app.Vip #vip .vip-list .swiper-slide .vip-text img{ display: none; } .light-mode #app.Vip .vip-list .swiper-slide { aspect-ratio: 680 / 370; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card1.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP2 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card2.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP3 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card3.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP4 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card4.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP5 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card5.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP6 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card6.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked { aspect-ratio: 680 / 370; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card1-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked.VIP2 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card2-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked.VIP3 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card3-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked.VIP4 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card4-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked.VIP5 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card5-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .vip-list .unlocked.VIP6 { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/card6-unlock.png) center / contain no-repeat; } .light-mode #app.Vip #vip .vip-list .swiper-slide .vip-text { color: var(--gray-2); text-align: center; text-shadow: var(--light-box-shadow-6); -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: var(--gray-3); font-size: 24px; font-style: normal; font-weight: 700; } .light-mode #app.Vip #vip .vip-list .swiper-slide .vip-text::before { content: ''; width: 36px; height: 36px; display: inline-block; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/badge1.png) center / contain no-repeat; } .light-mode #app.Vip #vip .vip-list .swiper-slide.VIP2 .vip-text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/badge2.png) center / contain no-repeat; } .light-mode #app.Vip #vip .vip-list .swiper-slide.VIP3 .vip-text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/badge3.png) center / contain no-repeat; } .light-mode #app.Vip #vip .vip-list .swiper-slide.VIP4 .vip-text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/badge4.png) center / contain no-repeat; } .light-mode #app.Vip #vip .vip-list .swiper-slide.VIP5 .vip-text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/badge5.png) center / contain no-repeat; } .light-mode #app.Vip #vip .vip-list .swiper-slide.VIP6 .vip-text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/badge6.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide .img-box { transform: scale(1.2); transform-origin: center 144px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP1 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone2.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP2 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone3.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP3 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone4.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP4 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone5.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.VIP5 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone6.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.unlocked .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone1-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.unlocked.VIP1 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone2-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.unlocked.VIP2 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone3-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.unlocked.VIP3 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone4-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.unlocked.VIP4 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone5-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list .swiper-slide.unlocked.VIP5 .img-box { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone6-unlock.png) center / contain no-repeat; } .light-mode #app.Vip .vip-list-wrap .swiper-button-next, .light-mode #app.Vip .vip-list-wrap .swiper-button-prev { width: 20px; height: 20px; top: 50%; } .light-mode #app.Vip .vip-list .swiper-slide .text-box h4 { background: var(--light-custom-linear-gradient-color-10); } .light-mode #app.Vip .vip-list-wrap .swiper-button-prev { transform: rotate(90deg); } .light-mode #app.Vip .vip-list .swiper-slide .text-box p { color:var(--light-Text-color-dark); } .light-mode #app.Vip .vip-list-wrap .swiper-button-next { transform: rotate(-90deg); } .light-mode .vip-list-wrap .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--light-custom-linear-gradient-color-11) !important; } .light-mode .vip-list-wrap .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--gray-01) !important; border: 1px solid var(--gray-01); } .light-mode #app .vip-list-wrap, .light-mode #app #vip .vip-member-info, .light-mode #app #vip .bonus-list .bonus-item { border: 1px solid var(--white); background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow); } .light-mode #app .vip-list-wrap:before, .light-mode #app #vip .vip-member-info:before, .light-mode #app #vip .bonus-list .bonus-item:before { content: none; } .light-mode #app #vip .vip-member-info .member-info, .light-mode #app #vip .vip-member-info .progress-wrap, .light-mode #app #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img { background: var(--light-VIP-Linear); border: none; color: var(--light-Text-color-dark); font-weight: 700; } .light-mode #app #vip .vip-member-info .member-info .vip-level { border: 0.2px solid var(--light-siderbar-active-stroke); background: var(--light-custom-linear-gradient-color-7); box-shadow: var(--light-box-shadow-4); } .light-mode #app #vip .vip-member-info .progress-wrap .progress-top span, .light-mode #vip .bonus-list .bonus-detail b { color: var(--icon-green-01); font-weight: 700; } .light-mode #vip .vip-member-info .welcome-text, .light-mode #app #vip .vip-member-info .member-info .account, .light-mode #app #vip .vip-member-info .bonus-wrap .bonus-item .bonus-img span, .light-mode #app #vip .bonus-list .bonus-detail { color: var(--light-Text-color-dark); font-weight: 700; } .light-mode #app #vip .vip-member-info .bonus-wrap .bonus-item .button { color: var(--white); font-weight: 700; background: var(--light-button); border-radius: 8px; height: 40px; } .light-mode #app #vip .vip-member-info .bonus-wrap .bonus-item .button[disabled=disabled] { background: var(--light-custom-linear-gradient-color-8) !important; color: var(--white-o8) !important; } .light-mode #app.Vip .vip-member-info .bonus-wrap .bonus-item .button:not([disabled=disabled])::before { background: var(--light-warn); } .light-mode #app .v-dialog .vip-received-dialog .v-card__text { color: var(--light-Text-color-dark); } .light-mode #app.Vip .v-dialog__content .vip-received-dialog .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone1.png) center / contain no-repeat; } .light-mode #app.Vip .v-dialog__content .vip-received-dialog.vip-level-1 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone2.png) center / contain no-repeat; } .light-mode #app.Vip .v-dialog__content .vip-received-dialog.vip-level-2 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone3.png) center / contain no-repeat; } .light-mode #app.Vip .v-dialog__content .vip-received-dialog.vip-level-3 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone4.png) center / contain no-repeat; } .light-mode #app.Vip .v-dialog__content .vip-received-dialog.vip-level-4 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone5.png) center / contain no-repeat; } .light-mode #app.Vip .v-dialog__content .vip-received-dialog.vip-level-5 .v-card__text::before { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/vip/stone6.png) center / contain no-repeat; } /* #endregion vip */ /* #region 遊戲大廳 */ #app.Lobby .vpn-remind { margin-bottom: -12px; font-weight: 400; } #app.Lobby .vpn-remind a { color: #FFFFFF !important; } #app.Lobby .v-card, #app.FishCasino .v-card { border-radius: 8px; background-color: #ffffff00; } #app.Lobby .vpn-remind .v-card, #app.Lobby #lobby-game-list .v-card, #app.Lobby .layout-wrap .v-input__slot, #app.FishCasino #lobby-game-list .v-card, #app.FishCasino .layout-wrap .v-input__slot { background: radial-gradient(96.76% 96.76% at 50% 3.24%, #202D4D 21%, #0C1429 100%); border-radius: 8px; border: 1px solid #546BA6; box-shadow: none !important; color: #BDD4FF; } #app.Lobby .layout-wrap .v-select--is-menu-active .v-input__slot, #app.FishCasino .layout-wrap .v-select--is-menu-active .v-input__slot { border-radius: 8px 8px 0px 0px; border-bottom: none; } #app.Lobby .layout-wrap .search .v-input__slot, #app.FishCasino .layout-wrap .search .v-input__slot { background: #0A1228; } #app.Lobby div.v-input__append-inner button span i, #app.Lobby .v-input__slot input, #app.Lobby .v-input__slot .v-label, #app.Lobby .v-select__selection, #app.Lobby .v-card__text, #app.Lobby i.theme--light.v-icon, #app.FishCasino div.v-input__append-inner button span i, #app.FishCasino .v-input__slot input, #app.FishCasino .v-input__slot .v-label, #app.FishCasino .v-select__selection, #app.FishCasino .v-card__text, #app.FishCasino i.theme--light.v-icon { color: #CDE1FF !important; } #app.Lobby .v-select__selections, #app.FishCasino .v-select__selections { border-bottom: none !important; } #app.Lobby .v-menu__content, #app.FishCasino .v-menu__content { border: 1px solid #546BA6; border-top: none; margin-top: 36px; border-radius: 0px 0px 8px 8px; } #app.Lobby .v-select-list, #app.FishCasino .v-select-list { background: #69FFFF; padding: 0px; box-shadow: none; } #app.Lobby .v-menu__content .v-select-list .v-list-item__title, #app.FishCasino .v-menu__content .v-select-list .v-list-item__title { font-size: 14px; color: #16213D; } #app.Lobby .v-text-field.v-text-field--solo .v-input__append-inner, #app.Lobby .v-text-field.v-text-field--solo .v-input__prepend-inner, #app.FishCasino .v-text-field.v-text-field--solo .v-input__append-inner, #app.FishCasino .v-text-field.v-text-field--solo .v-input__prepend-inner { margin-right: -10px; } #app.Lobby .v-alert, #app.FishCasino .v-alert { min-height: 60vh; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid #546BA6 !important; background: rgba(10, 18, 40, 0.50) !important; } #app.Lobby .v-alert.loading, #app.FishCasino .v-alert.loading { min-height: unset; } #app.Lobby .v-alert--text:before, #app.FishCasino .v-alert--text:before { content: none; } #app.Lobby .v-alert:not(.loading) .v-alert__wrapper, #app.Lobby .v-alert:not(.loading) .v-alert__wrapper .v-alert__content, #app.FishCasino .v-alert:not(.loading) .v-alert__wrapper, #app.FishCasino .v-alert:not(.loading) .v-alert__wrapper .v-alert__content { display: flex; flex-direction: column; color: #FFFFFF; text-align: center; } #app.Lobby .v-alert .v-alert__icon, #app.FishCasino .v-alert .v-alert__icon { margin: 10px auto; } #app.Lobby .v-alert a.v-btn, #app.FishCasino .v-alert a.v-btn { background: linear-gradient(180deg, #B2C6D8 -37.18%, #69FFFF 100%) !important; color: #1971A2 !important; font-weight: 700; padding: 5px 20px; height: auto !important; margin-top: 20px; } #app.Lobby .v-alert.error .v-alert__icon, #app.FishCasino .v-alert.error .v-alert__icon { font-size: 0; width: 44px; height: 44px; border-radius: 0px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/warning.png) center / contain no-repeat; } #app.Lobby .v-alert.info--text .v-alert__icon, #app.FishCasino .v-alert.info--text .v-alert__icon { font-size: 0; width: 120px; height: 40px; border-radius: 0px; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/logoTopBar.png) center / contain no-repeat; } #app.Lobby .v-menu__content .v-select-list .v-list-item__title { color: #000; } /*--->light-mode*/ .light-mode #app.Lobby .vpn-remind a { color: var(--icon-green-01) !important; } .light-mode #app.Lobby .vpn-remind .v-card, .light-mode #app.Lobby #lobby-game-list .v-card, .light-mode #app.Lobby .layout-wrap .v-input__slot, .light-mode #app.FishCasino #lobby-game-list .v-card, .light-mode #app.FishCasino .layout-wrap .v-input__slot { border: 1px solid var(--white); color: var(--light-Text-color-dark); background: var(--gray); } .light-mode #app.Lobby .vpn-remind .v-card, .light-mode #app.Lobby #lobby-game-list .v-card, .light-mode #app.FishCasino #lobby-game-list .v-card{ background: var(--white-o6); } .light-mode #app.Lobby div.v-input__append-inner button span i, .light-mode #app.Lobby .v-input__slot input, .light-mode #app.Lobby .v-input__slot .v-label, .light-mode #app.Lobby .v-select__selection, .light-mode #app.Lobby .v-card__text, .light-mode #app.Lobby i.theme--light.v-icon, .light-mode #app.FishCasino div.v-input__append-inner button span i, .light-mode #app.FishCasino .v-input__slot input, .light-mode #app.FishCasino .v-input__slot .v-label, .light-mode #app.FishCasino .v-select__selection, .light-mode #app.FishCasino .v-card__text, .light-mode #app.FishCasino i.theme--light.v-icon { color: var(--light-Text-color-dark) !important; } .light-mode #app.Lobby .layout-wrap .search .v-input__slot, .light-mode #app.FishCasino .layout-wrap .search .v-input__slot { border: 1px solid var(--white); color: var(--light-Text-color-dark); background: var(--gray); } .light-mode #app.Lobby .v-menu__content, .light-mode #app.FishCasino .v-menu__content { border: 1px solid var(--white); border-top: none; } .light-mode #app.Lobby .v-menu__content .v-select-list .v-list-item__title, .light-mode #app.FishCasino .v-menu__content .v-select-list .v-list-item__title { color: var(--white); } .light-mode #app.Lobby .v-alert, .light-mode #app.FishCasino .v-alert { background: var(--light-index-bg-o9) !important; border: 1px solid var(--white) !important; } .light-mode #app.Lobby .v-alert.error .v-alert__icon, .light-mode #app.FishCasino .v-alert.error .v-alert__icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/warning.png) center / contain no-repeat; } .light-mode #app.Lobby .v-alert .v-alert__wrapper, .light-mode #app.Lobby .v-alert .v-alert__wrapper .v-alert__content, .light-mode #app.FishCasino .v-alert .v-alert__wrapper, .light-mode #app.FishCasino .v-alert .v-alert__wrapper .v-alert__content { color: var(--light-Text-color-dark); } .light-mode #app.Lobby .v-alert.info--text .v-alert__icon, .light-mode #app.FishCasino .v-alert.info--text .v-alert__icon { background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/logoTopBar.png) center / contain no-repeat; } .light-mode #app.Lobby .v-alert a.v-btn, .light-mode #app.FishCasino .v-alert a.v-btn { border: none; box-shadow: none; background: var(--light-button) !important; color: var(--white) !important; border-radius: 8px; } .light-mode #app #lobby-game-list .row .game-item .btn-like { background-image: none; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/like.png) center / contain no-repeat; } .light-mode #app #lobby-game-list .row .game-item .btn-like.active { background-image: none; background: url(/CdnRedirect/Web.Mobile/DN025-01.Mobile/Content/Views/Shared/images/light/home/like_a.png) center / contain no-repeat; } /* #endregion 遊戲大廳 */ /* #region 會員轉帳 */ #app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn { margin: 0px; background: #abd1ff !important; box-shadow: none; border-radius: 5px; } #app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn span { color: #181927 !important; } #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap:has(.v-select) { /* 會員轉帳：因為只有一個選項，因此隱藏國碼選項。*/ display: none; } #app.MemberTransfer #member-transfer .common-bg, #app.MemberTransfer #member-transfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { color: #FFFFFF !important; -webkit-text-fill-color: unset !important; } #app.MemberTransfer #member-transfer .warn-text span { color: #ff9fde; } .light-mode #app.MemberTransfer #member-transfer .common-bg { background: var(--light-index-bg-o9); border: 1px solid var(--white); } .light-mode #app.MemberTransfer #member-transfer .common-bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0); background: var(--white) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .light-mode #app.MemberTransfer #member-transfer .common-bg, .light-mode #app.MemberTransfer #member-transfer #transfer-form-wrap .transfer-input-wrap .v-label, .light-mode #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap { color: var(--light-Text-color-dark) !important; } .light-mode #app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn { color: var(--white) !important; background: var(--light-button) !important; } .light-mode #app.MemberTransfer #member-transfer .transfer-input-wrap .v-input__append-inner .v-btn span { color: var(--white) !important; } .light-mode #app.MemberTransfer #member-transfer .warn-text span { color: var(--light-warn); } /* #endregion 會員轉帳 */ /* #region 代理加盟 */ #app.Partner #partner .v-card ul.btn-group { width: 100%; padding: 16px 0 0 0; } #partner .v-card ul.btn-group li { margin: 0 16px; } #app #partner .v-card { background: rgba(0, 0, 0, 0.3); } .light-mode #app.Partner #partner .v-card { background: var(--light-index-bg-o9); box-shadow: var(--light-box-shadow-2); } .light-mode #app.Partner .agent-html * { color: var(--light-Text-color-dark); } .light-mode #app.Partner .main-color, .light-mode #app.Partner #partner .v-card ul.btn-group li { background: var(--light-button) !important; text-shadow: none; } .light-mode #app.Partner .agent-html .table-responsive table tr:nth-child(odd) { background-color: var(--light-side-open-button-bg) } /* #endregion 代理加盟 */ /* #region 綁定銀行帳戶提示文字 */ #app #withdraw-account-management .tips ol { list-style: decimal; padding-left: 20px; } #app #withdraw-account-management .tips ul { list-style: disc; padding-left: 15px; } #app #withdraw-account-management .tips ul a { color: var(--light-warn); } /* #endregion 綁定銀行帳戶提示文字 */ .vi-VN #custom-float .custom-float-content .custom-float-item .card { gap: 10px; } .vi-VN #custom-float .custom-float-content .custom-float-item h3 { font-size: 12px; } .vi-VN #custom-float .custom-float-content .custom-float-item.award-center .toggle-icon { --custom-float-a-icon_award-center: url(/CdnRedirect/Web.Mobile/_Common/2.0/images/components/CustomFloat/A/vi-vn/award-center.png); } /* #region 鎖住最大寬度只能450px */ @media (min-width: 451px) { html, body, body .layout-wrap > * { margin: 0 auto; } body, body .layout-wrap > *, #app #footer .v-bottom-navigation, #app.Home .game-list-block-wrap .hot-swiper-slide, #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { max-width: 450px !important; } #app .v-overlay { width: 450px; } #app #custom-float, #app #vpn-float, #app #activity-float { right: calc(50vw - 215px); margin-bottom: 15px; left: unset !important; } #app .v-main { background-size: cover !important; } #app #page-title, #app .v-bottom-navigation { display: block; } .col-3 { width: 25%; } #app.Home #home-navigation-wrap { margin-bottom: 79px; } #app #footer .v-bottom-navigation, #app .v-overlay, #app .v-dialog__content { left: 50%; transform: translateX(-50%) !important; } #app #footer .v-bottom-navigation { display: flex; max-height: 102px; padding-top: 25px; height: 102px !important; } #app #footer .v-bottom-navigation .v-btn { top: unset; bottom: 24px; height: 56px !important; } #app.Home #home-navigation .game-list-block ul li > span { font-size: 18px; } #app #login .switch-page .switch-content { font-size: calc( 0.038*450px); } .form-wrap .input-wrap .v-label, .form-wrap .input-wrap input, #app.Promotion .inner .scroll-content .navtab li, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap .v-label, #app.MemberTransfer #transfer-form-wrap .transfer-input-wrap input { font-size: calc( 0.035*450px); } .form-wrap .input-wrap{ padding-top: 4% !important; height: calc(0.115*450px); font-size: calc(0.035*450px); } .v-select.v-input--dense .v-select__selection--comma, #app .register-switch-btn, #app.PartnerApply #agent-apply .form-wrap button[type="submit"], #app #login .switch-page .switch-btn.tab .li.go-register, #app #login .go-login { font-size: calc(0.035* 450px) !important; } #app .v-form .v-input__append-outer { top: 67px; } #app .form-wrap #submit { font-size: calc( 0.042*450px); height: calc(0.11*450px); } .form-wrap .input-wrap .v-text-field__details { left: calc(0.27*450px); top: calc(0.03*450px); } #app #login .logo { margin: 0 auto calc(0.03*450px); height: calc(0.24*450px); width: auto; } #app #login .logo a { margin: auto; } .member-center-g .action-link.big-link:before, .member-center-g .action-link.big-link:after { width: calc(0.11*450px); height: calc(0.11*450px); } .member-center-g:before, #promotion:before, #deposit:before { position: relative; } #app #page-title { font-size: calc(0.05*450px); } #app.Home #home-navigation .game-tab { padding: 16px 12px 50px 16px; flex-direction: column; flex-wrap: nowrap; } #app.Home #home-navigation .game-list-block { padding: 16px 16px 50px 16px; } #app.OnlineServices .services-link { max-height: 90px; } #app.MemberCenter .page-box-2 > .row > div .action-link.big-link { height: 55px; } #app.Vip .member-info .icon { background: var(--vip-icon-bg) no-repeat center center; background-size: contain; font-weight: 700; } #app.Vip .member-info .icon p { margin: 0; font-size: 12px; font-weight: 700; } #app.Vip .member-info .icon span { display: block; font-size: 24px; font-weight: bold; } #app.Vip .v-card.first-card .v-card__text.member-info { padding-left: 40px; } #app.Vip .v-card.first-card .v-card__text.member-info .vip { font-size: 15px; font-weight: bold; } #app.Promotion .inner .scroll-content { border-radius: 50px; background: var(--custom-white); } #app.Promotion .inner .scroll-content .navtab { display: flex; } #app.Promotion .inner .scroll-content .navtab li { flex: 1; display: flex; justify-content: center; align-items: center; } #app.Home .maintaining:before, #app.Home .hot-maintaining:before, #app.Lobby .maintaining:before { width: 30px; height: 30px; } #app.MemberCenter .member-center::before { max-width: 450px !important; transform: translateX(-50%); left: 50%; } #app.MemberCenter .member-center .row > div .action-link.big-link:before, #app.MemberCenter .member-center .row > div .action-link.big-link:after { width: 48px; height: 48px; } #app.Vip #vip table tr th, #app.Vip #vip table tr td { padding: 10px; } #app.MemberTransfer .v-input button.getMobileSendCode, #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box, #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button{ height: 36px !important; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box button, #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box button { height: 34px !important; } #app .v-dialog.login-dialog .v-card .v-card__text .v-form .input-wrap.check_code.tip-box { bottom: 1px; right: 0; } #app .v-dialog.register-dialog .v-card .v-card__text .v-form .input-wrap.check_code .tip-box { bottom: -10px; right: 2px; } #app #member-transfer .transfer-input-wrap .v-input__append-inner, #app #member-transfer .transfer-input-wrap .v-input__append-outer { right: -3%; bottom: -34%; } #app.MemberTransfer #member-transfer .warn-text { line-height: 3; font-size: 16px; } #app .v-dialog.forget-password-dialog .v-text-field.v-input--dense, #app .v-dialog.login-dialog .v-text-field.v-input--dense { padding-top: 12px; } #app .v-dialog.forget-password-dialog .input-wrap { padding: 16px 12px 0 12px; } #app .v-dialog.forget-password-dialog .v-text-field__details { left: 0; } #app #footer .v-btn i.financial { margin-top: 0; } #app.MemberCenter .mamber-info-wrap{ max-height: 252px; } #app.Vip .vip-list-wrap .vip-list .swiper-slide { max-height: 215px; } #app #home { overflow: hidden; } #home-navigation .swiper-slide { padding-top: 16px; } #app .forget-password-dialog-bg .get-captcha-btn { top: 47px; } #app.Home .jackpot{ max-width:189px; } .light-mode .v-main:before { max-width: 450px !important; margin: auto; } } /* #endregion 鎖住最大寬度只能450px */