:root {
  --v_xs: 5px;
  --v_xsx: 4px;
  --v_xxs: 6px;
  --v_sm: 10px;
  --v_smx: 8px;
  --v_xsm: 12px;
  --v_md: 15px;
  --v_mdx: 14px;
  --v_xmd: 16px;
  --v_lg: 20px;
  --v_lgx: 18px;
  --v_xlg: 22px;
  --v_xl: 25px;
  --v_xlx: 24px;
  --v_xxl: 26px;
  --v_fs_1: 24px;
  --v_fs_2: 18px;
  --v_fs_3: 16px;
  --v_fs_4: 14px;
  --v_fs_5: 13px;
  --v_fs_6: 12px;
  --v_lh_xs: 1;
  --v_lh_sm: 1.25;
  --v_lh_md: 1.5;
  --v_lh_lg: 1.75;
  --v_lh_xl: 2;
  --v_height_xs: 16px;
  --v_height_sm: 24px;
  --v_height_md: 32px;
  --v_height_lg: 40px;
  --v_height_xl: 48px;
  --v_radius: 6px;
  --v_radius_sm: 4px;
  --v_radius_md: 8px;
  --v_radius_lg: 10px;
  --v_brand_pink: var(--brand_pink, #ff6699);
  --v_brand_pink_thin: var(--brand_pink_thin, #ffecf1);
  --v_brand_blue: var(--brand_blue, #00aeec);
  --v_brand_blue_thin: var(--brand_blue_thin, #dff6fd);
  --v_stress_red: var(--stress_red, #f85a54);
  --v_stress_red_thin: var(--stress_red_thin, #feecea);
  --v_success_green: var(--success_green, #2ac864);
  --v_success_green_thin: var(--success_green_thin, #e4f8ea);
  --v_operate_orange: var(--operate_orange, #ff7f24);
  --v_operate_orange_thin: var(--operate_orange_thin, #fff0e3);
  --v_pay_yellow: var(--pay_yellow, #ffb027);
  --v_pay_yellow_thin: var(--pay_yellow_thin, #fff6e4);
  --v_bg1: var(--bg1, #ffffff);
  --v_bg2: var(--bg2, #f6f7f8);
  --v_bg3: var(--bg3, #f1f2f3);
  --v_bg1_float: var(--bg1_float, #ffffff);
  --v_bg2_float: var(--bg2_float, #f1f2f3);
  --v_text_white: var(--text_white, #ffffff);
  --v_text1: var(--text1, #18191c);
  --v_text2: var(--text2, #61666d);
  --v_text3: var(--text3, #9499a0);
  --v_text4: var(--text4, #c9ccd0);
  --v_text_link: var(--text_link, #008ac5);
  --v_text_notice: var(--text_notice, #e58900);
  --v_line_light: var(--line_light, #f1f2f3);
  --v_line_regular: var(--line_regular, #e3e5e7);
  --v_line_bold: var(--line_bold, #c9ccd0);
  --v_graph_white: var(--graph_white, #ffffff);
  --v_graph_bg_thin: var(--graph_bg_thin, #f6f7f8);
  --v_graph_bg_regular: var(--graph_bg_regular, #f1f2f3);
  --v_graph_bg_thick: var(--graph_bg_thick, #e3e5e7);
  --v_graph_weak: var(--graph_weak, #c9ccd0);
  --v_graph_medium: var(--graph_medium, #9499a0);
  --v_graph_icon: var(--graph_icon, #61666d);
  --v_shadow: var(--shadow, #000000);
  --v_brand_pink_hover: var(--brand_pink_hover, #ff8cb0);
  --v_brand_pink_active: var(--brand_pink_active, #e84b85);
  --v_brand_pink_disabled: var(--brand_pink_disabled, #ffb3ca);
  --v_brand_blue_hover: var(--brand_blue_hover, #40c5f1);
  --v_brand_blue_active: var(--brand_blue_active, #008ac5);
  --v_brand_blue_disabled: var(--brand_blue_disabled, #80daf6);
  --v_stress_red_hover: var(--stress_red_hover, #fa857f);
  --v_stress_red_active: var(--stress_red_active, #e23d3d);
  --v_stress_red_disabled: var(--stress_red_disabled, #fcafaa);
  --v_text_hover: var(--text_hover, #797f87);
  --v_text_active: var(--text_active, #61666d);
  --v_text_disabled: var(--text_disabled, #c9ccd0);
  --v_line_border: var(--line_border, #c9ccd0);
  --v_line_bolder_hover: var(--line_bolder_hover, #e3e5e7);
  --v_line_bolder_active: var(--line_bolder_active, #aeb3b9);
  --v_line_bolder_disabled: var(--line_bolder_disabled, #f1f2f3);
}
.vui_button:not(.vui_button--no-transition) {
  -webkit-transition-property:
    color,
    background-color,
    border,
    -webkit-transform;
  transition-property:
    color,
    background-color,
    border,
    -webkit-transform;
  transition-property: color, background-color, border, transform;
  transition-property:
    color,
    background-color,
    border,
    transform,
    -webkit-transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.vui_button {
  height: 34px;
  padding: 0 var(--v_md);
  border-radius: var(--v_radius);
  font-size: var(--v_fs_4);
  line-height: 1;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.vui_button[disabled],
.vui_button[disabled]:hover,
.vui_button[disabled]:active {
  cursor: not-allowed;
}
.vui_button--sm {
  height: 24px;
  padding: 0 var(--v_sm);
  font-size: var(--v_fs_5);
}
.vui_button--lg {
  height: 40px;
  padding: 0 var(--v_lg);
  font-size: 16px;
}
.vui_button--block {
  display: block;
  width: 100%;
}
.vui_button--round {
  border-radius: 17px;
}
.vui_button--active-shrink:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.vui_button--text,
.vui_button--link,
.vui_button--tab {
  display: inline-block;
  height: 32px;
  padding: 0 var(--v_md);
  font-size: var(--v_fs_4);
}
.vui_button,
.vui_button:focus {
  color: var(--v_text1);
  background: var(--v_bg1_float);
  border: 1px solid var(--v_line_regular);
}
.vui_button:hover,
.vui_button:active,
.vui_button.vui_button--active,
.vui_button.vui_button--active:hover {
  color: var(--v_text1);
  background: var(--v_graph_bg_thick);
  border: 1px solid var(--v_line_regular);
}
.vui_button[disabled],
.vui_button[disabled]:hover,
.vui_button[disabled]:active,
.vui_button[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_bg1_float);
  border: 1px solid var(--v_line_bolder_disabled);
}
.vui_button--text,
.vui_button--text:focus {
  color: var(--v_text1);
  background: var(--v_bg1);
  border: none;
}
.vui_button--text:hover,
.vui_button--text:active,
.vui_button--text.vui_button--active,
.vui_button--text.vui_button--active:hover {
  color: var(--v_text1);
  background: var(--v_graph_bg_thick);
  border: none;
}
.vui_button--text[disabled],
.vui_button--text[disabled]:hover,
.vui_button--text[disabled]:active,
.vui_button--text[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_bg1);
  border: none;
}
.vui_button--link,
.vui_button--link:focus {
  color: var(--v_brand_blue);
  background: var(--v_bg1);
  border: none;
}
.vui_button--link:hover,
.vui_button--link:active,
.vui_button--link.vui_button--active,
.vui_button--link.vui_button--active:hover {
  color: var(--v_brand_blue);
  background: var(--v_brand_blue_thin);
  border: none;
}
.vui_button--link[disabled],
.vui_button--link[disabled]:hover,
.vui_button--link[disabled]:active,
.vui_button--link[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_bg1);
  border: none;
}
.vui_button--tab,
.vui_button--tab:focus {
  color: var(--v_text2);
  background: var(--v_bg1);
  border: none;
}
.vui_button--tab:hover {
  color: var(--v_brand_blue);
  background: var(--v_bg1);
  border: none;
}
.vui_button--tab:active,
.vui_button--tab.vui_button--active,
.vui_button--tab.vui_button--active:hover {
  color: var(--v_brand_blue);
  background: var(--v_brand_blue_thin);
  border: none;
}
.vui_button--tab[disabled],
.vui_button--tab[disabled]:hover,
.vui_button--tab[disabled]:active,
.vui_button--tab[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_bg1);
  border: none;
}
.vui_button--active-blue,
.vui_button--active-blue:focus {
  color: var(--v_text1);
  background: var(--v_bg1);
  border: 1px solid var(--v_line_regular);
}
.vui_button--active-blue:hover {
  color: var(--v_brand_blue);
  background: var(--v_bg1);
  border: 1px solid var(--v_brand_blue);
}
.vui_button--active-blue:active,
.vui_button--active-blue.vui_button--active,
.vui_button--active-blue.vui_button--active:hover {
  color: var(--v_text_white);
  background: var(--v_brand_blue);
  border: 1px solid var(--v_brand_blue);
}
.vui_button--active-blue[disabled],
.vui_button--active-blue[disabled]:hover,
.vui_button--active-blue[disabled]:active,
.vui_button--active-blue[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_bg1);
  border: 1px solid var(--v_line_bolder_disabled);
}
.vui_button--active-blue.vui_button--plain:hover {
  color: var(--v_brand_blue);
  background: transparent;
  border: 1px solid var(--v_brand_blue);
}
.vui_button--active-blue.vui_button--plain:active,
.vui_button--active-blue.vui_button--plain.vui_button--active,
.vui_button--active-blue.vui_button--plain.vui_button--active:hover {
  color: var(--v_brand_blue_active);
  background: transparent;
  border: 1px solid var(--v_brand_blue_active);
}
.vui_button--active-blue.vui_button--plain[disabled],
.vui_button--active-blue.vui_button--plain[disabled]:hover,
.vui_button--active-blue.vui_button--plain[disabled]:active,
.vui_button--active-blue.vui_button--plain[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: transparent;
  border: 1px solid var(--v_line_bolder_disabled);
}
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ),
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ):focus {
  color: var(--v_text1);
  background: var(--v_bg1);
  border: 1px solid var(--v_line_regular);
}
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ):hover {
  color: var(--v_brand_pink);
  background: var(--v_bg1);
  border: 1px solid var(--v_brand_pink);
}
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ):active,
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ).vui_button--active,
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ).vui_button--active:hover {
  color: var(--v_text_white);
  background: var(--v_brand_pink);
  border: 1px solid var(--v_brand_pink);
}
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled],
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled]:hover,
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled]:active,
.vui_button--active-pink:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_bg1);
  border: 1px solid var(--v_line_bolder_disabled);
}
.vui_button--active-pink.vui_button--tab:not([disabled]):hover {
  color: var(--v_brand_pink);
  background: var(--v_bg1);
  border: none;
}
.vui_button--active-pink.vui_button--tab:not([disabled]):active,
.vui_button--active-pink.vui_button--tab:not(
    [disabled]
  ).vui_button--active,
.vui_button--active-pink.vui_button--tab:not(
    [disabled]
  ).vui_button--active:hover {
  color: var(--v_brand_pink);
  background: var(--v_brand_pink_thin);
  border: none;
}
.vui_button--active-pink.vui_button--link:not([disabled]),
.vui_button--active-pink.vui_button--link:not([disabled]):focus {
  color: var(--v_brand_pink);
  background: var(--v_bg1);
  border: none;
}
.vui_button--active-pink.vui_button--link:not([disabled]):hover {
  color: var(--v_brand_pink);
  background: var(--v_brand_pink_thin);
  border: none;
}
.vui_button--active-pink.vui_button--link:not([disabled]):active,
.vui_button--active-pink.vui_button--link:not(
    [disabled]
  ).vui_button--active,
.vui_button--active-pink.vui_button--link:not(
    [disabled]
  ).vui_button--active:hover {
  color: var(--v_brand_pink);
  background: var(--v_brand_pink_thin);
  border: none;
}
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ):hover {
  color: var(--v_brand_pink);
  background: transparent;
  border: 1px solid var(--v_brand_pink);
}
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ):active,
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ).vui_button--active,
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  ).vui_button--active:hover {
  color: var(--v_brand_pink_active);
  background: transparent;
  border: 1px solid var(--v_brand_pink_active);
}
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled],
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled]:hover,
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled]:active,
.vui_button--active-pink.vui_button--plain:not(
    [disabled],
    .vui_button--tab,
    .vui_button--link
  )[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: transparent;
  border: 1px solid var(--v_line_bolder_disabled);
}
.vui_button--blue,
.vui_button--blue:focus {
  color: var(--v_text_white);
  background: var(--v_brand_blue);
  border: 1px solid var(--v_brand_blue);
}
.vui_button--blue:hover {
  color: var(--v_text_white);
  background: var(--v_brand_blue_hover);
  border: 1px solid var(--v_brand_blue_hover);
}
.vui_button--blue:active,
.vui_button--blue.vui_button--active,
.vui_button--blue.vui_button--active:hover {
  color: var(--v_text_white);
  background: var(--v_brand_blue_active);
  border: 1px solid var(--v_brand_blue_active);
}
.vui_button--blue[disabled],
.vui_button--blue[disabled]:hover,
.vui_button--blue[disabled]:active,
.vui_button--blue[disabled].vui_button--active {
  color: var(--v_text_white);
  background: var(--v_brand_blue_disabled);
  border: 1px solid var(--v_brand_blue_disabled);
}
.vui_button--blue.vui_button--plain,
.vui_button--blue.vui_button--plain:focus {
  color: var(--v_brand_blue);
  background: transparent;
  border: 1px solid var(--v_brand_blue);
}
.vui_button--blue.vui_button--plain:hover {
  color: var(--v_brand_blue);
  background: var(--v_brand_blue_thin);
  border: 1px solid var(--v_brand_blue);
}
.vui_button--blue.vui_button--plain:active,
.vui_button--blue.vui_button--plain.vui_button--active,
.vui_button--blue.vui_button--plain.vui_button--active:hover {
  color: var(--v_brand_blue_active);
  background: var(--v_brand_blue_thin);
  border: 1px solid var(--v_brand_blue_active);
}
.vui_button--blue.vui_button--plain[disabled],
.vui_button--blue.vui_button--plain[disabled]:hover,
.vui_button--blue.vui_button--plain[disabled]:active,
.vui_button--blue.vui_button--plain[disabled].vui_button--active {
  color: var(--v_brand_blue_disabled);
  background: transparent;
  border: 1px solid var(--v_brand_blue_disabled);
}
.vui_button--pink,
.vui_button--pink:focus {
  color: var(--v_text_white);
  background: var(--v_brand_pink);
  border: 1px solid var(--v_brand_pink);
}
.vui_button--pink:hover {
  color: var(--v_text_white);
  background: var(--v_brand_pink_hover);
  border: 1px solid var(--v_brand_pink_hover);
}
.vui_button--pink:active,
.vui_button--pink.vui_button--active,
.vui_button--pink.vui_button--active:hover {
  color: var(--v_text_white);
  background: var(--v_brand_pink_active);
  border: 1px solid var(--v_brand_pink_active);
}
.vui_button--pink[disabled],
.vui_button--pink[disabled]:hover,
.vui_button--pink[disabled]:active,
.vui_button--pink[disabled].vui_button--active {
  color: var(--v_text_white);
  background: var(--v_brand_pink_disabled);
  border: 1px solid var(--v_brand_pink_disabled);
}
.vui_button--pink.vui_button--plain,
.vui_button--pink.vui_button--plain:focus {
  color: var(--v_brand_pink);
  background: transparent;
  border: 1px solid var(--v_brand_pink);
}
.vui_button--pink.vui_button--plain:hover {
  color: var(--v_brand_pink);
  background: var(--v_brand_pink_thin);
  border: 1px solid var(--v_brand_pink);
}
.vui_button--pink.vui_button--plain:active,
.vui_button--pink.vui_button--plain.vui_button--active,
.vui_button--pink.vui_button--plain.vui_button--active:hover {
  color: var(--v_brand_pink_active);
  background: var(--v_brand_pink_thin);
  border: 1px solid var(--v_brand_pink_active);
}
.vui_button--pink.vui_button--plain[disabled],
.vui_button--pink.vui_button--plain[disabled]:hover,
.vui_button--pink.vui_button--plain[disabled]:active,
.vui_button--pink.vui_button--plain[disabled].vui_button--active {
  color: var(--v_brand_pink_disabled);
  background: transparent;
  border: 1px solid var(--v_brand_pink_disabled);
}
.vui_button--danger,
.vui_button--danger:focus {
  color: var(--v_text_white);
  background: var(--v_stress_red);
  border: 1px solid var(--v_stress_red);
}
.vui_button--danger:hover {
  color: var(--v_text_white);
  background: var(--v_stress_red_hover);
  border: 1px solid var(--v_stress_red_hover);
}
.vui_button--danger:active,
.vui_button--danger.vui_button--active,
.vui_button--danger.vui_button--active:hover {
  color: var(--v_text_white);
  background: var(--v_stress_red_active);
  border: 1px solid var(--v_stress_red_active);
}
.vui_button--danger[disabled],
.vui_button--danger[disabled]:hover,
.vui_button--danger[disabled]:active,
.vui_button--danger[disabled].vui_button--active {
  color: var(--v_text_white);
  background: var(--v_stress_red_disabled);
  border: 1px solid var(--v_stress_red_disabled);
}
.vui_button--danger.vui_button--plain,
.vui_button--danger.vui_button--plain:focus {
  color: var(--v_stress_red);
  background: transparent;
  border: 1px solid var(--v_stress_red);
}
.vui_button--danger.vui_button--plain:hover {
  color: var(--v_stress_red);
  background: var(--v_stress_red_thin);
  border: 1px solid var(--v_stress_red);
}
.vui_button--danger.vui_button--plain:active,
.vui_button--danger.vui_button--plain.vui_button--active,
.vui_button--danger.vui_button--plain.vui_button--active:hover {
  color: var(--v_stress_red_active);
  background: var(--v_stress_red_thin);
  border: 1px solid var(--v_stress_red_active);
}
.vui_button--danger.vui_button--plain[disabled],
.vui_button--danger.vui_button--plain[disabled]:hover,
.vui_button--danger.vui_button--plain[disabled]:active,
.vui_button--danger.vui_button--plain[disabled].vui_button--active {
  color: var(--v_stress_red_disabled);
  background: transparent;
  border: 1px solid var(--v_stress_red_disabled);
}
.vui_button--grey,
.vui_button--grey:focus {
  color: var(--v_text2);
  background: var(--v_graph_bg_regular);
  border: none;
}
.vui_button--grey:hover,
.vui_button--grey:active,
.vui_button--grey.vui_button--active,
.vui_button--grey.vui_button--active:hover {
  color: var(--v_text2);
  background: var(--v_graph_bg_thick);
  border: none;
}
.vui_button--grey[disabled],
.vui_button--grey[disabled]:hover,
.vui_button--grey[disabled]:active,
.vui_button--grey[disabled].vui_button--active {
  color: var(--v_text_disabled);
  background: var(--v_graph_bg_thin);
  border: none;
}
.vui_toast {
  position: fixed;
  z-index: 99999;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 36px;
  color: var(--v_text_white);
  background: rgba(51, 51, 51, 0.8);
  border-radius: 4px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.vui_toast--top {
  top: 100px;
}
.vui_dialog--mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: #00000080;
}
.vui_dialog--wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.vui_dialog--content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  color: var(--v_text1);
  font-size: 14px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translate(-50%) translateY(-50%);
  background-color: var(--v_bg1);
  border-radius: 8px;
  padding: 16px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.vui_dialog--content.empty {
  padding: 0;
  border: none;
}
.vui_dialog--content.vui_dialog--shadow {
  border: 1px solid var(--v_line_regular);
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px #0000001a;
}
.vui_dialog--close {
  color: var(--text2);
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 22px;
  height: 22px;
}
.vui_dialog--header {
  margin-top: 16px;
}
.vui_dialog--title {
  color: var(--text1);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.vui_dialog--body {
  color: var(--text2);
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
}
.vui_dialog--footer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--v_bg1);
  margin-top: 14px;
  height: 32px;
}
.vui_dialog--btn {
  height: 32px;
  width: 130px;
  margin-right: 12px;
}
.vui_dialog--btn-cancel {
  color: var(--v_text1);
  border: 1px solid var(--v_line_regular);
}
.vui_dialog--btn-confirm {
  color: var(--v_text_white);
  background-color: var(--v_brand_blue);
}
.vui_dialog-enter-active,
.vui_dialog-leave-active {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.vui_dialog-enter-from,
.vui_dialog-leave-to {
  opacity: 0;
}
.vui_dialog-leave-to.vui_dialog--content {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
  transform: translate(-50%) translateY(-50%) scale(0.8);
}
.reply-modal__content {
  padding: 10px 30px 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: var(--text1);
}
.reply-modal__footer {
  display: flex;
  justify-content: center;
}
.reply-modal__footer .reply-modal__btn {
  cursor: pointer;
  width: 100px;
}
.reply-modal__footer .reply-modal__btn.confirm {
  margin-left: 24px;
}
.reply-modal__footer .reply-modal__btn.cancel {
  color: var(--text2);
}
.vui_radio {
  --radio-hover-color: var(--v_brand_blue);
  --radio-focus-color: var(--v_brand_blue);
  --radio-active-color: var(--v_brand_blue);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--v_fs_4);
  line-height: var(--v_lh_md);
  padding-right: var(--v_md);
  color: var(--v_text1);
  cursor: pointer;
}
.vui_radio--pink {
  --radio-hover-color: var(--v_brand_pink);
  --radio-focus-color: var(--v_brand_pink);
  --radio-active-color: var(--v_brand_pink);
}
.vui_radio--input {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.vui_radio--input-original {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
}
.vui_radio--input-box {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--v_bg1);
  border: 1px solid var(--v_line_regular);
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.vui_radio--input-box:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 4px;
  border-style: solid;
  border-color: var(--radio-active-color);
  border-radius: 4px;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.vui_radio--large {
  height: var(--v_lh_lg);
  line-height: var(--v_lh_lg);
  font-size: var(--v_fs_4);
  padding-right: var(--v_lg);
}
.vui_radio--large .vui_radio--input-box {
  width: 16px;
  height: 16px;
}
.vui_radio--large .vui_radio--input-box:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-radius: 4px;
}
.vui_radio--small {
  height: var(--v_lh_sm);
  line-height: var(--v_lh_sm);
  font-size: var(--v_fs_6);
  padding-right: var(--v_sm);
}
.vui_radio--small .vui_radio--input-box {
  width: 12px;
  height: 12px;
}
.vui_radio--small .vui_radio--input-box:after {
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-width: 3px;
  border-radius: 3px;
}
.vui_radio--label {
  padding: 0 var(--v_smx);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vui_radio:hover:not(.vui_radio--disabled) .vui_radio--input-box {
  border-color: var(--radio-hover-color);
}
.vui_radio--focused:not(.vui_radio--disabled) .vui_radio--input-box {
  border-color: var(--radio-focus-color);
}
.vui_radio--checked .vui_radio--input-box {
  border-color: var(--radio-active-color);
}
.vui_radio--checked .vui_radio--input-box:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.vui_radio--disabled {
  cursor: not-allowed;
  color: var(--v_graph_bg_thick);
}
.vui_radio--disabled .vui_radio--input-inner {
  cursor: not-allowed;
}
.vui_radio--disabled .vui_radio--input-box {
  background-color: var(--v_graph_bg_regular);
  border-color: var(--v_graph_bg_thick);
}
.vui_radio--disabled .vui_radio--input-box:after {
  border-color: var(--v_graph_bg_thick);
}
.reply-cmpa {
  text-align: left;
}
.reply-cmpa-title {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  color: var(--text2);
}
.reply-cmpa-content .vui_radio {
  display: flex;
  margin-bottom: 16px;
}
.reply-cmpa-other {
  height: 120px;
  margin-top: 16px;
  margin-bottom: 32px;
}
.reply-cmpa-other textarea {
  box-sizing: border-box;
  padding: 12px 12px 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--line_regular);
  border-radius: 4px;
  outline: none;
  resize: none;
  transition: border-color 0.2s;
}
.reply-cmpa-other textarea:focus,
.reply-cmpa-other textarea:hover {
  border-color: var(--brand_blue);
}
.reply-cmpa-other textarea::-webkit-input-placeholder {
  color: var(--text3);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.svg-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.svg-icon svg {
  width: 100%;
  height: 100%;
}
.svg-icon.use-color svg path {
  fill: currentColor;
  color: inherit;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-operation {
  display: inline-flex;
  position: relative;
}
.reply-operation .operation-icon {
  color: #9499a0;
  cursor: pointer;
}
.reply-operation .operation-icon:hover {
  color: #00aeec;
}
.reply-operation .operation-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 10;
  width: 120px;
  padding: 10px 0;
  border-radius: 4px;
  font-size: 14px;
  color: var(--text1);
  background-color: var(--bg1);
  box-shadow: 0 0 5px #0003;
}
.reply-operation .operation-list .operation-option {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 15px;
  cursor: pointer;
}
.reply-operation .operation-list .operation-option:hover {
  background-color: var(--bg3);
}
.reply-operation .operation-list .operation-option:hover .option-title {
  color: var(--brand_blue);
}
.reply-operation .operation-list .delete-reply-modal {
  position: absolute;
  top: 0;
  right: -110%;
  width: auto;
  padding: 10px 20px;
  border: 1px solid var(--graph_bg_thick);
  border-radius: 8px;
  margin-bottom: 100px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  background-color: var(--bg1);
  box-shadow: 0 0 5px #0003;
  transform: translate(-50%, -100%);
}
.reply-operation .operation-list .delete-reply-modal .delete-reply-btn {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.reply-operation
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .comfirm-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
  border-radius: 4px;
  margin-right: 20px;
  color: var(--text_white);
  background-color: var(--brand_blue);
}
.reply-operation
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .comfirm-delete:hover {
  background-color: var(--Lb4);
}
.reply-operation
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .cancel-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
}
.reply-operation
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .cancel-delete:hover {
  color: var(--brand_blue);
}
.select-reply-dialog .select-dialog-content {
  text-align: center;
}
.select-reply-dialog .comfirm-select-reply {
  margin-right: 20px;
}
.close-reply-dialog .close-reply-dialog-content {
  text-align: center;
}
.close-reply-dialog .comfirm-close-reply {
  margin-right: 20px;
}
.close-danmaku-dialog .close-danmaku-dialog-content {
  text-align: center;
}
.close-danmaku-dialog .comfirm-close-danmaku {
  margin-right: 20px;
}
.blacklist-dialog .blacklist-dialog-content {
  text-align: center;
}
.blacklist-dialog .comfirm-pull-blacklist {
  margin-right: 20px;
}
.cmpa-dialog .cmpa-btn {
  cursor: pointer;
  width: 100px;
}
.cmpa-dialog .cmpa-btn.confirm {
  margin-left: 24px;
}
.cmpa-dialog .cmpa-btn.cancel {
  color: var(--text2);
}
.report-dialog {
  max-height: 100vh;
  overflow-y: auto;
}
.report-dialog::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.report-dialog::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--graph_bg_thick);
  transition: 0.3s ease-in-out;
}
.report-dialog::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
}
.report-dialog .report-dialog-content {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  border-top: 0.5px solid var(--graph_weak);
}
.report-dialog .report-dialog-content .jury-enter {
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px;
  border-radius: 4px;
  color: var(--text1);
  background-color: var(--bg2);
  transition: 0.2s;
  cursor: pointer;
}
.report-dialog .report-dialog-content .jury-enter:hover {
  background-color: var(--bg3);
}
.report-dialog .report-dialog-content .jury-enter .jump-icon {
  position: absolute;
  right: 12px;
  color: var(--text3);
}
.report-dialog .report-dialog-content .report-reason-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-type {
  margin-bottom: 15px;
  font-size: 12px;
  text-align: left;
  color: var(--text3);
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 25%;
  margin-bottom: 16px;
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item
  .reason-radio {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid var(--graph_medium);
  margin-right: 8px;
  outline: none;
  appearance: none;
  cursor: pointer;
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item
  .reason-radio-label {
  cursor: pointer;
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item.checked
  .reason-radio {
  border-color: var(--brand_blue);
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item.checked
  .reason-radio:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--brand_blue);
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item
  .custom-reason {
  width: 470px;
}
.report-dialog
  .report-dialog-content
  .report-reason-wrap
  .report-reason-list
  .report-reason-item
  .custom-reason
  .custom-reason-textarea {
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  padding: 8px;
  margin-top: 8px;
  border: 1px solid var(--graph_weak);
  border-radius: 4px;
  outline: none;
  resize: none;
}
.report-dialog .vui_dialog--footer {
  height: auto;
}
.report-dialog .vui_dialog--footer .report-dialog-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.report-dialog .vui_dialog--footer .report-dialog-footer .button-wrap {
  display: flex;
  margin-bottom: 20px;
  font-size: 14px;
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .button-wrap
  .cancel-report {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 32px;
  border: 1px solid var(--graph_bg_thick);
  border-radius: 6px;
  margin-right: 12px;
  color: var(--text1);
  background-color: var(--bg1);
  cursor: pointer;
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .button-wrap
  .cancel-report:hover {
  background-color: var(--graph_bg_thick);
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .button-wrap
  .comfirm-report {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 32px;
  border-radius: 6px;
  color: var(--text_white);
  background-color: var(--brand_blue);
  cursor: pointer;
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .button-wrap
  .comfirm-report:hover {
  background-color: var(--Lb4);
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .pull-black-wrap {
  display: flex;
  color: var(--text2);
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .pull-black-wrap
  .pull-black-option {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .pull-black-wrap
  .pull-black-option
  .pull-black-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 11px;
  height: 11px;
  border: 1px solid var(--graph_medium);
  border-radius: 2px;
  margin-right: 6px;
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .pull-black-wrap
  .pull-black-option
  .pull-black-checkbox.checked {
  border-color: var(--brand_blue);
  background-color: var(--brand_blue);
}
.report-dialog
  .vui_dialog--footer
  .report-dialog-footer
  .pull-black-wrap
  .pull-black-option
  .pull-black-checkbox.checked:after {
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: var(--bg1);
}
.vui_ellipsis.single-mode {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vui_ellipsis.multi-mode {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vui_ellipsis.pointer {
  cursor: pointer;
}
.top-vote-card[data-v-38841625] {
  background-color: var(--graph_bg_thin);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  width: 100%;
  margin-bottom: 24px;
  padding: 12px 16px 12px 10px;
  border-radius: 6px;
}
.top-vote-card__multi[data-v-38841625] {
  cursor: pointer;
}
.top-vote-card__multi:hover .vote-result-text[data-v-38841625] {
  color: var(--brand_blue);
  transition: 0.2s;
}
.top-vote-card-left[data-v-38841625] {
  width: 40%;
  max-width: calc(40% - 30px);
  margin-right: 20px;
  word-wrap: break-word;
  font-size: 13px;
  line-height: 18px;
  color: var(--text1);
}
.top-vote-card-left__title[data-v-38841625] {
  display: flex;
  align-items: center;
}
.top-vote-card-left__title svg[data-v-38841625] {
  margin-right: 2px;
  flex: none;
}
.top-vote-card-left__title span[data-v-38841625] {
  display: -webkit-box;
  float: none;
  height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.top-vote-card-left__join[data-v-38841625] {
  height: 17px;
  display: flex;
  align-items: center;
  margin-top: 4px;
  font-size: 12px;
  color: var(--text3);
}
.top-vote-card-left__join .vote-icon[data-v-38841625] {
  height: 12px;
}
.top-vote-card-left__join span[data-v-38841625] {
  display: flex;
  align-items: center;
}
.top-vote-card-right[data-v-38841625] {
  width: 60%;
  font-size: var(--2fde2a28);
  line-height: 17px;
  display: flex;
  --option-height: 40px;
  --option-radius: 6px;
}
.top-vote-card-right .vote-text__not-vote[data-v-38841625] {
  opacity: 0.9;
}
.top-vote-card-right .vote-text__not-vote .vui_ellipsis[data-v-38841625] {
  font-weight: 400 !important;
}
.top-vote-card-right .vote-text[data-v-38841625] :first-child {
  font-weight: 500;
}
.top-vote-card-right .vote-icon[data-v-38841625] {
  flex: none;
}
.top-vote-card-right .left-vote-option[data-v-38841625] {
  position: relative;
  display: flex;
  min-width: 120px;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 102, 153, var(--212267a6));
  height: var(--option-height);
  width: var(--38c5ebb3);
  padding-left: 10px;
  border-radius: var(--option-radius) 0 0 var(--option-radius);
  cursor: pointer;
  margin-right: 30px;
  color: var(--332a347e);
  transition: width ease-out 0.2s;
}
.top-vote-card-right
  .left-vote-option
  .skew-vote-option[data-v-38841625] {
  position: absolute;
  right: -20px;
  top: 0;
}
.top-vote-card-right
  .left-vote-option
  .skew-vote-option__fill[data-v-38841625] {
  left: -8px;
  background-color: #f69;
  transform: skew(21deg);
  border-top-right-radius: calc(var(--option-radius) - 2px);
  border-bottom-right-radius: var(--option-radius);
}
.top-vote-card-right .skew-vote-option[data-v-38841625] {
  height: 40px;
  width: 20px;
  overflow: hidden;
  opacity: var(--212267a6);
  pointer-events: none;
}
.top-vote-card-right .skew-vote-option__fill[data-v-38841625] {
  pointer-events: all;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.top-vote-card-right .right-vote-option[data-v-38841625] {
  position: relative;
  display: flex;
  min-width: 120px;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  background-color: rgba(0, 174, 236, var(--212267a6));
  height: var(--option-height);
  width: var(--4b2970aa);
  padding-right: 10px;
  border-radius: 0 var(--option-radius) var(--option-radius) 0;
  cursor: pointer;
  color: var(--1e587827);
  transition: width ease-out 0.2s;
}
.top-vote-card-right
  .right-vote-option
  .skew-vote-option[data-v-38841625] {
  position: absolute;
  left: -20px;
  top: 0;
}
.top-vote-card-right
  .right-vote-option
  .skew-vote-option__fill[data-v-38841625] {
  left: 8px;
  background-color: #00aeec;
  transform: skew(21deg);
  border-top-left-radius: var(--option-radius);
  border-bottom-left-radius: calc(var(--option-radius) - 2px);
}
.top-vote-card-right .right-vote-option .vote-text[data-v-38841625] {
  text-align: right;
}
.top-vote-card-right .had_voted[data-v-38841625] {
  cursor: unset;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-header .reply-notice[data-v-052ae598] {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 40px;
  padding: 4px 10px;
  margin-bottom: 16px;
  font-size: 13px;
  border-radius: 2px;
  color: var(--Ye5_u);
  cursor: pointer;
}
.reply-header .reply-notice[data-v-052ae598]:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--Ye5_u);
  opacity: 0.2;
}
.reply-header .reply-notice .notice-icon[data-v-052ae598] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.reply-header .reply-notice .notice-content[data-v-052ae598] {
  flex: 1;
  padding: 0 5px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
}
.reply-header .reply-notice .notice-close-icon[data-v-052ae598] {
  position: relative;
  z-index: 1;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
.reply-header .reply-navigation[data-v-052ae598] {
  margin-bottom: 22px;
}
.reply-header .reply-navigation .nav-bar[data-v-052ae598] {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1681px) {
  .reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
    font-size: 20px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-header .reply-navigation .nav-bar .nav-title[data-v-052ae598] {
    font-size: 24px;
  }
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-title
  .nav-title-text[data-v-052ae598] {
  color: var(--text1);
  font-family:
    PingFang SC,
    HarmonyOS_Medium,
    Helvetica Neue,
    Microsoft YaHei,
    sans-serif;
  font-weight: 500;
}
@media (-webkit-max-device-pixel-ratio: 1) {
  .reply-header
    .reply-navigation
    .nav-bar
    .nav-title
    .nav-title-text[data-v-052ae598] {
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      Helvetica Neue,
      Helvetica,
      Arial,
      PingFang SC,
      Hiragino Sans GB,
      Microsoft YaHei,
      sans-serif;
  }
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-title
  .total-reply[data-v-052ae598] {
  margin: 0 36px 0 6px;
  font-weight: 400;
  color: var(--text3);
}
@media screen and (max-width: 1681px) {
  .reply-header
    .reply-navigation
    .nav-bar
    .nav-title
    .total-reply[data-v-052ae598] {
    font-size: 13px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-header
    .reply-navigation
    .nav-bar
    .nav-title
    .total-reply[data-v-052ae598] {
    font-size: 14px;
  }
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-select-reply[data-v-052ae598] {
  font-family:
    PingFang SC,
    HarmonyOS_Medium,
    Helvetica Neue,
    Microsoft YaHei,
    sans-serif;
  font-weight: 500;
  color: var(--text1);
}
@media screen and (max-width: 1681px) {
  .reply-header
    .reply-navigation
    .nav-bar
    .nav-select-reply[data-v-052ae598] {
    font-size: 13px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-header
    .reply-navigation
    .nav-bar
    .nav-select-reply[data-v-052ae598] {
    font-size: 16px;
  }
}
@media (-webkit-max-device-pixel-ratio: 1) {
  .reply-header
    .reply-navigation
    .nav-bar
    .nav-select-reply[data-v-052ae598] {
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      Helvetica Neue,
      Helvetica,
      Arial,
      PingFang SC,
      Hiragino Sans GB,
      Microsoft YaHei,
      sans-serif;
  }
}
.reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
  display: flex;
  align-items: center;
  color: var(--text3);
}
@media screen and (max-width: 1681px) {
  .reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
    font-size: 13px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-header .reply-navigation .nav-bar .nav-sort[data-v-052ae598] {
    font-size: 16px;
  }
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort
  .part-symbol[data-v-052ae598] {
  height: 11px;
  margin: 0 12px;
  border-left: solid 1px;
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort
  .hot-sort[data-v-052ae598] {
  cursor: pointer;
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort
  .hot-sort[data-v-052ae598]:hover {
  color: var(--brand_blue);
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort
  .time-sort[data-v-052ae598] {
  cursor: pointer;
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort
  .time-sort[data-v-052ae598]:hover {
  color: var(--brand_blue);
}
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort.hot
  .hot-sort[data-v-052ae598],
.reply-header
  .reply-navigation
  .nav-bar
  .nav-sort.time
  .time-sort[data-v-052ae598] {
  color: var(--text1);
}
.reply-header .reply-navigation .nav-operation-warp[data-v-052ae598] {
  position: absolute;
  right: 0;
}

.hwly-avatar {
  display: block;
  position: relative;
  background-image: url();
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}
.hwly-avatar * {
  margin: 0;
  padding: 0;
}
.hwly-avatar-face {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.hwly-avatar-pendent-dom {
  height: 176.48%;
  width: 176.48%;
  position: absolute;
  top: -38.33%;
  left: -38.33%;
  overflow: hidden;
}
.hwly-avatar-pendent-dom img {
  height: 100%;
  min-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hwly-avatar-img {
  border: none;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
}
.hwly-avatar-img-radius {
  border-radius: 50%;
}
.hwly-avatar-img[src=""],
.hwly-avatar-img:not([src]) {
  opacity: 0;
}
.hwly-avatar-icon-big-vip {
  background-image: url();
}
.hwly-avatar-icon-business {
  background-image: url();
}
.hwly-avatar-icon-personal {
  background-image: url();
}
.hwly-avatar-icon-small-vip {
  background-image: url();
}
.hwly-avatar-img.hwly-avatar-img-error {
  display: none;
}
.hwly-avatar-right-icon {
  width: 27.5%;
  height: 27.5%;
  position: absolute;
  right: 0;
  bottom: -1px;
  -webkit-background-size: cover;
  background-size: cover;
  image-rendering: -webkit-optimize-contrast;
}
.hwly-avatar-nft-icon {
  position: absolute;
  width: 27.5%;
  height: 27.5%;
  right: -webkit-calc(27.5% - 1px);
  right: -moz-calc(27.5% - 1px);
  right: calc(27.5% - 1px);
  bottom: -1px;
  -webkit-background-size: cover;
  background-size: cover;
  image-rendering: -webkit-optimize-contrast;
}
.hwly-avatar-nft--icon-1 {
  background-image: url();
}
.hwly-avatar-nft--icon-2 {
  background-image: url();
}
@-webkit-keyframes hwly-avatar {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    -webkit-transform: translate3d(-97.5%, 0, 0);
    transform: translate3d(-97.5%, 0, 0);
  }
}
@-moz-keyframes hwly-avatar {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    -moz-transform: translate3d(-97.5%, 0, 0);
    transform: translate3d(-97.5%, 0, 0);
  }
}
@keyframes hwly-avatar {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    -webkit-transform: translate3d(-97.5%, 0, 0);
    -moz-transform: translate3d(-97.5%, 0, 0);
    transform: translate3d(-97.5%, 0, 0);
  }
}
.hwly-avatar .hwly-avatar-size-80 {
  width: 22px;
  height: 22px;
  bottom: -1px;
}
.hwly-avatar .hwly-avatar-size-60,
.hwly-avatar .hwly-avatar-size-50,
.hwly-avatar .hwly-avatar-size-48 {
  width: 18px;
  height: 18px;
  bottom: -1px;
}
.hwly-avatar .hwly-avatar-size-40,
.hwly-avatar .hwly-avatar-size-36 {
  width: 14px;
  height: 14px;
  bottom: -1px;
}
.hwly-avatar .hwly-avatar-size-30,
.hwly-avatar .hwly-avatar-size-24 {
  width: 12px;
  height: 12px;
  bottom: -1px;
}
.hwly-avatar .hwly-avatar-size-nft-80 {
  width: 22px;
  height: 22px;
  bottom: -1px;
  right: -webkit-calc(22px - 1px);
  right: -moz-calc(22px - 1px);
  right: 21px;
}
.hwly-avatar .hwly-avatar-size-nft-60,
.hwly-avatar .hwly-avatar-size-nft-50,
.hwly-avatar .hwly-avatar-size-nft-48 {
  width: 18px;
  height: 18px;
  bottom: -1px;
  right: -webkit-calc(18px - 1px);
  right: -moz-calc(18px - 1px);
  right: 17px;
}
.hwly-avatar .hwly-avatar-size-nft-40,
.hwly-avatar .hwly-avatar-size-nft-36 {
  width: 14px;
  height: 14px;
  bottom: -1px;
  right: -webkit-calc(14px - 1px);
  right: -moz-calc(14px - 1px);
  right: 13px;
}
.hwly-avatar .hwly-avatar-size-nft-30,
.hwly-avatar .hwly-avatar-size-nft-24 {
  width: 12px;
  height: 12px;
  bottom: -1px;
  right: -webkit-calc(12px - 1px);
  right: -moz-calc(12px - 1px);
  right: 11px;
}
.reply-image {
  width: var(--3414c33c);
  height: var(--822197ea);
}
.reply-image.b-img {
  background-color: inherit;
}
.reply-image.b-img img {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.emoji-panel[data-v-95aace86] {
  position: absolute;
  top: var(--78ce8d8e);
  width: 365px;
  border: 1px solid var(--graph_bg_thick);
  border-radius: 8px;
  font-size: 12px;
  color: var(--text2);
  z-index: 11;
}
.emoji-panel .emoji-title[data-v-95aace86] {
  padding: 13px 15px 6px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: var(--bg1);
}
.emoji-panel .emoji-content[data-v-95aace86] {
  height: var(--1c58ca28);
  padding: 0 11px;
  background-color: var(--bg1);
  overflow: auto;
}
.emoji-panel .emoji-content[data-v-95aace86]::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.emoji-panel .emoji-content[data-v-95aace86]::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--graph_bg_thick);
  transition: 0.3s ease-in-out;
}
.emoji-panel .emoji-content[data-v-95aace86]::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
}
.emoji-panel .emoji-content .emoji-info[data-v-95aace86] {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}
.emoji-panel .emoji-content .emoji-info[data-v-95aace86]:hover {
  background-color: var(--graph_bg_thick);
}
.emoji-panel .emoji-content .emoji-info .text-emoji[data-v-95aace86] {
  padding: 5px 8px;
  line-height: 22px;
}
.emoji-panel
  .emoji-content
  .emoji-info
  .normal-small-emoji[data-v-95aace86] {
  width: 24px;
  height: 24px;
  margin: 4px;
}
.emoji-panel
  .emoji-content
  .emoji-info
  .normal-large-emoji[data-v-95aace86] {
  width: 56px;
  height: 56px;
  margin: 4px;
}
.emoji-panel .emoji-tab[data-v-95aace86] {
  display: flex;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--bg3);
}
.emoji-panel .emoji-tab .emoji-type[data-v-95aace86]:first-child {
  border-bottom-left-radius: 8px;
}
.emoji-panel .emoji-tab .emoji-type[data-v-95aace86] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 36px;
  padding: 7px 18px;
  cursor: pointer;
}
.emoji-panel .emoji-tab .emoji-type[data-v-95aace86]:hover {
  background-color: var(--graph_bg_thick);
}
.emoji-panel .emoji-tab .emoji-type .emoji-type-face[data-v-95aace86] {
  width: 22px;
  height: 22px;
}
.emoji-panel .emoji-tab .emoji-type.current-type[data-v-95aace86] {
  background-color: var(--bg1);
}
.emoji-panel .emoji-tab .emoji-slider[data-v-95aace86] {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  right: 0;
  width: 75px;
  height: 36px;
}
.emoji-panel .emoji-tab .emoji-slider .slider-pre[data-v-95aace86],
.emoji-panel .emoji-tab .emoji-slider .slider-next[data-v-95aace86] {
  cursor: pointer;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.at-panel[data-v-aa77c88e] {
  position: absolute;
  top: var(--32bc9c65);
  left: 0;
  z-index: 10;
  width: 219px;
  border: 1px solid var(--graph_bg_thick);
  border-radius: 6px;
  font-size: 12px;
  background-color: var(--bg1);
  box-shadow: 0 2px 10px #00000014;
}
.at-panel .panel-title[data-v-aa77c88e] {
  width: 100%;
  height: 41px;
  padding: 12px;
  color: var(--text2);
}
.at-panel .at-list-container[data-v-aa77c88e] {
  max-height: var(--b7d65d82);
  overflow-x: hidden;
  overflow-y: scroll;
}
.at-panel .at-list-container[data-v-aa77c88e]::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.at-panel .at-list-container[data-v-aa77c88e]::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--graph_bg_thick);
  transition: 0.3s ease-in-out;
}
.at-panel .at-list-container[data-v-aa77c88e]::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
}
.at-panel
  .at-list-container
  .at-list-ground
  .ground-name[data-v-aa77c88e] {
  padding: 0 12px;
  color: var(--text2);
}
.at-panel
  .at-list-container
  .at-list-ground
  .at-user-list
  .at-user-item[data-v-aa77c88e] {
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 12px;
  margin: 4px 0;
  cursor: pointer;
}
.at-panel
  .at-list-container
  .at-list-ground
  .at-user-list
  .at-user-item[data-v-aa77c88e]:hover {
  background-color: var(--bg2_float);
}
.at-panel
  .at-list-container
  .at-list-ground
  .at-user-list
  .at-user-item
  .user-avatar[data-v-aa77c88e] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 8px;
}
.at-panel
  .at-list-container
  .at-list-ground
  .at-user-list
  .at-user-item
  .user-info
  .user-name[data-v-aa77c88e] {
  color: var(--text1);
}
.at-panel
  .at-list-container
  .at-list-ground
  .at-user-list
  .at-user-item
  .user-info
  .user-fan[data-v-aa77c88e] {
  color: var(--text3);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.set-nickname--dialog .set-nickname-dialog-content .nickname-input-warp {
  font-size: 12px;
  margin-top: 30px;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  .nickname-input-warp
  .nickname-input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--graph_weak);
  border-radius: 4px;
  outline: none;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  .nickname-input-warp
  .nickname-input.error {
  border-color: var(--stress_red);
}
.set-nickname--dialog
  .set-nickname-dialog-content
  .nickname-input-warp
  .nickname-input:focus {
  border-color: var(--brand_blue);
}
.set-nickname--dialog
  .set-nickname-dialog-content
  .nickname-input-warp
  .nickname-error-info {
  margin-top: 4px;
  font-size: 12px;
  color: red;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  .nickname-input-warp
  .nickname-error-info
  .nickname-error-icon {
  margin-right: 5px;
  vertical-align: text-bottom;
}
.reply-svga .svga-canvas[data-v-b1e4bc05] {
  width: 100%;
  height: 100%;
}
.opacity-enter-active[data-v-3c861f7f],
.opacity-leave-active[data-v-3c861f7f] {
  transition: opacity 0.15s ease;
}
.opacity-enter-from[data-v-3c861f7f],
.opacity-leave-to[data-v-3c861f7f] {
  opacity: 0;
}
.image-upload-content[data-v-3c861f7f] {
  margin-bottom: 8px;
  padding: 0 8px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.image-upload-content .mask-wrap[data-v-3c861f7f] {
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.image-upload-content .mask-wrap.left[data-v-3c861f7f] {
  left: 0;
  background: linear-gradient(
    to right,
    #fff,
    #fff 28.5%,
    rgba(255, 255, 255, 0) 100%
  );
}
.image-upload-content .mask-wrap.right[data-v-3c861f7f] {
  right: 0;
  background: linear-gradient(
    to left,
    #fff 28.5%,
    rgba(255, 255, 255, 0) 100%
  );
}
.image-upload-content .arrow-wrap[data-v-3c861f7f] {
  position: absolute;
  top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--line_regular);
  background-color: #fff;
  transform: translateY(-50%);
  color: #9499a0;
  z-index: 2;
}
.image-upload-content .arrow-wrap.left[data-v-3c861f7f] {
  left: 8px;
}
.image-upload-content .arrow-wrap.right[data-v-3c861f7f] {
  right: 8px;
}
.image-upload-content .arrow-wrap[data-v-3c861f7f]:hover {
  color: #61666d;
  cursor: pointer;
}
.image-upload-content .scroll-trail[data-v-3c861f7f] {
  width: fit-content;
  white-space: nowrap;
  transition: 0.2s ease-in-out;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.image-upload-content .scroll-trail[data-v-3c861f7f]::-webkit-scrollbar {
  display: none;
}
.image-upload-content .content-wrap[data-v-3c861f7f] {
  display: inline-block;
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 4px;
  background-color: #f1f2f3;
  overflow: hidden;
  vertical-align: bottom;
}
.image-upload-content .content-wrap[data-v-3c861f7f]:not(:last-child) {
  margin-right: 8px;
}
.image-upload-content .content-wrap .close-wrap[data-v-3c861f7f] {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 0 4px;
  background-color: #0003;
  color: #fff;
  cursor: pointer;
  z-index: 1;
}
.image-upload-content .content-wrap .content-loading[data-v-3c861f7f] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00000080;
}
.image-upload-content
  .content-wrap
  .content-loading
  .loading-img[data-v-3c861f7f] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.image-upload-content
  .content-wrap
  .content-loading
  .loading-mask[data-v-3c861f7f] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.image-upload-content
  .content-wrap
  .content-loading
  .loading-svga[data-v-3c861f7f] {
  position: absolute;
  width: 24px;
  height: 24px;
  color: #fff;
}
.image-upload-content .content-wrap .content-success[data-v-3c861f7f] {
  width: 100%;
  height: 100%;
}
.image-upload-content
  .content-wrap
  .content-success
  .success-img[data-v-3c861f7f] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.image-upload-content .content-wrap .content-fail[data-v-3c861f7f] {
  padding: 16px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-upload-content
  .content-wrap
  .content-fail
  .fail-icon[data-v-3c861f7f] {
  color: #f85a54;
}
.image-upload-content
  .content-wrap
  .content-fail
  .fail-text[data-v-3c861f7f] {
  margin-top: 2px;
  line-height: 15px;
  font-size: 20px;
  transform: scale(0.5);
  transform-origin: center center;
  font-weight: 500;
  white-space: nowrap;
  color: #f85a54;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-box[data-v-f68bfb6c] {
  display: flex;
  flex-direction: column;
}
.reply-box .box-normal[data-v-f68bfb6c] {
  display: flex;
  z-index: 2;
}
.reply-box .box-normal .reply-box-avatar[data-v-f68bfb6c] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 48px;
}
.reply-box .box-normal .reply-box-warp[data-v-f68bfb6c] {
  position: relative;
  flex: 1;
  transition: 0.2s;
  border: 1px solid var(--line_regular);
  border-radius: 6px;
  background-color: var(--bg3);
  overflow-x: hidden;
}
.reply-box .box-normal .reply-box-warp.focus-within[data-v-f68bfb6c],
.reply-box .box-normal .reply-box-warp[data-v-f68bfb6c]:hover {
  border-color: var(--line_regular);
  background-color: var(--bg1);
}
.reply-box .box-normal .reply-box-warp .textarea-wrap[data-v-f68bfb6c] {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 6px;
  cursor: text;
  overflow: hidden;
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info[data-v-f68bfb6c] {
  margin-left: 10px;
  margin-bottom: 4px;
  height: 20px;
  font-size: 12px;
  line-height: 17px;
  display: flex;
  align-items: center;
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info__tag[data-v-f68bfb6c] {
  flex: none;
  padding: 2px 6px;
  border-radius: 2px;
  margin-right: 4px;
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info__tag--pink[data-v-f68bfb6c] {
  background-color: var(--Pi1);
  color: var(--Pi5);
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info__tag--blue[data-v-f68bfb6c] {
  background-color: var(--brand_blue_thin);
  color: var(--brand_blue);
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info__tag--gary[data-v-f68bfb6c] {
  background-color: var(--graph_bg_regular);
  color: var(--text3);
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info__text[data-v-f68bfb6c] {
  max-width: calc(100% - 68px);
  color: var(--text2);
}
.reply-box
  .box-normal
  .reply-box-warp
  .textarea-wrap
  .vote-info__close[data-v-f68bfb6c] {
  flex: none;
  margin-left: 4px;
  cursor: pointer;
}
.reply-box .box-normal .reply-box-warp .reply-input[data-v-f68bfb6c] {
  padding: 0 8px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--Ga1);
  border-radius: 6px;
  background-color: var(--bg3);
  font-family: inherit;
  line-height: 20px;
  color: var(--text1);
  resize: none;
  outline: none;
  overflow-y: scroll;
  overflow-x: hidden;
}
.reply-box
  .box-normal
  .reply-box-warp
  .reply-input.focus[data-v-f68bfb6c],
.reply-box
  .box-normal
  .reply-box-warp
  .reply-input[data-v-f68bfb6c]:hover {
  background-color: var(--bg1);
  border-color: var(--graph_weak);
}
.reply-box
  .box-normal
  .reply-box-warp
  .reply-box-textarea[data-v-f68bfb6c] {
  padding: 0 8px;
  width: 100%;
  height: 32px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  font-family: inherit;
  font-size: 14px;
  line-height: 32px;
  color: var(--text1);
  resize: none;
  outline: none;
}
.reply-box
  .box-normal
  .reply-box-warp
  .reply-box-textarea[data-v-f68bfb6c]::placeholder {
  color: var(--text3);
}
.reply-box
  .box-normal
  .reply-box-warp
  .image-content-wrap[data-v-f68bfb6c] {
  background: transparent;
}
.reply-box .box-expand[data-v-f68bfb6c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 80px;
  margin-top: 10px;
  z-index: 1;
  height: 32px;
  transition: all 0.2s ease-in-out;
}
.reply-box .box-expand.hide[data-v-f68bfb6c] {
  margin-top: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.reply-box .box-expand .box-left[data-v-f68bfb6c] {
  display: flex;
  align-items: center;
}
.reply-box .box-expand .reply-box-emoji[data-v-f68bfb6c] {
  width: 32px;
  height: 26px;
  margin-right: 6px;
  position: relative;
}
.reply-box .box-expand .reply-box-emoji .emoji-btn[data-v-f68bfb6c] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--line_regular);
  border-radius: 4px;
  color: var(--text3);
  cursor: pointer;
}
.reply-box .box-expand .at-btn[data-v-f68bfb6c] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 32px;
  height: 26px;
  margin-right: 6px;
  border: 1px solid var(--line_regular);
  border-radius: 4px;
  color: var(--text3);
  cursor: pointer;
}
.reply-box .box-expand .image-btn[data-v-f68bfb6c] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 32px;
  height: 26px;
  border: 1px solid var(--line_regular);
  border-radius: 4px;
  color: var(--text3);
  cursor: pointer;
}
.reply-box .box-expand .image-btn.disabled[data-v-f68bfb6c] {
  opacity: 0.4;
}
.reply-box .box-expand .image-btn .image-upload-input[data-v-f68bfb6c] {
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  user-select: auto;
  cursor: pointer;
}
.reply-box .box-expand .forward-to-dynamic[data-v-f68bfb6c] {
  display: flex;
  align-items: center;
  margin-left: 16px;
  font-size: 12px;
  color: var(--text3);
}
.reply-box
  .box-expand
  .forward-to-dynamic
  .forward-input[data-v-f68bfb6c],
.reply-box
  .box-expand
  .forward-to-dynamic
  .forward-label[data-v-f68bfb6c] {
  cursor: pointer;
}
.reply-box .box-expand .reply-box-send[data-v-f68bfb6c] {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 70px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
}
.reply-box .box-expand .reply-box-send .send-text[data-v-f68bfb6c] {
  position: absolute;
  z-index: 1;
  font-size: 16px;
  color: var(--text_white);
}
.reply-box .box-expand .reply-box-send[data-v-f68bfb6c]:after {
  content: "";
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: var(--brand_blue);
}
.reply-box .box-expand .reply-box-send[data-v-f68bfb6c]:hover:after {
  opacity: 1;
}
.reply-box.box-active
  .box-normal
  .reply-box-warp
  .reply-box-textarea.send-active[data-v-f68bfb6c] {
  line-height: normal;
}
.reply-box.box-active .reply-box-send.send-active[data-v-f68bfb6c]:after {
  opacity: 1;
}
.reply-box.disabled
  .box-normal
  .reply-box-warp
  .disable-mask[data-v-f68bfb6c] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  font-size: 12px;
  color: var(--text3);
  background-color: var(--bg3);
}
.reply-box.disabled
  .box-normal
  .reply-box-warp
  .disable-mask
  .no-login-mask[data-v-f68bfb6c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.reply-box.disabled
  .box-normal
  .reply-box-warp
  .disable-mask
  .no-login-mask
  .login-btn[data-v-f68bfb6c] {
  padding: 4px 9px;
  margin: 0 3px;
  border-radius: 4px;
  color: var(--text_white);
  background-color: var(--brand_blue);
}
.reply-box.disabled
  .box-normal
  .reply-box-warp
  .disable-mask
  .no-login-mask
  .login-btn[data-v-f68bfb6c]:hover {
  background-color: var(--Lb4);
  cursor: pointer;
}
.reply-box.disabled .reply-box-send .send-text[data-v-f68bfb6c] {
  color: var(--text3);
}
.reply-box.disabled .reply-box-send[data-v-f68bfb6c]:after {
  opacity: 1;
  background-color: var(--bg3);
}
.reply-box.fixed-box[data-v-f68bfb6c] {
  position: relative;
  z-index: 2;
  padding: 15px 0;
  border-top: 0.5px solid var(--graph_bg_thick);
  background-color: var(--bg1);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-content-container.fold .reply-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.reply-content-container .reply-content {
  color: var(--text1);
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 24px;
  vertical-align: baseline;
}
.reply-content-container .reply-content .note-prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 4px;
  border-radius: 4px;
  margin-right: 8px;
  font-size: 12px;
  color: var(--text3);
  line-height: 20px;
  vertical-align: bottom;
  background-color: var(--bg2);
}
.reply-content-container .reply-content .note-prefix .note-icon {
  width: 16px;
  height: 16px;
}
.reply-content-container .reply-content .top-icon {
  top: -2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 18px;
  border: 1px solid var(--brand_pink);
  border-radius: 3px;
  margin-right: 5px;
  font-size: 12px;
  color: var(--brand_pink);
}
.reply-content-container .reply-content .emoji-small {
  vertical-align: text-bottom;
}
@media screen and (max-width: 1681px) {
  .reply-content-container .reply-content .emoji-small {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-content-container .reply-content .emoji-small {
    width: 22px;
    height: 22px;
  }
}
.reply-content-container .reply-content .emoji-large {
  width: 50px;
  height: 50px;
  vertical-align: text-bottom;
}
.reply-content-container .reply-content .icon {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
@media screen and (max-width: 1681px) {
  .reply-content-container .reply-content .icon {
    line-height: 24px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-content-container .reply-content .icon {
    line-height: 26px;
  }
}
.reply-content-container .reply-content .icon.search-word {
  width: 12px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.reply-content-container .reply-content .jump-link {
  vertical-align: baseline;
}
@media screen and (max-width: 1681px) {
  .reply-content-container .reply-content .jump-link {
    line-height: 24px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-content-container .reply-content .jump-link {
    line-height: 26px;
  }
}
.reply-content-container .expand-content {
  color: var(--text_link);
  cursor: pointer;
  margin-left: 4px;
}
.reply-content-container .expand-content:hover {
  color: var(--brand_blue);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.sub-reply-item[data-v-1f8a4018] {
  position: relative;
  padding: 8px 0 8px 42px;
  border-radius: 4px;
}
@media screen and (max-width: 1681px) {
  .sub-reply-item[data-v-1f8a4018] {
    font-size: 15px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1681px) {
  .sub-reply-item[data-v-1f8a4018] {
    font-size: 16px;
    line-height: 26px;
  }
}
.sub-reply-item.show-reply[data-v-1f8a4018] {
  background-color: #dff6fb;
  animation-name: enterAnimation-jumpReply-1f8a4018;
  animation-duration: 2s;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}
.sub-reply-item .sub-user-info[data-v-1f8a4018] {
  display: inline-flex;
  align-items: center;
  margin-right: 9px;
  line-height: 24px;
  vertical-align: baseline;
  white-space: nowrap;
}
.sub-reply-item .sub-user-info .sub-reply-avatar[data-v-1f8a4018] {
  position: absolute;
  left: 8px;
  cursor: pointer;
}
.sub-reply-item .sub-user-info .sub-user-name[data-v-1f8a4018] {
  font-family:
    PingFang SC,
    HarmonyOS_Medium,
    Helvetica Neue,
    Microsoft YaHei,
    sans-serif;
  font-weight: 500;
  margin-right: 5px;
  color: var(--3bab3096);
  cursor: pointer;
}
@media screen and (max-width: 1681px) {
  .sub-reply-item .sub-user-info .sub-user-name[data-v-1f8a4018] {
    font-size: 13px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1681px) {
  .sub-reply-item .sub-user-info .sub-user-name[data-v-1f8a4018] {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (-webkit-max-device-pixel-ratio: 1) {
  .sub-reply-item .sub-user-info .sub-user-name[data-v-1f8a4018] {
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      Helvetica Neue,
      Helvetica,
      Arial,
      PingFang SC,
      Hiragino Sans GB,
      Microsoft YaHei,
      sans-serif;
  }
}
.sub-reply-item .sub-user-info .sub-user-level[data-v-1f8a4018] {
  cursor: pointer;
}
.sub-reply-item .sub-user-info .sub-up-icon[data-v-1f8a4018] {
  cursor: default;
}
.sub-reply-item .sub-reply-info[data-v-1f8a4018] {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 2px;
  font-size: 13px;
  color: var(--text3);
}
.sub-reply-item .sub-reply-info .sub-reply-time[data-v-1f8a4018] {
  margin-right: var(--7530c1e4);
}
.sub-reply-item .sub-reply-info .sub-reply-location[data-v-1f8a4018] {
  margin-right: 20px;
}
.sub-reply-item .sub-reply-info .sub-reply-like[data-v-1f8a4018] {
  display: flex;
  align-items: center;
  margin-right: 19px;
  cursor: pointer;
}
.sub-reply-item
  .sub-reply-info
  .sub-reply-like
  .sub-like-icon[data-v-1f8a4018] {
  margin-right: 5px;
  color: #9499a0;
}
.sub-reply-item
  .sub-reply-info
  .sub-reply-like
  .sub-like-icon[data-v-1f8a4018]:hover,
.sub-reply-item
  .sub-reply-info
  .sub-reply-like
  .sub-like-icon.liked[data-v-1f8a4018] {
  color: #00aeec;
}
.sub-reply-item .sub-reply-info .sub-reply-dislike[data-v-1f8a4018] {
  display: flex;
  align-items: center;
  margin-right: 19px;
}
.sub-reply-item
  .sub-reply-info
  .sub-reply-dislike
  .sub-dislike-icon[data-v-1f8a4018] {
  color: #9499a0;
  cursor: pointer;
}
.sub-reply-item
  .sub-reply-info
  .sub-reply-dislike
  .sub-dislike-icon[data-v-1f8a4018]:hover,
.sub-reply-item
  .sub-reply-info
  .sub-reply-dislike
  .sub-dislike-icon.disliked[data-v-1f8a4018] {
  color: #00aeec;
}
.sub-reply-item .sub-reply-info .sub-reply-btn[data-v-1f8a4018] {
  cursor: pointer;
}
.sub-reply-item .sub-reply-info .sub-reply-btn[data-v-1f8a4018]:hover {
  color: var(--brand_blue);
}
.sub-reply-item
  .sub-reply-info
  .sub-reply-operation-warp[data-v-1f8a4018] {
  position: absolute;
  right: 40px;
  opacity: 0;
}
.sub-reply-item:hover
  .sub-reply-info
  .sub-reply-operation-warp[data-v-1f8a4018] {
  opacity: 1;
}
@keyframes enterAnimation-jumpReply-1f8a4018 {
  0% {
    background-color: #dff6fb;
  }
  to {
    background-color: #dff6fb00;
  }
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.sub-reply-list .view-more[data-v-27ad2dff] {
  padding-left: 8px;
  font-size: 13px;
  color: var(--text3);
}
.sub-reply-list
  .view-more
  .view-more-default
  .view-more-btn[data-v-27ad2dff] {
  cursor: pointer;
}
.sub-reply-list
  .view-more
  .view-more-default
  .view-more-btn[data-v-27ad2dff]:hover {
  color: var(--brand_blue);
}
.sub-reply-list .view-more .view-more-pagination[data-v-27ad2dff] {
  color: var(--text1);
}
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-page-count[data-v-27ad2dff] {
  margin-right: 10px;
}
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-btn[data-v-27ad2dff] {
  margin: 0 4 0 14px;
  cursor: pointer;
}
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-btn[data-v-27ad2dff]:hover {
  color: var(--brand_blue);
}
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-page-number[data-v-27ad2dff] {
  margin: 0 4px;
  cursor: pointer;
}
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-page-number[data-v-27ad2dff]:hover,
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-page-number.current-page[data-v-27ad2dff] {
  color: var(--brand_blue);
}
.sub-reply-list
  .view-more
  .view-more-pagination
  .pagination-page-dot[data-v-27ad2dff] {
  margin: 0 4px;
  cursor: default;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.image-exhibition[data-v-5638e5c3] {
  margin-top: 8px;
  user-select: none;
}
.image-exhibition .preview-image-container[data-v-5638e5c3] {
  max-width: var(--dacbf126);
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--77b1c8ee);
  column-gap: var(--0c349aa2);
}
.image-exhibition
  .preview-image-container
  .image-item-wrap[data-v-5638e5c3] {
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: var(--7fefecd2);
  overflow: hidden;
  cursor: zoom-in;
}
.image-exhibition
  .preview-image-container
  .image-item-wrap.vertical[data-v-5638e5c3] {
  flex-direction: column;
}
.image-exhibition
  .preview-image-container
  .image-item-wrap.extra-long[data-v-5638e5c3] {
  justify-content: start;
}
.image-exhibition
  .preview-image-container
  .image-item-wrap
  .more-image[data-v-5638e5c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 4px;
  bottom: 4px;
  height: 20px;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 13px;
  color: var(--text_white);
  font-weight: 500;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.7);
}
.image-exhibition
  .preview-image-container
  .client-image-item-warp[data-v-5638e5c3]:nth-child(3n + 1) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.image-exhibition
  .preview-image-container
  .client-image-item-warp[data-v-5638e5c3]:nth-child(3n + 2) {
  border-radius: 0;
}
.image-exhibition
  .preview-image-container
  .client-image-item-warp[data-v-5638e5c3]:nth-child(3n + 3) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.image-exhibition
  .preview-image-container
  .client-image-item-warp[data-v-5638e5c3]:nth-last-child(1) {
  border-bottom-right-radius: var(--7fefecd2);
  border-top-right-radius: var(--7fefecd2);
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp[data-v-5638e5c3]:nth-child(1) {
  border-radius: var(--7fefecd2) 0 0 0;
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp[data-v-5638e5c3]:nth-child(3) {
  border-radius: 0 var(--7fefecd2) 0 0;
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp[data-v-5638e5c3]:nth-child(7) {
  border-radius: 0 0 0 var(--7fefecd2);
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp[data-v-5638e5c3]:nth-child(9) {
  border-radius: 0 0 var(--7fefecd2) 0;
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp[data-v-5638e5c3]:nth-child(3n + 2) {
  border-radius: 0;
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp.expand-image-two-rows[data-v-5638e5c3]:nth-child(
    4
  ) {
  border-radius: 0 0 0 var(--7fefecd2);
}
.image-exhibition
  .preview-image-container
  .expand-image-item-warp.expand-image-two-rows[data-v-5638e5c3]:nth-child(
    6
  ) {
  border-radius: 0 0 var(--7fefecd2) 0;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.note-content .note-text-container[data-v-02fbf466] {
  line-height: 20px;
}
.note-content .note-text-container .top-icon[data-v-02fbf466] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 18px;
  border: 1px solid var(--brand_pink);
  border-radius: 3px;
  margin-right: 5px;
  font-size: 12px;
  color: var(--brand_pink);
  vertical-align: text-top;
}
.note-content .note-text-container .note-prefix[data-v-02fbf466] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 4px;
  border-radius: 4px;
  margin-right: 8px;
  font-size: 12px;
  color: var(--text3);
  background-color: var(--bg2);
}
.note-content .note-text-container .note-text[data-v-02fbf466] {
  font-size: 15px;
  color: var(--text1);
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 20px;
  vertical-align: top;
}
.note-content .note-text-container .open-note-pc[data-v-02fbf466] {
  font-size: 15px;
  color: var(--text_link);
  cursor: pointer;
}
.note-content .note-text-container .open-note-pc[data-v-02fbf466]:hover {
  color: var(--brand_blue);
}
.note-content
  .note-text-container
  .open-note-pc.preview[data-v-02fbf466] {
  cursor: default;
}
.note-content
  .note-text-container
  .open-note-pc.preview[data-v-02fbf466]:hover {
  color: var(--text_link);
}
.note-content .note-img-container[data-v-02fbf466] {
  margin-top: 8px;
  display: flex;
  flex-wrap: nowrap;
}
.note-content .note-img-container .img-item-wrap[data-v-02fbf466] {
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.note-content
  .note-img-container
  .img-item-wrap[data-v-02fbf466]:nth-child(2) {
  margin: 0 5px;
}
.note-content .open-note-h5[data-v-02fbf466] {
  font-size: 12px;
  color: var(--text_link);
  cursor: pointer;
}
.note-content .open-note-h5[data-v-02fbf466]:hover {
  color: var(--brand_blue);
}
.note-content .open-note-h5.preview[data-v-02fbf466] {
  cursor: default;
}
.note-content .open-note-h5.preview[data-v-02fbf466]:hover {
  color: var(--text_link);
}
.reply-user-sailing {
  height: 48px;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.vote-warp {
  display: flex;
  width: 100%;
  height: 80px;
  border: 0.5px solid var(--graph_bg_thick);
  border-radius: 4px;
  margin: 10px 0;
}
.vote-warp .vote-icon-warp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 80px;
  flex-shrink: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: var(--brand_blue_thin);
}
.vote-warp .vote-icon-warp .vote-icon {
  width: 40px;
  height: 40px;
}
.vote-warp .vote-container {
  display: flex;
  align-items: center;
  flex: 1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--bg1);
}
.vote-warp .vote-container .vote-text-warp {
  flex: 1;
  padding-left: 15px;
}
.vote-warp .vote-container .vote-text-warp .vote-title {
  font-size: 14px;
  color: var(--text1);
}
.vote-warp .vote-container .vote-text-warp .vote-desc {
  margin-top: 10px;
  font-size: 12px;
  color: var(--text3);
}
.vote-warp .vote-container .vote-btn-warp {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 90px;
  flex-shrink: 0;
}
.vote-warp .vote-container .vote-btn-warp .vote-btn {
  width: 54px;
  height: 28px;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
  line-height: 28px;
  color: var(--text_white);
  background-color: var(--brand_blue);
  cursor: pointer;
}
.vote-warp .vote-container .vote-btn-warp .vote-btn:hover {
  background-color: var(--Lb4);
}
.vote-dialog {
  max-height: 100vh;
  overflow-y: auto;
}
.vote-dialog::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.vote-dialog::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--graph_bg_thick);
  transition: 0.3s ease-in-out;
}
.vote-dialog::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
}
.vote-dialog .vote-iframe-warp {
  height: 600px;
  padding-top: 10px;
  border-top: 0.5px solid var(--graph_weak);
}
.vote-dialog .vote-iframe-warp .vote-iframe {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
@font-face {
  font-family: Reeji-CloudHuPo-GBK;
  src: url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMlbCdMkAAACsAAAAYGNtYXAKGRDxAAABDAAAAUJnbHlm4GQxBQAAAlAAAAS8aGVhZB9yF10AAAcMAAAANmhoZWEGIwIuAAAHRAAAACRobXR4GWwB2wAAB2gAAAAqbG9jYQW0BugAAAeUAAAAGG1heHAADwAvAAAHrAAAACBuYW1lGVKlzAAAB8wAAAGtcG9zdACyAIMAAAl8AAAAOAAEAowBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAgAGAwAAAAAAAAAAAAEQAAAAAAAAAAAAAABQZkVkAMAAMAA5Ayz/LABcAywA1AAAAAEAAAAAAxgAAAAAACAAAQAAAAMAAAADAAAAHAABAAAAAAA8AAMAAQAAABwABAAgAAAABAAEAAEAAAA5//8AAAAw////0QABAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAECAwQFBgcICQoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACACIAAAEyAqoAAwAHAAA3ESERJzMRIyIBEO7MzAACqv1WIgJmAAAAAgAyAAQChALRAA0AFwAAEx4BMz4BNy4BBw4BBzEFBiciNzY3FhcxMgStd4KlAwjBYYmeAQGCA1djCQZUVQUBaK+1A8eavqsBBc+UBNcLzM4CCMgAAQAAAAoBigLWABMAADcWFzY3ESYnBgcGJyIGBwY3MxExugtXagQHSzcrSTkfMgECUGpsYQECbgIWQgQDRU4GIixKAv68AAAAAQA0AAoCggLSACIAACU1Nz4BNS4BJw4BBxYXNjc2Fx4BDwEOARcWFyE2Ny4BKwExAT64RDwFrWyBjgEGRlgOHz1BHEVsjUEQEFABiE8HAjch6rIEcituL2p3AQV/RF0FBERNBwaAMkRZbDMzBQJUKycAAAABAD4ACgJ0AtYALQAAAT4BNS4BJw4BBxYXFjc2FxYXBgcGBxYXFgcWBy4BNy4BBwYHHgEXPgE3Nic1MQIKMCYElW1zmgMDVScfGkhKCANFSgIGSEwCAWcuJQEUMRFQBASeYpSZAQRqAYoZTiNLcwQDYjtOCAMrPAIEQj0HAz9BAQI+UwsDNQQsEwEDX0tYAQWWT1Y8BAAAAAIAJwAKApMC4AAEAB4AAAEjNxUxFRYXNjc1NicmJxEuAScmDwEOARceATczFTEBcKSkB1NpAV8BBFoCRi5URMIkGQECOx/sATzW1tBhAQtXMgJOSwMBNDA9AQJe/i9AKSskATIAAAAAAQBEAAoCcALPACcAAAEzNjcmJyEmDwEGFhc+ATcWFwYHLgEnDgEVHgEzPgE1LgEnDgEHNzEBCOJZAwhY/vZXFyYEKzcoSSdeBAVhK0MqKDQDi16kmgaZTztSARQCJgNLTwcFW+YVOwICIQMGYFsDBD0FAzgbP0UGok5vcAEDHwJqAAAAAgBGAAYCmALWABsAJwAAEx4BNz4BNy4BBw4BBz4BMx4BFzY3LgEnDgEHMQUOAScmJzY3HgEXMUYJ11iBlwIHo0o/UAECQykqPDJICgeZQpesAQGKAzwbUwcJUSovAQFixpYEA4Ved2oBBCsBV08FPQQFUz1AAQTOom4zLAEDV1UFAjUfAAAAAAEAHgAKAmACzAAYAAABBgIXHgEzMjc+ATc+ATcuAQchBgcWFyExAYx3agEBMyBkEA1cKyssAQdVBv54TwkFUwEWAiaP/vUwKSmEUMY6ODsfQBwCAlJMBAADAEYACgKZAtYACgAUAC4AAAEmNxYXDgEjJicxAzY3FhcGByYnMQMeATcOARceARc+AScuASc+ATUuAScOAQcxARwBU1EBAjIeTQUICVFSCAJcTwe6BVEGQi4CBbRtnI8BBVEcLy8Fn2iFmAEB/EAKC0EfJwRE/u5SCAFbTggDVQEsUkcBGlg6Wm0BBY1IRksJGFcpTHEDBHVHAAACAEYACQKZAtYAGgAmAAABNjcOASMuAScGBx4BNz4BJy4BJw4BBx4BNzE3BgcmJzQ2Nx4BFzEBOE9BAkAsLUMsRgYGlkSwlwEGvXeDlAEHpkWICVNTBTAqIjYCAQgCMlFZBDsFA1FAOQEJ6HG0tQEFkld9ZQLgUwcJUSE3AgIzJQAAAAABAAAAAQAAZYdqzl8PPPUACwQAAAAAAN7dacAAAAAA3t1pwAAAAAACmQLgAAAACAACAAAAAAAAAAEAAAMs/ywAXALeAAAAGQKZAAEAAAAAAAAAAAAAAAAAAAAKAXYAIgK4ADIB8AAAArwANAKuAD4CrAAnArYARALeAEYCgAAeAt4ARgBGAAAAAAAUAD4AYgCcAOgBHAFeAaIBzgIcAl4AAQAAAAsALwADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAlgABAAAAAAABAAoAAAABAAAAAAACAAYACgABAAAAAAADABsAEAABAAAAAAAEAAoAKwABAAAAAAAFAB4ANQABAAAAAAAGAAoAUwADAAEECQABABQAXQADAAEECQACAAwAcQADAAEECQADADYAfQADAAEECQAEABQAswADAAEECQAFADwAxwADAAEECQAGABQBA2ZvbnRlZGl0b3JNZWRpdW1Gb250RWRpdG9yIDEuMCA6IGZvbnRlZGl0b3Jmb250ZWRpdG9yVmVyc2lvbiAxLjA7IEZvbnRFZGl0b3IgKHYxLjApZm9udGVkaXRvcgBmAG8AbgB0AGUAZABpAHQAbwByAE0AZQBkAGkAdQBtAEYAbwBuAHQARQBkAGkAdABvAHIAIAAxAC4AMAAgADoAIABmAG8AbgB0AGUAZABpAHQAbwByAGYAbwBuAHQAZQBkAGkAdABvAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADsAIABGAG8AbgB0AEUAZABpAHQAbwByACAAKAB2ADEALgAwACkAZgBvAG4AdABlAGQAaQB0AG8AcgAAAAACAAAAAAAAADIAAAAAAAAAAAAAAAAAAAAAAAAAAAALAAsAAAATABQAFQAWABcAGAAZABoAGwAc);
}
.reply-item[data-v-7041f671] {
  position: relative;
}
.reply-item .login-limit-mask[data-v-7041f671] {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.reply-item .login-limit-mask .mask-top[data-v-7041f671] {
  height: 80%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    var(--bg1) 100%
  );
}
.reply-item .login-limit-mask .mask-bottom[data-v-7041f671] {
  height: 20%;
  background: var(--bg1);
}
.reply-item.login-limit-reply-end .login-limit-mask[data-v-7041f671] {
  display: block;
}
.reply-item .root-reply-container[data-v-7041f671] {
  padding: 22px 0 0 80px;
}
.reply-item .root-reply-container.show-reply[data-v-7041f671] {
  animation-name: enterAnimation-jumpReply-7041f671;
  animation-duration: 5s;
  animation-fill-mode: forwards;
}
.reply-item .root-reply-container .root-reply-avatar[data-v-7041f671] {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 80px;
  cursor: pointer;
}
.reply-item .root-reply-container .content-warp[data-v-7041f671] {
  flex: 1;
  position: relative;
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate[data-v-7041f671] {
  position: absolute;
  top: 0;
  right: 0;
  user-select: none;
  transform: translateY(-15px);
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .easter-egg-label[data-v-7041f671] {
  width: 82px;
  height: 36px;
  transform: translateY(6px);
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .easter-egg-label
  img[data-v-7041f671] {
  width: 100%;
  height: 100%;
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .selected-reply
  .selected-reply-icon[data-v-7041f671] {
  width: var(--213e47ca);
  height: var(--268890ba);
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .user-sailing[data-v-7041f671] {
  display: flex;
  align-items: center;
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .user-sailing
  .user-sailing-img[data-v-7041f671] {
  height: 48px;
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .user-sailing
  .user-sailing-text[data-v-7041f671] {
  position: absolute;
  right: 0;
  font-size: 13px;
  color: var(--2bd55d12);
  line-height: 16px;
  word-break: keep-all;
  transform: scale(0.7);
  transform-origin: center center;
}
.reply-item
  .root-reply-container
  .content-warp
  .reply-decorate
  .user-sailing
  .user-sailing-text
  .sailing-text[data-v-7041f671] {
  font-family: fanscard;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info[data-v-7041f671] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
@media screen and (max-width: 1681px) {
  .reply-item
    .root-reply-container
    .content-warp
    .user-info[data-v-7041f671] {
    font-size: 13px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-item
    .root-reply-container
    .content-warp
    .user-info[data-v-7041f671] {
    font-size: 14px;
  }
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .user-name[data-v-7041f671] {
  font-family:
    PingFang SC,
    HarmonyOS_Medium,
    Helvetica Neue,
    Microsoft YaHei,
    sans-serif;
  font-weight: 500;
  margin-right: 5px;
  color: var(--dc735352);
  cursor: pointer;
}
@media (-webkit-max-device-pixel-ratio: 1) {
  .reply-item
    .root-reply-container
    .content-warp
    .user-info
    .user-name[data-v-7041f671] {
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      Helvetica Neue,
      Helvetica,
      Arial,
      PingFang SC,
      Hiragino Sans GB,
      Microsoft YaHei,
      sans-serif;
  }
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .user-level[data-v-7041f671] {
  cursor: pointer;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .up-icon[data-v-7041f671] {
  cursor: default;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .contractor-box[data-v-7041f671] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: var(--697d5c46);
  height: 12px;
  padding: 2px;
  border-radius: 2px;
  background-color: var(--brand_pink_thin);
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .contractor-box.originalFan[data-v-7041f671] {
  border: 0.5px solid var(--brand_pink);
  background-color: transparent;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .contractor-box
  .contractor-text[data-v-7041f671] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transform-origin: center center;
  transform: scale(0.5);
  position: absolute;
  color: var(--brand_pink);
  white-space: nowrap;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge[data-v-7041f671] {
  display: flex;
  align-items: center;
  height: 14px;
  padding-left: 5px;
  border: 0.5px solid var(--3d3b5a1e);
  border-radius: 10px;
  margin-left: 5px;
  background-image: var(--35269ce2);
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-icon-wrap[data-v-7041f671] {
  display: flex;
  align-items: center;
  position: relative;
  width: var(--1f5204fd);
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-icon-wrap
  .badge-frist-icon[data-v-7041f671] {
  position: absolute;
  left: -8px;
  width: 20px;
  height: 20px;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-icon-wrap
  .badge-second-icon[data-v-7041f671] {
  position: absolute;
  right: 0;
  width: 8px;
  height: 11px;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-name-wrap[data-v-7041f671] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: var(--4f9eed68);
  height: 100%;
  margin-right: 4px;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-name-wrap
  .badge-name[data-v-7041f671] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  transform-origin: center center;
  transform: scale(0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--57e6be72);
  font-weight: 500;
  white-space: nowrap;
  transform: scale(0.5) translate(-50%, -50%);
  transform-origin: 0 0;
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-level-wrap[data-v-7041f671] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  border-radius: 50%;
  margin-right: 0.5px;
  background-color: var(--59f85baa);
}
.reply-item
  .root-reply-container
  .content-warp
  .user-info
  .fan-badge
  .badge-level-wrap
  .badge-level[data-v-7041f671] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transform-origin: center center;
  transform: scale(0.5);
  position: absolute;
  top: 52%;
  left: 50%;
  font-family: Reeji-CloudHuPo-GBK;
  color: var(--103312b6);
  font-weight: 500;
  white-space: nowrap;
  line-height: 1;
  transform: scale(0.5) translate(-50%, -43%);
  transform-origin: 0 0;
}
.reply-item
  .root-reply-container
  .content-warp
  .vote-info[data-v-7041f671] {
  margin-bottom: 4px;
  height: 20px;
  font-size: 12px;
  line-height: 17px;
  display: flex;
  align-items: center;
}
.reply-item
  .root-reply-container
  .content-warp
  .vote-info__tag[data-v-7041f671] {
  padding: 2px 6px;
  border-radius: 2px;
  margin-right: 4px;
  flex: none;
}
.reply-item
  .root-reply-container
  .content-warp
  .vote-info__tag--pink[data-v-7041f671] {
  background-color: var(--Pi1);
  color: var(--Pi5);
}
.reply-item
  .root-reply-container
  .content-warp
  .vote-info__tag--blue[data-v-7041f671] {
  background-color: var(--brand_blue_thin);
  color: var(--brand_blue);
}
.reply-item
  .root-reply-container
  .content-warp
  .vote-info__tag--gray[data-v-7041f671] {
  background-color: var(--graph_bg_regular);
  color: var(--text3);
}
.reply-item
  .root-reply-container
  .content-warp
  .vote-info__text[data-v-7041f671] {
  color: var(--Ga7_u);
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply[data-v-7041f671] {
  position: relative;
  padding: 2px 0;
}
@media screen and (max-width: 1681px) {
  .reply-item
    .root-reply-container
    .content-warp
    .root-reply[data-v-7041f671] {
    font-size: 15px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1681px) {
  .reply-item
    .root-reply-container
    .content-warp
    .root-reply[data-v-7041f671] {
    font-size: 16px;
    line-height: 26px;
  }
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-content-container[data-v-7041f671] {
  display: block;
  overflow: hidden;
  width: 100%;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info[data-v-7041f671] {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 2px;
  font-size: 13px;
  color: var(--text3);
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-time[data-v-7041f671] {
  margin-right: var(--472bae2d);
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-location[data-v-7041f671] {
  margin-right: 20px;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-like[data-v-7041f671] {
  display: flex;
  align-items: center;
  margin-right: 19px;
  cursor: pointer;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-like
  .like-icon[data-v-7041f671] {
  margin-right: 5px;
  color: #9499a0;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-like
  .like-icon[data-v-7041f671]:hover,
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-like
  .like-icon.liked[data-v-7041f671] {
  color: #00aeec;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-dislike[data-v-7041f671] {
  display: flex;
  align-items: center;
  margin-right: 19px;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-dislike
  .dislike-icon[data-v-7041f671] {
  color: #9499a0;
  cursor: pointer;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-dislike
  .dislike-icon[data-v-7041f671]:hover,
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-dislike
  .dislike-icon.disliked[data-v-7041f671] {
  color: #00aeec;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-btn[data-v-7041f671] {
  cursor: pointer;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-btn[data-v-7041f671]:hover {
  color: var(--brand_blue);
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-info
  .reply-operation-warp[data-v-7041f671] {
  position: absolute;
  right: 20px;
  display: none;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-tag-list[data-v-7041f671] {
  display: flex;
  align-items: center;
  margin-top: 6px;
  font-size: 12px;
  line-height: 17px;
}
.reply-item
  .root-reply-container
  .content-warp
  .root-reply
  .reply-tag-list
  .reply-tag-item[data-v-7041f671] {
  padding: 2px 6px;
  border-radius: 2px;
  margin-right: 10px;
}
.reply-item
  .root-reply-container:hover
  .content-warp
  .root-reply
  .reply-info
  .reply-operation-warp[data-v-7041f671] {
  display: block;
}
.reply-item .sub-reply-container[data-v-7041f671] {
  padding-left: 72px;
}
.reply-item .reply-box-container[data-v-7041f671] {
  padding: 25px 0 10px 80px;
}
.reply-item .bottom-line[data-v-7041f671] {
  margin-left: 80px;
  border-bottom: 1px solid var(--graph_bg_thick);
  margin-top: 14px;
}
.reply-item .reply-dynamic-card[data-v-7041f671] {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 400px;
}
@keyframes enterAnimation-jumpReply-7041f671 {
  0% {
    background-color: #dff6fb;
  }
  to {
    background-color: #dff6fb00;
  }
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-list[data-v-bad1995c] {
  margin-top: 14px;
  padding-bottom: 100px;
}
.reply-list .reply-end-mark[data-v-bad1995c] {
  height: 100px;
}
.reply-list .reply-end[data-v-bad1995c],
.reply-list .reply-loading[data-v-bad1995c],
.reply-list .view-all-reply[data-v-bad1995c] {
  margin-top: 20px;
  font-size: 13px;
  color: var(--text3);
  text-align: center;
}
.reply-list .view-all-reply[data-v-bad1995c]:hover {
  color: var(--brand_blue);
  cursor: pointer;
}
.reply-list .login-prompt[data-v-bad1995c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 80px);
  height: 50px;
  margin: 16px 0 0 auto;
  border-radius: 6px;
  font-size: 14px;
  color: var(--brand_blue);
  background-color: var(--brand_blue_thin);
  transition: 0.2s;
  cursor: pointer;
}
.reply-list .login-prompt[data-v-bad1995c]:hover {
  background-color: var(--Lb2);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.user-card[data-v-c2f085d0] {
  position: absolute;
  top: var(--555c4a14);
  left: var(--8468e010);
  z-index: 10;
  width: 366px;
  border: 0.5px solid var(--graph_weak);
  border-radius: 8px;
  background-color: var(--bg1);
  box-shadow: 0 0 30px #0000001a;
}
.user-card .card-bg[data-v-c2f085d0] {
  width: 100%;
  height: 85px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background-image: var(--71924242);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.user-card .user-card-avatar[data-v-c2f085d0] {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 70px;
  margin-top: 10px;
  cursor: pointer;
}
.user-card .card-content[data-v-c2f085d0] {
  display: flex;
  flex-direction: column;
  padding: 12px 20px 16px 70px;
}
.user-card .card-content .card-user-info[data-v-c2f085d0] {
  display: flex;
  align-items: center;
  color: var(--text1);
  margin-bottom: 10px;
}
.user-card
  .card-content
  .card-user-info
  .card-user-name[data-v-c2f085d0] {
  max-width: 160px;
  margin-right: 5px;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text1);
  color: var(--7ba58c95);
  text-decoration: none;
}
.user-card .card-content .card-user-info .card-user-sex[data-v-c2f085d0] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.user-card
  .card-content
  .card-user-info
  .card-user-level[data-v-c2f085d0] {
  margin-right: 5px;
  cursor: pointer;
}
.user-card .card-content .card-user-info .card-user-vip[data-v-c2f085d0] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--7a718880);
  height: 16px;
  padding: 1px 4px;
  border-radius: 2px;
  color: var(--612d8511);
  background-color: var(--29ab308e);
  cursor: default;
}
.user-card
  .card-content
  .card-user-info
  .card-user-vip
  .card-vip-text[data-v-c2f085d0] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  transform-origin: center center;
  transform: scale(0.5);
  white-space: nowrap;
  font-style: normal;
}
.user-card .card-content .card-social-info[data-v-c2f085d0] {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text1);
}
.user-card
  .card-content
  .card-social-info
  .card-user-attention[data-v-c2f085d0],
.user-card
  .card-content
  .card-social-info
  .card-user-fans[data-v-c2f085d0],
.user-card
  .card-content
  .card-social-info
  .card-user-like[data-v-c2f085d0] {
  margin-right: 18px;
  color: inherit;
  text-decoration: none;
}
.user-card
  .card-content
  .card-social-info
  .card-user-attention
  .social-info-title[data-v-c2f085d0],
.user-card
  .card-content
  .card-social-info
  .card-user-fans
  .social-info-title[data-v-c2f085d0],
.user-card
  .card-content
  .card-social-info
  .card-user-like
  .social-info-title[data-v-c2f085d0] {
  margin-left: 3px;
  color: var(--text3);
}
.user-card .card-content .card-verify-info[data-v-c2f085d0] {
  padding-top: 10px;
  font-size: 12px;
  color: var(--text3);
}
.user-card
  .card-content
  .card-verify-info
  .card-verify-icon[data-v-c2f085d0] {
  vertical-align: text-bottom;
  margin-right: 3px;
}
.user-card .card-content .card-sign[data-v-c2f085d0] {
  padding-top: 8px;
  font-size: 12px;
  color: var(--text3);
  word-break: break-all;
}
.user-card .card-content .card-btn-warp[data-v-c2f085d0] {
  display: flex;
  margin-top: 16px;
  font-size: 14px;
}
.user-card
  .card-content
  .card-btn-warp
  .card-attention-btn[data-v-c2f085d0] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 30px;
  border-radius: 4px;
  margin-right: 8px;
  color: var(--text_white);
  background-color: var(--brand_blue);
  transition: 0.4s;
  cursor: pointer;
}
.user-card
  .card-content
  .card-btn-warp
  .card-attention-btn
  .cancel-attention-text[data-v-c2f085d0] {
  display: none;
  position: absolute;
}
.user-card
  .card-content
  .card-btn-warp
  .card-attention-btn.attention[data-v-c2f085d0] {
  color: var(--text2);
  background-color: var(--bg3);
}
.user-card
  .card-content
  .card-btn-warp
  .card-attention-btn.attention:hover
  .attention-text[data-v-c2f085d0] {
  display: none;
}
.user-card
  .card-content
  .card-btn-warp
  .card-attention-btn.attention:hover
  .cancel-attention-text[data-v-c2f085d0] {
  display: inline;
}
.user-card
  .card-content
  .card-btn-warp
  .card-message-btn[data-v-c2f085d0] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 30px;
  border: 1px solid var(--graph_weak);
  border-radius: 4px;
  color: var(--text2);
  cursor: pointer;
}
.user-card
  .card-content
  .card-btn-warp
  .card-message-btn[data-v-c2f085d0]:hover {
  border-color: var(--brand_blue);
  color: var(--brand_blue);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.dynamic-card[data-v-9f1e482d] {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 10;
  top: var(--7b058890);
  left: 400px;
  width: 710px;
  height: 550px;
  border-radius: 6px;
  background-color: var(--bg1);
  box-shadow: 0 0 25px #00000026;
}
.dynamic-card .card-header[data-v-9f1e482d] {
  display: flex;
  align-items: center;
  flex-basis: 50px;
  padding: 0 10px;
  border-bottom: 0.5px solid var(--line_light);
}
.dynamic-card .card-header .card-title[data-v-9f1e482d] {
  flex: 1;
  text-align: center;
  font-size: 16px;
  color: var(--text1);
}
.dynamic-card .card-header .close-card[data-v-9f1e482d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: var(--text2);
  transition: 0.2s;
  cursor: pointer;
}
.dynamic-card .card-header .close-card[data-v-9f1e482d]:hover {
  background-color: var(--bg3);
}
.dynamic-card .card-content[data-v-9f1e482d] {
  flex: 1;
}
.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--graph_bg_thick);
  transition: 0.3s ease-in-out;
}
.dynamic-card .card-content[data-v-9f1e482d]::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent;
}
.dynamic-card .card-content .dynamic-card-iframe[data-v-9f1e482d] {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-view-image {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 25, 28, 0.85);
  transform: scale(1);
  user-select: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
}
.reply-view-image,
.reply-view-image * {
  box-sizing: border-box;
}
.reply-view-image .operation-btn .operation-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--text_white);
  background: rgba(0, 0, 0, 0.58);
  transition: 0.2s;
  cursor: pointer;
}
.reply-view-image .operation-btn .operation-btn-icon:hover {
  color: var(--brand_pink);
}
.reply-view-image .operation-btn .operation-btn-icon.close-container {
  top: 16px;
  right: 16px;
}
.reply-view-image .operation-btn .operation-btn-icon.last-image {
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.reply-view-image .operation-btn .operation-btn-icon.next-image {
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.reply-view-image .show-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0 100px;
  overflow: auto;
}
.reply-view-image .show-image-wrap .loading-svga {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 42px;
  height: 42px;
}
.reply-view-image .show-image-wrap.vertical {
  flex-direction: column;
  justify-content: var(--c186e874);
}
.reply-view-image .show-image-wrap .image-content {
  width: calc(100vw - 200px);
  max-width: var(--34114ac9);
  -webkit-user-drag: none;
}
.reply-view-image .preview-list {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(24, 25, 28, 0.8);
  backdrop-filter: blur(20px);
  transform: translate(-50%);
}
.reply-view-image .preview-list .preview-item-box {
  padding: 1px;
  border: 2px solid transparent;
  border-radius: 8px;
  transition: 0.3s;
  cursor: pointer;
}
.reply-view-image .preview-list .preview-item-box.active {
  border-color: var(--brand_pink);
}
.reply-view-image .preview-list .preview-item-box .preview-item-wrap {
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}
.reply-view-image
  .preview-list
  .preview-item-box
  .preview-item-wrap.vertical {
  flex-direction: column;
}
.reply-view-image
  .preview-list
  .preview-item-box
  .preview-item-wrap.extra-long {
  justify-content: start;
}
.reply-view-image
  .preview-list
  .preview-item-box
  .preview-item-wrap
  .item-content {
  -webkit-user-drag: none;
}
.reply-view-image--transition-enter-active,
.reply-view-image--transition-leave-active {
  transition: all 0.3s ease;
}
.reply-view-image--transition-enter-from,
.reply-view-image--transition-leave-to {
  transform: scale(0.4);
  opacity: 0;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-warp[data-v-a31d7520] {
  position: relative;
}
.reply-warp .fixed-reply-box[data-v-a31d7520] {
  position: fixed;
  bottom: 0;
  left: var(--3e88ddc5);
  z-index: 10;
  width: var(--d9a0b070);
}
.reply-warp .fixed-reply-box .reply-box-shadow[data-v-a31d7520] {
  position: absolute;
  top: -10px;
  z-index: 1;
  width: 100%;
  height: 36px;
  border-radius: 50%;
  background-color: #00000014;
  filter: blur(10px);
}
.reply-warp .fixed-reply-box--transition-enter-active[data-v-a31d7520],
.reply-warp .fixed-reply-box--transition-leave-active[data-v-a31d7520] {
  transition: opacity 0.5s ease;
}
.reply-warp .fixed-reply-box--transition-enter-from[data-v-a31d7520],
.reply-warp .fixed-reply-box--transition-leave-to[data-v-a31d7520] {
  opacity: 0;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.hwly-comment.browser-pc {
  background-color: var(--bg1);
}
.hwly-comment.browser-pc * {
  font-family:
    PingFang SC,
    HarmonyOS_Regular,
    Helvetica Neue,
    Microsoft YaHei,
    sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
@media (-webkit-max-device-pixel-ratio: 1) {
  .hwly-comment.browser-pc * {
    font-family:
      -apple-system,
      BlinkMacSystemFont,
      Helvetica Neue,
      Helvetica,
      Arial,
      PingFang SC,
      Hiragino Sans GB,
      Microsoft YaHei,
      sans-serif;
  }
}
.hwly-comment.browser-pc * ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.hwly-comment.browser-pc * a {
  text-decoration: none;
  background-color: transparent;
  color: var(--text_link);
  cursor: pointer;
}
.hwly-comment.browser-pc * a:hover {
  color: var(--Lb4);
}
.hwly-comment.browser-pc * i {
  font-style: normal;
}
.hwly-comment.browser-pc * p {
  margin: 0;
  padding: 0;
}
.hwly-comment.browser-pc .comment-container {
  animation-name: enterAnimation-commentContainer;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-operation-client {
  display: inline-flex;
  position: relative;
}
.reply-operation-client .operation-icon {
  border-radius: 4px;
  cursor: pointer;
}
.reply-operation-client .operation-icon:hover {
  background-color: var(--graph_bg_thick);
}
.reply-operation-client .operation-list {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 10;
  width: 180px;
  padding: 12px 0;
  border-radius: 6px;
  font-size: 14px;
  color: var(--text2);
  background-color: var(--bg1_float);
  box-shadow: 0 0 5px #0003;
}
.reply-operation-client .operation-list .operation-option {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  cursor: pointer;
}
.reply-operation-client .operation-list .operation-option:hover {
  background-color: var(--graph_bg_thick);
}
.reply-operation-client .operation-list .delete-reply-modal {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  padding: 10px 20px;
  border: 1px solid var(--graph_bg_thick);
  border-radius: 8px;
  margin-bottom: 100px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  background-color: var(--bg1);
  box-shadow: 0 0 5px #0003;
  transform: translate(-50%, -100%);
}
.reply-operation-client
  .operation-list
  .delete-reply-modal
  .delete-reply-btn {
  display: flex;
  justify-content: center;
}
.reply-operation-client
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .comfirm-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
  border-radius: 4px;
  margin-right: 20px;
  color: var(--text_white);
  background-color: var(--brand_blue);
}
.reply-operation-client
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .comfirm-delete:hover {
  background-color: var(--Lb4);
}
.reply-operation-client
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .cancel-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 20px;
}
.reply-operation-client
  .operation-list
  .delete-reply-modal
  .delete-reply-btn
  .cancel-delete:hover {
  color: var(--brand_blue);
}
.select-reply-dialog-client .select-dialog-content {
  text-align: left;
}
.select-reply-dialog-client .cancel-select-reply {
  width: 130px;
  margin-right: 20px;
}
.select-reply-dialog-client .comfirm-select-reply {
  width: 130px;
}
.close-reply-dialog-client .close-reply-dialog-content {
  text-align: left;
}
.close-reply-dialog-client .cancel-close-reply {
  width: 130px;
  margin-right: 20px;
}
.close-reply-dialog-client .comfirm-close-reply {
  width: 130px;
}
.close-danmaku-dialog-client .close-danmaku-dialog-content {
  text-align: left;
}
.close-danmaku-dialog-client .cancel-close-danmaku {
  width: 130px;
  margin-right: 20px;
}
.close-danmaku-dialog-client .comfirm-close-danmaku {
  width: 130px;
}
.blacklist-dialog-client .blacklist-dialog-content {
  text-align: center;
}
.blacklist-dialog-client .comfirm-pull-blacklist {
  margin-right: 20px;
}
.report-dialog-client {
  max-height: 100%;
  overflow: auto;
}
.report-dialog-client .report-dialog-content {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.report-dialog-client .report-dialog-content .report-reason-warp {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-type {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
  color: var(--text3);
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 50%;
  margin-bottom: 16px;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item.widescreen {
  min-width: 25%;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item.custom-reason {
  width: 100%;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item
  .reason-radio {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid var(--graph_medium);
  margin-right: 8px;
  outline: none;
  appearance: none;
  cursor: pointer;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item
  .reason-radio-label {
  cursor: pointer;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item.checked
  .reason-radio {
  border-color: transparent;
  background-color: var(--brand_pink);
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item.checked
  .reason-radio:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4wOTEyIDQuNTc1NjRDMTQuMzI1NSA0LjgwOTk1IDE0LjMyNTUgNS4xODk4NSAxNC4wOTEyIDUuNDI0MTdMNi42NjAxOSAxMi44NTUxQzYuMjk1NyAxMy4yMTk2IDUuNzA0NzUgMTMuMjE5NiA1LjM0MDI2IDEyLjg1NTFMMS4yNDI2MyA4Ljc1NzVDMS4wMDgzMiA4LjUyMzE4IDEuMDA4MzIgOC4xNDMyOSAxLjI0MjYzIDcuOTA4OTdDMS40NzY5NSA3LjY3NDY2IDEuODU2ODQgNy42NzQ2NiAyLjA5MTE2IDcuOTA4OTdMNi4wMDAyMyAxMS44MThMMTMuMjQyNiA0LjU3NTY0QzEzLjQ3NjkgNC4zNDEzMiAxMy44NTY4IDQuMzQxMzIgMTQuMDkxMiA0LjU3NTY0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
    no-repeat;
  background-size: cover;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item
  .custom-reason {
  width: 100%;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item
  .custom-reason
  .custom-reason-textarea {
  box-sizing: border-box;
  width: 100%;
  height: 138px;
  padding: 8px;
  margin-top: 8px;
  border: 1px solid var(--graph_weak);
  border-radius: 4px;
  color: var(--text1);
  background-color: var(--bg1);
  outline: none;
  resize: none;
}
.report-dialog-client
  .report-dialog-content
  .report-reason-warp
  .report-reason-list
  .report-reason-item
  .custom-reason
  .custom-reason-textarea:focus {
  border: 1px solid var(--brand_pink);
}
.report-dialog-client .cancel-report {
  width: 100px;
  margin-right: 20px;
}
.report-dialog-client .comfirm-report {
  width: 100px;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-header-client .reply-notice {
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
  padding: 11px 14px;
  margin-bottom: 10px;
  font-size: 12px;
  border-radius: 2px;
  color: var(--text_notice);
  background-color: var(--Or0);
  cursor: pointer;
}
.reply-header-client .reply-notice .notice-content {
  flex: 1;
  position: relative;
  padding: 0 5px;
  line-height: 18px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 2s;
}
.reply-header-client .reply-navigation {
  margin: 12px 0;
}
.reply-header-client .reply-navigation .nav-bar {
  display: flex;
  align-items: center;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.reply-header-client .reply-navigation .nav-bar .nav-select-reply {
  font-size: 12px;
  color: var(--text1);
}
.reply-header-client .reply-navigation .nav-bar .nav-sort {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--text3);
}
.reply-header-client .reply-navigation .nav-bar .nav-sort .part-symbol {
  height: 10px;
  margin: 0 8px;
  border-left: solid 1px;
}
.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort {
  cursor: pointer;
}
.reply-header-client
  .reply-navigation
  .nav-bar
  .nav-sort
  .hot-sort:hover {
  color: var(--brand_blue);
}
.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort {
  cursor: pointer;
}
.reply-header-client
  .reply-navigation
  .nav-bar
  .nav-sort
  .time-sort:hover {
  color: var(--brand_blue);
}
.reply-header-client .reply-navigation .nav-bar .nav-sort.hot .hot-sort,
.reply-header-client
  .reply-navigation
  .nav-bar
  .nav-sort.time
  .time-sort {
  color: var(--text1);
}
.reply-header-client .reply-navigation .nav-operation-warp {
  position: absolute;
  right: 0;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.emoji-panel-client[data-v-168f09db] {
  position: absolute;
  top: var(--3401e690);
  bottom: var(--7fa31b7c);
  left: var(--351cf79e);
  width: var(--6ada9838);
  border: 1px solid var(--graph_bg_thick);
  border-radius: 8px;
  font-size: 14px;
  color: var(--text1);
  z-index: 9;
}
.emoji-panel-client .emoji-header[data-v-168f09db] {
  display: flex;
  align-items: center;
  position: relative;
  padding: 13px 15px 6px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: var(--bg1);
}
.emoji-panel-client .emoji-header .emoji-title[data-v-168f09db] {
  flex: 1;
}
.emoji-panel-client .emoji-content[data-v-168f09db] {
  height: 196px;
  padding: 0 11px;
  background-color: var(--bg1);
  overflow: auto;
}
.emoji-panel-client .emoji-content .emoji-info[data-v-168f09db] {
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}
.emoji-panel-client .emoji-content .emoji-info[data-v-168f09db]:hover {
  background-color: var(--graph_bg_thick);
}
.emoji-panel-client
  .emoji-content
  .emoji-info
  .text-emoji[data-v-168f09db] {
  padding: 8px;
  line-height: 16px;
}
.emoji-panel-client
  .emoji-content
  .emoji-info
  .normal-small-emoji[data-v-168f09db] {
  width: 32px;
  height: 32px;
  margin: 8px;
}
.emoji-panel-client
  .emoji-content
  .emoji-info
  .normal-large-emoji[data-v-168f09db] {
  width: 48px;
  height: 48px;
  margin: 6px 10px;
}
.emoji-panel-client .emoji-tab[data-v-168f09db] {
  display: flex;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--bg3);
  overflow: hidden;
}
.emoji-panel-client .emoji-tab .emoji-type[data-v-168f09db] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 36px;
  cursor: pointer;
}
.emoji-panel-client .emoji-tab .emoji-type[data-v-168f09db]:hover {
  background-color: var(--graph_bg_thick);
}
.emoji-panel-client
  .emoji-tab
  .emoji-type
  .emoji-type-face[data-v-168f09db] {
  width: 24px;
  height: 24px;
}
.emoji-panel-client .emoji-tab .emoji-type.current-type[data-v-168f09db] {
  background-color: var(--bg1);
}
.emoji-panel-client .emoji-tab .emoji-slider[data-v-168f09db] {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: absolute;
  right: 0;
  width: 75px;
  height: 36px;
}
.emoji-panel-client .emoji-tab .emoji-slider .slider-pre[data-v-168f09db],
.emoji-panel-client
  .emoji-tab
  .emoji-slider
  .slider-next[data-v-168f09db] {
  color: var(--graph_icon);
  opacity: 0.3;
  cursor: pointer;
}
.emoji-panel-client
  .emoji-tab
  .emoji-slider
  .slider-pre.allow[data-v-168f09db],
.emoji-panel-client
  .emoji-tab
  .emoji-slider
  .slider-next.allow[data-v-168f09db] {
  opacity: 1;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.set-nickname--dialog .vui_dialog--title {
  margin-bottom: 0;
}
.set-nickname--dialog .set-nickname-dialog-content {
  padding: 20px;
  font-size: 16px;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  s
  .nickname-input-warp {
  font-size: 12px;
  margin-top: 30px;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  s
  .nickname-input-warp
  .nickname-input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--graph_weak);
  border-radius: 4px;
  outline: none;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  s
  .nickname-input-warp
  .nickname-input.error {
  border-color: var(--stress_red);
}
.set-nickname--dialog
  .set-nickname-dialog-content
  s
  .nickname-input-warp
  .nickname-input:focus {
  border-color: var(--brand_blue);
}
.set-nickname--dialog
  .set-nickname-dialog-content
  s
  .nickname-input-warp
  .nickname-error-info {
  margin-top: 4px;
  font-size: 12px;
  color: red;
}
.set-nickname--dialog
  .set-nickname-dialog-content
  s
  .nickname-input-warp
  .nickname-error-info
  .nickname-error-icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.set-nickname--dialog .nickname-btn-warp {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}
.bind-phone--dialog .bind-phone-dialog-content {
  text-align: left;
}
.vui_dialog--footer {
  background-color: transparent;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-box-client[data-v-e5b1f999] {
  display: flex;
  flex-direction: column;
}
.reply-box-client .reply-box-warp[data-v-e5b1f999] {
  position: relative;
  flex: 1;
}
.reply-box-client .reply-box-warp .reply-box-textarea[data-v-e5b1f999] {
  width: 100%;
  height: 32px;
  padding: 5px 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  line-height: 20px;
  color: var(--text1);
  background-color: var(--bg2);
  resize: none;
  outline: none;
  transition: 0.2s;
}
.reply-box-client
  .reply-box-warp
  .reply-box-textarea[data-v-e5b1f999]::placeholder {
  color: var(--text4);
}
.reply-box-client
  .reply-box-warp
  .reply-box-textarea.focus[data-v-e5b1f999],
.reply-box-client
  .reply-box-warp
  .reply-box-textarea[data-v-e5b1f999]:hover {
  border-color: var(--brand_pink);
}
.reply-box-client .box-operation-warp[data-v-e5b1f999] {
  display: flex;
  align-items: center;
  margin-top: 10px;
  height: 32px;
}
.reply-box-client .box-operation-warp .reply-box-emoji[data-v-e5b1f999] {
  position: relative;
  margin-right: auto;
}
.reply-box-client
  .box-operation-warp
  .reply-box-emoji
  .box-emoji-icon[data-v-e5b1f999] {
  cursor: pointer;
}
.reply-box-client .box-operation-warp .reply-box-send[data-v-e5b1f999] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 70px;
  height: 100%;
  border-radius: 4px;
  cursor: pointer;
}
.reply-box-client
  .box-operation-warp
  .reply-box-send
  .send-text[data-v-e5b1f999] {
  position: absolute;
  z-index: 1;
  color: var(--text_white);
}
.reply-box-client
  .box-operation-warp
  .reply-box-send[data-v-e5b1f999]:after {
  content: "";
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: var(--brand_pink);
}
.reply-box-client
  .box-operation-warp
  .reply-box-send[data-v-e5b1f999]:hover:after {
  opacity: 1;
}
.reply-box-client.box-active
  .reply-box-warp
  .reply-box-textarea[data-v-e5b1f999] {
  height: 60px;
}
.reply-box-client.box-active
  .reply-box-send.send-active[data-v-e5b1f999]:after {
  opacity: 1;
}
.reply-box-client.disabled
  .reply-box-warp
  .disable-mask[data-v-e5b1f999] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  font-size: 12px;
  color: var(--text3);
  background-color: var(--bg3);
}
.reply-box-client.disabled
  .reply-box-warp
  .disable-mask
  .no-login-mask[data-v-e5b1f999] {
  cursor: pointer;
}
.reply-box-client.disabled
  .box-operation-warp
  .reply-box-send[data-v-e5b1f999] {
  cursor: not-allowed;
}
.reply-box-client.disabled
  .box-operation-warp
  .reply-box-send
  .send-text[data-v-e5b1f999] {
  color: var(--text3);
}
.reply-box-client.disabled
  .box-operation-warp
  .reply-box-send[data-v-e5b1f999]:after {
  opacity: 1;
  background-color: var(--bg3);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.note-prefix[data-v-e8276124] {
  vertical-align: -3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  line-height: 19px;
  border-radius: 4px;
  margin-right: 6px;
  font-size: 12px;
  color: var(--text3);
  background-color: var(--bg2);
}
.note-prefix .note-icon[data-v-e8276124] {
  width: 16px;
  height: 16px;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-content-client {
  color: var(--text1);
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  vertical-align: baseline;
  transition: 0.2s;
}
.reply-content-client.root {
  line-height: 25px;
}
.reply-content-client.need-view-more {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.reply-content-client.sub {
  line-height: 20px;
}
.reply-content-client .top-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 18px;
  border: 1px solid var(--brand_pink);
  border-radius: 3px;
  margin-right: 5px;
  font-size: 12px;
  color: var(--brand_pink);
  vertical-align: 1px;
}
.reply-content-client .emoji-small {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}
.reply-content-client .emoji-large {
  width: 36px;
  height: 36px;
  vertical-align: text-bottom;
}
.reply-content-client .jump-link {
  vertical-align: baseline;
}
.reply-content-client .icon {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
.reply-content-client .icon.vote {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  vertical-align: text-bottom;
}
.reply-content-client .icon.search-word {
  width: 12px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.view-more-reply {
  font-size: 12px;
  color: var(--text_link);
  line-height: 17px;
  cursor: pointer;
}
.view-more-reply:hover {
  color: var(--Lb4);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.sub-reply-item-client[data-v-f656e619] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  max-height: 42px;
  padding: 3px 0;
  font-size: 14px;
  overflow: hidden;
}
.sub-reply-item-client .sub-user-info[data-v-f656e619] {
  display: inline-flex;
  align-items: center;
  color: var(--text2);
  line-height: 20px;
  vertical-align: baseline;
  white-space: nowrap;
}
.sub-reply-item-client .sub-user-info .sub-user-name[data-v-f656e619] {
  margin-right: 5px;
  font-size: 14px;
  cursor: pointer;
}
.sub-reply-item-client .sub-user-info .sub-up-icon[data-v-f656e619] {
  margin-right: 4px;
  cursor: default;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.sub-reply-list-client[data-v-797a1736] {
  border-radius: 4px;
  padding: 7px 10px;
  margin-top: 12px;
  background-color: var(--bg2_float);
}
.sub-reply-list-client .view-more[data-v-797a1736] {
  margin-top: 4px;
  cursor: pointer;
}
.sub-reply-list-client .view-more .view-more-text[data-v-797a1736] {
  font-size: 12px;
  color: var(--text_link);
}
.sub-reply-list-client .view-more .view-more-text[data-v-797a1736]:hover {
  color: var(--Lb4);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.content-warp--blacklist .reply-content[data-v-7c80ed25] {
  display: inline-flex;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  color: var(--text1);
  background-color: var(--bg2_float);
}
.content-warp--blacklist .reply-content .ban-icon[data-v-7c80ed25] {
  margin-right: 4px;
}
.content-warp--blacklist .reply-header[data-v-7c80ed25] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.content-warp--blacklist
  .reply-header
  .root-reply-avatar[data-v-7c80ed25] {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.content-warp--blacklist
  .reply-header
  .root-reply-avatar
  .blacklist-avatar[data-v-7c80ed25] {
  width: 30px;
  height: 30px;
}
.content-warp--blacklist
  .reply-header
  .reply-info
  .balcklist-name[data-v-7c80ed25] {
  color: var(--text1);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-item-client {
  position: relative;
  padding: 10px 0 14px 42px;
  border-bottom: 1px solid var(--line_light);
}
.reply-item-client .content-warp {
  flex: 1;
  position: relative;
}
.reply-item-client .content-warp .reply-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.reply-item-client .content-warp .reply-header .root-reply-avatar {
  display: flex;
  justify-content: center;
  position: absolute;
  left: -42px;
  cursor: pointer;
}
.reply-item-client .content-warp .reply-header .reply-info {
  display: flex;
  flex-direction: column;
}
.reply-item-client .content-warp .reply-header .reply-info .user-info {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: var(--text2);
}
.reply-item-client
  .content-warp
  .reply-header
  .reply-info
  .user-info
  .user-name {
  margin-right: 5px;
  color: var(--be794234);
  cursor: pointer;
}
.reply-item-client
  .content-warp
  .reply-header
  .reply-info
  .user-info
  .user-level {
  margin-right: 5px;
  cursor: pointer;
}
.reply-item-client
  .content-warp
  .reply-header
  .reply-info
  .user-info
  .up-icon {
  cursor: default;
}
.reply-item-client .content-warp .reply-header .reply-info .reply-time {
  font-size: 12px;
  color: var(--text3);
}
.reply-item-client .content-warp .root-reply {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  transition: 0.2s;
}
.reply-item-client .content-warp .root-reply .reply-operation-warp {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 12px;
  font-size: 13px;
  color: var(--text3);
  line-height: 16px;
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like {
  display: flex;
  align-items: center;
  margin-right: 19px;
  cursor: pointer;
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like
  .like-icon {
  margin-right: 5px;
  color: var(--text3);
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like
  .like-icon:hover,
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like
  .like-icon.liked {
  color: var(--brand_pink);
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike {
  display: flex;
  align-items: center;
  margin-right: 19px;
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike
  .dislike-icon {
  color: var(--text3);
  cursor: pointer;
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike
  .dislike-icon:hover,
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike
  .dislike-icon.disliked {
  color: var(--brand_pink);
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-icon {
  color: var(--text3);
  cursor: pointer;
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-icon:hover {
  color: var(--brand_pink);
}
.reply-item-client
  .content-warp
  .root-reply
  .reply-operation-warp
  .more-operation {
  display: none;
  position: absolute;
  right: 20px;
}
.reply-item-client .content-warp .reply-item-box {
  margin-top: 12px;
}
.reply-item-client .content-warp .reply-tag-list {
  display: flex;
  align-items: center;
  margin-top: 12px;
  font-size: 12px;
  line-height: 14px;
}
.reply-item-client .content-warp .reply-tag-list .reply-tag-item {
  padding: 5px 6px;
  border-radius: 2px;
  margin-right: 10px;
  color: var(--text2);
  background-color: var(--bg2_float);
}
.reply-item-client:hover
  .content-warp
  .root-reply
  .reply-operation-warp
  .more-operation {
  display: block;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.back-top[data-v-1fd39008] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 120px;
  left: var(--025bb189);
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid var(--graph_bg_thick);
  box-shadow: 0 0 30px #0000001a;
  font-size: 12px;
  color: var(--text1);
  line-height: 18px;
  background-color: var(--bg1_float);
  cursor: pointer;
  user-select: none;
}
.back-top[data-v-1fd39008]:hover {
  background-color: var(--graph_bg_thick);
}
.back-top--transition-enter-active[data-v-1fd39008],
.back-top--transition-leave-active[data-v-1fd39008] {
  transition: opacity 0.5s ease;
}
.back-top--transition-enter-from[data-v-1fd39008],
.back-top--transition-leave-to[data-v-1fd39008] {
  opacity: 0;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-list[data-v-b85e8fc6] {
  position: relative;
  margin-top: 14px;
  padding-bottom: 100px;
}
.reply-list .reply-empty[data-v-b85e8fc6] {
  margin-top: 100px;
  text-align: center;
  font-size: 14px;
  color: var(--text3);
}
.reply-list .reply-end-mark[data-v-b85e8fc6] {
  height: 100px;
}
.reply-list .reply-end[data-v-b85e8fc6],
.reply-list .reply-loading[data-v-b85e8fc6] {
  margin-top: 20px;
  font-size: 13px;
  color: var(--text3);
  text-align: center;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.fixed-reply-box[data-v-a4f24937] {
  bottom: 0;
  z-index: 20;
  width: 100%;
}
.fixed-reply-box .reply-box-wrap[data-v-a4f24937] {
  background-color: var(--bg1);
  padding: 14px 0;
  border-top: 1px solid var(--line_light);
}
.fixed-reply-box .reply-box-shadow[data-v-a4f24937] {
  position: absolute;
  top: -10px;
  z-index: -1;
  height: 36px;
  border-radius: 50%;
  background-color: #00000014;
  filter: blur(10px);
  width: calc(100% - 72px);
  left: 50%;
  transform: translate(-50%);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.floor-reply-item[data-v-f07178d1] {
  position: relative;
}
.floor-reply-item.root-item .content-warp[data-v-f07178d1] {
  border-bottom: 10px solid var(--bg2);
}
.floor-reply-item .content-warp[data-v-f07178d1] {
  flex: 1;
  position: relative;
  padding: 10px 0 14px 42px;
  border-bottom: 1px solid var(--line_light);
}
.floor-reply-item .content-warp .reply-header[data-v-f07178d1] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.floor-reply-item
  .content-warp
  .reply-header
  .root-reply-avatar[data-v-f07178d1] {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .reply-header
  .reply-info[data-v-f07178d1] {
  display: flex;
  flex-direction: column;
}
.floor-reply-item
  .content-warp
  .reply-header
  .reply-info
  .user-info[data-v-f07178d1] {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: var(--text2);
}
.floor-reply-item
  .content-warp
  .reply-header
  .reply-info
  .user-info
  .user-name[data-v-f07178d1] {
  margin-right: 5px;
  color: var(--0a603545);
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .reply-header
  .reply-info
  .user-info
  .user-level[data-v-f07178d1] {
  margin-right: 5px;
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .reply-header
  .reply-info
  .user-info
  .up-icon[data-v-f07178d1] {
  cursor: default;
}
.floor-reply-item
  .content-warp
  .reply-header
  .reply-info
  .reply-time[data-v-f07178d1] {
  font-size: 12px;
  color: var(--text3);
}
.floor-reply-item .content-warp .root-reply[data-v-f07178d1] {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  transition: 0.2;
}
.floor-reply-item .content-warp .root-reply .top-icon[data-v-f07178d1] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 18px;
  border: 1px solid var(--brand_pink);
  border-radius: 3px;
  margin-right: 5px;
  font-size: 12px;
  color: var(--brand_pink);
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp[data-v-f07178d1] {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 12px;
  font-size: 13px;
  color: var(--text3);
  line-height: 16px;
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like[data-v-f07178d1] {
  display: flex;
  align-items: center;
  margin-right: 19px;
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like
  .like-icon[data-v-f07178d1] {
  margin-right: 5px;
  color: var(--text3);
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like
  .like-icon[data-v-f07178d1]:hover,
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-like
  .like-icon.liked[data-v-f07178d1] {
  color: var(--brand_pink);
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike[data-v-f07178d1] {
  display: flex;
  align-items: center;
  margin-right: 19px;
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike
  .dislike-icon[data-v-f07178d1] {
  color: var(--text3);
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike
  .dislike-icon[data-v-f07178d1]:hover,
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-dislike
  .dislike-icon.disliked[data-v-f07178d1] {
  color: var(--brand_pink);
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-icon[data-v-f07178d1] {
  color: var(--text3);
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .reply-icon[data-v-f07178d1]:hover {
  color: var(--brand_pink);
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .view-dialog[data-v-f07178d1] {
  margin-left: 15px;
  cursor: pointer;
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .view-dialog[data-v-f07178d1]:hover {
  color: var(--brand_pink);
}
.floor-reply-item
  .content-warp
  .root-reply
  .reply-operation-warp
  .more-operation[data-v-f07178d1] {
  position: absolute;
  right: 20px;
  opacity: 0;
}
.floor-reply-item .content-warp .reply-item-box[data-v-f07178d1] {
  margin-top: 12px;
}
.floor-reply-item .content-warp .reply-tag-list[data-v-f07178d1] {
  display: flex;
  align-items: center;
  margin-top: 12px;
  font-size: 12px;
  line-height: 14px;
}
.floor-reply-item
  .content-warp
  .reply-tag-list
  .reply-tag-item[data-v-f07178d1] {
  padding: 5px 6px;
  border-radius: 2px;
  margin-right: 10px;
  color: var(--text2);
  background-color: var(--bg2);
}
.floor-reply-item .reply-count[data-v-f07178d1] {
  margin-top: 12px;
  font-size: 13px;
  color: var(--text3);
}
.floor-reply-item:hover
  .content-warp
  .root-reply
  .reply-operation-warp
  .more-operation[data-v-f07178d1] {
  opacity: 1;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.floor-reply-list[data-v-340f83ac] {
  margin-top: 14px;
  padding-bottom: 100px;
}
.floor-reply-list .reply-empty[data-v-340f83ac] {
  margin-top: 100px;
  text-align: center;
  font-size: 14px;
  color: var(--text3);
}
.floor-reply-list .reply-end-mark[data-v-340f83ac] {
  height: 100px;
}
.floor-reply-list .reply-end[data-v-340f83ac],
.floor-reply-list .reply-loading[data-v-340f83ac] {
  margin-top: 20px;
  font-size: 13px;
  color: var(--text3);
  text-align: center;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.reply-detail[data-v-a660c1ab] {
  flex: 1;
}
.reply-detail .reply-header[data-v-a660c1ab] {
  display: flex;
  align-items: center;
  position: sticky;
  z-index: 9;
  top: 0;
  left: 0;
  height: 46px;
  border-bottom: 1px solid var(--line_light);
  margin-bottom: 14px;
  background-color: var(--bg1);
}
.reply-detail .reply-header .return-icon[data-v-a660c1ab] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  margin-right: 4px;
  color: var(--text1);
  cursor: pointer;
}
.reply-detail .reply-header .return-icon[data-v-a660c1ab]:hover {
  background-color: var(--graph_bg_thick);
}
.reply-detail .reply-header .reply-title[data-v-a660c1ab] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text1);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.dialog-reply[data-v-3e1b1500] {
  flex: 1;
}
.dialog-reply .reply-header[data-v-3e1b1500] {
  display: flex;
  align-items: center;
  position: sticky;
  z-index: 9;
  top: 0;
  left: 0;
  height: 46px;
  border-bottom: 1px solid var(--line_light);
  margin-bottom: 14px;
  background-color: var(--bg1);
}
.dialog-reply .reply-header .return-icon[data-v-3e1b1500] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  margin-right: 4px;
  color: var(--text1);
  cursor: pointer;
}
.dialog-reply .reply-header .return-icon[data-v-3e1b1500]:hover {
  background-color: var(--graph_bg_thick);
}
.dialog-reply .reply-header .reply-title[data-v-3e1b1500] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text1);
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.hwly-comment.client {
  background-color: var(--bg1);
}
.hwly-comment.client * {
  box-sizing: border-box;
  font-family:
    PingFang SC,
    HarmonyOS_Regular,
    Helvetica Neue,
    Microsoft YaHei,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
.hwly-comment.client * ul {
  list-style: none;
}
.hwly-comment.client * a {
  text-decoration: none;
  background-color: transparent;
  color: var(--text_link);
  cursor: pointer;
}
.hwly-comment.client * a:hover {
  color: var(--Lb4);
}
.hwly-comment.client * i {
  font-style: normal;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.note-floor.pc .floor-container[data-v-888e8b58] {
  position: relative;
  padding-left: 80px;
  user-select: none;
}
.note-floor.pc .floor-container .up-avatar[data-v-888e8b58] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 80px;
}
.note-floor.pc .floor-container .up-info[data-v-888e8b58] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-size: 13px;
}
.note-floor.pc .floor-container .up-info .up-name[data-v-888e8b58] {
  margin-right: 8px;
  font-weight: 500;
}
.note-floor.pc .floor-container .note-info[data-v-888e8b58] {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 10px;
  font-size: 13px;
  color: var(--text3);
}
.note-floor.pc .floor-container .note-info .note-time[data-v-888e8b58],
.note-floor.pc .floor-container .note-info .like-icon[data-v-888e8b58],
.note-floor.pc
  .floor-container
  .note-info
  .dislike-icon[data-v-888e8b58] {
  margin-right: 18px;
}
.note-floor.pc
  .floor-container
  .note-info
  .operation-icon[data-v-888e8b58] {
  position: absolute;
  right: 0;
  cursor: default;
}
@font-face {
  font-family: fanscard;
  src: url(../ttf/ex.ttf);
}
.note-floor.h5 .up-info-container[data-v-8c2c4215] {
  display: flex;
  align-items: center;
}
.note-floor.h5 .up-info-container .up-avatar[data-v-8c2c4215] {
  flex-basis: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.note-floor.h5 .up-info-container .up-info[data-v-8c2c4215] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 4px 4px;
  font-size: 13px;
}
.note-floor.h5 .up-info-container .up-info .up-info-top[data-v-8c2c4215] {
  display: flex;
  align-items: center;
}
.note-floor.h5
  .up-info-container
  .up-info
  .up-info-top
  .up-name[data-v-8c2c4215] {
  margin-right: 8px;
  font-weight: 500;
}
.note-floor.h5 .up-info-container .up-info .note-time[data-v-8c2c4215] {
  font-size: 12px;
  color: var(--text3);
}
.note-floor.h5 .floor-container[data-v-8c2c4215] {
  position: relative;
  padding-left: 52px;
  user-select: none;
}
.note-floor.h5 .floor-container .note-info[data-v-8c2c4215] {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 10px;
  font-size: 13px;
  color: var(--text3);
}
.note-floor.h5 .floor-container .note-info .note-time[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .like-icon[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .dislike-icon[data-v-8c2c4215],
.note-floor.h5 .floor-container .note-info .share-icon[data-v-8c2c4215] {
  margin-right: 18px;
}
.note-floor.h5
  .floor-container
  .note-info
  .operation-icon[data-v-8c2c4215] {
  position: absolute;
  right: 0;
  cursor: default;
}

/********************************************/
.icon-loading[data-v-6ff4d5ab] {
  display: inline-block;
  width: 176px;
  height: 128px;
  background-size: 100%;
  margin-bottom: 28px;
}
.icon-fail[data-v-6ff4d5ab] {
  display: inline-block;
  width: 175px;
  height: 128px;
  margin-bottom: 16px;
}

/********************************************/

@-webkit-keyframes refresh-data-v-f01e1c5c {
  0% {
    background-position: 0 -60px;
  }
  25% {
    background-position: 60px -60px;
  }
  50% {
    background-position: 120px -60px;
  }
  75% {
    background-position: 180px -60px;
  }
  100% {
    background-position: 0 -60px;
  }
}
@keyframes refresh-data-v-f01e1c5c {
  0% {
    background-position: 0 -60px;
  }
  25% {
    background-position: 60px -60px;
  }
  50% {
    background-position: 120px -60px;
  }
  75% {
    background-position: 180px -60px;
  }
  100% {
    background-position: 0 -60px;
  }
}
html.night-mode .dark-img[data-v-f01e1c5c] {
  -webkit-filter: saturate(85%) brightness(97%);
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
*[data-v-f01e1c5c] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
input[data-v-f01e1c5c],
button[data-v-f01e1c5c],
select[data-v-f01e1c5c],
textarea[data-v-f01e1c5c] {
  outline: none;
  border-style: none;
  -webkit-appearance: none;
  border-radius: 0;
}
img[data-v-f01e1c5c] {
  vertical-align: top;
  border: none;
}
#hwly-wordverify-box[data-v-f01e1c5c] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 2147483647;
}
#hwly-wordverify-box .hwly-wordverify-bg[data-v-f01e1c5c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 90;
}
#hwly-wordverify-box .hwly-wordverify-wrapper[data-v-f01e1c5c] {
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 91;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#hwly-wordverify-box .hwly-wordverify-container[data-v-f01e1c5c] {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
  padding: 16px 12px;
  position: relative;
}
html.night-mode
  #hwly-wordverify-box
  .hwly-wordverify-container[data-v-f01e1c5c] {
  background-color: #141414;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .pop-close[data-v-f01e1c5c] {
  display: inline-block;
  height: 16px;
  width: 16px;
  position: absolute;
  background: url()
    no-repeat 100%;
  background-size: 16px;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group[data-v-f01e1c5c] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .icon-loading[data-v-f01e1c5c] {
  display: inline-block;
  width: 176px;
  height: 98px;
  background-size: 100%;
  margin-bottom: 28px;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .icon-fail[data-v-f01e1c5c] {
  display: inline-block;
  width: 175px;
  height: 128px;
  margin-bottom: 16px;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .warning-text[data-v-f01e1c5c] {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: #212121;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
}
html.night-mode
  #hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .warning-text[data-v-f01e1c5c] {
  color: #e1e1e1;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .button-active[data-v-f01e1c5c] {
  margin: 0 auto;
  margin-top: 24px;
  width: 140px;
  height: 34px;
  background: #fb7299;
  color: #ffffff;
  border-radius: 4px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  letter-spacing: 0;
  text-align: center;
  line-height: 34px;
}
html.night-mode
  #hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .button-active[data-v-f01e1c5c] {
  background: #eb7093;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .warning-group
  .button-active.primary[data-v-f01e1c5c] {
  background: #00a1d6;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .verify-title[data-v-f01e1c5c] {
  margin: 0;
  padding: 0 19px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  text-align: center;
  color: #212121;
  letter-spacing: 0;
  line-height: 24px;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper[data-v-f01e1c5c] {
  margin-top: 10px;
  position: relative;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .hwly-word-small-bg[data-v-f01e1c5c] {
  width: 260px;
  height: 157.5px;
  background-size: 100% 100%;
  background-image: none;
  position: relative;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .hwly-word-bg[data-v-f01e1c5c] {
  width: 256px;
  height: 144px;
  background-size: 100% 100%;
  background-image: none;
  position: relative;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group[data-v-f01e1c5c] {
  position: relative;
  width: 250px;
  margin: 0 auto;
  margin-bottom: 6px;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group
  h4[data-v-f01e1c5c] {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #212121;
  text-align: center;
  margin: 6px 0;
  font-weight: normal;
}
html.night-mode
  #hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group
  h4[data-v-f01e1c5c] {
  color: #e1e1e1;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group
  p[data-v-f01e1c5c] {
  font-size: 12px;
  color: #505050;
  text-align: left;
  font-family: PingFangSC-Regular;
  margin: 4px 0;
}
html.night-mode
  #hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group
  p[data-v-f01e1c5c] {
  color: #b5b5b5;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group
  span[data-v-f01e1c5c] {
  color: #fb7299;
}
html.night-mode
  #hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .question-group
  span[data-v-f01e1c5c] {
  color: #eb7093;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .clean-group[data-v-f01e1c5c] {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 122px;
  right: 2px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px 0 4px 0;
  padding: 4px 4px;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .clean-group
  .icon-clean[data-v-f01e1c5c] {
  display: inline-block;
  background: url()
    no-repeat 100%;
  background-size: 100%;
  height: 16px;
  width: 16px;
  background-position: left center;
  cursor: pointer;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .hwly-word-bg-wrapper
  .clean-group
  span[data-v-f01e1c5c] {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: right;
  line-height: 12px;
  cursor: pointer;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .enter-error[data-v-f01e1c5c]::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #fb7299;
  -webkit-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
#hwly-wordverify-box
  .hwly-wordverify-container
  .enter-error
  input[data-v-f01e1c5c] {
  color: #fb7299 !important;
}
#hwly-wordverify-box input[data-v-f01e1c5c] {
  height: auto;
}
#hwly-wordverify-box .button-wrapper[data-v-f01e1c5c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}
#hwly-wordverify-box .button-wrapper .button-common[data-v-f01e1c5c] {
  background-color: #ffffff;
  height: 34px;
  width: 100%;
  border-radius: 4px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #505050;
  letter-spacing: 0;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin-right: 16px;
  margin-left: 4px;
}
html.night-mode
  #hwly-wordverify-box
  .button-wrapper
  .button-common[data-v-f01e1c5c] {
  background-color: #141414;
}
html.night-mode
  #hwly-wordverify-box
  .button-wrapper
  .button-common[data-v-f01e1c5c] {
  color: #b5b5b5;
}
#hwly-wordverify-box
  .button-wrapper
  .button-common[data-v-f01e1c5c]::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid;
  border-color: #c0c0c0;
  border-radius: 8px;
}
html.night-mode
  #hwly-wordverify-box
  .button-wrapper
  .button-common[data-v-f01e1c5c]::after {
  border-color: #4e4e4e;
}
#hwly-wordverify-box .button-wrapper .button-active[data-v-f01e1c5c] {
  height: 34px;
  width: 100%;
  background: #fb7299;
  color: #ffffff;
  border-radius: 4px;
  font-family: PingFangSC;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 4px;
}
html.night-mode
  #hwly-wordverify-box
  .button-wrapper
  .button-active[data-v-f01e1c5c] {
  background: #eb7093;
}
#hwly-wordverify-box
  .button-wrapper
  .button-active.primary[data-v-f01e1c5c] {
  background: #00a1d6;
}
#hwly-wordverify-box .button-wrapper .unable[data-v-f01e1c5c] {
  background: #e7e7e7;
  color: #999999;
}
#hwly-wordverify-box.hwly-word-box-enter[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave-to[data-v-f01e1c5c] {
  opacity: 0;
}
#hwly-wordverify-box.hwly-word-box-enter
  .hwly-wordverify-container[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave-to
  .hwly-wordverify-container[data-v-f01e1c5c] {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
#hwly-wordverify-box.hwly-word-box-enter-active[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave-active[data-v-f01e1c5c] {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
#hwly-wordverify-box.hwly-word-box-enter-active
  .hwly-wordverify-container[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave-active
  .hwly-wordverify-container[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-enter-active
  .hwly-wordverify-bg[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave-active
  .hwly-wordverify-bg[data-v-f01e1c5c] {
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
#hwly-wordverify-box.hwly-word-box-enter-to[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave[data-v-f01e1c5c] {
  opacity: 1;
}
#hwly-wordverify-box.hwly-word-box-enter-to
  .hwly-wordverify-container[data-v-f01e1c5c],
#hwly-wordverify-box.hwly-word-box-leave
  .hwly-wordverify-container[data-v-f01e1c5c] {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/********************************************/

#hwly-toast-container[data-v-27bccc61] {
  position: fixed;
  z-index: 2147483648;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0;
  pointer-events: none;
}
#hwly-toast-container .hwly-toast-content[data-v-27bccc61] {
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  padding: 8px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  max-width: 60%;
  border-radius: 4px;
}
#hwly-toast-container.no-cover[data-v-27bccc61] {
  height: 0;
  top: 50%;
}
#hwly-toast-container.hwly-toast-enter[data-v-27bccc61],
#hwly-toast-container.hwly-toast-leave-to[data-v-27bccc61] {
  opacity: 0;
}
#hwly-toast-container.hwly-toast-enter-active[data-v-27bccc61],
#hwly-toast-container.hwly-toast-leave-active[data-v-27bccc61] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#hwly-toast-container.hwly-toast-enter-to[data-v-27bccc61],
#hwly-toast-container.hwly-toast-leave[data-v-27bccc61] {
  opacity: 1;
}


.b-img__inner {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.b-img__inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: inherit;
}

@font-face {
  font-family: fans-num;
  src: url('../ttf/ot_1.ttf');
}
@keyframes _jiggle_14qf7_1 {
  0% {
    transform: rotate(0);
  }
  14.3% {
    transform: rotate(11deg);
  }
  28.6% {
    transform: rotate(0);
  }
  35.7% {
    transform: rotate(-8deg);
  }
  46.4% {
    transform: rotate(0);
  }
  46.4% {
    transform: rotate(0);
  }
  53.6% {
    transform: rotate(3deg);
  }
  64.3% {
    transform: rotate(0);
  }
  71.4% {
    transform: rotate(-1deg);
  }
  82.1% {
    transform: rotate(0);
  }
  92.8% {
    transform: rotate(0.5deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes _star_14qf7_99 {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -340px 0;
  }
}
._star_14qf7_99 {
  display: inline-block;
  background-image: url();
  background-size: 340px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  animation: _star_14qf7_99 0.85s steps(17);
}
@keyframes _light_14qf7_1 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 60px 0;
  }
}
._fans_14qf7_13 {
  position: relative;
  user-select: none;
}
._fans_14qf7_13 > span {
  color: #fff;
  font-family: fans-num, sans-serif !important;
  font-size: 12px;
  position: absolute;
  top: 11px;
  right: 39px;
  transform: scale(0.88);
  transform-origin: right center;
  line-height: 1;
}
._specialDynamicMedalPc_14qf7_30 {
  display: inline-block;
  height: 33px;
  width: 110px;
  overflow: hidden;
}
._specialDynamicMedalPc_14qf7_30 ._specialDynamicMedal_14qf7_30 {
  transform: scale(0.75);
  transform-origin: left top;
}
._specialDynamicMedalPc_14qf7_30
  ._specialDynamicMedal_14qf7_30
  ._text_14qf7_40 {
  font-size: 14px;
  transform: scale(1);
}
._specialDynamicMedal_14qf7_30 {
  width: 146px;
  height: 44px;
  position: relative;
  user-select: none;
}
._specialDynamicMedal_14qf7_30 ._background_14qf7_53 {
  width: 108px;
  height: 30px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: gray;
  position: absolute;
  top: 7px;
  right: 0;
  background: linear-gradient(270deg, #f8bb5b4d, #f8bb5b00);
}
._specialDynamicMedal_14qf7_30 ._medalImg_14qf7_66 {
  position: absolute;
  right: 0;
  top: 2px;
}
._specialDynamicMedal_14qf7_30
  ._medalImg_14qf7_66._medalImgAnimation_14qf7_71 {
  animation: _jiggle_14qf7_1 1.4s linear;
}
._specialDynamicMedal_14qf7_30 ._text_14qf7_40 {
  color: #fff;
  font-family: fans-num, sans-serif !important;
  font-size: 12px;
  line-height: 44px;
  position: absolute;
  top: 0;
  right: 40px;
  transform: scale(0.67);
  transform-origin: right center;
}
._specialDynamicMedal_14qf7_30 ._textMask_14qf7_88 {
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -100% 0;
  animation: _light_14qf7_1 1.1s linear;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
._specialDynamicMedal_14qf7_30 ._star_14qf7_99 {
  position: absolute;
  top: 5px;
  right: 3px;
}
._backgroundImg_aob6i_1 {
  background-position: center;
  background-repeat: no-repeat;
}
._bfsImg_aob6i_6 {
  display: block;
}
@font-face {
  font-family: fans-num;
  src: url('../ttf/ot_1.ttf');
}
@keyframes _jiggle_1aw9v_1 {
  0% {
    transform: rotate(0);
  }
  14.3% {
    transform: rotate(11deg);
  }
  28.6% {
    transform: rotate(0);
  }
  35.7% {
    transform: rotate(-8deg);
  }
  46.4% {
    transform: rotate(0);
  }
  46.4% {
    transform: rotate(0);
  }
  53.6% {
    transform: rotate(3deg);
  }
  64.3% {
    transform: rotate(0);
  }
  71.4% {
    transform: rotate(-1deg);
  }
  82.1% {
    transform: rotate(0);
  }
  92.8% {
    transform: rotate(0.5deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes _star_1aw9v_61 {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -340px 0;
  }
}
._star_1aw9v_61 {
  display: inline-block;
  background-image: url();
  background-size: 340px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  animation: _star_1aw9v_61 0.85s steps(17);
}
@keyframes _light_1aw9v_1 {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 42px 0;
  }
}
._cardBg_1aw9v_13 {
  display: inline-block;
  position: relative;
  user-select: none;
  height: 48px;
  max-width: 288px;
  overflow: hidden;
}
._cardBg_1aw9v_13 ._fanTextPosition_1aw9v_21 {
  position: absolute;
  right: 0;
  top: 0;
}
._fanText_1aw9v_21 {
  height: 100%;
  font-size: 13px;
  line-height: 16px;
  transform: scale(0.7);
  transform-origin: center center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
._fanText_1aw9v_21 > span {
  font-family: fans-num, sans-serif !important;
}
._specialMedal_1aw9v_44 {
  user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
}
._specialMedal_1aw9v_44 ._fanText_1aw9v_21 {
  font-size: 8px;
  line-height: 10px;
  transform: none;
}
._specialMedal_1aw9v_44 ._medalImgAnimation_1aw9v_57 {
  animation: _jiggle_1aw9v_1 1.4s linear;
}
._specialMedal_1aw9v_44 ._star_1aw9v_61 {
  position: absolute;
  top: 3px;
  left: 17px;
}
._specialMedal_1aw9v_44 ._fanTextWrap_1aw9v_67 {
  position: relative;
}
._specialMedal_1aw9v_44 ._textMask_1aw9v_71 {
  position: absolute;
  left: 0;
  top: 0;
  background-image: url();
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: -100% 0;
  animation: _light_1aw9v_1 1.1s linear;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
._specialMedalPc_1aw9v_86 {
  padding: 7px 12px;
  display: inline-block;
  height: 48px;
  max-width: 288px;
  overflow: hidden;
  box-sizing: border-box;
}
._specialMedalPc_1aw9v_86 ._specialMedal_1aw9v_44 {
  height: 33px;
}
._specialMedalPc_1aw9v_86 ._medalImg_1aw9v_57 {
  width: 33px !important;
  height: 33px !important;
}
._specialMedalPc_1aw9v_86 ._star_1aw9v_61 {
  transform: scale(0.8);
  transform-origin: left top;
  left: 14px;
  top: 2px;
}
._specialMedalPc_1aw9v_86 ._fanText_1aw9v_21 {
  font-size: 9px;
  line-height: 11px;
}