diff --git a/pdm.lock b/pdm.lock
index 556e95d..6f7893f 100644
--- a/pdm.lock
+++ b/pdm.lock
@@ -2212,7 +2212,7 @@ name = "simnet"
version = "0.1.22"
requires_python = "<4.0,>=3.8"
git = "https://github.com/PaiGramTeam/SIMNet"
-revision = "9839a06bb87403443ac2cbea0ffde4156b05d902"
+revision = "ed7c061d82af4fe8c5a07f0d10c568b5e467662b"
summary = "Modern API wrapper for Genshin Impact & Honkai: Star Rail built on asyncio and pydantic."
groups = ["default"]
dependencies = [
diff --git a/plugins/admin/set_command.py b/plugins/admin/set_command.py
index ed87bd4..7a433f7 100644
--- a/plugins/admin/set_command.py
+++ b/plugins/admin/set_command.py
@@ -26,6 +26,7 @@ class SetCommandPlugin(Plugin):
BotCommand("signal_log_import", "导入调频记录"),
BotCommand("signal_log_export", "导出调频记录"),
BotCommand("signal_log_delete", "删除调频记录"),
+ BotCommand("agent_detail", "角色详细信息"),
# Cookie 查询类
BotCommand("sign", "米游社绝区零每日签到"),
BotCommand("dailynote_tasks", "自动便笺提醒"),
diff --git a/plugins/zzz/agent_detail.py b/plugins/zzz/agent_detail.py
new file mode 100644
index 0000000..42d6cdf
--- /dev/null
+++ b/plugins/zzz/agent_detail.py
@@ -0,0 +1,350 @@
+import math
+from typing import TYPE_CHECKING, List, Tuple, Optional, Union
+
+from simnet.models.zzz.calculator import ZZZCalculatorCharacterDetails, ZZZCalculatorAvatarProperty
+from telegram import (
+ InlineKeyboardButton,
+ InlineKeyboardMarkup,
+)
+from telegram.constants import ChatAction
+from telegram.ext import filters
+
+from core.config import config
+from core.dependence.redisdb import RedisDB
+from core.plugin import Plugin, handler
+from core.services.template.services import TemplateService
+from metadata.shortname import roleToName, idToRole
+from plugins.tools.genshin import GenshinHelper
+from utils.log import logger
+from utils.uid import mask_number
+
+if TYPE_CHECKING:
+ from simnet import ZZZClient
+ from telegram import Update
+ from telegram.ext import ContextTypes
+ from core.services.template.models import RenderResult
+
+__all__ = ("AgentDetailPlugin",)
+
+
+class ZZZCalculatorAvatarPropertyModify(ZZZCalculatorAvatarProperty):
+
+ @property
+ def icon(self) -> str:
+ return {
+ "生命值": "hp",
+ "攻击力": "atk",
+ "防御力": "def",
+ "冲击力": "impact",
+ "暴击率": "crit-rate",
+ "暴击伤害": "crit-dmg",
+ "异常掌控": "anomaly-proficiency",
+ "异常精通": "anomaly-mastery",
+ "穿透率": "pen-ratio",
+ "能量自动回复": "energy-regen",
+ }.get(self.property_name, "")
+
+
+color_map = {
+ "1011": "#c8e16c",
+ "1021": "#a0351c",
+ "1031": "#e6adaa",
+ "1041": "#febb2e",
+ "1061": "#c8d7bd",
+ "1081": "#af3e3a",
+ "1101": "#de643d",
+ "1111": "#ddc374",
+ "1121": "#a68d73",
+ "1131": "#28bdcc",
+ "1141": "#d0d3e0",
+ "1151": "#e8cda2",
+ "1181": "#b75339",
+ "1191": "#c9becc",
+ "1211": "#c4c1b1",
+ "1241": "#4e7ebd",
+ "1281": "#e9d892",
+}
+
+
+class NeedClient(Exception):
+ """无缓存,需要 StarRailClient"""
+
+
+class AgentDetailPlugin(Plugin.Conversation):
+ """角色详细信息查询"""
+
+ def __init__(
+ self,
+ helper: GenshinHelper,
+ template_service: TemplateService,
+ redis: RedisDB,
+ ):
+ self.template_service = template_service
+ self.helper = helper
+ self.qname = "plugins:agent_detail"
+ self.redis = redis.client
+ self.expire = 15 * 60 # 15分钟
+ self.kitsune: Optional[str] = None
+
+ async def set_characters_for_redis(
+ self,
+ uid: int,
+ nickname: str,
+ data: "ZZZCalculatorCharacterDetails",
+ ) -> None:
+ data_k = f"{self.qname}:{uid}:data"
+ json_data = data.json(by_alias=True)
+ await self.redis.set(data_k, json_data, ex=self.expire)
+
+ async def del_characters_for_redis(
+ self,
+ uid: int,
+ ) -> None:
+ data_k = f"{self.qname}:{uid}:data"
+ await self.redis.delete(data_k)
+
+ async def get_characters_for_redis(
+ self,
+ uid: int,
+ ) -> Tuple[Optional[str], Optional["ZZZCalculatorCharacterDetails"]]:
+ data_k = f"{self.qname}:{uid}:data"
+ data_v = await self.redis.get(data_k)
+ if data_v is None:
+ return None, None
+ json_data = str(data_v, encoding="utf-8")
+ return "", ZZZCalculatorCharacterDetails.parse_raw(json_data)
+
+ async def get_characters(
+ self, uid: int, client: "ZZZClient" = None
+ ) -> Tuple[Optional[str], Optional["ZZZCalculatorCharacterDetails"]]:
+ nickname, data = await self.get_characters_for_redis(uid)
+ if nickname is None or data is None:
+ if not client:
+ raise NeedClient
+ data1 = await client.get_zzz_characters()
+ cids = [i.id for i in data1.characters]
+ data = await client.get_zzz_character_info(cids)
+ await self.set_characters_for_redis(client.player_id, "", data)
+ return nickname, data
+
+ def parse_render_data(self, data: "ZZZCalculatorCharacterDetails", nickname: str, ch_id: int, uid: int):
+ char = None
+ for i in data.characters:
+ if i.id == ch_id:
+ char = i
+ break
+ props = [ZZZCalculatorAvatarPropertyModify(**i.dict()) for i in char.properties]
+ return {
+ "uid": mask_number(uid),
+ "char": char,
+ "props": props,
+ "color": color_map.get(str(char.id), "#010101"),
+ }
+
+ @staticmethod
+ def gen_button(
+ data: "ZZZCalculatorCharacterDetails",
+ user_id: Union[str, int],
+ uid: int,
+ page: int = 1,
+ ) -> List[List[InlineKeyboardButton]]:
+ """生成按钮"""
+ buttons = []
+
+ if data.characters:
+ buttons = [
+ InlineKeyboardButton(
+ idToRole(value.id),
+ callback_data=f"get_role_detail|{user_id}|{uid}|{idToRole(value.id)}",
+ )
+ for value in data.characters
+ if value.id
+ ]
+ all_buttons = [buttons[i : i + 4] for i in range(0, len(buttons), 4)]
+ send_buttons = all_buttons[(page - 1) * 3 : page * 3]
+ last_page = page - 1 if page > 1 else 0
+ all_page = math.ceil(len(all_buttons) / 3)
+ next_page = page + 1 if page < all_page and all_page > 1 else 0
+ last_button = []
+ if last_page:
+ last_button.append(
+ InlineKeyboardButton(
+ "<< 上一页",
+ callback_data=f"get_role_detail|{user_id}|{uid}|{last_page}",
+ )
+ )
+ if last_page or next_page:
+ last_button.append(
+ InlineKeyboardButton(
+ f"{page}/{all_page}",
+ callback_data=f"get_role_detail|{user_id}|{uid}|empty_data",
+ )
+ )
+ if next_page:
+ last_button.append(
+ InlineKeyboardButton(
+ "下一页 >>",
+ callback_data=f"get_role_detail|{user_id}|{uid}|{next_page}",
+ )
+ )
+ if last_button:
+ send_buttons.append(last_button)
+ return send_buttons
+
+ async def get_render_result(
+ self, data: "ZZZCalculatorCharacterDetails", nickname: str, ch_id: int, uid: int
+ ) -> "RenderResult":
+ final = self.parse_render_data(data, nickname, ch_id, uid)
+ return await self.template_service.render(
+ "zzz/agent_detail/agent_detail.html",
+ final,
+ {"width": 1024, "height": 1200},
+ query_selector=".shareContainer_2ZR-xeyd",
+ full_page=True,
+ )
+
+ @staticmethod
+ def get_caption(data: "ZZZCalculatorCharacterDetails", character_id: int) -> str:
+ tags = []
+ for character in data.characters:
+ if character.id == character_id:
+ tags.append(character.name)
+ tags.append(f"等级{character.level}")
+ tags.append(f"命座{character.rank}")
+ if weapon := character.weapon:
+ tags.append(weapon.name)
+ tags.append(f"武器等级{weapon.level}")
+ tags.append(f"精{weapon.star}")
+ break
+ return "#" + " #".join(tags)
+
+ @handler.command(command="agent_detail", block=False)
+ @handler.message(filters=filters.Regex("^角色详细信息查询(.*)"), block=False)
+ async def command_start(self, update: "Update", context: "ContextTypes.DEFAULT_TYPE") -> None:
+ user_id = await self.get_real_user_id(update)
+ message = update.effective_message
+ uid, offset = self.get_real_uid_or_offset(update)
+ args = self.get_args(context)
+ ch_name = None
+ for i in args:
+ if i.startswith("@"):
+ continue
+ ch_name = roleToName(i)
+ if ch_name:
+ break
+ self.log_user(
+ update,
+ logger.info,
+ "角色详细信息查询命令请求 || character_name[%s]",
+ ch_name,
+ )
+ await message.reply_chat_action(ChatAction.TYPING)
+ async with self.helper.genshin(user_id, player_id=uid, offset=offset) as client:
+ nickname, data = await self.get_characters(client.player_id, client)
+ uid = client.player_id
+ if ch_name is None:
+ buttons = self.gen_button(data, user_id, uid)
+ if isinstance(self.kitsune, str):
+ photo = self.kitsune
+ else:
+ photo = open("resources/img/aaa.jpg", "rb")
+ await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
+ reply_message = await message.reply_photo(
+ photo=photo,
+ caption=f"请选择你要查询的角色 - UID {uid}",
+ reply_markup=InlineKeyboardMarkup(buttons),
+ )
+ if reply_message.photo:
+ self.kitsune = reply_message.photo[-1].file_id
+ return
+ for characters in data.characters:
+ if idToRole(characters.id) == ch_name:
+ break
+ else:
+ await message.reply_text(f"未在游戏中找到 {ch_name} ,请检查角色是否存在,或者等待角色数据更新后重试")
+ return
+ await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
+ render_result = await self.get_render_result(data, nickname, characters.id, client.player_id)
+ await render_result.reply_photo(
+ message,
+ filename=f"{client.player_id}.png",
+ reply_markup=self.get_custom_button(user_id, uid, characters.id),
+ caption=self.get_caption(data, characters.id),
+ )
+
+ @handler.callback_query(pattern=r"^get_role_detail\|", block=False)
+ async def get_role_detail(self, update: "Update", _: "ContextTypes.DEFAULT_TYPE") -> None:
+ callback_query = update.callback_query
+ user = callback_query.from_user
+ message = callback_query.message
+
+ async def get_role_detail_callback(
+ callback_query_data: str,
+ ) -> Tuple[str, int, int]:
+ _data = callback_query_data.split("|")
+ _user_id = int(_data[1])
+ _uid = int(_data[2])
+ _result = _data[3]
+ logger.debug(
+ "callback_query_data函数返回 result[%s] user_id[%s] uid[%s]",
+ _result,
+ _user_id,
+ _uid,
+ )
+ return _result, _user_id, _uid
+
+ result, user_id, uid = await get_role_detail_callback(callback_query.data)
+ if user.id != user_id:
+ await callback_query.answer(text="这不是你的按钮!\n" + config.notice.user_mismatch, show_alert=True)
+ return
+ if result == "empty_data":
+ await callback_query.answer(text="此按钮不可用", show_alert=True)
+ return
+ page = 0
+ if result.isdigit():
+ page = int(result)
+ logger.info(
+ "用户 %s[%s] 角色详细信息查询命令请求 || page[%s] uid[%s]",
+ user.full_name,
+ user.id,
+ page,
+ uid,
+ )
+ else:
+ logger.info(
+ "用户 %s[%s] 角色详细信息查询命令请求 || character_name[%s] uid[%s]",
+ user.full_name,
+ user.id,
+ result,
+ uid,
+ )
+ try:
+ nickname, data = await self.get_characters(uid)
+ except NeedClient:
+ async with self.helper.genshin(user.id, player_id=uid) as client:
+ nickname, data = await self.get_characters(client.player_id, client)
+ if page:
+ buttons = self.gen_button(data, user.id, uid, page)
+ await message.edit_reply_markup(reply_markup=InlineKeyboardMarkup(buttons))
+ await callback_query.answer(f"已切换到第 {page} 页", show_alert=False)
+ return
+ for characters in data.characters:
+ if idToRole(characters.id) == result:
+ break
+ else:
+ await message.delete()
+ await callback_query.answer(
+ f"未在游戏中找到 {result} ,请检查角色是否存在,或者等待角色数据更新后重试",
+ show_alert=True,
+ )
+ return
+ await callback_query.answer(text="正在渲染图片中 请稍等 请不要重复点击按钮", show_alert=False)
+ await message.reply_chat_action(ChatAction.UPLOAD_PHOTO)
+ render_result = await self.get_render_result(data, nickname, characters.id, uid)
+ render_result.filename = f"role_detail_{uid}_{result}.png"
+ render_result.caption = self.get_caption(data, characters.id)
+ await render_result.edit_media(message, reply_markup=self.get_custom_button(user.id, uid, characters.id))
+
+ @staticmethod
+ def get_custom_button(user_id: int, uid: int, char_id: int) -> Optional[InlineKeyboardMarkup]:
+ return None
diff --git a/requirements.txt b/requirements.txt
index dafd982..e91eac3 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -88,7 +88,7 @@ rich==13.7.1
sentry-sdk==2.7.1
setuptools==70.2.0
shellingham==1.5.4
-simnet @ git+https://github.com/PaiGramTeam/SIMNet@9839a06bb87403443ac2cbea0ffde4156b05d902
+simnet @ git+https://github.com/PaiGramTeam/SIMNet@ed7c061d82af4fe8c5a07f0d10c568b5e467662b
six==1.16.0
smmap==5.0.1
sniffio==1.3.1
diff --git a/resources/fonts/ZZZ_Default.otf b/resources/fonts/ZZZ_Default.otf
new file mode 100644
index 0000000..11f3a81
Binary files /dev/null and b/resources/fonts/ZZZ_Default.otf differ
diff --git a/resources/img/aaa.jpg b/resources/img/aaa.jpg
new file mode 100644
index 0000000..7550bcc
Binary files /dev/null and b/resources/img/aaa.jpg differ
diff --git a/resources/img/attribute/200.png b/resources/img/attribute/200.png
new file mode 100644
index 0000000..0c6418c
Binary files /dev/null and b/resources/img/attribute/200.png differ
diff --git a/resources/img/attribute/201.png b/resources/img/attribute/201.png
new file mode 100644
index 0000000..5297cdb
Binary files /dev/null and b/resources/img/attribute/201.png differ
diff --git a/resources/img/attribute/202.png b/resources/img/attribute/202.png
new file mode 100644
index 0000000..463a73b
Binary files /dev/null and b/resources/img/attribute/202.png differ
diff --git a/resources/img/attribute/203.png b/resources/img/attribute/203.png
new file mode 100644
index 0000000..5e5648f
Binary files /dev/null and b/resources/img/attribute/203.png differ
diff --git a/resources/img/attribute/205.png b/resources/img/attribute/205.png
new file mode 100644
index 0000000..14f3ce5
Binary files /dev/null and b/resources/img/attribute/205.png differ
diff --git a/resources/img/attribute/electric.png b/resources/img/attribute/electric.png
new file mode 100644
index 0000000..5e5648f
Binary files /dev/null and b/resources/img/attribute/electric.png differ
diff --git a/resources/img/attribute/ether.png b/resources/img/attribute/ether.png
new file mode 100644
index 0000000..14f3ce5
Binary files /dev/null and b/resources/img/attribute/ether.png differ
diff --git a/resources/img/attribute/fire.png b/resources/img/attribute/fire.png
new file mode 100644
index 0000000..5297cdb
Binary files /dev/null and b/resources/img/attribute/fire.png differ
diff --git a/resources/img/attribute/ice.png b/resources/img/attribute/ice.png
new file mode 100644
index 0000000..463a73b
Binary files /dev/null and b/resources/img/attribute/ice.png differ
diff --git a/resources/img/attribute/physical.png b/resources/img/attribute/physical.png
new file mode 100644
index 0000000..0c6418c
Binary files /dev/null and b/resources/img/attribute/physical.png differ
diff --git a/resources/img/profession/1.png b/resources/img/profession/1.png
new file mode 100644
index 0000000..d9b92ce
Binary files /dev/null and b/resources/img/profession/1.png differ
diff --git a/resources/img/profession/2.png b/resources/img/profession/2.png
new file mode 100644
index 0000000..cdef48e
Binary files /dev/null and b/resources/img/profession/2.png differ
diff --git a/resources/img/profession/3.png b/resources/img/profession/3.png
new file mode 100644
index 0000000..63d4fbd
Binary files /dev/null and b/resources/img/profession/3.png differ
diff --git a/resources/img/profession/4.png b/resources/img/profession/4.png
new file mode 100644
index 0000000..12e1c0a
Binary files /dev/null and b/resources/img/profession/4.png differ
diff --git a/resources/img/profession/5.png b/resources/img/profession/5.png
new file mode 100644
index 0000000..0f644fd
Binary files /dev/null and b/resources/img/profession/5.png differ
diff --git a/resources/img/profession/anomaly.png b/resources/img/profession/anomaly.png
new file mode 100644
index 0000000..63d4fbd
Binary files /dev/null and b/resources/img/profession/anomaly.png differ
diff --git a/resources/img/profession/attack.png b/resources/img/profession/attack.png
new file mode 100644
index 0000000..d9b92ce
Binary files /dev/null and b/resources/img/profession/attack.png differ
diff --git a/resources/img/profession/breakthrough.png b/resources/img/profession/breakthrough.png
new file mode 100644
index 0000000..cdef48e
Binary files /dev/null and b/resources/img/profession/breakthrough.png differ
diff --git a/resources/img/profession/defensive.png b/resources/img/profession/defensive.png
new file mode 100644
index 0000000..0f644fd
Binary files /dev/null and b/resources/img/profession/defensive.png differ
diff --git a/resources/img/profession/support.png b/resources/img/profession/support.png
new file mode 100644
index 0000000..12e1c0a
Binary files /dev/null and b/resources/img/profession/support.png differ
diff --git a/resources/img/rarity/A.png b/resources/img/rarity/A.png
new file mode 100644
index 0000000..fb84828
Binary files /dev/null and b/resources/img/rarity/A.png differ
diff --git a/resources/img/rarity/B.png b/resources/img/rarity/B.png
new file mode 100644
index 0000000..dac6e7c
Binary files /dev/null and b/resources/img/rarity/B.png differ
diff --git a/resources/img/rarity/S.png b/resources/img/rarity/S.png
new file mode 100644
index 0000000..08eaae2
Binary files /dev/null and b/resources/img/rarity/S.png differ
diff --git a/resources/zzz/agent_detail/agent_detail.html b/resources/zzz/agent_detail/agent_detail.html
new file mode 100644
index 0000000..1ed0725
--- /dev/null
+++ b/resources/zzz/agent_detail/agent_detail.html
@@ -0,0 +1,297 @@
+
+
+
+
+ 绝区零战绩
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
装备
+
+ 套装激活效果
+ {% set equip_suits = char.equip_suits %}
+ {% if equip_suits %}
+
+ {% for suit in equip_suits %}
+ -
+
+
{{ suit.name }} [{{ suit.own }}/4]
+
+ {% if suit.own > 3 %}
+ {{ suit.desc2_html | safe }}
+ {% else %}
+ {% if suit.own > 1 %}
+ {{ suit.desc1_html | safe }}
+ {% endif %}
+ {% endif %}
+
+
+
+ {% endfor %}
+
+ {% else %}
+
+ {% endif %}
+
+
+ {% set weapon = char.weapon %}
+ {% if weapon %}
+
+
+
+ {% if weapon.star > 0 %}
+
+ {% endif %}
+
Lv{{ weapon.level }}
+
+ {% endif %}
+
+ {% set equips = char.equip_map %}
+ {% for i in range(1, 7) %}
+
+ {% if loop.index < 4 %}
+ {% set side = 'left' %}
+ {% else %}
+ {% set side = 'right' %}
+ {% endif %}
+ {% set equip = equips[loop.index | string] %}
+ {% if equip %}
+
+
+
Lv{{ equip.level }}
+
+
+ {% else %}
+
+
+
+ {% endif %}
+
+ {% endfor %}
+
+
+
+ {% set skills = char.skills %}
+
技能
+
+ -
+
+
+
{{ skills[0].level_str }} LEVEL
+
普通攻击
+
普通攻击
+
+
+ -
+
+
+
{{ skills[2].level_str }} LEVEL
+
闪避
+
闪避
+
+
+ -
+
+
+
{{ skills[5].level_str }} LEVEL
+
支援技
+
支援技
+
+
+ -
+
+
+
{{ skills[1].level_str }} LEVEL
+
特殊技
+
特殊技
+
+
+ -
+
+
+
{{ skills[3].level_str }} LEVEL
+
连携技
+
连携技
+
+
+ -
+
+
+
{{ skills[4].level_str }} LEVEL
+
核心技
+
核心技
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/resources/zzz/agent_detail/css/font.css b/resources/zzz/agent_detail/css/font.css
new file mode 100644
index 0000000..4b8b230
--- /dev/null
+++ b/resources/zzz/agent_detail/css/font.css
@@ -0,0 +1,4 @@
+@font-face {
+ font-family: 'inpin hongmengti';
+ src: url("../../../fonts/ZZZ_Default.otf")
+}
diff --git a/resources/zzz/agent_detail/css/pc_6db636c8.css b/resources/zzz/agent_detail/css/pc_6db636c8.css
new file mode 100644
index 0000000..f4ec913
--- /dev/null
+++ b/resources/zzz/agent_detail/css/pc_6db636c8.css
@@ -0,0 +1,35 @@
+/*! Copyright © 2011 - 2024 miHoYo. All Rights Reserved */
+.empty-block[data-v-08427b4e]{width:100%;height:195px;border-radius:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.empty-block .icon[data-v-08427b4e]{width:102px;height:111px;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.empty-block .text[data-v-08427b4e]{margin-top:10px;font-size:16px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:#c0c5c8;line-height:20px}
+.error-block-layout[data-v-06c0ad6b]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:20}.error-block-layout .icon[data-v-06c0ad6b]{margin-top:77px;height:115px}.error-block-layout .text[data-v-06c0ad6b]{margin-top:24px;font-size:14px;font-family:Microsoft YaHei,sans-serif;font-weight:400;color:#c0c5c8;line-height:20px;word-break:break-word}
+.mhy-img-icon{height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
+html[mi18n-lang=zh-cn],html[mi18n-lang=zh-tw]{font-family:"Helvetica neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Arial","sans-serif" !important}html[mi18n-lang=ko-kr]{font-family:"nanum gothic","나눔 고딕","Malgun Gothic","맑은 고딕","돋움",sans-serif !important}html[mi18n-lang=en-us],html[mi18n-lang=id-id],html[mi18n-lang=fr-fr],html[mi18n-lang=vi-vn],html[mi18n-lang=pt-pt],html[mi18n-lang=es-es],html[mi18n-lang=tr-tr],html[mi18n-lang=it-it]{font-family:Tahoma,Helvetica,Arial,sans-serif !important}html[mi18n-lang=th-th]{font-family:kanit,Tahoma,Helvetica,Arial,Geneva,sans-serif !important}html[mi18n-lang=ru-ru]{font-family:"Adelle Cyrillic","Dctz38",Arial,Helvetica,sans-serif !important}html[mi18n-lang=ja-jp]{font-family:"游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS Pgothic",sans-serif !important}html[mi18n-lang=de-de]{font-family:"Calibri","Arial",sans-serif !important}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-scrollbar_3XkGHpSK::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar_3XkGHpSK::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 0.12)}.tw-scrollbar_3XkGHpSK::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(255, 255, 255, 0.32)}.tw-scrollbar-dark_36r4BfNz::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar-dark_36r4BfNz::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.45)}.tw-scrollbar-dark_36r4BfNz::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(0, 0, 0, 0.45)}.tw-fixed_2Ad_sOLJ{position:fixed}.tw-absolute_nAByYP4Z{position:absolute}.tw-relative_16ypGQDJ{position:relative}.-tw-bottom-5_1prkzFB_{bottom:calc(calc(20 * var(--gpx)) * -1)}.-tw-left-2_32ZWC-rW{left:calc(calc(8 * var(--gpx)) * -1)}.tw-bottom-0_2npsOoMx{bottom:0px}.tw-left-0_1lZbiCmx{left:0px}.tw-left-4_19kreoN8{left:calc(16 * var(--gpx))}.tw-left-\[14px\]_3w-JhpaX{left:14px}.tw-left-\[15px\]_1JUvXPQb{left:15px}.tw-right-0_3KP_hFjI{right:0px}.tw-right-1_1hEc60fl{right:calc(4 * var(--gpx))}.tw-right-1\.5_2sxY0Ffn{right:calc(6 * var(--gpx))}.tw-right-10_21lMez5j{right:calc(40 * var(--gpx))}.tw-right-2_2840ZByq{right:calc(8 * var(--gpx))}.tw-right-3_2SA6Drpj{right:calc(12 * var(--gpx))}.tw-right-4_2vqdmZjP{right:calc(16 * var(--gpx))}.tw-right-6_3GCcnkdF{right:calc(24 * var(--gpx))}.tw-right-\[-1px\]_3msITwqR{right:-1px}.tw-top-0_3DSsqnL5{top:0px}.tw-top-1_2qOt8DkV{top:calc(4 * var(--gpx))}.tw-top-10_13iN-VG7{top:calc(40 * var(--gpx))}.tw-top-4_3BIP5Tl-{top:calc(16 * var(--gpx))}.tw-top-\[-1px\]_3zUiW0-G{top:-1px}.tw-top-\[10px\]_MGDjzhwo{top:10px}.tw-top-\[46px\]_1OxF3BaA{top:46px}.tw-z-\[-1\]_2EU0Vf1b{z-index:-1}.tw-z-\[0\]_1IO2_Soi{z-index:0}.tw-z-\[1\]_1IPyIROY{z-index:1}.tw-z-\[2\]_3xOURg9I{z-index:2}.tw-m-0_3zZ94zl1{margin:0px}.tw-m-0\.5_36_9zLUY{margin:calc(2 * var(--gpx))}.tw-m-1_1oZK6JcV{margin:calc(4 * var(--gpx))}.tw-m-2_SLctQF6a{margin:calc(8 * var(--gpx))}.tw-m-4_3rKAx2gJ{margin:calc(16 * var(--gpx))}.tw-m-6_1r8Thoix{margin:calc(24 * var(--gpx))}.tw-mx-0_2LHU6NQL{margin-left:0px;margin-right:0px}.tw-mx-0\.5_3irgoPt0{margin-left:calc(2 * var(--gpx));margin-right:calc(2 * var(--gpx))}.tw-mx-4_3eaz3cGy{margin-left:calc(16 * var(--gpx));margin-right:calc(16 * var(--gpx))}.tw-mx-4\.5_38A4-Z2u{margin-left:calc(18 * var(--gpx));margin-right:calc(18 * var(--gpx))}.tw-mx-5_auezWmy7{margin-left:calc(20 * var(--gpx));margin-right:calc(20 * var(--gpx))}.tw-mx-\[8px\]_22_OSkI5{margin-left:8px;margin-right:8px}.tw-mx-\[9px\]_D39q5N15{margin-left:9px;margin-right:9px}.tw-mx-auto_sQcbhDev{margin-left:auto;margin-right:auto}.tw-my-0_pgkc4p7v{margin-top:0px;margin-bottom:0px}.\!tw-mt-0_2l4YEHZR{margin-top:0px !important}.tw-mb-2_33lQ_Bww{margin-bottom:calc(8 * var(--gpx))}.tw-mb-4_3e92KpQk{margin-bottom:calc(16 * var(--gpx))}.tw-mb-4\.5_373YVH0n{margin-bottom:calc(18 * var(--gpx))}.tw-mb-6_3XO5MxpG{margin-bottom:calc(24 * var(--gpx))}.tw-mb-8_mL7xH93y{margin-bottom:calc(32 * var(--gpx))}.tw-mb-auto_1G_rCVBf{margin-bottom:auto}.tw-ml-0_P99E48Mj{margin-left:0px}.tw-ml-0\.5_MXdUrS8m{margin-left:calc(2 * var(--gpx))}.tw-ml-1_O0DTsUX-{margin-left:calc(4 * var(--gpx))}.tw-ml-2_3jwZDeuU{margin-left:calc(8 * var(--gpx))}.tw-ml-2\.5_3MCMzNwo{margin-left:calc(10 * var(--gpx))}.tw-ml-3_1yYymoUE{margin-left:calc(12 * var(--gpx))}.tw-ml-4_1eXoARTe{margin-left:calc(16 * var(--gpx))}.tw-ml-8_3hK_90ez{margin-left:calc(32 * var(--gpx))}.tw-ml-\[1px\]_1VCe1lt9{margin-left:1px}.tw-ml-\[2px\]_36yEYa-s{margin-left:2px}.tw-ml-\[4px\]_38RmhKzz{margin-left:4px}.tw-ml-auto_34bDSjA0{margin-left:auto}.tw-mr-1_2QzGPauv{margin-right:calc(4 * var(--gpx))}.tw-mr-1\.5_cCG3QjU4{margin-right:calc(6 * var(--gpx))}.tw-mr-2_E41cHyez{margin-right:calc(8 * var(--gpx))}.tw-mr-2\.5_1JlOnggR{margin-right:calc(10 * var(--gpx))}.tw-mr-3_3Vs0gdDi{margin-right:calc(12 * var(--gpx))}.tw-mr-3\.5_1yMuOjDC{margin-right:calc(14 * var(--gpx))}.tw-mr-4_2U6oJwyV{margin-right:calc(16 * var(--gpx))}.tw-mr-4\.5_3mwfpJZ8{margin-right:calc(18 * var(--gpx))}.tw-mr-5_vGWeb37n{margin-right:calc(20 * var(--gpx))}.tw-mr-6_oOah5Iog{margin-right:calc(24 * var(--gpx))}.tw-mr-\[3px\]_3Qbrt6Hw{margin-right:3px}.tw-mr-\[4px\]_2XZ2imWh{margin-right:4px}.tw-mr-\[5px\]_2fQmbIkK{margin-right:5px}.tw-mt-1_zwYlZ-bg{margin-top:calc(4 * var(--gpx))}.tw-mt-1\.5_9ULLqvs5{margin-top:calc(6 * var(--gpx))}.tw-mt-2_2R_m2Hmw{margin-top:calc(8 * var(--gpx))}.tw-mt-2\.5_RhrNMiRU{margin-top:calc(10 * var(--gpx))}.tw-mt-3_3qnY-0O5{margin-top:calc(12 * var(--gpx))}.tw-mt-4_2LYbA8qT{margin-top:calc(16 * var(--gpx))}.tw-mt-4\.5_1aBi7_sA{margin-top:calc(18 * var(--gpx))}.tw-mt-6_3p-E8aIY{margin-top:calc(24 * var(--gpx))}.tw-mt-\[11px\]_1tHcD3Fz{margin-top:11px}.tw-mt-\[2px\]_1x8kF7xP{margin-top:2px}.tw-mt-\[4px\]_19S7cR9K{margin-top:4px}.tw-mt-\[8px\]_2OjhGbWG{margin-top:8px}.tw-box-border_2W21ydkX{-webkit-box-sizing:border-box;box-sizing:border-box}.tw-line-clamp-1_1X3LlTpu{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-block_1dcZIu_v{display:block}.tw-flex_u2_NkhYe{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-grid_1gxhwrrJ{display:grid}.\!tw-h-auto_IDlUKIYC{height:auto !important}.tw-h-1_3VISx4sH{height:calc(4 * var(--gpx))}.tw-h-1\.5_3I5HHlMA{height:calc(6 * var(--gpx))}.tw-h-10_3_sHoQxq{height:calc(40 * var(--gpx))}.tw-h-11_13yw8-tg{height:calc(44 * var(--gpx))}.tw-h-12_38pKQDUN{height:calc(48 * var(--gpx))}.tw-h-15_Ab26h9YE{height:calc(60 * var(--gpx))}.tw-h-2_1Uug2Szm{height:calc(8 * var(--gpx))}.tw-h-2\.5_2v4AK4Cw{height:calc(10 * var(--gpx))}.tw-h-3_3nUa4IsB{height:calc(12 * var(--gpx))}.tw-h-4_b4FYIiWc{height:calc(16 * var(--gpx))}.tw-h-4\.5_2RzdKsvR{height:calc(18 * var(--gpx))}.tw-h-5_QlyhDkrR{height:calc(20 * var(--gpx))}.tw-h-5\.5_23BTFBtR{height:calc(22 * var(--gpx))}.tw-h-6_1qO8A28q{height:calc(24 * var(--gpx))}.tw-h-8_26bkgoiB{height:calc(32 * var(--gpx))}.tw-h-\[100px\]_tRWskEOO{height:100px}.tw-h-\[101px\]_2vGuw3US{height:101px}.tw-h-\[10px\]_3l3mFtSV{height:10px}.tw-h-\[118px\]_CBzM9V7U{height:118px}.tw-h-\[12px\]_1QvEIeqb{height:12px}.tw-h-\[13px\]_1313HuUy{height:13px}.tw-h-\[141px\]_3mLwvyGj{height:141px}.tw-h-\[14px\]_2Kiqf_yQ{height:14px}.tw-h-\[15px\]_1toWOQps{height:15px}.tw-h-\[16px\]_39jS-Cm0{height:16px}.tw-h-\[17px\]_3xGIeiya{height:17px}.tw-h-\[18px\]_1H-xLlK1{height:18px}.tw-h-\[197px\]_1uLewonv{height:197px}.tw-h-\[20px\]_3cBGLmjn{height:20px}.tw-h-\[21px\]_3sfqCTdx{height:21px}.tw-h-\[22px\]_2MdxjwQd{height:22px}.tw-h-\[280px\]_mQ3bjsrb{height:280px}.tw-h-\[31px\]_1dMye069{height:31px}.tw-h-\[34px\]_8g_AQKVI{height:34px}.tw-h-\[400px\]_8ywQ72ZI{height:400px}.tw-h-\[45px\]_rrTDCh8E{height:45px}.tw-h-\[50px\]_25WHGFxC{height:50px}.tw-h-\[53px\]_36nA146c{height:53px}.tw-h-\[54px\]_11lGPYC2{height:54px}.tw-h-\[5px\]_1htTh0ZM{height:5px}.tw-h-\[73px\]_2sLk2mpx{height:73px}.tw-h-\[75px\]_Jkf_o_9R{height:75px}.tw-h-\[78px\]_nMMQWKAm{height:78px}.tw-h-\[82px\]_256vTTc4{height:82px}.tw-h-\[8px\]_4gQtnzx-{height:8px}.tw-h-\[94px\]_1S9baJa5{height:94px}.tw-h-\[96px\]_r7BOkHH_{height:96px}.tw-h-\[9px\]_B0ZVpmXJ{height:9px}.tw-h-auto_1TAd9j6Q{height:auto}.tw-h-full_2rC9J5q0{height:100%}.tw-h-screen_37d-Blh0{height:100vh}.tw-max-h-\[150px\]_1Ws-GNOc{max-height:150px}.tw-max-h-\[390px\]_MUvomdXY{max-height:390px}.tw-max-h-\[400px\]_12Ohzhzg{max-height:400px}.tw-max-h-\[540px\]_1hJFRTGb{max-height:540px}.tw-min-h-\[240px\]_G-PPlzdx{min-height:240px}.tw-min-h-\[48px\]_1NlKYZbd{min-height:48px}.\!tw-w-\[80px\]_1kvfbBKX{width:80px !important}.tw-w-1\/2_wXQPW7hU{width:50%}.tw-w-10_3XcyFnqg{width:calc(40 * var(--gpx))}.tw-w-11_3U5CWzRh{width:calc(44 * var(--gpx))}.tw-w-12_1sKtT42R{width:calc(48 * var(--gpx))}.tw-w-15_1ZE6V183{width:calc(60 * var(--gpx))}.tw-w-2_1KgmfBbQ{width:calc(8 * var(--gpx))}.tw-w-2\.5_1VvlYw0y{width:calc(10 * var(--gpx))}.tw-w-3_1wogKKBe{width:calc(12 * var(--gpx))}.tw-w-4_2F9evMLC{width:calc(16 * var(--gpx))}.tw-w-4\.5_3G6rQTi4{width:calc(18 * var(--gpx))}.tw-w-5_3KDN1Tes{width:calc(20 * var(--gpx))}.tw-w-6_-5toO3Ks{width:calc(24 * var(--gpx))}.tw-w-8_3LTiMoFn{width:calc(32 * var(--gpx))}.tw-w-\[100px\]_c-WROBU4{width:100px}.tw-w-\[1024px\]_3IkU8VU8{width:1024px}.tw-w-\[10px\]_2e6vytah{width:10px}.tw-w-\[110px\]_2Yr4MM7I{width:110px}.tw-w-\[117px\]_2yS2FMd_{width:117px}.tw-w-\[11px\]_B1Utr11Y{width:11px}.tw-w-\[120px\]_2wO1ZtuI{width:120px}.tw-w-\[121px\]_1_bt9QWE{width:121px}.tw-w-\[13px\]_2GjsFh0A{width:13px}.tw-w-\[14px\]_1Pw2cQQ9{width:14px}.tw-w-\[15px\]_3u_haGEH{width:15px}.tw-w-\[16px\]_3efnrj7l{width:16px}.tw-w-\[17px\]_BX1TbkBR{width:17px}.tw-w-\[184px\]_27_Szpku{width:184px}.tw-w-\[1px\]_3tai0K3U{width:1px}.tw-w-\[22px\]_34GUgFy4{width:22px}.tw-w-\[23px\]_1KLiJlTk{width:23px}.tw-w-\[272px\]_23NGErK2{width:272px}.tw-w-\[285px\]_z9UHaZ28{width:285px}.tw-w-\[30px\]_1rvtNTbS{width:30px}.tw-w-\[319px\]_3BCoseM4{width:319px}.tw-w-\[320px\]_lq7EVV82{width:320px}.tw-w-\[335px\]_3i26Jq1F{width:335px}.tw-w-\[348px\]_1xQut8SA{width:348px}.tw-w-\[34px\]_1cyqkkDr{width:34px}.tw-w-\[364px\]_17_yoX34{width:364px}.tw-w-\[45px\]_33lGimmv{width:45px}.tw-w-\[480px\]_2WCDuuB4{width:480px}.tw-w-\[53px\]_2nVOurOG{width:53px}.tw-w-\[54px\]_3TQsca4u{width:54px}.tw-w-\[600px\]_26D8gyjl{width:600px}.tw-w-\[70px\]_1vZTVWzr{width:70px}.tw-w-\[78px\]_2iOJd1jH{width:78px}.tw-w-\[80\%\]_D-nlDIvC{width:80%}.tw-w-\[80px\]_3wWxrfTG{width:80px}.tw-w-\[82px\]_3LFkDoQo{width:82px}.tw-w-\[83\%\]_1KLVF98T{width:83%}.tw-w-\[870px\]_k76TjxH6{width:870px}.tw-w-\[88px\]_22sC0b5X{width:88px}.tw-w-\[96px\]_3GoaY6CF{width:96px}.tw-w-auto_3jSm9-EV{width:auto}.tw-w-full_1gSn5L-t{width:100%}.tw-min-w-\[140px\]_3X6fcuxL{min-width:140px}.tw-max-w-\[120px\]_3hi6Jd-d{max-width:120px}.tw-max-w-\[160px\]_rH5XKuxU{max-width:160px}.tw-max-w-\[165px\]_gbYNGqp-{max-width:165px}.tw-max-w-\[190px\]_3tFNZErT{max-width:190px}.tw-flex-1_1I5-dW0O{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tw-flex-initial_3Vkwy5Ta{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.tw-shrink-0_1u6nvYs1{-ms-flex-negative:0;flex-shrink:0}.tw-grow_2y59W0Gx{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.-tw-translate-y-\[2px\]_3zUqkQ5r{--tw-translate-y:-2px;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-skew-x-\[8deg\]_3BCZ1N63{--tw-skew-x:-8deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-\[1\.1\]_2L2FpmCs{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-pointer_3rZHLm4u{cursor:pointer}.tw-grid-cols-1_2Scd2hlr{grid-template-columns:repeat(1, minmax(0, 1fr))}.tw-grid-cols-2_rSE6mB6G{grid-template-columns:repeat(2, minmax(0, 1fr))}.tw-grid-cols-3_1K_ibL8b{grid-template-columns:repeat(3, minmax(0, 1fr))}.tw-grid-cols-9_3X8uiObr{grid-template-columns:repeat(9, minmax(0, 1fr))}.tw-flex-col_2rVe4Zdo{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tw-flex-nowrap_3zZFyk2H{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tw-items-center_jFlK1M-L{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-justify-end_7KkilRN_{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tw-justify-center_YRu2B6sS{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-justify-between_1wr3TOTW{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tw-gap-x-1_2QxTBV_x{-webkit-column-gap:calc(4 * var(--gpx));-moz-column-gap:calc(4 * var(--gpx));column-gap:calc(4 * var(--gpx))}.tw-gap-x-2_qB11_64l{-webkit-column-gap:calc(8 * var(--gpx));-moz-column-gap:calc(8 * var(--gpx));column-gap:calc(8 * var(--gpx))}.tw-gap-x-2\.5_3x8Ey9rH{-webkit-column-gap:calc(10 * var(--gpx));-moz-column-gap:calc(10 * var(--gpx));column-gap:calc(10 * var(--gpx))}.tw-gap-x-\[22\.5px\]_3PLWyw5s{-webkit-column-gap:22.5px;-moz-column-gap:22.5px;column-gap:22.5px}.tw-gap-y-1_26YcFQZO{row-gap:calc(4 * var(--gpx))}.tw-gap-y-6_3lZ9zmuf{row-gap:calc(24 * var(--gpx))}.tw-overflow-auto_1N0qnKcH{overflow:auto}.tw-overflow-hidden_3-mHDqSa{overflow:hidden}.tw-overflow-visible_1EMm1cCA{overflow:visible}.tw-overflow-x-scroll_3w-9Hy2S{overflow-x:scroll}.tw-text-ellipsis_33e32G3X{-o-text-overflow:ellipsis;text-overflow:ellipsis}.tw-rounded-2xl_aB_josZS{border-radius:calc(16 * var(--gpx))}.tw-rounded-\[10px\]_3CRAYKeR{border-radius:10px}.tw-rounded-\[3px\]_3cYpFZrW{border-radius:3px}.tw-rounded-\[4px\]_205940JV{border-radius:4px}.tw-rounded-\[5px\]_sggXGmDF{border-radius:5px}.tw-rounded-\[6px\]_3TnorXZA{border-radius:6px}.tw-rounded-\[9px\]_3m4DH7Dy{border-radius:9px}.tw-rounded-full_3ZSzbuaA{border-radius:9999px}.tw-rounded-lg_e6d75H1E{border-radius:calc(8 * var(--gpx))}.tw-rounded-md_3JXH_kg9{border-radius:calc(6 * var(--gpx))}.tw-rounded-none_29PHEp5i{border-radius:0px}.tw-rounded-sm_2Gu11qpm{border-radius:calc(2 * var(--gpx))}.tw-rounded-xl_2e4pWzgy{border-radius:calc(12 * var(--gpx))}.tw-rounded-b-2xl_2Ol3gUvJ{border-bottom-right-radius:calc(16 * var(--gpx));border-bottom-left-radius:calc(16 * var(--gpx))}.tw-rounded-b-none_1JsrVkJw{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.tw-rounded-e-\[5px\]_sOOmfQFC{border-start-end-radius:5px;border-end-end-radius:5px}.tw-rounded-l-\[10px\]_1EcwhMhP{border-top-left-radius:10px;border-bottom-left-radius:10px}.tw-rounded-t-2xl_3-RW_WQ_{border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx))}.tw-rounded-t-\[10px\]_1eSc5kgE{border-top-left-radius:10px;border-top-right-radius:10px}.tw-rounded-bl-\[18px\]_3cAQ8MH5{border-bottom-left-radius:18px}.tw-rounded-bl-\[5px\]_F9T8Thep{border-bottom-left-radius:5px}.tw-rounded-br-\[22\.6\%\]_1sXdKUyA{border-bottom-right-radius:22.6%}.tw-rounded-br-\[5px\]_4bFQsYKM{border-bottom-right-radius:5px}.tw-rounded-br-md_2gl4LlSZ{border-bottom-right-radius:calc(6 * var(--gpx))}.tw-rounded-tr-\[18px\]_3H08mUaM{border-top-right-radius:18px}.tw-rounded-tr-\[5px\]_2qeH3v9-{border-top-right-radius:5px}.tw-border_1v222aqg{border-width:1px}.tw-border-0_3nPrKgSU{border-width:0px}.tw-border-2_2v2tI4_9{border-width:2px}.tw-border-4_7BhFc8b8{border-width:4px}.tw-border-\[1\.5px\]_258H2kPy{border-width:1.5px}.tw-border-\[2px\]_36lRlKrx{border-width:2px}.tw-border-\[3px\]_nk8-yuHe{border-width:3px}.tw-border-b_3BHjhTMQ{border-bottom-width:1px}.tw-border-t_dHE2eQLh{border-top-width:1px}.tw-border-solid_11J58Ule{border-style:solid}.tw-border-\[\#000\]_1FvxEiJS{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-\[\#0a0a0a\]_3taLpJJB{--tw-border-opacity:1;border-color:rgb(10 10 10 / var(--tw-border-opacity))}.tw-border-\[\#161616\]_2CK_N72d{--tw-border-opacity:1;border-color:rgb(22 22 22 / var(--tw-border-opacity))}.tw-border-\[\#212322\]_IFktHGZE{--tw-border-opacity:1;border-color:rgb(33 35 34 / var(--tw-border-opacity))}.tw-border-\[\#262626\]_2Evzhoqc{--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}.tw-border-\[\#2a2c2b\]_22EPwgnY{--tw-border-opacity:1;border-color:rgb(42 44 43 / var(--tw-border-opacity))}.tw-border-\[\#313131\]_1b97bqOd{--tw-border-opacity:1;border-color:rgb(49 49 49 / var(--tw-border-opacity))}.tw-border-\[\#424242\]_k6lmwlcu{--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}.tw-border-\[\#D3BD8E\]_3wx0nFv7{--tw-border-opacity:1;border-color:rgb(211 189 142 / var(--tw-border-opacity))}.tw-border-\[\#cccccc\]_2qFkvg08{--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.tw-border-\[\#eff1f4\]_2ygJLYlE{--tw-border-opacity:1;border-color:rgb(239 241 244 / var(--tw-border-opacity))}.tw-border-d-grey-black-1_1N7Lmfl6{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-gt-g-grey-white-6_28FmuZ50{border-color:rgba(255, 255, 255, 0.08)}.tw-border-l-brand-yellow-3_2FVCf0Zt{--tw-border-opacity:1;border-color:rgb(255 222 0 / var(--tw-border-opacity))}.\!tw-bg-d-grey-black-1_33GFh2jy{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.tw-bg-\[\#000\]_SXKGC0HF{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-\[\#0a0a0a\]_2t20Cbps{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-\[\#181818\]_2QXUvrtU{--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity))}.tw-bg-\[\#1a1a1a\]_3tfD-3Ax{--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.tw-bg-\[\#1d1f1e\]_1iky-9oX{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-\[\#1e201f\]_wbriu-el{--tw-bg-opacity:1;background-color:rgb(30 32 31 / var(--tw-bg-opacity))}.tw-bg-\[\#212322\]_1ZCVAqa4{--tw-bg-opacity:1;background-color:rgb(33 35 34 / var(--tw-bg-opacity))}.tw-bg-\[\#313131\]_dgNSQS--{--tw-bg-opacity:1;background-color:rgb(49 49 49 / var(--tw-bg-opacity))}.tw-bg-\[\#434343\]_2yWadgtG{--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))}.tw-bg-\[\#656565\]_10k753RU{--tw-bg-opacity:1;background-color:rgb(101 101 101 / var(--tw-bg-opacity))}.tw-bg-\[\#73726d\]_1kUhMRgZ{--tw-bg-opacity:1;background-color:rgb(115 114 109 / var(--tw-bg-opacity))}.tw-bg-\[\#9d9d9d\]_1roQD8qe{--tw-bg-opacity:1;background-color:rgb(157 157 157 / var(--tw-bg-opacity))}.tw-bg-\[\#a2a2a2\]_KNLaj-a9{--tw-bg-opacity:1;background-color:rgb(162 162 162 / var(--tw-bg-opacity))}.tw-bg-\[\#a3a3a3\]_2mnamUKd{--tw-bg-opacity:1;background-color:rgb(163 163 163 / var(--tw-bg-opacity))}.tw-bg-\[\#ebebeb\]_1vUHiBoz{--tw-bg-opacity:1;background-color:rgb(235 235 235 / var(--tw-bg-opacity))}.tw-bg-\[\#fafafa\]_2WG1lmXI{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-1_1BJUb8f1{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-2_sqMNfZcZ{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-3_3yAVpu3x{--tw-bg-opacity:1;background-color:rgb(22 24 23 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-4_28x6BsvJ{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-gt-g-grey-black-2_3udTeRWm{background-color:rgba(0, 0, 0, 0.48)}.tw-bg-l-brand-yellow-3_1mronKB1{--tw-bg-opacity:1;background-color:rgb(255 222 0 / var(--tw-bg-opacity))}.tw-bg-l-grey-white-1_37bYCfWV{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-bg-contain_38Z0oxVY{background-size:contain}.tw-bg-cover_mL1CVfsT{background-size:cover}.tw-bg-center_3aUzv-KB{background-position:center}.tw-p-0_1eP-6QJm{padding:0px}.tw-p-0\.5__5voma9M{padding:calc(2 * var(--gpx))}.tw-p-3_il76HC05{padding:calc(12 * var(--gpx))}.tw-p-4_ujv-HkUe{padding:calc(16 * var(--gpx))}.tw-p-\[9px\]_2T40y100{padding:9px}.tw-px-1_6_vyhaPY{padding-left:calc(4 * var(--gpx));padding-right:calc(4 * var(--gpx))}.tw-px-1\.5_3bH6lHsa{padding-left:calc(6 * var(--gpx));padding-right:calc(6 * var(--gpx))}.tw-px-2_3mgeE68l{padding-left:calc(8 * var(--gpx));padding-right:calc(8 * var(--gpx))}.tw-px-2\.5_2Sps9wME{padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx))}.tw-px-3_3H-7UEsu{padding-left:calc(12 * var(--gpx));padding-right:calc(12 * var(--gpx))}.tw-px-3\.5_3-kzeIAq{padding-left:calc(14 * var(--gpx));padding-right:calc(14 * var(--gpx))}.tw-px-4_2mjJx-Zj{padding-left:calc(16 * var(--gpx));padding-right:calc(16 * var(--gpx))}.tw-px-5_1AS1Ul6X{padding-left:calc(20 * var(--gpx));padding-right:calc(20 * var(--gpx))}.tw-px-6__4qXXPc_{padding-left:calc(24 * var(--gpx));padding-right:calc(24 * var(--gpx))}.tw-px-7_uO_k2feO{padding-left:calc(28 * var(--gpx));padding-right:calc(28 * var(--gpx))}.tw-px-8_z3R9Exr8{padding-left:calc(32 * var(--gpx));padding-right:calc(32 * var(--gpx))}.tw-px-\[13px\]_WhUbHH6t{padding-left:13px;padding-right:13px}.tw-px-\[16px\]_Dt8jNWxU{padding-left:16px;padding-right:16px}.tw-px-\[34px\]_2SquVOrU{padding-left:34px;padding-right:34px}.tw-px-\[48px\]_1okd7GCm{padding-left:48px;padding-right:48px}.tw-px-\[5\%\]_3fDamqL-{padding-left:5%;padding-right:5%}.tw-px-\[7px\]_2lSDcnSd{padding-left:7px;padding-right:7px}.tw-py-0_yuAigrmE{padding-top:0px;padding-bottom:0px}.tw-py-0\.5_CGJ7eKai{padding-top:calc(2 * var(--gpx));padding-bottom:calc(2 * var(--gpx))}.tw-py-1_2aCDPQWe{padding-top:calc(4 * var(--gpx));padding-bottom:calc(4 * var(--gpx))}.tw-py-12_1zmICO28{padding-top:calc(48 * var(--gpx));padding-bottom:calc(48 * var(--gpx))}.tw-py-2_1Pz5BI-j{padding-top:calc(8 * var(--gpx));padding-bottom:calc(8 * var(--gpx))}.tw-py-2\.5_3604ddPn{padding-top:calc(10 * var(--gpx));padding-bottom:calc(10 * var(--gpx))}.tw-py-8_1HuexnP8{padding-top:calc(32 * var(--gpx));padding-bottom:calc(32 * var(--gpx))}.tw-py-\[11px\]_3h9VdpcH{padding-top:11px;padding-bottom:11px}.tw-py-\[1px\]_1h4oodP6{padding-top:1px;padding-bottom:1px}.tw-py-\[20px\]_3MY0DXct{padding-top:20px;padding-bottom:20px}.tw-py-\[3px\]_11nZM1wk{padding-top:3px;padding-bottom:3px}.tw-py-\[5px\]_1wHOazCe{padding-top:5px;padding-bottom:5px}.tw-py-\[9px\]_10NIEsOs{padding-top:9px;padding-bottom:9px}.tw-pb-3_ScY3JJQs{padding-bottom:calc(12 * var(--gpx))}.tw-pb-4_1P8wfbf-{padding-bottom:calc(16 * var(--gpx))}.tw-pb-4\.5_2bHMWclp{padding-bottom:calc(18 * var(--gpx))}.tw-pb-5_2XQwCNjI{padding-bottom:calc(20 * var(--gpx))}.tw-pb-6_3fYHS0hP{padding-bottom:calc(24 * var(--gpx))}.tw-pb-\[13px\]_BvKMdj4E{padding-bottom:13px}.tw-pb-\[30px\]_3-XPjRDT{padding-bottom:30px}.tw-pb-\[50px\]_1PIaZ-gr{padding-bottom:50px}.tw-pb-\[9px\]_3DHX3K0r{padding-bottom:9px}.tw-pl-3_3iyscfG4{padding-left:calc(12 * var(--gpx))}.tw-pl-3\.5_1qZpioDk{padding-left:calc(14 * var(--gpx))}.tw-pl-4_10viUC48{padding-left:calc(16 * var(--gpx))}.tw-pl-5_1PnbghS5{padding-left:calc(20 * var(--gpx))}.tw-pl-\[15px\]_N07E2XwL{padding-left:15px}.tw-pr-3_34zi2hE4{padding-right:calc(12 * var(--gpx))}.tw-pr-4_2K_OSs3B{padding-right:calc(16 * var(--gpx))}.tw-pr-5_1_9gSw1m{padding-right:calc(20 * var(--gpx))}.tw-pr-\[13px\]_3FK-4qJ2{padding-right:13px}.tw-pr-\[21px\]_iOxt7iy0{padding-right:21px}.tw-pt-2_bGrF2Stj{padding-top:calc(8 * var(--gpx))}.tw-pt-3_fmvZ0t3H{padding-top:calc(12 * var(--gpx))}.tw-pt-4_39Wb28K8{padding-top:calc(16 * var(--gpx))}.tw-pt-4\.5_6NKYH2B_{padding-top:calc(18 * var(--gpx))}.tw-pt-6_K5T6UAWe{padding-top:calc(24 * var(--gpx))}.tw-pt-\[100\%\]_1alPevp1{padding-top:100%}.tw-pt-\[7\.5px\]_1cmPJpL0{padding-top:7.5px}.tw-pt-\[72px\]_3bhvy0Tb{padding-top:72px}.tw-pt-\[78px\]_31Cn6AFl{padding-top:78px}.tw-text-center_1fCsJFCw{text-align:center}.tw-text-right_2mZ1U7Uc{text-align:right}.tw-align-middle_1UjNX9Ld{vertical-align:middle}.tw-font-impact_1xfedt-S{font-family:Impact, Haettenschweiler, sans-serif}.tw-font-impact-inpin_24pll5bu{font-family:Impact, inpin hongmengti}.tw-font-inpin_17Za9vJB{font-family:inpin hongmengti}.\!tw-text-\[52px\]_sFy5EPGa{font-size:52px !important}.\!tw-text-\[8px\]_GjPPSbGf{font-size:8px !important}.tw-text-2xl_25BPphwv{font-size:1.5rem;line-height:2rem}.tw-text-\[10px\]_1ZaHfX46{font-size:10px}.tw-text-\[11px\]_2MZp7DoA{font-size:11px}.tw-text-\[12px\]_n8mF5c9Q{font-size:12px}.tw-text-\[13px\]_84F0YRlg{font-size:13px}.tw-text-\[14px\]_3nHPB_OE{font-size:14px}.tw-text-\[15px\]_3jgrH4ht{font-size:15px}.tw-text-\[16px\]_3ZVuz4w7{font-size:16px}.tw-text-\[17px\]_3B-HQpPG{font-size:17px}.tw-text-\[18px\]_1NNl-9a1{font-size:18px}.tw-text-\[1em\]_uGZ9Q-Kx{font-size:1em}.tw-text-\[26px\]_2capNeDa{font-size:26px}.tw-text-\[33px\]_3MfE7x0P{font-size:33px}.tw-text-\[58px\]_3qfmCZg_{font-size:58px}.tw-text-\[8px\]_1NLSytV0{font-size:8px}.tw-text-\[9px\]_2lrUJc2I{font-size:9px}.tw-text-base_9C5N5-9l{font-size:1rem;line-height:1.5rem}.tw-text-base-pc_1myWBAue{font-size:calc(16 * var(--gpx));line-height:calc(24 * var(--gpx))}.tw-text-lg_2ene3fdn{font-size:1.125rem;line-height:1.75rem}.tw-text-sm_3nPAGJ5C{font-size:0.875rem;line-height:1.25rem}.tw-text-xl_32nPM7Mf{font-size:1.25rem;line-height:1.75rem}.tw-text-xs_1qy9VbSf{font-size:0.75rem;line-height:1rem}.tw-font-bold_3JsliVBU{font-weight:700}.tw-font-extrabold_37UCfJEw{font-weight:800}.tw-font-medium_-ksnBIKe{font-weight:500}.tw-font-normal_1Cxss6pB{font-weight:400}.tw-font-semibold_1_fShnkf{font-weight:600}.\!tw-leading-\[56px\]_19rzeyfh{line-height:56px !important}.tw-leading-4_1j9BsqAh{line-height:calc(16 * var(--gpx))}.tw-leading-\[12px\]_1RDG5UEG{line-height:12px}.tw-leading-\[13px\]_VleXngGH{line-height:13px}.tw-leading-\[14px\]_2-Z2eftJ{line-height:14px}.tw-leading-\[16px\]_3hu6--37{line-height:16px}.tw-leading-\[18px\]_1Dm5gn-N{line-height:18px}.tw-leading-\[20px\]_2YOlngkE{line-height:20px}.tw-leading-\[42px\]_NfX19oYw{line-height:42px}.tw-leading-\[62px\]_eBLo5NET{line-height:62px}.\!tw-text-l-brand-yellow-3_pUnF1dWr{--tw-text-opacity:1 !important;color:rgb(255 222 0 / var(--tw-text-opacity)) !important}.\!tw-text-l-grey-white-1_2QbkWsht{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}.tw-text-\[\#161616\]_4eCglV-f{--tw-text-opacity:1;color:rgb(22 22 22 / var(--tw-text-opacity))}.tw-text-\[\#656565\]_1uWyh3Ph{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity))}.tw-text-\[\#72726d\]_-wvOm-9_{--tw-text-opacity:1;color:rgb(114 114 109 / var(--tw-text-opacity))}.tw-text-\[\#7e7e7e\]_3PjcAjC0{--tw-text-opacity:1;color:rgb(126 126 126 / var(--tw-text-opacity))}.tw-text-\[\#a6a6a6\]_UAdybo-g{--tw-text-opacity:1;color:rgb(166 166 166 / var(--tw-text-opacity))}.tw-text-\[\#b1b1b1\]_2ei_nPT6{--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}.tw-text-\[\#c5c5c5\]_3sqHMAXI{--tw-text-opacity:1;color:rgb(197 197 197 / var(--tw-text-opacity))}.tw-text-\[\#c9c9c9\]_289-T8JV{--tw-text-opacity:1;color:rgb(201 201 201 / var(--tw-text-opacity))}.tw-text-\[\#cbcbcb\]_3zZLCA1T{--tw-text-opacity:1;color:rgb(203 203 203 / var(--tw-text-opacity))}.tw-text-\[\#cdcdcd\]_2lVbI5RM{--tw-text-opacity:1;color:rgb(205 205 205 / var(--tw-text-opacity))}.tw-text-\[\#f0dc00\]_YjntiVim{--tw-text-opacity:1;color:rgb(240 220 0 / var(--tw-text-opacity))}.tw-text-d-grey-black-1_2my_VYuO{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-text-gt-l-text-primary_3SFINvT0{color:rgba(255, 255, 255, 0.85)}.tw-text-gt-l-text-secondary_GqCS0Ift{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-tertiary_3DMl9loJ{color:rgba(255, 255, 255, 0.45)}.tw-text-gt-l-text-white-2_3A2lSYce{color:rgba(255, 255, 255, 0.90)}.tw-text-gt-l-text-white-3_Iaa9zwQz{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-white-4_1636e6kE{color:rgba(255, 255, 255, 0.45)}.tw-text-l-brand-yellow-3_HxD9IRNp{--tw-text-opacity:1;color:rgb(255 222 0 / var(--tw-text-opacity))}.tw-text-l-grey-white-1_3y9Hi9Ve{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-text-l-grey-white-2_2iAaCbTr{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}.tw-text-l-grey-white-3_S9tr3a7U{--tw-text-opacity:1;color:rgb(125 127 128 / var(--tw-text-opacity))}.tw-transition-colors_1ZhZiBVU{-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-o-transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-o-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms}.tw-flex-center_36o7UpTK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-flex-items-center_1DWST_2I{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-flex-justify-center_1HgdshGS{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-absolute-center_LwUJZlU1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tw-absolute-y-center_Pp4nlKXA{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}html,body{font-size:14px;color:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}ul{list-style:none;padding:0}.van-popup-lang_20X3vluo{font-size:14px;height:48px;line-height:48px;color:rgba(255,255,255,.9)}.van-popup-lang_20X3vluo.active_20QtUy_T{color:#ffde00}.mhy-picker-modal_1sAJOAT1{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1;z-index:20;display:none}.pswp_2NnUsbS1{z-index:3000}.mhy-game-role-message-box-mask_1UM1uzbu.mhy-game-role-selector-mask_2TZFI4Sw{z-index:3000}.skill-popover_1EsZr107 .popper_1IQzJ4y8[x-placement^=top] .popper__arrow_2PVIytxI{border-top-color:#f6f3ed}.role-selector-sea-dropdown-menu_1eJz43d9 .dropdown-menu__list_1_Pw56cs{overflow-y:auto !important}.custom-mihoyo-common-mask_Hc8wKWC9:has(.me-share-preview_34230TC3){display:none !important}.me-share-preview_34230TC3{display:none !important}.mhy-account-flow_-kqDovB8{z-index:2000 !important}.van-toast__text_2d8SUzlq{word-break:break-word}.announcement_3KoCr0Mb{width:285px;overflow:visible;border-radius:calc(16 * var(--gpx));--tw-bg-opacity:1;background-color:rgb(115 114 109 / var(--tw-bg-opacity))}html[gt-platform=pc] .announcement_3KoCr0Mb{width:480px}.title_3zNAohkR{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:calc(2 * var(--gpx));border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx));padding-left:calc(8 * var(--gpx));padding-right:calc(8 * var(--gpx));padding-top:calc(6 * var(--gpx));padding-bottom:calc(6 * var(--gpx));font-size:13px;--tw-text-opacity:1;color:rgb(114 114 109 / var(--tw-text-opacity));--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity))}html[gt-platform=mob] .title_3zNAohkR{font-family:inpin hongmengti}html[gt-platform=pc] .title_3zNAohkR{font-size:calc(16 * var(--gpx));line-height:calc(24 * var(--gpx));font-weight:700;color:rgba(255, 255, 255, 0.90);margin:calc(4 * var(--gpx));padding-left:calc(24 * var(--gpx));padding-right:calc(24 * var(--gpx));padding-top:calc(16 * var(--gpx));padding-bottom:calc(16 * var(--gpx))}.close_2X9FZew3{position:absolute;right:calc(24 * var(--gpx));height:calc(16 * var(--gpx));width:calc(16 * var(--gpx));top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}html[gt-platform=pc] .close_2X9FZew3{right:calc(24 * var(--gpx));top:calc(28 * var(--gpx));height:calc(24 * var(--gpx));width:calc(24 * var(--gpx));cursor:pointer}.content_1UTF-M3e{margin:calc(8 * var(--gpx));font-size:10px;font-weight:600;line-height:14px;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.content_1UTF-M3e::-webkit-scrollbar{width:4px;height:4px}.content_1UTF-M3e::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.45)}.content_1UTF-M3e::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(0, 0, 0, 0.45)}.content_1UTF-M3e{height:100px;max-height:150px;overflow-y:scroll}html[gt-platform=pc] .content_1UTF-M3e{margin:calc(16 * var(--gpx));margin-right:calc(20 * var(--gpx));padding-left:calc(20 * var(--gpx));padding-right:calc(16 * var(--gpx));height:400px;max-height:400px;font-size:0.875rem;line-height:1.25rem}.hover\:\!tw-border-l-brand-yellow-3_2NmtATk_:hover{--tw-border-opacity:1 !important;border-color:rgb(255 222 0 / var(--tw-border-opacity)) !important}.hover\:tw-text-l-grey-white-1_1vRbtWXb:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:tw-text-l-grey-white-2__OBOyyMz:hover{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}
+html[mi18n-lang=zh-cn],html[mi18n-lang=zh-tw]{font-family:"Helvetica neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Arial","sans-serif" !important}html[mi18n-lang=ko-kr]{font-family:"nanum gothic","나눔 고딕","Malgun Gothic","맑은 고딕","돋움",sans-serif !important}html[mi18n-lang=en-us],html[mi18n-lang=id-id],html[mi18n-lang=fr-fr],html[mi18n-lang=vi-vn],html[mi18n-lang=pt-pt],html[mi18n-lang=es-es],html[mi18n-lang=tr-tr],html[mi18n-lang=it-it]{font-family:Tahoma,Helvetica,Arial,sans-serif !important}html[mi18n-lang=th-th]{font-family:kanit,Tahoma,Helvetica,Arial,Geneva,sans-serif !important}html[mi18n-lang=ru-ru]{font-family:"Adelle Cyrillic","Dctz38",Arial,Helvetica,sans-serif !important}html[mi18n-lang=ja-jp]{font-family:"游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS Pgothic",sans-serif !important}html[mi18n-lang=de-de]{font-family:"Calibri","Arial",sans-serif !important}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-scrollbar_24FDJbYZ::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar_24FDJbYZ::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 0.12)}.tw-scrollbar_24FDJbYZ::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(255, 255, 255, 0.32)}.tw-scrollbar-dark_3USTSJ07::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar-dark_3USTSJ07::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.45)}.tw-scrollbar-dark_3USTSJ07::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(0, 0, 0, 0.45)}.tw-fixed_3x2wq7Yp{position:fixed}.tw-absolute_3TfV7wos{position:absolute}.tw-relative_2hBOavM3{position:relative}.-tw-bottom-5_34eZ6Nfu{bottom:calc(calc(20 * var(--gpx)) * -1)}.-tw-left-2_2hlUbJYg{left:calc(calc(8 * var(--gpx)) * -1)}.tw-bottom-0_1BgnyH1f{bottom:0px}.tw-left-0_3nRJX5v6{left:0px}.tw-left-4_GGOD_sWs{left:calc(16 * var(--gpx))}.tw-left-\[14px\]_2uC2PDug{left:14px}.tw-left-\[15px\]_1q_juJHy{left:15px}.tw-right-0_3UNVY0lo{right:0px}.tw-right-1_2mBt7UKV{right:calc(4 * var(--gpx))}.tw-right-1\.5_1ZpojED8{right:calc(6 * var(--gpx))}.tw-right-10_2stP9mpC{right:calc(40 * var(--gpx))}.tw-right-2_1AiFW351{right:calc(8 * var(--gpx))}.tw-right-3_rJk63FNI{right:calc(12 * var(--gpx))}.tw-right-4_2gSri6C3{right:calc(16 * var(--gpx))}.tw-right-6_3W2gyIiZ{right:calc(24 * var(--gpx))}.tw-right-\[-1px\]_3sB6CiwY{right:-1px}.tw-top-0_1dS-s_5w{top:0px}.tw-top-1_3f-Zniu1{top:calc(4 * var(--gpx))}.tw-top-10_1DHuM6_I{top:calc(40 * var(--gpx))}.tw-top-4_1oJ67Yb4{top:calc(16 * var(--gpx))}.tw-top-\[-1px\]_tEfYYiXq{top:-1px}.tw-top-\[10px\]_379RZ_aO{top:10px}.tw-top-\[46px\]_HUyM3kd0{top:46px}.tw-z-\[-1\]_2b9o_sPr{z-index:-1}.tw-z-\[0\]_3hAasEdi{z-index:0}.tw-z-\[1\]_3adM61rU{z-index:1}.tw-z-\[2\]_1QIvXD7d{z-index:2}.tw-m-0_1YHKqRlo{margin:0px}.tw-m-0\.5_24RxCsci{margin:calc(2 * var(--gpx))}.tw-m-1_CmcvPsU-{margin:calc(4 * var(--gpx))}.tw-m-2_3kSvo6_q{margin:calc(8 * var(--gpx))}.tw-m-4_Kjm0yPuq{margin:calc(16 * var(--gpx))}.tw-m-6_1sGOh5Bf{margin:calc(24 * var(--gpx))}.tw-mx-0_3zy68TuR{margin-left:0px;margin-right:0px}.tw-mx-0\.5_1HAglXRL{margin-left:calc(2 * var(--gpx));margin-right:calc(2 * var(--gpx))}.tw-mx-4_JIG1nC9v{margin-left:calc(16 * var(--gpx));margin-right:calc(16 * var(--gpx))}.tw-mx-4\.5_fquXjoxR{margin-left:calc(18 * var(--gpx));margin-right:calc(18 * var(--gpx))}.tw-mx-5_UWNsOhbf{margin-left:calc(20 * var(--gpx));margin-right:calc(20 * var(--gpx))}.tw-mx-\[8px\]_o1NME32c{margin-left:8px;margin-right:8px}.tw-mx-\[9px\]_18DMLtzV{margin-left:9px;margin-right:9px}.tw-mx-auto_XL5OazGx{margin-left:auto;margin-right:auto}.tw-my-0_2N0JubBu{margin-top:0px;margin-bottom:0px}.\!tw-mt-0_1CrIfycp{margin-top:0px !important}.tw-mb-2_1CGbJHjc{margin-bottom:calc(8 * var(--gpx))}.tw-mb-4_30kZqpK6{margin-bottom:calc(16 * var(--gpx))}.tw-mb-4\.5_2fzXbQK7{margin-bottom:calc(18 * var(--gpx))}.tw-mb-6_8wMmhWIU{margin-bottom:calc(24 * var(--gpx))}.tw-mb-8_3vsiFocm{margin-bottom:calc(32 * var(--gpx))}.tw-mb-auto_3yxNGB0a{margin-bottom:auto}.tw-ml-0_2NP5n5pE{margin-left:0px}.tw-ml-0\.5_2JKdKNPP{margin-left:calc(2 * var(--gpx))}.tw-ml-1_G68fXHXz{margin-left:calc(4 * var(--gpx))}.tw-ml-2_1EZaAIev{margin-left:calc(8 * var(--gpx))}.tw-ml-2\.5_2uyYOaDM{margin-left:calc(10 * var(--gpx))}.tw-ml-3_1ND-ywPS{margin-left:calc(12 * var(--gpx))}.tw-ml-4_2e_dNmGq{margin-left:calc(16 * var(--gpx))}.tw-ml-8_1-16fJ-x{margin-left:calc(32 * var(--gpx))}.tw-ml-\[1px\]_vwBIKlkF{margin-left:1px}.tw-ml-\[2px\]_15bGmnS6{margin-left:2px}.tw-ml-\[4px\]_3y4GUxpt{margin-left:4px}.tw-ml-auto_1j9vIV7T{margin-left:auto}.tw-mr-1_VLcvs0EB{margin-right:calc(4 * var(--gpx))}.tw-mr-1\.5_13EXLEVa{margin-right:calc(6 * var(--gpx))}.tw-mr-2_2wiWc-9R{margin-right:calc(8 * var(--gpx))}.tw-mr-2\.5_2YpHIUp9{margin-right:calc(10 * var(--gpx))}.tw-mr-3_2TUEY76W{margin-right:calc(12 * var(--gpx))}.tw-mr-3\.5_2kgJKha5{margin-right:calc(14 * var(--gpx))}.tw-mr-4_5ZXGLsro{margin-right:calc(16 * var(--gpx))}.tw-mr-4\.5_1C-zOS-5{margin-right:calc(18 * var(--gpx))}.tw-mr-5_3jA0Syh_{margin-right:calc(20 * var(--gpx))}.tw-mr-6_1L7bpoxn{margin-right:calc(24 * var(--gpx))}.tw-mr-\[3px\]_29tQOJXJ{margin-right:3px}.tw-mr-\[4px\]_1jOq82DU{margin-right:4px}.tw-mr-\[5px\]_20mYKyRW{margin-right:5px}.tw-mt-1_lkl_-lce{margin-top:calc(4 * var(--gpx))}.tw-mt-1\.5_3YLnQJIE{margin-top:calc(6 * var(--gpx))}.tw-mt-2_2IKOB6y0{margin-top:calc(8 * var(--gpx))}.tw-mt-2\.5_jwkpkj-c{margin-top:calc(10 * var(--gpx))}.tw-mt-3_2_AZEw7P{margin-top:calc(12 * var(--gpx))}.tw-mt-4_X5dYI32B{margin-top:calc(16 * var(--gpx))}.tw-mt-4\.5_k6GcczFi{margin-top:calc(18 * var(--gpx))}.tw-mt-6_2wXv7jvw{margin-top:calc(24 * var(--gpx))}.tw-mt-\[11px\]_2xPpkerr{margin-top:11px}.tw-mt-\[2px\]_ImLjE-w6{margin-top:2px}.tw-mt-\[4px\]_2d9Ad6hu{margin-top:4px}.tw-mt-\[8px\]_3rRgB5ns{margin-top:8px}.tw-box-border_2XXqylPz{-webkit-box-sizing:border-box;box-sizing:border-box}.tw-line-clamp-1_2R4zaEst{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-block_2CVRGORi{display:block}.tw-flex_2QEw7Pra{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-grid_m7F1kDjr{display:grid}.\!tw-h-auto_2TFXgn6M{height:auto !important}.tw-h-1_1QcSAEz4{height:calc(4 * var(--gpx))}.tw-h-1\.5_2NUIrbKT{height:calc(6 * var(--gpx))}.tw-h-10_2kPE5L9-{height:calc(40 * var(--gpx))}.tw-h-11_3FtjYrpr{height:calc(44 * var(--gpx))}.tw-h-12_2vbF2dX7{height:calc(48 * var(--gpx))}.tw-h-15_1HVdMcsq{height:calc(60 * var(--gpx))}.tw-h-2_2T4JpuiO{height:calc(8 * var(--gpx))}.tw-h-2\.5_1AaXVJFC{height:calc(10 * var(--gpx))}.tw-h-3_gZ_mU4hi{height:calc(12 * var(--gpx))}.tw-h-4_3z_f4VZ7{height:calc(16 * var(--gpx))}.tw-h-4\.5_2KH7Dfqi{height:calc(18 * var(--gpx))}.tw-h-5_1utJztB5{height:calc(20 * var(--gpx))}.tw-h-5\.5_19YofXlT{height:calc(22 * var(--gpx))}.tw-h-6_2i5mdf_Z{height:calc(24 * var(--gpx))}.tw-h-8_1-Lcn6EC{height:calc(32 * var(--gpx))}.tw-h-\[100px\]_2tfHif_Q{height:100px}.tw-h-\[101px\]_2-5_isNP{height:101px}.tw-h-\[10px\]_1vLJYKYa{height:10px}.tw-h-\[118px\]_H8fUiVEr{height:118px}.tw-h-\[12px\]_6mPhVKIT{height:12px}.tw-h-\[13px\]_1jYvPWK3{height:13px}.tw-h-\[141px\]_TmAFZMMV{height:141px}.tw-h-\[14px\]_4P81B5Ax{height:14px}.tw-h-\[15px\]_2uwTZ6Mp{height:15px}.tw-h-\[16px\]_2FxKR-3B{height:16px}.tw-h-\[17px\]_27c0GkTW{height:17px}.tw-h-\[18px\]_3DJs0UZB{height:18px}.tw-h-\[197px\]_3Dp6qwX_{height:197px}.tw-h-\[20px\]_2VxliV4E{height:20px}.tw-h-\[21px\]_3LCJtFEj{height:21px}.tw-h-\[22px\]_1e94QPD4{height:22px}.tw-h-\[280px\]_3IBFBVx5{height:280px}.tw-h-\[31px\]_3ZNP7kV4{height:31px}.tw-h-\[34px\]_2ueq7KW9{height:34px}.tw-h-\[400px\]__rrV2zVy{height:400px}.tw-h-\[45px\]_OU0MEYQo{height:45px}.tw-h-\[50px\]_1wTKSbkP{height:50px}.tw-h-\[53px\]_ZJjH5pzF{height:53px}.tw-h-\[54px\]_3Ho77Vgy{height:54px}.tw-h-\[5px\]_1PUmg5ux{height:5px}.tw-h-\[73px\]_1XTepot9{height:73px}.tw-h-\[75px\]_2UcIzOga{height:75px}.tw-h-\[78px\]_16ogpjSu{height:78px}.tw-h-\[82px\]_39kVgmqo{height:82px}.tw-h-\[8px\]_2zmzmkOd{height:8px}.tw-h-\[94px\]_16nfh6T1{height:94px}.tw-h-\[96px\]_1hl8a_t7{height:96px}.tw-h-\[9px\]_1isevvGr{height:9px}.tw-h-auto_1RZBf2UX{height:auto}.tw-h-full_1ThFvsFx{height:100%}.tw-h-screen_2mgRuhfm{height:100vh}.tw-max-h-\[150px\]_2CGUbo9G{max-height:150px}.tw-max-h-\[390px\]_1LCXXX9t{max-height:390px}.tw-max-h-\[400px\]_3Tdiq5pu{max-height:400px}.tw-max-h-\[540px\]_tuX2_jp9{max-height:540px}.tw-min-h-\[240px\]_ATzDSHyw{min-height:240px}.tw-min-h-\[48px\]_2WsSosWf{min-height:48px}.\!tw-w-\[80px\]_3g68JkIY{width:80px !important}.tw-w-1\/2_rWyHdy2w{width:50%}.tw-w-10_3L65N7u-{width:calc(40 * var(--gpx))}.tw-w-11_3qosy0uq{width:calc(44 * var(--gpx))}.tw-w-12_lJCs4I0U{width:calc(48 * var(--gpx))}.tw-w-15_11pcYERW{width:calc(60 * var(--gpx))}.tw-w-2_3dgv1Nh_{width:calc(8 * var(--gpx))}.tw-w-2\.5_3ZDLEaMB{width:calc(10 * var(--gpx))}.tw-w-3_2TF2im6p{width:calc(12 * var(--gpx))}.tw-w-4_2pqDBPGW{width:calc(16 * var(--gpx))}.tw-w-4\.5_386BRhmF{width:calc(18 * var(--gpx))}.tw-w-5_12tWLYiq{width:calc(20 * var(--gpx))}.tw-w-6_25YmyR4D{width:calc(24 * var(--gpx))}.tw-w-8_2h5wlkcu{width:calc(32 * var(--gpx))}.tw-w-\[100px\]_1xAZS_up{width:100px}.tw-w-\[1024px\]_1ezP84_0{width:1024px}.tw-w-\[10px\]_3Ucn-cIF{width:10px}.tw-w-\[110px\]_l1ae58ly{width:110px}.tw-w-\[117px\]_2rHyG2Z9{width:117px}.tw-w-\[11px\]_3RTD1kMD{width:11px}.tw-w-\[120px\]_1Ks7U0or{width:120px}.tw-w-\[121px\]_2nR6JvMP{width:121px}.tw-w-\[13px\]_12eeYVaZ{width:13px}.tw-w-\[14px\]_WC-7OHAX{width:14px}.tw-w-\[15px\]_IB-xvMj6{width:15px}.tw-w-\[16px\]_rvLOW-og{width:16px}.tw-w-\[17px\]_3l5zpU7M{width:17px}.tw-w-\[184px\]_3gn93Rnr{width:184px}.tw-w-\[1px\]_2e6yxGz8{width:1px}.tw-w-\[22px\]_-KXbZ_37{width:22px}.tw-w-\[23px\]_XwTRoznR{width:23px}.tw-w-\[272px\]_1f6sFmOE{width:272px}.tw-w-\[285px\]_3In4Oxq7{width:285px}.tw-w-\[30px\]_h4W2RPNm{width:30px}.tw-w-\[319px\]_1ULZFCsK{width:319px}.tw-w-\[320px\]_Zu1tsltU{width:320px}.tw-w-\[335px\]_1dFjDdNK{width:335px}.tw-w-\[348px\]_3XGDiNYa{width:348px}.tw-w-\[34px\]_oyJPvcMs{width:34px}.tw-w-\[364px\]_gAUenCIO{width:364px}.tw-w-\[45px\]_1eGb8UIx{width:45px}.tw-w-\[480px\]_jgwYAdrj{width:480px}.tw-w-\[53px\]_2u4n-CyF{width:53px}.tw-w-\[54px\]_iTg2NTu-{width:54px}.tw-w-\[600px\]_lN6dyCSR{width:600px}.tw-w-\[70px\]_3vKVetUI{width:70px}.tw-w-\[78px\]_kCKecfZq{width:78px}.tw-w-\[80\%\]_2W-rcq3J{width:80%}.tw-w-\[80px\]_2VtDTubO{width:80px}.tw-w-\[82px\]_3uO8oDI0{width:82px}.tw-w-\[83\%\]_3Zr_y_W6{width:83%}.tw-w-\[870px\]_32IpTHyg{width:870px}.tw-w-\[88px\]_1lsNu8N1{width:88px}.tw-w-\[96px\]_27sfxS6N{width:96px}.tw-w-auto_vF_zNtsT{width:auto}.tw-w-full_TC6NJcfp{width:100%}.tw-min-w-\[140px\]_2bE9ZQ0L{min-width:140px}.tw-max-w-\[120px\]_1aTxzjs9{max-width:120px}.tw-max-w-\[160px\]_1JGZUbWh{max-width:160px}.tw-max-w-\[165px\]_2V7OkdUz{max-width:165px}.tw-max-w-\[190px\]_2wcxRTGX{max-width:190px}.tw-flex-1_pLS9rLsT{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tw-flex-initial_3Urlm10N{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.tw-shrink-0_3WhimquA{-ms-flex-negative:0;flex-shrink:0}.tw-grow_2uJtVzUO{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.-tw-translate-y-\[2px\]_11--He2A{--tw-translate-y:-2px;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-skew-x-\[8deg\]_1pOqTuYl{--tw-skew-x:-8deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-\[1\.1\]_38jbmds3{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-pointer_MATScyTL{cursor:pointer}.tw-grid-cols-1_bDQn0GI4{grid-template-columns:repeat(1, minmax(0, 1fr))}.tw-grid-cols-2_37A6QMjp{grid-template-columns:repeat(2, minmax(0, 1fr))}.tw-grid-cols-3_3orfGdNh{grid-template-columns:repeat(3, minmax(0, 1fr))}.tw-grid-cols-9_22cMV3G5{grid-template-columns:repeat(9, minmax(0, 1fr))}.tw-flex-col_2123RI57{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tw-flex-nowrap_2IUQjocW{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tw-items-center_29RdAvOC{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-justify-end_1_fYzE1J{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tw-justify-center_ZLAUBHVX{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-justify-between_1W6zbpgw{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tw-gap-x-1_26hZeXHl{-webkit-column-gap:calc(4 * var(--gpx));-moz-column-gap:calc(4 * var(--gpx));column-gap:calc(4 * var(--gpx))}.tw-gap-x-2_3qwe9n9r{-webkit-column-gap:calc(8 * var(--gpx));-moz-column-gap:calc(8 * var(--gpx));column-gap:calc(8 * var(--gpx))}.tw-gap-x-2\.5_1FDW5T4M{-webkit-column-gap:calc(10 * var(--gpx));-moz-column-gap:calc(10 * var(--gpx));column-gap:calc(10 * var(--gpx))}.tw-gap-x-\[22\.5px\]_2ndX-3UE{-webkit-column-gap:22.5px;-moz-column-gap:22.5px;column-gap:22.5px}.tw-gap-y-1_teclxHSl{row-gap:calc(4 * var(--gpx))}.tw-gap-y-6_sc4MUaJf{row-gap:calc(24 * var(--gpx))}.tw-overflow-auto_2UUCk7VW{overflow:auto}.tw-overflow-hidden_T_cokNgI{overflow:hidden}.tw-overflow-visible_yExgo_Fz{overflow:visible}.tw-overflow-x-scroll_2-9X077j{overflow-x:scroll}.tw-text-ellipsis_2lR1cLhV{-o-text-overflow:ellipsis;text-overflow:ellipsis}.tw-rounded-2xl_1magPNxL{border-radius:calc(16 * var(--gpx))}.tw-rounded-\[10px\]_3MOaITDP{border-radius:10px}.tw-rounded-\[3px\]_18u1Rp2L{border-radius:3px}.tw-rounded-\[4px\]_2SCPU5jE{border-radius:4px}.tw-rounded-\[5px\]_2wYzCmWS{border-radius:5px}.tw-rounded-\[6px\]_3mz-HF3d{border-radius:6px}.tw-rounded-\[9px\]_1RZyqNSn{border-radius:9px}.tw-rounded-full_oQsl1ryK{border-radius:9999px}.tw-rounded-lg_3-e9qbYl{border-radius:calc(8 * var(--gpx))}.tw-rounded-md_2OHYwl7Y{border-radius:calc(6 * var(--gpx))}.tw-rounded-none_PPTyxPja{border-radius:0px}.tw-rounded-sm_2LftU3xs{border-radius:calc(2 * var(--gpx))}.tw-rounded-xl_144HexUH{border-radius:calc(12 * var(--gpx))}.tw-rounded-b-2xl_2ghvjZo9{border-bottom-right-radius:calc(16 * var(--gpx));border-bottom-left-radius:calc(16 * var(--gpx))}.tw-rounded-b-none_2J-To4x0{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.tw-rounded-e-\[5px\]_3thV_Xva{border-start-end-radius:5px;border-end-end-radius:5px}.tw-rounded-l-\[10px\]_2XctjMir{border-top-left-radius:10px;border-bottom-left-radius:10px}.tw-rounded-t-2xl_1nnhcWyv{border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx))}.tw-rounded-t-\[10px\]_Z9gxTOhH{border-top-left-radius:10px;border-top-right-radius:10px}.tw-rounded-bl-\[18px\]_3ECHtXk_{border-bottom-left-radius:18px}.tw-rounded-bl-\[5px\]_2_LdS3lC{border-bottom-left-radius:5px}.tw-rounded-br-\[22\.6\%\]_2rzpingq{border-bottom-right-radius:22.6%}.tw-rounded-br-\[5px\]_35bBZbcd{border-bottom-right-radius:5px}.tw-rounded-br-md_1K-B3HED{border-bottom-right-radius:calc(6 * var(--gpx))}.tw-rounded-tr-\[18px\]_3ATxxxbe{border-top-right-radius:18px}.tw-rounded-tr-\[5px\]_3ZE2Jgox{border-top-right-radius:5px}.tw-border_8eZFvgOL{border-width:1px}.tw-border-0_2XsdW-Za{border-width:0px}.tw-border-2_17ea9-tC{border-width:2px}.tw-border-4_1X4z4lXl{border-width:4px}.tw-border-\[1\.5px\]_e1eZd0eW{border-width:1.5px}.tw-border-\[2px\]_2tUXFITU{border-width:2px}.tw-border-\[3px\]_2J6nZrVK{border-width:3px}.tw-border-b_hfKHcNad{border-bottom-width:1px}.tw-border-t_3FaVDO2m{border-top-width:1px}.tw-border-solid_3SDWHvqY{border-style:solid}.tw-border-\[\#000\]_vQX6s_iy{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-\[\#0a0a0a\]_33YskXmj{--tw-border-opacity:1;border-color:rgb(10 10 10 / var(--tw-border-opacity))}.tw-border-\[\#161616\]_17JhtbYC{--tw-border-opacity:1;border-color:rgb(22 22 22 / var(--tw-border-opacity))}.tw-border-\[\#212322\]_1ZsZZfxL{--tw-border-opacity:1;border-color:rgb(33 35 34 / var(--tw-border-opacity))}.tw-border-\[\#262626\]_VFy30rXs{--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}.tw-border-\[\#2a2c2b\]_2UbBEQTk{--tw-border-opacity:1;border-color:rgb(42 44 43 / var(--tw-border-opacity))}.tw-border-\[\#313131\]_f66KbjMN{--tw-border-opacity:1;border-color:rgb(49 49 49 / var(--tw-border-opacity))}.tw-border-\[\#424242\]_H4O0VzCJ{--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}.tw-border-\[\#D3BD8E\]_17bjgj5M{--tw-border-opacity:1;border-color:rgb(211 189 142 / var(--tw-border-opacity))}.tw-border-\[\#cccccc\]_1q1BEpX-{--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.tw-border-\[\#eff1f4\]_3luN_rLF{--tw-border-opacity:1;border-color:rgb(239 241 244 / var(--tw-border-opacity))}.tw-border-d-grey-black-1_xlT-i-uH{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-gt-g-grey-white-6_1ZbX5Pyt{border-color:rgba(255, 255, 255, 0.08)}.tw-border-l-brand-yellow-3_1X3G9_Op{--tw-border-opacity:1;border-color:rgb(255 222 0 / var(--tw-border-opacity))}.\!tw-bg-d-grey-black-1_1MGo6Ss3{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.tw-bg-\[\#000\]_NszIkQtm{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-\[\#0a0a0a\]_18aWCe2j{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-\[\#181818\]_1qopKVGQ{--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity))}.tw-bg-\[\#1a1a1a\]_2X37nGbH{--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.tw-bg-\[\#1d1f1e\]_3CT1mAnJ{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-\[\#1e201f\]_2rv9FMT1{--tw-bg-opacity:1;background-color:rgb(30 32 31 / var(--tw-bg-opacity))}.tw-bg-\[\#212322\]_lb53lpuo{--tw-bg-opacity:1;background-color:rgb(33 35 34 / var(--tw-bg-opacity))}.tw-bg-\[\#313131\]_2zknZJcZ{--tw-bg-opacity:1;background-color:rgb(49 49 49 / var(--tw-bg-opacity))}.tw-bg-\[\#434343\]_1Nni0tBX{--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))}.tw-bg-\[\#656565\]_23bH4kwm{--tw-bg-opacity:1;background-color:rgb(101 101 101 / var(--tw-bg-opacity))}.tw-bg-\[\#73726d\]_2ui4GhxW{--tw-bg-opacity:1;background-color:rgb(115 114 109 / var(--tw-bg-opacity))}.tw-bg-\[\#9d9d9d\]_3Ph0qMfp{--tw-bg-opacity:1;background-color:rgb(157 157 157 / var(--tw-bg-opacity))}.tw-bg-\[\#a2a2a2\]_3vi8_v0g{--tw-bg-opacity:1;background-color:rgb(162 162 162 / var(--tw-bg-opacity))}.tw-bg-\[\#a3a3a3\]_xS5oH5cP{--tw-bg-opacity:1;background-color:rgb(163 163 163 / var(--tw-bg-opacity))}.tw-bg-\[\#ebebeb\]_yIUbAWge{--tw-bg-opacity:1;background-color:rgb(235 235 235 / var(--tw-bg-opacity))}.tw-bg-\[\#fafafa\]_1B0neIfg{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-1_2Jc4tDFV{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-2_17inM09S{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-3_1j79X_xz{--tw-bg-opacity:1;background-color:rgb(22 24 23 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-4_1TzzytaN{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-gt-g-grey-black-2_1JbGqlGH{background-color:rgba(0, 0, 0, 0.48)}.tw-bg-l-brand-yellow-3_1NXPmwF4{--tw-bg-opacity:1;background-color:rgb(255 222 0 / var(--tw-bg-opacity))}.tw-bg-l-grey-white-1_dINYw3Nv{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-bg-contain_3l7YaPex{background-size:contain}.tw-bg-cover_1PkQxEdh{background-size:cover}.tw-bg-center_1EpXFsgp{background-position:center}.tw-p-0_1quZIW6d{padding:0px}.tw-p-0\.5_2VjDWK1a{padding:calc(2 * var(--gpx))}.tw-p-3_2oMogutl{padding:calc(12 * var(--gpx))}.tw-p-4_11YdPeLj{padding:calc(16 * var(--gpx))}.tw-p-\[9px\]_1nyn47GI{padding:9px}.tw-px-1_2UiSf5m8{padding-left:calc(4 * var(--gpx));padding-right:calc(4 * var(--gpx))}.tw-px-1\.5_3reFoEUV{padding-left:calc(6 * var(--gpx));padding-right:calc(6 * var(--gpx))}.tw-px-2_2XuS-Quh{padding-left:calc(8 * var(--gpx));padding-right:calc(8 * var(--gpx))}.tw-px-2\.5_C0Tw5C95{padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx))}.tw-px-3_VMPOfkxA{padding-left:calc(12 * var(--gpx));padding-right:calc(12 * var(--gpx))}.tw-px-3\.5_19HEcwV6{padding-left:calc(14 * var(--gpx));padding-right:calc(14 * var(--gpx))}.tw-px-4_2_l3hRV9{padding-left:calc(16 * var(--gpx));padding-right:calc(16 * var(--gpx))}.tw-px-5_3gda80xt{padding-left:calc(20 * var(--gpx));padding-right:calc(20 * var(--gpx))}.tw-px-6_1jbV7mdY{padding-left:calc(24 * var(--gpx));padding-right:calc(24 * var(--gpx))}.tw-px-7_3iMTtKCG{padding-left:calc(28 * var(--gpx));padding-right:calc(28 * var(--gpx))}.tw-px-8_1lSCK-Gx{padding-left:calc(32 * var(--gpx));padding-right:calc(32 * var(--gpx))}.tw-px-\[13px\]_1ymw3hYx{padding-left:13px;padding-right:13px}.tw-px-\[16px\]_1mRsc3U2{padding-left:16px;padding-right:16px}.tw-px-\[34px\]_3W7IHISW{padding-left:34px;padding-right:34px}.tw-px-\[48px\]_1cRo33vZ{padding-left:48px;padding-right:48px}.tw-px-\[5\%\]_2z0o6uD0{padding-left:5%;padding-right:5%}.tw-px-\[7px\]_3i-RJCy-{padding-left:7px;padding-right:7px}.tw-py-0_1VLFMtn6{padding-top:0px;padding-bottom:0px}.tw-py-0\.5_1UaAKZs3{padding-top:calc(2 * var(--gpx));padding-bottom:calc(2 * var(--gpx))}.tw-py-1_3lx-nhcL{padding-top:calc(4 * var(--gpx));padding-bottom:calc(4 * var(--gpx))}.tw-py-12_2xGlpl9I{padding-top:calc(48 * var(--gpx));padding-bottom:calc(48 * var(--gpx))}.tw-py-2_1DCJp2qC{padding-top:calc(8 * var(--gpx));padding-bottom:calc(8 * var(--gpx))}.tw-py-2\.5_1ZFVqpaw{padding-top:calc(10 * var(--gpx));padding-bottom:calc(10 * var(--gpx))}.tw-py-8_XibmBnRL{padding-top:calc(32 * var(--gpx));padding-bottom:calc(32 * var(--gpx))}.tw-py-\[11px\]_20DwprnU{padding-top:11px;padding-bottom:11px}.tw-py-\[1px\]_2-nsxMis{padding-top:1px;padding-bottom:1px}.tw-py-\[20px\]_iLxeE3B4{padding-top:20px;padding-bottom:20px}.tw-py-\[3px\]_38EjUG0A{padding-top:3px;padding-bottom:3px}.tw-py-\[5px\]_meBo6Yv4{padding-top:5px;padding-bottom:5px}.tw-py-\[9px\]_2fDvAE6R{padding-top:9px;padding-bottom:9px}.tw-pb-3_1J9ZWiJ2{padding-bottom:calc(12 * var(--gpx))}.tw-pb-4_3h7Q7Spl{padding-bottom:calc(16 * var(--gpx))}.tw-pb-4\.5_r1xE-PSk{padding-bottom:calc(18 * var(--gpx))}.tw-pb-5_ab8vGk-I{padding-bottom:calc(20 * var(--gpx))}.tw-pb-6_11Da3EE0{padding-bottom:calc(24 * var(--gpx))}.tw-pb-\[13px\]_19iBp2-V{padding-bottom:13px}.tw-pb-\[30px\]_2ILw624S{padding-bottom:30px}.tw-pb-\[50px\]_k0Ehrx1j{padding-bottom:50px}.tw-pb-\[9px\]_18pUnFMk{padding-bottom:9px}.tw-pl-3_1WnqQlkL{padding-left:calc(12 * var(--gpx))}.tw-pl-3\.5_JU7vwk-o{padding-left:calc(14 * var(--gpx))}.tw-pl-4_5ZcnlY6g{padding-left:calc(16 * var(--gpx))}.tw-pl-5_lqtWTkzu{padding-left:calc(20 * var(--gpx))}.tw-pl-\[15px\]_ydNZrKLA{padding-left:15px}.tw-pr-3_1l0AAJM7{padding-right:calc(12 * var(--gpx))}.tw-pr-4_2GBXjtHd{padding-right:calc(16 * var(--gpx))}.tw-pr-5_pFkVQNYR{padding-right:calc(20 * var(--gpx))}.tw-pr-\[13px\]_2F5DDsYz{padding-right:13px}.tw-pr-\[21px\]_Vgtb3KcN{padding-right:21px}.tw-pt-2_1CtzNIGJ{padding-top:calc(8 * var(--gpx))}.tw-pt-3_1sCgyqtF{padding-top:calc(12 * var(--gpx))}.tw-pt-4_3JL-Xd69{padding-top:calc(16 * var(--gpx))}.tw-pt-4\.5_1Wq_W-lR{padding-top:calc(18 * var(--gpx))}.tw-pt-6_2KqsDETo{padding-top:calc(24 * var(--gpx))}.tw-pt-\[100\%\]_2u0rXubs{padding-top:100%}.tw-pt-\[7\.5px\]_1VY9_GeX{padding-top:7.5px}.tw-pt-\[72px\]_2kYNv4zE{padding-top:72px}.tw-pt-\[78px\]_F6jv9B4J{padding-top:78px}.tw-text-center_2zpMdy4n{text-align:center}.tw-text-right_1r8lFEvd{text-align:right}.tw-align-middle_3b2LGr07{vertical-align:middle}.tw-font-impact_18d2rlXO{font-family:Impact, Haettenschweiler, sans-serif}.tw-font-impact-inpin_2co_1qSY{font-family:Impact, inpin hongmengti}.tw-font-inpin_2sAIx4w0{font-family:inpin hongmengti}.\!tw-text-\[52px\]_2-_vms9E{font-size:52px !important}.\!tw-text-\[8px\]_2ySu9t3K{font-size:8px !important}.tw-text-2xl_1al1C7qo{font-size:1.5rem;line-height:2rem}.tw-text-\[10px\]_12XZXDZZ{font-size:10px}.tw-text-\[11px\]_23OE8Vdy{font-size:11px}.tw-text-\[12px\]_3__KZ2Gg{font-size:12px}.tw-text-\[13px\]_2k7FtcNb{font-size:13px}.tw-text-\[14px\]_MIN1LwTk{font-size:14px}.tw-text-\[15px\]_NpKGmX4F{font-size:15px}.tw-text-\[16px\]_1YaF2MoK{font-size:16px}.tw-text-\[17px\]_2JmN9mLv{font-size:17px}.tw-text-\[18px\]_2s0MGXVD{font-size:18px}.tw-text-\[1em\]_2E04B6Gu{font-size:1em}.tw-text-\[26px\]_Nw_4a-jI{font-size:26px}.tw-text-\[33px\]_p4g5sjHg{font-size:33px}.tw-text-\[58px\]_2GUXUWwP{font-size:58px}.tw-text-\[8px\]_26TttDiU{font-size:8px}.tw-text-\[9px\]_1RqESVQW{font-size:9px}.tw-text-base_1rpY5Yy5{font-size:1rem;line-height:1.5rem}.tw-text-base-pc_skkwWdD6{font-size:calc(16 * var(--gpx));line-height:calc(24 * var(--gpx))}.tw-text-lg_F_faobMM{font-size:1.125rem;line-height:1.75rem}.tw-text-sm_1qt3Agph{font-size:0.875rem;line-height:1.25rem}.tw-text-xl_3qPy2SZ5{font-size:1.25rem;line-height:1.75rem}.tw-text-xs_1UN4kg3b{font-size:0.75rem;line-height:1rem}.tw-font-bold_3dGkDLTG{font-weight:700}.tw-font-extrabold_23TACJJz{font-weight:800}.tw-font-medium_2vWIBHrd{font-weight:500}.tw-font-normal_33eBomGI{font-weight:400}.tw-font-semibold_1-WOGkhI{font-weight:600}.\!tw-leading-\[56px\]_FmQsjqUY{line-height:56px !important}.tw-leading-4_Nfj9pbwt{line-height:calc(16 * var(--gpx))}.tw-leading-\[12px\]_2lEa_43r{line-height:12px}.tw-leading-\[13px\]_3nIXpdtD{line-height:13px}.tw-leading-\[14px\]_3Hvy6fSm{line-height:14px}.tw-leading-\[16px\]_3lj6DSgp{line-height:16px}.tw-leading-\[18px\]_djPsgF57{line-height:18px}.tw-leading-\[20px\]_1_cYZ7eZ{line-height:20px}.tw-leading-\[42px\]_1OFKZIDQ{line-height:42px}.tw-leading-\[62px\]_2vobilBN{line-height:62px}.\!tw-text-l-brand-yellow-3_1PeJ8j9r{--tw-text-opacity:1 !important;color:rgb(255 222 0 / var(--tw-text-opacity)) !important}.\!tw-text-l-grey-white-1_1jTRDo4P{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}.tw-text-\[\#161616\]_3pjM2GRP{--tw-text-opacity:1;color:rgb(22 22 22 / var(--tw-text-opacity))}.tw-text-\[\#656565\]_3sB7aaOs{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity))}.tw-text-\[\#72726d\]_1fH_LJ0t{--tw-text-opacity:1;color:rgb(114 114 109 / var(--tw-text-opacity))}.tw-text-\[\#7e7e7e\]_ylGSXeWv{--tw-text-opacity:1;color:rgb(126 126 126 / var(--tw-text-opacity))}.tw-text-\[\#a6a6a6\]_2qZMmWVX{--tw-text-opacity:1;color:rgb(166 166 166 / var(--tw-text-opacity))}.tw-text-\[\#b1b1b1\]_98D-82N2{--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}.tw-text-\[\#c5c5c5\]_C3G6JXOk{--tw-text-opacity:1;color:rgb(197 197 197 / var(--tw-text-opacity))}.tw-text-\[\#c9c9c9\]_kOy6YF9i{--tw-text-opacity:1;color:rgb(201 201 201 / var(--tw-text-opacity))}.tw-text-\[\#cbcbcb\]_EJ32xDhM{--tw-text-opacity:1;color:rgb(203 203 203 / var(--tw-text-opacity))}.tw-text-\[\#cdcdcd\]_Ewk46Ijm{--tw-text-opacity:1;color:rgb(205 205 205 / var(--tw-text-opacity))}.tw-text-\[\#f0dc00\]_2zaiR0C-{--tw-text-opacity:1;color:rgb(240 220 0 / var(--tw-text-opacity))}.tw-text-d-grey-black-1_2r7uXSj1{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-text-gt-l-text-primary_3Ha5b2A9{color:rgba(255, 255, 255, 0.85)}.tw-text-gt-l-text-secondary_3f7cFzu5{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-tertiary_2PMrhB8t{color:rgba(255, 255, 255, 0.45)}.tw-text-gt-l-text-white-2_1i_32PwC{color:rgba(255, 255, 255, 0.90)}.tw-text-gt-l-text-white-3_3kreyDF2{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-white-4_MA6s66s-{color:rgba(255, 255, 255, 0.45)}.tw-text-l-brand-yellow-3_3hul8vSx{--tw-text-opacity:1;color:rgb(255 222 0 / var(--tw-text-opacity))}.tw-text-l-grey-white-1_3naR5RTW{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-text-l-grey-white-2_3TlTUtd2{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}.tw-text-l-grey-white-3_2ehAcKNF{--tw-text-opacity:1;color:rgb(125 127 128 / var(--tw-text-opacity))}.tw-transition-colors_39Jyn0WI{-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-o-transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-o-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms}.tw-flex-center_37VJzIHh{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-flex-items-center_PzGqEv7M{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-flex-justify-center_3G8mdldJ{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-absolute-center_2YVwJY4C{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tw-absolute-y-center_1EzYMkcW{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}html,body{font-size:14px;color:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}ul{list-style:none;padding:0}.van-popup-lang_gFO-vQ6L{font-size:14px;height:48px;line-height:48px;color:rgba(255,255,255,.9)}.van-popup-lang_gFO-vQ6L.active_1rT1duHv{color:#ffde00}.mhy-picker-modal_8PH3imvf{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1;z-index:20;display:none}.pswp_1C0MmajG{z-index:3000}.mhy-game-role-message-box-mask_3yN69O1v.mhy-game-role-selector-mask_yQM_uNjI{z-index:3000}.skill-popover_3vFpX0Bj .popper_1CXCjifA[x-placement^=top] .popper__arrow_3xr3wsY6{border-top-color:#f6f3ed}.role-selector-sea-dropdown-menu_z-f26oRj .dropdown-menu__list_3-VTjU3s{overflow-y:auto !important}.custom-mihoyo-common-mask_1PEN4Vpu:has(.me-share-preview_CwxWa7v2){display:none !important}.me-share-preview_CwxWa7v2{display:none !important}.mhy-account-flow_JP_nbe9W{z-index:2000 !important}.van-toast__text_2jcNDrA9{word-break:break-word}.container_3eqJHcrn{position:relative;margin-left:calc(16 * var(--gpx));margin-right:calc(16 * var(--gpx));min-height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html[gt-platform=mob] .container_3eqJHcrn{margin-top:calc(20 * var(--gpx))}html[gt-platform=pc] .container_3eqJHcrn{margin-left:0px;margin-right:0px}.avatar_1H0pqKYe{background-size:contain;background-position:center;background-repeat:no-repeat;height:45px;width:45px;border-radius:9999px;margin-right:calc(6 * var(--gpx));border-width:4px;border-style:solid;--tw-border-opacity:1;border-color:rgb(22 22 22 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(162 162 162 / var(--tw-bg-opacity))}html[gt-platform=pc] .avatar_1H0pqKYe{margin-right:calc(16 * var(--gpx));height:calc(60 * var(--gpx));width:calc(60 * var(--gpx));--tw-bg-opacity:1;background-color:rgb(163 163 163 / var(--tw-bg-opacity));border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.nickname_OFv5P6Kp{margin-right:calc(6 * var(--gpx));font-family:inpin hongmengti;font-size:17px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}html[mi18n-lang=zh-cn] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=zh-tw] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=en-us] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=es-es] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=fr-fr] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=id-id] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=ja-jp] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=ko-kr] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=pt-pt] body[data-sharing] .nickname_OFv5P6Kp,html[mi18n-lang=ru-ru] body[data-sharing] .nickname_OFv5P6Kp{letter-spacing:2px}html[gt-platform=pc] .nickname_OFv5P6Kp{margin-right:calc(16 * var(--gpx));font-family:inpin hongmengti;font-size:1.5rem;line-height:2rem;color:rgba(255, 255, 255, 0.85)}.level_2SErLBT3{font-size:9px;font-weight:800;--tw-text-opacity:1;color:rgb(22 22 22 / var(--tw-text-opacity));margin-right:calc(4 * var(--gpx));border-radius:4px;padding-left:calc(6 * var(--gpx));padding-right:calc(6 * var(--gpx));padding-top:3px;padding-bottom:3px;--tw-bg-opacity:1;background-color:rgb(255 222 0 / var(--tw-bg-opacity));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html[gt-platform=pc] .level_2SErLBT3{font-size:10px;font-weight:600;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));margin-right:calc(16 * var(--gpx))}html[gt-area=sea] body[data-sharing] .level_2SErLBT3>span{-webkit-transform:translateY(1.5px);-ms-transform:translateY(1.5px);transform:translateY(1.5px)}.change_3Ms3OFZz{height:17px;width:17px;cursor:pointer;position:relative;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}html[gt-platform=pc] .change_3Ms3OFZz{height:calc(18 * var(--gpx));width:calc(18 * var(--gpx));cursor:pointer}.bottomContainer_1_dxwmhr{margin-top:calc(8 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}html[gt-platform=pc] .bottomContainer_1_dxwmhr{margin-top:calc(12 * var(--gpx))}.region_3hsXJnK-{font-size:10px;font-weight:500;color:rgba(255,255,255,.65)}html[gt-platform=pc] .region_3hsXJnK-{font-size:0.875rem;line-height:1.25rem;font-weight:400;color:rgba(255, 255, 255, 0.85)}.uid_3PoilOHy{position:relative;font-size:10px;font-weight:500;margin-left:calc(16 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(255,255,255,.65)}html[gt-platform=pc] .uid_3PoilOHy{font-size:0.875rem;line-height:1.25rem;font-weight:400;color:rgba(255, 255, 255, 0.85);margin-left:calc(32 * var(--gpx));cursor:pointer}.uid_3PoilOHy::before{content:"";left:calc(calc(8 * var(--gpx)) * -1);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:calc(10 * var(--gpx));width:1px;background-color:rgba(255,255,255,.5)}html[gt-platform=pc] .uid_3PoilOHy::before{left:calc(calc(16 * var(--gpx)) * -1)}.copy_2gAiXom6{margin-left:calc(2 * var(--gpx));height:calc(10 * var(--gpx));width:calc(10 * var(--gpx));font-size:10px;--tw-text-opacity:1;color:rgb(126 126 126 / var(--tw-text-opacity))}html[gt-platform=pc] .copy_2gAiXom6{margin-left:calc(4 * var(--gpx));height:calc(16 * var(--gpx));width:calc(16 * var(--gpx));color:rgba(255, 255, 255, 0.85)}.hover\:\!tw-border-l-brand-yellow-3_2Jc4Cm3t:hover{--tw-border-opacity:1 !important;border-color:rgb(255 222 0 / var(--tw-border-opacity)) !important}.hover\:tw-text-l-grey-white-1_259Ke2IH:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:tw-text-l-grey-white-2_1bszfaTr:hover{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}
+.popup_z_htBaZc {width: 600px
+}.popup_z_htBaZc .gt-dialog__main {border-width: 2px;border-style: solid;--tw-border-opacity: 1;border-color: rgb(0 0 0 / var(--tw-border-opacity));border-radius: calc(16 * var(--gpx)) !important
+}.popup_z_htBaZc .gt-dialog__header {border-bottom-right-radius: 0px !important;border-bottom-left-radius: 0px !important
+}.popup_z_htBaZc .gt-dialog__title,.popup_z_htBaZc .gt-dialog__header__icon {color: rgba(255, 255, 255, 0.90) !important
+}.popup_z_htBaZc .gt-dialog__footer {border-bottom-right-radius: calc(16 * var(--gpx));border-bottom-left-radius: calc(16 * var(--gpx));--tw-bg-opacity: 1 !important;background-color: rgb(29 31 30 / var(--tw-bg-opacity)) !important
+}.item_VdoKpp5o {padding-bottom: calc(20 * var(--gpx));padding-top: calc(16 * var(--gpx));-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center
+}.item_VdoKpp5o:not(:last-child) {border-width: 0px;border-bottom-width: 1px;border-style: solid;border-left-color: rgba(255, 255, 255, 0.04)
+}
+.gameNav_2jnZLBqn {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1;margin-bottom:calc(24 * var(--gpx));margin-top:calc(60 * var(--gpx))
+}body[data-sharing] .gameNav_2jnZLBqn {margin-left:calc(20 * var(--gpx));margin-right:calc(20 * var(--gpx));padding-top:calc(40 * var(--gpx))
+}.navRight_3Pl1oTIN {margin-bottom:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center
+}.setting_1flSBT0V {height:calc(32 * var(--gpx));width:calc(32 * var(--gpx));border-radius:9999px;cursor:pointer;background-color:rgba(0, 0, 0, 0.48);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(5.5px);backdrop-filter:blur(5.5px)
+}.shareBubble_TNQnfG7b {position:absolute;right:0px;top:calc(36 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx));padding-top:calc(6 * var(--gpx));padding-bottom:calc(6 * var(--gpx));font-size:0.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 222 0 / var(--tw-text-opacity))
+}
+.error-block-layout[data-v-2c9abc1f]{width:1024px;height:779px;border-radius:16px;background:#1d1f1e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.error-block-layout .container[data-v-2c9abc1f]{text-align:center}.error-block-layout .icon[data-v-2c9abc1f]{display:block;width:272px;height:auto;margin:0 auto}.error-block-layout .message[data-v-2c9abc1f]{width:552px;color:rgba(255,255,255,.9);text-align:center;font-family:Arial;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin:24px auto 0}.error-block-layout .login-action-button[data-v-2c9abc1f]{display:inline-block;height:40px;padding:0 24px;border-radius:360px;background:#ffde00;color:#000;font-family:"inpin hongmengti";font-size:16px;font-style:normal;font-weight:400;line-height:40px;text-align:center;margin-top:16px;cursor:pointer}
+html[mi18n-lang=zh-cn],html[mi18n-lang=zh-tw]{font-family:"Helvetica neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Arial","sans-serif" !important}html[mi18n-lang=ko-kr]{font-family:"nanum gothic","나눔 고딕","Malgun Gothic","맑은 고딕","돋움",sans-serif !important}html[mi18n-lang=en-us],html[mi18n-lang=id-id],html[mi18n-lang=fr-fr],html[mi18n-lang=vi-vn],html[mi18n-lang=pt-pt],html[mi18n-lang=es-es],html[mi18n-lang=tr-tr],html[mi18n-lang=it-it]{font-family:Tahoma,Helvetica,Arial,sans-serif !important}html[mi18n-lang=th-th]{font-family:kanit,Tahoma,Helvetica,Arial,Geneva,sans-serif !important}html[mi18n-lang=ru-ru]{font-family:"Adelle Cyrillic","Dctz38",Arial,Helvetica,sans-serif !important}html[mi18n-lang=ja-jp]{font-family:"游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS Pgothic",sans-serif !important}html[mi18n-lang=de-de]{font-family:"Calibri","Arial",sans-serif !important}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-scrollbar_1DzrvDyx::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar_1DzrvDyx::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 0.12)}.tw-scrollbar_1DzrvDyx::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(255, 255, 255, 0.32)}.tw-scrollbar-dark_4bwCBfEQ::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar-dark_4bwCBfEQ::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.45)}.tw-scrollbar-dark_4bwCBfEQ::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(0, 0, 0, 0.45)}.tw-fixed_2Z62Gtqi{position:fixed}.tw-absolute_FMn1Gt_K{position:absolute}.tw-relative_1piTdWoR{position:relative}.-tw-bottom-5_2IjhleD4{bottom:calc(calc(20 * var(--gpx)) * -1)}.-tw-left-2_1FPmT2nU{left:calc(calc(8 * var(--gpx)) * -1)}.tw-bottom-0_3tN1hocI{bottom:0px}.tw-left-0_1UHiZxhH{left:0px}.tw-left-4_3OXRhsZh{left:calc(16 * var(--gpx))}.tw-left-\[14px\]_ukMqiMgw{left:14px}.tw-left-\[15px\]_23OyPa_m{left:15px}.tw-right-0_2MTG5M51{right:0px}.tw-right-1_2DAJ-tEV{right:calc(4 * var(--gpx))}.tw-right-1\.5_1moPy1po{right:calc(6 * var(--gpx))}.tw-right-10_39fVyu8A{right:calc(40 * var(--gpx))}.tw-right-2_3naCkL-d{right:calc(8 * var(--gpx))}.tw-right-3_2-q7AOtC{right:calc(12 * var(--gpx))}.tw-right-4_3S0SMVIS{right:calc(16 * var(--gpx))}.tw-right-6_24YSRT3q{right:calc(24 * var(--gpx))}.tw-right-\[-1px\]_3Lyc2NW4{right:-1px}.tw-top-0_N3PfiRsI{top:0px}.tw-top-1_25rAvPmC{top:calc(4 * var(--gpx))}.tw-top-10_3WMtIARz{top:calc(40 * var(--gpx))}.tw-top-4_3mG6pti1{top:calc(16 * var(--gpx))}.tw-top-\[-1px\]_1sOcmwXL{top:-1px}.tw-top-\[10px\]_Q2e7mqjt{top:10px}.tw-top-\[46px\]_37K3vb0a{top:46px}.tw-z-\[-1\]_2S-uVxEH{z-index:-1}.tw-z-\[0\]_1PV3SkIw{z-index:0}.tw-z-\[1\]_3DhLfBn7{z-index:1}.tw-z-\[2\]_1uPoaip5{z-index:2}.tw-m-0_2_8sPQQP{margin:0px}.tw-m-0\.5_1P6pa-mI{margin:calc(2 * var(--gpx))}.tw-m-1_2j2RJC10{margin:calc(4 * var(--gpx))}.tw-m-2_3uvvJluG{margin:calc(8 * var(--gpx))}.tw-m-4_wW2eLrZO{margin:calc(16 * var(--gpx))}.tw-m-6_3eE8SHK-{margin:calc(24 * var(--gpx))}.tw-mx-0_2jgAPICl{margin-left:0px;margin-right:0px}.tw-mx-0\.5_2b4Unath{margin-left:calc(2 * var(--gpx));margin-right:calc(2 * var(--gpx))}.tw-mx-4_U7jP7GvN{margin-left:calc(16 * var(--gpx));margin-right:calc(16 * var(--gpx))}.tw-mx-4\.5_rWNYmmMS{margin-left:calc(18 * var(--gpx));margin-right:calc(18 * var(--gpx))}.tw-mx-5_2T1iZW32{margin-left:calc(20 * var(--gpx));margin-right:calc(20 * var(--gpx))}.tw-mx-\[8px\]_3PUnnrZm{margin-left:8px;margin-right:8px}.tw-mx-\[9px\]_2LFBZu56{margin-left:9px;margin-right:9px}.tw-mx-auto_21Kjxwjc{margin-left:auto;margin-right:auto}.tw-my-0_2KPFWNVK{margin-top:0px;margin-bottom:0px}.\!tw-mt-0_3VZojY2Y{margin-top:0px !important}.tw-mb-2_3LhZkG4z{margin-bottom:calc(8 * var(--gpx))}.tw-mb-4_2JUOAOgD{margin-bottom:calc(16 * var(--gpx))}.tw-mb-4\.5_2QJg1F4s{margin-bottom:calc(18 * var(--gpx))}.tw-mb-6_Kt8t0qV3{margin-bottom:calc(24 * var(--gpx))}.tw-mb-8_2xHgegtF{margin-bottom:calc(32 * var(--gpx))}.tw-mb-auto_1kzt0A9E{margin-bottom:auto}.tw-ml-0_29YnO3dO{margin-left:0px}.tw-ml-0\.5_1U91bZEw{margin-left:calc(2 * var(--gpx))}.tw-ml-1_3oB82HRS{margin-left:calc(4 * var(--gpx))}.tw-ml-2_2c0rArnR{margin-left:calc(8 * var(--gpx))}.tw-ml-2\.5_2ZUM6Hw3{margin-left:calc(10 * var(--gpx))}.tw-ml-3_EdAOEKsP{margin-left:calc(12 * var(--gpx))}.tw-ml-4_zYdTCtQY{margin-left:calc(16 * var(--gpx))}.tw-ml-8_3CnQoAw7{margin-left:calc(32 * var(--gpx))}.tw-ml-\[1px\]_2nTmfUnq{margin-left:1px}.tw-ml-\[2px\]_2T8r8ynY{margin-left:2px}.tw-ml-\[4px\]_1ap3xkD6{margin-left:4px}.tw-ml-auto_1U4WlDz-{margin-left:auto}.tw-mr-1_18RKBDh2{margin-right:calc(4 * var(--gpx))}.tw-mr-1\.5_1wa_WN5R{margin-right:calc(6 * var(--gpx))}.tw-mr-2_1_Jjbnl-{margin-right:calc(8 * var(--gpx))}.tw-mr-2\.5_3PzklgR-{margin-right:calc(10 * var(--gpx))}.tw-mr-3_2t-vzHQM{margin-right:calc(12 * var(--gpx))}.tw-mr-3\.5_1HInC6Fk{margin-right:calc(14 * var(--gpx))}.tw-mr-4_2eHMfGBN{margin-right:calc(16 * var(--gpx))}.tw-mr-4\.5_upEcRD6u{margin-right:calc(18 * var(--gpx))}.tw-mr-5_L5IMTPzW{margin-right:calc(20 * var(--gpx))}.tw-mr-6_2SkFDStR{margin-right:calc(24 * var(--gpx))}.tw-mr-\[3px\]_2qlII62w{margin-right:3px}.tw-mr-\[4px\]_-GfikFfn{margin-right:4px}.tw-mr-\[5px\]_2okEygFK{margin-right:5px}.tw-mt-1_3htHAMoB{margin-top:calc(4 * var(--gpx))}.tw-mt-1\.5_-09ua0qL{margin-top:calc(6 * var(--gpx))}.tw-mt-2_JvBkqM3k{margin-top:calc(8 * var(--gpx))}.tw-mt-2\.5_2tr-ylyp{margin-top:calc(10 * var(--gpx))}.tw-mt-3_UdL6S76m{margin-top:calc(12 * var(--gpx))}.tw-mt-4_HF3lT6M0{margin-top:calc(16 * var(--gpx))}.tw-mt-4\.5_3KKt86qS{margin-top:calc(18 * var(--gpx))}.tw-mt-6_19KbetLu{margin-top:calc(24 * var(--gpx))}.tw-mt-\[11px\]_19kDZyio{margin-top:11px}.tw-mt-\[2px\]_2YKgxmYz{margin-top:2px}.tw-mt-\[4px\]_1JoRjoZI{margin-top:4px}.tw-mt-\[8px\]_2klnHUTL{margin-top:8px}.tw-box-border_3vwPZi9o{-webkit-box-sizing:border-box;box-sizing:border-box}.tw-line-clamp-1_107293yh{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-block_2RSBFsYv{display:block}.tw-flex_1hVhWCBN{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-grid_3hJPc9Hh{display:grid}.\!tw-h-auto_2EYJz6nt{height:auto !important}.tw-h-1_3F90aepm{height:calc(4 * var(--gpx))}.tw-h-1\.5_1yD3QcNz{height:calc(6 * var(--gpx))}.tw-h-10_1dPJMpsE{height:calc(40 * var(--gpx))}.tw-h-11_3Tl_-N8c{height:calc(44 * var(--gpx))}.tw-h-12_24a5EfJo{height:calc(48 * var(--gpx))}.tw-h-15_3lH47W_B{height:calc(60 * var(--gpx))}.tw-h-2_3_NeU4A0{height:calc(8 * var(--gpx))}.tw-h-2\.5_2xFlbp8-{height:calc(10 * var(--gpx))}.tw-h-3_1Jp811JX{height:calc(12 * var(--gpx))}.tw-h-4_3sxXTVop{height:calc(16 * var(--gpx))}.tw-h-4\.5_2SWc1AuP{height:calc(18 * var(--gpx))}.tw-h-5_2Q8tXA6Y{height:calc(20 * var(--gpx))}.tw-h-5\.5_3Aconk9q{height:calc(22 * var(--gpx))}.tw-h-6_7iIlof7I{height:calc(24 * var(--gpx))}.tw-h-8_EEV9VSMB{height:calc(32 * var(--gpx))}.tw-h-\[100px\]_1UFrQI21{height:100px}.tw-h-\[101px\]_2GsVNd8e{height:101px}.tw-h-\[10px\]_T9rMvIZz{height:10px}.tw-h-\[118px\]_1cDXUHQN{height:118px}.tw-h-\[12px\]_2ZXvJob2{height:12px}.tw-h-\[13px\]_3DacioHR{height:13px}.tw-h-\[141px\]_3gtM78Yi{height:141px}.tw-h-\[14px\]_1A-sJ6cs{height:14px}.tw-h-\[15px\]_2i-TvL05{height:15px}.tw-h-\[16px\]_2jh1fogg{height:16px}.tw-h-\[17px\]_20c8mAmB{height:17px}.tw-h-\[18px\]_3uHdIqwE{height:18px}.tw-h-\[197px\]_2gu70Rg1{height:197px}.tw-h-\[20px\]_3jOiFov3{height:20px}.tw-h-\[21px\]_LQCeHl3C{height:21px}.tw-h-\[22px\]_BcaEIu3S{height:22px}.tw-h-\[280px\]_3yv5dHbV{height:280px}.tw-h-\[31px\]_13p9NGQf{height:31px}.tw-h-\[34px\]_14n_YVhO{height:34px}.tw-h-\[400px\]_1PQ-oZRQ{height:400px}.tw-h-\[45px\]_1UJSys3b{height:45px}.tw-h-\[50px\]_OQL_KD9g{height:50px}.tw-h-\[53px\]_PZqtgWW_{height:53px}.tw-h-\[54px\]_21GNqnIR{height:54px}.tw-h-\[5px\]_MPtkBUJD{height:5px}.tw-h-\[73px\]_3TCwNP8O{height:73px}.tw-h-\[75px\]_2znJygCu{height:75px}.tw-h-\[78px\]_390oVv34{height:78px}.tw-h-\[82px\]_3bIkk0Tj{height:82px}.tw-h-\[8px\]_3Y_9uG9i{height:8px}.tw-h-\[94px\]_1-1g7ggD{height:94px}.tw-h-\[96px\]_3InYGYjO{height:96px}.tw-h-\[9px\]_1KzKMSG2{height:9px}.tw-h-auto_NZMcQWAB{height:auto}.tw-h-full_25a_943Y{height:100%}.tw-h-screen_3ixpyEZz{height:100vh}.tw-max-h-\[150px\]_pMbE3KnK{max-height:150px}.tw-max-h-\[390px\]_cP6HA5w1{max-height:390px}.tw-max-h-\[400px\]_2ZU0qLFs{max-height:400px}.tw-max-h-\[540px\]_edpS5G_I{max-height:540px}.tw-min-h-\[240px\]_1ozxYyx3{min-height:240px}.tw-min-h-\[48px\]_sfAYWkzC{min-height:48px}.\!tw-w-\[80px\]_7_a37vxJ{width:80px !important}.tw-w-1\/2_1L04gdC6{width:50%}.tw-w-10_3aAEMNNf{width:calc(40 * var(--gpx))}.tw-w-11_3hHVEP0z{width:calc(44 * var(--gpx))}.tw-w-12_1Dh4blYT{width:calc(48 * var(--gpx))}.tw-w-15_HYB6Zr5s{width:calc(60 * var(--gpx))}.tw-w-2_3k0Wa5uK{width:calc(8 * var(--gpx))}.tw-w-2\.5_Qxc3zsQR{width:calc(10 * var(--gpx))}.tw-w-3_16Nh4k4x{width:calc(12 * var(--gpx))}.tw-w-4_1Hq8_eoZ{width:calc(16 * var(--gpx))}.tw-w-4\.5_31jU9sF0{width:calc(18 * var(--gpx))}.tw-w-5_14ARVqAO{width:calc(20 * var(--gpx))}.tw-w-6_3uzvPXhr{width:calc(24 * var(--gpx))}.tw-w-8_1pNs8dg2{width:calc(32 * var(--gpx))}.tw-w-\[100px\]_1jB_SYvI{width:100px}.tw-w-\[1024px\]_NPATNnHW{width:1024px}.tw-w-\[10px\]_k24zeQAs{width:10px}.tw-w-\[110px\]_1ilF_FzH{width:110px}.tw-w-\[117px\]_2rsabe0V{width:117px}.tw-w-\[11px\]_gE3b8HyF{width:11px}.tw-w-\[120px\]_2mKmUp-f{width:120px}.tw-w-\[121px\]_1uqoDkMi{width:121px}.tw-w-\[13px\]_1ZuJ5SOw{width:13px}.tw-w-\[14px\]_3VHjHmp_{width:14px}.tw-w-\[15px\]_3Fv6V374{width:15px}.tw-w-\[16px\]_2WuQKoZ8{width:16px}.tw-w-\[17px\]_o9tMVsKR{width:17px}.tw-w-\[184px\]_o9sjaVeI{width:184px}.tw-w-\[1px\]_1DBKAZFP{width:1px}.tw-w-\[22px\]_3I8ebgJN{width:22px}.tw-w-\[23px\]_2ZtVLtwm{width:23px}.tw-w-\[272px\]_2o60mIiu{width:272px}.tw-w-\[285px\]_3uXF1wfP{width:285px}.tw-w-\[30px\]_5wd4t3l6{width:30px}.tw-w-\[319px\]_3cABEezT{width:319px}.tw-w-\[320px\]_3Xmxv1lD{width:320px}.tw-w-\[335px\]_3PgrN_56{width:335px}.tw-w-\[348px\]_eZWUgGLi{width:348px}.tw-w-\[34px\]_3V3BWzu-{width:34px}.tw-w-\[364px\]_28zsw7R6{width:364px}.tw-w-\[45px\]_1OiBvQR7{width:45px}.tw-w-\[480px\]_25ihhrJs{width:480px}.tw-w-\[53px\]_QFFbDDco{width:53px}.tw-w-\[54px\]_3sriNgx8{width:54px}.tw-w-\[600px\]_MrG7i8wA{width:600px}.tw-w-\[70px\]_2ZhkLLwb{width:70px}.tw-w-\[78px\]_2ulCU5Sg{width:78px}.tw-w-\[80\%\]_1UcK4J2F{width:80%}.tw-w-\[80px\]_26wKOnFR{width:80px}.tw-w-\[82px\]_2rhGafAp{width:82px}.tw-w-\[83\%\]_35nMatqx{width:83%}.tw-w-\[870px\]_6F7yYtzi{width:870px}.tw-w-\[88px\]_3JwKn82X{width:88px}.tw-w-\[96px\]_2VhgaSfZ{width:96px}.tw-w-auto_3JmZk7sN{width:auto}.tw-w-full_AcM1OGzs{width:100%}.tw-min-w-\[140px\]_2YKz88rI{min-width:140px}.tw-max-w-\[120px\]_3k0HtzEm{max-width:120px}.tw-max-w-\[160px\]_2BRTrx4d{max-width:160px}.tw-max-w-\[165px\]_1mBVbXag{max-width:165px}.tw-max-w-\[190px\]_1FQaUUko{max-width:190px}.tw-flex-1_1m7Suonm{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tw-flex-initial_OkiYdN0m{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.tw-shrink-0_3iOEtzO4{-ms-flex-negative:0;flex-shrink:0}.tw-grow_1LJo7YqY{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.-tw-translate-y-\[2px\]_3_Ij_TdK{--tw-translate-y:-2px;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-skew-x-\[8deg\]_17bcsH_5{--tw-skew-x:-8deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-\[1\.1\]_1_onqwK7{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-pointer_3bnnHz_z{cursor:pointer}.tw-grid-cols-1_1VCV80MT{grid-template-columns:repeat(1, minmax(0, 1fr))}.tw-grid-cols-2_kgh1IshU{grid-template-columns:repeat(2, minmax(0, 1fr))}.tw-grid-cols-3_hO2No_dF{grid-template-columns:repeat(3, minmax(0, 1fr))}.tw-grid-cols-9_2zBGB1Dj{grid-template-columns:repeat(9, minmax(0, 1fr))}.tw-flex-col_39RxpRq0{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tw-flex-nowrap_3IIZ53lq{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tw-items-center_hwwBAn3Q{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-justify-end_2P_4Ew1j{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tw-justify-center_3QYVtsh_{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-justify-between_3-YQlh3y{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tw-gap-x-1_2D8SINu9{-webkit-column-gap:calc(4 * var(--gpx));-moz-column-gap:calc(4 * var(--gpx));column-gap:calc(4 * var(--gpx))}.tw-gap-x-2_2l4_8a3s{-webkit-column-gap:calc(8 * var(--gpx));-moz-column-gap:calc(8 * var(--gpx));column-gap:calc(8 * var(--gpx))}.tw-gap-x-2\.5_IReLPzzM{-webkit-column-gap:calc(10 * var(--gpx));-moz-column-gap:calc(10 * var(--gpx));column-gap:calc(10 * var(--gpx))}.tw-gap-x-\[22\.5px\]_3Q0ulabn{-webkit-column-gap:22.5px;-moz-column-gap:22.5px;column-gap:22.5px}.tw-gap-y-1_1scmBP_-{row-gap:calc(4 * var(--gpx))}.tw-gap-y-6_kZRRztGY{row-gap:calc(24 * var(--gpx))}.tw-overflow-auto_3kOf8qci{overflow:auto}.tw-overflow-hidden_3Ty4l5uq{overflow:hidden}.tw-overflow-visible_9cnQv-Nz{overflow:visible}.tw-overflow-x-scroll_3LCUjSKu{overflow-x:scroll}.tw-text-ellipsis_2zcZ-LjQ{-o-text-overflow:ellipsis;text-overflow:ellipsis}.tw-rounded-2xl_3gihGVwf{border-radius:calc(16 * var(--gpx))}.tw-rounded-\[10px\]_kce6es1y{border-radius:10px}.tw-rounded-\[3px\]_1j_6QZH1{border-radius:3px}.tw-rounded-\[4px\]_2lSPQvyZ{border-radius:4px}.tw-rounded-\[5px\]_11HdG48q{border-radius:5px}.tw-rounded-\[6px\]_423dZBDw{border-radius:6px}.tw-rounded-\[9px\]_hSYoG7ia{border-radius:9px}.tw-rounded-full_3xla0jts{border-radius:9999px}.tw-rounded-lg_1yQqkoXk{border-radius:calc(8 * var(--gpx))}.tw-rounded-md_1KLK8PaA{border-radius:calc(6 * var(--gpx))}.tw-rounded-none_2KYOZXjL{border-radius:0px}.tw-rounded-sm_2kB_pSjR{border-radius:calc(2 * var(--gpx))}.tw-rounded-xl_3HTf1AiH{border-radius:calc(12 * var(--gpx))}.tw-rounded-b-2xl_2zjVWE6z{border-bottom-right-radius:calc(16 * var(--gpx));border-bottom-left-radius:calc(16 * var(--gpx))}.tw-rounded-b-none_1qQC4PzO{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.tw-rounded-e-\[5px\]_Q0ZrU2hP{border-start-end-radius:5px;border-end-end-radius:5px}.tw-rounded-l-\[10px\]_2V_7jw0S{border-top-left-radius:10px;border-bottom-left-radius:10px}.tw-rounded-t-2xl_17XxHtVh{border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx))}.tw-rounded-t-\[10px\]_3k0lfzWI{border-top-left-radius:10px;border-top-right-radius:10px}.tw-rounded-bl-\[18px\]_3no__gCw{border-bottom-left-radius:18px}.tw-rounded-bl-\[5px\]_pm2VnTEi{border-bottom-left-radius:5px}.tw-rounded-br-\[22\.6\%\]_1oHBJxLU{border-bottom-right-radius:22.6%}.tw-rounded-br-\[5px\]_1K6tGx1E{border-bottom-right-radius:5px}.tw-rounded-br-md_2wRExvGf{border-bottom-right-radius:calc(6 * var(--gpx))}.tw-rounded-tr-\[18px\]_1IL-3XrN{border-top-right-radius:18px}.tw-rounded-tr-\[5px\]_3xpwujt7{border-top-right-radius:5px}.tw-border_308MHxKE{border-width:1px}.tw-border-0_35-qgzOV{border-width:0px}.tw-border-2_11Cn9yPn{border-width:2px}.tw-border-4_1fAgA_jH{border-width:4px}.tw-border-\[1\.5px\]_2wJVySBf{border-width:1.5px}.tw-border-\[2px\]_q-c3XVLO{border-width:2px}.tw-border-\[3px\]_e-UKBJtR{border-width:3px}.tw-border-b_3ybq1HvC{border-bottom-width:1px}.tw-border-t_qgFwVAmq{border-top-width:1px}.tw-border-solid_2SQjwk6W{border-style:solid}.tw-border-\[\#000\]_PW9yUTSG{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-\[\#0a0a0a\]_231B-2uX{--tw-border-opacity:1;border-color:rgb(10 10 10 / var(--tw-border-opacity))}.tw-border-\[\#161616\]_1VCasJZD{--tw-border-opacity:1;border-color:rgb(22 22 22 / var(--tw-border-opacity))}.tw-border-\[\#212322\]_3OP8-Zxl{--tw-border-opacity:1;border-color:rgb(33 35 34 / var(--tw-border-opacity))}.tw-border-\[\#262626\]_1DiXObgS{--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}.tw-border-\[\#2a2c2b\]_2CotU7Aa{--tw-border-opacity:1;border-color:rgb(42 44 43 / var(--tw-border-opacity))}.tw-border-\[\#313131\]_2Ye0uXOj{--tw-border-opacity:1;border-color:rgb(49 49 49 / var(--tw-border-opacity))}.tw-border-\[\#424242\]_3EZRfszM{--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}.tw-border-\[\#D3BD8E\]_l1jK2BSm{--tw-border-opacity:1;border-color:rgb(211 189 142 / var(--tw-border-opacity))}.tw-border-\[\#cccccc\]_2QE8AnUK{--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.tw-border-\[\#eff1f4\]_gnC5Gjkv{--tw-border-opacity:1;border-color:rgb(239 241 244 / var(--tw-border-opacity))}.tw-border-d-grey-black-1_1jNz_fFn{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-gt-g-grey-white-6_ejxy76IF{border-color:rgba(255, 255, 255, 0.08)}.tw-border-l-brand-yellow-3_wmtINu5g{--tw-border-opacity:1;border-color:rgb(255 222 0 / var(--tw-border-opacity))}.\!tw-bg-d-grey-black-1_ED-nwH1_{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.tw-bg-\[\#000\]_2RInDxOo{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-\[\#0a0a0a\]_25cCtHQE{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-\[\#181818\]_6C2UbYkk{--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity))}.tw-bg-\[\#1a1a1a\]_3uJ93pJg{--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.tw-bg-\[\#1d1f1e\]_2AmTXtQa{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-\[\#1e201f\]_hJ7yvyLH{--tw-bg-opacity:1;background-color:rgb(30 32 31 / var(--tw-bg-opacity))}.tw-bg-\[\#212322\]_1Z7m-6_x{--tw-bg-opacity:1;background-color:rgb(33 35 34 / var(--tw-bg-opacity))}.tw-bg-\[\#313131\]_3KzKolC6{--tw-bg-opacity:1;background-color:rgb(49 49 49 / var(--tw-bg-opacity))}.tw-bg-\[\#434343\]_2QSdXXv8{--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))}.tw-bg-\[\#656565\]_FjHl_7gV{--tw-bg-opacity:1;background-color:rgb(101 101 101 / var(--tw-bg-opacity))}.tw-bg-\[\#73726d\]_Pid-Yy3U{--tw-bg-opacity:1;background-color:rgb(115 114 109 / var(--tw-bg-opacity))}.tw-bg-\[\#9d9d9d\]_19QnyRQD{--tw-bg-opacity:1;background-color:rgb(157 157 157 / var(--tw-bg-opacity))}.tw-bg-\[\#a2a2a2\]_2sbpHtXP{--tw-bg-opacity:1;background-color:rgb(162 162 162 / var(--tw-bg-opacity))}.tw-bg-\[\#a3a3a3\]_3Ord-ccx{--tw-bg-opacity:1;background-color:rgb(163 163 163 / var(--tw-bg-opacity))}.tw-bg-\[\#ebebeb\]_2ZdQTmvD{--tw-bg-opacity:1;background-color:rgb(235 235 235 / var(--tw-bg-opacity))}.tw-bg-\[\#fafafa\]_2fOfcAl0{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-1_2TJ7bWwc{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-2_XX8R7Nel{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-3_3mYDpHm8{--tw-bg-opacity:1;background-color:rgb(22 24 23 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-4_QnKfJdNp{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-gt-g-grey-black-2_1Trm4srm{background-color:rgba(0, 0, 0, 0.48)}.tw-bg-l-brand-yellow-3_3A7NHfva{--tw-bg-opacity:1;background-color:rgb(255 222 0 / var(--tw-bg-opacity))}.tw-bg-l-grey-white-1_37m2-oNl{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-bg-contain_30zGyMIr{background-size:contain}.tw-bg-cover_2atyb3Da{background-size:cover}.tw-bg-center_3IMTOVvx{background-position:center}.tw-p-0_3JORcqL6{padding:0px}.tw-p-0\.5_18Ok26sn{padding:calc(2 * var(--gpx))}.tw-p-3_3wxNsS2H{padding:calc(12 * var(--gpx))}.tw-p-4_1pFlMWKs{padding:calc(16 * var(--gpx))}.tw-p-\[9px\]_kV24mV1n{padding:9px}.tw-px-1_8RnoTGRd{padding-left:calc(4 * var(--gpx));padding-right:calc(4 * var(--gpx))}.tw-px-1\.5_1pYhAw7V{padding-left:calc(6 * var(--gpx));padding-right:calc(6 * var(--gpx))}.tw-px-2_3fbPob_D{padding-left:calc(8 * var(--gpx));padding-right:calc(8 * var(--gpx))}.tw-px-2\.5_AJ5TFAnq{padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx))}.tw-px-3_38OA9Hiy{padding-left:calc(12 * var(--gpx));padding-right:calc(12 * var(--gpx))}.tw-px-3\.5_3SGSkA1z{padding-left:calc(14 * var(--gpx));padding-right:calc(14 * var(--gpx))}.tw-px-4_uoZrN-Ub{padding-left:calc(16 * var(--gpx));padding-right:calc(16 * var(--gpx))}.tw-px-5_22QnmD2_{padding-left:calc(20 * var(--gpx));padding-right:calc(20 * var(--gpx))}.tw-px-6_2pllhr6g{padding-left:calc(24 * var(--gpx));padding-right:calc(24 * var(--gpx))}.tw-px-7_1CkoPwg3{padding-left:calc(28 * var(--gpx));padding-right:calc(28 * var(--gpx))}.tw-px-8_2A0KZQYZ{padding-left:calc(32 * var(--gpx));padding-right:calc(32 * var(--gpx))}.tw-px-\[13px\]_XwuD5A4k{padding-left:13px;padding-right:13px}.tw-px-\[16px\]_3-__hlMP{padding-left:16px;padding-right:16px}.tw-px-\[34px\]_lhHzu3kq{padding-left:34px;padding-right:34px}.tw-px-\[48px\]_PvWoGitc{padding-left:48px;padding-right:48px}.tw-px-\[5\%\]_39a6QFZd{padding-left:5%;padding-right:5%}.tw-px-\[7px\]_toaao2aI{padding-left:7px;padding-right:7px}.tw-py-0_2mp3rtcJ{padding-top:0px;padding-bottom:0px}.tw-py-0\.5_1WP_EOod{padding-top:calc(2 * var(--gpx));padding-bottom:calc(2 * var(--gpx))}.tw-py-1_XoXlQ4cF{padding-top:calc(4 * var(--gpx));padding-bottom:calc(4 * var(--gpx))}.tw-py-12_1F2pt3fv{padding-top:calc(48 * var(--gpx));padding-bottom:calc(48 * var(--gpx))}.tw-py-2_2yAWCwk9{padding-top:calc(8 * var(--gpx));padding-bottom:calc(8 * var(--gpx))}.tw-py-2\.5_iT7o3HKP{padding-top:calc(10 * var(--gpx));padding-bottom:calc(10 * var(--gpx))}.tw-py-8_2KwbqTH9{padding-top:calc(32 * var(--gpx));padding-bottom:calc(32 * var(--gpx))}.tw-py-\[11px\]_3GxyMeBf{padding-top:11px;padding-bottom:11px}.tw-py-\[1px\]_3PjsuMBC{padding-top:1px;padding-bottom:1px}.tw-py-\[20px\]_22Ym7qJP{padding-top:20px;padding-bottom:20px}.tw-py-\[3px\]_10yyS9x4{padding-top:3px;padding-bottom:3px}.tw-py-\[5px\]_NmqTv5rp{padding-top:5px;padding-bottom:5px}.tw-py-\[9px\]_1GHs1Lup{padding-top:9px;padding-bottom:9px}.tw-pb-3_2zU08VfL{padding-bottom:calc(12 * var(--gpx))}.tw-pb-4_3h4Hdo90{padding-bottom:calc(16 * var(--gpx))}.tw-pb-4\.5_35c38Xpq{padding-bottom:calc(18 * var(--gpx))}.tw-pb-5_7Qw-mzjQ{padding-bottom:calc(20 * var(--gpx))}.tw-pb-6_36ki86PN{padding-bottom:calc(24 * var(--gpx))}.tw-pb-\[13px\]_3gU-8mQU{padding-bottom:13px}.tw-pb-\[30px\]_5KfZmtV0{padding-bottom:30px}.tw-pb-\[50px\]_3Ree5AFH{padding-bottom:50px}.tw-pb-\[9px\]_3XBCixVl{padding-bottom:9px}.tw-pl-3_2ffhCIp5{padding-left:calc(12 * var(--gpx))}.tw-pl-3\.5_2R65SGvN{padding-left:calc(14 * var(--gpx))}.tw-pl-4_1xRKIeK4{padding-left:calc(16 * var(--gpx))}.tw-pl-5_2QRc-H1B{padding-left:calc(20 * var(--gpx))}.tw-pl-\[15px\]_57LkxxpI{padding-left:15px}.tw-pr-3_3tWtVU3V{padding-right:calc(12 * var(--gpx))}.tw-pr-4_35LH_zOi{padding-right:calc(16 * var(--gpx))}.tw-pr-5_1PQ9fwj1{padding-right:calc(20 * var(--gpx))}.tw-pr-\[13px\]_1O3SznYf{padding-right:13px}.tw-pr-\[21px\]_2WqKNnxc{padding-right:21px}.tw-pt-2_2Ujg4ai4{padding-top:calc(8 * var(--gpx))}.tw-pt-3_3Ft3nabX{padding-top:calc(12 * var(--gpx))}.tw-pt-4_2lhgdWXZ{padding-top:calc(16 * var(--gpx))}.tw-pt-4\.5_3BgeXz7l{padding-top:calc(18 * var(--gpx))}.tw-pt-6_YGftk-oH{padding-top:calc(24 * var(--gpx))}.tw-pt-\[100\%\]_10AWm_xw{padding-top:100%}.tw-pt-\[7\.5px\]_3qzxKB1L{padding-top:7.5px}.tw-pt-\[72px\]_12N6FCjI{padding-top:72px}.tw-pt-\[78px\]_1jVBGPnZ{padding-top:78px}.tw-text-center_2a98HVjP{text-align:center}.tw-text-right_lub769ec{text-align:right}.tw-align-middle_11T8o08I{vertical-align:middle}.tw-font-impact_1TLhez1z{font-family:Impact, Haettenschweiler, sans-serif}.tw-font-impact-inpin_bKpcCeEq{font-family:Impact, inpin hongmengti}.tw-font-inpin_2M7kvkeW{font-family:inpin hongmengti}.\!tw-text-\[52px\]_115Wnad5{font-size:52px !important}.\!tw-text-\[8px\]_1pI5Zxq6{font-size:8px !important}.tw-text-2xl_AkXRgcRa{font-size:1.5rem;line-height:2rem}.tw-text-\[10px\]_391eBiKQ{font-size:10px}.tw-text-\[11px\]_2KCtgUEE{font-size:11px}.tw-text-\[12px\]_3uyrDHGy{font-size:12px}.tw-text-\[13px\]_OZ60oKgB{font-size:13px}.tw-text-\[14px\]_3bZK12fw{font-size:14px}.tw-text-\[15px\]_1fk-RlEK{font-size:15px}.tw-text-\[16px\]_2ig4O8XK{font-size:16px}.tw-text-\[17px\]_1baJYX8S{font-size:17px}.tw-text-\[18px\]_FA8uhuEg{font-size:18px}.tw-text-\[1em\]_1kq8XU3R{font-size:1em}.tw-text-\[26px\]_3CH6sPZC{font-size:26px}.tw-text-\[33px\]_3FcgZgB9{font-size:33px}.tw-text-\[58px\]_DYn4xOaN{font-size:58px}.tw-text-\[8px\]_BJYjAEgr{font-size:8px}.tw-text-\[9px\]_22k33bQt{font-size:9px}.tw-text-base_t4ivjQQp{font-size:1rem;line-height:1.5rem}.tw-text-base-pc_1sbkdCIF{font-size:calc(16 * var(--gpx));line-height:calc(24 * var(--gpx))}.tw-text-lg_1N27l7XT{font-size:1.125rem;line-height:1.75rem}.tw-text-sm_sKpCtwcO{font-size:0.875rem;line-height:1.25rem}.tw-text-xl_IA0FLRMY{font-size:1.25rem;line-height:1.75rem}.tw-text-xs_2rScvp-9{font-size:0.75rem;line-height:1rem}.tw-font-bold_rvKoY0ew{font-weight:700}.tw-font-extrabold_3gefdyXW{font-weight:800}.tw-font-medium_NBj3f85b{font-weight:500}.tw-font-normal_16dKkkdV{font-weight:400}.tw-font-semibold_G2-k6O6f{font-weight:600}.\!tw-leading-\[56px\]_2qiTF9aS{line-height:56px !important}.tw-leading-4_ULWlzjDy{line-height:calc(16 * var(--gpx))}.tw-leading-\[12px\]_1kNjgboj{line-height:12px}.tw-leading-\[13px\]_2ly0wtjI{line-height:13px}.tw-leading-\[14px\]_2_zZW0Uz{line-height:14px}.tw-leading-\[16px\]_3HC6LT8a{line-height:16px}.tw-leading-\[18px\]_1ZNFOhLe{line-height:18px}.tw-leading-\[20px\]_RHrystHs{line-height:20px}.tw-leading-\[42px\]_1PQGxS55{line-height:42px}.tw-leading-\[62px\]_RQyv1RxI{line-height:62px}.\!tw-text-l-brand-yellow-3_2cgRXQCN{--tw-text-opacity:1 !important;color:rgb(255 222 0 / var(--tw-text-opacity)) !important}.\!tw-text-l-grey-white-1_2qCnnuUv{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}.tw-text-\[\#161616\]_3aVuQrDH{--tw-text-opacity:1;color:rgb(22 22 22 / var(--tw-text-opacity))}.tw-text-\[\#656565\]_11-Rn6g7{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity))}.tw-text-\[\#72726d\]_3GQy3G9E{--tw-text-opacity:1;color:rgb(114 114 109 / var(--tw-text-opacity))}.tw-text-\[\#7e7e7e\]_3whe3o2j{--tw-text-opacity:1;color:rgb(126 126 126 / var(--tw-text-opacity))}.tw-text-\[\#a6a6a6\]_1JovAUrx{--tw-text-opacity:1;color:rgb(166 166 166 / var(--tw-text-opacity))}.tw-text-\[\#b1b1b1\]_3xwBCgCT{--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}.tw-text-\[\#c5c5c5\]_A2SUlk4x{--tw-text-opacity:1;color:rgb(197 197 197 / var(--tw-text-opacity))}.tw-text-\[\#c9c9c9\]_VeBD6LkC{--tw-text-opacity:1;color:rgb(201 201 201 / var(--tw-text-opacity))}.tw-text-\[\#cbcbcb\]_3qWc-bVX{--tw-text-opacity:1;color:rgb(203 203 203 / var(--tw-text-opacity))}.tw-text-\[\#cdcdcd\]_w2-f-ZNX{--tw-text-opacity:1;color:rgb(205 205 205 / var(--tw-text-opacity))}.tw-text-\[\#f0dc00\]_2vLBtEVH{--tw-text-opacity:1;color:rgb(240 220 0 / var(--tw-text-opacity))}.tw-text-d-grey-black-1_7-bd219Y{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-text-gt-l-text-primary_mVqj1lOt{color:rgba(255, 255, 255, 0.85)}.tw-text-gt-l-text-secondary_lj3yunCc{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-tertiary_1TMMx-i9{color:rgba(255, 255, 255, 0.45)}.tw-text-gt-l-text-white-2_3T8141Os{color:rgba(255, 255, 255, 0.90)}.tw-text-gt-l-text-white-3_3aDaBlIq{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-white-4_3FjO3tXo{color:rgba(255, 255, 255, 0.45)}.tw-text-l-brand-yellow-3_1eMQ0_lq{--tw-text-opacity:1;color:rgb(255 222 0 / var(--tw-text-opacity))}.tw-text-l-grey-white-1_2IP0E9Ge{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-text-l-grey-white-2_1GWsg6sn{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}.tw-text-l-grey-white-3_2zSUHUPp{--tw-text-opacity:1;color:rgb(125 127 128 / var(--tw-text-opacity))}.tw-transition-colors_ZbFmsBWj{-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-o-transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-o-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms}.tw-flex-center_jdwjtDir{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-flex-items-center_3wyPOlyL{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-flex-justify-center_2VVkkuUP{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-absolute-center_1bvMlqyH{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tw-absolute-y-center_3b0X02OC{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}html,body{font-size:14px;color:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}ul{list-style:none;padding:0}.van-popup-lang_2xXPONj2{font-size:14px;height:48px;line-height:48px;color:rgba(255,255,255,.9)}.van-popup-lang_2xXPONj2.active_2xChDG47{color:#ffde00}.mhy-picker-modal_3gZCwmUI{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1;z-index:20;display:none}.pswp_2uBHIUrd{z-index:3000}.mhy-game-role-message-box-mask_1zIcOp0d.mhy-game-role-selector-mask_1h2hl7TY{z-index:3000}.skill-popover_1dmVLMjc .popper_183k91iV[x-placement^=top] .popper__arrow_2SudA-TM{border-top-color:#f6f3ed}.role-selector-sea-dropdown-menu_3TlTh-Ta .dropdown-menu__list_-DhcMFWW{overflow-y:auto !important}.custom-mihoyo-common-mask_3GrAKKDj:has(.me-share-preview_35TUOIhC){display:none !important}.me-share-preview_35TUOIhC{display:none !important}.mhy-account-flow_2-Kz-TK3{z-index:2000 !important}.van-toast__text_2mVASn7Z{word-break:break-word}.shareContainer_7VZDIMt6{position:relative;height:calc(var(--rvh, 1vh)*100)}.shareContainer_7VZDIMt6.sharing_1zat-1Gt{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));height:unset}.shareBg_2oFpQ9Uy{position:absolute;width:100%}.shareIcon_3DlyqHVw{height:calc(24 * var(--gpx));width:calc(24 * var(--gpx))}.title_3kGljuR_{font-size:17px;--tw-text-opacity:1;color:rgb(205 205 205 / var(--tw-text-opacity));-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;text-align:center;font-weight:600}html[gt-area=sea] .title_3kGljuR_{font-family:inpin hongmengti;font-size:15px;font-weight:400;color:rgba(255, 255, 255, 0.90)}.title_3kGljuR_.darkTitle_1sZQD0tY{color:#000 !important}.shareHeader_1KXKCzwi{padding-top:calc(10 * var(--gpx));padding-bottom:calc(10 * var(--gpx));padding-left:calc(16 * var(--gpx));padding-right:calc(14 * var(--gpx));-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(images/share-top-bg-m.bd5458d4.png) no-repeat center/100% 100%}.displayHeader_mLnmhILb{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity));padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx));padding-bottom:calc(16 * var(--gpx));padding-top:calc(8 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;--tw-border-opacity:1;border-color:rgb(29 31 30 / var(--tw-border-opacity))}.headerText_2UnEUdu1{margin-left:calc(12 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:calc(8 * var(--gpx));--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity));font-family:inpin hongmengti;font-size:10px;line-height:14px;--tw-text-opacity:1;color:rgb(125 127 128 / var(--tw-text-opacity));-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 6px 4px 25px;background:url(images/share-right-icon.1eee262f.png) no-repeat 6px center;background-size:15px auto}html[mi18n-lang=zh-cn] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=zh-tw] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=en-us] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=es-es] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=fr-fr] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=id-id] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=ja-jp] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=ko-kr] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=pt-pt] body[data-sharing] .headerText_2UnEUdu1,html[mi18n-lang=ru-ru] body[data-sharing] .headerText_2UnEUdu1{letter-spacing:2px}.nickname_2IkBs27e{font-size:11px;font-weight:700;--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}html[gt-area=sea] .nickname_2IkBs27e{font-size:1rem;line-height:1.5rem;font-weight:500;color:rgba(255, 255, 255, 0.65)}.uid_3zvon2UL{font-size:8px;--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}html[gt-area=sea] .uid_3zvon2UL{font-size:10px;font-weight:500;color:rgba(255, 255, 255, 0.45)}.shareFooterSea_2cEwUVmP{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(images/share-bottom-bg.9272aa76.png) no-repeat left top;background-size:100% 100%;padding:10px 15px}.shareFooterCn_8QQmtmCY{height:75px;width:100%;margin-top:calc(12 * var(--gpx));-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:calc(12 * var(--gpx));padding-right:calc(20 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(images/share-bottom-bg.9272aa76.png) no-repeat center/100% 100%}.logo_3uBaccER{height:calc(44 * var(--gpx));width:calc(44 * var(--gpx))}.hover\:\!tw-border-l-brand-yellow-3_1erbn3fa:hover{--tw-border-opacity:1 !important;border-color:rgb(255 222 0 / var(--tw-border-opacity)) !important}.hover\:tw-text-l-grey-white-1_wQX9KDoL:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:tw-text-l-grey-white-2_LQOcYYwS:hover{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}
+.shareContainer_2ZR-xeyd {position:relative
+}.shareContainer_2ZR-xeyd.sharing_37Zz1Xkr {--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))
+}.shareBg_1ijiCPI_ {position:absolute;left:0px;top:0px;width:100%
+}.sharePage_1Rb3Oz8D {position:relative;z-index:1
+}.defaultFooter_2a95xQ1D {height:94px;width:100%;margin-top:calc(12 * var(--gpx));padding-left:calc(28 * var(--gpx));padding-right:calc(28 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1;background:url(images/share-bottom-bg-pc.f38f6474.png) no-repeat center/100% 100%
+}
+.mhy-hoyolab-header[data-v-5e800caa]{z-index:1999;background-color:rgba(0,0,0,0);-webkit-transition:300ms ease;-o-transition:300ms ease;transition:300ms ease}.mhy-hoyolab-header[data-v-5e800caa] .mhy-hoyolab-header__wrapper{background-color:rgba(0,0,0,0)}.mhy-hoyolab-header[data-v-5e800caa] .mhy-hoyolab-lang-selector{background-color:#2a2a2a}.pc-root-layout__container[data-v-5e800caa]{min-width:1024px;max-width:1024px;margin:0 auto;padding-top:56px;display:flow-root;padding-bottom:56px}.pc-root-layout__container.sharing[data-v-5e800caa]{width:1064px;max-width:1064px}.pc-root-layout__content[data-v-5e800caa]{border-radius:16px;margin-top:18px}.pc-root-layout .header-layout[data-v-5e800caa]{background-color:#2a2a2a}
+.van-dialog.cha-l-modal{background-color:#2a2a2a;color:rgba(255,255,255,.85)}.van-dialog.cha-l-modal .van-button{color:rgba(255,255,255,.45);background-color:inherit}.van-dialog.cha-l-modal .van-hairline--top::after,.van-dialog.cha-l-modal .van-hairline--left::after{border-color:rgba(255,255,255,.2)}.van-dialog.cha-l-modal .van-dialog__confirm{color:inherit}
+.homeBg_3YryAw-I {position:fixed;height:100vh;width:100vw;left:0px;top:0px;z-index:-1;background:url(images/home-bg-pc.5c22f252.png) no-repeat left top/contain;--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))
+}
+html[mi18n-lang=zh-cn],html[mi18n-lang=zh-tw]{font-family:"Helvetica neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Arial","sans-serif" !important}html[mi18n-lang=ko-kr]{font-family:"nanum gothic","나눔 고딕","Malgun Gothic","맑은 고딕","돋움",sans-serif !important}html[mi18n-lang=en-us],html[mi18n-lang=id-id],html[mi18n-lang=fr-fr],html[mi18n-lang=vi-vn],html[mi18n-lang=pt-pt],html[mi18n-lang=es-es],html[mi18n-lang=tr-tr],html[mi18n-lang=it-it]{font-family:Tahoma,Helvetica,Arial,sans-serif !important}html[mi18n-lang=th-th]{font-family:kanit,Tahoma,Helvetica,Arial,Geneva,sans-serif !important}html[mi18n-lang=ru-ru]{font-family:"Adelle Cyrillic","Dctz38",Arial,Helvetica,sans-serif !important}html[mi18n-lang=ja-jp]{font-family:"游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS Pgothic",sans-serif !important}html[mi18n-lang=de-de]{font-family:"Calibri","Arial",sans-serif !important}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-scrollbar::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 0.12)}.tw-scrollbar::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(255, 255, 255, 0.32)}.tw-scrollbar-dark::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar-dark::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.45)}.tw-scrollbar-dark::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(0, 0, 0, 0.45)}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.-tw-bottom-5{bottom:calc(calc(20 * var(--gpx)) * -1)}.-tw-left-2{left:calc(calc(8 * var(--gpx)) * -1)}.tw-bottom-0{bottom:0px}.tw-left-0{left:0px}.tw-left-4{left:calc(16 * var(--gpx))}.tw-left-\[14px\]{left:14px}.tw-left-\[15px\]{left:15px}.tw-right-0{right:0px}.tw-right-1{right:calc(4 * var(--gpx))}.tw-right-1\.5{right:calc(6 * var(--gpx))}.tw-right-10{right:calc(40 * var(--gpx))}.tw-right-2{right:calc(8 * var(--gpx))}.tw-right-3{right:calc(12 * var(--gpx))}.tw-right-4{right:calc(16 * var(--gpx))}.tw-right-6{right:calc(24 * var(--gpx))}.tw-right-\[-1px\]{right:-1px}.tw-top-0{top:0px}.tw-top-1{top:calc(4 * var(--gpx))}.tw-top-10{top:calc(40 * var(--gpx))}.tw-top-4{top:calc(16 * var(--gpx))}.tw-top-\[-1px\]{top:-1px}.tw-top-\[10px\]{top:10px}.tw-top-\[46px\]{top:46px}.tw-z-\[-1\]{z-index:-1}.tw-z-\[0\]{z-index:0}.tw-z-\[1\]{z-index:1}.tw-z-\[2\]{z-index:2}.tw-m-0{margin:0px}.tw-m-0\.5{margin:calc(2 * var(--gpx))}.tw-m-1{margin:calc(4 * var(--gpx))}.tw-m-2{margin:calc(8 * var(--gpx))}.tw-m-4{margin:calc(16 * var(--gpx))}.tw-m-6{margin:calc(24 * var(--gpx))}.tw-mx-0{margin-left:0px;margin-right:0px}.tw-mx-0\.5{margin-left:calc(2 * var(--gpx));margin-right:calc(2 * var(--gpx))}.tw-mx-4{margin-left:calc(16 * var(--gpx));margin-right:calc(16 * var(--gpx))}.tw-mx-4\.5{margin-left:calc(18 * var(--gpx));margin-right:calc(18 * var(--gpx))}.tw-mx-5{margin-left:calc(20 * var(--gpx));margin-right:calc(20 * var(--gpx))}.tw-mx-\[8px\]{margin-left:8px;margin-right:8px}.tw-mx-\[9px\]{margin-left:9px;margin-right:9px}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-my-0{margin-top:0px;margin-bottom:0px}.\!tw-mt-0{margin-top:0px !important}.tw-mb-2{margin-bottom:calc(8 * var(--gpx))}.tw-mb-4{margin-bottom:calc(16 * var(--gpx))}.tw-mb-4\.5{margin-bottom:calc(18 * var(--gpx))}.tw-mb-6{margin-bottom:calc(24 * var(--gpx))}.tw-mb-8{margin-bottom:calc(32 * var(--gpx))}.tw-mb-auto{margin-bottom:auto}.tw-ml-0{margin-left:0px}.tw-ml-0\.5{margin-left:calc(2 * var(--gpx))}.tw-ml-1{margin-left:calc(4 * var(--gpx))}.tw-ml-2{margin-left:calc(8 * var(--gpx))}.tw-ml-2\.5{margin-left:calc(10 * var(--gpx))}.tw-ml-3{margin-left:calc(12 * var(--gpx))}.tw-ml-4{margin-left:calc(16 * var(--gpx))}.tw-ml-8{margin-left:calc(32 * var(--gpx))}.tw-ml-\[1px\]{margin-left:1px}.tw-ml-\[2px\]{margin-left:2px}.tw-ml-\[4px\]{margin-left:4px}.tw-ml-auto{margin-left:auto}.tw-mr-1{margin-right:calc(4 * var(--gpx))}.tw-mr-1\.5{margin-right:calc(6 * var(--gpx))}.tw-mr-2{margin-right:calc(8 * var(--gpx))}.tw-mr-2\.5{margin-right:calc(10 * var(--gpx))}.tw-mr-3{margin-right:calc(12 * var(--gpx))}.tw-mr-3\.5{margin-right:calc(14 * var(--gpx))}.tw-mr-4{margin-right:calc(16 * var(--gpx))}.tw-mr-4\.5{margin-right:calc(18 * var(--gpx))}.tw-mr-5{margin-right:calc(20 * var(--gpx))}.tw-mr-6{margin-right:calc(24 * var(--gpx))}.tw-mr-\[3px\]{margin-right:3px}.tw-mr-\[4px\]{margin-right:4px}.tw-mr-\[5px\]{margin-right:5px}.tw-mt-1{margin-top:calc(4 * var(--gpx))}.tw-mt-1\.5{margin-top:calc(6 * var(--gpx))}.tw-mt-2{margin-top:calc(8 * var(--gpx))}.tw-mt-2\.5{margin-top:calc(10 * var(--gpx))}.tw-mt-3{margin-top:calc(12 * var(--gpx))}.tw-mt-4{margin-top:calc(16 * var(--gpx))}.tw-mt-4\.5{margin-top:calc(18 * var(--gpx))}.tw-mt-6{margin-top:calc(24 * var(--gpx))}.tw-mt-\[11px\]{margin-top:11px}.tw-mt-\[2px\]{margin-top:2px}.tw-mt-\[4px\]{margin-top:4px}.tw-mt-\[8px\]{margin-top:8px}.tw-box-border{-webkit-box-sizing:border-box;box-sizing:border-box}.tw-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-block{display:block}.tw-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-grid{display:grid}.\!tw-h-auto{height:auto !important}.tw-h-1{height:calc(4 * var(--gpx))}.tw-h-1\.5{height:calc(6 * var(--gpx))}.tw-h-10{height:calc(40 * var(--gpx))}.tw-h-11{height:calc(44 * var(--gpx))}.tw-h-12{height:calc(48 * var(--gpx))}.tw-h-15{height:calc(60 * var(--gpx))}.tw-h-2{height:calc(8 * var(--gpx))}.tw-h-2\.5{height:calc(10 * var(--gpx))}.tw-h-3{height:calc(12 * var(--gpx))}.tw-h-4{height:calc(16 * var(--gpx))}.tw-h-4\.5{height:calc(18 * var(--gpx))}.tw-h-5{height:calc(20 * var(--gpx))}.tw-h-5\.5{height:calc(22 * var(--gpx))}.tw-h-6{height:calc(24 * var(--gpx))}.tw-h-8{height:calc(32 * var(--gpx))}.tw-h-\[100px\]{height:100px}.tw-h-\[101px\]{height:101px}.tw-h-\[10px\]{height:10px}.tw-h-\[118px\]{height:118px}.tw-h-\[12px\]{height:12px}.tw-h-\[13px\]{height:13px}.tw-h-\[141px\]{height:141px}.tw-h-\[14px\]{height:14px}.tw-h-\[15px\]{height:15px}.tw-h-\[16px\]{height:16px}.tw-h-\[17px\]{height:17px}.tw-h-\[18px\]{height:18px}.tw-h-\[197px\]{height:197px}.tw-h-\[20px\]{height:20px}.tw-h-\[21px\]{height:21px}.tw-h-\[22px\]{height:22px}.tw-h-\[280px\]{height:280px}.tw-h-\[31px\]{height:31px}.tw-h-\[34px\]{height:34px}.tw-h-\[400px\]{height:400px}.tw-h-\[45px\]{height:45px}.tw-h-\[50px\]{height:50px}.tw-h-\[53px\]{height:53px}.tw-h-\[54px\]{height:54px}.tw-h-\[5px\]{height:5px}.tw-h-\[73px\]{height:73px}.tw-h-\[75px\]{height:75px}.tw-h-\[78px\]{height:78px}.tw-h-\[82px\]{height:82px}.tw-h-\[8px\]{height:8px}.tw-h-\[94px\]{height:94px}.tw-h-\[96px\]{height:96px}.tw-h-\[9px\]{height:9px}.tw-h-auto{height:auto}.tw-h-full{height:100%}.tw-h-screen{height:100vh}.tw-max-h-\[150px\]{max-height:150px}.tw-max-h-\[390px\]{max-height:390px}.tw-max-h-\[400px\]{max-height:400px}.tw-max-h-\[540px\]{max-height:540px}.tw-min-h-\[240px\]{min-height:240px}.tw-min-h-\[48px\]{min-height:48px}.\!tw-w-\[80px\]{width:80px !important}.tw-w-1\/2{width:50%}.tw-w-10{width:calc(40 * var(--gpx))}.tw-w-11{width:calc(44 * var(--gpx))}.tw-w-12{width:calc(48 * var(--gpx))}.tw-w-15{width:calc(60 * var(--gpx))}.tw-w-2{width:calc(8 * var(--gpx))}.tw-w-2\.5{width:calc(10 * var(--gpx))}.tw-w-3{width:calc(12 * var(--gpx))}.tw-w-4{width:calc(16 * var(--gpx))}.tw-w-4\.5{width:calc(18 * var(--gpx))}.tw-w-5{width:calc(20 * var(--gpx))}.tw-w-6{width:calc(24 * var(--gpx))}.tw-w-8{width:calc(32 * var(--gpx))}.tw-w-\[100px\]{width:100px}.tw-w-\[1024px\]{width:1024px}.tw-w-\[10px\]{width:10px}.tw-w-\[110px\]{width:110px}.tw-w-\[117px\]{width:117px}.tw-w-\[11px\]{width:11px}.tw-w-\[120px\]{width:120px}.tw-w-\[121px\]{width:121px}.tw-w-\[13px\]{width:13px}.tw-w-\[14px\]{width:14px}.tw-w-\[15px\]{width:15px}.tw-w-\[16px\]{width:16px}.tw-w-\[17px\]{width:17px}.tw-w-\[184px\]{width:184px}.tw-w-\[1px\]{width:1px}.tw-w-\[22px\]{width:22px}.tw-w-\[23px\]{width:23px}.tw-w-\[272px\]{width:272px}.tw-w-\[285px\]{width:285px}.tw-w-\[30px\]{width:30px}.tw-w-\[319px\]{width:319px}.tw-w-\[320px\]{width:320px}.tw-w-\[335px\]{width:335px}.tw-w-\[348px\]{width:348px}.tw-w-\[34px\]{width:34px}.tw-w-\[364px\]{width:364px}.tw-w-\[45px\]{width:45px}.tw-w-\[480px\]{width:480px}.tw-w-\[53px\]{width:53px}.tw-w-\[54px\]{width:54px}.tw-w-\[600px\]{width:600px}.tw-w-\[70px\]{width:70px}.tw-w-\[78px\]{width:78px}.tw-w-\[80\%\]{width:80%}.tw-w-\[80px\]{width:80px}.tw-w-\[82px\]{width:82px}.tw-w-\[83\%\]{width:83%}.tw-w-\[870px\]{width:870px}.tw-w-\[88px\]{width:88px}.tw-w-\[96px\]{width:96px}.tw-w-auto{width:auto}.tw-w-full{width:100%}.tw-min-w-\[140px\]{min-width:140px}.tw-max-w-\[120px\]{max-width:120px}.tw-max-w-\[160px\]{max-width:160px}.tw-max-w-\[165px\]{max-width:165px}.tw-max-w-\[190px\]{max-width:190px}.tw-flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tw-flex-initial{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.tw-shrink-0{-ms-flex-negative:0;flex-shrink:0}.tw-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.-tw-translate-y-\[2px\]{--tw-translate-y:-2px;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-skew-x-\[8deg\]{--tw-skew-x:-8deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-\[1\.1\]{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-pointer{cursor:pointer}.tw-grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.tw-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.tw-grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.tw-flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tw-flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tw-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tw-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tw-gap-x-1{-webkit-column-gap:calc(4 * var(--gpx));-moz-column-gap:calc(4 * var(--gpx));column-gap:calc(4 * var(--gpx))}.tw-gap-x-2{-webkit-column-gap:calc(8 * var(--gpx));-moz-column-gap:calc(8 * var(--gpx));column-gap:calc(8 * var(--gpx))}.tw-gap-x-2\.5{-webkit-column-gap:calc(10 * var(--gpx));-moz-column-gap:calc(10 * var(--gpx));column-gap:calc(10 * var(--gpx))}.tw-gap-x-\[22\.5px\]{-webkit-column-gap:22.5px;-moz-column-gap:22.5px;column-gap:22.5px}.tw-gap-y-1{row-gap:calc(4 * var(--gpx))}.tw-gap-y-6{row-gap:calc(24 * var(--gpx))}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-visible{overflow:visible}.tw-overflow-x-scroll{overflow-x:scroll}.tw-text-ellipsis{-o-text-overflow:ellipsis;text-overflow:ellipsis}.tw-rounded-2xl{border-radius:calc(16 * var(--gpx))}.tw-rounded-\[10px\]{border-radius:10px}.tw-rounded-\[3px\]{border-radius:3px}.tw-rounded-\[4px\]{border-radius:4px}.tw-rounded-\[5px\]{border-radius:5px}.tw-rounded-\[6px\]{border-radius:6px}.tw-rounded-\[9px\]{border-radius:9px}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:calc(8 * var(--gpx))}.tw-rounded-md{border-radius:calc(6 * var(--gpx))}.tw-rounded-none{border-radius:0px}.tw-rounded-sm{border-radius:calc(2 * var(--gpx))}.tw-rounded-xl{border-radius:calc(12 * var(--gpx))}.tw-rounded-b-2xl{border-bottom-right-radius:calc(16 * var(--gpx));border-bottom-left-radius:calc(16 * var(--gpx))}.tw-rounded-b-none{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.tw-rounded-e-\[5px\]{border-start-end-radius:5px;border-end-end-radius:5px}.tw-rounded-l-\[10px\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.tw-rounded-t-2xl{border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx))}.tw-rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.tw-rounded-bl-\[18px\]{border-bottom-left-radius:18px}.tw-rounded-bl-\[5px\]{border-bottom-left-radius:5px}.tw-rounded-br-\[22\.6\%\]{border-bottom-right-radius:22.6%}.tw-rounded-br-\[5px\]{border-bottom-right-radius:5px}.tw-rounded-br-md{border-bottom-right-radius:calc(6 * var(--gpx))}.tw-rounded-tr-\[18px\]{border-top-right-radius:18px}.tw-rounded-tr-\[5px\]{border-top-right-radius:5px}.tw-border{border-width:1px}.tw-border-0{border-width:0px}.tw-border-2{border-width:2px}.tw-border-4{border-width:4px}.tw-border-\[1\.5px\]{border-width:1.5px}.tw-border-\[2px\]{border-width:2px}.tw-border-\[3px\]{border-width:3px}.tw-border-b{border-bottom-width:1px}.tw-border-t{border-top-width:1px}.tw-border-solid{border-style:solid}.tw-border-\[\#000\]{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-\[\#0a0a0a\]{--tw-border-opacity:1;border-color:rgb(10 10 10 / var(--tw-border-opacity))}.tw-border-\[\#161616\]{--tw-border-opacity:1;border-color:rgb(22 22 22 / var(--tw-border-opacity))}.tw-border-\[\#212322\]{--tw-border-opacity:1;border-color:rgb(33 35 34 / var(--tw-border-opacity))}.tw-border-\[\#262626\]{--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}.tw-border-\[\#2a2c2b\]{--tw-border-opacity:1;border-color:rgb(42 44 43 / var(--tw-border-opacity))}.tw-border-\[\#313131\]{--tw-border-opacity:1;border-color:rgb(49 49 49 / var(--tw-border-opacity))}.tw-border-\[\#424242\]{--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}.tw-border-\[\#D3BD8E\]{--tw-border-opacity:1;border-color:rgb(211 189 142 / var(--tw-border-opacity))}.tw-border-\[\#cccccc\]{--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.tw-border-\[\#eff1f4\]{--tw-border-opacity:1;border-color:rgb(239 241 244 / var(--tw-border-opacity))}.tw-border-d-grey-black-1{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-gt-g-grey-white-6{border-color:rgba(255, 255, 255, 0.08)}.tw-border-l-brand-yellow-3{--tw-border-opacity:1;border-color:rgb(255 222 0 / var(--tw-border-opacity))}.\!tw-bg-d-grey-black-1{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.tw-bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-\[\#181818\]{--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity))}.tw-bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.tw-bg-\[\#1d1f1e\]{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-\[\#1e201f\]{--tw-bg-opacity:1;background-color:rgb(30 32 31 / var(--tw-bg-opacity))}.tw-bg-\[\#212322\]{--tw-bg-opacity:1;background-color:rgb(33 35 34 / var(--tw-bg-opacity))}.tw-bg-\[\#313131\]{--tw-bg-opacity:1;background-color:rgb(49 49 49 / var(--tw-bg-opacity))}.tw-bg-\[\#434343\]{--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))}.tw-bg-\[\#656565\]{--tw-bg-opacity:1;background-color:rgb(101 101 101 / var(--tw-bg-opacity))}.tw-bg-\[\#73726d\]{--tw-bg-opacity:1;background-color:rgb(115 114 109 / var(--tw-bg-opacity))}.tw-bg-\[\#9d9d9d\]{--tw-bg-opacity:1;background-color:rgb(157 157 157 / var(--tw-bg-opacity))}.tw-bg-\[\#a2a2a2\]{--tw-bg-opacity:1;background-color:rgb(162 162 162 / var(--tw-bg-opacity))}.tw-bg-\[\#a3a3a3\]{--tw-bg-opacity:1;background-color:rgb(163 163 163 / var(--tw-bg-opacity))}.tw-bg-\[\#ebebeb\]{--tw-bg-opacity:1;background-color:rgb(235 235 235 / var(--tw-bg-opacity))}.tw-bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-1{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-2{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-3{--tw-bg-opacity:1;background-color:rgb(22 24 23 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-4{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-gt-g-grey-black-2{background-color:rgba(0, 0, 0, 0.48)}.tw-bg-l-brand-yellow-3{--tw-bg-opacity:1;background-color:rgb(255 222 0 / var(--tw-bg-opacity))}.tw-bg-l-grey-white-1{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-bg-contain{background-size:contain}.tw-bg-cover{background-size:cover}.tw-bg-center{background-position:center}.tw-p-0{padding:0px}.tw-p-0\.5{padding:calc(2 * var(--gpx))}.tw-p-3{padding:calc(12 * var(--gpx))}.tw-p-4{padding:calc(16 * var(--gpx))}.tw-p-\[9px\]{padding:9px}.tw-px-1{padding-left:calc(4 * var(--gpx));padding-right:calc(4 * var(--gpx))}.tw-px-1\.5{padding-left:calc(6 * var(--gpx));padding-right:calc(6 * var(--gpx))}.tw-px-2{padding-left:calc(8 * var(--gpx));padding-right:calc(8 * var(--gpx))}.tw-px-2\.5{padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx))}.tw-px-3{padding-left:calc(12 * var(--gpx));padding-right:calc(12 * var(--gpx))}.tw-px-3\.5{padding-left:calc(14 * var(--gpx));padding-right:calc(14 * var(--gpx))}.tw-px-4{padding-left:calc(16 * var(--gpx));padding-right:calc(16 * var(--gpx))}.tw-px-5{padding-left:calc(20 * var(--gpx));padding-right:calc(20 * var(--gpx))}.tw-px-6{padding-left:calc(24 * var(--gpx));padding-right:calc(24 * var(--gpx))}.tw-px-7{padding-left:calc(28 * var(--gpx));padding-right:calc(28 * var(--gpx))}.tw-px-8{padding-left:calc(32 * var(--gpx));padding-right:calc(32 * var(--gpx))}.tw-px-\[13px\]{padding-left:13px;padding-right:13px}.tw-px-\[16px\]{padding-left:16px;padding-right:16px}.tw-px-\[34px\]{padding-left:34px;padding-right:34px}.tw-px-\[48px\]{padding-left:48px;padding-right:48px}.tw-px-\[5\%\]{padding-left:5%;padding-right:5%}.tw-px-\[7px\]{padding-left:7px;padding-right:7px}.tw-py-0{padding-top:0px;padding-bottom:0px}.tw-py-0\.5{padding-top:calc(2 * var(--gpx));padding-bottom:calc(2 * var(--gpx))}.tw-py-1{padding-top:calc(4 * var(--gpx));padding-bottom:calc(4 * var(--gpx))}.tw-py-12{padding-top:calc(48 * var(--gpx));padding-bottom:calc(48 * var(--gpx))}.tw-py-2{padding-top:calc(8 * var(--gpx));padding-bottom:calc(8 * var(--gpx))}.tw-py-2\.5{padding-top:calc(10 * var(--gpx));padding-bottom:calc(10 * var(--gpx))}.tw-py-8{padding-top:calc(32 * var(--gpx));padding-bottom:calc(32 * var(--gpx))}.tw-py-\[11px\]{padding-top:11px;padding-bottom:11px}.tw-py-\[1px\]{padding-top:1px;padding-bottom:1px}.tw-py-\[20px\]{padding-top:20px;padding-bottom:20px}.tw-py-\[3px\]{padding-top:3px;padding-bottom:3px}.tw-py-\[5px\]{padding-top:5px;padding-bottom:5px}.tw-py-\[9px\]{padding-top:9px;padding-bottom:9px}.tw-pb-3{padding-bottom:calc(12 * var(--gpx))}.tw-pb-4{padding-bottom:calc(16 * var(--gpx))}.tw-pb-4\.5{padding-bottom:calc(18 * var(--gpx))}.tw-pb-5{padding-bottom:calc(20 * var(--gpx))}.tw-pb-6{padding-bottom:calc(24 * var(--gpx))}.tw-pb-\[13px\]{padding-bottom:13px}.tw-pb-\[30px\]{padding-bottom:30px}.tw-pb-\[50px\]{padding-bottom:50px}.tw-pb-\[9px\]{padding-bottom:9px}.tw-pl-3{padding-left:calc(12 * var(--gpx))}.tw-pl-3\.5{padding-left:calc(14 * var(--gpx))}.tw-pl-4{padding-left:calc(16 * var(--gpx))}.tw-pl-5{padding-left:calc(20 * var(--gpx))}.tw-pl-\[15px\]{padding-left:15px}.tw-pr-3{padding-right:calc(12 * var(--gpx))}.tw-pr-4{padding-right:calc(16 * var(--gpx))}.tw-pr-5{padding-right:calc(20 * var(--gpx))}.tw-pr-\[13px\]{padding-right:13px}.tw-pr-\[21px\]{padding-right:21px}.tw-pt-2{padding-top:calc(8 * var(--gpx))}.tw-pt-3{padding-top:calc(12 * var(--gpx))}.tw-pt-4{padding-top:calc(16 * var(--gpx))}.tw-pt-4\.5{padding-top:calc(18 * var(--gpx))}.tw-pt-6{padding-top:calc(24 * var(--gpx))}.tw-pt-\[100\%\]{padding-top:100%}.tw-pt-\[7\.5px\]{padding-top:7.5px}.tw-pt-\[72px\]{padding-top:72px}.tw-pt-\[78px\]{padding-top:78px}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-align-middle{vertical-align:middle}.tw-font-impact{font-family:Impact, Haettenschweiler, sans-serif}.tw-font-impact-inpin{font-family:Impact, inpin hongmengti}.tw-font-inpin{font-family:inpin hongmengti}.\!tw-text-\[52px\]{font-size:52px !important}.\!tw-text-\[8px\]{font-size:8px !important}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-\[10px\]{font-size:10px}.tw-text-\[11px\]{font-size:11px}.tw-text-\[12px\]{font-size:12px}.tw-text-\[13px\]{font-size:13px}.tw-text-\[14px\]{font-size:14px}.tw-text-\[15px\]{font-size:15px}.tw-text-\[16px\]{font-size:16px}.tw-text-\[17px\]{font-size:17px}.tw-text-\[18px\]{font-size:18px}.tw-text-\[1em\]{font-size:1em}.tw-text-\[26px\]{font-size:26px}.tw-text-\[33px\]{font-size:33px}.tw-text-\[58px\]{font-size:58px}.tw-text-\[8px\]{font-size:8px}.tw-text-\[9px\]{font-size:9px}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-text-base-pc{font-size:calc(16 * var(--gpx));line-height:calc(24 * var(--gpx))}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:0.875rem;line-height:1.25rem}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-text-xs{font-size:0.75rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-extrabold{font-weight:800}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.\!tw-leading-\[56px\]{line-height:56px !important}.tw-leading-4{line-height:calc(16 * var(--gpx))}.tw-leading-\[12px\]{line-height:12px}.tw-leading-\[13px\]{line-height:13px}.tw-leading-\[14px\]{line-height:14px}.tw-leading-\[16px\]{line-height:16px}.tw-leading-\[18px\]{line-height:18px}.tw-leading-\[20px\]{line-height:20px}.tw-leading-\[42px\]{line-height:42px}.tw-leading-\[62px\]{line-height:62px}.\!tw-text-l-brand-yellow-3{--tw-text-opacity:1 !important;color:rgb(255 222 0 / var(--tw-text-opacity)) !important}.\!tw-text-l-grey-white-1{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}.tw-text-\[\#161616\]{--tw-text-opacity:1;color:rgb(22 22 22 / var(--tw-text-opacity))}.tw-text-\[\#656565\]{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity))}.tw-text-\[\#72726d\]{--tw-text-opacity:1;color:rgb(114 114 109 / var(--tw-text-opacity))}.tw-text-\[\#7e7e7e\]{--tw-text-opacity:1;color:rgb(126 126 126 / var(--tw-text-opacity))}.tw-text-\[\#a6a6a6\]{--tw-text-opacity:1;color:rgb(166 166 166 / var(--tw-text-opacity))}.tw-text-\[\#b1b1b1\]{--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}.tw-text-\[\#c5c5c5\]{--tw-text-opacity:1;color:rgb(197 197 197 / var(--tw-text-opacity))}.tw-text-\[\#c9c9c9\]{--tw-text-opacity:1;color:rgb(201 201 201 / var(--tw-text-opacity))}.tw-text-\[\#cbcbcb\]{--tw-text-opacity:1;color:rgb(203 203 203 / var(--tw-text-opacity))}.tw-text-\[\#cdcdcd\]{--tw-text-opacity:1;color:rgb(205 205 205 / var(--tw-text-opacity))}.tw-text-\[\#f0dc00\]{--tw-text-opacity:1;color:rgb(240 220 0 / var(--tw-text-opacity))}.tw-text-d-grey-black-1{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-text-gt-l-text-primary{color:rgba(255, 255, 255, 0.85)}.tw-text-gt-l-text-secondary{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-tertiary{color:rgba(255, 255, 255, 0.45)}.tw-text-gt-l-text-white-2{color:rgba(255, 255, 255, 0.90)}.tw-text-gt-l-text-white-3{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-white-4{color:rgba(255, 255, 255, 0.45)}.tw-text-l-brand-yellow-3{--tw-text-opacity:1;color:rgb(255 222 0 / var(--tw-text-opacity))}.tw-text-l-grey-white-1{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-text-l-grey-white-2{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}.tw-text-l-grey-white-3{--tw-text-opacity:1;color:rgb(125 127 128 / var(--tw-text-opacity))}.tw-transition-colors{-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-o-transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-o-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms}.tw-flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-flex-items-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-flex-justify-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-absolute-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tw-absolute-y-center{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}html,body{font-size:14px;color:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}ul{list-style:none;padding:0}.van-popup-lang{font-size:14px;height:48px;line-height:48px;color:rgba(255,255,255,.9)}.van-popup-lang.active{color:#ffde00}.mhy-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1;z-index:20;display:none}.pswp{z-index:3000}.mhy-game-role-message-box-mask.mhy-game-role-selector-mask{z-index:3000}.skill-popover .popper[x-placement^=top] .popper__arrow{border-top-color:#f6f3ed}.role-selector-sea-dropdown-menu .dropdown-menu__list{overflow-y:auto !important}.custom-mihoyo-common-mask:has(.me-share-preview){display:none !important}.me-share-preview{display:none !important}.mhy-account-flow{z-index:2000 !important}.van-toast__text{word-break:break-word}.hover\:\!tw-border-l-brand-yellow-3:hover{--tw-border-opacity:1 !important;border-color:rgb(255 222 0 / var(--tw-border-opacity)) !important}.hover\:tw-text-l-grey-white-1:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:tw-text-l-grey-white-2:hover{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}
+.mhy-game-role-message-box-mask .mhy-game-role-message-box header{font-size:16px !important;line-height:16px !important}.mhy-game-role-selector-mask .mhy-game-role-message-box{width:500px !important;top:20% !important;border-radius:5px !important}.mhy-game-role-message-box-overseas-selector .select{width:150px !important}.mhy-game-role-message-box-mask .mhy-game-role-message-box-overseas-header{padding:10px 15px !important}.mhy-game-role-message-box-mask .mhy-game-role-message-box .mhy-game-role-message-box-content{font-size:14px !important;padding:0 20px !important}.mhy-game-role-selector-mask .mhy-game-role-selector .list-item{padding:15px 0}.mhy-game-role-selector-mask .mhy-game-role-selector .game-role-list{font-size:14px !important;margin-bottom:20px !important}.mhy-game-role-selector-mask .mhy-game-role-selector .list-item .role-uid{font-size:14px !important}
+body{background-color:#151515}.ys-page-skeleton{position:fixed;top:56px;left:0;right:0;bottom:0;z-index:9998;background-color:#151515}.skeleton-animate{-webkit-animation:flush 2s linear infinite;animation:flush 2s linear infinite;position:absolute;top:0;left:20%;width:10vw;height:59.375vw;z-index:9997;background:-webkit-gradient(linear, left top, right top, from(rgba(57, 57, 57, 0)), color-stop(50%, #393939), to(rgba(57, 57, 57, 0)));background:-webkit-linear-gradient(left, rgba(57, 57, 57, 0) 0%, #393939 50%, rgba(57, 57, 57, 0) 100%);background:-o-linear-gradient(left, rgba(57, 57, 57, 0) 0%, #393939 50%, rgba(57, 57, 57, 0) 100%);background:linear-gradient(90deg, rgba(57, 57, 57, 0) 0%, #393939 50%, rgba(57, 57, 57, 0) 100%);-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.skeleton-bg{position:absolute;width:100vw;max-width:1500px;height:59.375vw;background-color:#333;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.skeleton{position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-size:contain;background-position:top center;z-index:9999}@-webkit-keyframes flush{0%{left:15%}60%{left:75%}100%{left:75%}}@keyframes flush{0%{left:15%}60%{left:75%}100%{left:75%}}.sub-title .link{font-weight:normal}
diff --git a/resources/zzz/agent_detail/css/pc_zzz_bangbooo_all~pc_zzz_challenge_all~pc_zzz_roles_all~pc_zzz_roles_detail_7c5ef2b9.css b/resources/zzz/agent_detail/css/pc_zzz_bangbooo_all~pc_zzz_challenge_all~pc_zzz_roles_all~pc_zzz_roles_detail_7c5ef2b9.css
new file mode 100644
index 0000000..57895be
--- /dev/null
+++ b/resources/zzz/agent_detail/css/pc_zzz_bangbooo_all~pc_zzz_challenge_all~pc_zzz_roles_all~pc_zzz_roles_detail_7c5ef2b9.css
@@ -0,0 +1,2 @@
+/*! Copyright © 2011 - 2024 miHoYo. All Rights Reserved */
+html[mi18n-lang=zh-cn],html[mi18n-lang=zh-tw]{font-family:"Helvetica neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Arial","sans-serif" !important}html[mi18n-lang=ko-kr]{font-family:"nanum gothic","나눔 고딕","Malgun Gothic","맑은 고딕","돋움",sans-serif !important}html[mi18n-lang=en-us],html[mi18n-lang=id-id],html[mi18n-lang=fr-fr],html[mi18n-lang=vi-vn],html[mi18n-lang=pt-pt],html[mi18n-lang=es-es],html[mi18n-lang=tr-tr],html[mi18n-lang=it-it]{font-family:Tahoma,Helvetica,Arial,sans-serif !important}html[mi18n-lang=th-th]{font-family:kanit,Tahoma,Helvetica,Arial,Geneva,sans-serif !important}html[mi18n-lang=ru-ru]{font-family:"Adelle Cyrillic","Dctz38",Arial,Helvetica,sans-serif !important}html[mi18n-lang=ja-jp]{font-family:"游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS Pgothic",sans-serif !important}html[mi18n-lang=de-de]{font-family:"Calibri","Arial",sans-serif !important}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-scrollbar_1ly2rNNO::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar_1ly2rNNO::-webkit-scrollbar-thumb{background-color:rgba(255, 255, 255, 0.12)}.tw-scrollbar_1ly2rNNO::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(255, 255, 255, 0.32)}.tw-scrollbar-dark_27ULp1mI::-webkit-scrollbar{width:4px;height:4px}.tw-scrollbar-dark_27ULp1mI::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.45)}.tw-scrollbar-dark_27ULp1mI::-webkit-scrollbar-thumb:hover{width:6px;height:6px;background-color:rgba(0, 0, 0, 0.45)}.tw-fixed_1fmM1ur8{position:fixed}.tw-absolute_2ualoJCU{position:absolute}.tw-relative_1IJC40YU{position:relative}.-tw-bottom-5_1cBDr2Ty{bottom:calc(calc(20 * var(--gpx)) * -1)}.-tw-left-2_33j3Hfc-{left:calc(calc(8 * var(--gpx)) * -1)}.tw-bottom-0_2DaFkjBB{bottom:0px}.tw-left-0_DH2tBtpv{left:0px}.tw-left-4_41gdMLIo{left:calc(16 * var(--gpx))}.tw-left-\[14px\]_3BBz01K7{left:14px}.tw-left-\[15px\]_lb2vUmGZ{left:15px}.tw-right-0_1cPwqipV{right:0px}.tw-right-1_fBX1Z1Rn{right:calc(4 * var(--gpx))}.tw-right-1\.5_EFUFf6uI{right:calc(6 * var(--gpx))}.tw-right-10_3vQnD1WW{right:calc(40 * var(--gpx))}.tw-right-2_2S_XwIEi{right:calc(8 * var(--gpx))}.tw-right-3_PFzBHPDA{right:calc(12 * var(--gpx))}.tw-right-4_BxS0Aade{right:calc(16 * var(--gpx))}.tw-right-6_3UGE-Lc-{right:calc(24 * var(--gpx))}.tw-right-\[-1px\]_148lP8Hu{right:-1px}.tw-top-0_3QXiHuZA{top:0px}.tw-top-1_38WEk5CK{top:calc(4 * var(--gpx))}.tw-top-10_112W6MQu{top:calc(40 * var(--gpx))}.tw-top-4_2MYvwMHm{top:calc(16 * var(--gpx))}.tw-top-\[-1px\]_3FZXDKqG{top:-1px}.tw-top-\[10px\]_2eWsms6M{top:10px}.tw-top-\[46px\]_1rEkky7y{top:46px}.tw-z-\[-1\]_1A5B_HwA{z-index:-1}.tw-z-\[0\]_3Ph59geh{z-index:0}.tw-z-\[1\]_3OrZoxia{z-index:1}.tw-z-\[2\]_1rIO4Nlg{z-index:2}.tw-m-0_277HE2Iu{margin:0px}.tw-m-0\.5_3DuPOKgJ{margin:calc(2 * var(--gpx))}.tw-m-1_1ZHTYYw6{margin:calc(4 * var(--gpx))}.tw-m-2_2VU-JN2u{margin:calc(8 * var(--gpx))}.tw-m-4_1m7wHS1i{margin:calc(16 * var(--gpx))}.tw-m-6_mc9QjefB{margin:calc(24 * var(--gpx))}.tw-mx-0_Yoc8gtfP{margin-left:0px;margin-right:0px}.tw-mx-0\.5_4V8sRHzX{margin-left:calc(2 * var(--gpx));margin-right:calc(2 * var(--gpx))}.tw-mx-4_-kqDUBhG{margin-left:calc(16 * var(--gpx));margin-right:calc(16 * var(--gpx))}.tw-mx-4\.5_1rSZS2GE{margin-left:calc(18 * var(--gpx));margin-right:calc(18 * var(--gpx))}.tw-mx-5_2yxj5oo5{margin-left:calc(20 * var(--gpx));margin-right:calc(20 * var(--gpx))}.tw-mx-\[8px\]_2aJ8zLGp{margin-left:8px;margin-right:8px}.tw-mx-\[9px\]_3Gnr9RMK{margin-left:9px;margin-right:9px}.tw-mx-auto_1GlsgQ51{margin-left:auto;margin-right:auto}.tw-my-0_3NEHkcS0{margin-top:0px;margin-bottom:0px}.\!tw-mt-0_3xh6oOml{margin-top:0px !important}.tw-mb-2_17OeN5p9{margin-bottom:calc(8 * var(--gpx))}.tw-mb-4_3rPDJBiJ{margin-bottom:calc(16 * var(--gpx))}.tw-mb-4\.5_Lh3QhOLz{margin-bottom:calc(18 * var(--gpx))}.tw-mb-6_2MZBE6Kz{margin-bottom:calc(24 * var(--gpx))}.tw-mb-8_2R84x1xw{margin-bottom:calc(32 * var(--gpx))}.tw-mb-auto_byEXXBYL{margin-bottom:auto}.tw-ml-0_2w7mdOf9{margin-left:0px}.tw-ml-0\.5_LZHgz_lt{margin-left:calc(2 * var(--gpx))}.tw-ml-1_mHciFmVI{margin-left:calc(4 * var(--gpx))}.tw-ml-2_2o-KlfgH{margin-left:calc(8 * var(--gpx))}.tw-ml-2\.5_4O41XiKL{margin-left:calc(10 * var(--gpx))}.tw-ml-3_2k4NuXqK{margin-left:calc(12 * var(--gpx))}.tw-ml-4_2DPBRvKK{margin-left:calc(16 * var(--gpx))}.tw-ml-8_2zGvu2rG{margin-left:calc(32 * var(--gpx))}.tw-ml-\[1px\]_2fLuE_3A{margin-left:1px}.tw-ml-\[2px\]_2ctRGdS4{margin-left:2px}.tw-ml-\[4px\]_1HtRgwjc{margin-left:4px}.tw-ml-auto_3j3YGyUT{margin-left:auto}.tw-mr-1_LvJSZbVd{margin-right:calc(4 * var(--gpx))}.tw-mr-1\.5_3djhUQlR{margin-right:calc(6 * var(--gpx))}.tw-mr-2_DC2-Y1oq{margin-right:calc(8 * var(--gpx))}.tw-mr-2\.5_3VdfGsYe{margin-right:calc(10 * var(--gpx))}.tw-mr-3_2285RRO1{margin-right:calc(12 * var(--gpx))}.tw-mr-3\.5_2_kkF9jN{margin-right:calc(14 * var(--gpx))}.tw-mr-4_1Do0pKgE{margin-right:calc(16 * var(--gpx))}.tw-mr-4\.5_1N0TtFWq{margin-right:calc(18 * var(--gpx))}.tw-mr-5_3Th2OvjJ{margin-right:calc(20 * var(--gpx))}.tw-mr-6_2-5VsCVr{margin-right:calc(24 * var(--gpx))}.tw-mr-\[3px\]_2D7MjkWb{margin-right:3px}.tw-mr-\[4px\]_21pAqbM_{margin-right:4px}.tw-mr-\[5px\]_-YIa1srF{margin-right:5px}.tw-mt-1_3imrU4N0{margin-top:calc(4 * var(--gpx))}.tw-mt-1\.5_3eq6pAfh{margin-top:calc(6 * var(--gpx))}.tw-mt-2_Zv1lfL-Q{margin-top:calc(8 * var(--gpx))}.tw-mt-2\.5_DB0u8tWS{margin-top:calc(10 * var(--gpx))}.tw-mt-3_26Hq0Gt1{margin-top:calc(12 * var(--gpx))}.tw-mt-4_38oz8ans{margin-top:calc(16 * var(--gpx))}.tw-mt-4\.5_1j3vtNPk{margin-top:calc(18 * var(--gpx))}.tw-mt-6_3oLLJ349{margin-top:calc(24 * var(--gpx))}.tw-mt-\[11px\]_3hSaTGZe{margin-top:11px}.tw-mt-\[2px\]_2a7owjU6{margin-top:2px}.tw-mt-\[4px\]_2S_2eamn{margin-top:4px}.tw-mt-\[8px\]_eBGHWmVN{margin-top:8px}.tw-box-border_EttJN5K-{-webkit-box-sizing:border-box;box-sizing:border-box}.tw-line-clamp-1_1ro-WLTu{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tw-block_1cBL3bxS{display:block}.tw-flex_cuWQu7gm{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-grid_EdbbPLaj{display:grid}.\!tw-h-auto_3780fAJr{height:auto !important}.tw-h-1_32QMVJRM{height:calc(4 * var(--gpx))}.tw-h-1\.5_2EsGBWTz{height:calc(6 * var(--gpx))}.tw-h-10_41bZEVnu{height:calc(40 * var(--gpx))}.tw-h-11_1Fr5DStM{height:calc(44 * var(--gpx))}.tw-h-12_21K12KQC{height:calc(48 * var(--gpx))}.tw-h-15_3hpnE-hB{height:calc(60 * var(--gpx))}.tw-h-2_3_lXaTvH{height:calc(8 * var(--gpx))}.tw-h-2\.5_1jkgG5T6{height:calc(10 * var(--gpx))}.tw-h-3_2zwVMcDK{height:calc(12 * var(--gpx))}.tw-h-4_1IxnDGan{height:calc(16 * var(--gpx))}.tw-h-4\.5_16jhMGtM{height:calc(18 * var(--gpx))}.tw-h-5_3HgLjn3O{height:calc(20 * var(--gpx))}.tw-h-5\.5_KqFZtkKP{height:calc(22 * var(--gpx))}.tw-h-6_2-XFC5_j{height:calc(24 * var(--gpx))}.tw-h-8_umCm-agB{height:calc(32 * var(--gpx))}.tw-h-\[100px\]_3Gw-ocyM{height:100px}.tw-h-\[101px\]_2pOgsedM{height:101px}.tw-h-\[10px\]_1rXEONeG{height:10px}.tw-h-\[118px\]_34YrCaaS{height:118px}.tw-h-\[12px\]_vs8GyL1K{height:12px}.tw-h-\[13px\]_wFLe7ZlB{height:13px}.tw-h-\[141px\]_1Yc94Bwq{height:141px}.tw-h-\[14px\]_dR6vi0iJ{height:14px}.tw-h-\[15px\]_1XSAW--o{height:15px}.tw-h-\[16px\]_Tb6EH_NR{height:16px}.tw-h-\[17px\]_2ztJtyjg{height:17px}.tw-h-\[18px\]_r5Qyjokb{height:18px}.tw-h-\[197px\]_1H6e9kRv{height:197px}.tw-h-\[20px\]_2KhNExMm{height:20px}.tw-h-\[21px\]_3O2YF2KO{height:21px}.tw-h-\[22px\]_v1IRrZcK{height:22px}.tw-h-\[280px\]_1yXIWsFJ{height:280px}.tw-h-\[31px\]_3m-cN_i1{height:31px}.tw-h-\[34px\]_1BVKjfZG{height:34px}.tw-h-\[400px\]_3HY96z7x{height:400px}.tw-h-\[45px\]_3-zoFC_U{height:45px}.tw-h-\[50px\]_aUYjfF1e{height:50px}.tw-h-\[53px\]_B6IpMux9{height:53px}.tw-h-\[54px\]_21XtJdEz{height:54px}.tw-h-\[5px\]_1xHL9Hjv{height:5px}.tw-h-\[73px\]_1s_lPUxK{height:73px}.tw-h-\[75px\]_2BA0cFDh{height:75px}.tw-h-\[78px\]_X_lm-afu{height:78px}.tw-h-\[82px\]_153ww4un{height:82px}.tw-h-\[8px\]_2OD4Xz8P{height:8px}.tw-h-\[94px\]_TPWoqfoE{height:94px}.tw-h-\[96px\]_1J0OR-62{height:96px}.tw-h-\[9px\]_2truGC37{height:9px}.tw-h-auto_3OdK9Y_z{height:auto}.tw-h-full_1IXzmKs6{height:100%}.tw-h-screen_2-Z8uIQp{height:100vh}.tw-max-h-\[150px\]_3yuZNbfb{max-height:150px}.tw-max-h-\[390px\]_19HPdFYp{max-height:390px}.tw-max-h-\[400px\]_3nWwXnab{max-height:400px}.tw-max-h-\[540px\]_RT_ixCN0{max-height:540px}.tw-min-h-\[240px\]_2rwuDzS5{min-height:240px}.tw-min-h-\[48px\]_1h4YQQZW{min-height:48px}.\!tw-w-\[80px\]_2TdkErwW{width:80px !important}.tw-w-1\/2_2TPIjxKV{width:50%}.tw-w-10_1Zxn1njI{width:calc(40 * var(--gpx))}.tw-w-11_2myUap9f{width:calc(44 * var(--gpx))}.tw-w-12_3Lz1yItk{width:calc(48 * var(--gpx))}.tw-w-15_-X5htIyN{width:calc(60 * var(--gpx))}.tw-w-2_3KTrE-EM{width:calc(8 * var(--gpx))}.tw-w-2\.5__q_qTs5T{width:calc(10 * var(--gpx))}.tw-w-3_3CPUriHC{width:calc(12 * var(--gpx))}.tw-w-4_3cauIlaV{width:calc(16 * var(--gpx))}.tw-w-4\.5_19GridpL{width:calc(18 * var(--gpx))}.tw-w-5_LRzGGKTi{width:calc(20 * var(--gpx))}.tw-w-6_eMfbGQOV{width:calc(24 * var(--gpx))}.tw-w-8_3dYD1aQu{width:calc(32 * var(--gpx))}.tw-w-\[100px\]_2-fDu54D{width:100px}.tw-w-\[1024px\]_2zEPQHkX{width:1024px}.tw-w-\[10px\]_2bmFPfna{width:10px}.tw-w-\[110px\]_3iRII97y{width:110px}.tw-w-\[117px\]_gD9Tp1Sj{width:117px}.tw-w-\[11px\]_3C1E7RGs{width:11px}.tw-w-\[120px\]_2C5t9zgR{width:120px}.tw-w-\[121px\]_3yq50bB_{width:121px}.tw-w-\[13px\]_kOp8zDFQ{width:13px}.tw-w-\[14px\]_2tMoaSbK{width:14px}.tw-w-\[15px\]_3oN8OsKV{width:15px}.tw-w-\[16px\]_wjdCic7S{width:16px}.tw-w-\[17px\]_1gHj0MeD{width:17px}.tw-w-\[184px\]_1ydxONus{width:184px}.tw-w-\[1px\]_3ziB_iRY{width:1px}.tw-w-\[22px\]_1GJeEFKo{width:22px}.tw-w-\[23px\]_1R8kGdTr{width:23px}.tw-w-\[272px\]_1Ru5QIgi{width:272px}.tw-w-\[285px\]_36IZNF-0{width:285px}.tw-w-\[30px\]_1rsnjpyI{width:30px}.tw-w-\[319px\]_2dYFefRC{width:319px}.tw-w-\[320px\]_1ZTlBsmx{width:320px}.tw-w-\[335px\]_2FrIJLa8{width:335px}.tw-w-\[348px\]_2etTAlTv{width:348px}.tw-w-\[34px\]_3WZ6YN_v{width:34px}.tw-w-\[364px\]_RG74Y0bC{width:364px}.tw-w-\[45px\]_yDh_7zOn{width:45px}.tw-w-\[480px\]_1Ev9qR7Y{width:480px}.tw-w-\[53px\]_3pIof-Ls{width:53px}.tw-w-\[54px\]_1gtIFhjh{width:54px}.tw-w-\[600px\]_l3m0mQ7Z{width:600px}.tw-w-\[70px\]_7c9VxOqR{width:70px}.tw-w-\[78px\]_lfHFx4gA{width:78px}.tw-w-\[80\%\]_HbRTXPdU{width:80%}.tw-w-\[80px\]_a0DF6CdO{width:80px}.tw-w-\[82px\]_1hYN--up{width:82px}.tw-w-\[83\%\]_YO2wkciX{width:83%}.tw-w-\[870px\]_1TAMUg0F{width:870px}.tw-w-\[88px\]_3H4l0KB6{width:88px}.tw-w-\[96px\]_1dUun2pi{width:96px}.tw-w-auto_7syzXMSs{width:auto}.tw-w-full_2U_VWnR2{width:100%}.tw-min-w-\[140px\]_236BRrDU{min-width:140px}.tw-max-w-\[120px\]_15D1xdLn{max-width:120px}.tw-max-w-\[160px\]_24kAevHV{max-width:160px}.tw-max-w-\[165px\]_3Fitw5kM{max-width:165px}.tw-max-w-\[190px\]_1VtLzfsD{max-width:190px}.tw-flex-1_1VolQ6zS{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.tw-flex-initial_1q5L4rzr{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.tw-shrink-0_3GAuzjxF{-ms-flex-negative:0;flex-shrink:0}.tw-grow_3ljhLXcU{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.-tw-translate-y-\[2px\]_22Vq1PwZ{--tw-translate-y:-2px;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-tw-skew-x-\[8deg\]_3v7h76Ia{--tw-skew-x:-8deg;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-scale-\[1\.1\]_2pcymf-h{--tw-scale-x:1.1;--tw-scale-y:1.1;-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-pointer_16iQrdj5{cursor:pointer}.tw-grid-cols-1_2nVVEIWw{grid-template-columns:repeat(1, minmax(0, 1fr))}.tw-grid-cols-2_wCKCzdgo{grid-template-columns:repeat(2, minmax(0, 1fr))}.tw-grid-cols-3_2TeCZCQ8{grid-template-columns:repeat(3, minmax(0, 1fr))}.tw-grid-cols-9_2n4k4oIQ{grid-template-columns:repeat(9, minmax(0, 1fr))}.tw-flex-col_11WT85rU{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tw-flex-nowrap__YTwRE06{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tw-items-center_mbrBxnH5{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-justify-end_1u7cRabv{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tw-justify-center_1CoT-y4O{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-justify-between_XOHcQKaq{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tw-gap-x-1_1GM274A1{-webkit-column-gap:calc(4 * var(--gpx));-moz-column-gap:calc(4 * var(--gpx));column-gap:calc(4 * var(--gpx))}.tw-gap-x-2_2WwcWXy-{-webkit-column-gap:calc(8 * var(--gpx));-moz-column-gap:calc(8 * var(--gpx));column-gap:calc(8 * var(--gpx))}.tw-gap-x-2\.5_15Tchota{-webkit-column-gap:calc(10 * var(--gpx));-moz-column-gap:calc(10 * var(--gpx));column-gap:calc(10 * var(--gpx))}.tw-gap-x-\[22\.5px\]_3giPl0_Z{-webkit-column-gap:22.5px;-moz-column-gap:22.5px;column-gap:22.5px}.tw-gap-y-1_3aZpqnCC{row-gap:calc(4 * var(--gpx))}.tw-gap-y-6_GSZmT2l0{row-gap:calc(24 * var(--gpx))}.tw-overflow-auto_IaSM-buq{overflow:auto}.tw-overflow-hidden_Oo0jFSof{overflow:hidden}.tw-overflow-visible_216Yi7wO{overflow:visible}.tw-overflow-x-scroll_19qsx8on{overflow-x:scroll}.tw-text-ellipsis_2z3Pv-rJ{-o-text-overflow:ellipsis;text-overflow:ellipsis}.tw-rounded-2xl_3guMxHak{border-radius:calc(16 * var(--gpx))}.tw-rounded-\[10px\]_2HOGcpk1{border-radius:10px}.tw-rounded-\[3px\]_Tarw2hGZ{border-radius:3px}.tw-rounded-\[4px\]_1IhOhInD{border-radius:4px}.tw-rounded-\[5px\]_1rTb39_S{border-radius:5px}.tw-rounded-\[6px\]_3KGnguN0{border-radius:6px}.tw-rounded-\[9px\]_2kw3DwRl{border-radius:9px}.tw-rounded-full_rcaNNhG4{border-radius:9999px}.tw-rounded-lg_3P0HHHGd{border-radius:calc(8 * var(--gpx))}.tw-rounded-md_2NvPEpG3{border-radius:calc(6 * var(--gpx))}.tw-rounded-none_3qn7vuWx{border-radius:0px}.tw-rounded-sm_2kX6AFvc{border-radius:calc(2 * var(--gpx))}.tw-rounded-xl_25Kk9qvz{border-radius:calc(12 * var(--gpx))}.tw-rounded-b-2xl_1f9hPX_E{border-bottom-right-radius:calc(16 * var(--gpx));border-bottom-left-radius:calc(16 * var(--gpx))}.tw-rounded-b-none_3UdaTHSj{border-bottom-right-radius:0px;border-bottom-left-radius:0px}.tw-rounded-e-\[5px\]_3pjsteuz{border-start-end-radius:5px;border-end-end-radius:5px}.tw-rounded-l-\[10px\]_3AZ3EVM1{border-top-left-radius:10px;border-bottom-left-radius:10px}.tw-rounded-t-2xl_3wagWhpu{border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx))}.tw-rounded-t-\[10px\]_2VGGGS8a{border-top-left-radius:10px;border-top-right-radius:10px}.tw-rounded-bl-\[18px\]_10LJADsE{border-bottom-left-radius:18px}.tw-rounded-bl-\[5px\]_2cO0CKhO{border-bottom-left-radius:5px}.tw-rounded-br-\[22\.6\%\]_17aHk-gf{border-bottom-right-radius:22.6%}.tw-rounded-br-\[5px\]_1L5h6H8D{border-bottom-right-radius:5px}.tw-rounded-br-md_1qrraNby{border-bottom-right-radius:calc(6 * var(--gpx))}.tw-rounded-tr-\[18px\]_1qnr79gZ{border-top-right-radius:18px}.tw-rounded-tr-\[5px\]_O80xGyMd{border-top-right-radius:5px}.tw-border_t6E8Ty28{border-width:1px}.tw-border-0_2CNuQo6h{border-width:0px}.tw-border-2_2NKyPfte{border-width:2px}.tw-border-4_3ZV_68ga{border-width:4px}.tw-border-\[1\.5px\]_3c6jt-bz{border-width:1.5px}.tw-border-\[2px\]_dCK1qSwI{border-width:2px}.tw-border-\[3px\]_RfMxj61X{border-width:3px}.tw-border-b_1guHwFoQ{border-bottom-width:1px}.tw-border-t_2ycmgJmo{border-top-width:1px}.tw-border-solid_3H6UAW85{border-style:solid}.tw-border-\[\#000\]_2OcrZnUR{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-\[\#0a0a0a\]_2HgIimyQ{--tw-border-opacity:1;border-color:rgb(10 10 10 / var(--tw-border-opacity))}.tw-border-\[\#161616\]_1FvwzFu2{--tw-border-opacity:1;border-color:rgb(22 22 22 / var(--tw-border-opacity))}.tw-border-\[\#212322\]_12CO7tUn{--tw-border-opacity:1;border-color:rgb(33 35 34 / var(--tw-border-opacity))}.tw-border-\[\#262626\]_DH89rwgA{--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity))}.tw-border-\[\#2a2c2b\]_1Tq0YEw5{--tw-border-opacity:1;border-color:rgb(42 44 43 / var(--tw-border-opacity))}.tw-border-\[\#313131\]_2Oicdh36{--tw-border-opacity:1;border-color:rgb(49 49 49 / var(--tw-border-opacity))}.tw-border-\[\#424242\]_1-1I0YlL{--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}.tw-border-\[\#D3BD8E\]_yayUWZxX{--tw-border-opacity:1;border-color:rgb(211 189 142 / var(--tw-border-opacity))}.tw-border-\[\#cccccc\]_1cafSOpP{--tw-border-opacity:1;border-color:rgb(204 204 204 / var(--tw-border-opacity))}.tw-border-\[\#eff1f4\]_3Vd8k21m{--tw-border-opacity:1;border-color:rgb(239 241 244 / var(--tw-border-opacity))}.tw-border-d-grey-black-1_35ZNnUQZ{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.tw-border-gt-g-grey-white-6_BZ8mRxqd{border-color:rgba(255, 255, 255, 0.08)}.tw-border-l-brand-yellow-3_2RQ0yiyG{--tw-border-opacity:1;border-color:rgb(255 222 0 / var(--tw-border-opacity))}.\!tw-bg-d-grey-black-1_1Xkm347b{--tw-bg-opacity:1 !important;background-color:rgb(0 0 0 / var(--tw-bg-opacity)) !important}.tw-bg-\[\#000\]_1UzdbX0W{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-\[\#0a0a0a\]_2ivJs27D{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-\[\#181818\]_3sEU7U9x{--tw-bg-opacity:1;background-color:rgb(24 24 24 / var(--tw-bg-opacity))}.tw-bg-\[\#1a1a1a\]_3BAoGvj7{--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity))}.tw-bg-\[\#1d1f1e\]_XOruUiq2{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-\[\#1e201f\]_3pNxQ2qI{--tw-bg-opacity:1;background-color:rgb(30 32 31 / var(--tw-bg-opacity))}.tw-bg-\[\#212322\]_14bb--pB{--tw-bg-opacity:1;background-color:rgb(33 35 34 / var(--tw-bg-opacity))}.tw-bg-\[\#313131\]_RnefVkrF{--tw-bg-opacity:1;background-color:rgb(49 49 49 / var(--tw-bg-opacity))}.tw-bg-\[\#434343\]_1xNhzzeX{--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))}.tw-bg-\[\#656565\]_gmA4C31L{--tw-bg-opacity:1;background-color:rgb(101 101 101 / var(--tw-bg-opacity))}.tw-bg-\[\#73726d\]_3TModesO{--tw-bg-opacity:1;background-color:rgb(115 114 109 / var(--tw-bg-opacity))}.tw-bg-\[\#9d9d9d\]_3THZ-p01{--tw-bg-opacity:1;background-color:rgb(157 157 157 / var(--tw-bg-opacity))}.tw-bg-\[\#a2a2a2\]_1zQn2fqD{--tw-bg-opacity:1;background-color:rgb(162 162 162 / var(--tw-bg-opacity))}.tw-bg-\[\#a3a3a3\]_38gt2uS-{--tw-bg-opacity:1;background-color:rgb(163 163 163 / var(--tw-bg-opacity))}.tw-bg-\[\#ebebeb\]_2U14sPMQ{--tw-bg-opacity:1;background-color:rgb(235 235 235 / var(--tw-bg-opacity))}.tw-bg-\[\#fafafa\]_2Yz5I-MA{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-1_KjpbNNbb{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-2_2tNi3Vel{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-3_KgTe6i95{--tw-bg-opacity:1;background-color:rgb(22 24 23 / var(--tw-bg-opacity))}.tw-bg-d-grey-black-4_2uBOyE3q{--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.tw-bg-gt-g-grey-black-2_Q0Z-T8IY{background-color:rgba(0, 0, 0, 0.48)}.tw-bg-l-brand-yellow-3_ER15pCNL{--tw-bg-opacity:1;background-color:rgb(255 222 0 / var(--tw-bg-opacity))}.tw-bg-l-grey-white-1_13QxYA7_{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.tw-bg-contain_23shhxZW{background-size:contain}.tw-bg-cover_2woUg-FN{background-size:cover}.tw-bg-center_3yM_GRM4{background-position:center}.tw-p-0_3ATLUfIP{padding:0px}.tw-p-0\.5_2iA5PgVK{padding:calc(2 * var(--gpx))}.tw-p-3_1aIRVfx_{padding:calc(12 * var(--gpx))}.tw-p-4_naCcTjzl{padding:calc(16 * var(--gpx))}.tw-p-\[9px\]_3iUnx6ns{padding:9px}.tw-px-1_o8Hx8pJe{padding-left:calc(4 * var(--gpx));padding-right:calc(4 * var(--gpx))}.tw-px-1\.5_2dTtC5wK{padding-left:calc(6 * var(--gpx));padding-right:calc(6 * var(--gpx))}.tw-px-2_3NIjauQi{padding-left:calc(8 * var(--gpx));padding-right:calc(8 * var(--gpx))}.tw-px-2\.5_ZdgSs759{padding-left:calc(10 * var(--gpx));padding-right:calc(10 * var(--gpx))}.tw-px-3_4AW5axm6{padding-left:calc(12 * var(--gpx));padding-right:calc(12 * var(--gpx))}.tw-px-3\.5_DB-QNcG3{padding-left:calc(14 * var(--gpx));padding-right:calc(14 * var(--gpx))}.tw-px-4_2RJI8kJ9{padding-left:calc(16 * var(--gpx));padding-right:calc(16 * var(--gpx))}.tw-px-5_m6vPlGTZ{padding-left:calc(20 * var(--gpx));padding-right:calc(20 * var(--gpx))}.tw-px-6_14bVCySm{padding-left:calc(24 * var(--gpx));padding-right:calc(24 * var(--gpx))}.tw-px-7_1uNphJcI{padding-left:calc(28 * var(--gpx));padding-right:calc(28 * var(--gpx))}.tw-px-8_1bRZWcye{padding-left:calc(32 * var(--gpx));padding-right:calc(32 * var(--gpx))}.tw-px-\[13px\]_3JuK3GGI{padding-left:13px;padding-right:13px}.tw-px-\[16px\]_23UyiX7H{padding-left:16px;padding-right:16px}.tw-px-\[34px\]_HKnTPy37{padding-left:34px;padding-right:34px}.tw-px-\[48px\]_2nPgwUC3{padding-left:48px;padding-right:48px}.tw-px-\[5\%\]_2omABsmN{padding-left:5%;padding-right:5%}.tw-px-\[7px\]_1jWaqwdS{padding-left:7px;padding-right:7px}.tw-py-0_muY8qlLO{padding-top:0px;padding-bottom:0px}.tw-py-0\.5_3W4ejN2_{padding-top:calc(2 * var(--gpx));padding-bottom:calc(2 * var(--gpx))}.tw-py-1_bTAYHeyl{padding-top:calc(4 * var(--gpx));padding-bottom:calc(4 * var(--gpx))}.tw-py-12_1MfGdFTF{padding-top:calc(48 * var(--gpx));padding-bottom:calc(48 * var(--gpx))}.tw-py-2_2mmc0QsP{padding-top:calc(8 * var(--gpx));padding-bottom:calc(8 * var(--gpx))}.tw-py-2\.5_J6JhpwxC{padding-top:calc(10 * var(--gpx));padding-bottom:calc(10 * var(--gpx))}.tw-py-8_3bzZgKzX{padding-top:calc(32 * var(--gpx));padding-bottom:calc(32 * var(--gpx))}.tw-py-\[11px\]_F5u5sJje{padding-top:11px;padding-bottom:11px}.tw-py-\[1px\]_71wr33DP{padding-top:1px;padding-bottom:1px}.tw-py-\[20px\]_18W-WcdO{padding-top:20px;padding-bottom:20px}.tw-py-\[3px\]_2-mRmMnX{padding-top:3px;padding-bottom:3px}.tw-py-\[5px\]_3TGQfu-i{padding-top:5px;padding-bottom:5px}.tw-py-\[9px\]_RDeqLdPQ{padding-top:9px;padding-bottom:9px}.tw-pb-3_3xyMlLNb{padding-bottom:calc(12 * var(--gpx))}.tw-pb-4_NNaedLnJ{padding-bottom:calc(16 * var(--gpx))}.tw-pb-4\.5_TjPyo4H7{padding-bottom:calc(18 * var(--gpx))}.tw-pb-5_3Rw7hpmU{padding-bottom:calc(20 * var(--gpx))}.tw-pb-6_un7VKvcO{padding-bottom:calc(24 * var(--gpx))}.tw-pb-\[13px\]_3_iKiSP0{padding-bottom:13px}.tw-pb-\[30px\]_lWx83AbX{padding-bottom:30px}.tw-pb-\[50px\]_32-9ofFT{padding-bottom:50px}.tw-pb-\[9px\]_1KSVE7Ld{padding-bottom:9px}.tw-pl-3_1QsWSIYG{padding-left:calc(12 * var(--gpx))}.tw-pl-3\.5_2rZaezoK{padding-left:calc(14 * var(--gpx))}.tw-pl-4_23jKIoxt{padding-left:calc(16 * var(--gpx))}.tw-pl-5_3pep7Cey{padding-left:calc(20 * var(--gpx))}.tw-pl-\[15px\]_2AXOwLKJ{padding-left:15px}.tw-pr-3_QtLfC_vo{padding-right:calc(12 * var(--gpx))}.tw-pr-4_1Vymqrt2{padding-right:calc(16 * var(--gpx))}.tw-pr-5_1_-vaWmY{padding-right:calc(20 * var(--gpx))}.tw-pr-\[13px\]_31MmLzww{padding-right:13px}.tw-pr-\[21px\]_mJ5irS2A{padding-right:21px}.tw-pt-2_2KplwpDH{padding-top:calc(8 * var(--gpx))}.tw-pt-3_1iBVvyxG{padding-top:calc(12 * var(--gpx))}.tw-pt-4_1RJtWYDi{padding-top:calc(16 * var(--gpx))}.tw-pt-4\.5_guvt1y6O{padding-top:calc(18 * var(--gpx))}.tw-pt-6_w75MosaG{padding-top:calc(24 * var(--gpx))}.tw-pt-\[100\%\]_Uoxng5vo{padding-top:100%}.tw-pt-\[7\.5px\]_levjF5ME{padding-top:7.5px}.tw-pt-\[72px\]_3WGz3OvU{padding-top:72px}.tw-pt-\[78px\]_68ppJTaC{padding-top:78px}.tw-text-center_NuMscRHO{text-align:center}.tw-text-right_3pu79Ad7{text-align:right}.tw-align-middle_2pSQOxk2{vertical-align:middle}.tw-font-impact_VK70ijma{font-family:Impact, Haettenschweiler, sans-serif}.tw-font-impact-inpin_1ypDSBDJ{font-family:Impact, inpin hongmengti}.tw-font-inpin_3746hecl{font-family:inpin hongmengti}.\!tw-text-\[52px\]_TGD1efte{font-size:52px !important}.\!tw-text-\[8px\]_2nRvrVh-{font-size:8px !important}.tw-text-2xl_3zfG_bYc{font-size:1.5rem;line-height:2rem}.tw-text-\[10px\]_18lkTiFc{font-size:10px}.tw-text-\[11px\]_254uxvD4{font-size:11px}.tw-text-\[12px\]_1NYQ9Fcb{font-size:12px}.tw-text-\[13px\]_3W52zy7E{font-size:13px}.tw-text-\[14px\]_2TALEFj4{font-size:14px}.tw-text-\[15px\]_OmMrFVL9{font-size:15px}.tw-text-\[16px\]_1MhR-cKZ{font-size:16px}.tw-text-\[17px\]_8muJ_J0p{font-size:17px}.tw-text-\[18px\]_2eLx_SXh{font-size:18px}.tw-text-\[1em\]_1pFAcMF2{font-size:1em}.tw-text-\[26px\]_bBWX5XLK{font-size:26px}.tw-text-\[33px\]_3pBPMq04{font-size:33px}.tw-text-\[58px\]_36E-HEHk{font-size:58px}.tw-text-\[8px\]_1WzcUubU{font-size:8px}.tw-text-\[9px\]_3gZccrKA{font-size:9px}.tw-text-base_5lIDd5IF{font-size:1rem;line-height:1.5rem}.tw-text-base-pc_PTWYGX0g{font-size:calc(16 * var(--gpx));line-height:calc(24 * var(--gpx))}.tw-text-lg_2dkaLC34{font-size:1.125rem;line-height:1.75rem}.tw-text-sm_2435WMLg{font-size:0.875rem;line-height:1.25rem}.tw-text-xl_jdVCgBGZ{font-size:1.25rem;line-height:1.75rem}.tw-text-xs_1AuSnhNz{font-size:0.75rem;line-height:1rem}.tw-font-bold_alvTraOB{font-weight:700}.tw-font-extrabold_2QjVKHek{font-weight:800}.tw-font-medium_1eoovV8I{font-weight:500}.tw-font-normal_1DjrPNNP{font-weight:400}.tw-font-semibold_1Stn6fLb{font-weight:600}.\!tw-leading-\[56px\]_LtNRWbmf{line-height:56px !important}.tw-leading-4_2NtKlt5A{line-height:calc(16 * var(--gpx))}.tw-leading-\[12px\]_27_Ys24e{line-height:12px}.tw-leading-\[13px\]_1iSwx2cl{line-height:13px}.tw-leading-\[14px\]_3C_OMRf5{line-height:14px}.tw-leading-\[16px\]_2DGzk6_9{line-height:16px}.tw-leading-\[18px\]_1r6SpEkw{line-height:18px}.tw-leading-\[20px\]_3qQNxaAl{line-height:20px}.tw-leading-\[42px\]_239Bq8GA{line-height:42px}.tw-leading-\[62px\]_2flaDWQD{line-height:62px}.\!tw-text-l-brand-yellow-3_Ffp_HoP2{--tw-text-opacity:1 !important;color:rgb(255 222 0 / var(--tw-text-opacity)) !important}.\!tw-text-l-grey-white-1_2gDoztFM{--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity)) !important}.tw-text-\[\#161616\]_wHNLAH0h{--tw-text-opacity:1;color:rgb(22 22 22 / var(--tw-text-opacity))}.tw-text-\[\#656565\]_3Cp-84ZY{--tw-text-opacity:1;color:rgb(101 101 101 / var(--tw-text-opacity))}.tw-text-\[\#72726d\]_u2gVOImp{--tw-text-opacity:1;color:rgb(114 114 109 / var(--tw-text-opacity))}.tw-text-\[\#7e7e7e\]_3c7Ejw1j{--tw-text-opacity:1;color:rgb(126 126 126 / var(--tw-text-opacity))}.tw-text-\[\#a6a6a6\]_3y-lI1K2{--tw-text-opacity:1;color:rgb(166 166 166 / var(--tw-text-opacity))}.tw-text-\[\#b1b1b1\]_1usJRTgZ{--tw-text-opacity:1;color:rgb(177 177 177 / var(--tw-text-opacity))}.tw-text-\[\#c5c5c5\]_30T0f3U-{--tw-text-opacity:1;color:rgb(197 197 197 / var(--tw-text-opacity))}.tw-text-\[\#c9c9c9\]_100GF5Pj{--tw-text-opacity:1;color:rgb(201 201 201 / var(--tw-text-opacity))}.tw-text-\[\#cbcbcb\]_23MaB-cl{--tw-text-opacity:1;color:rgb(203 203 203 / var(--tw-text-opacity))}.tw-text-\[\#cdcdcd\]_1MMoBZjD{--tw-text-opacity:1;color:rgb(205 205 205 / var(--tw-text-opacity))}.tw-text-\[\#f0dc00\]_2CTN77C6{--tw-text-opacity:1;color:rgb(240 220 0 / var(--tw-text-opacity))}.tw-text-d-grey-black-1_1xhJDj6N{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.tw-text-gt-l-text-primary_11VpW4LY{color:rgba(255, 255, 255, 0.85)}.tw-text-gt-l-text-secondary_2je-8wQF{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-tertiary_GP2cmx8b{color:rgba(255, 255, 255, 0.45)}.tw-text-gt-l-text-white-2_13o6y6kQ{color:rgba(255, 255, 255, 0.90)}.tw-text-gt-l-text-white-3_1ih06VD4{color:rgba(255, 255, 255, 0.65)}.tw-text-gt-l-text-white-4_2IYWc780{color:rgba(255, 255, 255, 0.45)}.tw-text-l-brand-yellow-3_1Y3UsGOf{--tw-text-opacity:1;color:rgb(255 222 0 / var(--tw-text-opacity))}.tw-text-l-grey-white-1_xZfFJ1hI{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tw-text-l-grey-white-2_i3jhsQBn{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}.tw-text-l-grey-white-3_Bs_3O0M1{--tw-text-opacity:1;color:rgb(125 127 128 / var(--tw-text-opacity))}.tw-transition-colors_26r7TuKT{-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-o-transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-o-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;-o-transition-duration:150ms;transition-duration:150ms}.tw-flex-center_3GdRHaG5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-flex-items-center_2Lghp-NK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-flex-justify-center_3BzYIcwN{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tw-absolute-center_GDjLzhGA{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tw-absolute-y-center_3qIW5-gw{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}html,body{font-size:14px;color:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}ul{list-style:none;padding:0}.van-popup-lang_3nPjvqjH{font-size:14px;height:48px;line-height:48px;color:rgba(255,255,255,.9)}.van-popup-lang_3nPjvqjH.active_14mN9u7X{color:#ffde00}.mhy-picker-modal_335BJX7A{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1;z-index:20;display:none}.pswp_3xkp-cKD{z-index:3000}.mhy-game-role-message-box-mask_2SEf7Rj3.mhy-game-role-selector-mask_1JcHWMpl{z-index:3000}.skill-popover_qdlb5QKQ .popper_17TbHoQt[x-placement^=top] .popper__arrow_qbbUrVyL{border-top-color:#f6f3ed}.role-selector-sea-dropdown-menu_3XEA-vRH .dropdown-menu__list_32GaESWm{overflow-y:auto !important}.custom-mihoyo-common-mask_2fF4uyoI:has(.me-share-preview_3kS29xx6){display:none !important}.me-share-preview_3kS29xx6{display:none !important}.mhy-account-flow_ewU4CFS-{z-index:2000 !important}.van-toast__text_1BQBOfar{word-break:break-word}.detailPage_1CFihQoV{width:1024px;border-radius:calc(16 * var(--gpx));--tw-bg-opacity:1;background-color:rgb(29 31 30 / var(--tw-bg-opacity))}.detailPage_1CFihQoV .me-share-popover__content{z-index:10}.detailPageBg_327tx5T6{position:fixed;height:100vh;width:100vw;left:0px;top:0px;z-index:-1;background:url(images/home-bg-pc.5c22f252.png) no-repeat left top/100% auto;--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity))}.shareHeader_1RgELDbA{width:100%;padding-left:calc(32 * var(--gpx));padding-right:calc(32 * var(--gpx));padding-bottom:30px;padding-top:calc(20 * var(--gpx));-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(images/share-header-bg-pc.c7fa76c6.png) no-repeat center/100% 100%}.shareTip_3r8VtF-L{border-radius:9px;--tw-bg-opacity:1;background-color:rgb(26 26 26 / var(--tw-bg-opacity));padding-left:calc(12 * var(--gpx));padding-right:calc(12 * var(--gpx));padding-top:calc(6 * var(--gpx));padding-bottom:calc(6 * var(--gpx));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:inpin hongmengti;font-size:0.875rem;line-height:1.25rem;color:rgba(255, 255, 255, 0.65);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(66 66 66 / var(--tw-border-opacity))}html[mi18n-lang=zh-cn] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=zh-tw] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=en-us] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=es-es] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=fr-fr] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=id-id] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=ja-jp] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=ko-kr] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=pt-pt] body[data-sharing] .shareTip_3r8VtF-L,html[mi18n-lang=ru-ru] body[data-sharing] .shareTip_3r8VtF-L{letter-spacing:2px}.shareTip_3r8VtF-L>span{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.header_1FGsRcEF{--tw-bg-opacity:1;background-color:rgb(10 10 10 / var(--tw-bg-opacity));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:calc(16 * var(--gpx));border-top-right-radius:calc(16 * var(--gpx));padding-left:calc(16 * var(--gpx));padding-right:calc(16 * var(--gpx));padding-top:calc(12 * var(--gpx));padding-bottom:calc(12 * var(--gpx))}.title_rlJZtEfB{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;font-family:inpin hongmengti;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:\!tw-border-l-brand-yellow-3_14_dLq31:hover{--tw-border-opacity:1 !important;border-color:rgb(255 222 0 / var(--tw-border-opacity)) !important}.hover\:tw-text-l-grey-white-1_XrC2BIFA:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:tw-text-l-grey-white-2_1kmdpSgn:hover{--tw-text-opacity:1;color:rgb(217 219 221 / var(--tw-text-opacity))}
diff --git a/resources/zzz/agent_detail/css/pc_zzz_roles_detail_8479dbdd.css b/resources/zzz/agent_detail/css/pc_zzz_roles_detail_8479dbdd.css
new file mode 100644
index 0000000..7906463
--- /dev/null
+++ b/resources/zzz/agent_detail/css/pc_zzz_roles_detail_8479dbdd.css
@@ -0,0 +1,3859 @@
+/*! Copyright © 2011 - 2024 miHoYo. All Rights Reserved */
+.rank-list[data-v-7342b717] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ cursor: pointer
+}
+
+.rank-list > svg[data-v-7342b717] {
+ display: block
+}
+
+.rank-list > svg[data-v-7342b717]:first-child {
+ margin-left: 0 !important
+}
+
+html[mi18n-lang=zh-cn][data-v-7c666a6a], html[mi18n-lang=zh-tw][data-v-7c666a6a] {
+ font-family: "Helvetica neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Arial", "sans-serif" !important
+}
+
+html[mi18n-lang=ko-kr][data-v-7c666a6a] {
+ font-family: "nanum gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", "돋움", sans-serif !important
+}
+
+html[mi18n-lang=en-us][data-v-7c666a6a], html[mi18n-lang=id-id][data-v-7c666a6a], html[mi18n-lang=fr-fr][data-v-7c666a6a], html[mi18n-lang=vi-vn][data-v-7c666a6a], html[mi18n-lang=pt-pt][data-v-7c666a6a], html[mi18n-lang=es-es][data-v-7c666a6a], html[mi18n-lang=tr-tr][data-v-7c666a6a], html[mi18n-lang=it-it][data-v-7c666a6a] {
+ font-family: Tahoma, Helvetica, Arial, sans-serif !important
+}
+
+html[mi18n-lang=th-th][data-v-7c666a6a] {
+ font-family: kanit, Tahoma, Helvetica, Arial, Geneva, sans-serif !important
+}
+
+html[mi18n-lang=ru-ru][data-v-7c666a6a] {
+ font-family: "Adelle Cyrillic", "Dctz38", Arial, Helvetica, sans-serif !important
+}
+
+html[mi18n-lang=ja-jp][data-v-7c666a6a] {
+ font-family: "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS Pgothic", sans-serif !important
+}
+
+html[mi18n-lang=de-de][data-v-7c666a6a] {
+ font-family: "Calibri", "Arial", sans-serif !important
+}
+
+*[data-v-7c666a6a], [data-v-7c666a6a]::before, [data-v-7c666a6a]::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+[data-v-7c666a6a]::-webkit-backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+[data-v-7c666a6a]::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia:
+}
+
+.tw-scrollbar[data-v-7c666a6a]::-webkit-scrollbar {
+ width: 4px;
+ height: 4px
+}
+
+.tw-scrollbar[data-v-7c666a6a]::-webkit-scrollbar-thumb {
+ background-color: rgba(255, 255, 255, 0.12)
+}
+
+.tw-scrollbar[data-v-7c666a6a]::-webkit-scrollbar-thumb:hover {
+ width: 6px;
+ height: 6px;
+ background-color: rgba(255, 255, 255, 0.32)
+}
+
+.tw-scrollbar-dark[data-v-7c666a6a]::-webkit-scrollbar {
+ width: 4px;
+ height: 4px
+}
+
+.tw-scrollbar-dark[data-v-7c666a6a]::-webkit-scrollbar-thumb {
+ background-color: rgba(0, 0, 0, 0.45)
+}
+
+.tw-scrollbar-dark[data-v-7c666a6a]::-webkit-scrollbar-thumb:hover {
+ width: 6px;
+ height: 6px;
+ background-color: rgba(0, 0, 0, 0.45)
+}
+
+.tw-fixed[data-v-7c666a6a] {
+ position: fixed
+}
+
+.tw-absolute[data-v-7c666a6a] {
+ position: absolute
+}
+
+.tw-relative[data-v-7c666a6a] {
+ position: relative
+}
+
+.-tw-bottom-5[data-v-7c666a6a] {
+ bottom: calc(calc(20 * var(--gpx)) * -1)
+}
+
+.-tw-left-2[data-v-7c666a6a] {
+ left: calc(calc(8 * var(--gpx)) * -1)
+}
+
+.tw-bottom-0[data-v-7c666a6a] {
+ bottom: 0px
+}
+
+.tw-left-0[data-v-7c666a6a] {
+ left: 0px
+}
+
+.tw-left-4[data-v-7c666a6a] {
+ left: calc(16 * var(--gpx))
+}
+
+.tw-left-\[14px\][data-v-7c666a6a] {
+ left: 14px
+}
+
+.tw-left-\[15px\][data-v-7c666a6a] {
+ left: 15px
+}
+
+.tw-right-0[data-v-7c666a6a] {
+ right: 0px
+}
+
+.tw-right-1[data-v-7c666a6a] {
+ right: calc(4 * var(--gpx))
+}
+
+.tw-right-1\.5[data-v-7c666a6a] {
+ right: calc(6 * var(--gpx))
+}
+
+.tw-right-10[data-v-7c666a6a] {
+ right: calc(40 * var(--gpx))
+}
+
+.tw-right-2[data-v-7c666a6a] {
+ right: calc(8 * var(--gpx))
+}
+
+.tw-right-3[data-v-7c666a6a] {
+ right: calc(12 * var(--gpx))
+}
+
+.tw-right-4[data-v-7c666a6a] {
+ right: calc(16 * var(--gpx))
+}
+
+.tw-right-6[data-v-7c666a6a] {
+ right: calc(24 * var(--gpx))
+}
+
+.tw-right-\[-1px\][data-v-7c666a6a] {
+ right: -1px
+}
+
+.tw-top-0[data-v-7c666a6a] {
+ top: 0px
+}
+
+.tw-top-1[data-v-7c666a6a] {
+ top: calc(4 * var(--gpx))
+}
+
+.tw-top-10[data-v-7c666a6a] {
+ top: calc(40 * var(--gpx))
+}
+
+.tw-top-4[data-v-7c666a6a] {
+ top: calc(16 * var(--gpx))
+}
+
+.tw-top-\[-1px\][data-v-7c666a6a] {
+ top: -1px
+}
+
+.tw-top-\[10px\][data-v-7c666a6a] {
+ top: 10px
+}
+
+.tw-top-\[46px\][data-v-7c666a6a] {
+ top: 46px
+}
+
+.tw-z-\[-1\][data-v-7c666a6a] {
+ z-index: -1
+}
+
+.tw-z-\[0\][data-v-7c666a6a] {
+ z-index: 0
+}
+
+.tw-z-\[1\][data-v-7c666a6a] {
+ z-index: 1
+}
+
+.tw-z-\[2\][data-v-7c666a6a] {
+ z-index: 2
+}
+
+.tw-m-0[data-v-7c666a6a] {
+ margin: 0px
+}
+
+.tw-m-0\.5[data-v-7c666a6a] {
+ margin: calc(2 * var(--gpx))
+}
+
+.tw-m-1[data-v-7c666a6a] {
+ margin: calc(4 * var(--gpx))
+}
+
+.tw-m-2[data-v-7c666a6a] {
+ margin: calc(8 * var(--gpx))
+}
+
+.tw-m-4[data-v-7c666a6a] {
+ margin: calc(16 * var(--gpx))
+}
+
+.tw-m-6[data-v-7c666a6a] {
+ margin: calc(24 * var(--gpx))
+}
+
+.tw-mx-0[data-v-7c666a6a] {
+ margin-left: 0px;
+ margin-right: 0px
+}
+
+.tw-mx-0\.5[data-v-7c666a6a] {
+ margin-left: calc(2 * var(--gpx));
+ margin-right: calc(2 * var(--gpx))
+}
+
+.tw-mx-4[data-v-7c666a6a] {
+ margin-left: calc(16 * var(--gpx));
+ margin-right: calc(16 * var(--gpx))
+}
+
+.tw-mx-4\.5[data-v-7c666a6a] {
+ margin-left: calc(18 * var(--gpx));
+ margin-right: calc(18 * var(--gpx))
+}
+
+.tw-mx-5[data-v-7c666a6a] {
+ margin-left: calc(20 * var(--gpx));
+ margin-right: calc(20 * var(--gpx))
+}
+
+.tw-mx-\[8px\][data-v-7c666a6a] {
+ margin-left: 8px;
+ margin-right: 8px
+}
+
+.tw-mx-\[9px\][data-v-7c666a6a] {
+ margin-left: 9px;
+ margin-right: 9px
+}
+
+.tw-mx-auto[data-v-7c666a6a] {
+ margin-left: auto;
+ margin-right: auto
+}
+
+.tw-my-0[data-v-7c666a6a] {
+ margin-top: 0px;
+ margin-bottom: 0px
+}
+
+.\!tw-mt-0[data-v-7c666a6a] {
+ margin-top: 0px !important
+}
+
+.tw-mb-2[data-v-7c666a6a] {
+ margin-bottom: calc(8 * var(--gpx))
+}
+
+.tw-mb-4[data-v-7c666a6a] {
+ margin-bottom: calc(16 * var(--gpx))
+}
+
+.tw-mb-4\.5[data-v-7c666a6a] {
+ margin-bottom: calc(18 * var(--gpx))
+}
+
+.tw-mb-6[data-v-7c666a6a] {
+ margin-bottom: calc(24 * var(--gpx))
+}
+
+.tw-mb-8[data-v-7c666a6a] {
+ margin-bottom: calc(32 * var(--gpx))
+}
+
+.tw-mb-auto[data-v-7c666a6a] {
+ margin-bottom: auto
+}
+
+.tw-ml-0[data-v-7c666a6a] {
+ margin-left: 0px
+}
+
+.tw-ml-0\.5[data-v-7c666a6a] {
+ margin-left: calc(2 * var(--gpx))
+}
+
+.tw-ml-1[data-v-7c666a6a] {
+ margin-left: calc(4 * var(--gpx))
+}
+
+.tw-ml-2[data-v-7c666a6a] {
+ margin-left: calc(8 * var(--gpx))
+}
+
+.tw-ml-2\.5[data-v-7c666a6a] {
+ margin-left: calc(10 * var(--gpx))
+}
+
+.tw-ml-3[data-v-7c666a6a] {
+ margin-left: calc(12 * var(--gpx))
+}
+
+.tw-ml-4[data-v-7c666a6a] {
+ margin-left: calc(16 * var(--gpx))
+}
+
+.tw-ml-8[data-v-7c666a6a] {
+ margin-left: calc(32 * var(--gpx))
+}
+
+.tw-ml-\[1px\][data-v-7c666a6a] {
+ margin-left: 1px
+}
+
+.tw-ml-\[2px\][data-v-7c666a6a] {
+ margin-left: 2px
+}
+
+.tw-ml-\[4px\][data-v-7c666a6a] {
+ margin-left: 4px
+}
+
+.tw-ml-auto[data-v-7c666a6a] {
+ margin-left: auto
+}
+
+.tw-mr-1[data-v-7c666a6a] {
+ margin-right: calc(4 * var(--gpx))
+}
+
+.tw-mr-1\.5[data-v-7c666a6a] {
+ margin-right: calc(6 * var(--gpx))
+}
+
+.tw-mr-2[data-v-7c666a6a] {
+ margin-right: calc(8 * var(--gpx))
+}
+
+.tw-mr-2\.5[data-v-7c666a6a] {
+ margin-right: calc(10 * var(--gpx))
+}
+
+.tw-mr-3[data-v-7c666a6a] {
+ margin-right: calc(12 * var(--gpx))
+}
+
+.tw-mr-3\.5[data-v-7c666a6a] {
+ margin-right: calc(14 * var(--gpx))
+}
+
+.tw-mr-4[data-v-7c666a6a] {
+ margin-right: calc(16 * var(--gpx))
+}
+
+.tw-mr-4\.5[data-v-7c666a6a] {
+ margin-right: calc(18 * var(--gpx))
+}
+
+.tw-mr-5[data-v-7c666a6a] {
+ margin-right: calc(20 * var(--gpx))
+}
+
+.tw-mr-6[data-v-7c666a6a] {
+ margin-right: calc(24 * var(--gpx))
+}
+
+.tw-mr-\[3px\][data-v-7c666a6a] {
+ margin-right: 3px
+}
+
+.tw-mr-\[4px\][data-v-7c666a6a] {
+ margin-right: 4px
+}
+
+.tw-mr-\[5px\][data-v-7c666a6a] {
+ margin-right: 5px
+}
+
+.tw-mt-1[data-v-7c666a6a] {
+ margin-top: calc(4 * var(--gpx))
+}
+
+.tw-mt-1\.5[data-v-7c666a6a] {
+ margin-top: calc(6 * var(--gpx))
+}
+
+.tw-mt-2[data-v-7c666a6a] {
+ margin-top: calc(8 * var(--gpx))
+}
+
+.tw-mt-2\.5[data-v-7c666a6a] {
+ margin-top: calc(10 * var(--gpx))
+}
+
+.tw-mt-3[data-v-7c666a6a] {
+ margin-top: calc(12 * var(--gpx))
+}
+
+.tw-mt-4[data-v-7c666a6a] {
+ margin-top: calc(16 * var(--gpx))
+}
+
+.tw-mt-4\.5[data-v-7c666a6a] {
+ margin-top: calc(18 * var(--gpx))
+}
+
+.tw-mt-6[data-v-7c666a6a] {
+ margin-top: calc(24 * var(--gpx))
+}
+
+.tw-mt-\[11px\][data-v-7c666a6a] {
+ margin-top: 11px
+}
+
+.tw-mt-\[2px\][data-v-7c666a6a] {
+ margin-top: 2px
+}
+
+.tw-mt-\[4px\][data-v-7c666a6a] {
+ margin-top: 4px
+}
+
+.tw-mt-\[8px\][data-v-7c666a6a] {
+ margin-top: 8px
+}
+
+.tw-box-border[data-v-7c666a6a] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+.tw-line-clamp-1[data-v-7c666a6a] {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1
+}
+
+.tw-block[data-v-7c666a6a] {
+ display: block
+}
+
+.tw-flex[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex
+}
+
+.tw-grid[data-v-7c666a6a] {
+ display: grid
+}
+
+.\!tw-h-auto[data-v-7c666a6a] {
+ height: auto !important
+}
+
+.tw-h-1[data-v-7c666a6a] {
+ height: calc(4 * var(--gpx))
+}
+
+.tw-h-1\.5[data-v-7c666a6a] {
+ height: calc(6 * var(--gpx))
+}
+
+.tw-h-10[data-v-7c666a6a] {
+ height: calc(40 * var(--gpx))
+}
+
+.tw-h-11[data-v-7c666a6a] {
+ height: calc(44 * var(--gpx))
+}
+
+.tw-h-12[data-v-7c666a6a] {
+ height: calc(48 * var(--gpx))
+}
+
+.tw-h-15[data-v-7c666a6a] {
+ height: calc(60 * var(--gpx))
+}
+
+.tw-h-2[data-v-7c666a6a] {
+ height: calc(8 * var(--gpx))
+}
+
+.tw-h-2\.5[data-v-7c666a6a] {
+ height: calc(10 * var(--gpx))
+}
+
+.tw-h-3[data-v-7c666a6a] {
+ height: calc(12 * var(--gpx))
+}
+
+.tw-h-4[data-v-7c666a6a] {
+ height: calc(16 * var(--gpx))
+}
+
+.tw-h-4\.5[data-v-7c666a6a] {
+ height: calc(18 * var(--gpx))
+}
+
+.tw-h-5[data-v-7c666a6a] {
+ height: calc(20 * var(--gpx))
+}
+
+.tw-h-5\.5[data-v-7c666a6a] {
+ height: calc(22 * var(--gpx))
+}
+
+.tw-h-6[data-v-7c666a6a] {
+ height: calc(24 * var(--gpx))
+}
+
+.tw-h-8[data-v-7c666a6a] {
+ height: calc(32 * var(--gpx))
+}
+
+.tw-h-\[100px\][data-v-7c666a6a] {
+ height: 100px
+}
+
+.tw-h-\[101px\][data-v-7c666a6a] {
+ height: 101px
+}
+
+.tw-h-\[10px\][data-v-7c666a6a] {
+ height: 10px
+}
+
+.tw-h-\[118px\][data-v-7c666a6a] {
+ height: 118px
+}
+
+.tw-h-\[12px\][data-v-7c666a6a] {
+ height: 12px
+}
+
+.tw-h-\[13px\][data-v-7c666a6a] {
+ height: 13px
+}
+
+.tw-h-\[141px\][data-v-7c666a6a] {
+ height: 141px
+}
+
+.tw-h-\[14px\][data-v-7c666a6a] {
+ height: 14px
+}
+
+.tw-h-\[15px\][data-v-7c666a6a] {
+ height: 15px
+}
+
+.tw-h-\[16px\][data-v-7c666a6a] {
+ height: 16px
+}
+
+.tw-h-\[17px\][data-v-7c666a6a] {
+ height: 17px
+}
+
+.tw-h-\[18px\][data-v-7c666a6a] {
+ height: 18px
+}
+
+.tw-h-\[197px\][data-v-7c666a6a] {
+ height: 197px
+}
+
+.tw-h-\[20px\][data-v-7c666a6a] {
+ height: 20px
+}
+
+.tw-h-\[21px\][data-v-7c666a6a] {
+ height: 21px
+}
+
+.tw-h-\[22px\][data-v-7c666a6a] {
+ height: 22px
+}
+
+.tw-h-\[280px\][data-v-7c666a6a] {
+ height: 280px
+}
+
+.tw-h-\[31px\][data-v-7c666a6a] {
+ height: 31px
+}
+
+.tw-h-\[34px\][data-v-7c666a6a] {
+ height: 34px
+}
+
+.tw-h-\[400px\][data-v-7c666a6a] {
+ height: 400px
+}
+
+.tw-h-\[45px\][data-v-7c666a6a] {
+ height: 45px
+}
+
+.tw-h-\[50px\][data-v-7c666a6a] {
+ height: 50px
+}
+
+.tw-h-\[53px\][data-v-7c666a6a] {
+ height: 53px
+}
+
+.tw-h-\[54px\][data-v-7c666a6a] {
+ height: 54px
+}
+
+.tw-h-\[5px\][data-v-7c666a6a] {
+ height: 5px
+}
+
+.tw-h-\[73px\][data-v-7c666a6a] {
+ height: 73px
+}
+
+.tw-h-\[75px\][data-v-7c666a6a] {
+ height: 75px
+}
+
+.tw-h-\[78px\][data-v-7c666a6a] {
+ height: 78px
+}
+
+.tw-h-\[82px\][data-v-7c666a6a] {
+ height: 82px
+}
+
+.tw-h-\[8px\][data-v-7c666a6a] {
+ height: 8px
+}
+
+.tw-h-\[94px\][data-v-7c666a6a] {
+ height: 94px
+}
+
+.tw-h-\[96px\][data-v-7c666a6a] {
+ height: 96px
+}
+
+.tw-h-\[9px\][data-v-7c666a6a] {
+ height: 9px
+}
+
+.tw-h-auto[data-v-7c666a6a] {
+ height: auto
+}
+
+.tw-h-full[data-v-7c666a6a] {
+ height: 100%
+}
+
+.tw-h-screen[data-v-7c666a6a] {
+ height: 100vh
+}
+
+.tw-max-h-\[150px\][data-v-7c666a6a] {
+ max-height: 150px
+}
+
+.tw-max-h-\[390px\][data-v-7c666a6a] {
+ max-height: 390px
+}
+
+.tw-max-h-\[400px\][data-v-7c666a6a] {
+ max-height: 400px
+}
+
+.tw-max-h-\[540px\][data-v-7c666a6a] {
+ max-height: 540px
+}
+
+.tw-min-h-\[240px\][data-v-7c666a6a] {
+ min-height: 240px
+}
+
+.tw-min-h-\[48px\][data-v-7c666a6a] {
+ min-height: 48px
+}
+
+.\!tw-w-\[80px\][data-v-7c666a6a] {
+ width: 80px !important
+}
+
+.tw-w-1\/2[data-v-7c666a6a] {
+ width: 50%
+}
+
+.tw-w-10[data-v-7c666a6a] {
+ width: calc(40 * var(--gpx))
+}
+
+.tw-w-11[data-v-7c666a6a] {
+ width: calc(44 * var(--gpx))
+}
+
+.tw-w-12[data-v-7c666a6a] {
+ width: calc(48 * var(--gpx))
+}
+
+.tw-w-15[data-v-7c666a6a] {
+ width: calc(60 * var(--gpx))
+}
+
+.tw-w-2[data-v-7c666a6a] {
+ width: calc(8 * var(--gpx))
+}
+
+.tw-w-2\.5[data-v-7c666a6a] {
+ width: calc(10 * var(--gpx))
+}
+
+.tw-w-3[data-v-7c666a6a] {
+ width: calc(12 * var(--gpx))
+}
+
+.tw-w-4[data-v-7c666a6a] {
+ width: calc(16 * var(--gpx))
+}
+
+.tw-w-4\.5[data-v-7c666a6a] {
+ width: calc(18 * var(--gpx))
+}
+
+.tw-w-5[data-v-7c666a6a] {
+ width: calc(20 * var(--gpx))
+}
+
+.tw-w-6[data-v-7c666a6a] {
+ width: calc(24 * var(--gpx))
+}
+
+.tw-w-8[data-v-7c666a6a] {
+ width: calc(32 * var(--gpx))
+}
+
+.tw-w-\[100px\][data-v-7c666a6a] {
+ width: 100px
+}
+
+.tw-w-\[1024px\][data-v-7c666a6a] {
+ width: 1024px
+}
+
+.tw-w-\[10px\][data-v-7c666a6a] {
+ width: 10px
+}
+
+.tw-w-\[110px\][data-v-7c666a6a] {
+ width: 110px
+}
+
+.tw-w-\[117px\][data-v-7c666a6a] {
+ width: 117px
+}
+
+.tw-w-\[11px\][data-v-7c666a6a] {
+ width: 11px
+}
+
+.tw-w-\[120px\][data-v-7c666a6a] {
+ width: 120px
+}
+
+.tw-w-\[121px\][data-v-7c666a6a] {
+ width: 121px
+}
+
+.tw-w-\[13px\][data-v-7c666a6a] {
+ width: 13px
+}
+
+.tw-w-\[14px\][data-v-7c666a6a] {
+ width: 14px
+}
+
+.tw-w-\[15px\][data-v-7c666a6a] {
+ width: 15px
+}
+
+.tw-w-\[16px\][data-v-7c666a6a] {
+ width: 16px
+}
+
+.tw-w-\[17px\][data-v-7c666a6a] {
+ width: 17px
+}
+
+.tw-w-\[184px\][data-v-7c666a6a] {
+ width: 184px
+}
+
+.tw-w-\[1px\][data-v-7c666a6a] {
+ width: 1px
+}
+
+.tw-w-\[22px\][data-v-7c666a6a] {
+ width: 22px
+}
+
+.tw-w-\[23px\][data-v-7c666a6a] {
+ width: 23px
+}
+
+.tw-w-\[272px\][data-v-7c666a6a] {
+ width: 272px
+}
+
+.tw-w-\[285px\][data-v-7c666a6a] {
+ width: 285px
+}
+
+.tw-w-\[30px\][data-v-7c666a6a] {
+ width: 30px
+}
+
+.tw-w-\[319px\][data-v-7c666a6a] {
+ width: 319px
+}
+
+.tw-w-\[320px\][data-v-7c666a6a] {
+ width: 320px
+}
+
+.tw-w-\[335px\][data-v-7c666a6a] {
+ width: 335px
+}
+
+.tw-w-\[348px\][data-v-7c666a6a] {
+ width: 348px
+}
+
+.tw-w-\[34px\][data-v-7c666a6a] {
+ width: 34px
+}
+
+.tw-w-\[364px\][data-v-7c666a6a] {
+ width: 364px
+}
+
+.tw-w-\[45px\][data-v-7c666a6a] {
+ width: 45px
+}
+
+.tw-w-\[480px\][data-v-7c666a6a] {
+ width: 480px
+}
+
+.tw-w-\[53px\][data-v-7c666a6a] {
+ width: 53px
+}
+
+.tw-w-\[54px\][data-v-7c666a6a] {
+ width: 54px
+}
+
+.tw-w-\[600px\][data-v-7c666a6a] {
+ width: 600px
+}
+
+.tw-w-\[70px\][data-v-7c666a6a] {
+ width: 70px
+}
+
+.tw-w-\[78px\][data-v-7c666a6a] {
+ width: 78px
+}
+
+.tw-w-\[80\%\][data-v-7c666a6a] {
+ width: 80%
+}
+
+.tw-w-\[80px\][data-v-7c666a6a] {
+ width: 80px
+}
+
+.tw-w-\[82px\][data-v-7c666a6a] {
+ width: 82px
+}
+
+.tw-w-\[83\%\][data-v-7c666a6a] {
+ width: 83%
+}
+
+.tw-w-\[870px\][data-v-7c666a6a] {
+ width: 870px
+}
+
+.tw-w-\[88px\][data-v-7c666a6a] {
+ width: 88px
+}
+
+.tw-w-\[96px\][data-v-7c666a6a] {
+ width: 96px
+}
+
+.tw-w-auto[data-v-7c666a6a] {
+ width: auto
+}
+
+.tw-w-full[data-v-7c666a6a] {
+ width: 100%
+}
+
+.tw-min-w-\[140px\][data-v-7c666a6a] {
+ min-width: 140px
+}
+
+.tw-max-w-\[120px\][data-v-7c666a6a] {
+ max-width: 120px
+}
+
+.tw-max-w-\[160px\][data-v-7c666a6a] {
+ max-width: 160px
+}
+
+.tw-max-w-\[165px\][data-v-7c666a6a] {
+ max-width: 165px
+}
+
+.tw-max-w-\[190px\][data-v-7c666a6a] {
+ max-width: 190px
+}
+
+.tw-flex-1[data-v-7c666a6a] {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%
+}
+
+.tw-flex-initial[data-v-7c666a6a] {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto
+}
+
+.tw-shrink-0[data-v-7c666a6a] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0
+}
+
+.tw-grow[data-v-7c666a6a] {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1
+}
+
+.-tw-translate-y-\[2px\][data-v-7c666a6a] {
+ --tw-translate-y: -2px;
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.-tw-skew-x-\[8deg\][data-v-7c666a6a] {
+ --tw-skew-x: -8deg;
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.tw-scale-\[1\.1\][data-v-7c666a6a] {
+ --tw-scale-x: 1.1;
+ --tw-scale-y: 1.1;
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+}
+
+.tw-cursor-pointer[data-v-7c666a6a] {
+ cursor: pointer
+}
+
+.tw-grid-cols-1[data-v-7c666a6a] {
+ grid-template-columns:repeat(1, minmax(0, 1fr))
+}
+
+.tw-grid-cols-2[data-v-7c666a6a] {
+ grid-template-columns:repeat(2, minmax(0, 1fr))
+}
+
+.tw-grid-cols-3[data-v-7c666a6a] {
+ grid-template-columns:repeat(3, minmax(0, 1fr))
+}
+
+.tw-grid-cols-9[data-v-7c666a6a] {
+ grid-template-columns:repeat(9, minmax(0, 1fr))
+}
+
+.tw-flex-col[data-v-7c666a6a] {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+.tw-flex-nowrap[data-v-7c666a6a] {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap
+}
+
+.tw-items-center[data-v-7c666a6a] {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.tw-justify-end[data-v-7c666a6a] {
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end
+}
+
+.tw-justify-center[data-v-7c666a6a] {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.tw-justify-between[data-v-7c666a6a] {
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
+}
+
+.tw-gap-x-1[data-v-7c666a6a] {
+ -webkit-column-gap: calc(4 * var(--gpx));
+ -moz-column-gap: calc(4 * var(--gpx));
+ column-gap: calc(4 * var(--gpx))
+}
+
+.tw-gap-x-2[data-v-7c666a6a] {
+ -webkit-column-gap: calc(8 * var(--gpx));
+ -moz-column-gap: calc(8 * var(--gpx));
+ column-gap: calc(8 * var(--gpx))
+}
+
+.tw-gap-x-2\.5[data-v-7c666a6a] {
+ -webkit-column-gap: calc(10 * var(--gpx));
+ -moz-column-gap: calc(10 * var(--gpx));
+ column-gap: calc(10 * var(--gpx))
+}
+
+.tw-gap-x-\[22\.5px\][data-v-7c666a6a] {
+ -webkit-column-gap: 22.5px;
+ -moz-column-gap: 22.5px;
+ column-gap: 22.5px
+}
+
+.tw-gap-y-1[data-v-7c666a6a] {
+ row-gap: calc(4 * var(--gpx))
+}
+
+.tw-gap-y-6[data-v-7c666a6a] {
+ row-gap: calc(24 * var(--gpx))
+}
+
+.tw-overflow-auto[data-v-7c666a6a] {
+ overflow: auto
+}
+
+.tw-overflow-hidden[data-v-7c666a6a] {
+ overflow: hidden
+}
+
+.tw-overflow-visible[data-v-7c666a6a] {
+ overflow: visible
+}
+
+.tw-overflow-x-scroll[data-v-7c666a6a] {
+ overflow-x: scroll
+}
+
+.tw-text-ellipsis[data-v-7c666a6a] {
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis
+}
+
+.tw-rounded-2xl[data-v-7c666a6a] {
+ border-radius: calc(16 * var(--gpx))
+}
+
+.tw-rounded-\[10px\][data-v-7c666a6a] {
+ border-radius: 10px
+}
+
+.tw-rounded-\[3px\][data-v-7c666a6a] {
+ border-radius: 3px
+}
+
+.tw-rounded-\[4px\][data-v-7c666a6a] {
+ border-radius: 4px
+}
+
+.tw-rounded-\[5px\][data-v-7c666a6a] {
+ border-radius: 5px
+}
+
+.tw-rounded-\[6px\][data-v-7c666a6a] {
+ border-radius: 6px
+}
+
+.tw-rounded-\[9px\][data-v-7c666a6a] {
+ border-radius: 9px
+}
+
+.tw-rounded-full[data-v-7c666a6a] {
+ border-radius: 9999px
+}
+
+.tw-rounded-lg[data-v-7c666a6a] {
+ border-radius: calc(8 * var(--gpx))
+}
+
+.tw-rounded-md[data-v-7c666a6a] {
+ border-radius: calc(6 * var(--gpx))
+}
+
+.tw-rounded-none[data-v-7c666a6a] {
+ border-radius: 0px
+}
+
+.tw-rounded-sm[data-v-7c666a6a] {
+ border-radius: calc(2 * var(--gpx))
+}
+
+.tw-rounded-xl[data-v-7c666a6a] {
+ border-radius: calc(12 * var(--gpx))
+}
+
+.tw-rounded-b-2xl[data-v-7c666a6a] {
+ border-bottom-right-radius: calc(16 * var(--gpx));
+ border-bottom-left-radius: calc(16 * var(--gpx))
+}
+
+.tw-rounded-b-none[data-v-7c666a6a] {
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 0px
+}
+
+.tw-rounded-e-\[5px\][data-v-7c666a6a] {
+ border-start-end-radius: 5px;
+ border-end-end-radius: 5px
+}
+
+.tw-rounded-l-\[10px\][data-v-7c666a6a] {
+ border-top-left-radius: 10px;
+ border-bottom-left-radius: 10px
+}
+
+.tw-rounded-t-2xl[data-v-7c666a6a] {
+ border-top-left-radius: calc(16 * var(--gpx));
+ border-top-right-radius: calc(16 * var(--gpx))
+}
+
+.tw-rounded-t-\[10px\][data-v-7c666a6a] {
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px
+}
+
+.tw-rounded-bl-\[18px\][data-v-7c666a6a] {
+ border-bottom-left-radius: 18px
+}
+
+.tw-rounded-bl-\[5px\][data-v-7c666a6a] {
+ border-bottom-left-radius: 5px
+}
+
+.tw-rounded-br-\[22\.6\%\][data-v-7c666a6a] {
+ border-bottom-right-radius: 22.6%
+}
+
+.tw-rounded-br-\[5px\][data-v-7c666a6a] {
+ border-bottom-right-radius: 5px
+}
+
+.tw-rounded-br-md[data-v-7c666a6a] {
+ border-bottom-right-radius: calc(6 * var(--gpx))
+}
+
+.tw-rounded-tr-\[18px\][data-v-7c666a6a] {
+ border-top-right-radius: 18px
+}
+
+.tw-rounded-tr-\[5px\][data-v-7c666a6a] {
+ border-top-right-radius: 5px
+}
+
+.tw-border[data-v-7c666a6a] {
+ border-width: 1px
+}
+
+.tw-border-0[data-v-7c666a6a] {
+ border-width: 0px
+}
+
+.tw-border-2[data-v-7c666a6a] {
+ border-width: 2px
+}
+
+.tw-border-4[data-v-7c666a6a] {
+ border-width: 4px
+}
+
+.tw-border-\[1\.5px\][data-v-7c666a6a] {
+ border-width: 1.5px
+}
+
+.tw-border-\[2px\][data-v-7c666a6a] {
+ border-width: 2px
+}
+
+.tw-border-\[3px\][data-v-7c666a6a] {
+ border-width: 3px
+}
+
+.tw-border-b[data-v-7c666a6a] {
+ border-bottom-width: 1px
+}
+
+.tw-border-t[data-v-7c666a6a] {
+ border-top-width: 1px
+}
+
+.tw-border-solid[data-v-7c666a6a] {
+ border-style: solid
+}
+
+.tw-border-\[\#000\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(0 0 0 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#0a0a0a\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(10 10 10 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#161616\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(22 22 22 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#212322\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(33 35 34 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#262626\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(38 38 38 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#2a2c2b\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(42 44 43 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#313131\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(49 49 49 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#424242\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(66 66 66 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#D3BD8E\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(211 189 142 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#cccccc\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(204 204 204 / var(--tw-border-opacity))
+}
+
+.tw-border-\[\#eff1f4\][data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(239 241 244 / var(--tw-border-opacity))
+}
+
+.tw-border-d-grey-black-1[data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(0 0 0 / var(--tw-border-opacity))
+}
+
+.tw-border-gt-g-grey-white-6[data-v-7c666a6a] {
+ border-color: rgba(255, 255, 255, 0.08)
+}
+
+.tw-border-l-brand-yellow-3[data-v-7c666a6a] {
+ --tw-border-opacity: 1;
+ border-color: rgb(255 222 0 / var(--tw-border-opacity))
+}
+
+.\!tw-bg-d-grey-black-1[data-v-7c666a6a] {
+ --tw-bg-opacity: 1 !important;
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important
+}
+
+.tw-bg-\[\#000\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#0a0a0a\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(10 10 10 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#181818\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(24 24 24 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#1a1a1a\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(26 26 26 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#1d1f1e\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(29 31 30 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#1e201f\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(30 32 31 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#212322\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(33 35 34 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#313131\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(49 49 49 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#434343\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(67 67 67 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#656565\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(101 101 101 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#73726d\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(115 114 109 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#9d9d9d\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(157 157 157 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#a2a2a2\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(162 162 162 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#a3a3a3\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(163 163 163 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#ebebeb\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(235 235 235 / var(--tw-bg-opacity))
+}
+
+.tw-bg-\[\#fafafa\][data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(250 250 250 / var(--tw-bg-opacity))
+}
+
+.tw-bg-d-grey-black-1[data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+
+.tw-bg-d-grey-black-2[data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(10 10 10 / var(--tw-bg-opacity))
+}
+
+.tw-bg-d-grey-black-3[data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(22 24 23 / var(--tw-bg-opacity))
+}
+
+.tw-bg-d-grey-black-4[data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(29 31 30 / var(--tw-bg-opacity))
+}
+
+.tw-bg-gt-g-grey-black-2[data-v-7c666a6a] {
+ background-color: rgba(0, 0, 0, 0.48)
+}
+
+.tw-bg-l-brand-yellow-3[data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 222 0 / var(--tw-bg-opacity))
+}
+
+.tw-bg-l-grey-white-1[data-v-7c666a6a] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+
+.tw-bg-contain[data-v-7c666a6a] {
+ background-size: contain
+}
+
+.tw-bg-cover[data-v-7c666a6a] {
+ background-size: cover
+}
+
+.tw-bg-center[data-v-7c666a6a] {
+ background-position: center
+}
+
+.tw-p-0[data-v-7c666a6a] {
+ padding: 0px
+}
+
+.tw-p-0\.5[data-v-7c666a6a] {
+ padding: calc(2 * var(--gpx))
+}
+
+.tw-p-3[data-v-7c666a6a] {
+ padding: calc(12 * var(--gpx))
+}
+
+.tw-p-4[data-v-7c666a6a] {
+ padding: calc(16 * var(--gpx))
+}
+
+.tw-p-\[9px\][data-v-7c666a6a] {
+ padding: 9px
+}
+
+.tw-px-1[data-v-7c666a6a] {
+ padding-left: calc(4 * var(--gpx));
+ padding-right: calc(4 * var(--gpx))
+}
+
+.tw-px-1\.5[data-v-7c666a6a] {
+ padding-left: calc(6 * var(--gpx));
+ padding-right: calc(6 * var(--gpx))
+}
+
+.tw-px-2[data-v-7c666a6a] {
+ padding-left: calc(8 * var(--gpx));
+ padding-right: calc(8 * var(--gpx))
+}
+
+.tw-px-2\.5[data-v-7c666a6a] {
+ padding-left: calc(10 * var(--gpx));
+ padding-right: calc(10 * var(--gpx))
+}
+
+.tw-px-3[data-v-7c666a6a] {
+ padding-left: calc(12 * var(--gpx));
+ padding-right: calc(12 * var(--gpx))
+}
+
+.tw-px-3\.5[data-v-7c666a6a] {
+ padding-left: calc(14 * var(--gpx));
+ padding-right: calc(14 * var(--gpx))
+}
+
+.tw-px-4[data-v-7c666a6a] {
+ padding-left: calc(16 * var(--gpx));
+ padding-right: calc(16 * var(--gpx))
+}
+
+.tw-px-5[data-v-7c666a6a] {
+ padding-left: calc(20 * var(--gpx));
+ padding-right: calc(20 * var(--gpx))
+}
+
+.tw-px-6[data-v-7c666a6a] {
+ padding-left: calc(24 * var(--gpx));
+ padding-right: calc(24 * var(--gpx))
+}
+
+.tw-px-7[data-v-7c666a6a] {
+ padding-left: calc(28 * var(--gpx));
+ padding-right: calc(28 * var(--gpx))
+}
+
+.tw-px-8[data-v-7c666a6a] {
+ padding-left: calc(32 * var(--gpx));
+ padding-right: calc(32 * var(--gpx))
+}
+
+.tw-px-\[13px\][data-v-7c666a6a] {
+ padding-left: 13px;
+ padding-right: 13px
+}
+
+.tw-px-\[16px\][data-v-7c666a6a] {
+ padding-left: 16px;
+ padding-right: 16px
+}
+
+.tw-px-\[34px\][data-v-7c666a6a] {
+ padding-left: 34px;
+ padding-right: 34px
+}
+
+.tw-px-\[48px\][data-v-7c666a6a] {
+ padding-left: 48px;
+ padding-right: 48px
+}
+
+.tw-px-\[5\%\][data-v-7c666a6a] {
+ padding-left: 5%;
+ padding-right: 5%
+}
+
+.tw-px-\[7px\][data-v-7c666a6a] {
+ padding-left: 7px;
+ padding-right: 7px
+}
+
+.tw-py-0[data-v-7c666a6a] {
+ padding-top: 0px;
+ padding-bottom: 0px
+}
+
+.tw-py-0\.5[data-v-7c666a6a] {
+ padding-top: calc(2 * var(--gpx));
+ padding-bottom: calc(2 * var(--gpx))
+}
+
+.tw-py-1[data-v-7c666a6a] {
+ padding-top: calc(4 * var(--gpx));
+ padding-bottom: calc(4 * var(--gpx))
+}
+
+.tw-py-12[data-v-7c666a6a] {
+ padding-top: calc(48 * var(--gpx));
+ padding-bottom: calc(48 * var(--gpx))
+}
+
+.tw-py-2[data-v-7c666a6a] {
+ padding-top: calc(8 * var(--gpx));
+ padding-bottom: calc(8 * var(--gpx))
+}
+
+.tw-py-2\.5[data-v-7c666a6a] {
+ padding-top: calc(10 * var(--gpx));
+ padding-bottom: calc(10 * var(--gpx))
+}
+
+.tw-py-8[data-v-7c666a6a] {
+ padding-top: calc(32 * var(--gpx));
+ padding-bottom: calc(32 * var(--gpx))
+}
+
+.tw-py-\[11px\][data-v-7c666a6a] {
+ padding-top: 11px;
+ padding-bottom: 11px
+}
+
+.tw-py-\[1px\][data-v-7c666a6a] {
+ padding-top: 1px;
+ padding-bottom: 1px
+}
+
+.tw-py-\[20px\][data-v-7c666a6a] {
+ padding-top: 20px;
+ padding-bottom: 20px
+}
+
+.tw-py-\[3px\][data-v-7c666a6a] {
+ padding-top: 3px;
+ padding-bottom: 3px
+}
+
+.tw-py-\[5px\][data-v-7c666a6a] {
+ padding-top: 5px;
+ padding-bottom: 5px
+}
+
+.tw-py-\[9px\][data-v-7c666a6a] {
+ padding-top: 9px;
+ padding-bottom: 9px
+}
+
+.tw-pb-3[data-v-7c666a6a] {
+ padding-bottom: calc(12 * var(--gpx))
+}
+
+.tw-pb-4[data-v-7c666a6a] {
+ padding-bottom: calc(16 * var(--gpx))
+}
+
+.tw-pb-4\.5[data-v-7c666a6a] {
+ padding-bottom: calc(18 * var(--gpx))
+}
+
+.tw-pb-5[data-v-7c666a6a] {
+ padding-bottom: calc(20 * var(--gpx))
+}
+
+.tw-pb-6[data-v-7c666a6a] {
+ padding-bottom: calc(24 * var(--gpx))
+}
+
+.tw-pb-\[13px\][data-v-7c666a6a] {
+ padding-bottom: 13px
+}
+
+.tw-pb-\[30px\][data-v-7c666a6a] {
+ padding-bottom: 30px
+}
+
+.tw-pb-\[50px\][data-v-7c666a6a] {
+ padding-bottom: 50px
+}
+
+.tw-pb-\[9px\][data-v-7c666a6a] {
+ padding-bottom: 9px
+}
+
+.tw-pl-3[data-v-7c666a6a] {
+ padding-left: calc(12 * var(--gpx))
+}
+
+.tw-pl-3\.5[data-v-7c666a6a] {
+ padding-left: calc(14 * var(--gpx))
+}
+
+.tw-pl-4[data-v-7c666a6a] {
+ padding-left: calc(16 * var(--gpx))
+}
+
+.tw-pl-5[data-v-7c666a6a] {
+ padding-left: calc(20 * var(--gpx))
+}
+
+.tw-pl-\[15px\][data-v-7c666a6a] {
+ padding-left: 15px
+}
+
+.tw-pr-3[data-v-7c666a6a] {
+ padding-right: calc(12 * var(--gpx))
+}
+
+.tw-pr-4[data-v-7c666a6a] {
+ padding-right: calc(16 * var(--gpx))
+}
+
+.tw-pr-5[data-v-7c666a6a] {
+ padding-right: calc(20 * var(--gpx))
+}
+
+.tw-pr-\[13px\][data-v-7c666a6a] {
+ padding-right: 13px
+}
+
+.tw-pr-\[21px\][data-v-7c666a6a] {
+ padding-right: 21px
+}
+
+.tw-pt-2[data-v-7c666a6a] {
+ padding-top: calc(8 * var(--gpx))
+}
+
+.tw-pt-3[data-v-7c666a6a] {
+ padding-top: calc(12 * var(--gpx))
+}
+
+.tw-pt-4[data-v-7c666a6a] {
+ padding-top: calc(16 * var(--gpx))
+}
+
+.tw-pt-4\.5[data-v-7c666a6a] {
+ padding-top: calc(18 * var(--gpx))
+}
+
+.tw-pt-6[data-v-7c666a6a] {
+ padding-top: calc(24 * var(--gpx))
+}
+
+.tw-pt-\[100\%\][data-v-7c666a6a] {
+ padding-top: 100%
+}
+
+.tw-pt-\[7\.5px\][data-v-7c666a6a] {
+ padding-top: 7.5px
+}
+
+.tw-pt-\[72px\][data-v-7c666a6a] {
+ padding-top: 72px
+}
+
+.tw-pt-\[78px\][data-v-7c666a6a] {
+ padding-top: 78px
+}
+
+.tw-text-center[data-v-7c666a6a] {
+ text-align: center
+}
+
+.tw-text-right[data-v-7c666a6a] {
+ text-align: right
+}
+
+.tw-align-middle[data-v-7c666a6a] {
+ vertical-align: middle
+}
+
+.tw-font-impact[data-v-7c666a6a] {
+ font-family: Impact, Haettenschweiler, sans-serif
+}
+
+.tw-font-impact-inpin[data-v-7c666a6a] {
+ font-family: Impact, inpin hongmengti
+}
+
+.tw-font-inpin[data-v-7c666a6a] {
+ font-family: inpin hongmengti
+}
+
+.\!tw-text-\[52px\][data-v-7c666a6a] {
+ font-size: 52px !important
+}
+
+.\!tw-text-\[8px\][data-v-7c666a6a] {
+ font-size: 8px !important
+}
+
+.tw-text-2xl[data-v-7c666a6a] {
+ font-size: 1.5rem;
+ line-height: 2rem
+}
+
+.tw-text-\[10px\][data-v-7c666a6a] {
+ font-size: 10px
+}
+
+.tw-text-\[11px\][data-v-7c666a6a] {
+ font-size: 11px
+}
+
+.tw-text-\[12px\][data-v-7c666a6a] {
+ font-size: 12px
+}
+
+.tw-text-\[13px\][data-v-7c666a6a] {
+ font-size: 13px
+}
+
+.tw-text-\[14px\][data-v-7c666a6a] {
+ font-size: 14px
+}
+
+.tw-text-\[15px\][data-v-7c666a6a] {
+ font-size: 15px
+}
+
+.tw-text-\[16px\][data-v-7c666a6a] {
+ font-size: 16px
+}
+
+.tw-text-\[17px\][data-v-7c666a6a] {
+ font-size: 17px
+}
+
+.tw-text-\[18px\][data-v-7c666a6a] {
+ font-size: 18px
+}
+
+.tw-text-\[1em\][data-v-7c666a6a] {
+ font-size: 1em
+}
+
+.tw-text-\[26px\][data-v-7c666a6a] {
+ font-size: 26px
+}
+
+.tw-text-\[33px\][data-v-7c666a6a] {
+ font-size: 33px
+}
+
+.tw-text-\[58px\][data-v-7c666a6a] {
+ font-size: 58px
+}
+
+.tw-text-\[8px\][data-v-7c666a6a] {
+ font-size: 8px
+}
+
+.tw-text-\[9px\][data-v-7c666a6a] {
+ font-size: 9px
+}
+
+.tw-text-base[data-v-7c666a6a] {
+ font-size: 1rem;
+ line-height: 1.5rem
+}
+
+.tw-text-base-pc[data-v-7c666a6a] {
+ font-size: calc(16 * var(--gpx));
+ line-height: calc(24 * var(--gpx))
+}
+
+.tw-text-lg[data-v-7c666a6a] {
+ font-size: 1.125rem;
+ line-height: 1.75rem
+}
+
+.tw-text-sm[data-v-7c666a6a] {
+ font-size: 0.875rem;
+ line-height: 1.25rem
+}
+
+.tw-text-xl[data-v-7c666a6a] {
+ font-size: 1.25rem;
+ line-height: 1.75rem
+}
+
+.tw-text-xs[data-v-7c666a6a] {
+ font-size: 0.75rem;
+ line-height: 1rem
+}
+
+.tw-font-bold[data-v-7c666a6a] {
+ font-weight: 700
+}
+
+.tw-font-extrabold[data-v-7c666a6a] {
+ font-weight: 800
+}
+
+.tw-font-medium[data-v-7c666a6a] {
+ font-weight: 500
+}
+
+.tw-font-normal[data-v-7c666a6a] {
+ font-weight: 400
+}
+
+.tw-font-semibold[data-v-7c666a6a] {
+ font-weight: 600
+}
+
+.\!tw-leading-\[56px\][data-v-7c666a6a] {
+ line-height: 56px !important
+}
+
+.tw-leading-4[data-v-7c666a6a] {
+ line-height: calc(16 * var(--gpx))
+}
+
+.tw-leading-\[12px\][data-v-7c666a6a] {
+ line-height: 12px
+}
+
+.tw-leading-\[13px\][data-v-7c666a6a] {
+ line-height: 13px
+}
+
+.tw-leading-\[14px\][data-v-7c666a6a] {
+ line-height: 14px
+}
+
+.tw-leading-\[16px\][data-v-7c666a6a] {
+ line-height: 16px
+}
+
+.tw-leading-\[18px\][data-v-7c666a6a] {
+ line-height: 18px
+}
+
+.tw-leading-\[20px\][data-v-7c666a6a] {
+ line-height: 20px
+}
+
+.tw-leading-\[42px\][data-v-7c666a6a] {
+ line-height: 42px
+}
+
+.tw-leading-\[62px\][data-v-7c666a6a] {
+ line-height: 62px
+}
+
+.\!tw-text-l-brand-yellow-3[data-v-7c666a6a] {
+ --tw-text-opacity: 1 !important;
+ color: rgb(255 222 0 / var(--tw-text-opacity)) !important
+}
+
+.\!tw-text-l-grey-white-1[data-v-7c666a6a] {
+ --tw-text-opacity: 1 !important;
+ color: rgb(255 255 255 / var(--tw-text-opacity)) !important
+}
+
+.tw-text-\[\#161616\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(22 22 22 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#656565\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(101 101 101 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#72726d\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(114 114 109 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#7e7e7e\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(126 126 126 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#a6a6a6\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(166 166 166 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#b1b1b1\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(177 177 177 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#c5c5c5\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(197 197 197 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#c9c9c9\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(201 201 201 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#cbcbcb\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(203 203 203 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#cdcdcd\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(205 205 205 / var(--tw-text-opacity))
+}
+
+.tw-text-\[\#f0dc00\][data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(240 220 0 / var(--tw-text-opacity))
+}
+
+.tw-text-d-grey-black-1[data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+
+.tw-text-gt-l-text-primary[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, 0.85)
+}
+
+.tw-text-gt-l-text-secondary[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, 0.65)
+}
+
+.tw-text-gt-l-text-tertiary[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, 0.45)
+}
+
+.tw-text-gt-l-text-white-2[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, 0.90)
+}
+
+.tw-text-gt-l-text-white-3[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, 0.65)
+}
+
+.tw-text-gt-l-text-white-4[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, 0.45)
+}
+
+.tw-text-l-brand-yellow-3[data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(255 222 0 / var(--tw-text-opacity))
+}
+
+.tw-text-l-grey-white-1[data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.tw-text-l-grey-white-2[data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(217 219 221 / var(--tw-text-opacity))
+}
+
+.tw-text-l-grey-white-3[data-v-7c666a6a] {
+ --tw-text-opacity: 1;
+ color: rgb(125 127 128 / var(--tw-text-opacity))
+}
+
+.tw-transition-colors[data-v-7c666a6a] {
+ -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
+ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
+ -o-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ -webkit-transition-duration: 150ms;
+ -o-transition-duration: 150ms;
+ transition-duration: 150ms
+}
+
+.tw-flex-center[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.tw-flex-items-center[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.tw-flex-justify-center[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.tw-absolute-center[data-v-7c666a6a] {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%)
+}
+
+.tw-absolute-y-center[data-v-7c666a6a] {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%)
+}
+
+html[data-v-7c666a6a], body[data-v-7c666a6a] {
+ font-size: 14px;
+ color: #333
+}
+
+*[data-v-7c666a6a] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin: 0
+}
+
+ul[data-v-7c666a6a] {
+ list-style: none;
+ padding: 0
+}
+
+.van-popup-lang[data-v-7c666a6a] {
+ font-size: 14px;
+ height: 48px;
+ line-height: 48px;
+ color: rgba(255, 255, 255, .9)
+}
+
+.van-popup-lang.active[data-v-7c666a6a] {
+ color: #ffde00
+}
+
+.mhy-picker-modal[data-v-7c666a6a] {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #000;
+ opacity: .1;
+ z-index: 20;
+ display: none
+}
+
+.pswp[data-v-7c666a6a] {
+ z-index: 3000
+}
+
+.mhy-game-role-message-box-mask.mhy-game-role-selector-mask[data-v-7c666a6a] {
+ z-index: 3000
+}
+
+.skill-popover .popper[x-placement^=top] .popper__arrow[data-v-7c666a6a] {
+ border-top-color: #f6f3ed
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__list[data-v-7c666a6a] {
+ overflow-y: auto !important
+}
+
+.custom-mihoyo-common-mask[data-v-7c666a6a]:has(.me-share-preview) {
+ display: none !important
+}
+
+.me-share-preview[data-v-7c666a6a] {
+ display: none !important
+}
+
+.mhy-account-flow[data-v-7c666a6a] {
+ z-index: 2000 !important
+}
+
+.van-toast__text[data-v-7c666a6a] {
+ word-break: break-word
+}
+
+.role-detail[data-v-7c666a6a] {
+ margin-bottom: 64px
+}
+
+.role-detail.is-sharing[data-v-7c666a6a] {
+ margin-bottom: 0
+}
+
+.role-detail[data-v-7c666a6a] .van-popup {
+ background: rgba(0, 0, 0, 0)
+}
+
+.role-detail-container[data-v-7c666a6a] {
+ position: relative;
+ z-index: 2;
+ border-radius: 16px;
+ padding: 16px
+}
+
+.swiper-button-prev[data-v-7c666a6a], .swiper-button-next[data-v-7c666a6a] {
+ top: 20px;
+ width: 84px;
+ height: 40px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.swiper-button-prev.hidden[data-v-7c666a6a], .swiper-button-next.hidden[data-v-7c666a6a] {
+ visibility: hidden
+}
+
+.swiper-button-prev[data-v-7c666a6a] {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+ left: 16px
+}
+
+.swiper-button-next[data-v-7c666a6a] {
+ -webkit-transform: unset;
+ -ms-transform: unset;
+ transform: unset;
+ right: 16px
+}
+
+.role-swiper[data-v-7c666a6a] {
+ padding: 0 2px;
+ position: relative;
+ width: calc(100% - 72px);
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+ margin: 4px auto 12px
+}
+
+.role-swiper[data-v-7c666a6a]::-webkit-scrollbar {
+ display: none
+}
+
+.role-swiper[data-v-7c666a6a]::before {
+ content: "";
+ display: table
+}
+
+.role-swiper .swiper-slide[data-v-7c666a6a] {
+ width: 111px
+}
+
+.role-swiper .role-swiper-item[data-v-7c666a6a] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: 111px;
+ height: 40px;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: pointer
+}
+
+.role-swiper .role-swiper-item.selected > i[data-v-7c666a6a] {
+ background-image: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/card-selected-bg.1059d6ea.png)
+}
+
+.role-swiper .role-swiper-item > i[data-v-7c666a6a] {
+ position: absolute;
+ width: 113px;
+ height: 41px;
+ left: -2px;
+ top: 0;
+ z-index: 1;
+ background-image: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/card-bg.0e12ef65.png);
+ background-repeat: no-repeat;
+ background-position: left top;
+ background-size: 100% 100%
+}
+
+.role-swiper .role-swiper-item > img[data-v-7c666a6a] {
+ display: block;
+ width: 109px;
+ height: auto;
+ -o-object-fit: cover;
+ object-fit: cover
+}
+
+.infos-container[data-v-7c666a6a] {
+ position: relative
+}
+
+.infos-container .infos-main-content[data-v-7c666a6a] {
+ height: 484px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ background: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/pc-role-detail-data-info-bg.4be2b3f5.png) no-repeat left top;
+ background-size: 100% 100%
+}
+
+.infos-container .infos-main-content.visitor-mode[data-v-7c666a6a] {
+ background: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/pc-role-detail-nodata-info-bg.86be12ae.png) no-repeat left top;
+ background-size: 100% 100%
+}
+
+.infos-container .infos-main-content.visitor-mode .role-infos .role-name-bg[data-v-7c666a6a] {
+ width: 960px
+}
+
+.infos-container .infos-main-content.visitor-mode .role-infos .role-avatar[data-v-7c666a6a] {
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%)
+}
+
+.infos-container .infos-main-content.visitor-mode .role-infos .role-base-info .base-info[data-v-7c666a6a] {
+ width: 754px;
+ bottom: 23px;
+ padding: 14px 14px 14px 16px
+}
+
+.infos-container .infos-main-content.visitor-mode .role-infos .role-base-info .base-info .group-icon[data-v-7c666a6a] {
+ width: 133px;
+ height: 133px;
+ bottom: 36px;
+ right: -182px
+}
+
+.infos-container .role-infos[data-v-7c666a6a] {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ position: relative
+}
+
+.infos-container .role-infos .role-name-bg[data-v-7c666a6a] {
+ position: absolute;
+ width: 589px;
+ height: 340px;
+ left: 16px;
+ top: 16px;
+ z-index: -1;
+ overflow: hidden
+}
+
+.infos-container .role-infos .role-name-bg > img[data-v-7c666a6a] {
+ position: absolute;
+ display: block;
+ width: auto;
+ height: 260px;
+ top: 40px
+}
+
+.infos-container .role-infos .role-avatar[data-v-7c666a6a] {
+ position: absolute;
+ display: block;
+ width: 589px;
+ height: 340px;
+ -o-object-fit: cover;
+ object-fit: cover;
+ top: 16px;
+ left: 16px;
+ z-index: 1
+}
+
+.infos-container .role-infos .role-avatar.isVisitor[data-v-7c666a6a] {
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ width: auto;
+ height: 334px;
+ -o-object-fit: unset;
+ object-fit: unset
+}
+
+.infos-container .role-infos .role-base-info[data-v-7c666a6a] {
+ width: 100%;
+ height: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ z-index: 2
+}
+
+.infos-container .role-infos .role-base-info .rarity-icon[data-v-7c666a6a] {
+ position: absolute;
+ display: block;
+ width: 57px;
+ height: 58px;
+ z-index: 3;
+ left: 26px;
+ bottom: 140px
+}
+
+.infos-container .role-infos .role-base-info .base-info[data-v-7c666a6a] {
+ position: absolute;
+ width: 589px;
+ height: 96px;
+ bottom: 18px;
+ left: 16px;
+ z-index: 10;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 14px 101px 14px 16px
+}
+
+.infos-container .role-infos .role-base-info .base-info > div[data-v-7c666a6a]:nth-child(1) {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
+}
+
+.infos-container .role-infos .role-base-info .base-info > div:nth-child(1) > div[data-v-7c666a6a]:nth-child(1) {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ height: 32px;
+ margin-right: 12px
+}
+
+.infos-container .role-infos .role-base-info .base-info > div:nth-child(1) > div:nth-child(1) > p[data-v-7c666a6a] {
+ color: #fff;
+ font-family: "inpin hongmengti";
+ font-size: 24px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 32px;
+ height: 32px;
+ margin-right: 12px;
+ letter-spacing: 4px
+}
+
+.infos-container .role-infos .role-base-info .base-info > div:nth-child(1) > div:nth-child(1) > span[data-v-7c666a6a] {
+ display: block;
+ background: #9d9d9d;
+ border-radius: 6px;
+ padding: 0px 6px;
+ font-family: "PingFang SC";
+ font-weight: 500;
+ font-size: 12px;
+ color: #000;
+ height: 19px;
+ line-height: 19px
+}
+
+.infos-container .role-infos .role-base-info .base-info > div:nth-child(1) > div[data-v-7c666a6a]:nth-child(2) {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex
+}
+
+.infos-container .role-infos .role-base-info .base-info > div:nth-child(1) > div:nth-child(2) > img[data-v-7c666a6a] {
+ display: block;
+ width: 32px;
+ height: 32px
+}
+
+.infos-container .role-infos .role-base-info .base-info > div:nth-child(1) > div:nth-child(2) > img[data-v-7c666a6a]:first-child {
+ margin-right: 4px
+}
+
+.infos-container .role-infos .role-base-info .base-info > div[data-v-7c666a6a]:nth-child(2) {
+ margin-top: 12px
+}
+
+.infos-container .role-infos .role-base-info .base-info .group-icon[data-v-7c666a6a] {
+ position: absolute;
+ z-index: 2;
+ width: 86px;
+ height: 86px;
+ bottom: 0;
+ right: 5px
+}
+
+.infos-container .property-info[data-v-7c666a6a] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: 350px;
+ height: 414px;
+ margin: 16px 20px 0;
+ padding: 0 3px 0 4px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+.infos-container .property-info > li[data-v-7c666a6a] {
+ padding: 11px 12px 10px 12px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 41px
+}
+
+.infos-container .property-info > li > div[data-v-7c666a6a]:nth-child(1) {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 20px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.infos-container .property-info > li > div:nth-child(1) > img[data-v-7c666a6a] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin-right: 6px
+}
+
+.infos-container .property-info > li > div:nth-child(1) > span[data-v-7c666a6a] {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ display: block;
+ color: rgba(255, 255, 255, .65);
+ font-family: Arial;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ height: 20px;
+ line-height: 20px
+}
+
+.infos-container .property-info > li > div[data-v-7c666a6a]:nth-child(2) {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ margin-left: 6px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 20px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.infos-container .property-info > li > div:nth-child(2) > span[data-v-7c666a6a] {
+ display: block
+}
+
+.infos-container .property-info > li > div:nth-child(2) > .base-add-prop[data-v-7c666a6a] {
+ margin-right: 14px
+}
+
+.infos-container .property-info > li > div:nth-child(2) > .base-add-prop > span[data-v-7c666a6a] {
+ display: block;
+ height: 7px;
+ line-height: 7px;
+ text-align: right
+}
+
+.infos-container .property-info > li > div:nth-child(2) > .base-add-prop > span[data-v-7c666a6a]:nth-child(1) {
+ font-family: inpin hongmengti;
+ font-weight: 400;
+ font-size: 10px;
+ color: #fff
+}
+
+.infos-container .property-info > li > div:nth-child(2) > .base-add-prop > span[data-v-7c666a6a]:nth-child(2) {
+ font-family: inpin hongmengti;
+ font-weight: 400;
+ font-size: 10px;
+ color: #b5ff00;
+ margin-top: 5px
+}
+
+.infos-container .property-info > li > div:nth-child(2) > .final-prop[data-v-7c666a6a] {
+ font-family: inpin hongmengti;
+ font-weight: 400;
+ font-size: 14px;
+ color: #fff;
+ text-align: right
+}
+
+.equipment-info[data-v-7c666a6a], .skill-info[data-v-7c666a6a], .wiki-info[data-v-7c666a6a] {
+ background: #2a2a2a
+}
+
+.equipment-info > h2[data-v-7c666a6a], .skill-info > h2[data-v-7c666a6a], .wiki-info > h2[data-v-7c666a6a] {
+ display: block;
+ height: 44px;
+ padding: 0 24px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #161616
+}
+
+.equipment-info > h2 > span[data-v-7c666a6a], .skill-info > h2 > span[data-v-7c666a6a], .wiki-info > h2 > span[data-v-7c666a6a] {
+ display: block;
+ color: rgba(255, 255, 255, .65);
+ font-family: "inpin hongmengti";
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 44px;
+ height: 44px
+}
+
+.equipment-info > h2 > img[data-v-7c666a6a], .skill-info > h2 > img[data-v-7c666a6a], .wiki-info > h2 > img[data-v-7c666a6a] {
+ display: block;
+ width: auto;
+ height: 13px;
+ margin-left: 5px
+}
+
+.equipment-info[data-v-7c666a6a] {
+ height: 390px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ position: relative;
+ margin-top: 8px;
+ border-radius: 16px 16px 0 0
+}
+
+.equipment-info > h2[data-v-7c666a6a] {
+ border-radius: 16px 16px 0 0
+}
+
+.equipment-info .suit-effects[data-v-7c666a6a] {
+ padding: 12px 24px 24px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 346px
+}
+
+.equipment-info .suit-effects > h3[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, .35);
+ text-align: left;
+ font-family: Arial;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 24px
+}
+
+.equipment-info .suit-effects > ul[data-v-7c666a6a] {
+ margin-top: 10px;
+ width: 597px;
+ height: 276px;
+ padding: 12px 24px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 16px;
+ background: #242424;
+ -webkit-box-shadow: -1px -1px 1.1px 0px rgba(255, 255, 255, .1), 0px 4px 4px 0px rgba(0, 0, 0, .1) inset;
+ box-shadow: -1px -1px 1.1px 0px rgba(255, 255, 255, .1), 0px 4px 4px 0px rgba(0, 0, 0, .1) inset
+}
+
+.equipment-info .suit-effects > ul.empty-content[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.equipment-info .suit-effects > ul.empty-content > li[data-v-7c666a6a] {
+ background: none;
+ padding: 0;
+ text-align: center;
+ height: unset
+}
+
+.equipment-info .suit-effects > ul li[data-v-7c666a6a] {
+ width: 479px;
+ height: 68px;
+ padding-left: 14px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.equipment-info .suit-effects > ul li > div[data-v-7c666a6a] {
+ position: relative
+}
+
+.equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1) {
+ color: rgba(255, 255, 255, .9);
+ font-family: "inpin hongmengti";
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ height: 24px;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+
+html[mi18n-lang=zh-cn] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=zh-tw] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=en-us] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=es-es] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=fr-fr] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=id-id] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=ja-jp] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=ko-kr] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=pt-pt] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1), html[mi18n-lang=ru-ru] body[data-sharing] .equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(1) {
+ letter-spacing: 2px
+}
+
+.equipment-info .suit-effects > ul li > div > p[data-v-7c666a6a]:nth-child(2) {
+ color: rgba(255, 255, 255, .35);
+ font-family: Arial;
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 18px;
+ margin-top: 8px;
+ -webkit-line-clamp: 2;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden
+}
+
+.equipment-info .suit-effects > ul li > div > img[data-v-7c666a6a] {
+ position: absolute;
+ width: 8px;
+ height: 8px;
+ left: -14px;
+ top: 8px;
+ z-index: 1
+}
+
+.equipment-info .suit-effects > ul li[data-v-7c666a6a]:not(:first-child) {
+ margin-top: 24px
+}
+
+.equipment-info .main-content[data-v-7c666a6a] {
+ position: absolute;
+ width: 220px;
+ height: 205px;
+ top: 60px;
+ right: 90px;
+ background: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/equipment-main-content-bg.7de6072a.png) no-repeat center center;
+ background-size: 100% 100%;
+ z-index: 10;
+ -webkit-transform: scale(1.96);
+ -ms-transform: scale(1.96);
+ transform: scale(1.96)
+}
+
+.equipment-info .main-content .weapon-info[data-v-7c666a6a] {
+ position: absolute;
+ width: 73px;
+ height: 73px;
+ left: 50%;
+ top: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ -ms-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ z-index: 10;
+ cursor: pointer
+}
+
+.equipment-info .main-content .weapon-info .bg[data-v-7c666a6a] {
+ width: 63px;
+ height: 17px;
+ position: absolute;
+ left: 5px;
+ bottom: 6px;
+ z-index: 12
+}
+
+.equipment-info .main-content .weapon-info .icon[data-v-7c666a6a] {
+ width: 54px;
+ height: auto;
+ display: block;
+ position: absolute;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ top: 0;
+ z-index: 13
+}
+
+.equipment-info .main-content .weapon-info .rank[data-v-7c666a6a] {
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%);
+ position: absolute;
+ left: 50%;
+ display: block;
+ width: 40px;
+ height: auto;
+ bottom: 12px;
+ z-index: 14
+}
+
+.equipment-info .main-content .weapon-info .level[data-v-7c666a6a] {
+ position: absolute;
+ font-weight: bold;
+ font-size: 8px;
+ color: #c7c7c7;
+ line-height: 8px;
+ width: 100%;
+ text-align: center;
+ left: 0;
+ bottom: 6px;
+ z-index: 14;
+ text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0
+}
+
+.equipment-info .main-content .equip-info[data-v-7c666a6a] {
+ position: absolute;
+ z-index: 11;
+ width: 67px;
+ height: 58px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer
+}
+
+.equipment-info .main-content .equip-info > div[data-v-7c666a6a] {
+ position: relative;
+ width: 51px;
+ height: 50px
+}
+
+.equipment-info .main-content .equip-info .icon[data-v-7c666a6a] {
+ display: block;
+ width: 51px;
+ height: 50px;
+ border-radius: 50%
+}
+
+.equipment-info .main-content .equip-info .level[data-v-7c666a6a] {
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 8px;
+ color: #c7c7c7;
+ height: 8px;
+ position: absolute;
+ z-index: 13;
+ top: 39px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%)
+}
+
+.equipment-info .main-content .equip-info .bg[data-v-7c666a6a] {
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 12;
+ display: block;
+ width: 67px;
+ height: 58px
+}
+
+.equipment-info .main-content .equip-info .number[data-v-7c666a6a] {
+ position: absolute;
+ z-index: 12;
+ font-family: Impact;
+ font-weight: 400;
+ font-size: 6px;
+ color: #282828;
+ line-height: 9px;
+ height: 9px;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%)
+}
+
+.equipment-info .main-content .equip-info-6[data-v-7c666a6a] {
+ top: 5px;
+ right: 31px;
+ padding: 4px 12px 4px 4px
+}
+
+.equipment-info .main-content .equip-info-6 .number[data-v-7c666a6a] {
+ right: 2.5px
+}
+
+.equipment-info .main-content .equip-info-5[data-v-7c666a6a] {
+ right: 2.5px;
+ top: 66px;
+ padding: 4px 12px 4px 4px
+}
+
+.equipment-info .main-content .equip-info-5 .number[data-v-7c666a6a] {
+ right: 2.5px
+}
+
+.equipment-info .main-content .equip-info-4[data-v-7c666a6a] {
+ right: 31px;
+ bottom: 20.5px;
+ padding: 4px 12px 4px 4px
+}
+
+.equipment-info .main-content .equip-info-4 .number[data-v-7c666a6a] {
+ right: 2.5px
+}
+
+.equipment-info .main-content .equip-info-3[data-v-7c666a6a] {
+ left: 31px;
+ bottom: 20.5px;
+ padding: 4px 4px 4px 12px
+}
+
+.equipment-info .main-content .equip-info-3 .number[data-v-7c666a6a] {
+ left: 2.5px
+}
+
+.equipment-info .main-content .equip-info-2[data-v-7c666a6a] {
+ left: 2.5px;
+ top: 65.5px;
+ padding: 4px 4px 4px 12px
+}
+
+.equipment-info .main-content .equip-info-2 .number[data-v-7c666a6a] {
+ left: 2.5px
+}
+
+.equipment-info .main-content .equip-info-1[data-v-7c666a6a] {
+ top: 5px;
+ left: 31px;
+ padding: 4px 4px 4px 12px
+}
+
+.equipment-info .main-content .equip-info-1 .number[data-v-7c666a6a] {
+ left: 2.5px
+}
+
+.skill-info[data-v-7c666a6a] {
+ height: 232px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+.skill-info > ul[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 188px;
+ padding: 0 16px
+}
+
+.skill-info > ul .skill-item[data-v-7c666a6a] {
+ width: 152px;
+ height: 156px;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 12px;
+ border: 1.5px solid #161616;
+ background: #161616
+}
+
+.skill-info > ul .skill-item > div[data-v-7c666a6a] {
+ width: 149px;
+ height: 153px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 12px;
+ border: 1px solid #2b2b2b;
+ background: -webkit-linear-gradient(84deg, #272727 5.2%, #1a1a1a 95.75%);
+ background: -o-linear-gradient(84deg, #272727 5.2%, #1a1a1a 95.75%);
+ background: linear-gradient(6deg, #272727 5.2%, #1a1a1a 95.75%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.skill-info > ul .skill-item > div > div[data-v-7c666a6a] {
+ width: 149px;
+ position: relative
+}
+
+.skill-info > ul .skill-item > div[data-v-7c666a6a]:hover {
+ background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), -webkit-linear-gradient(84deg, #272727 5.2%, #1a1a1a 95.75%);
+ background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), -o-linear-gradient(84deg, #272727 5.2%, #1a1a1a 95.75%);
+ background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), linear-gradient(6deg, #272727 5.2%, #1a1a1a 95.75%);
+ cursor: pointer
+}
+
+.skill-info > ul .skill-item img[data-v-7c666a6a] {
+ display: block;
+ width: 64px;
+ height: 64px;
+ margin: 0 auto
+}
+
+.skill-info > ul .skill-item p[data-v-7c666a6a] {
+ position: absolute;
+ z-index: 10;
+ width: 36px;
+ height: 36px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding-top: 4px;
+ background: #000;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 16px;
+ left: 30px;
+ top: 36px
+}
+
+.skill-info > ul .skill-item p > span[data-v-7c666a6a]:nth-child(1) {
+ display: block;
+ color: #fff;
+ text-align: center;
+ font-family: "inpin hongmengti";
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px;
+ height: 20px
+}
+
+.skill-info > ul .skill-item p > span[data-v-7c666a6a]:nth-child(2) {
+ display: block;
+ color: #fff;
+ text-align: center;
+ font-family: "inpin hongmengti";
+ font-size: 5px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 6px;
+ height: 6px;
+ letter-spacing: .8px
+}
+
+.skill-info > ul .skill-item h2[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, .9);
+ text-align: center;
+ font-family: "inpin hongmengti";
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 16px;
+ margin-top: 12px
+}
+
+html[mi18n-lang=zh-cn] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=zh-tw] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=en-us] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=es-es] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=fr-fr] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=id-id] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=ja-jp] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=ko-kr] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=pt-pt] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a], html[mi18n-lang=ru-ru] body[data-sharing] .skill-info > ul .skill-item h2[data-v-7c666a6a] {
+ letter-spacing: 2px
+}
+
+.skill-info > ul .skill-item h3[data-v-7c666a6a] {
+ color: rgba(255, 255, 255, .35);
+ text-align: center;
+ font-family: Arial;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 16px
+}
+
+.wiki-info[data-v-7c666a6a] {
+ border-radius: 0 0 16px 16px
+}
+
+.wiki-info .wiki-list[data-v-7c666a6a] {
+ height: 92px;
+ background: #161616;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 24px
+}
+
+.wiki-info .wiki-list > div[data-v-7c666a6a] {
+ width: 227px;
+ height: 44px;
+ background: #8f8f8f;
+ border-radius: 360px;
+ line-height: 44px;
+ text-align: center;
+ overflow: hidden;
+ color: #000;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ font-family: "inpin hongmengti";
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ cursor: pointer
+}
+
+.wiki-info .single-item[data-v-7c666a6a] {
+ height: 71px;
+ padding: 0 24px 0 11px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #161616
+}
+
+.wiki-info .single-item > img[data-v-7c666a6a] {
+ display: block;
+ width: auto;
+ height: 40px
+}
+
+.wiki-info .single-item > div[data-v-7c666a6a] {
+ padding: 0 32px 0 56px;
+ height: 44px;
+ background: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/page-wiki-btn-bg.e2ca761c.png) no-repeat left top;
+ background-size: 100% 100%;
+ color: #000;
+ font-family: "inpin hongmengti";
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 44px;
+ cursor: pointer
+}
+
+.role-detail-popup[data-v-7c666a6a] {
+ width: 480px;
+ background: #1d1f1e;
+ border-radius: 16px;
+ border: 2px solid #2a2c2b
+}
+
+.role-detail-popup > h2[data-v-7c666a6a] {
+ background: #000;
+ border-radius: 16px 16px 0px 0px;
+ padding: 18px 23px 16px 14px;
+ height: 48px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ position: relative
+}
+
+.role-detail-popup > h2 > p[data-v-7c666a6a] {
+ height: 14px;
+ font-weight: bold;
+ font-size: 14px;
+ color: #656565;
+ line-height: 14px;
+ margin-right: 8px
+}
+
+.role-detail-popup > h2 > div[data-v-7c666a6a] {
+ width: 48px;
+ height: 13px;
+ background: #ffea00;
+ border-radius: 2px;
+ border: 1px solid #ffea00;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.role-detail-popup > h2 > div > span[data-v-7c666a6a] {
+ display: block;
+ height: 9px;
+ line-height: 9px;
+ font-family: "PingFang SC";
+ font-weight: 500;
+ font-size: 9px;
+ color: #0a0a0a
+}
+
+.role-detail-popup > h2 > div > img[data-v-7c666a6a] {
+ display: block;
+ margin-left: 2px;
+ width: 4px;
+ height: 7px
+}
+
+.role-detail-popup > h2 .close-icon[data-v-7c666a6a] {
+ position: absolute;
+ font-size: 28px;
+ font-weight: 400;
+ color: #7d7f80;
+ top: 10px;
+ right: 14px;
+ z-index: 10;
+ display: block;
+ width: 28px;
+ height: 28px;
+ line-height: 28px;
+ text-align: center;
+ cursor: pointer
+}
+
+.role-detail-popup .popup-content[data-v-7c666a6a] {
+ height: calc(100% - 68px);
+ margin: 10px 8px 10px 0;
+ padding: 10px 24px 30px;
+ overflow-y: auto
+}
+
+.role-detail-popup .popup-content[data-v-7c666a6a]::-webkit-scrollbar {
+ width: 2px
+}
+
+.role-detail-popup .popup-content[data-v-7c666a6a]::-webkit-scrollbar-track {
+ background: #2a2c2b;
+ border-radius: 1px
+}
+
+.role-detail-popup .popup-content[data-v-7c666a6a]::-webkit-scrollbar-thumb {
+ background: #494949;
+ border-radius: 1px
+}
+
+.role-detail-popup.rank-popup[data-v-7c666a6a] {
+ height: 600px
+}
+
+.role-detail-popup.rank-popup .rank-item .rank-divider[data-v-7c666a6a] {
+ display: block;
+ height: 1px;
+ background: #2a2c2b;
+ margin: 31px auto 13px
+}
+
+.role-detail-popup.rank-popup .rank-item > div[data-v-7c666a6a] {
+ min-height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.role-detail-popup.rank-popup .rank-item > div > div[data-v-7c666a6a]:nth-child(2) {
+ margin-left: 8px
+}
+
+.role-detail-popup.rank-popup .rank-item > div > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(1) {
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 14px;
+ color: #e7e7e7;
+ line-height: 14px
+}
+
+.role-detail-popup.rank-popup .rank-item > div > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(2) {
+ height: 11px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ color: #acacac;
+ line-height: 11px;
+ margin-top: 4px
+}
+
+.role-detail-popup.rank-popup .rank-item > p[data-v-7c666a6a] {
+ margin-top: 19px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ color: #acacac;
+ line-height: 17px
+}
+
+.role-detail-popup.weapon-popup[data-v-7c666a6a] {
+ height: 525px
+}
+
+.role-detail-popup.weapon-popup .popup-content > div[data-v-7c666a6a]:nth-child(1) {
+ height: 67px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) .weapon-icon[data-v-7c666a6a] {
+ position: relative;
+ width: 67px;
+ height: 67px
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) .weapon-icon .bg[data-v-7c666a6a] {
+ display: block;
+ width: 67px;
+ height: 67px
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) .weapon-icon .profession[data-v-7c666a6a] {
+ position: absolute;
+ width: 11px;
+ height: 11px;
+ left: 4px;
+ top: 5px;
+ z-index: 3
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) .weapon-icon .icon[data-v-7c666a6a] {
+ position: absolute;
+ width: 55px;
+ height: auto;
+ display: block;
+ left: 6px;
+ top: 8px;
+ z-index: 2
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) .weapon-icon .rank[data-v-7c666a6a] {
+ display: block;
+ height: auto;
+ -webkit-transform: translateX(-50%) scale(0.6);
+ -ms-transform: translateX(-50%) scale(0.6);
+ transform: translateX(-50%) scale(0.6);
+ position: absolute;
+ left: 50%;
+ bottom: -5px;
+ z-index: 3
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) > div[data-v-7c666a6a]:nth-child(2) {
+ margin-left: 20px
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(1) {
+ height: 14px;
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 14px;
+ color: #e7e7e7;
+ line-height: 14px;
+ padding-right: 24px;
+ background-position: right center;
+ background-size: 22px 22px;
+ background-repeat: no-repeat
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p:nth-child(1).rarity-icon-S[data-v-7c666a6a] {
+ background-image: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/equip-star-1.515f369c.png)
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p:nth-child(1).rarity-icon-A[data-v-7c666a6a] {
+ background-image: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/equip-star-2.1e0b3121.png)
+}
+
+.role-detail-popup.weapon-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(2) {
+ height: 11px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ color: #acacac;
+ line-height: 11px;
+ margin-top: 4px
+}
+
+.role-detail-popup.weapon-popup .popup-content h3[data-v-7c666a6a] {
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 11px;
+ color: #e7e7e7;
+ line-height: 11px;
+ margin-bottom: 10px
+}
+
+.role-detail-popup.weapon-popup .popup-content .base-attrs > div[data-v-7c666a6a], .role-detail-popup.weapon-popup .popup-content .upper-attrs > div[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap
+}
+
+.role-detail-popup.weapon-popup .popup-content .base-attrs > div > div[data-v-7c666a6a], .role-detail-popup.weapon-popup .popup-content .upper-attrs > div > div[data-v-7c666a6a] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ background: #000;
+ border-radius: 11px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 4px 12px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 7px
+}
+
+.role-detail-popup.weapon-popup .popup-content .base-attrs > div > div > span[data-v-7c666a6a], .role-detail-popup.weapon-popup .popup-content .upper-attrs > div > div > span[data-v-7c666a6a] {
+ display: block;
+ height: 10px;
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 10px;
+ color: #e7e7e7;
+ line-height: 10px
+}
+
+.role-detail-popup.weapon-popup .popup-content .base-attrs > div > div > span[data-v-7c666a6a]:first-child, .role-detail-popup.weapon-popup .popup-content .upper-attrs > div > div > span[data-v-7c666a6a]:first-child {
+ margin-right: 8px
+}
+
+.role-detail-popup.weapon-popup .popup-content .base-attrs[data-v-7c666a6a] {
+ margin-top: 24px
+}
+
+.role-detail-popup.weapon-popup .popup-content .upper-attrs[data-v-7c666a6a] {
+ margin-top: 11px
+}
+
+.role-detail-popup.weapon-popup .popup-content .weapon-effect[data-v-7c666a6a] {
+ margin-top: 25px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ line-height: 17px;
+ color: #acacac
+}
+
+.role-detail-popup.equip-popup[data-v-7c666a6a] {
+ height: 522px
+}
+
+.role-detail-popup.equip-popup .popup-content > div[data-v-7c666a6a]:nth-child(1) {
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.role-detail-popup.equip-popup .popup-content > div:nth-child(1) > img[data-v-7c666a6a] {
+ display: block;
+ width: 40px;
+ height: 40px
+}
+
+.role-detail-popup.equip-popup .popup-content > div:nth-child(1) > div[data-v-7c666a6a]:nth-child(2) {
+ margin-left: 8px
+}
+
+.role-detail-popup.equip-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(1) {
+ height: 14px;
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 14px;
+ color: #e7e7e7;
+ line-height: 14px;
+ padding-right: 24px;
+ background-position: right center;
+ background-size: 22px 22px;
+ background-repeat: no-repeat
+}
+
+.role-detail-popup.equip-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p:nth-child(1).rarity-icon-S[data-v-7c666a6a] {
+ background-image: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/equip-star-1.515f369c.png)
+}
+
+.role-detail-popup.equip-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p:nth-child(1).rarity-icon-A[data-v-7c666a6a] {
+ background-image: url(https://act.hoyolab.com/app/mihoyo-zzz-game-record/images/equip-star-2.1e0b3121.png)
+}
+
+.role-detail-popup.equip-popup .popup-content > div:nth-child(1) > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(2) {
+ height: 11px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ color: #acacac;
+ line-height: 11px;
+ margin-top: 4px
+}
+
+.role-detail-popup.equip-popup .popup-content h3[data-v-7c666a6a] {
+ height: 11px;
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 11px;
+ color: #e7e7e7;
+ line-height: 11px;
+ margin-bottom: 10px
+}
+
+.role-detail-popup.equip-popup .popup-content .base-attrs > div[data-v-7c666a6a], .role-detail-popup.equip-popup .popup-content .upper-attrs > div[data-v-7c666a6a] {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap
+}
+
+.role-detail-popup.equip-popup .popup-content .base-attrs > div > div[data-v-7c666a6a], .role-detail-popup.equip-popup .popup-content .upper-attrs > div > div[data-v-7c666a6a] {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ background: #000;
+ border-radius: 11px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 4px 12px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 7px;
+ margin-right: 10px
+}
+
+.role-detail-popup.equip-popup .popup-content .base-attrs > div > div > span[data-v-7c666a6a], .role-detail-popup.equip-popup .popup-content .upper-attrs > div > div > span[data-v-7c666a6a] {
+ display: block;
+ height: 10px;
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 10px;
+ color: #e7e7e7;
+ line-height: 10px
+}
+
+.role-detail-popup.equip-popup .popup-content .base-attrs > div > div > span[data-v-7c666a6a]:first-child, .role-detail-popup.equip-popup .popup-content .upper-attrs > div > div > span[data-v-7c666a6a]:first-child {
+ margin-right: 8px
+}
+
+.role-detail-popup.equip-popup .popup-content .base-attrs[data-v-7c666a6a] {
+ margin-top: 24px
+}
+
+.role-detail-popup.equip-popup .popup-content .upper-attrs[data-v-7c666a6a] {
+ margin-top: 11px
+}
+
+.role-detail-popup.equip-popup .popup-content .suit-attrs[data-v-7c666a6a] {
+ margin-top: 25px
+}
+
+.role-detail-popup.equip-popup .popup-content .suit-attrs > h3[data-v-7c666a6a] {
+ margin-bottom: 13px
+}
+
+.role-detail-popup.equip-popup .popup-content .suit-attrs > div[data-v-7c666a6a] {
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ line-height: 17px;
+ color: #acacac
+}
+
+.role-detail-popup.equip-popup .popup-content .suit-attrs > div.active[data-v-7c666a6a] {
+ color: #b5ff00
+}
+
+.role-detail-popup.skill-popup[data-v-7c666a6a] {
+ height: 600px
+}
+
+.role-detail-popup.skill-popup .skill-item .skill-divider[data-v-7c666a6a] {
+ display: block;
+ height: 1px;
+ background: #2a2c2b;
+ margin: 26px auto 13px
+}
+
+.role-detail-popup.skill-popup .skill-item > div[data-v-7c666a6a] {
+ height: 40px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.role-detail-popup.skill-popup .skill-item > div > img[data-v-7c666a6a] {
+ display: block;
+ width: 40px;
+ height: 40px
+}
+
+.role-detail-popup.skill-popup .skill-item > div > div[data-v-7c666a6a]:nth-child(2) {
+ margin-left: 8px
+}
+
+.role-detail-popup.skill-popup .skill-item > div > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(1) {
+ height: 14px;
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 14px;
+ color: #e7e7e7;
+ line-height: 14px
+}
+
+.role-detail-popup.skill-popup .skill-item > div > div:nth-child(2) > p[data-v-7c666a6a]:nth-child(2) {
+ height: 11px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ color: #acacac;
+ line-height: 11px;
+ margin-top: 4px
+}
+
+.role-detail-popup.skill-popup .skill-item > section[data-v-7c666a6a] {
+ margin-top: 20px
+}
+
+.role-detail-popup.skill-popup .skill-item > section > p[data-v-7c666a6a]:nth-child(1) {
+ font-family: "PingFang SC";
+ font-weight: bold;
+ font-size: 11px;
+ color: #e7e7e7;
+ line-height: 14px
+}
+
+.role-detail-popup.skill-popup .skill-item > section > p[data-v-7c666a6a]:nth-child(2) {
+ margin-top: 8px;
+ font-family: "PingFang SC";
+ font-weight: 400;
+ font-size: 11px;
+ color: #acacac;
+ line-height: 17px
+}
+
+.hover\:\!tw-border-l-brand-yellow-3[data-v-7c666a6a]:hover {
+ --tw-border-opacity: 1 !important;
+ border-color: rgb(255 222 0 / var(--tw-border-opacity)) !important
+}
+
+.hover\:tw-text-l-grey-white-1[data-v-7c666a6a]:hover {
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.hover\:tw-text-l-grey-white-2[data-v-7c666a6a]:hover {
+ --tw-text-opacity: 1;
+ color: rgb(217 219 221 / var(--tw-text-opacity))
+}
diff --git a/resources/zzz/agent_detail/css/style.css b/resources/zzz/agent_detail/css/style.css
new file mode 100644
index 0000000..2f86fc6
--- /dev/null
+++ b/resources/zzz/agent_detail/css/style.css
@@ -0,0 +1,4609 @@
+.hyv-login-platform__loading {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ user-select: none;
+ z-index: 100001;
+ background: rgba(0, 0, 0, 0)
+}
+
+@-webkit-keyframes rotation {
+ from {
+ transform: rotate(0deg)
+ }
+ to {
+ transform: rotate(360deg)
+ }
+}
+
+.hyv-login-platform__loading--rotation {
+ width: 80px;
+ height: 80px;
+ background: #2b2e33;
+ border-radius: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center
+}
+
+.hyv-login-platform__loading--rotation div {
+ border: none;
+ width: 46px;
+ height: 46px;
+ background-size: 46px;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArdSURBVHgB7V1ZzCVFFf7+6zgjA8IMwqgMyIBGVHBDxRWFKIsbMcZlJMblDYgPaqJoolEfjMFEEzURE33iyahxxeXBKEZFE0UGBsQohHFQZphhcHA2HOG/fB9dxa1bt6q7qm/3XftLTk7f7v7vraqvzzlVp6rrBzp06NChQ4cOHTp06NChQ4cOs4MVzAH6/f6xVC+gPI3yTKMlKv/TjbZyiLLb0ZK/UO5cWVk5gBnHTBJiCHi+kVehaHyhh0GZ7XFMQveInJspv6HcNIsEzRQhJOIcqstQWINIUfl65rI9XskU9+/9c9dTbiAxN2BGMHVCSMJ6qrcaOQ7VDdtDdYO716qsRrKL8g3Kn0nOvZgipkaIIeItRo4zp3OsIUZQiKhewvdYYn5EUq7FlDAVQkjGBVTvpGxC+ZMNDDc8MNy47jEC51JIdf/WtZivk5gfYsKYKCEk4mSqKylno7yhqhowZCFANRlVnQLf/f2K8gUS829MCBMjhGRcSvUODNxT6pPbi1zzXZK9tyrWlN2DwO+oJyZSvo8JoHVCTKx4O+WNwEhwtWXoBa6VWUaKFZTdEzqPknuF60jK59EyWiWEZJxE9RHK6c7vhVxDnUbtZV6rikExUtxy3kG5isT8Cy2hNUIMGZ+knOz8VsgSgDQyDlO2U/ZQ7qbcRTnIxrnP+12N3DWQlGt8NuUllLMoxyf8Rsx1uZ8VTy5vi5RWCDFkfAIFGX4FYy7LnnOPj1B+TLmNDbAd45VJxFxAuZCyGdU9sJDbckl5TxukNE6IIeNqykmIP3F9lPv22ynfYYVvQwtgGV9KdQXlPFTHslDZLSlbmyalUUIMGR9HQYb9/piPDl2Xj/4uK3k7JgCW9xQUD88bkG8lEpEhUu5BQ2iakM9QnYbySoTkfsq1rNhfMQWw3G+j+hCKsgPphAgq87tY9v+iAfTQEFipd1Od6p4y4n+2smr0zyhXT4sMwYzI30+xY41UMqSVEP0oGkIjFkIyXkn1Qe87/R6K1VYUsH/AxvgFZgisyweoPoVqC4enP8u6fBNjYmxCWIGnoKjAeuc7/QL7cUNkaPS7EzMI1ul5KLK/1v0C1ZYil3XRuPGkCZeldMiTMOqSfHe1ao73Uj49q2QIxn1ejqIn9dgpjD5cvpxA+QrGxFiE8El6BdULESYAGI4Xgsi4hhW+HzMO053diiKX5XZ7gbCl6Nqr2SZbMQbGtZA3Idz4PhH2+tfmgQwLh5SDSAv0ko+RlONRE7UJ4Y8qWXgiwq4qJN9usr8+KZgx0ZdR3YW3156BYtBZC7UIMYH85QhbRchKbmTFfok5Bcv+LSpJKDH5+G2OvoJtdAJqoK6FPIuyEcOxwyUCzrFc1E8w//gSRRbux41QZllk1LKSuoRcgqLBbaO7RADD1nI9n7B9mHOYkfiHEXZToaz1laiBbELMUp2N7ilH++7qFlbkj1gQsC43Uqk+sTjiWskGttVrkIk6FiJCQjEDGA3k38Pi4YsIu6zQuauQiSxCyPgxVEpdh8jwA/k/+EQ9gAUD6/R7qj9gNKCHstjn5wb3XAvRutqYZej4EQyI+TkWF9cgbiGuyLWfjwzkEnK20T4pfu9qH5+kO7GgYN1+h+ERfNnYpFVCzsBo/Ajlr8aabp0TaHVjFSFq38syvjOdEPpCJRA3oJwMay2tTL3OGGQl7hgkNB4RtuTEkRwL0WoO1wr8IG6PD9Ok78KCg3X8LYqUe4rbem3q9+YQciaqrUN6qqvHJwzXSmCOn2Ck58iWxO/DGqTDpkqA4VG5hQolUhbeOhz8EwMyLBFud9j2PF+EROQQIj9ol8D4aRJgUJBdWB7ciqLelgwf1kJORyJyCHFnBS1ClnIEywMREiPDxZlIRA4hmnTpl1y31/6D5cF+pMXhjUhETlBfh/IxiNBn72M/lgSsqxtDyqBE45aE+7IsxKKfeb5DgaQHNcdC+omybPhcwj3bUj1HLiGhtHtskmpZ8FVUP/3Jy4NyCLHB2h8IwtXEBiwXHqS8nrIjcl0vLF2HROTEEEvCinfOt4p1WBLw4bNjEHV/L0KRInkfCovZicIydiAt8D+G5Bv54+9FMcCp6vr+lP7yViwBDCFPDF3yPq+yTR5BAnJc1n6EB4Z+QN+E5YFNlbgzhUA8yViJHJeld/lCBPiplCdjeWCTiDalBAzaw+qs3mcOIQpeq965kMWchuWBv1jOh72WTEiOy9rpfHmZrKNvXXhSWEdrHf6kVOhz84QwKD2E4TgSmw+RPhWLDwVzf+lPaOWJ2q4VCxH+jvi0rXvuxVh8iBBLguCvZLSSTAaQT8g9CI/YfYLW0qQX1kpYN8VedzIq1LuySOruWtQhRK4rNFL35TwsLo4x2reG0Bqt9gihL/wfRoN7bBnpZj5Jm7FgYJ3UZq67ilmH9MM58QOot7ZXm0j6OayQC9O5l2HxoD1UYr0qYNhq/o9MZBNiXvOS2/KzvCE5xeyWsBAwa9MkKwmiybqHkYk6FiLc7H32e1yuG7uQFZn7hKMZd/ibrwHDS4Bcy3kINVCXkG0YWIlvIcAwOarEuZh/KCWk3lUsiMM5Vr2z3RVQkxAT3EWKnzax2ifnHPOiz1yCZddDZfcRdru0sQTiUbbRKmqgroUIt6BYSumP0mODxnPNy6JzBZZZPSq7aiTWq3ItRbHjMGqiNiHGSv6EcILRfz9dInO/1DxtcwEzAHR3xHPjRSzVXpsM+8W1QVL+hmL7Cd8agLDlrKVcMg+kGDK0VaDK7FpBaMW7xVGT86uNsQgx+DVF1hLr+lpYYkTGxaxw8uKxScP0CpX6sbOBobjhHtvPY2/uPzYh5j8M3ITRoO6P4OF8VoB8Myt+FmYM5kFx92QE4r0p9/hA6jRtGVbQEMxGNOpJlfW2QqP5uynbWZlDmCJMSkRbE24AKnN1/jntjvogGkCThMjXajOaE+0pR1eJNnfRzqM7MAWYzZ71QtIahGOgXxdg4AGO+lvVjoPGCBFMsBYpckl+xeyx/6S5lVYHYds43cYa5ZVVrK8ol0+Kva7UyJ46KZIYGiVEMJXUTkHrMRi1xkw9tDeKRPtq3dHWVk6mjE81ZYw9LDFi7L0iYXeTZAiNEyKYCms/FN9SfDLgHfubECiu6AWg3ePul8IyKfWhcmlc4c7khQa1ofK6IhJ2NU2G0AohgiHlYgzcAVDtEmKBXziKYk5fxKhnp1zREb/fbzKyavBjjaw1eg3CubdUsWUWCfe2QYbQGiGCIeV1GPRcgFF3FSLI/xxyc25WOfZGcOy4jPgyQkT+rrbIEFolxMLsu64xR+7TGCIiREy/4t4QOUCY0Fh5tG/LA3WThqmYCCECSTkDxX8qsK7DVtRvMPdc7CkH4u4n1vD9jN+CozXY20siJvKq3sQIEcz/J9QSIc0i5riLMnKq7su55pItaHwkF1VrbqMOJkqIhXnfTpsVa/WG2xB1GzHVUkJWhsDfqQOxp6nRdw6mQogFiXkuilccXGJ8gkLuBqgmK3YeGJ1mtqJgrbHPvibyUnUwVUIEk7bQaPk5GKx3io2SqwJ9FWmI/J0lYu+0iLCYOiEunH9XpNR3rosqIy5ElEjQeOY+knAQM4KZIsTCTJtquneT0XbVSiwepJAh0ThCvSVNPR+YtjWEMJOE+DCzd9pJQnMVdm2UzokoLc9xyTiCQeNLDhl9oM0BXYcOHTp06NChQ4cOHTp06NBhEfEomGUtRQ40rPMAAAAASUVORK5CYII=);
+ animation: rotation 1s linear infinite
+}
+
+.hyv-login-platform__overflow-hidden {
+ overflow: hidden
+}
+
+.mhy-init-user-dialog {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ line-height: 1.5;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 14px;
+ z-index: 10000;
+ background-color: rgba(0, 0, 0, .5)
+}
+
+.mhy-init-user-dialog .mhy-init-user-dialog-scroll-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ min-height: 600px
+}
+
+.mhy-init-user-dialog .mhy-init-user-dialog-content {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ padding: 0;
+ -webkit-transform: translate(-50%, -50%) scale(1);
+ -ms-transform: translate(-50%, -50%) scale(1);
+ transform: translate(-50%, -50%) scale(1);
+ opacity: 1;
+ border-radius: 16px;
+ background-color: #fff
+}
+
+.mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header {
+ position: relative;
+ height: 20px
+}
+
+.mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header .close-btn {
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ padding: 0;
+ top: 0;
+ right: 0;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ cursor: pointer
+}
+
+.mhy-init-user-dialog.is-dark-theme {
+ background-color: rgba(255, 255, 255, .5)
+}
+
+.mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content {
+ background-color: #1b1d2a
+}
+
+.mhy-init-user-button {
+ display: inline-block;
+ cursor: pointer;
+ -ms-flex-negative: 0;
+ flex-shrink: 0
+}
+
+.mhy-init-user-button.mhy-init-user-button-primary {
+ background-color: #e1e7ff;
+ color: #657ef8
+}
+
+.mhy-init-user-button.mhy-init-user-button-primary:hover {
+ background-color: #657ef8;
+ color: #fff
+}
+
+.mhy-init-user-button.mhy-init-user-button--disabled {
+ background-color: #dde3ec;
+ color: rgba(0, 0, 0, .25)
+}
+
+.mhy-init-user-button.mhy-init-user-button--disabled:hover {
+ background-color: #dde3ec;
+ color: rgba(0, 0, 0, .25)
+}
+
+.mhy-init-user-button__button {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ cursor: pointer;
+ outline: none;
+ border: none;
+ font-size: inherit;
+ color: inherit;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 15px;
+ font-weight: inherit;
+ line-height: inherit;
+ -webkit-transition-duration: .2s;
+ -o-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-property: background-color, color;
+ -o-transition-property: background-color, color;
+ transition-property: background-color, color
+}
+
+.mhy-init-user-button-primary .mhy-init-user-button__button {
+ font-weight: bold
+}
+
+.is-dark-theme .mhy-init-user-button.mhy-init-user-button-primary {
+ background-color: #363f7e;
+ color: #657ef8
+}
+
+.is-dark-theme .mhy-init-user-button.mhy-init-user-button--disabled {
+ background-color: #40434c;
+ color: rgba(255, 255, 255, .25)
+}
+
+.is-dark-theme .mhy-init-user-button.mhy-init-user-button--disabled:hover {
+ background-color: #40434c;
+ color: rgba(255, 255, 255, .25)
+}
+
+.mhy-init-user-input {
+ font-size: 14px;
+ position: relative;
+ line-height: 20px
+}
+
+.mhy-init-user-input__container {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ border-radius: 8px;
+ position: relative;
+ height: 100%;
+ border: 1px solid #f1f4f9
+}
+
+.mhy-init-user-input__container--focus {
+ border-color: #657ef8
+}
+
+.mhy-init-user-input__container input {
+ height: 100%;
+ border: none;
+ border-style: none;
+ outline: none
+}
+
+.mhy-init-user-input__container input, .mhy-init-user-input__container textarea {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ z-index: 2;
+ border: none;
+ background-color: rgba(0, 0, 0, 0);
+ font-size: inherit
+}
+
+.mhy-init-user-input__container input::-webkit-input-placeholder, .mhy-init-user-input__container textarea::-webkit-input-placeholder {
+ color: rgba(0, 0, 0, .45)
+}
+
+.mhy-init-user-input__container input::-moz-placeholder, .mhy-init-user-input__container textarea::-moz-placeholder {
+ color: rgba(0, 0, 0, .45)
+}
+
+.mhy-init-user-input__container input:-ms-input-placeholder, .mhy-init-user-input__container textarea:-ms-input-placeholder {
+ color: rgba(0, 0, 0, .45)
+}
+
+.mhy-init-user-input__container input::-ms-input-placeholder, .mhy-init-user-input__container textarea::-ms-input-placeholder {
+ color: rgba(0, 0, 0, .45)
+}
+
+.mhy-init-user-input__container input::placeholder, .mhy-init-user-input__container textarea::placeholder {
+ color: rgba(0, 0, 0, .45)
+}
+
+.mhy-init-user-input__container textarea {
+ resize: none
+}
+
+.mhy-init-user-input__maxtip {
+ position: absolute;
+ top: 50%;
+ margin-top: -8px;
+ pointer-events: none;
+ line-height: 16px;
+ z-index: 1
+}
+
+.is-dark-theme .mhy-init-user-input__container {
+ border: 1px solid #343746
+}
+
+.is-dark-theme .mhy-init-user-input__container input::-webkit-input-placeholder, .is-dark-theme .mhy-init-user-input__container textarea::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, .45)
+}
+
+.is-dark-theme .mhy-init-user-input__container input::-moz-placeholder, .is-dark-theme .mhy-init-user-input__container textarea::-moz-placeholder {
+ color: rgba(255, 255, 255, .45)
+}
+
+.is-dark-theme .mhy-init-user-input__container input:-ms-input-placeholder, .is-dark-theme .mhy-init-user-input__container textarea:-ms-input-placeholder {
+ color: rgba(255, 255, 255, .45)
+}
+
+.is-dark-theme .mhy-init-user-input__container input::-ms-input-placeholder, .is-dark-theme .mhy-init-user-input__container textarea::-ms-input-placeholder {
+ color: rgba(255, 255, 255, .45)
+}
+
+.is-dark-theme .mhy-init-user-input__container input::placeholder, .is-dark-theme .mhy-init-user-input__container textarea::placeholder {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog {
+ z-index: 9999
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content {
+ padding: 0;
+ width: 450px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header {
+ padding: 24px 52px 0
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header .close-btn {
+ top: 12px;
+ right: 12px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-bg1 {
+ position: absolute;
+ top: 186px;
+ right: 0;
+ width: 100px;
+ height: 106px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-bg2 {
+ position: absolute;
+ top: 26px;
+ left: 0;
+ width: 122px;
+ height: 270px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-bg3 {
+ position: absolute;
+ top: 0;
+ right: 55px;
+ width: 120px;
+ height: 64px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-mino {
+ position: absolute;
+ top: -110px;
+ left: 0;
+ width: 100%;
+ height: 110px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-mino img {
+ width: 100%;
+ height: 100%
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info {
+ padding: 0 24px 24px;
+ border-radius: 8px;
+ position: relative
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user__title {
+ margin-top: 6px;
+ padding: 4px 0 8px 0;
+ font-size: 22px;
+ line-height: 28px;
+ font-weight: 700;
+ text-align: center
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .nickname-tip {
+ margin-bottom: 32px;
+ font-size: 14px;
+ color: rgba(0, 0, 0, .45);
+ text-align: center;
+ white-space: pre-wrap;
+ line-height: 20px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container {
+ text-align: center
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container .avatar-img-container {
+ position: relative;
+ margin: auto;
+ display: inline-block
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container .avatar-img-bg {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 32px;
+ height: 32px;
+ border-radius: 30px;
+ border: 1px solid #fff;
+ background-color: #fff
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container .avatar-img-bg img {
+ width: 18px;
+ height: 18px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container .avatar-img {
+ width: 112px;
+ height: 112px;
+ vertical-align: top;
+ border-radius: 100%;
+ border: 3px solid #f1f4f9;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input {
+ margin: 32px 0 0
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input .mhy-init-user-input__container {
+ padding: 9px 12px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input .mhy-init-user-input__container span, body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input .mhy-init-user-input__container input {
+ height: 20px;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 20px;
+ color: rgba(0, 0, 0, .45)
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .submit-btn {
+ margin: 0 auto;
+ width: 100%;
+ height: 44px;
+ line-height: 44px;
+ font-size: 18px;
+ border-radius: 22px;
+ cursor: pointer
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .submit-btn span {
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 24px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ margin-top: 12px;
+ line-height: 20px;
+ font-weight: 400;
+ font-size: 14px;
+ cursor: pointer;
+ color: rgba(0, 0, 0, .45);
+ word-break: break-word
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .mhy-init-user-checkbox {
+ margin-right: 8px
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .mhy-init-user-checkbox.mhy-init-user-checkbox--checked .mhy-init-user-checkbox__icon {
+ border: none;
+ background-color: #657ef8
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 20px;
+ height: 20px;
+ border-radius: 20px;
+ border-color: #b2bdce
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon img {
+ margin-top: 2px;
+ width: 10px;
+ height: 10px;
+ vertical-align: middle;
+ color: #fff
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .agreement-content {
+ display: inline-block;
+ display: -webkit-box;
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ line-height: 20px;
+ font-size: 14px;
+ max-height: 60px;
+ word-wrap: break-word;
+ word-break: break-word;
+ color: rgba(0, 0, 0, .45)
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .agreement-content a {
+ color: #657ef8;
+ text-decoration: none
+}
+
+body .mhy-init-user-dialog .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-nickname-tips {
+ margin: 8px 0 32px;
+ font-size: 14px;
+ font-weight: 400;
+ color: rgba(0, 0, 0, .25)
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ border-radius: 0
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header {
+ position: relative;
+ z-index: 10
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header img {
+ top: 16px;
+ left: 16px;
+ width: 16px;
+ height: 16px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile {
+ width: 100%;
+ height: 100%
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-bg1 {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ width: 200px;
+ height: 168px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-bg2 {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 88px;
+ height: 292px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-bg3 {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 130px;
+ height: 140px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-animation {
+ position: relative;
+ width: 100%;
+ height: 100%
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-animation .mhy-init-user-svga-container {
+ margin: 40% auto 0;
+ width: 240px;
+ height: 240px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content {
+ position: relative;
+ margin-top: 70px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user__title {
+ position: relative;
+ margin: 0 auto;
+ width: 310px;
+ font-size: 26px;
+ font-weight: 700;
+ line-height: 32px;
+ text-align: center;
+ color: rgba(0, 0, 0, .85)
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user__title span {
+ display: inline-block;
+ position: relative;
+ z-index: 100
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user__title .mhy-init-user-line {
+ position: absolute;
+ left: calc(50% - 38px);
+ bottom: 0;
+ width: 76px;
+ height: 10px;
+ z-index: 1
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .nickname-tip {
+ margin: 16px auto 0;
+ width: 310px;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 18px;
+ text-align: center;
+ color: rgba(0, 0, 0, .85)
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container {
+ position: relative;
+ margin: 40px auto 0;
+ width: 82px;
+ height: 82px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container .avatar-img {
+ width: 100%;
+ height: 100%;
+ border-radius: 41px;
+ border: 1px solid #f1f4f9
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container .avatar-img-bg {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 28px;
+ height: 28px;
+ border-radius: 14px;
+ border: 1px solid #fff;
+ background-color: #f5f6fb
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container .avatar-img-bg img {
+ width: 16px;
+ height: 16px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input {
+ position: relative;
+ margin: 16px auto 0;
+ padding: 9px 9px 9px 11px;
+ width: 288px;
+ border-radius: 8px;
+ border: 1px solid #f5f6fb
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input .mhy-init-user-input__container {
+ border: none
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input .mhy-init-user-input__container::after {
+ border: none
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input span {
+ color: rgba(0, 0, 0, .25)
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input input {
+ color: rgba(0, 0, 0, .65);
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 18px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-nickname-tips {
+ margin: 8px auto 40px;
+ width: 310px;
+ font-size: 12px;
+ line-height: 16px;
+ text-align: center;
+ font-weight: 400;
+ color: rgba(0, 0, 0, .45)
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .submit-btn {
+ position: relative;
+ margin: 40px auto 0;
+ display: block;
+ width: 310px;
+ height: 46px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border-radius: 23px;
+ cursor: none
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .submit-btn button {
+ cursor: none;
+ font-size: 17px;
+ font-weight: 700;
+ line-height: 22px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .submit-btn.mhy-init-user-button--disabled {
+ color: rgba(0, 0, 0, .25);
+ background-color: #f1f4f9;
+ cursor: none
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ margin: 40px auto 32px;
+ width: 310px;
+ line-height: 20px;
+ font-weight: 400;
+ font-size: 14px;
+ cursor: pointer;
+ color: rgba(0, 0, 0, .45);
+ word-break: break-word
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .mhy-init-user-checkbox {
+ margin-right: 8px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .mhy-init-user-checkbox.mhy-init-user-checkbox--checked .mhy-init-user-checkbox__icon {
+ border: none;
+ background-color: #657ef8
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 20px;
+ height: 20px;
+ border-radius: 20px;
+ border-color: rgba(0, 0, 0, .45)
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon img {
+ margin-top: 2px;
+ width: 10px;
+ height: 10px;
+ vertical-align: middle
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon .icon-unchecked {
+ font-size: 20px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .agreement-content {
+ display: inline-block;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ line-height: 20px;
+ font-size: 14px;
+ max-height: 60px;
+ word-wrap: break-word;
+ word-break: break-word;
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 20px
+}
+
+body .mhy-init-user-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .agreement-content a {
+ color: #657ef8;
+ text-decoration: none
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-dialog-header .icon-dialog_close {
+ color: #cecfd1
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user__title {
+ color: rgba(255, 255, 255, .85)
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .nickname-tip {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container .avatar-img-bg {
+ border: 1px solid #1b1d2a;
+ background-color: #242734
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .avatar-container .avatar-img {
+ border: 3px solid #343746
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input {
+ margin: 32px 0 0;
+ font-size: 14px;
+ position: relative;
+ line-height: 20px
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input .mhy-init-user-input__container span, body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-form-input .mhy-init-user-input__container input {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .mhy-init-user-nickname-tips {
+ color: rgba(255, 255, 255, .25)
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon {
+ border-color: #5c5f6b
+}
+
+body .mhy-init-user-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-pc .mhy-init-user-init-user-info .agreement .agreement-content {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content {
+ background-color: #0c0f1d
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header img {
+ width: 14px;
+ height: 14px
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user__title {
+ color: rgba(255, 255, 255, .85)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .nickname-tip {
+ color: rgba(255, 255, 255, .85)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container .avatar-img {
+ border: 1px solid #343746
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container .avatar-img-bg {
+ border: 1px solid #1b1d2a;
+ background-color: #0c0f1d
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .avatar-container .avatar-img-bg img {
+ color: #cecfd1;
+ width: 16px;
+ height: 16px
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input {
+ border: 1px solid #0c0f1d;
+ background-color: #1b1d2a
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input span {
+ color: rgba(255, 255, 255, .25)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-form-input input {
+ color: rgba(255, 255, 255, .65)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .mhy-init-user-nickname-tips {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .submit-btn.mhy-init-user-button--disabled {
+ color: rgba(255, 255, 255, .25);
+ background-color: #343746
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement {
+ color: rgba(255, 255, 255, .45)
+}
+
+body .mhy-init-user-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-mobile .mhy-init-user-content .agreement .mhy-init-user-checkbox .mhy-init-user-checkbox__icon {
+ color: rgba(255, 255, 255, .45);
+ border-color: rgba(255, 255, 255, .45)
+}
+
+@media screen and (max-height: 600px) {
+ .is-mobile .mhy-init-user-mobile {
+ margin-bottom: 150px
+ }
+
+ .is-mobile .mhy-account-flow-avatar-list {
+ margin-bottom: 150px
+ }
+
+ .is-mobile .mhy-init-user-dialog-content {
+ overflow: scroll !important
+ }
+}
+
+body .mhy-avatar-list-dialog {
+ z-index: 10000
+}
+
+body .mhy-avatar-list-dialog .mhy-init-user-dialog-content {
+ min-width: 608px;
+ overflow: hidden
+}
+
+body .mhy-avatar-list-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header {
+ padding: 10px 16px;
+ height: auto;
+ border-bottom: 1px solid #f6f9fb
+}
+
+body .mhy-avatar-list-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header .mhy-init-user-dialog-title {
+ text-align: left;
+ font-size: 14px;
+ line-height: 16px;
+ font-weight: 600;
+ color: #2f3f56
+}
+
+body .mhy-avatar-list-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-header .close-btn {
+ top: calc(50% - 10px);
+ right: 16px
+}
+
+body .mhy-avatar-list-dialog .mhy-init-user-dialog-content .mhy-init-user-dialog-body {
+ padding: 0;
+ max-height: 640px;
+ overflow: hidden
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list {
+ max-height: 640px;
+ padding: 0;
+ background-color: #fff
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .title {
+ text-align: center;
+ margin-bottom: 10px
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-container {
+ margin: 32px 0;
+ text-align: center
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-container .avatar-img {
+ width: 112px;
+ height: 112px;
+ vertical-align: top;
+ border-radius: 100%;
+ border: 6px solid #eceff4
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-list {
+ margin: 0 auto 86px;
+ padding: 2px 0 0 46px;
+ width: 100%;
+ height: 390px;
+ text-align: left;
+ overflow-y: scroll
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item {
+ position: relative;
+ margin: 0 53px 16px 0;
+ width: 88px;
+ height: 88px;
+ display: inline-block;
+ border: 6px solid #eceff4;
+ border-radius: 88px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item:nth-child(4n) {
+ margin-right: 0
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item img {
+ width: 100%;
+ height: 100%;
+ border-radius: 100%
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item.active::after {
+ position: absolute;
+ top: -8px;
+ left: -8px;
+ content: "";
+ display: block;
+ width: 88px;
+ height: 88px;
+ border-radius: 100%;
+ border: 2px solid #6484ff
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-btn-group {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 76px;
+ width: 100%;
+ background-color: #fff
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-cancel-btn {
+ margin: 0;
+ width: 115px;
+ height: 38px;
+ line-height: 38px;
+ border-radius: 38px;
+ font-size: 14px;
+ cursor: pointer
+}
+
+body .mhy-avatar-list-dialog .mhy-account-flow-avatar-list .avatar-submit-btn {
+ margin: 0 0 0 24px;
+ width: 115px;
+ height: 38px;
+ line-height: 38px;
+ border-radius: 38px;
+ font-size: 14px;
+ cursor: pointer
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content {
+ min-width: 100%;
+ background-color: #f5f6fb
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header .header-back-icon {
+ width: 16px !important;
+ height: 16px !important
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header .mhy-init-user-dialog-title {
+ font-size: 16px;
+ font-weight: 600;
+ line-height: 24px;
+ color: #2f3f56
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header .header-submit-btn {
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 14px;
+ color: #657ef8
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list {
+ padding-bottom: 200px;
+ background-color: rgba(0, 0, 0, 0)
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-container {
+ background-color: rgba(0, 0, 0, 0)
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-container img {
+ width: 82px;
+ height: 82px;
+ border-width: 2px
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-list {
+ display: grid;
+ justify-items: center;
+ grid-template-columns:repeat(4, 1fr);
+ margin: 0 auto;
+ padding: 20px 8px;
+ max-height: 520px;
+ width: -webkit-fit-content;
+ width: -moz-fit-content;
+ width: fit-content;
+ min-width: calc(100% - 48px);
+ border-radius: 10px;
+ background-color: #fff;
+ overflow-x: hidden
+}
+
+@media screen and (max-width: 390px) {
+ body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-list {
+ grid-template-columns:repeat(3, 1fr)
+ }
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item {
+ margin: 0 15px 20px 0;
+ width: 70px;
+ height: 70px;
+ cursor: none
+}
+
+body .mhy-avatar-list-dialog.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item.active::after {
+ width: 70px;
+ height: 70px
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-dialog-header {
+ border-bottom: 1px solid #0c0f1d
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme .mhy-init-user-dialog-content .mhy-init-user-dialog-header .mhy-init-user-dialog-title {
+ color: #0c0f1d
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme .mhy-account-flow-avatar-list {
+ background-color: #1b1d2a
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme .mhy-account-flow-avatar-list .avatar-container .avatar-img {
+ border: 6px solid #3c3f50
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme .mhy-account-flow-avatar-list .avatar-list .mhy-init-user-avatar-item {
+ border: 6px solid #3c3f50
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme .mhy-account-flow-avatar-list .avatar-btn-group {
+ background-color: #1b1d2a
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content {
+ background-color: #0c0f1d
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-init-user-dialog-header .mhy-init-user-dialog-title {
+ color: #cecfd1
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list {
+ background-color: rgba(0, 0, 0, 0)
+}
+
+body .mhy-avatar-list-dialog.is-dark-theme.is-mobile .mhy-init-user-dialog-scroll-container .mhy-init-user-dialog-content .mhy-account-flow-avatar-list .avatar-list {
+ background-color: #1b1d2a
+}
+
+.mhy-hoyolab-account-block {
+ position: relative;
+ cursor: pointer
+}
+
+.mhy-hoyolab-account-block__avatar {
+ width: 32px;
+ height: 32px
+}
+
+.mhy-hoyolab-account-block__avatar-icon {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ border: 1px solid #f1f4f9;
+ vertical-align: top
+}
+
+.mhy-hoyolab-account-block__item {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between
+}
+
+.mhy-hoyolab-account-block__icon, .mhy-hoyolab-account-block__active-icon {
+ width: 24px;
+ height: 24px;
+ margin-right: 8px
+}
+
+.mhy-hoyolab-account-block__active-icon {
+ display: none
+}
+
+.mhy-hoyolab-account-block__arrow_icon, .mhy-hoyolab-account-block__arrow_icon_active {
+ width: 16px;
+ height: 16px
+}
+
+.mhy-hoyolab-account-block__arrow_icon_active {
+ display: none
+}
+
+.mhy-hoyolab-account-block .mhy-hoyolab-select-menu {
+ padding: 0;
+ top: 45px;
+ right: 0
+}
+
+.mhy-hoyolab-account-block .mhy-hoyolab-select-menu__item:hover .mhy-hoyolab-account-block__icon {
+ display: none
+}
+
+.mhy-hoyolab-account-block .mhy-hoyolab-select-menu__item:hover .mhy-hoyolab-account-block__active-icon {
+ display: inline-block
+}
+
+.mhy-hoyolab-account-block .mhy-hoyolab-select-menu__item:hover .mhy-hoyolab-account-block__arrow_icon {
+ display: none
+}
+
+.mhy-hoyolab-account-block .mhy-hoyolab-select-menu__item:hover .mhy-hoyolab-account-block__arrow_icon_active {
+ display: inline-block
+}
+
+.hoyolab-header-zoom-in-top-enter-active, .hoyolab-header-zoom-in-top-leave-active {
+ opacity: 1;
+ transform: scaleY(1);
+ transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1), opacity 450ms cubic-bezier(0.23, 1, 0.32, 1);
+ transform-origin: center top
+}
+
+.hoyolab-header-zoom-in-top-enter, .hoyolab-header-zoom-in-top-leave-active {
+ opacity: 0;
+ transform: scaleY(0)
+}
+
+.hoyolab-header-account-zoom-in-top-enter-active, .hoyolab-header-account-zoom-in-top-leave-active {
+ opacity: 1;
+ transform: scaleY(1);
+ transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1), opacity 450ms cubic-bezier(0.23, 1, 0.32, 1);
+ transform-origin: center top
+}
+
+.hoyolab-header-account-zoom-in-top-enter, .hoyolab-header-account-zoom-in-top-leave-active {
+ opacity: 0;
+ transform: scaleY(0)
+}
+
+.mhy-hoyolab-header {
+ background-color: #f5f6fb;
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 2900
+}
+
+.mhy-hoyolab-header * {
+ box-sizing: border-box
+}
+
+.mhy-hoyolab-header ul {
+ margin: 0;
+ padding: 0;
+ list-style: none
+}
+
+.mhy-hoyolab-header__wrapper {
+ background-color: #fff
+}
+
+.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper {
+ background-color: #1b1d2a
+}
+
+.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-lang-selector {
+ background-color: #343746
+}
+
+.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-account-block__avatar img {
+ border-color: #576274
+}
+
+.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-select-menu {
+ background-color: #1b1d2a
+}
+
+.mhy-hoyolab-header-dark .mhy-hoyolab-header__wrapper .mhy-hoyolab-select-menu__item:hover {
+ background-color: #343746
+}
+
+.mhy-hoyolab-header__container {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative;
+ width: 1200px;
+ height: 56px;
+ margin: 0 auto
+}
+
+.mhy-hoyolab-header__hoyolab {
+ width: 87px;
+ height: 16px;
+ cursor: pointer
+}
+
+.mhy-hoyolab-header__right {
+ display: flex;
+ align-items: center
+}
+
+.mhy-hoyolab-header .mhy-hoyolab-lang-selector {
+ margin-right: 16px
+}
+
+@media screen and (max-width: 1439px) {
+ .mhy-hoyolab-header__container {
+ width: 972px
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .mhy-hoyolab-header__container {
+ width: 668px
+ }
+}
+
+html {
+ -webkit-tap-highlight-color: transparent
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
+}
+
+a {
+ text-decoration: none
+}
+
+button, input, textarea {
+ color: inherit;
+ font: inherit
+}
+
+[class*=van-]:focus, a:focus, button:focus, input:focus, textarea:focus {
+ outline: 0
+}
+
+ol, ul {
+ margin: 0;
+ padding: 0;
+ list-style: none
+}
+
+.van-ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis
+}
+
+.van-multi-ellipsis--l2 {
+ -webkit-line-clamp: 2
+}
+
+.van-multi-ellipsis--l2, .van-multi-ellipsis--l3 {
+ display: -webkit-box;
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ -webkit-box-orient: vertical
+}
+
+.van-multi-ellipsis--l3 {
+ -webkit-line-clamp: 3
+}
+
+.van-clearfix:after {
+ display: table;
+ clear: both;
+ content: ""
+}
+
+[class*=van-hairline]:after {
+ position: absolute;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ content: " ";
+ pointer-events: none;
+ top: -50%;
+ right: -50%;
+ bottom: -50%;
+ left: -50%;
+ border: 0 solid #ebedf0;
+ -webkit-transform: scale(.5);
+ -ms-transform: scale(.5);
+ transform: scale(.5)
+}
+
+.van-hairline, .van-hairline--bottom, .van-hairline--left, .van-hairline--right, .van-hairline--surround, .van-hairline--top, .van-hairline--top-bottom {
+ position: relative
+}
+
+.van-hairline--top:after {
+ border-top-width: 1px
+}
+
+.van-hairline--left:after {
+ border-left-width: 1px
+}
+
+.van-hairline--right:after {
+ border-right-width: 1px
+}
+
+.van-hairline--bottom:after {
+ border-bottom-width: 1px
+}
+
+.van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
+ border-width: 1px 0
+}
+
+.van-hairline--surround:after {
+ border-width: 1px
+}
+
+@-webkit-keyframes van-slide-up-enter {
+ 0% {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0)
+ }
+}
+
+@keyframes van-slide-up-enter {
+ 0% {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-up-leave {
+ to {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0)
+ }
+}
+
+@keyframes van-slide-up-leave {
+ to {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-down-enter {
+ 0% {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0)
+ }
+}
+
+@keyframes van-slide-down-enter {
+ 0% {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-down-leave {
+ to {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0)
+ }
+}
+
+@keyframes van-slide-down-leave {
+ to {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-left-enter {
+ 0% {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+ }
+}
+
+@keyframes van-slide-left-enter {
+ 0% {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-left-leave {
+ to {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+ }
+}
+
+@keyframes van-slide-left-leave {
+ to {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-right-enter {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+ }
+}
+
+@keyframes van-slide-right-enter {
+ 0% {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+ }
+}
+
+@-webkit-keyframes van-slide-right-leave {
+ to {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+ }
+}
+
+@keyframes van-slide-right-leave {
+ to {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+ }
+}
+
+@-webkit-keyframes van-fade-in {
+ 0% {
+ opacity: 0
+ }
+ to {
+ opacity: 1
+ }
+}
+
+@keyframes van-fade-in {
+ 0% {
+ opacity: 0
+ }
+ to {
+ opacity: 1
+ }
+}
+
+@-webkit-keyframes van-fade-out {
+ 0% {
+ opacity: 1
+ }
+ to {
+ opacity: 0
+ }
+}
+
+@keyframes van-fade-out {
+ 0% {
+ opacity: 1
+ }
+ to {
+ opacity: 0
+ }
+}
+
+@-webkit-keyframes van-rotate {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0)
+ }
+ to {
+ -webkit-transform: rotate(1turn);
+ transform: rotate(1turn)
+ }
+}
+
+@keyframes van-rotate {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0)
+ }
+ to {
+ -webkit-transform: rotate(1turn);
+ transform: rotate(1turn)
+ }
+}
+
+.van-fade-enter-active {
+ -webkit-animation: .3s van-fade-in both ease-out;
+ animation: .3s van-fade-in both ease-out
+}
+
+.van-fade-leave-active {
+ -webkit-animation: .3s van-fade-out both ease-in;
+ animation: .3s van-fade-out both ease-in
+}
+
+.van-slide-up-enter-active {
+ -webkit-animation: van-slide-up-enter .3s both ease-out;
+ animation: van-slide-up-enter .3s both ease-out
+}
+
+.van-slide-up-leave-active {
+ -webkit-animation: van-slide-up-leave .3s both ease-in;
+ animation: van-slide-up-leave .3s both ease-in
+}
+
+.van-slide-down-enter-active {
+ -webkit-animation: van-slide-down-enter .3s both ease-out;
+ animation: van-slide-down-enter .3s both ease-out
+}
+
+.van-slide-down-leave-active {
+ -webkit-animation: van-slide-down-leave .3s both ease-in;
+ animation: van-slide-down-leave .3s both ease-in
+}
+
+.van-slide-left-enter-active {
+ -webkit-animation: van-slide-left-enter .3s both ease-out;
+ animation: van-slide-left-enter .3s both ease-out
+}
+
+.van-slide-left-leave-active {
+ -webkit-animation: van-slide-left-leave .3s both ease-in;
+ animation: van-slide-left-leave .3s both ease-in
+}
+
+.van-slide-right-enter-active {
+ -webkit-animation: van-slide-right-enter .3s both ease-out;
+ animation: van-slide-right-enter .3s both ease-out
+}
+
+.van-slide-right-leave-active {
+ -webkit-animation: van-slide-right-leave .3s both ease-in;
+ animation: van-slide-right-leave .3s both ease-in
+}
+
+.van-loading {
+ color: #c8c9cc;
+ font-size: 0
+}
+
+.van-loading, .van-loading__spinner {
+ position: relative;
+ vertical-align: middle
+}
+
+.van-loading__spinner {
+ display: inline-block;
+ width: 30px;
+ max-width: 100%;
+ height: 30px;
+ max-height: 100%;
+ -webkit-animation: van-rotate .8s linear infinite;
+ animation: van-rotate .8s linear infinite
+}
+
+.van-loading__spinner--spinner {
+ -webkit-animation-timing-function: steps(12);
+ animation-timing-function: steps(12)
+}
+
+.van-loading__spinner--spinner i {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%
+}
+
+.van-loading__spinner--spinner i:before {
+ display: block;
+ width: 2px;
+ height: 25%;
+ margin: 0 auto;
+ background-color: currentColor;
+ border-radius: 40%;
+ content: " "
+}
+
+.van-loading__spinner--circular {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s
+}
+
+.van-loading__circular {
+ display: block;
+ width: 100%;
+ height: 100%
+}
+
+.van-loading__circular circle {
+ -webkit-animation: van-circular 1.5s ease-in-out infinite;
+ animation: van-circular 1.5s ease-in-out infinite;
+ stroke: currentColor;
+ stroke-width: 3;
+ stroke-linecap: round
+}
+
+.van-loading__text {
+ display: inline-block;
+ margin-left: 8px;
+ color: #969799;
+ font-size: 14px;
+ vertical-align: middle
+}
+
+.van-loading--vertical {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.van-loading--vertical .van-loading__text {
+ margin: 8px 0 0
+}
+
+@-webkit-keyframes van-circular {
+ 0% {
+ stroke-dasharray: 1, 200;
+ stroke-dashoffset: 0
+ }
+ 50% {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -40
+ }
+ to {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -120
+ }
+}
+
+@keyframes van-circular {
+ 0% {
+ stroke-dasharray: 1, 200;
+ stroke-dashoffset: 0
+ }
+ 50% {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -40
+ }
+ to {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -120
+ }
+}
+
+.van-loading__spinner--spinner i:first-of-type {
+ -webkit-transform: rotate(30deg);
+ -ms-transform: rotate(30deg);
+ transform: rotate(30deg);
+ opacity: 1
+}
+
+.van-loading__spinner--spinner i:nth-of-type(2) {
+ -webkit-transform: rotate(60deg);
+ -ms-transform: rotate(60deg);
+ transform: rotate(60deg);
+ opacity: .9375
+}
+
+.van-loading__spinner--spinner i:nth-of-type(3) {
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+ opacity: .875
+}
+
+.van-loading__spinner--spinner i:nth-of-type(4) {
+ -webkit-transform: rotate(120deg);
+ -ms-transform: rotate(120deg);
+ transform: rotate(120deg);
+ opacity: .8125
+}
+
+.van-loading__spinner--spinner i:nth-of-type(5) {
+ -webkit-transform: rotate(150deg);
+ -ms-transform: rotate(150deg);
+ transform: rotate(150deg);
+ opacity: .75
+}
+
+.van-loading__spinner--spinner i:nth-of-type(6) {
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+ opacity: .6875
+}
+
+.van-loading__spinner--spinner i:nth-of-type(7) {
+ -webkit-transform: rotate(210deg);
+ -ms-transform: rotate(210deg);
+ transform: rotate(210deg);
+ opacity: .625
+}
+
+.van-loading__spinner--spinner i:nth-of-type(8) {
+ -webkit-transform: rotate(240deg);
+ -ms-transform: rotate(240deg);
+ transform: rotate(240deg);
+ opacity: .5625
+}
+
+.van-loading__spinner--spinner i:nth-of-type(9) {
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+ opacity: .5
+}
+
+.van-loading__spinner--spinner i:nth-of-type(10) {
+ -webkit-transform: rotate(300deg);
+ -ms-transform: rotate(300deg);
+ transform: rotate(300deg);
+ opacity: .4375
+}
+
+.van-loading__spinner--spinner i:nth-of-type(11) {
+ -webkit-transform: rotate(330deg);
+ -ms-transform: rotate(330deg);
+ transform: rotate(330deg);
+ opacity: .375
+}
+
+.van-loading__spinner--spinner i:nth-of-type(12) {
+ -webkit-transform: rotate(1turn);
+ -ms-transform: rotate(1turn);
+ transform: rotate(1turn);
+ opacity: .3125
+}
+
+.account-popup--overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, .7)
+}
+
+.account-popup {
+ z-index: 99;
+ position: fixed;
+ max-height: 100%;
+ -webkit-transition: -webkit-transform .3s;
+ transition: -webkit-transform .3s;
+ -o-transition: transform .3s;
+ transition: transform .3s;
+ transition: transform .3s, -webkit-transform .3s;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-overflow-scrolling: touch
+}
+
+.account-popup--center {
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate3d(-50%, -50%, 0);
+ transform: translate3d(-50%, -50%, 0)
+}
+
+.account-popup--center.van-popup--round {
+ border-radius: 16px
+}
+
+.account-popup--top {
+ top: 0;
+ left: 0;
+ width: 100%
+}
+
+.account-popup--top.account-popup--round {
+ border-radius: 0 0 16px 16px
+}
+
+.account-popup--right {
+ top: 50%;
+ right: 0;
+ -webkit-transform: translate3d(0, -50%, 0);
+ transform: translate3d(0, -50%, 0)
+}
+
+.account-popup--right.account-popup--round {
+ border-radius: 16px 0 0 16px
+}
+
+.account-popup--bottom {
+ bottom: 0;
+ left: 0;
+ width: 100%
+}
+
+.account-popup--bottom.account-popup--round {
+ border-radius: 16px 16px 0 0
+}
+
+.account-popup--left {
+ top: 50%;
+ left: 0;
+ -webkit-transform: translate3d(0, -50%, 0);
+ transform: translate3d(0, -50%, 0)
+}
+
+.account-popup--left.account-popup--round {
+ border-radius: 0 16px 16px 0
+}
+
+.account-popup--safe-area-inset-bottom {
+ padding-bottom: constant(safe-area-inset-bottom);
+ padding-bottom: env(safe-area-inset-bottom)
+}
+
+.account-popup-slide-bottom-enter-active, .account-popup-slide-left-enter-active, .account-popup-slide-right-enter-active, .account-popup-slide-top-enter-active {
+ -webkit-transition-timing-function: ease-out;
+ -o-transition-timing-function: ease-out;
+ transition-timing-function: ease-out
+}
+
+.account-popup-slide-bottom-leave-active, .account-popup-slide-left-leave-active, .account-popup-slide-right-leave-active, .account-popup-slide-top-leave-active {
+ -webkit-transition-timing-function: ease-in;
+ -o-transition-timing-function: ease-in;
+ transition-timing-function: ease-in
+}
+
+.account-popup-slide-top-enter, .account-popup-slide-top-leave-active {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0)
+}
+
+.account-popup-slide-right-enter, .account-popup-slide-right-leave-active {
+ -webkit-transform: translate3d(100%, -50%, 0);
+ transform: translate3d(100%, -50%, 0)
+}
+
+.account-popup-slide-bottom-enter, .account-popup-slide-bottom-leave-active {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0)
+}
+
+.account-popup-slide-left-enter, .account-popup-slide-left-leave-active {
+ -webkit-transform: translate3d(-100%, -50%, 0);
+ transform: translate3d(-100%, -50%, 0)
+}
+
+@-webkit-keyframes account-popup-fade-in {
+ 0% {
+ opacity: 0
+ }
+ to {
+ opacity: 1
+ }
+}
+
+@keyframes account-popup-fade-in {
+ 0% {
+ opacity: 0
+ }
+ to {
+ opacity: 1
+ }
+}
+
+@-webkit-keyframes account-popup-fade-out {
+ 0% {
+ opacity: 1
+ }
+ to {
+ opacity: 0
+ }
+}
+
+@keyframes account-popup-fade-out {
+ 0% {
+ opacity: 1
+ }
+ to {
+ opacity: 0
+ }
+}
+
+.account-popup-fade-enter-active {
+ -webkit-animation: .3s account-popup-fade-in both ease-out;
+ animation: .3s account-popup-fade-in both ease-out
+}
+
+.account-popup-fade-leave-active {
+ -webkit-animation: .3s account-popup-fade-out both ease-in;
+ animation: .3s account-popup-fade-out both ease-in
+}
+
+.role-selector-sea-dropdown-menu {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__input {
+ width: 100%;
+ height: 40px;
+ background: #fff;
+ border-radius: 4px;
+ border: 1px solid #e6e6e6;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+@media (min-width: 1025px) {
+ .role-selector-sea-dropdown-menu .dropdown-menu__input {
+ height: 48px;
+ padding-left: 20px
+ }
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__icon {
+ width: 12px;
+ height: 12px;
+ position: absolute;
+ top: 14px;
+ right: 10px
+}
+
+@media (min-width: 1025px) {
+ .role-selector-sea-dropdown-menu .dropdown-menu__icon {
+ top: 17px
+ }
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__input {
+ position: relative;
+ padding-left: 15px;
+ font-size: 14px;
+ color: #333;
+ line-height: 14px
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__input__placeholder {
+ color: #999
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__list {
+ position: absolute;
+ width: 99%;
+ left: 0;
+ top: 100%;
+ max-height: 222px;
+ padding: 1px;
+ overflow: auto;
+ background: #fff;
+ -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
+ box-shadow: 0 0 4px 0 rgba(0, 0, 0, .08);
+ border-radius: 4px;
+ border: 1px solid #e6e6e6
+}
+
+@media (min-width: 1025px) {
+ .role-selector-sea-dropdown-menu .dropdown-menu__list {
+ max-height: 170px;
+ padding: 10px 0;
+ -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
+ }
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__list__item {
+ height: 44px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ cursor: pointer;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-left: 9px
+}
+
+@media (min-width: 1025px) {
+ .role-selector-sea-dropdown-menu .dropdown-menu__list__item {
+ height: 30px;
+ padding-left: 30px
+ }
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__list__item.active {
+ background: #f5f5f5
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__list__item.active .dropdown-menu__list__value {
+ color: #333
+}
+
+.role-selector-sea-dropdown-menu .dropdown-menu__list__value {
+ font-size: 14px;
+ color: #666;
+ line-height: 14px
+}
+
+.role-selector-sea-dropdown-menu .dropdown-enter-active, .role-selector-sea-dropdown-menu .dropdown-leave-active {
+ -webkit-transition: all .3s;
+ -o-transition: all .3s;
+ transition: all .3s
+}
+
+.role-selector-sea-dropdown-menu .dropdown-enter, .role-selector-sea-dropdown-menu .dropdown-leave-to {
+ opacity: 0;
+ height: 0
+}
+
+.theme-genshin .role-selector-sea-dropdown-menu .dropdown-menu__input {
+ height: 40px
+}
+
+.theme-genshin .role-selector-sea-dropdown-menu .dropdown-menu__icon {
+ top: 14px
+}
+
+.theme-genshin .role-selector-sea-dropdown-menu .dropdown-menu__list__item.selected, .theme-genshin .role-selector-sea-dropdown-menu .dropdown-menu__list__item:hover {
+ background-color: #f8f8f8
+}
+
+.theme-genshin .role-selector-sea-dropdown-menu .dropdown-menu__list__item.selected .dropdown-menu__list__value {
+ color: #dcbc60
+}
+
+.theme-community .role-selector-sea-dropdown-menu .dropdown-menu__list__item.selected, .theme-community .role-selector-sea-dropdown-menu .dropdown-menu__list__item:hover {
+ background-color: #f5f5f5
+}
+
+.game-role-selector-sea-popup {
+ z-index: 9999
+}
+
+.game-role-selector-sea-popup .account-popup {
+ width: auto
+}
+
+.game-role-selector-sea-wrapper {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+.game-role-selector-sea-wrapper .van-loading {
+ text-align: center
+}
+
+.game-role-selector-sea-wrapper.theme-community {
+ width: 315px;
+ font-family: Helvetica, sans-serif
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community {
+ width: auto
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__container {
+ background-color: #fff;
+ border-radius: 4px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__container {
+ width: 500px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header {
+ height: 44px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: relative;
+ background-color: #4ea4dc;
+ cursor: default
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header {
+ height: 60px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header__close-icon {
+ position: absolute;
+ width: 12px;
+ height: 12px;
+ top: 16px;
+ right: 20px;
+ cursor: pointer
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header__close-icon {
+ width: 17px;
+ height: 17px;
+ top: 21.5px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header__text {
+ font-size: 14px;
+ color: #fff;
+ line-height: 14px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__header__text {
+ font-size: 20px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content {
+ padding: 0 25px 25px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content {
+ padding: 0 60px 25px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__title {
+ padding-top: 20px;
+ font-size: 12px;
+ color: #666;
+ line-height: 12px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__title {
+ padding-top: 40px;
+ font-size: 14px;
+ line-height: 14px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__dropdown {
+ margin-top: 10px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__dropdown {
+ margin-top: 20px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current {
+ margin-bottom: 30px;
+ margin-top: 20px;
+ background: #f8f8f8;
+ border-radius: 4px;
+ color: #333;
+ font-family: PingFangSC-Regular, PingFang SC, serif;
+ font-size: 14px;
+ line-height: 14px;
+ font-weight: 400;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 12px 10px;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current {
+ margin-top: 15px;
+ margin-bottom: 40px;
+ padding: 15px 20px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current__nickename {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current__nickename-level {
+ margin-left: 5px;
+ font-size: 10px;
+ padding: 2px 3px;
+ font-family: PingFang SC, sans-serif;
+ font-weight: 800;
+ color: #fff;
+ background: #57d9ad;
+ border-radius: 2px
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__current__uid {
+ padding-top: 12px
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__loading {
+ margin-top: 36px;
+ margin-bottom: 46px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__loading {
+ margin-top: 34px;
+ margin-bottom: 59px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__placeholder {
+ margin-top: 45px;
+ margin-bottom: 55px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__placeholder {
+ margin-top: 42px;
+ margin-bottom: 67px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__placeholder-text {
+ text-align: center;
+ font-size: 12px;
+ color: #ccc;
+ line-height: 12px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__content__placeholder-text {
+ font-size: 14px;
+ line-height: 14px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__button {
+ cursor: pointer;
+ height: 40px;
+ background: #4ea4dc;
+ border-radius: 4px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__button {
+ height: 48px;
+ margin-top: 40px
+ }
+
+ .game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__button-text {
+ font-size: 20px;
+ font-weight: 400;
+ color: #fff;
+ line-height: 20px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-community .game-role-selector-sea__button-text {
+ font-size: 14px;
+ font-family: PingFangSC-Regular, PingFang SC, sans-serif;
+ font-weight: 400;
+ color: #fff;
+ line-height: 14px
+}
+
+.game-role-selector-sea-wrapper.theme-genshin {
+ width: 297px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin {
+ width: auto
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__container {
+ background-color: #fff;
+ border-radius: 4px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__container {
+ width: 480px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__header {
+ height: 48px;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border-bottom: 1px solid #ebebeb;
+ cursor: default
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__header {
+ height: 50px;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ padding-left: 30px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__header__close-icon {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ top: 10px;
+ right: 10px;
+ cursor: pointer
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__header__close-icon {
+ width: 14px;
+ height: 14px;
+ top: 18px;
+ right: 30px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__header__text {
+ font-size: 14px;
+ color: #333;
+ line-height: 14px;
+ font-weight: 700
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__header__text {
+ font-size: 16px;
+ line-height: 16px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content {
+ padding: 0 20px 20px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content {
+ padding: 0 30px;
+ height: 310px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__title {
+ padding-top: 17.5px;
+ font-size: 12px;
+ color: #333;
+ line-height: 12px;
+ font-weight: 400
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__title {
+ padding-top: 40px;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 14px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__dropdown {
+ margin-top: 10px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__dropdown {
+ margin-top: 9px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__current {
+ margin-top: 13px;
+ background: #f8f8f8;
+ border-radius: 4px;
+ color: #333;
+ font-size: 14px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 12px 10px;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__current {
+ margin-top: 15px;
+ padding: 15px 20px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__current__nickename {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__current__nickename-level {
+ margin-left: 5px;
+ font-size: 10px;
+ padding: 2px 3px;
+ font-family: PingFang SC, sans-serif;
+ font-weight: 800;
+ color: #fff;
+ background: #57d9ad;
+ border-radius: 2px
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__current__uid {
+ padding-top: 10px
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__loading {
+ margin-top: 21px;
+ margin-bottom: 41px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__loading {
+ margin-top: 42px;
+ margin-bottom: 72px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__placeholder {
+ margin-top: 30px;
+ margin-bottom: 50px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__placeholder {
+ margin-top: 50px;
+ margin-bottom: 80px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__placeholder-text {
+ text-align: center;
+ font-size: 12px;
+ color: #ccc;
+ font-weight: 400;
+ line-height: 12px
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__content__placeholder-text {
+ font-size: 14px;
+ line-height: 14px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__button {
+ cursor: pointer;
+ height: 42px;
+ margin-top: 22px;
+ background: #2d2f33;
+ border-radius: 4px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+@media (min-width: 1025px) {
+ .game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__button {
+ margin: 0 auto;
+ width: 98px;
+ height: 34px;
+ margin-top: 45px
+ }
+}
+
+.game-role-selector-sea-wrapper.theme-genshin .game-role-selector-sea__button-text {
+ font-size: 14px;
+ font-family: Microsoft YaHei, sans-serif;
+ font-weight: 400;
+ color: #f6ddb2;
+ line-height: 14px
+}
+
+.game-role-selector-sea__button.disabled {
+ background-color: #eff1f4 !important;
+ cursor: not-allowed !important
+}
+
+.game-role-selector-sea__button.disabled .game-role-selector-sea__button-text {
+ color: #c0c5c8
+}
+
+.game-role-selector-sea__limit-text {
+ margin-bottom: 4px;
+ font-size: 12px;
+ color: #ccc;
+ font-weight: 400;
+ line-height: 14px
+}
+
+.mhy-bridge-message-box-mask {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ -webkit-animation: messageBoxMaskIn 200ms ease;
+ animation: messageBoxMaskIn 200ms ease;
+ opacity: 1;
+ -webkit-transition: opacity 200ms ease;
+ -o-transition: opacity 200ms ease;
+ transition: opacity 200ms ease;
+ z-index: 999;
+ font-size: 3.73333vmin
+}
+
+.mhy-bridge-message-box-mask .mhy-bridge-message-box {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ margin: auto;
+ width: 66.66667vmin;
+ text-align: center;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ border-radius: 2.13333vmin;
+ background-color: #fff;
+ -webkit-animation: messageBoxScaleIn 200ms ease;
+ animation: messageBoxScaleIn 200ms ease
+}
+
+.mhy-bridge-message-box-mask .mhy-bridge-message-box header {
+ font-size: 4.26667vmin;
+ line-height: 12vmin;
+ border-bottom: 1px solid #f0f0f0
+}
+
+.mhy-bridge-message-box-mask .mhy-bridge-message-box .mhy-bridge-message-box-content {
+ padding: 4.26667vmin 8.53333vmin;
+ font-size: 3.73333vmin;
+ line-height: 1.5;
+ word-break: break-all
+}
+
+.mhy-bridge-message-box-mask .mhy-bridge-message-box footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ border-top: 1px solid #f0f0f0;
+ line-height: 12vmin;
+ color: #6cf;
+ font-size: 3.73333vmin
+}
+
+.mhy-bridge-message-box-mask .mhy-bridge-message-box footer .confirm-item {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ border-right: 1px solid #f0f0f0;
+ cursor: pointer;
+ -webkit-highlight: none;
+ -webkit-tap-highlight-color: transparent
+}
+
+.mhy-bridge-message-box-mask .mhy-bridge-message-box footer .confirm-item:last-child {
+ border-right: 0
+}
+
+.mhy-bridge-message-box-mask.message-box-close {
+ opacity: 0
+}
+
+@-webkit-keyframes messageBoxScaleIn {
+ from {
+ -webkit-transform: translateY(-50%) scale(0.3);
+ transform: translateY(-50%) scale(0.3)
+ }
+ to {
+ -webkit-transform: translateY(-50%) scale(1);
+ transform: translateY(-50%) scale(1)
+ }
+}
+
+@keyframes messageBoxScaleIn {
+ from {
+ -webkit-transform: translateY(-50%) scale(0.3);
+ transform: translateY(-50%) scale(0.3)
+ }
+ to {
+ -webkit-transform: translateY(-50%) scale(1);
+ transform: translateY(-50%) scale(1)
+ }
+}
+
+@-webkit-keyframes messageBoxMaskIn {
+ from {
+ background-color: rgba(0, 0, 0, 0)
+ }
+ to {
+ background-color: rgba(0, 0, 0, 0.5)
+ }
+}
+
+@keyframes messageBoxMaskIn {
+ from {
+ background-color: rgba(0, 0, 0, 0)
+ }
+ to {
+ background-color: rgba(0, 0, 0, 0.5)
+ }
+}
+
+._bbs-repaint-hacker {
+ width: 0;
+ height: 0;
+ opacity: 0;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-animation-name: run;
+ animation-name: run;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-duration: 0.5s;
+ animation-duration: 0.5s;
+ position: absolute
+}
+
+@-webkit-keyframes run {
+ 0% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+ }
+ 100% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0)
+ }
+}
+
+@keyframes run {
+ 0% {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+ }
+ 100% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0)
+ }
+}
+
+.select-wrapper[data-v-0342da24] {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ line-height: 1;
+ position: relative;
+ height: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #666
+}
+
+.select[data-v-0342da24] {
+ border: 1px solid #ccc;
+ width: 26.66667vmin;
+ cursor: pointer;
+ border-radius: 4px;
+ padding: 1vmin 0.5vmin;
+ font-size: 3vmin;
+ position: relative
+}
+
+.select.selecting[data-v-0342da24]::after {
+ -webkit-transform: rotate(-180deg);
+ -ms-transform: rotate(-180deg);
+ transform: rotate(-180deg);
+ top: 25%
+}
+
+.select.selecting .list[data-v-0342da24] {
+ max-height: 999px
+}
+
+.select[data-v-0342da24]::after {
+ content: "";
+ position: absolute;
+ right: 0.8em;
+ top: 50%;
+ margin-top: -0.2vmin;
+ border: 0.9vmin solid #ccc;
+ border-color: #ccc transparent transparent transparent;
+ -webkit-transition: 0.3s all ease-in-out;
+ -o-transition: 0.3s all ease-in-out;
+ transition: 0.3s all ease-in-out
+}
+
+.select .caption[data-v-0342da24] {
+ padding-right: 3vmin
+}
+
+.select .list[data-v-0342da24] {
+ overflow: hidden;
+ -webkit-transition: 0.3s all ease-in-out;
+ -o-transition: 0.3s all ease-in-out;
+ transition: 0.3s all ease-in-out;
+ width: 100%;
+ max-height: 0;
+ position: absolute;
+ z-index: 99;
+ left: 0;
+ bottom: 0;
+ -webkit-transform: translateY(100%);
+ -ms-transform: translateY(100%);
+ transform: translateY(100%);
+ border-radius: 0 0 4px 4px;
+ background-color: #fff;
+ -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
+}
+
+.select .list .item[data-v-0342da24] {
+ padding: 1vmin
+}
+
+.select .list .item[data-v-0342da24]:hover {
+ background-color: #f2f2f2
+}
+
+.mhy-game-role-message-box-mask {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ -webkit-animation: gameRoleSelectorMessageBoxMaskIn 200ms ease;
+ animation: gameRoleSelectorMessageBoxMaskIn 200ms ease;
+ opacity: 1;
+ -webkit-transition: opacity 200ms ease;
+ -o-transition: opacity 200ms ease;
+ transition: opacity 200ms ease;
+ z-index: 999;
+ font-size: 3.73333vmin
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ margin: auto;
+ width: 66.66667vmin;
+ text-align: center;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ border-radius: 2.13333vmin;
+ background-color: #fff;
+ -webkit-animation: gameRoleSelectorMessageBoxScaleIn 200ms ease;
+ animation: gameRoleSelectorMessageBoxScaleIn 200ms ease
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box-overseas-header {
+ padding: 0 4.26667vmin;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box-overseas-selector {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box-overseas-selector .select-wrapper + .select-wrapper {
+ margin-left: 5px
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box header {
+ color: #333;
+ font-size: 4.26667vmin;
+ line-height: 12vmin;
+ border-bottom: 1px solid #f0f0f0
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box .mhy-game-role-message-box-content {
+ padding: 4.26667vmin 8.53333vmin;
+ font-size: 3.73333vmin;
+ line-height: 1.5;
+ word-break: break-all
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ border-top: 1px solid #f0f0f0;
+ line-height: 12vmin;
+ color: #6cf;
+ font-size: 3.73333vmin
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box footer .confirm-item {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ border-right: 1px solid #f0f0f0;
+ cursor: pointer;
+ -webkit-highlight: none;
+ -webkit-tap-highlight-color: transparent
+}
+
+.mhy-game-role-message-box-mask .mhy-game-role-message-box footer .confirm-item:last-child {
+ border-right: 0
+}
+
+.mhy-game-role-message-box-mask.message-box-close {
+ opacity: 0
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-message-box {
+ width: 90vmin;
+ max-height: 90%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-message-box .mhy-game-role-message-box-content {
+ padding: 0 4.26667vmin;
+ overflow-x: hidden;
+ overflow-y: auto
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector {
+ text-align: left
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .empty-text {
+ text-align: center;
+ padding: 2.66667vmin 0;
+ color: #a6a6a6
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .game-role-list {
+ font-size: 3.73333vmin;
+ margin-bottom: 8vmin
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .list-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 2.66667vmin 0;
+ border-bottom: 1px solid #f0f0f0
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .list-item .role-info {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .list-item .role-uid {
+ color: #737373;
+ font-size: 3.2vmin
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .bind-other-btn-container {
+ text-align: center;
+ margin-bottom: 5.33333vmin
+}
+
+.mhy-game-role-selector-mask .mhy-game-role-selector .bind-other-btn-container .bind-other-btn {
+ display: inline-block;
+ width: 77.33333vmin;
+ line-height: 12vmin;
+ background-color: #6cf;
+ color: #fff;
+ border-radius: .8vmin;
+ cursor: pointer
+}
+
+.mhy-game-role-message-box-header {
+ position: relative
+}
+
+.mhy-game-role-message-box-header .mhy-game-role-message-box-header-close-icon {
+ position: absolute;
+ z-index: 20;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ right: 5.33333vmin;
+ width: 3.73333vmin;
+ height: 3.73333vmin;
+ background-size: 100% 100%;
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAADaElEQVRIS8VWTWwMcRT/vZlWJaWRIOGGRB16QKI7u7O6H4huFwmibuqAM3rwebAOPg/KGQeclCDB2gp2d2qnM1MJDj20EtxIGgnSJmhnnkzt7JexO0r4H2fee7///733+71H+MeH/jEe/h+gktO2WaCjIL6beZhKJBIJ609en0gkhMj6WAJMmwTwiVDQf9OOV3hhNqcNM9A89VHA9XlNs7taWlq+TQd0aGhoxuinsWtg3p4HGQkH/cvKAVWjh9na5wAQ6Mm4yFvifv/n3wFNalpTo0m3GbymEIuE82HZt78MkJlJGdB7mLG3CEAvuJ46oj7fey+gacNYQBP8AOAVRTBcCAWk/UTEZYCOQTanH2TwqUK6GW+oDu1hv/9VNdCspi3lSfSBsDhvxwQ6HA5KZ0r9XLs0q+pdzHwJQP0PYx6trxc3BH2+QTfQnGG0TkyY9wGan/8/QUS7w7J0tdL+l7TIPB3oAFEvgFl5pzGRhM422ZcqDdKvGjGTrRuldnazRFYHHrhdrioPFVX1WSzeA9j15j9ngkYFMjeGZNn4VfprEv9Rv95cJ3IKXKwNgw//aAAq1prwZtKk2Lo2aaRarWsC2s6Koiy0xIZkafeVB/XezZ4A7eCapjV9reBX/pVPGkTe4vfIV8+AU4S26BYzry1rc6LH4wJv9SoQngDTaWMBzWA7pSvd60PP+RvFo9HaAlET0CY0TEoxeIlDaCYcmUon46QjEAR6DZFjtQSiKmAmZ7QCFYQWaE84IF2xAbMD+k62+GKpQADihkjQXSBcpc1JWVpVY8RCkdCMcQK2h1f7k6VpzT7V4gz0gtDoCAST1RmV5TKBKGirW00yucEdgHnZuTmBRomEjSG51ZXQijrosyzzPgjzHGkDxF2RYOu1mtKWyQ0cAOh0yax8K9ZRe5tUndD9ut5sTnIfgEVOrQE+FAkGzrqKd348nWNGYSYCeCmYdR2h0Kp31dTD+acozxZa4qStocsLKSScDwWk7p/GU0bVz4F5akjmT3qmiM1eCe042QLxxcQdANFCJKKeiCx1lzVNJqcNw1kxiHrHP37oisfjX728rNImmUw2NM6Ze5XzKwaAkUjlipFR9U4wHyUBd9N9qWN/Y4mKtseOs4VNIDoRkSW74//jmjid1E3Hp6a0TSdoNZ/vXJthLIBkNssAAAAASUVORK5CYII=")
+}
+
+.mhy-game-role-message-box-mask *, .mhy-game-role-selector-mask * {
+ margin: 0
+}
+
+.mhy-game-role-message-box-mask ul, .mhy-game-role-selector-mask ul {
+ list-style: none;
+ padding: 0
+}
+
+@-webkit-keyframes gameRoleSelectorMessageBoxScaleIn {
+ from {
+ -webkit-transform: translateY(-50%) scale(0.3);
+ transform: translateY(-50%) scale(0.3)
+ }
+ to {
+ -webkit-transform: translateY(-50%) scale(1);
+ transform: translateY(-50%) scale(1)
+ }
+}
+
+@keyframes gameRoleSelectorMessageBoxScaleIn {
+ from {
+ -webkit-transform: translateY(-50%) scale(0.3);
+ transform: translateY(-50%) scale(0.3)
+ }
+ to {
+ -webkit-transform: translateY(-50%) scale(1);
+ transform: translateY(-50%) scale(1)
+ }
+}
+
+@-webkit-keyframes gameRoleSelectorMessageBoxMaskIn {
+ from {
+ background-color: rgba(0, 0, 0, 0)
+ }
+ to {
+ background-color: rgba(0, 0, 0, 0.5)
+ }
+}
+
+@keyframes gameRoleSelectorMessageBoxMaskIn {
+ from {
+ background-color: rgba(0, 0, 0, 0)
+ }
+ to {
+ background-color: rgba(0, 0, 0, 0.5)
+ }
+}
+
+