ultraman-shop
Version:
A React component library for building e-commerce interfaces
1 lines • 34.7 kB
Source Map (JSON)
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,gBAAgB;AAChB;;;EAGE,SAAS;EACT,UAAU;EACV,sBAAsB;AACxB;;AAEA;EACE,gDAAgD;EAChD,eAAe;EACf,gBAAgB;EAChB,cAAc;AAChB;;AAEA;;;;;;EAME,gBAAgB;EAChB,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,qBAAqB;AACvB;AACA;EACE,yDAAyD;AAC3D;;AAEA,eAAe;AACf;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;AACpB;AACA;EACE,YAAY;EACZ,oBAAoB;AACtB;AACA;EACE,cAAc;AAChB;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,WAAW;AACb;AACA;;EAEE,cAAc;AAChB;AACA;EACE,eAAe;EACf,cAAc;EACd,WAAW;AACb;AACA;EACE,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;AACpB;AACA;EACE,aAAa;AACf;AACA;EACE,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,YAAY;AACd;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,qBAAqB;AACvB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,gBAAgB;EAChB,eAAe;EACf,WAAW;AACb;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,gBAAgB;EAChB,WAAW;EACX,SAAS;EACT,uBAAuB;EACvB,0BAA0B;EAC1B,4BAA4B;EAC5B,+BAA+B;AACjC;AACA;EACE,OAAO;EACP,yBAAyB;AAC3B;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,YAAY;AACd;AACA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;AACA;EACE,WAAW;EACX,cAAc;AAChB;AACA;EACE,oBAAoB;EACpB,gBAAgB;EAChB,eAAe;EACf,cAAc;EACd,iBAAiB;EACjB,gBAAgB;EAChB,6DAA6D;EAC7D,6BAA6B;EAC7B,oCAAoC;AACtC;AACA;EACE,e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","file":"index.css","sourcesContent":["@charset \"UTF-8\";\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #3498db;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 700;\n margin-bottom: 8px;\n color: #3498db;\n}\n\np {\n margin-bottom: 16px;\n line-height: 1.6;\n}\n\na {\n color: #3498db;\n text-decoration: none;\n}\na:hover {\n color: rgb(33.1380753138, 125.1882845188, 186.8619246862);\n}\n\n/* Input.scss */\n.input-container {\n display: flex;\n align-items: center;\n position: relative;\n}\n.input-container.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n.input-container .input-addon {\n padding: 0 8px;\n}\n.input-container .input-addon.before {\n border-right: 1px solid #ccc;\n}\n.input-container .input-addon.after {\n border-left: 1px solid #ccc;\n}\n.input-container .input-wrapper {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n}\n.input-container .input-wrapper .input-prefix,\n.input-container .input-wrapper .input-suffix {\n padding: 0 8px;\n}\n.input-container .input-wrapper .input-clear {\n cursor: pointer;\n padding: 0 8px;\n color: #888;\n}\n.input-container .input-wrapper .input-field {\n width: 100%;\n padding: 8px;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n}\n.input-container .input-wrapper .input-field.large {\n padding: 12px;\n}\n.input-container .input-wrapper .input-field.small {\n padding: 4px;\n}\n.input-container.outlined .input-field {\n border: 1px solid #d9d9d9;\n}\n.input-container.borderless .input-field {\n border: none;\n}\n.input-container.filled .input-field {\n background-color: #f0f0f0;\n}\n.input-container.error .input-field {\n border-color: #ff4d4f;\n}\n.input-container.warning .input-field {\n border-color: #faad14;\n}\n.input-container .input-count {\n margin-left: 8px;\n font-size: 12px;\n color: #888;\n}\n\n.ultraman-XTitle {\n display: flex;\n justify-content: space-between;\n align-items: end;\n width: 100%;\n gap: 16px;\n box-sizing: content-box;\n background-size: 100% 100%;\n background-repeat: no-repeat;\n /* From Uiverse.io by Ashon-G */\n}\n.ultraman-XTitle .ultraman-header {\n flex: 1;\n padding: 10px 0 10px 14px;\n}\n.ultraman-XTitle .ultraman-title {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-grow: 1;\n}\n.ultraman-XTitle .ultraman-title > img {\n width: 16px;\n height: 16px;\n line-height: 16px;\n}\n.ultraman-XTitle .ultraman-logo {\n width: 22px;\n flex-shrink: 0;\n}\n.ultraman-XTitle .ultraman-title-label {\n font-family: \"title\";\n font-weight: 400;\n font-size: 16px;\n color: #f2f5fa;\n line-height: 16px;\n text-align: left;\n background: linear-gradient(180deg, #eede9d 0%, #ffffff 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.ultraman-XTitle .ultraman-titleEn-label {\n margin-top: 4px;\n font-family: \"55\";\n font-weight: 400;\n line-height: 12px;\n font-size: 12px;\n color: rgba(255, 255, 255, 0.7);\n background: linear-gradient(90deg, #eed19d 0%, rgba(238, 209, 157, 0.2) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.ultraman-XTitle .ultraman-more {\n height: 26px;\n line-height: 26px;\n padding: 2px 4px;\n margin-bottom: 2px;\n cursor: pointer;\n}\n.ultraman-XTitle .ultraman-more-animate {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-around;\n align-items: center;\n width: 100px;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn {\n height: 40px;\n position: relative;\n width: 155px;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn a {\n align-items: center;\n background: rgba(255, 255, 255, 0.05);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 30px;\n box-shadow: 0 15px 35px rgba(255, 255, 255, 0.2);\n color: #fff;\n display: flex;\n font-size: 12px;\n font-weight: 500;\n left: 0;\n top: 7px;\n position: absolute;\n height: 28px;\n line-height: 28px;\n width: 100%;\n justify-content: center;\n text-decoration: none;\n overflow: hidden;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(15px);\n z-index: 1;\n transition: 0.5s;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn a::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);\n transform: skewX(45deg) translateX(0);\n transition: 0.5s;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn:hover a {\n letter-spacing: 2px;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn:hover a::before {\n transform: skewX(45deg) translateX(200%);\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn::before {\n content: \"\";\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 4px;\n height: 4px;\n width: 30px;\n background: #eed19d;\n border-radius: 10px;\n transition: 0.5s;\n transition-delay: 0s;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn:hover::before {\n bottom: 7px;\n height: 10%;\n width: 80%;\n border-radius: 30px;\n transition-delay: 0.5s;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn::after {\n content: \"\";\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 6px;\n height: 4px;\n width: 30px;\n background: #eed19d;\n border-radius: 10px;\n transition: 0.5s;\n transition-delay: 0s;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn:hover::after {\n top: 14px;\n height: 50%;\n width: 80%;\n border-radius: 30px;\n transition-delay: 0.5s;\n}\n.ultraman-XTitle .ultraman-more-animate .ultraman-btn:nth-child(1):before, .ultraman-XTitle .ultraman-more-animate .ultraman-btn:nth-child(1):after {\n background: rgba(237, 209, 155, 0.8);\n box-shadow: 0 0 5px rgba(237, 209, 155, 0.8), 0 0 15px rgba(237, 209, 155, 0.8), 0 0 30px rgba(237, 209, 155, 0.8), 0 0 60px rgba(237, 209, 155, 0.8);\n}\n\n.ultraman-XTable {\n width: 100%;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table {\n background-color: transparent;\n scrollbar-color: unset;\n}\n.ultraman-XTable .ultraman-emptyWarp {\n width: 100%;\n height: 100%;\n padding: 16px;\n padding-top: 22px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: center;\n justify-content: center;\n}\n.ultraman-XTable .ultraman-emptyWarp img {\n width: 140px;\n height: 88px;\n}\n.ultraman-XTable .ultraman-emptyWarp .ultraman-emptyText {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.7);\n text-align: center;\n font-style: normal;\n text-transform: none;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > th:not(:last-child):not(.ultraman-table-selection-column):not(.ultraman-table-row-expand-icon-cell):not([colspan])::before,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > td:not(:last-child):not(.ultraman-table-selection-column):not(.ultraman-table-row-expand-icon-cell):not([colspan])::before {\n display: none;\n}\n.ultraman-XTable .ultraman-checkbox-checked .ultraman-checkbox-inner {\n background: #eed19d !important;\n border-color: #eed19d !important;\n}\n.ultraman-XTable .ultraman-checkbox .ultraman-checkbox-inner {\n background-color: rgba(255, 255, 255, 0.2);\n border: 1px solid rgba(229, 230, 232, 0.2);\n}\n.ultraman-XTable .ultraman-checkbox-indeterminate .ultraman-checkbox-inner {\n background-color: #eed19d !important;\n border: 1px solid #eed19d !important;\n}\n.ultraman-XTable .ultraman-checkbox-indeterminate .ultraman-checkbox-inner:after {\n background-color: #fff;\n width: 6px;\n height: 6px;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > th,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > td {\n font-weight: 500;\n font-size: 14px;\n color: #f2f5fa;\n line-height: 16px;\n text-align: left;\n}\n.ultraman-XTable .ultraman-table-thead > tr {\n border-radius: 2px;\n background: linear-gradient(270deg, rgba(130, 138, 150, 0) 0%, rgba(130, 138, 150, 0.1) 23%, rgba(130, 138, 150, 0.1) 78%, rgba(130, 138, 150, 0) 100%) !important;\n}\n.ultraman-XTable .ultraman-table-thead > tr > th {\n font-family: \"65\";\n font-size: 14px;\n font-weight: 500;\n line-height: 12px;\n letter-spacing: normal;\n background: linear-gradient(180deg, #ebdcb7 0%, #ceb98d 100%) !important;\n background-clip: text !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > th,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > td {\n border-bottom: 0px;\n text-align: center;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr > th,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr > td {\n border-bottom: 1px solid rgba(238, 209, 157, 0); /* 默认颜色为黑色 */\n text-align: center;\n padding: 6px !important;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-cell,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-thead > tr > th,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr > th,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr > td,\n.ultraman-XTable .ultraman-table-wrapper tfoot > tr > th,\n.ultraman-XTable .ultraman-table-wrapper tfoot > tr > td {\n padding: 6px;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr {\n border-radius: 2px;\n background: linear-gradient(270deg, rgba(130, 138, 150, 0) 0%, rgba(130, 138, 150, 0.1) 23%, rgba(130, 138, 150, 0.1) 78%, rgba(130, 138, 150, 0) 100%);\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr:nth-child(even) {\n border-radius: 2px;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr:first-child {\n visibility: collapse;\n}\n.ultraman-XTable .ultraman-table-column-title {\n font-family: \"65\";\n font-size: 14px;\n font-weight: 500;\n line-height: 12px;\n letter-spacing: normal;\n background: linear-gradient(180deg, #ebdcb7 0%, #ceb98d 100%) !important;\n background-clip: text !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n}\n.ultraman-XTable .ultraman-rowPrefix {\n cursor: pointer;\n position: relative;\n background: rgba(77, 24, 146, 0.3);\n color: #fff;\n border-left: 4px solid rgba(238, 209, 157, 0.8);\n padding-left: 4px;\n box-sizing: border-box;\n}\n.ultraman-XTable .ultraman-rowPrefix:has(.ultraman-table-cell:hover),\n.ultraman-XTable .ultraman-rowPrefix-active {\n background: linear-gradient(270deg, rgba(3, 0, 0, 0.0374) 0%, rgba(255, 255, 255, 0.0374) 46%, rgba(43, 40, 40, 0.0374) 100%), rgba(114, 90, 13, 0.3);\n border: 1px solid rgba(241, 209, 131, 0.5);\n}\n.ultraman-XTable .ultraman-rowPrefix-active:has(.ultraman-table-cell:hover) {\n background: linear-gradient(270deg, rgba(3, 0, 0, 0.0374) 0%, rgba(255, 255, 255, 0.0374) 46%, rgba(43, 40, 40, 0.0374) 100%), rgba(114, 90, 13, 0.3);\n border: 1px solid rgba(241, 209, 131, 0.5);\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody .ultraman-table-row > .ultraman-table-cell-row-hover {\n background-color: transparent;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody .ultraman-table-row.ultraman-table-row-selected > .ultraman-table-cell {\n background-color: transparent;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr.ultraman-table-placeholder:hover > th,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr.ultraman-table-placeholder:hover > td,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-tbody > tr.ultraman-table-placeholder {\n background: transparent;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-column-sorter,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-column-sorters:hover .ultraman-table-column-sorter {\n color: #939496;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-cell-scrollbar:not([rowspan]) {\n display: none;\n}\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-column-sorter-up.active,\n.ultraman-XTable .ultraman-table-wrapper .ultraman-table-column-sorter-down.active {\n color: #ebdcb7;\n}\n.ultraman-XTable .ultraman-table-fixed-header .ultraman-table-scroll .ultraman-table-header {\n background: linear-gradient(270deg, rgba(135, 102, 71, 0.4) 0%, rgba(142, 118, 94, 0.4) 100%) !important;\n box-sizing: border-box !important;\n}\n.ultraman-XTable .bus-table {\n scrollbar-width: auto;\n scrollbar-color: auto;\n}\n.ultraman-XTable .ultraman-sortPrefixWarp,\n.ultraman-XTable .ultraman-sortWarp {\n display: flex;\n height: 100%;\n width: 100%;\n align-items: center;\n justify-content: center;\n color: #fff;\n line-height: 19px;\n font-size: 14px;\n}\n.ultraman-XTable .ultraman-sortPrefixWarp span,\n.ultraman-XTable .ultraman-sortWarp span {\n position: absolute;\n z-index: 2;\n}\n.ultraman-XTable .ultraman-sortPrefixWarp img,\n.ultraman-XTable .ultraman-sortWarp img {\n width: 20px;\n height: 22px;\n}\n\n.ultraman-table-wrapper .ultraman-table-row-expand-icon,\n.ultraman-table-wrapper .ultraman-table-row-expand-icon:focus {\n background: rgba(238, 209, 157, 0.8);\n border-color: rgba(238, 209, 157, 0.8) !important;\n color: rgba(238, 209, 157, 0.8) !important;\n border-radius: 0;\n}\n\n.ultraman-table-wrapper .ultraman-table-row-expand-icon::before,\n.ultraman-table-wrapper .ultraman-table-row-expand-icon::after {\n background: #fff;\n}\n\n.ultraman-table-header {\n border-radius: 0 !important;\n overflow: unset !important;\n}\n\n.ultraman-table-container table > thead > tr:first-child > *:first-child {\n border-start-start-radius: 0 !important;\n}\n\n.ultraman-spin-dot-holder {\n color: #eed19d !important;\n}\n\n.ultraman-table-cell {\n background-color: unset !important;\n}\n.ultraman-table-cell .ultraman-table-row-expand-icon-collapsed,\n.ultraman-table-cell .ultraman-table-row-expand-icon-expanded {\n border: unset !important;\n width: 16px;\n height: 16px;\n border-radius: 0;\n}\n.ultraman-table-cell .ultraman-table-row-expand-icon-collapsed::before,\n.ultraman-table-cell .ultraman-table-row-expand-icon-expanded::before {\n content: unset;\n}\n.ultraman-table-cell .ultraman-table-row-expand-icon-collapsed::after,\n.ultraman-table-cell .ultraman-table-row-expand-icon-expanded::after {\n content: unset;\n}\n\n.table-tr-odd-color {\n background: linear-gradient(270deg, rgba(130, 138, 150, 0) 0%, rgba(130, 138, 150, 0.1) 23%, rgba(130, 138, 150, 0.1) 78%, rgba(130, 138, 150, 0) 100%) !important;\n}\n\n.table-tr-even-color {\n background: linear-gradient(270deg, rgba(130, 138, 150, 0) 0%, rgba(130, 138, 150, 0.24) 24%, rgba(130, 138, 150, 0.24) 78%, rgba(130, 138, 150, 0) 100%) !important;\n}\n\n.ultraman-XTabs-button .ultraman-tab-item, .ultraman-XTabs-link .ultraman-tab-item {\n cursor: pointer;\n transition: color 0.3s, border-bottom 0.3s;\n font-family: \"Alibaba PuHuiTi 2.0\", \"Alibaba PuHuiTi 20\";\n font-size: 14px;\n position: relative;\n}\n\n.ultraman-XTabs-link .ultraman-tabs {\n display: flex;\n position: relative;\n}\n.ultraman-XTabs-link .ultraman-tab-item {\n padding: 5px 10px;\n font-weight: 400;\n color: #939496;\n line-height: 22px;\n text-align: left;\n}\n.ultraman-XTabs-link .ultraman-tab-item.active {\n font-weight: 700;\n color: #f2f5fa;\n border-bottom: none;\n}\n.ultraman-XTabs-link .ultraman-tab-item.active::after {\n content: \"\";\n display: block;\n position: absolute;\n bottom: -3px;\n left: 50%;\n width: 80%;\n height: 3px;\n background: #f6cf51;\n transform: translateX(-50%);\n}\n\n.ultraman-XTabs-button .ultraman-tabs {\n cursor: pointer;\n padding: 4px;\n border-radius: 4px;\n display: inline-block;\n background: linear-gradient(180deg, #252423 0%, rgba(37, 36, 35, 0.5) 100%);\n}\n.ultraman-XTabs-button .ultraman-tab-item {\n font-weight: 400;\n color: #f2f5fa;\n text-align: center;\n padding: 1px 8px;\n min-width: 32px;\n display: inline-block;\n}\n.ultraman-XTabs-button .ultraman-tab-item.active {\n background-image: url(https://tj-front.oss-cn-beijing.aliyuncs.com/publicImg/cockpit/activeTabs.png);\n background-repeat: no-repeat;\n background-size: 100% 100%;\n}\n\n.ultraman-picker-dropdown {\n padding: 0;\n}\n\n.ultraman-picker-panel,\n.ultraman-picker-date-panel,\n.ultraman-picker-footer,\n.ultraman-picker-panels,\n.ultraman-picker-year-panel,\n.ultraman-picker-month-panel {\n background: rgba(0, 0, 0, 0.8) !important;\n border: 1px solid rgba(229, 229, 255, 0.3);\n}\n\n.ultraman-picker-header {\n color: #fff5e0 !important;\n}\n\n.ultraman-picker-range-arrow {\n display: none !important;\n}\n\n.ultraman-picker-header-super-prev-btn,\n.ultraman-picker-header-prev-btn,\n.ultraman-picker-header-next-btn,\n.ultraman-picker-prev-icon,\n.ultraman-picker-super-prev-icon,\n.ultraman-picker-next-icon,\n.ultraman-picker-super-next-icon,\n.ultraman-picker-header-super-next-btn {\n color: #bc9700 !important;\n}\n.ultraman-picker-header-super-prev-btn:hover,\n.ultraman-picker-header-prev-btn:hover,\n.ultraman-picker-header-next-btn:hover,\n.ultraman-picker-prev-icon:hover,\n.ultraman-picker-super-prev-icon:hover,\n.ultraman-picker-next-icon:hover,\n.ultraman-picker-super-next-icon:hover,\n.ultraman-picker-header-super-next-btn:hover {\n color: #bc9700 !important;\n}\n\n.ultraman-picker-cell-inner::before {\n border: 1px solid #6f5227 !important;\n}\n\n.ultraman-picker-cell-selected .ultraman-picker-cell-inner {\n background: #6f5227 !important;\n}\n\n.ultraman-picker-month-btn,\n.ultraman-picker-year-btn,\n.ultraman-picker-decade-btn {\n color: #fff !important;\n}\n.ultraman-picker-month-btn:hover,\n.ultraman-picker-year-btn:hover,\n.ultraman-picker-decade-btn:hover {\n color: #fff !important;\n}\n\n.ultraman-picker-now-btn {\n color: #bc9700 !important;\n}\n\n.ultraman-picker-content th,\n.ultraman-picker-content td {\n font-family: Nunito Sans, Nunito Sans;\n font-weight: 600;\n font-size: 14px;\n color: #86909c !important;\n line-height: 22px;\n}\n\n.ultraman-picker-content th {\n color: #86909c !important;\n}\n\n.ultraman-picker-content td {\n color: #f2f5fa !important;\n}\n\n.ultraman-picker-cell-range-start::before,\n.ultraman-picker-cell-range-end::before,\n.ultraman-picker-cell-in-range::before {\n background: rgba(95, 128, 255, 0.2) !important;\n}\n\n.ultraman-picker-outlined:focus {\n box-shadow: 0 0 0 2px rgba(255, 176, 5, 0.1) !important;\n}\n\n.ultraman-picker-cell-disabled::before {\n background: transparent !important;\n}\n\n.ultraman-picker-cell-disabled .ultraman-picker-cell-inner {\n color: rgba(255, 255, 255, 0.5) !important;\n}\n\n.ultraman-datePicker {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: #f2f5fa !important;\n border-radius: 0 2px 2px 0;\n background: rgba(1, 5, 17, 0.6) !important;\n border: none;\n border: 1px solid rgb(64, 65, 69) !important;\n border-left: none;\n padding: 4px;\n}\n.ultraman-datePicker input {\n color: #f2f5fa !important;\n}\n.ultraman-datePicker .ultraman-picker-range-separator {\n padding: 0 2px;\n color: rgb(64, 65, 69);\n}\n.ultraman-datePicker .ultraman-picker-suffix {\n display: none;\n}\n\n.ultraman-graySelect .ultraman-select-selector {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: rgb(255, 245, 224);\n border: 1px solid rgb(64, 65, 69) !important;\n padding: 0 8px !important;\n background-color: rgba(196, 174, 147, 0.4) !important;\n background: linear-gradient(151deg, rgba(67, 63, 43, 0.5) 0%, rgba(100, 102, 100, 0.5) 100%) !important;\n box-shadow: inset 0px 1px 17px 0px rgba(246, 151, 11, 0.302) !important;\n border-radius: 2px 2px 0px 0px !important;\n backdrop-filter: blur(4px);\n}\n.ultraman-graySelect .ultraman-select-selector:hover {\n border: 1px solid rgb(234, 195, 40);\n}\n.ultraman-graySelect .ultraman-select-selection-placeholder {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: #f2f5fa;\n}\n.ultraman-graySelect .ultraman-select-selection-item {\n color: rgb(255, 245, 224) !important;\n}\n.ultraman-graySelect .ultraman-select-arrow {\n color: rgb(234, 195, 40) !important;\n}\n\n.ultraman-selectPopup,\n.ultraman-dateSelectPopup {\n background: rgba(0, 0, 0, 0.3) !important;\n border: 1px solid rgba(229, 229, 255, 0.3);\n backdrop-filter: blur(4px);\n}\n.ultraman-selectPopup .ultraman-select-item,\n.ultraman-dateSelectPopup .ultraman-select-item {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px !important;\n color: #f2f5fa !important;\n height: 22px;\n line-height: 22px;\n text-align: left;\n}\n.ultraman-selectPopup .ultraman-select-item-option-active,\n.ultraman-selectPopup .ultraman-select-item-option-selected,\n.ultraman-dateSelectPopup .ultraman-select-item-option-active,\n.ultraman-dateSelectPopup .ultraman-select-item-option-selected {\n color: #f2f5fa;\n background: rgba(234, 195, 40, 0.4) !important;\n border-radius: 2px;\n border-image: linear-gradient(90deg, rgba(234, 195, 40, 0.4), rgba(255, 255, 255, 0)) 1 1 !important;\n}\n\n.ultraman-dateSelectPopup .ultraman-select-item {\n padding: 5px;\n}\n\n.ultraman-empty-description {\n font-size: 12px !important;\n}\n\n.ultraman-cockpitSelect .ultraman-select-selector {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: #f2f5fa;\n background: rgba(1, 5, 17, 0.6) !important;\n border: 1px solid rgb(64, 65, 69) !important;\n box-shadow: #fff !important;\n}\n.ultraman-cockpitSelect .ultraman-select-selector:hover {\n border: 1px solid rgb(104, 104, 114);\n}\n.ultraman-cockpitSelect .ultraman-select-selection-item {\n color: #f2f5fa !important;\n}\n.ultraman-cockpitSelect .ultraman-select-selection-placeholder {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: #f2f5fa;\n}\n.ultraman-cockpitSelect .ultraman-select-focused .ultraman-select-selector,\n.ultraman-cockpitSelect .ultraman-select-outlined .ultraman-select-selector {\n border: 1px solid rgb(234, 195, 40) !important;\n box-shadow: none !important;\n}\n\n.ultraman-selectPopup,\n.ultraman-dateSelectPopup {\n background: rgba(29, 35, 53, 0.8);\n border: 1px solid rgba(229, 229, 255, 0.3);\n}\n.ultraman-selectPopup .ultraman-empty,\n.ultraman-dateSelectPopup .ultraman-empty {\n margin: 0;\n}\n.ultraman-selectPopup .ultraman-empty-image,\n.ultraman-dateSelectPopup .ultraman-empty-image {\n margin: 0 auto;\n height: 50px;\n background-image: var(--img-url);\n background-size: 100% 100%;\n}\n.ultraman-selectPopup .ultraman-empty-image svg,\n.ultraman-dateSelectPopup .ultraman-empty-image svg {\n display: none;\n}\n.ultraman-selectPopup .ultraman-empty-description,\n.ultraman-dateSelectPopup .ultraman-empty-description {\n font-size: 14px;\n color: #ffffff;\n display: none;\n}\n.ultraman-selectPopup .ultraman-select-item,\n.ultraman-dateSelectPopup .ultraman-select-item {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px !important;\n color: #f2f5fa !important;\n height: 20px;\n line-height: 20px;\n text-align: left;\n}\n.ultraman-selectPopup .ultraman-select-item-option-active,\n.ultraman-selectPopup .ultraman-select-item-option-selected,\n.ultraman-dateSelectPopup .ultraman-select-item-option-active,\n.ultraman-dateSelectPopup .ultraman-select-item-option-selected {\n color: #f2f5fa;\n background: linear-gradient(90deg, rgba(234, 195, 40, 0.4) 0%, rgba(255, 255, 255, 0) 100%) !important;\n border-radius: 2px;\n border-image: linear-gradient(90deg, rgba(234, 195, 40, 0.4), rgba(255, 255, 255, 0)) 1 1 !important;\n}\n\n.ultraman-dateSelectPopup .ultraman-select-item {\n padding: 5px;\n}\n\n.ultraman-picker-dropdown {\n padding: 0;\n}\n\n.ultraman-picker-date-panel,\n.ultraman-picker-footer,\n.ultraman-picker-panels,\n.ultraman-picker-year-panel,\n.ultraman-picker-month-panel {\n background: rgba(29, 35, 53, 0.8);\n border: 1px solid rgba(229, 229, 255, 0.3);\n}\n\n.ultraman-picker-header {\n color: #f2f5fa !important;\n}\n\n.ultraman-picker-range-arrow {\n display: none !important;\n}\n\n.ultraman-picker-header-super-prev-btn,\n.ultraman-picker-header-prev-btn,\n.ultraman-picker-header-next-btn,\n.ultraman-picker-header-super-next-btn {\n color: #939496 !important;\n}\n.ultraman-picker-header-super-prev-btn:hover,\n.ultraman-picker-header-prev-btn:hover,\n.ultraman-picker-header-next-btn:hover,\n.ultraman-picker-header-super-next-btn:hover {\n color: #eac328 !important;\n}\n\n.ultraman-picker-content th,\n.ultraman-picker-content td {\n font-family: Nunito Sans, Nunito Sans;\n font-weight: 600;\n font-size: 14px;\n color: #86909c !important;\n line-height: 22px;\n}\n\n.ultraman-picker-content th {\n color: #86909c !important;\n}\n\n.ultraman-picker-content td {\n color: #f2f5fa !important;\n}\n\n.ultraman-picker-cell-range-start::before,\n.ultraman-picker-cell-range-end::before,\n.ultraman-picker-cell-in-range::before {\n background: rgba(95, 128, 255, 0.2) !important;\n}\n\n.ultraman-rangePicker {\n font-family: \"55\";\n font-weight: 400;\n font-size: 14px;\n color: #f2f5fa;\n border-radius: 0 8px 8px 0;\n background: rgba(1, 5, 17, 0.6) !important;\n border: none;\n border: 1px solid rgb(64, 65, 69) !important;\n border-left: none;\n padding: 4px;\n}\n.ultraman-rangePicker input {\n color: #f2f5fa !important;\n}\n.ultraman-rangePicker .ultraman-picker-range-separator {\n padding: 0 2px;\n color: rgb(64, 65, 69);\n}\n.ultraman-rangePicker .ultraman-picker-suffix {\n display: none;\n}\n\n.ultraman-modal .ultraman-modal-content {\n background: rgba(50, 45, 67, 0.5);\n box-shadow: inset 0px 0px 20px 0px rgba(95, 128, 255, 0.5);\n border-radius: 8px;\n border: 1.5px solid rgba(200, 161, 236, 0.2);\n backdrop-filter: blur(136px); /* 背景模糊 136px */\n box-shadow: inset 0px 1px 17px 0px rgba(246, 151, 11, 0.302);\n background: linear-gradient(151deg, rgba(67, 63, 43, 0.5) 0%, rgba(100, 102, 100, 0.5) 100%);\n}\n\n.ultraman-modal .ultraman-modal-header {\n background: transparent;\n}\n\n.ultraman-modal .ultraman-modal-close-x {\n color: #f6cf51;\n}\n\n/* 滚动条整体样式 */\n::-webkit-scrollbar {\n width: 4px; /* 设置滚动条的宽度 */\n height: 4px; /* 设置滚动条的高度 */\n}\n\n/* 滚动条轨道 */\n::-webkit-scrollbar-track {\n background: transparent; /* 设置轨道背景色 */\n border-radius: 402px; /* 设置轨道圆角 */\n}\n\n/* 滚动条滑块 */\n::-webkit-scrollbar-thumb {\n background: #45414a; /* 设置滚动条滑块颜色 */\n border-radius: 402px; /* 设置滑块圆角 */\n}"]}