:root {
  --image-placeholder-bg: url("https://klforum.s3.stormsdk.com/gantz/lazy.svg");
  --switch-on-color: #68c2ff;
  --muted-more-color: #fff;
  --muted-color: #fff;
  --button-bg: transparent;
  --button-color: #fff;
  --nav-search-img: url("https://klforum.s3.stormsdk.com/gantz/img-sousuo.png");
  --control-bg: #8e8e8e;
  --border-radius: 10px;
  --header-height: 80px;
  --link-color: #ccc;
}
:root body.admin {
  --control-bg: #212121;
  --button-bg: #212121;
}
body {
  font-family: serif, "Microsoft YaHei", sans-serif;
}
@media (min-width: 768px) {
  :root {
    --notouch-body-bg: #fff;
    --header-bg: #fff;
    --carousel__control-bg: #949494;
    --carousel__control-current-bg: url("https://klforum.s3.stormsdk.com/gantz/img-lbtudqtu.png");
    --dl-block-zh-p-color: #3f90e0;
    --dl-block-p-color: #fff;
    --dl-block-last-p-color: #f80205;
    --dl-block-after-bg: #fff;
    --dl-block-before-border: 1px solid #fff;
    --dropdown-bg: url("https://klforum.s3.stormsdk.com/gantz/img-more.png");
    --dropdown-menu-bg: rgba(0, 0, 0, 0.7);
    --dropdown-menu-border: none;
    --dropdown-menu-color: #fff;
    --dropdown-menu-btn-color: #fff;
    --dropdown-menu-btn-hover-bg: #47484c;
    --dropdown-menu-btn-hover-color: #fff;
    --drawer-unread-bg: #ff0000;
    --post-dis-time-color: #dfdfdf;
    --refund-color: #fefff5;
    --refund-a-color: #febf3e;
    --refund-btn-color: #7e3434;
    --refund-confirm-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --refund-cancel-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-lanzhong.png");
    --refund-cancel-color: #2d2a6c;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .TagDiscussionModal,
  :root .LogInModal,
  :root .SignUpModal {
    --login-modal-content-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-dly.png"), #fff;
    --login-modal-header-color: #fff;
    --login-modal-body-color: #ff5555;
    --login-modal-body-input-bg: #31272b;
    --login-modal-body-input-placeholder-color: #847474;
    --login-modal-body-input-border-color: #595454;
    --login-modal-body-input-focus-border-color: #ff1b1b;
    --login-modal-body-input-color: #ff7575;
    --login-modal-body-input-before-bg: #99839d;
    --login-modal-body-input-after-bg: #ed2628;
    --login-modal-body-input-before-border: 2px solid #ed2628;
    --login-modal-body-button-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-landa.png");
    --login-modal-body-button-color: #fff;
    --login-modal-body-button-shadow: none, 1px -1px 0 #3461bb,
        -1px 1px 0 #3461bb;
    --login-modal-footer-color: #936262;
    --login-modal-footer-a-color: #ffdf59;
  }
  :root #app-navigation {
    --nav-bg: #000;
    --nav-div-bg: #000;
    --nav-box-bg: #000;
    --nav-back-button-bg: url("https://klforum.s3.stormsdk.com/gantz/img-fanhui.png");
    --nav-drawer-button-bg: url("https://klforum.s3.stormsdk.com/gantz/img-cebianlan.png");
    --nav-title-color: #000;
    --nav-wallet-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/img-qianbaodi.png");
    --nav-wallet-btn-border-right: none;
    --nav-wallet-btn-a-color: #fff;
    --nav-wallet-btn-money-color: #ffef53;
    --search-icon-bg: url("https://klforum.s3.stormsdk.com/gantz/img-sousuo.png");
    --nav-tabs-bg: rgba(0, 0, 0, 0.5);
  }
  :root .DiscussionList {
    --dis-item-bg: rgba(255, 255, 255, 0.8);
    --dis-item-boxshadow: none;
    --dis-item-controls-btn-color: #f6cb4d;
    --dis-item-username-read-color: #fff;
    --dis-item-username-color: #fff;
    --dis-item-lv-color: #fff;
    --dis-item-time-color: #dfdfdf;
    --dis-item-title-read-color: #fff47b;
    --dis-item-title-color: #fff47b;
    --dis-item-content-read-color: #dfdfdf;
    --dis-item-content-color: #dfdfdf;
    --dis-container-btn-color: #fff;
    --dl-dis-before-bg: #826c6c;
    --dl-dis-message-bg: url("https://klforum.s3.stormsdk.com/gantz/img-pl.png");
    --dl-dis-color: #fff;
    --dl-dis-like-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dianzan.png");
    --dl-dis-extra-color: #797979;
  }
  :root .App-drawer {
    --drawer-bg: url("https://klforum.s3.stormsdk.com/gantz/di-cbl-xhw.png");
    --drawer-item-locale-bg: #47484c;
    --drawer-btn-color: #dfe3f0;
    --drawer-title: #dfe3f0;
    --drawer-multiple-games-border: 1px solid #d7e4ff;
    --drawer-multiple-games-bg: #47484c;
    --drawer-dropdown-separator-bg: #d7e4ff;
    --drawer-game-name-color: #dfe3f0;
    --drawer-game-btn-bg: #dfe3f0;
    --drawer-game-btn-follow-bg: url("https://dz93qohex3slz.cloudfront.net/2024-05-31/1717149394-692234-img-ysc.png");
    --drawer-game-btn-null-bg: url("https://dz93qohex3slz.cloudfront.net/2024-05-31/1717147684-385259-img-more-sc.png");
  }
  :root .Composer {
    --com-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-fatie-9g.png");
    --com-header-color: #fff;
    --com-header-foucus-color: #fff;
    --com-text-color: #cfd7df;
    --com-text-color-placeholder: #cfd7df;
    --com-text-btn-active-bg: #5a5a5a;
    --com-footer-bg: url("https://klforum.s3.stormsdk.com/gantz/di-fatie.png");
    --com-footer-border: none;
    --com-footer-upload-after-bg: linear-gradient(to right, #eff6fb, #e0ebff 20%, #e0ebff 80%, #eff6fb);
    --com-activity-border: 1px solid #94969d;
    --com-dis-footer-upload-agter-bg: linear-gradient(to right, #262626, #6d6d69 20%, #6d6d69 80%, #262626);
    --com-menu-act-title-bg: #c5b611;
    --com-menu-act-content-color: #bad4ef;
    --com-open-btn-bg: #dee7ee;
    --com-open-btn-color: #525252;
    --button-bg: #1a6dff;
  }
  :root .App--discussion .Composer {
    --com-bg: url("https://klforum.s3.stormsdk.com/gantz/img-di-01.png");
    --com-texteditor-color: #fff;
    --com-texteditor-bg: #48484f;
    --com-texteditor-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-send.png");
    --com-texteditor-btn-color: #fff;
  }
  :root .TextEditor {
    --texted-btn-bg: #d0ebff;
    --texted-rich-color: #cfd7df;
    --texted-rich-img-bg: #fff;
  }
  :root .Modal-comment-container,
  :root .PostStream {
    --post-bg: rgba(255, 255, 255, 0.5);
    --post-shadow: none;
    --post-dis-username-color: #fff;
    --post-dis-lv-color: #fff;
    --post-dis-collection-null-bg: url("https://klforum.s3.stormsdk.com/gantz/img-scshenlan.png");
    --post-dis-collection-bg: url("https://klforum.s3.stormsdk.com/gantz/img-sch.png");
    --post-body-color: #dfdfdf;
    --post-reply-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-ftie.png");
    --post-like-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dzh.png");
    --post-nolike-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dianzan.png");
    --post-nolike-btn2-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dianzan.png");
    --post-btn-hover: #a7a7a7;
    --post-evergreen-color: #fff;
    --post-actions-border: 1px solid #816969;
    --post-reply-btn-color: #fff;
    --post-reply-btn-bg: transparent;
  }
  :root .Dropdown-menu,
  :root .item-sort {
    --side-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-bk.png");
    --side-color: #fff;
    --side-dropdown-menu-bg: rgba(0, 0, 0, 0.8);
    --side-dropdown-menu-border: 2px solid #999696;
    --side-dropdown-menu-color: #fff;
  }
  :root .Modal-comment-container {
    --comment-bg: transparent;
    --comment-count-border: 1px solid #716d6d;
    --comment-count-color: #c9e7ff;
    --comment-scroll-post-bg: rgba(255, 255, 255, 0.8);
    --comment-scroll-post-dis-color: #fff;
    --comment-scroll-post-dis-lv-color: #fff;
  }
  :root .extra-userPage-container,
  :root .extra-search-content,
  :root .navItems-lin {
    --nav-lin-bg: rgba(55, 55, 55, 0.66);
    --nav-lin-color: #bebdcb;
    --nav-lin-active-color: #fff;
    --nav-lin-active-after-bg: url("https://klforum.s3.stormsdk.com/gantz/img-bankqh.png");
    --extra-user-color: #b0b0b0;
    --extra-user-click-color: #fff;
    --extra-user-click-after-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-dj.png");
  }
  :root .UserPage {
    --user-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-id-pc.png") no-repeat,
        url("https://klforum.s3.stormsdk.com/gantz/bg-dbzs.png");
    --user-btn-color: #d4e4ff;
    --user-name: #fff;
    --user-segmentation-border-color: transparent;
    --person-grade-color: #fff;
    --person-grade-border: none;
    --person-grade-lv-color: #fff;
    --user-wallet-border: none;
    --user-wallet-money-color: #ffef53;
    --user-wallet-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-chongz.png");
    --user-wallet-btn-color: #994604;
    --person-center-border: none;
    --person-center-top-color: #fff;
    --person-center-bottom-color: #d4e4ff;
  }
  :root .UserPage.UserPage-ta {
    --user-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-id-pc.png") no-repeat,
        url("https://klforum.s3.stormsdk.com/gantz/bg-dbzs.png");
  }
  :root .role-modal {
    --role-close-bg: transparent;
    --role-bg: transparent;
    --role-color: #fff;
    --role-item-bg: rgba(125, 128, 135, 0.7);
    --role-item-img-checked-bg: rgba(0, 0, 0, 0.5);
    --role-item-top-color: #fff;
    --role-item-bottom-color: #d4e4ff;
    --role-item-checked-bg: rgba(48, 50, 54, 0.7);
  }
  :root .SettingsPage {
    --setting-title-color: #edeeef;
    --setting-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --setting-btn-color: #994604;
    --setting-th-color: #fff;
    --setting-tr-border: 1px solid #e2edff;
    --setting-table-off-bg: url("https://klforum.s3.stormsdk.com/gantz/img-chalan.png");
    --setting-privacy-color: #397aff;
  }
  :root .App-content:not(:has(.tagTitle)),
  :root .searchPage {
    --search-page-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --search-page-dis-name-color: #fff;
    --search-page-dis-title-color: #fff;
    --search-page-dis-content-color: #dfdfdf;
    --search-page-dis-mark-color: #ffad1d;
    --search-page-dis-reply-bg: transparent;
    --search-page-dis-reply-border: 1px solid #dfdfdf;
    --search-page-dis-reply-color: #fff;
    --search-page-dis-reply-text-color: #dfdfdf;
    --search-page-dis-reply-mark-color: #ffad1d;
    --search-page-extra-bg: #d9e0e3;
    --search-page-extra-border: none;
    --search-page-extra-name-color: #fff;
    --search-page-extra-mark-color: #ffad1d;
    --search-page-extra-lv-color: #fff;
  }
  :root .ProfilePagePhoneContent {
    --profile-color: #fff;
    --profile-input-border: none;
    --profile-input-bg: url("https://klforum.s3.stormsdk.com/gantz/img-yuanxz.png");
    --profile-input-after-bg: url("https://klforum.s3.stormsdk.com/gantz/img-goulan.png");
    --profile-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --profile-btn-color: #994604;
    --profile-item-border: 1px solid #fff;
    --profile-item-name-color: #fff;
    --profile-item-text-color: #c9b9b9;
  }
  :root .search-title {
    --search-input-bg: #5b5b5b;
    --search-input-color: #fff;
    --search-input-focus-border-color: transparent;
    --search-results-header-color: #fff;
    --search-results-a-color: #fff;
    --search-results-a-active-bg: rgba(152, 200, 255, 0.3);
    --search-results-mark-color: #ffcd61;
    --search-input-placeholder-color: #fff;
  }
  :root .FlagsPage,
  :root .NotificationsPage {
    --notifcation-before-bg: transparent;
    --notifcation-bg: transparent;
    --notifcation-title-color: #ccc;
    --notifcation-text-color: #397aff;
    --notifcation-flag-border: none;
    --notifcation-flag-color: #fff;
    --notifcation-flag-time-color: #929fbb;
    --notifcation-group-bg: rgba(255, 255, 255, 0.5);
    --notifcation-group-shadow: none;
    --notifcation-group-header-bg: transparent;
    --notifcation-group-header-color: #fff;
    --notifcation-group-color: #888888;
    --notifcation-group-hover-bg: #e5f4fe;
    --notifcation-group-unread-bg: transparent;
    --notifcation-group-unread-color: #fff;
    --notifcation-group-unread-time-color: #888888;
    --notifcation-group-unread-excerpt-color: #929fbb;
  }
  :root .Modal-lin {
    --modal-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png") repeat;
    --modal-input-bg: rgba(228, 229, 240, 0.23);
    --modal-input-border: 1px solid #999696;
    --modal-input-shadow: none;
    --modal-input-color: #ff5555;
    --modal-input-placeholder-color: #847474;
    --modal-submit-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --modal-footer-li-bg: #4160a0;
    --modal-footer-li-border: 1px solid #fff;
    --modal-footer-li-before-bg: url("https://klforum.s3.stormsdk.com/gantz/img-goulan.png");
    --modal-footer-tag-bg: #000;
    --modal-footer-tag-border: 2px solid #b31a1a;
    --modal-footer-name-color: #fff;
    --modal-footer-mark-color: #fff;
  }
  :root .Modal--small {
    --modal-small-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-tanchuangxiao.png");
    --modal-small-color: #fff;
    --modal-small-body-bg: transparent;
    --modal-small-body-color: #fff;
    --modal-small-form-bg: linear-gradient(to bottom, rgba(147, 147, 147, 0.1), rgba(255, 255, 255, 0.25));
    --modal-small-form-border: 1px solid #cccbc8;
    --modal-small-form-color: #fff;
    --modal-small-form-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --modal-small-form-btn-color: #7e3434;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .SuspendUserModal {
    --modal-bd-color: #a7a7a7;
    --modal-bd-label-color: #fff;
    --modal-bd-textarea-placeholder-color: #cccccc;
    --modal-bd-textarea-bg: rgba(228, 229, 240, 0.23);
    --modal-bd-checkbox-color: #929fbb;
    --modal-bd-checkbox-before-bg: #816969;
    --modal-bd-radio-before-bg: #000;
    --modal-bd-radio-before-border: 1px solid #b31a1a;
    --modal-bd-radio-after-bg: #4160a0;
    --modal-bd-input-color: #4c637d;
    --modal-bd-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --modal-bd-btn-color: #994604;
  }
  :root .Modal.NickameModal.Modal--small.in.Modal-sign-container {
    --modal-sign-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-tanchuangxiao.png");
    --modal-sign-color: #fff;
    --modal-sign-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --modal-sign-btn-color: #7e3434;
  }
  :root .picture-preview-modal {
    --picture-bg: #000000;
  }
  :root .App--discussion .CommentTree-lin {
    --comm-bg: rgba(228, 229, 240, 0.23);
    --comm-post-border: none;
    --comm-post-before-color: #fff;
    --comm-dis-username-color: #fff;
    --comm-post-body-color: #dfdfdf;
  }
  :root .Wallet {
    --wallet-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --wallet-info-bg: transparent;
    --wallet-info-box-bg: #fff;
    --wallet-info-item-color: #d4e4ff;
    --wallet-info-item-title-color: #d4e4ff;
    --wallet-title-color: #ccc;
    --wallet-balance-color: #fff;
    --wallet-balance-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-qianbaoxi.png");
    --wallet-balance-span-color: #fff;
    --wallet-recharge-bg: transparent;
    --wallet-recharge-item-bg: url("https://klforum.s3.stormsdk.com/gantz/img-tiaozi.png");
    --wallet-recharge-item-bg-bg: transparent;
    --wallet-recharge-item-left-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-czdi.png");
    --wallet-recharge-item-name-color: #fdff44;
    --wallet-recharge-item-discount-bg: #00b7b7;
    --wallet-recharge-item-discount-color: #fff;
    --wallet-recharge-item-original-color: #696969;
    --wallet-recharge-item-original-after-bg: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 46%, #696969 50%, rgba(0, 0, 0, 0) 56%);
    --wallet-recharge-item-current-color: #ffe24f;
    --wallet-recharge-item-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --wallet-recharge-item-btn-color: #7e3434;
    --wallet-remind-color: #ccc;
    --wallet-remind-bg: transparent;
    --wallet-refund-color: #ff1f1f;
  }
  :root .Modal.pay-confirm-modal {
    --pay-color: #fff;
    --pay-price-color: #f6b824;
    --pay-payment-bg: transparent;
    --pay-payment-item-bg: rgba(103, 103, 103, 0.4);
    --pay-item-check-border: none;
    --pay-item-check-bg: rgba(103, 103, 103, 0.4);
    --pay-btn-bg: url("https://dz93qohex3slz.cloudfront.net/2024-06-28/1719544089-89582-paypal.png");
  }
  :root .gift-pack-describe {
    --gift-bg: rgba(255, 255, 255, 0.5);
    --gift-color: #1a6dff;
  }
  :root .Mall {
    --mall-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --mall-title-color: #4c637d;
    --mall-info-bg: transparent;
    --mall-info-color: #fff;
    --mall-info-img-border: 1px solid #fff;
    --mall-info-tag-bg: linear-gradient(to right, #5c5c5c, #3b3b3b);
    --mall-info-tag-color: #fff;
    --mall-role-bg: rgba(39, 66, 124, 0.4);
    --mall-role-bototm-color: #d4e4ff;
    --mall-gift-bg: transparent;
    --mall-gift-color: #4c637d;
    --mall-gift-shadow: none;
    --mall-gift-check-border: 4px solid #d33131;
    --mall-gift-item-border: 2.5px solid #363636;
    --mall-gift-item-bg: url("https://klforum.s3.stormsdk.com/gantz/img-libaodi.png");
    --mall-gift-item-discount-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dz.png");
    --mall-gift-item-discount-color: #fff179;
    --mall-gift-item-discount-shadow: 1.5px 1.5px 0 #af7700,
        -1.5px -1.5px 0 #af7700, 1.5px -1.5px 0 #af7700, -1.5px 1.5px 0 #af7700;
    --mall-gift-item-content-color: #1a6dff;
    --mall-gift-num-color: #1a6dff;
    --mall-gift-price-color: #654018;
    --mall-gift-price-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-jiage.png");
    --mall-gift-original-price-color: #a34524;
    --mall-quantity-bg: #314cac;
    --mall-quantity-content-color: #fff;
    --mall-quantity-input-color: #ffef53;
    --mall-pay-bg: transparent;
    --mall-pay-color: #4c637d;
    --mall-pay-shadow: none;
    --mall-pay-item-bg: #fff;
    --mall-pay-item-check-border: #a0a0a0;
    --mall-pay-item-check-bg: #cfe3f2;
    --mall-pay-order-shadow: none;
    --mall-pay-order-bg: rgba(224, 236, 247, 0.8);
    --mall-pay-order-info-color: #1a6dff;
    --mall-pay-order-name-color: #4c637d;
    --mall-pay-order-price-color: #4c637d;
    --mall-pay-order-discount-color: #55a64f;
    --mall-pay-order-price-span-color: #e7754d;
    --mall-pay-btn-bg: url("https://dz93qohex3slz.cloudfront.net/2024-06-28/1719544089-89582-paypal.png");
    --mall-order-bg: rgba(255, 255, 255, 0.8);
    --mall-order-shadow: none;
    --mall-order-box-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-zfdb.png");
    --mall-order-title-color: #fff;
    --mall-order-details-color: #1a6dff;
    --mall-order-number-border: 2.5px dashed #5c5e5d;
    --mall-order-number-color: #f6b824;
    --mall-order-content-color: #4c637d;
    --mall-order-btn-color: #fff;
    --mall-order-btn-bg: #314cab;
    --mall-order-explain-color: #4c637d;
    --mall-order-explain-p-color: #3e56b2;
  }
  :root .gift-pack {
    --gift-color: #fff;
    --gift-img-bg: url("https://klforum.s3.stormsdk.com/gantz/img-libaohdi.png");
    --gift-title-color: #fff;
    --gift-title-before-bg: #54c2e6;
    --gift-text-color: #fff;
    --gift-btn-color: #654018;
    --gift-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --gift-original-price-color: #a34524;
  }
  :root .TextEditor-image-container {
    --texted-upload-bg: rgba(123, 123, 123, 0.5);
    --texted-upload-before-color: #000;
  }
  :root .Post-flagged {
    --flagged-color: #fff;
    --flagged-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-jubao.png");
    --flagged-border: none;
    --flagged-btn-bg: url("https://dz93qohex3slz.cloudfront.net/2024-07-19/1721379531-368136-btn-jubao3.png");
  }
  :root .DiscussionListItem-content-image-container {
    --img-before-bg: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  }
}
@media (max-width: 767.98px) {
  :root {
    --body-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-02-ph.png");
    --notouch-body-bg: #f0f6fb;
    --header-bg: transparent;
    --header-color: #fff;
    --carousel__control-bg: #d1d1d1;
    --carousel__control-current-bg: url("https://klforum.s3.stormsdk.com/gantz/img-lbtudqtu-ph.png");
    --dl-block-p-color: #fff;
    --dl-block-p-shadow: none;
    --sideNav-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --dl-dis-bg: transparent;
    --dl-dis-slidable-bg: transparent;
    --dropdown-bg: url("https://klforum.s3.stormsdk.com/gantz/img-more.png");
    --dropdown-menu-bg: transparent;
    --dropdown-menu-border: 1px solid #bc9d9d;
    --dropdown-menu-color: #fff;
    --drawer-unread-bg: #ff0000;
    --dl-segmentation-border: none;
    --post-dis-time-color: #dfdfdf;
    --refund-color: #fefff5;
    --refund-a-color: #febf3e;
    --refund-btn-color: #7e3434;
    --refund-confirm-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --refund-cancel-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-lanzhong.png");
    --refund-cancel-color: #2d2a6c;
  }
  :root .Modal-lin .LogInModal,
  :root .Modal-lin .SignUpModal {
    --login-modal-content-bg: url("https://klforum.s3.stormsdk.com/gantz/img-beijing.png"), #fff;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .TagDiscussionModal,
  :root .LogInModal,
  :root .SignUpModal {
    --login-modal-content-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --login-modal-header-color: #fff;
    --login-modal-body-bg: transparent;
    --login-modal-body-color: #ff5555;
    --login-modal-body-input-bg: #31272b;
    --login-modal-body-input-placeholder-color: #847474;
    --login-modal-body-input-focus-border-color: #ff1a1a;
    --login-modal-body-input-color: #ff7575;
    --login-modal-body-input-before-bg: #99839d;
    --login-modal-body-input-after-bg: #ed2628;
    --login-modal-body-input-before-border: 1px solid #ed2628;
    --login-modal-body-button-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-landa.png");
    --login-modal-body-button-color: #fff;
    --login-modal-footer-color: #9a3c3c;
    --login-modal-footer-a-color: #ffdf59;
  }
  :root .App-content,
  :root #app-navigation {
    --nav-box-bg: #000;
    --nav-back-button-bg: url("https://klforum.s3.stormsdk.com/gantz/img-fanhui.png");
    --nav-drawer-button-bg: url("https://klforum.s3.stormsdk.com/gantz/img-cebianlan.png");
    --nav-title-color: #4a536e;
    --nav-wallet-btn-bg: transparent;
    --nav-wallet-btn-border-right: none;
    --nav-wallet-btn-a-color: #fff;
    --nav-wallet-btn-money-color: #ffef53;
    --nav-tabs-bg: rgba(55, 55, 55, 0.66);
    --nav-tabs-item-color: #bebdcb;
    --nav-tabs-underline-color: #fff;
    --nav-tabs-underline-after-bg: url("https://klforum.s3.stormsdk.com/gantz/img-bankqh.png");
  }
  :root .DiscussionList {
    --dis-item-bg: transparent;
    --dis-item-username-read-color: #fff;
    --dis-item-username-color: #fff;
    --dis-item-lv-color: #fff;
    --dis-item-time-color: #dfdfdf;
    --dis-item-title-read-color: #fff47b;
    --dis-item-title-color: #fff47b;
    --dis-item-content-read-color: #dfdfdf;
    --dis-item-content-color: #dfdfdf;
    --dis-container-btn-color: #fff;
    --dl-dis-before-bg: #826c6c;
    --dl-dis-message-bg: url("https://klforum.s3.stormsdk.com/gantz/img-pl.png");
    --dl-dis-color: #fff;
    --dl-dis-like-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dianzan.png");
  }
  :root .App-drawer {
    --drawer-bg: url("https://klforum.s3.stormsdk.com/gantz/di-cbl-xhw-ph.png");
    --drawer-item-locale-bg: #47484c;
    --drawer-btn-color: #dfe3f0;
    --drawer-title: #dfe3f0;
    --drawer-multiple-games-border: 1px solid #d7e4ff;
    --drawer-dropdown-separator-bg: #d7e4ff;
    --drawer-game-name-color: #dfe3f0;
    --drawer-game-btn-bg: #dfe3f0;
    --drawer-game-btn-follow-bg: url("https://dz93qohex3slz.cloudfront.net/2024-05-31/1717149394-692234-img-ysc.png");
    --drawer-game-btn-null-bg: url("https://dz93qohex3slz.cloudfront.net/2024-05-31/1717147684-385259-img-more-sc.png");
  }
  :root .IndexPage-toolbar {
    --toolbar-bg: transparent;
  }
  :root .Composer {
    --com-bg: #fff;
    --com-before-bg: #000;
    --com-header-color: #fff;
    --com-header-bg: #f0f7fb;
    --com-header-foucus-color: #fff;
    --com-bd-bg: rgba(145, 145, 145, 0.42);
    --com-footer-bg: #18181a;
    --com-footer-border: 1px solid #dedede;
    --com-activity-border: 1px solid #d7e4ff;
    --com-menu-act-title-bg: #c5b611;
    --com-menu-act-content-color: #bad4ef;
    --com-open-btn-bg: #dee7ee;
    --com-open-btn-color: #525252;
    --button-bg: #1a6dff;
  }
  :root .App--discussion .Composer {
    --com-bg: url("https://klforum.s3.stormsdk.com/gantz/img-di-01-ph.png");
    --com-texteditor-bg: #48484f;
    --com-texteditor-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-send.png");
    --com-texteditor-btn-color: #fff;
    --com-texteditor-rich-color: #fff;
  }
  :root .TextEditor {
    --texted-btn-bg: #fff;
    --texted-placeholder-color: #fff;
    --texted-rich-placeholder-before-color: #cfd7d7;
    --texted-rich-color: #cfd7d7;
    --texted-rich-img-bg: #fff;
  }
  :root .Modal-comment-container,
  :root .PostStream {
    --post-dis-username-color: #fff;
    --post-dis-lv-color: #fff;
    --post-dis-collection-null-bg: url("https://klforum.s3.stormsdk.com/gantz/img-scshenlan.png");
    --post-dis-collection-bg: url("https://klforum.s3.stormsdk.com/gantz/img-sch.png");
    --post-body-color: #dfdfdf;
    --post-reply-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-ftie.png");
    --post-like-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dzh.png");
    --post-nolike-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dianzan.png");
    --post-nolike-btn2-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dianzan.png");
    --post-evergreen-color: #fff;
    --post-actions-border: 1px solid #816969;
    --post-reply-btn-color: #fff;
    --post-reply-btn-bg: transparent;
    --post-item-bg: #fff;
  }
  :root .IndexPage-toolbar-view,
  :root .Dropdown-menu,
  :root .sideNavContainer {
    --side-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-bk.png");
    --side-color: #fff;
    --side-dropdown-menu-bg: rgba(0, 0, 0, 0.8);
    --side-dropdown-menu-border: 0.5vw solid #999696;
    --side-dropdown-menu-color: #fff;
  }
  :root .Modal-comment-container {
    --comment-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-02-ph.png");
    --comment-count-border: none;
    --comment-count-color: #fff;
    --comment-tree-bg: transparent;
    --comment-scroll-post-bg: #fff;
    --comment-scroll-post-dis-color: #284fae;
    --comment-scroll-post-dis-lv-color: #fff;
  }
  :root .extra-userPage-container,
  :root .extra-search-content,
  :root .navItems-lin {
    --nav-lin-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-dingbubk.png");
    --nav-lin-active-color: #fff;
    --nav-lin-active-after-bg: url("https://klforum.s3.stormsdk.com/gantz/img-bankqh.png");
    --extra-color: #b0b0b0;
    --extra-user-click-color: #fefefe;
    --extra-user-click-after-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-dj.png");
  }
  :root .UserPage {
    --user-bg: transparent;
    --user-box-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-id-ph.png");
    --user-btn-color: #d4e4ff;
    --user-name: #fff;
    --user-segmentation-bg: #bc9d9d;
    --person-grade-color: #fff;
    --person-grade-lv-color: #fff;
    --user-wallet-color: #fff;
    --user-wallet-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-qbdi.png");
    --user-wallet-money-color: #ffef53;
    --user-wallet-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-chongz.png");
    --user-wallet-btn-color: #994604;
    --person-center-top-color: #fff;
    --person-center-bottom-color: #bbc4d4;
    --person-center-bottom-while-color: #bbc4d4;
  }
  :root .role-modal {
    --role-close-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-guanbi.png");
    --role-header-bg: transparent;
    --role-header-color: #fff;
    --role-bg: transparent;
    --role-item-bg: rgba(125, 128, 135, 0.7);
    --role-item-img-checked-bg: rgba(0, 0, 0, 0.5);
    --role-item-top-color: #fff;
    --role-item-bottom-color: #d4e4ff;
    --role-item-checked-bg: rgba(48, 50, 54, 0.7);
  }
  :root .SettingsPage {
    --setting-notGrid-bg: transparent;
    --setting-title-color: #ece6e6;
    --setting-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --setting-btn-color: #994604;
    --setting-th-color: #fff;
    --setting-tr-border: 1px solid #e2edff;
    --setting-table-on-bg: url("https://klforum.s3.stormsdk.com/gantz/img-goulang.png");
    --setting-table-off-bg: url("https://klforum.s3.stormsdk.com/gantz/img-chalan.png");
    --setting-privacy-color: #397aff;
  }
  :root .App-content:not(:has(.tagTitle)),
  :root .sideNavOffset,
  :root .searchPage {
    --search-page-bg: #eff6fb;
    --search-page-dis-name-color: #fff;
    --search-page-dis-mark-color: #e09640;
    --search-page-dis-reply-bg: rgba(228, 229, 240, 0.23);
    --search-page-dis-reply-border: 1px solid #d2def1;
    --search-page-dis-reply-color: #fff;
    --search-page-dis-reply-text-color: #fff;
    --search-page-dis-reply-mark-color: #ffad1d;
    --search-page-extra-lv-color: #fff;
    --search-page-extra-bg: #d9e0e3;
  }
  :root .ProfilePagePhoneContent {
    --profile-color: #fff;
    --profile-input-border: none;
    --profile-input-bg: url("https://klforum.s3.stormsdk.com/gantz/img-yuanxz.png");
    --profile-input-after-bg: url("https://klforum.s3.stormsdk.com/gantz/img-goulan.png");
    --profile-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --profile-btn-color: #994604;
    --profile-item-border: 1px solid #cfdff9;
    --profile-item-name-color: #fff;
    --profile-item-text-color: #b9bcc9;
  }
  :root .search-title {
    --search-input-bg: #5b5b5b;
    --search-input-color: #f5f5f5;
    --search-input-before-bg: url("https://klforum.s3.stormsdk.com/gantz/img-sousuoicon.png");
    --search-input-placeholder-color: #f5f5f5;
    --search-results-bg: #fff;
    --search-results-header-color: #fff;
    --search-results-a-color: #fff;
    --search-results-a-active-bg: rgba(152, 200, 255, 0.3);
    --search-results-mark-color: #ffcd61;
  }
  :root .FlagsPage,
  :root .NotificationsPage {
    --notifcation-flag-time-color: #929fbb;
    --notifcation-group-bg: transparent;
    --notifcation-group-header-bg: transparent;
    --notifcation-group-header-color: #fff;
    --notifcation-group-color: #888888;
    --notifcation-group-unread-bg: transparent;
    --notifcation-group-unread-color: #fff;
    --notifcation-group-unread-time-color: #888888;
    --notifcation-group-unread-excerpt-color: #929fbb;
  }
  :root .Modal {
    --modal-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-tanchuangda.png");
    --modal-color: #fff;
    --modal-title-bg: transparent;
    --modal-footer-li-before-bg: #929292;
    --modal-footer-tag-bg: #000;
    --modal-footer-tag-border: 1px solid #b31a1a;
    --modal-footer-name-color: #fff;
    --modal-footer-btn-color: #fff;
    --modal-bd-input-placeholder-color: #80817f;
    --modal-footer-pinned-border: 1px solid #5a5a5a;
    --modal-footer-pinned-active-before-bg: #4160a0;
  }
  :root .Modal-lin,
  :root .Modal--small,
  :root .NickameModal {
    --counter-color: #fff;
    --modal-small-form-bg: linear-gradient(to bottom, rgba(147, 147, 147, 0.1), rgba(255, 255, 255, 0.25));
    --modal-small-form-color: #fff;
    --modal-small-form-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --modal-small-form-btn-color: #7e3434;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .SuspendUserModal {
    --modal-content-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --modal-header-border: none;
    --modal-bd-color: #a7a7a7;
    --modal-bd-label-color: #fff;
    --modal-bd-textarea-placeholder-color: #cccccc;
    --modal-bd-textarea-bg: rgba(228, 229, 240, 0.23);
    --modal-bd-checkbox-color: #929fbb;
    --modal-bd-checkbox-before-bg: #816969;
    --modal-bd-radio-before-bg: #000;
    --modal-bd-radio-before-border: 1px solid #b31a1a;
    --modal-bd-radio-after-bg: #4160a0;
    --modal-bd-input-color: #4c637d;
    --modal-bd-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --modal-bd-btn-color: #994604;
    --modal-bd-input-bg: #5a5a5a;
  }
  :root .picture-preview-modal {
    --picture-bg: #000000;
  }
  :root .App--discussion .CommentTree-lin {
    --comm-bg: rgba(228, 229, 240, 0.23);
    --comm-post-before-color: #fff;
    --comm-dis-username-color: #fff;
    --comm-post-body-color: #dfdfdf;
  }
  :root .Wallet {
    --wallet-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --wallet-info-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-idxi-ph.png");
    --wallet-info-box-bg: #fff;
    --wallet-info-item-color: #d4e4ff;
    --wallet-title-color: #ccc;
    --wallet-balance-color: #fff;
    --wallet-balance-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-qianbaoxi-ph.png");
    --wallet-balance-span-color: #fff;
    --wallet-recharge-bg: transparent;
    --wallet-recharge-item-bg: url("https://klforum.s3.stormsdk.com/gantz/img-tiaozi-ph.png");
    --wallet-recharge-item-bg-bg: transparent;
    --wallet-recharge-item-left-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-czdi.png");
    --wallet-recharge-item-name-color: #fdff44;
    --wallet-recharge-item-discount-bg: #00b7b7;
    --wallet-recharge-item-discount-color: #fff;
    --wallet-recharge-item-original-color: #696969;
    --wallet-recharge-item-original-after-bg: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 46%, #696969 50%, rgba(0, 0, 0, 0) 56%);
    --wallet-recharge-item-current-color: #ffe24f;
    --wallet-recharge-item-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --wallet-recharge-item-btn-color: #7e3434;
    --wallet-remind-color: #ccc;
    --wallet-remind-bg: transparent;
    --wallet-refund-color: #ff1f1f;
  }
  :root .Modal.pay-confirm-modal {
    --pay-color: #fff;
    --pay-price-color: #f6b824;
    --pay-payment-bg: transparent;
    --pay-payment-item-bg: rgba(103, 103, 103, 0.4);
    --pay-item-check-border: none;
    --pay-item-check-bg: rgba(103, 103, 103, 0.4);
    --pay-btn-bg: url("https://dz93qohex3slz.cloudfront.net/2024-06-28/1719544089-89582-paypal.png");
  }
  :root .gift-pack-describe {
    --gift-bg: rgba(255, 255, 255, 0.5);
    --gift-color: #1a6dff;
  }
  :root .Mall {
    --mall-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    --mall-title-color: #4c637d;
    --mall-info-bg: transparent;
    --mall-info-color: #fff;
    --mall-info-img-border: 1px solid #fff;
    --mall-info-tag-bg: linear-gradient(to right, #5c5c5c, #3b3b3b);
    --mall-info-tag-color: #fff;
    --mall-role-bg: rgba(39, 66, 124, 0.4);
    --mall-role-bototm-color: #d4e4ff;
    --mall-gift-bg: transparent;
    --mall-gift-color: #4c637d;
    --mall-gift-check-border: 1vw solid #d33131;
    --mall-gift-item-border: 0.5vw solid #363636;
    --mall-gift-item-bg: url("https://klforum.s3.stormsdk.com/gantz/img-libaodi.png");
    --mall-gift-item-discount-bg: url("https://klforum.s3.stormsdk.com/gantz/img-dz.png");
    --mall-gift-item-discount-color: #fff179;
    --mall-gift-item-discount-shadow: 0.3vw 0.3vw 0 #af7700,
        -0.3vw -0.3vw 0 #af7700, 0.3vw -0.3vw 0 #af7700, -0.3vw 0.3vw 0 #af7700;
    --mall-gift-item-content-color: #1a6dff;
    --mall-gift-num-color: #1a6dff;
    --mall-gift-price-color: #654018;
    --mall-gift-price-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-jiage.png");
    --mall-gift-original-price-color: #a34524;
    --mall-quantity-bg: #314cac;
    --mall-quantity-content-color: #fff;
    --mall-quantity-input-color: #ffef53;
    --mall-pay-bg: transparent;
    --mall-pay-color: #4c637d;
    --mall-pay-item-border: none;
    --mall-pay-item-bg: #fff;
    --mall-pay-item-check-border: #a0a0a0;
    --mall-pay-item-check-bg: #cfe3f2;
    --mall-pay-order-shadow: none;
    --mall-pay-order-bg: rgba(224, 236, 247, 0.8);
    --mall-pay-order-info-color: #1a6dff;
    --mall-pay-order-name-color: #4c637d;
    --mall-pay-order-price-color: #4c637d;
    --mall-pay-order-discount-color: #55a64f;
    --mall-pay-order-price-span-color: #e7754d;
    --mall-pay-btn-bg: url("https://dz93qohex3slz.cloudfront.net/2024-06-28/1719544089-89582-paypal.png");
    --mall-order-bg: transparent;
    --mall-order-box-bg: url("https://klforum.s3.stormsdk.com/gantz/btm-zfdb.png");
    --mall-order-title-color: #fff;
    --mall-order-details-color: #1a6dff;
    --mall-order-number-border: 0.5vw dashed #5c5e5d;
    --mall-order-number-color: #f6b824;
    --mall-order-content-color: #4c637d;
    --mall-order-btn-color: #fff;
    --mall-order-btn-bg: #304cac;
    --mall-order-explain-color: #4c637d;
    --mall-order-explain-p-color: #3e56b2;
  }
  :root .gift-pack {
    --gift-color: #fff;
    --gift-img-bg: url("https://klforum.s3.stormsdk.com/gantz/img-libaohdi.png");
    --gift-title-color: #fff;
    --gift-title-before-bg: #54c2e6;
    --gift-text-color: #fff;
    --gift-btn-color: #654018;
    --gift-btn-bg: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    --gift-original-price-color: #a34524;
  }
  :root .TextEditor-image-container {
    --texted-upload-bg: rgba(123, 123, 123, 0.5);
    --texted-upload-before-color: #000;
  }
  :root .Post-flagged {
    --flagged-color: #fff;
    --flagged-bg: url("https://klforum.s3.stormsdk.com/gantz/bg-jubao.png");
    --flagged-border: none;
    --flagged-btn-bg: url("https://dz93qohex3slz.cloudfront.net/2024-07-19/1721379531-368136-btn-jubao3.png");
  }
  :root .DiscussionListItem-content-image-container {
    --img-before-bg: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  }
}
.extra-userSearchResult .username {
  color: #453232;
}
.extra-userSearchResult-text-username .username {
  color: #302828;
}
.new-PostUser-experiences {
  color: #d4e4ff;
}
.UserCard-identity-person-nickName {
  color: #d4e4ff;
}
.Badge {
  box-shadow: none;
}
.PostUser .PostUser-name {
  font-weight: 400;
}
.DiscussionListItem-username {
  font-weight: 400;
}
/* 针对 Chrome, Safari, Opera 和 Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* 针对 Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.UserCard-identity-person-nickNameTitle {
  font-weight: 400;
}
.search-title .Dropdown-menu.Search-results {
  background: rgba(70, 70, 70, 0.86);
  box-shadow: none;
  border: 2px solid #8e8e8e;
  border-radius: 10px;
  font-size: 24px;
}
.search-title .Dropdown-menu.Search-results .Dropdown-header {
  color: #f1f1f1;
  font-weight: 400;
  font-size: 24px;
}
.search-title .Dropdown-menu.Search-results .DiscussionSearchResult-title {
  color: #cbd5e8;
  font-size: 24px;
}
.search-title .Dropdown-menu.Search-results .hasIcon {
  color: #cbd5e8;
  font-size: 24px;
}
.search-title .Dropdown-menu.Search-results .hasIcon .Button-icon {
  background: url("https://klforum.s3.stormsdk.com/gantz/img-sousuoicon.png");
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
}
.search-title .Dropdown-menu.Search-results .hasIcon .Button-icon::before {
  display: none;
}
.search-title .Dropdown-menu.Search-results .username {
  color: #cbd5e8;
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .search-title .Dropdown-menu.Search-results {
    border-radius: 2vw;
    font-size: 3.5vw;
  }
  .search-title .Dropdown-menu.Search-results .Dropdown-header {
    font-size: 3.5vw;
  }
  .search-title .Dropdown-menu.Search-results .DiscussionSearchResult-title {
    font-size: 3.5vw;
  }
  .search-title .Dropdown-menu.Search-results .hasIcon {
    font-size: 3.5vw;
  }
  .search-title .Dropdown-menu.Search-results .hasIcon .Button-icon {
    width: 5vw;
    height: 5vw;
  }
  .search-title .Dropdown-menu.Search-results .username {
    color: #cbd5e8;
    font-size: 3.5vw;
  }
}
.UserCard-identity-person-setting img {
  filter: brightness(0) saturate(100%) invert(100%);
}
.Button {
  border-radius: 0;
}
.Post--flagged {
  border: none;
}
@media (min-width: 768px) {
  .no-touch .Avatar {
    --size: 55px;
  }
  #content {
    z-index: 1;
    position: relative;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-close,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-close {
    right: 40px !important;
    top: 12px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-close .Button,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-close .Button {
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-guanbi.png") !important;
    background-size: 100% 100% !important;
    padding: 0;
    margin: 8px 0;
    height: 40px;
    width: 45px;
  }
  .no-touch #modal .Modal-lin .LogInModal .icon-img,
  .no-touch #modal .Modal-lin .SignUpModal .icon-img {
    display: none;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-header {
    background: #171010;
    width: 100%;
    padding: 17px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-header h3 {
    font-size: 46px;
    line-height: 1;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-dl-kuang.png");
    background-size: 100% 100%;
    border-radius: 0;
    margin-bottom: -150px;
    padding: 125px 115px 125px;
    width: 800px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group input[type="checkbox"],
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group input[type="checkbox"] {
    height: 0px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group input[type="checkbox"]::before,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group input[type="checkbox"]::before {
    border-radius: 0;
    width: 25px;
    height: 25px;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-dl-xz.png");
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group input[type="checkbox"]:checked::after,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group input[type="checkbox"]:checked::after {
    border-radius: 0;
    width: 25px;
    height: 25px;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-dl-xz1.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button {
    padding: 45px 105px 60px;
    font-size: 34px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button::before,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button::before {
    background: transparent;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button::after,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button::after {
    background: transparent;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.hint,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.hint {
    margin-top: -40px;
    color: #ff5555;
    font-size: 26px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .FormControl,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .FormControl {
    border-radius: 0;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.input-code,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.input-code {
    position: relative;
    background: var(--login-modal-body-input-bg) !important;
    background-size: 100% 100% !important;
    border: 2px solid transparent;
    border-color: var(--login-modal-body-input-border-color);
    max-width: 550px;
    margin: 0 auto 20px;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.input-code .FormControl,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.input-code .FormControl {
    padding: 8px 13px;
    text-align: center;
    margin: 0 auto;
    background: transparent !important;
    border: none;
  }
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.input-code .Button,
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.input-code .Button {
    padding: 22px 12px 28px 11px;
    margin-top: 0;
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-dl-obtain.png") !important;
    background-size: 100% 100% !important;
  }
  .no-touch .App-content .tagTitle .carousel .carousel__control--current,
  .no-touch .App-content .IndexPage .carousel .carousel__control--current {
    border-radius: 50%;
    width: 25px;
    height: 25px;
  }
  .no-touch .App-content .tagTitle .navItems-lin,
  .no-touch .App-content .IndexPage .navItems-lin {
    height: 65px;
    display: flex;
    align-items: flex-start;
  }
  .no-touch .App-content .tagTitle .navItems-lin > ul,
  .no-touch .App-content .IndexPage .navItems-lin > ul {
    gap: 45px;
    height: 80%;
    justify-content: center;
    overflow-y: hidden;
  }
  .no-touch .App-content .tagTitle .navItems-lin > ul li,
  .no-touch .App-content .IndexPage .navItems-lin > ul li {
    margin: 0;
  }
  .no-touch .App-content .tagTitle .navItems-lin > ul li a .navItem,
  .no-touch .App-content .IndexPage .navItems-lin > ul li a .navItem {
    width: auto;
    min-width: 100px;
  }
  .no-touch .App-content .tagTitle .navItems-lin > ul li.active a .navItem::after,
  .no-touch .App-content .IndexPage .navItems-lin > ul li.active a .navItem::after {
    bottom: -13px;
    width: 115%;
    height: 55px;
    background: transparent;
    border-style: solid;
    border-width: 0 5px 0 5px;
    border-image-source: var(--nav-lin-active-after-bg);
    border-image-slice: 0 5 0 5 fill;
    border-image-repeat: stretch;
  }
  .no-touch .Dropdown-menu {
    box-shadow: inset 0 0 10px 4px #b21a1a;
    overflow: hidden;
  }
  div.PostUser-bar--empty {
    background: #fff;
  }
  .new-PostUser-all-experiences {
    color: #d4e4ff;
  }
  .no-touch .extra-search-content .extra-click-change::after,
  .no-touch .extra-userPage-container .extra-click-change::after {
    bottom: 0;
    width: 115%;
    height: 60px;
    background: transparent;
    border-style: solid;
    border-width: 0px 5px 20px 5px;
    border-image-source: var(--extra-user-click-after-bg);
    border-image-slice: 0 5 20 5 fill;
    border-image-repeat: stretch;
  }
  .no-touch .extra-search-content .extra-click-change .Button-label,
  .no-touch .extra-userPage-container .extra-click-change .Button-label {
    z-index: 1;
    position: relative;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .role-lv {
    color: #ff0000;
  }
  .no-touch .SettingsPage .item-privacy .item-discloseOnline .Checkbox--switch {
    color: var(--setting-title-color);
  }
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup {
    background: transparent;
    border-style: solid;
    border-width: 35px 40px 20px 220px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/bg-tz.png");
    border-image-slice: 35 40 20 220 fill;
    border-image-repeat: stretch;
    border-radius: 0;
    padding: 0;
    overflow: visible;
  }
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-header,
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content {
    margin-left: -180px;
  }
  .NotificationList-content .NotificationGroup .NotificationGroup-header {
    border-bottom: 1px solid #d4e3ff;
  }
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li {
    background-color: transparent !important;
    border: none;
  }
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li .SelectTagListItem-name {
    border-radius: 5px;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--tagColor) 30%, transparent), var(--tagColor)) !important;
  }
  .no-touch .TagSelectionModal-form-input .dl-post-tagItem {
    border-radius: 5px;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--tag-bg) 30%, transparent), var(--tag-bg)) !important;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body .Form--centered .Form-group .Button {
    padding: 0 60px 15px;
    height: 70px;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-header {
    background: #000;
    padding: 10px 0;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-header h3 {
    color: #cccccc;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body {
    margin-top: 20px;
    border-radius: 10px;
    background: transparent;
    border-style: solid;
    border-width: 35px 15px 20px 15px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/img-di-jubao.png");
    border-image-slice: 35 15 20 15 fill;
    border-image-repeat: stretch;
    padding: 10px 30px;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .Button--primary,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .Button--primary,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .Button--primary,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .Button--primary {
    padding: 20px 40px;
    font-weight: bold;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .TagSelectionModal-form,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .TagSelectionModal-form,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .TagSelectionModal-form,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .TagSelectionModal-form {
    align-items: center;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput {
    border-radius: 0;
    padding: 10px;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput .FormControl,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput .FormControl,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput .FormControl,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-input .TagsInput .FormControl {
    color: #fff;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .checkbox input[type="radio"]::before,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"]::before,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .checkbox input[type="radio"]::before,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .checkbox input[type="radio"]::before {
    border-radius: 0;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    width: 95%;
    height: 75%;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-gx-d.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon {
    position: relative;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon::before,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon::before,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon::before,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li.active .TagIcon::before {
    content: "";
    position: absolute;
    width: 95%;
    height: 75%;
    top: 50%;
    transform: translateY(-50%);
    background: url("https://klforum.s3.stormsdk.com/gantz/img-gx-d.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-footer .SelectTagList li .TagIcon,
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-footer .SelectTagList li .TagIcon,
  .no-touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-footer .SelectTagList li .TagIcon,
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li .TagIcon {
    border-radius: 0;
  }
  .App--flags #content {
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png") repeat;
    background-size: 100%;
  }
  .Notification.Flag {
    background-color: #fff;
  }
  .Notification.Flag .username {
    color: #fff;
  }
  .no-touch .Wallet {
    max-width: 100%;
  }
  .no-touch .Wallet .Wallet-userinfo {
    background: transparent;
    max-width: 1100px;
    margin: 0 auto 15px;
  }
  .no-touch .Wallet .Wallet-userinfo .username {
    color: #fff;
  }
  .no-touch .Wallet .wallet-balance {
    justify-content: space-around;
    padding: 0 35px;
    border-radius: 0;
    margin-bottom: 100px;
    position: relative;
  }
  .no-touch .Wallet .wallet-balance::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .no-touch .Wallet .wallet-balance .balance {
    flex: 0;
    color: #ffef53;
  }
  .no-touch .Wallet .wallet-balance .balance span {
    font-size: 22px;
  }
  .no-touch .Wallet .recharge-box {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .Wallet .wallet-remind {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .FlarumBadgesConfirmModal u,
  .no-touch .refund-modal u {
    color: #febf3e;
  }
  .no-touch .FlarumBadgesConfirmModal .Modal-content .Modal-body .FlarumBadgesConfirmButtons .btn,
  .no-touch .refund-modal .Modal-content .Modal-body .FlarumBadgesConfirmButtons .btn,
  .no-touch .FlarumBadgesConfirmModal .Modal-content .refund-modal-box .btn-box .btn,
  .no-touch .refund-modal .Modal-content .refund-modal-box .btn-box .btn {
    padding: 15px 50px;
    font-size: 30px;
    border-radius: 0;
    line-height: 1;
    font-weight: bold;
  }
  .no-touch #modal .Modal-lin .Modal-content .closeBtn {
    left: auto !important;
    right: 25px;
    top: 15px;
  }
  .no-touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .payment-method-box .pay-item-check {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-xzt.png") no-repeat center;
    background-size: 100% 100%;
  }
  .no-touch .Mall .pay-box .pay-method-list .pay-item-check {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-xzt.png") no-repeat center;
    background-size: 100% 100%;
  }
  .no-touch .Mall .pay-box .pay-method-list .pay-method-item {
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info span {
    color: #4c637d;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .price-box .item span {
    color: #1a6dff;
  }
  .no-touch .Mall .pay-box .pay-order .price {
    text-align: right;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details {
    padding: 15px 25px;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info {
    flex: 1;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .no-touch .gift-pack .Modal-content .gift-pack-modal .gift-pack-price .btn {
    padding: 5px 0 25px;
  }
  .no-touch .Mall .Mall-head {
    max-width: 100%;
    width: 100%;
    min-height: 250px;
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-idxi-pc.png");
    background-size: 100% 100%;
  }
  .no-touch .Mall .Mall-head .Mall-user-info {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .Avatar {
    --size: 50px;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .customer-service {
    margin-inline: 15px 30px;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .customer-service img {
    width: 35px;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn {
    padding: 0 25px;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .money {
    background: transparent;
    background-size: 100% 100%;
    min-width: 100px;
    margin-left: -2.5px;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn {
    padding: 0;
  }
  .no-touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn img {
    width: 25px;
  }
  .no-touch .IndexPage .container {
    position: relative;
    width: auto;
    min-height: 100vh;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-dbzs.png");
    background-size: 100%;
    padding-bottom: 30px;
  }
  .no-touch .IndexPage .container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 25px;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-lsgeduan.png");
    background-size: 100% 100%;
  }
  .no-touch .IndexPage .container > .sideNavContainer {
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
  }
  .no-touch .IndexPage .container > .sideNavContainer::after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 50px;
    border-style: solid;
    border-width: 10px 25px 10px 25px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/xian-grzy.png");
    border-image-slice: 10 25 10 25 fill;
    border-image-repeat: stretch;
  }
  .no-touch .IndexPage .container .DiscussionList {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .dl-search {
    align-items: flex-start !important;
  }
  .no-touch .dl-search:before {
    height: 33px;
    width: 33px;
  }
  .no-touch .App--user .UserPage {
    background-size: 100%, 100%;
    min-height: 100vh;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .UserCard-segmentation {
    margin-block: 25px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-avatar .Avatar {
    --size: 120px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .UserCard-identity-person-setting {
    margin-right: 20px;
    display: flex;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .UserCard-identity-person-setting .Button-label {
    display: flex;
    align-items: center;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .UserCard-identity-person-setting .Button-label img {
    max-width: 25px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .new-PostUser-level {
    font-size: 22px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .PostUser-bar-position {
    background: #ff0c0c;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .person-grade-container-lin {
    position: relative;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .person-grade-container-lin::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 105%;
    height: 50px;
    border-style: solid;
    border-width: 10px 25px 10px 25px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/xian-grzy.png");
    border-image-slice: 10 25 10 25 fill;
    border-image-repeat: stretch;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .User-wallet {
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-qbye.png");
    background-size: 100% 100%;
    padding: 45px;
    margin-inline: -7px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .User-wallet .right .btn {
    border-radius: 0;
    background-size: 100% 100%;
    font-weight: bold;
    padding: 0;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .User-wallet .right .btn a {
    padding: 7px 45px;
    display: inline-block;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .User-wallet .right .money {
    font-weight: bold;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .person-center-containers {
    padding: 30px 0;
    margin: 15px 0;
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-grzydi.png");
    background-size: 100% 100%;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .person-center-containers:last-child {
    background: transparent;
    border-style: solid;
    border-width: 20px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/btm-wzd.png");
    border-image-slice: 20 fill;
    border-image-repeat: stretch;
    padding: 10px 0;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content,
  .no-touch #modal .Modal-lin .NickameModal .Modal-content {
    background: transparent;
    border-style: solid;
    border-width: 80px 20px 20px 20px;
    border-image-source: var(--modal-small-bg);
    border-image-slice: 80 20 20 20 fill;
    border-image-repeat: stretch;
    overflow: visible;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content > .closeBtn,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content > .closeBtn,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content > .closeBtn,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content > .closeBtn,
  .no-touch #modal .Modal-lin .NickameModal .Modal-content > .closeBtn {
    margin-top: -80px;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content form,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content form,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content form,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content form,
  .no-touch #modal .Modal-lin .NickameModal .Modal-content form {
    margin-top: -60px;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-header {
    padding: 12px;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-header h3,
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-header h3 {
    font-weight: bold;
  }
  .no-touch #modal .Modal-lin .dl-modal-small.NickameModal .Modal-content .Modal-close {
    top: 30px;
  }
  .no-touch #modal .Modal-lin .dl-modal-small.NickameModal .Modal-content .Modal-header h3 {
    font-weight: bold;
  }
  .no-touch .role-modal .Modal-content .Modal-header {
    padding: 20px !important;
  }
  .no-touch .role-modal .Modal-content .role-modal-box {
    padding: 35px 13px 25px 10px;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-lists-box {
    background: rgba(24, 25, 34, 0.5);
    border: 1px solid #8b8686;
    margin-top: 20px;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .role-item {
    border: 2px solid #686868;
    border-radius: 0;
    box-shadow: inset 0 0 9px 6px #565656;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .role-item .role-icon .icon-img .role-img {
    border-radius: 50%;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .role-item .role-icon .checked-img {
    border-radius: 50%;
    object-fit: scale-down;
    object-position: center center;
    padding: 10px;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .role-item .role-info .role-top {
    font-size: 28px;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .role-item .role-info .role-bottom .role-id {
    font-size: 24px;
  }
  .no-touch .role-modal .Modal-content .role-modal-box .role-list .item-check {
    border: 2px solid #5b5b5b;
    box-shadow: inset 0 0 9px 6px #2d2a2a;
  }
  .no-touch .setting-page {
    max-width: 100vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    background-size: 100%;
    width: 100%;
    min-height: 100vh;
  }
  .no-touch .setting-page .sideNavContainer {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .setting-page .extra-UserPage-content {
    max-width: 1100px;
    margin: 0 auto 45px;
  }
  .no-touch .setting-page .UserPage-content {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .SettingsPage .Settings-account legend {
    position: relative;
    z-index: 1;
  }
  .no-touch .SettingsPage .Settings-account legend::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -20px;
    width: 160%;
    height: 30px;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-mddi.png");
    background-size: 100% 100%;
    z-index: -1;
  }
  .no-touch .SettingsPage .Settings-account ul li .Button {
    padding: 20px 35px 20px;
    line-height: 1;
    font-weight: bold;
  }
  .Settings-notifications legend {
    width: 100%;
    background: url("https://klforum.s3.stormsdk.com/gantz/di-sz-xian.png") no-repeat;
    background-size: 100% 100%;
    padding: 5px 0 15px 15px;
    margin-left: -10px;
  }
  .no-touch .SettingsPage .item-notificationGrid {
    border-style: solid;
    border-width: 25px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/di-sz.png");
    border-image-slice: 25 fill;
    border-image-repeat: stretch;
    padding: 0;
  }
  .no-touch .searchPage.blackListPage {
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    background-size: 100%;
  }
  .no-touch .ProfilePagePhoneContent input[type="checkbox"] {
    width: 35px;
    height: 35px;
  }
  .no-touch .ProfilePagePhoneContent input[type="checkbox"]:checked::after {
    width: 40px;
    height: 30px;
    top: 44%;
    left: 14%;
  }
  .no-touch .ProfilePagePhoneContent .Header {
    position: relative;
    padding-bottom: 20px;
  }
  .no-touch .ProfilePagePhoneContent .Header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: #888484;
  }
  .no-touch .ProfilePagePhoneContent .Header .Item .Btn {
    padding: 5px 40px 5px;
    font-weight: bold;
  }
  .no-touch .App--page .TagsPage {
    max-width: 100vw;
  }
  .no-touch .App--page .TagsPage .dl-content > div:last-child {
    width: 100%;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-zs.png") no-repeat, url("https://klforum.s3.stormsdk.com/gantz/bg-dbzs.png");
    background-size: auto, 100%;
    padding-bottom: 30px;
    min-height: 100vh;
  }
  .no-touch .App--page .TagsPage .dl-content > div .IndexPage-toolbar {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .no-touch .Composer {
    border-style: solid;
    border-width: 20px 25px 20px 25px;
    border-image-source: var(--com-bg);
    border-image-slice: 10 25 20 25 fill;
    border-image-repeat: stretch;
    background: transparent;
  }
  .no-touch .Composer .Composer-content {
    padding: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-header {
    margin-right: 0;
    margin-bottom: 0;
    border-style: solid;
    padding-block: 5px;
    border-width: 2px 120px 2px 50px;
    border-image-source: url(https://klforum.s3.stormsdk.com/gantz/img-title-di.png);
    border-image-slice: 0 160 0 60 fill;
    border-image-repeat: stretch;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-line {
    width: 100%;
    height: 1px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer {
    height: 340px;
    padding-top: 58px;
    margin-top: -55px;
    border-radius: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-uploadFile {
    margin-bottom: 50px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-tagLists .Button {
    padding: 4px 15px;
    border-radius: 8px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-tagLists .activity .Dropdown-menu {
    box-shadow: none;
    border: 2px solid #777272;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 13px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-tagLists .activity .Dropdown-menu .activity-btn .activity-title {
    border-radius: 8px;
  }
  .no-touch .App--discussion {
    background-size: auto;
    background-repeat: inherit;
    max-width: 100vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    background-size: 100%;
    padding-bottom: 30px;
  }
  .no-touch .App--discussion::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-hdi.png");
    background-size: 100% 100%;
  }
  .no-touch .App--discussion .App-content #content {
    position: relative;
    z-index: 1;
  }
  .no-touch .App--discussion .Composer {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-image-slice: 20 25 20 25 fill;
  }
  .no-touch .App--discussion .Composer .ComposerBody-footer {
    background: transparent !important;
    height: auto !important;
  }
  .no-touch .App--discussion .Composer .ComposerBody-footer .item-uploadFile {
    margin: 0 !important;
  }
  .no-touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-submit-btn {
    right: 50px;
    top: auto;
    bottom: 0px;
    padding: 8px 30px 13px;
    border-radius: 0;
    z-index: 99;
  }
  .no-touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-editorContainer .rich-text-lin {
    width: 94%;
  }
  .no-touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-editorContainer .rich-text-lin .placeholder {
    color: #fff !important;
  }
  .no-touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-editorContainer .rich-text-lin p {
    color: #fff;
  }
  .no-touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-editorContainer .char-count {
    right: 65px;
  }
  .no-touch .Post-body-lin b {
    color: #517fb2;
  }
  .no-touch .NotificationsPage {
    max-width: 100%;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    background-size: 100%;
  }
  .no-touch .NotificationsPage .NotificationList {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body {
    background: transparent;
    border: none;
  }
  .no-touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .TagSelectionModal-form-submit .Button-label {
    color: #994604;
  }
  .wallet-user-box {
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-idxi.png") no-repeat center, url("https://klforum.s3.stormsdk.com/gantz/btm-idxi-pc.png") no-repeat;
    background-size: 100%, 100% 100%;
  }
  .no-touch .Wallet .Wallet-userinfo {
    padding: 100px 35px 85px;
    margin: 0 auto;
  }
  .no-touch .Wallet .Wallet-userinfo .user-info .info-item:first-child > .UserCard-identity-person-nickNameTitle {
    display: none;
  }
  .no-touch .Wallet .Wallet-userinfo .UserCard-identity-person-nickName > .username {
    color: #fff;
  }
  .no-touch .Wallet .Wallet-userinfo .UserCard-identity-person-setting {
    bottom: 80px;
    width: 50px;
    height: 50px;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-shezhi.png") no-repeat center;
    background-size: 100% 100%;
  }
  .no-touch .Wallet .Wallet-userinfo .UserCard-identity-person-setting img {
    display: none;
  }
  .no-touch .Wallet .wallet-balance {
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px 35px;
  }
  .no-touch .Wallet .wallet-balance .name {
    font-size: 26px;
  }
  .no-touch .Wallet .wallet-balance .balance {
    color: #ffe24f;
    font-size: 36px;
  }
  .no-touch .Wallet .Wallet-recharge-box {
    position: relative;
    padding-top: 100px;
  }
  .no-touch .Wallet .recharge-box {
    position: relative;
  }
  .no-touch .Wallet .recharge-box .recharge-item {
    padding: 50px 55px;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left {
    padding: 10px 5px 10px 30px;
    margin-top: 0;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left .recharge-item-name {
    margin-bottom: 0;
    text-align: left;
    font-weight: lighter;
    font-size: 28px;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-price {
    font-size: 28px;
    margin-right: 120px;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-btn {
    font-size: 32px;
    padding: 7px 60px;
    margin-top: 0;
    font-weight: bold;
  }
  .no-touch .Wallet .wallet-remind {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .Wallet .wallet-remind p {
    position: relative;
    padding-top: 0;
    margin-top: 15px;
  }
  .no-touch .Wallet .wallet-remind p:not(:last-child) {
    padding-left: 25px;
  }
  .no-touch .Wallet .wallet-remind p:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-biaoz.png") no-repeat;
    background-size: 100% 100%;
  }
  .no-touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box {
    padding: 30px 5px 0px 0;
  }
  .no-touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .pay-confirm-modal-content {
    margin-top: 20px;
    background: rgba(24, 25, 34, 0.5);
    border: 1px solid #8b8686;
    padding: 0px 20px 20px;
  }
  .no-touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .pay-confirm-modal-content .payment-method-box .pay-method-item {
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
  .no-touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .pay-confirm-modal-content .payment-method-box .pay-method-item.pay-item-check {
    border: none;
  }
  .no-touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .pay-confirm-modal-content .pay-btn {
    border-radius: 0;
  }
  .no-touch .Mall {
    background-size: 100%;
    background-repeat: repeat;
  }
  .no-touch .Mall .Mall-head .role-info {
    border-top: 1px solid #18589c;
    border-left: 1px solid #18589c;
    border-right: 4px solid #18589c;
    border-bottom: 5px solid #18589c;
  }
  .no-touch .Mall .Mall-gift-pack-box {
    position: relative;
  }
  .no-touch .Mall .Mall-gift-pack-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-lsgeduan.png");
    background-size: 110% 100%;
  }
  .no-touch .Mall .Mall-gift-pack-box .Mall-gift-pack {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .Mall .Mall-gift-pack-box .gift-pack-box .gift-pack-item {
    border: none !important;
    border-radius: 0;
  }
  .no-touch .Mall .Mall-gift-pack-box .gift-pack-box .gift-pack-item .item-discount {
    z-index: 1;
  }
  .no-touch .Mall .Mall-gift-pack-box .gift-pack-box .gift-pack-item .item-content .gift-pack-num {
    margin-bottom: 0;
  }
  .no-touch .Mall .Mall-gift-pack-box .gift-pack-box .gift-pack-item .item-price {
    z-index: 1;
    padding-top: 0;
    scale: 1.05;
    margin-bottom: 5px;
    min-height: 80px;
  }
  .no-touch .Mall .Mall-gift-pack-box .gift-pack-box .gift-pack-item.item-check {
    position: relative;
  }
  .no-touch .Mall .Mall-gift-pack-box .gift-pack-box .gift-pack-item.item-check::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: url("https://klforum.s3.stormsdk.com/gantz/img-libaok.png");
    background-size: 100% 100%;
    z-index: 0;
  }
  .no-touch .gift-pack .Modal-content .gift-pack-modal {
    padding: 52px 20px 20px 15px;
  }
  .no-touch .gift-pack .closeBtn {
    top: 20px;
  }
  .no-touch .Mall .Order-bg {
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-sflxdw.png"), #eff6fb;
  }
  .no-touch .Mall .Order-bg .Order .Order-box .Order-title {
    height: 110px;
    line-height: 110px;
  }
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .Button,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .Button {
    height: 75px;
  }
  .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block::after {
    display: none;
  }
  .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block::before {
    display: none;
  }
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-zh p {
    bottom: 85px;
    right: 72px;
    font-weight: bold;
    font-family: serif;
  }
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-zh p:last-child {
    bottom: 50px;
    right: 46px;
    font-weight: bold;
    font-family: serif;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-num .quantity-selection {
    padding: 0 4px;
  }
  .no-touch .App-content .IndexPage .carousel .carousel__left__btn img,
  .no-touch .App-content .IndexPage .carousel .carousel__right__btn img {
    width: 130px;
  }
  .no-touch .App-content .IndexPage .carousel .carousel__left__btn {
    left: 70px;
  }
  .no-touch .App-content .IndexPage .carousel .carousel__right__btn {
    right: 70px;
  }
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-en p {
    text-shadow: none;
    right: 30px;
    bottom: 60px;
  }
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-en p:last-child {
    bottom: 35px;
  }
  .no-touch .search-title .Search-input .FormControl {
    border-radius: 25px;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 24px;
    height: 45px;
    line-height: 45px;
  }
  .no-touch .search-title .Search-input .Search-clear.Button {
    height: 45px !important;
    margin-left: -44px;
    width: 36px !important;
  }
  .no-touch .search-title .Search-input .Search-clear.Button img {
    width: 28px;
  }
  .no-touch .search-title .Search-input .charCount {
    font-size: 20px;
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
  }
  .Search-input:before {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-sousuoicon.png");
    background-size: 100% 100%;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button {
    padding: 15px 25px 17px;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button i,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button i {
    transform: none;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu {
    border-radius: 0;
    left: 0 !important;
    top: 100%;
    margin-top: 0;
    box-shadow: inset 0 0 10px 4px #000;
    padding: 10px 0 !important;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu .icon-img,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
    margin-left: -32px !important;
    width: 30px;
  }
  .item-discussionTitle input::placeholder {
    color: var(--com-header-color);
  }
  .Dropdown-menu--top {
    top: auto !important;
    bottom: 100% !important;
  }
  .Composer-controls .App-backControl > .Button--icon {
    padding: 3px 0;
  }
  .Composer-controls .icon-img {
    width: 30px;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-title img {
    width: auto;
    height: 80px;
    object-fit: cover;
    object-position: center bottom;
  }
  .no-touch .PostStream-item {
    background-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 35px 15px 20px 220px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/bg-tz.png");
    border-image-slice: 35 15 20 220 fill;
    border-image-repeat: stretch;
    padding: 0;
    padding-right: 25px;
    border-bottom: 20px !important;
    border-style: solid !important;
  }
  .no-touch .PostStream-item > .CommentPost {
    margin-left: -180px;
    padding: 0;
  }
  .no-touch .PostStream-item .Post-flagged {
    margin: -25px -31px 20px;
    border-radius: 0;
  }
  .no-touch .PostStream-item:first-child {
    border-radius: 0;
  }
  .no-touch .PostStream-item:first-child .Post-box {
    border-bottom: 1px solid #816969;
  }
  .no-touch .PostStream-item:not(:first-child) .Post-actions-lin .reply-btn-lin {
    border-radius: 0;
  }
  .no-touch .PostStream-item:not(:first-child) .Post-actions-lin .reply-btn-lin:hover {
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-huifulan.png") !important;
    background-size: 100% 100% !important;
  }
  .no-touch .PostStream-item:not(:first-child) .CommentTree-lin {
    border-radius: 0;
  }
  .no-touch .PostStream-item:not(:first-child) .CommentTree-lin .Post-actions-lin::before {
    background: none;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container.in {
    transform: scale(1) translateY(-50%);
    top: 50%;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-content {
    border-radius: 0;
    border-style: solid;
    border-width: 85px 180px 150px 200px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/img-tanchu-9g.png");
    border-image-slice: 85 180 150 200 fill;
    border-image-repeat: stretch;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body {
    height: 90vh;
    width: auto;
    margin: -40px -150px -190px -150px;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box {
    height: 66vh;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post {
    background-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 35px 15px 20px 220px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/bg-tz.png");
    border-image-slice: 35 15 20 220 fill;
    border-image-repeat: stretch;
    padding: 0;
    padding-right: 25px;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post > div {
    margin-left: -180px;
    padding: 0;
  }
  .no-touch .App--discussion .CommentTree-lin .DiscussionListItem-texts .DiscussionListItem-state {
    right: 250px;
  }
  .no-touch .App--discussion .CommentTree-lin .Post:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #816969;
    width: 100%;
  }
  .Hero .container {
    padding-bottom: 60px;
  }
  .no-touch #modal .Modal-lin .NickameModal,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small {
    max-width: 600px;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content {
    border-radius: 0;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-close,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-close,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-close,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-close {
    top: 30px;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-close .Button--icon,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-close .Button--icon,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-close .Button--icon,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-close .Button--icon {
    height: 35px;
    width: 40px;
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-guanbi.png") !important;
    background-size: 100% 100% !important;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-close .Button--icon .icon-img,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-close .Button--icon .icon-img,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-close .Button--icon .icon-img,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-close .Button--icon .icon-img {
    display: none;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-body {
    padding: 90px 40px 80px;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body .Form--centered .Form-group .FormControl,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .FormControl,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .FormControl,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .FormControl {
    border-radius: 0;
    min-height: 80px;
  }
  .no-touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body .Form--centered .Form-group .Button,
  .no-touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .Button,
  .no-touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .Button,
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .Button {
    padding: 0px 50px 0;
    height: 70px;
    font-weight: bold;
  }
  .no-touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-header {
    padding: 12px;
  }
  .no-touch #modal .Modal-lin .Modal.NickameModal.Modal--small.in.Modal-sign-container .Modal-sign-body .header .title {
    padding: 10px 0 0px;
  }
  .item-tagLists .Dropdown-menu > li > button:hover {
    background: #94969d;
  }
  .Button.digimon {
    padding: 0 60px 74px !important;
  }
  .no-touch .TextEditor .TextEditor-operation .Button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .no-touch .TextEditor .TextEditor-operation .Button.active {
    border-radius: 5px;
  }
  .no-touch .TextEditor .TextEditor-operation .item-rich-text {
    display: none;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-toolbar {
    display: flex;
    align-items: center;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-toolbar .ProseMirrorMenu {
    display: flex;
    align-items: center;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-toolbar .ProseMirrorMenu .ButtonGroup {
    padding: 8px 0;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-toolbar .ProseMirrorMenu .open .Dropdown-menu {
    display: flex;
    align-items: center;
    border-radius: 13px;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-toolbar .ProseMirrorMenu .open .Dropdown-menu .icon-img {
    height: auto;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-toolbar .Button--icon {
    width: 36px;
  }
  .no-touch .TextEditor .TextEditor-operation .TextEditor-controls .ButtonGroup > .Button--menuDropdown > span {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .no-touch .TextEditor .TextEditor-operation .Composer-footer {
    display: flex;
    align-items: center;
  }
  .no-touch .TextEditor .TextEditor-editorContainer .rich-text-lin {
    height: 40vh;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .DiscussionListItem .DiscussionList-reply-box {
    background-color: rgba(228, 229, 240, 0.23);
    border-radius: 0 !important;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .DiscussionListItem .DiscussionList-reply-box .DiscussionList-reply-item {
    padding: 15px 0px 23px;
    margin: 0 15px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem {
    background-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 35px 15px 20px 220px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/bg-tz.png");
    border-image-slice: 35 15 20 220 fill;
    border-image-repeat: stretch;
    padding: 0;
    padding-right: 25px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem > div,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem > div,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem > div {
    margin-left: -180px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main {
    padding: 0 0 12px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-tag,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-tag,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-tag {
    margin-bottom: auto;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-tag .dl-post-tagItem-lin,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-tag .dl-post-tagItem-lin,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-tag .dl-post-tagItem-lin {
    background: linear-gradient(to bottom, rgba(60, 13, 13, 0.77), #851818), #000 !important;
    border: 2px solid #4a3838;
    outline: 2px solid #3d1414;
    outline-offset: -3px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem::before,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem::before,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem::before {
    top: -7px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem .item .btn-icon,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem .item .btn-icon,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem .item .btn-icon {
    width: 35px;
    height: 33px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    border-style: solid;
    border-width: 15px;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/btm-tcdk.png");
    border-image-slice: 15 fill;
    border-image-repeat: stretch;
    padding: 0;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu li button.hasIcon,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu li button.hasIcon,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu li button.hasIcon {
    padding: 7px 100px 7px 15px;
  }
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu li button.hasIcon img,
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu li button.hasIcon img,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dropdown-menu li button.hasIcon img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .no-touch .DiscussionListItem-badges .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .no-touch .App-drawer .container {
    padding-right: 35px;
  }
  .no-touch .App-drawer .container .Header-title-lin {
    padding: 0px 180px 0 0px;
    position: relative;
  }
  .no-touch .App-drawer .container .Header-title-lin::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 13px;
    background: url("https://klforum.s3.stormsdk.com/gantz/xian-dian.png");
    background-size: 100% 100%;
  }
  .no-touch .App-drawer .container .Header-title-lin img {
    width: 200px;
    margin-left: -15px;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .extra-userSearchResult {
    border-radius: 0;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) {
    background: var(--search-page-bg);
    background-size: 100%;
    position: relative;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle))::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-hdi.png");
    background-size: 100% 100%;
  }
  .no-touch .container-lin .sideNavContainer li .ButtonGroup .Button {
    font-weight: bold;
    color: #fff;
  }
  .no-touch .container-lin .sideNavContainer li .ButtonGroup .Button i {
    transform: none;
  }
  .no-touch .container-lin .sideNavContainer li .Dropdown-menu {
    border-radius: 0;
    left: 0 !important;
    top: 100%;
    margin-top: 0;
    box-shadow: inset 0 0 10px 4px #000;
    padding: 10px 0 !important;
    transform: none;
  }
  .no-touch .container-lin .sideNavContainer li .Dropdown-menu .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
    margin-left: -32px !important;
    width: 30px;
  }
  .no-touch .Post-actions-right .Dropdown .Dropdown-menu .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .no-touch .Post-actions-right .Select .Select-caret {
    color: #fff;
  }
  .no-touch .Post-actions-right .Select .Select-input {
    color: #fff;
    background: linear-gradient(to bottom, transparent, rgba(186, 4, 4, 0.91)), #000;
    border: none;
  }
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification,
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup-content .Notification {
    border-radius: 0 !important;
    padding: 20px 30px !important;
  }
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification:hover,
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup-content .Notification:hover {
    background: transparent !important;
    filter: brightness(1.2);
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup-content .Notification {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-di.png");
    background-size: 100% 100%;
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup-content .Notification:hover {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-di.png") !important;
    background-size: 100% 100% !important;
    filter: brightness(1.2);
  }
  .no-touch .NotificationsPage .App-titleControl--text {
    top: 20px;
  }
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox .FormControl {
    border-radius: 0;
    border: 1px solid #cccbc8;
  }
}
@media (max-width: 767.98px) {
  .UserCard {
    background: transparent;
  }
  .touch #modal .Modal-lin .LogInModal .icon-img,
  .touch #modal .Modal-lin .SignUpModal .icon-img {
    width: 6vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body {
    padding: 0 1vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Login-title-img,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Login-title-img {
    width: 70vw;
    margin: 0 auto;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form--centered,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form--centered {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-dl-kuang-ph.png");
    background-size: 100% 100%;
    border-radius: 0;
    margin-bottom: -24vw;
    padding: 25vw 8vw 18vw;
    margin-top: -9vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form--centered .Form-group,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form--centered .Form-group {
    margin-bottom: 3vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form--centered .Form-group .remember-me-btn .checkbox,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form--centered .Form-group .remember-me-btn .checkbox {
    display: flex;
    align-items: center;
    padding: 0 3vw;
    gap: 1vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form--centered .Form-group .FormControl,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form--centered .Form-group .FormControl {
    border: none;
    color: #ff7575;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group input[type="checkbox"],
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group input[type="checkbox"] {
    height: 0px;
    margin: 0;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group input[type="checkbox"]::before,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group input[type="checkbox"]::before {
    border-radius: 0;
    width: 4vw;
    height: 4vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-dl-xz.png");
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group input[type="checkbox"]:checked::after,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group input[type="checkbox"]:checked::after {
    border-radius: 0;
    width: 4vw;
    height: 4vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-dl-xz1.png");
    background-size: 100% 100%;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button {
    padding: 6vw 17vw 8vw;
    margin-top: 6vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button::before,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button::before {
    background: transparent;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button::after,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button::after {
    background: transparent;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.hint,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.hint {
    margin-top: -6vw;
    color: #ff5555;
    font-size: 3.5vw;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.input-code,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.input-code {
    position: relative;
    background: var(--login-modal-body-input-bg) !important;
    background-size: 100% 100% !important;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.input-code .FormControl,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.input-code .FormControl {
    padding: 2.5vw 1vw;
    text-align: center;
    margin: 0 auto;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.input-code .Button,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.input-code .Button {
    padding: 3vw 2vw 3vw 2vw;
    margin-top: 0;
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-dl-obtain.png") !important;
    background-size: 100% 100% !important;
  }
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-header,
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-header {
    background: #000 !important;
  }
  .touch .App-content .dl-content-lin {
    min-height: 100vh;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-02-ph.png");
    background-size: 100% 100%;
  }
  .touch .App-content .Pages-page .carousel .carousel__right__btn img,
  .touch .App-content .dl-content .carousel .carousel__right__btn img,
  .touch .App-content .Pages-page .carousel .carousel__left__btn img,
  .touch .App-content .dl-content .carousel .carousel__left__btn img {
    width: 10vw;
  }
  .touch .App-content .Pages-page .carousel .carousel__control--current,
  .touch .App-content .dl-content .carousel .carousel__control--current {
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
  }
  .touch .App-content .Pages-page .dl-header-tabs .navItems ul,
  .touch .App-content .TagsPage .dl-header-tabs .navItems ul,
  .touch .App-content .item-title .dl-header-tabs .navItems ul {
    gap: 2vw;
  }
  div.PostUser-bar--empty {
    background: #fff;
  }
  .new-PostUser-all-experiences {
    color: #d4e4ff;
  }
  .touch .extra-search-content .extra-click-change::after,
  .extra-userPage-container .extra-click-change::after {
    bottom: 0;
    width: 115%;
    height: 8vw;
    background: transparent;
    border-style: solid;
    border-width: 0px 1vw 4vw 1vw;
    border-image-source: var(--extra-user-click-after-bg);
    border-image-slice: 0 5 20 5 fill;
    border-image-repeat: stretch;
  }
  .touch .extra-search-content .extra-click-change .Button-label,
  .extra-userPage-container .extra-click-change .Button-label {
    z-index: 1;
    position: relative;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-list .role-lv {
    color: #ff0000;
  }
  .touch .SettingsPage .item-privacy .item-discloseOnline .Checkbox--switch {
    color: var(--setting-title-color);
  }
  .NotificationList-content .NotificationGroup .NotificationGroup-header {
    border-bottom: 1px solid #746060;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li {
    background-color: transparent !important;
    border: none;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li .SelectTagListItem-name {
    border-radius: 8vw;
  }
  .touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body .Form--centered .Form-group .Button {
    padding: 2vw;
    font-size: 5vw;
    min-width: 28vw;
    font-weight: bold;
  }
  .touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body .Form--centered .Form-group .Button::before {
    background: transparent;
  }
  .touch #modal .Modal-lin .NickameModal .Modal-content .Modal-body .Form--centered .Form-group .Button::after {
    background: transparent;
  }
  .touch #modal .Modal-lin .Modal.NickameModal.Modal--small.in.Modal-sign-container .Modal-sign-body .footer .btn {
    padding: 0 0 1vw;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-header,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-header,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-header {
    background: #000;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-header h3,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-header h3,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-header h3 {
    left: 50% !important;
    color: #fff;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body {
    margin-top: 4vw;
    border-radius: 2vw;
    padding: 7vw 10vw;
    background: rgba(131, 131, 131, 0.15);
    max-height: 90vh;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .Button--primary,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .Button--primary,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .Button--primary {
    padding: 3vw 8vw !important;
    opacity: 1;
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-hs.png");
    background-size: 100% 100%;
    line-height: 1;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .Button--primary::before,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .Button--primary::before,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .Button--primary::before {
    background: transparent;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .Button--primary::after,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .Button--primary::after,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .Button--primary::after {
    background: transparent;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .checkbox input[type="radio"]::before,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"]::before,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .checkbox input[type="radio"]::before {
    border-radius: 0;
  }
  .touch #modal .Modal-lin .AgreementModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after,
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after,
  .touch #modal .Modal-lin .SuspendUserModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    width: 95%;
    height: 75%;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-gx-d.png");
    background-size: 100% 100%;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-header {
    background: #000 !important;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body {
    border-radius: 0;
    background: transparent !important;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-body .TagSelectionModal-form .TagSelectionModal-form-submit .Button {
    padding: 1vw !important;
    min-width: 13vw;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .TagSelectionModal-list {
    height: 100%;
    background: rgba(131, 131, 131, 0.15);
    border-radius: 2vw 2vw 0 0;
  }
  .App--flags #content {
    background: var(--sideNav-bg);
    background-size: 100%;
  }
  .Notification.Flag .username {
    color: #fff;
  }
  .touch .Wallet {
    max-width: 100%;
  }
  .touch .Wallet .wallet-user-box {
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-s-ph.png") no-repeat center;
    background-size: 100% 100%;
    padding: 2vw 0 4vw;
  }
  .touch .Wallet .Wallet-userinfo {
    max-width: 100vw;
    margin: 0 auto;
    padding: 5vw 7vw;
  }
  .touch .Wallet .Wallet-userinfo .user-info .info-item:first-child > .UserCard-identity-person-nickNameTitle {
    display: none;
  }
  .touch .Wallet .Wallet-userinfo .UserCard-identity-person-nickName > .username {
    color: #fff;
    font-size: 4vw;
  }
  .touch .Wallet .Wallet-userinfo .UserCard-identity-person-setting {
    bottom: 3vw;
    width: 10vw;
    height: 10vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-shezhi.png") no-repeat center;
    background-size: 100% 100%;
  }
  .touch .Wallet .Wallet-userinfo .UserCard-identity-person-setting img {
    display: none;
  }
  .touch .Wallet .Wallet-userinfo .user-avatar-box .user-avatar .Avatar {
    --size: 18vw;
  }
  .touch .Wallet .wallet-balance {
    justify-content: space-between;
    padding: 1vw 7vw 2vw;
    border-radius: 0;
    position: relative;
  }
  .touch .Wallet .wallet-balance::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .touch .Wallet .wallet-balance .balance {
    flex: 0;
    color: #ffef53;
    font-size: 6vw;
  }
  .touch .Wallet .wallet-balance .balance span {
    font-size: 3vw;
  }
  .touch .Wallet .recharge-box {
    max-width: 100vw;
    margin: 0 auto;
    padding: 12vw 2vw 0;
    position: relative;
  }
  .touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left {
    padding: 2.5vw 2vw 2vw 6vw;
    margin-top: 0;
  }
  .touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left .recharge-item-name {
    margin-bottom: 0;
  }
  .touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-btn {
    padding: 1.5vw 0;
    font-weight: bold;
    font-size: 4vw;
    line-height: 1;
  }
  .touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-price {
    padding-right: 4vw;
  }
  .touch .Wallet .wallet-remind {
    max-width: 100vw;
    margin: 0 auto;
  }
  .touch .Wallet .wallet-remind p {
    position: relative;
    padding-top: 0;
    margin-top: 3vw;
  }
  .touch .Wallet .wallet-remind p:not(:last-child) {
    padding-left: 5vw;
  }
  .touch .Wallet .wallet-remind p:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1vw;
    width: 3vw;
    height: 3vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-biaoz.png") no-repeat;
    background-size: 100% 100%;
  }
  .touch .FlarumBadgesConfirmModal u,
  .touch .refund-modal u {
    color: #febf3e;
  }
  .touch .FlarumBadgesConfirmModal .Modal-content .refund-modal-box .btn-box .btn,
  .touch .refund-modal .Modal-content .refund-modal-box .btn-box .btn,
  .touch .FlarumBadgesConfirmModal .Modal-content .Modal-body .FlarumBadgesConfirmButtons .btn,
  .touch .refund-modal .Modal-content .Modal-body .FlarumBadgesConfirmButtons .btn {
    padding: 2vw 10vw;
    font-size: 4vw;
    border-radius: 0;
    font-weight: bold;
  }
  .touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box {
    padding: 1vw 3vw 7vw;
  }
  .touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .pay-btn {
    width: 73vw;
    height: 14vw;
  }
  .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item {
    border-radius: 0;
  }
  .touch .Modal.pay-confirm-modal .Modal-content .pay-confirm-modal-box .payment-method-box .pay-item-check {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-xzt.png") no-repeat center;
    background-size: 100% 100%;
  }
  .touch .Mall .pay-box .pay-method-list .pay-item-check {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-xzt.png") no-repeat center;
    background-size: 100% 100%;
  }
  .touch .Mall .pay-box .pay-method-list .pay-method-item {
    border-radius: 10vw;
  }
  .touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info span {
    color: #4c637d;
  }
  .Mall .pay-box .pay-order .pay-order-details .price-box .item span {
    color: #1a6dff;
  }
  .touch .Mall .pay-box .pay-order .price {
    text-align: right;
  }
  .touch .Mall .pay-box .pay-order .pay-order-details {
    padding: 3vw 5vw;
  }
  .touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info {
    flex: 1;
  }
  .touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .touch .Modal-lin .gift-pack .Modal-content {
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-tanchuangda.png");
    background-size: 100% 100%;
  }
  .touch .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-title {
    padding: 5vw 0 0;
  }
  .touch .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-price .btn {
    padding: 2vw 0 4vw;
  }
  .touch .Mall .Mall-head {
    max-width: 100%;
    width: 100%;
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-id.png");
    background-size: 110% 100%;
  }
  .touch .Mall .Mall-head .Mall-user-info {
    max-width: 100vw;
    margin: 0 auto;
  }
  .touch .Mall .Mall-head .Mall-user-info .user-info .user-name {
    font-size: 5vw;
    font-weight: 400;
  }
  .touch .UserCard .new-darkenBackground .container .UserCard-box {
    margin: 0 -15px;
    padding: 6vw 5vw 4vw;
    border-radius: 0;
  }
  .touch .extra-userPage-container .sideNavOffset {
    margin: 6vw -3vw;
  }
  .touch .SettingsPage {
    padding: 0 3vw;
  }
  .touch .SettingsPage .Settings-account legend {
    position: relative;
    z-index: 1;
  }
  .touch .SettingsPage .Settings-account legend::before {
    content: "";
    position: absolute;
    bottom: -1vw;
    left: -2vw;
    width: 160%;
    height: 5vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-mddi.png");
    background-size: 100% 100%;
    z-index: -1;
  }
  .touch .SettingsPage .Settings-account ul li .Button {
    padding: 2vw 5vw;
    font-weight: bold;
  }
  .Settings-notifications legend {
    width: 100%;
    background: url("https://klforum.s3.stormsdk.com/gantz/di-sz-xian-ph.png") no-repeat;
    background-size: 100% 100%;
    padding: 1vw 0 3vw 2vw;
    margin-left: -1vw;
  }
  .touch .SettingsPage .item-notificationGrid {
    border-style: solid;
    border-width: 5vw;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/di-sz.png");
    border-image-slice: 25 fill;
    border-image-repeat: stretch;
    padding: 0;
  }
  .touch .ProfilePagePhoneContent .Header {
    position: relative;
    padding-bottom: 2vw;
  }
  .touch .ProfilePagePhoneContent .Header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background: #888484;
  }
  .touch .ProfilePagePhoneContent .Header .Item .Btn {
    margin-bottom: 0vw;
    padding: 1vw 5vw;
    font-weight: bold;
  }
  .touch .sideNavOffset .TagTiles .TagTile a {
    color: #d0deee;
  }
  .touch .item-sort .Dropdown-menu {
    box-shadow: inset 0 0 2vw 1vw #3d8ec3;
  }
  .touch .item-sort .Dropdown-menu .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .touch .Post-body-lin b {
    color: #517fb2;
  }
  .touch .PostStream-item .CommentTree-lin .Post:last-child {
    padding-top: 2vw;
    border-radius: 0;
  }
  .touch .Modal-lin .Modal-comment-container {
    top: 10%;
    bottom: 0px;
    transform: none;
    border-radius: 0;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .header {
    position: absolute;
    top: 1vw;
    right: 3vw;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .count {
    padding: 3vw 6vw 3vw;
    background: #1e1e1f;
    border-radius: 3vw 3vw 0 0;
    border-bottom: 1px solid #c71c1c;
    margin: 0;
    text-align: center;
  }
  .touch .App--discussion .Composer .Composer-content .ComposerBody-content {
    border-radius: 3vw 3vw 0 0;
  }
  .touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-editorContainer .rich-text-lin .placeholder::before {
    color: #fff;
  }
  .touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-editorContainer .rich-text-lin p {
    color: #fff;
  }
  .touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor {
    margin: 0;
    padding: 5vw;
    border: none;
  }
  .touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-footer {
    border: none;
  }
  .touch .NotificationList-content .NotificationGroup {
    margin: 0 0 4vw;
    padding: 0 3vw;
    border-radius: 0;
  }
  .touch .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li .TagIcon {
    border-radius: 0;
  }
  .touch .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList .pinned.active .TagIcon::before {
    border-radius: 0;
    left: 48%;
    top: 40%;
    width: 4vw;
    height: 4vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-gx-d.png");
    background-size: 100% 100%;
  }
  .touch .Modal-lin .App-titleControl {
    color: #fff !important;
  }
  .touch .Modal-lin .Modal--small .App-titleControl {
    top: 0vw;
  }
  .touch .Modal-lin .Modal .Modal-content .Modal-body .FormControl {
    padding: 2.5vw 1vw;
    border-radius: 0;
    border: 1px solid #cccbc8;
  }
  .touch .Modal-lin .Modal .Modal-content .Modal-body .TagsInput.FormControl {
    padding: 0.5vw 1vw;
    background: rgba(228, 229, 240, 0.23);
    border-radius: 0;
  }
  .touch .Modal-lin .Modal .Modal-content .Modal-body .TagsInput.FormControl input::placeholder {
    color: #b9caec;
  }
  .touch .TagSelectionModal-form-input .dl-post-tagItem {
    border-radius: 5px;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--tag-bg) 30%, transparent), var(--tag-bg)) !important;
  }
  .touch .Modal-lin .AgreementModal .Modal-content,
  .touch .Modal-lin .FlagPostModal .Modal-content {
    border-radius: 0;
  }
  .touch .Mall .Mall-head .role-info {
    border-top: 1px solid #18589c;
    border-left: 1px solid #18589c;
    border-right: 0.8vw solid #18589c;
    border-bottom: 1vw solid #18589c;
  }
  .touch #app-navigation .Navigation-box-lin .App-backControl .Navigation-title p {
    display: none;
  }
  .touch #app-navigation .Navigation-box-lin .App-backControl .Navigation-title img {
    width: 25vw;
    display: block;
    object-fit: cover;
    height: 10vw;
    object-position: center;
  }
  .touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn {
    padding: 0 3vw 0 5vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/img-qianbaodi.png");
    background-size: 100% 100%;
  }
  .touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .money {
    min-width: 20vw;
  }
  .touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn {
    padding: 0;
  }
  .touch #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn img {
    width: 4.5vw;
  }
  .App-content .Pages-page .dl-header-tabs .underline-yellow::after,
  .App-content .TagsPage .dl-header-tabs .underline-yellow::after,
  .App-content .item-title .dl-header-tabs .underline-yellow::after {
    bottom: -0.5vw;
    width: 120%;
    height: 9vw;
    background: transparent;
    border-style: solid;
    border-width: 0 2vw 0 2vw;
    border-image-source: var(--nav-lin-active-after-bg);
    border-image-slice: 0 4 0 4 fill;
    border-image-repeat: stretch;
  }
  .touch .dl-blocks a {
    display: flex;
    align-items: self-end;
  }
  .touch .Pages-page .dl-content .sideNavContainer {
    position: relative;
  }
  .touch .Pages-page .dl-content .sideNavContainer .sideNav {
    padding: 11vw 0 3vw;
    width: 100vw;
    overflow: hidden;
    background: transparent;
  }
  .touch .Pages-page .dl-content .sideNavContainer .sideNav .dl-block {
    padding: 0 1vw;
  }
  .touch .Pages-page .dl-content .sideNavContainer .sideNav .dl-block img {
    width: 23vw;
  }
  .touch .Pages-page .dl-content .sideNavContainer .sideNav .dl-block p {
    margin-top: -8vw;
    font-weight: bold;
  }
  .touch .Pages-page .dl-content .sideNavContainer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-lsgeduan.png");
    background-size: 110% 100%;
  }
  .touch .Dl-DiscussionListItem .item .btn-icon {
    width: 4.5vw;
  }
  .Dl-DiscussionListItem .DiscussionListItem-extra-list .ell-App-primaryControl {
    bottom: -1vw !important;
  }
  .touch .User-wallet .right .btn {
    width: 20vw;
    height: 7vw;
    line-height: 7vw;
    font-weight: bold;
    font-size: 4vw;
  }
  .touch .UserCard .new-darkenBackground .container .person-center-containers {
    background: url("https://klforum.s3.stormsdk.com/gantz/btm-gneng.png");
    background-size: 100% 100%;
    border-radius: 0;
    padding: 4vw 2vw 4vw;
  }
  .touch .UserCard .new-darkenBackground .container .person-center-containers:last-child {
    background: transparent;
    border-style: solid;
    border-width: 3vw;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/btm-wzd.png");
    border-image-slice: 20 fill;
    border-image-repeat: stretch;
    padding: 1vw 0;
  }
  .touch .UserCard .new-darkenBackground .container .person-center-containers:last-child .person-center-top {
    margin-bottom: 1vw;
  }
  .touch .UserCard .new-darkenBackground .container .person-center-containers .person-center-line {
    height: 10vw;
    width: 0.1vw;
  }
  .touch #app-navigation .Navigation-box-lin .App-backControl .Navigation-back.hasIcon {
    height: 10vw;
    width: 9vw;
  }
  .person-center-top-img {
    width: 6vw;
  }
  .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button i {
    transform: rotate(0deg);
  }
  .container-lin .PostStream .sideNavContainer .sideNav .ButtonGroup .Button i {
    transform: rotate(0deg);
  }
  .container-lin .PostStream .sideNavContainer .sideNav .ButtonGroup .Dropdown-menu {
    left: 0 !important;
    border-radius: 0;
    box-shadow: none;
    top: 100%;
    transform: none;
    margin: 0;
    outline: none;
  }
  .touch .IndexPage-toolbar {
    padding: 0 0 1vw;
    min-height: 100vh;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-zs-ph.png") no-repeat, url("https://klforum.s3.stormsdk.com/gantz/bg-02-ph.png");
    background-size: 50%, 100%;
    margin: 0;
    outline: none;
  }
  .touch .IndexPage-toolbar .IndexPage-toolbar-lin {
    padding: 4vw 2vw 15vw;
    margin-bottom: -11vw;
  }
  .touch .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Dropdown-menu {
    border-radius: 0;
    left: 0 !important;
    top: 100%;
    margin-top: 0;
    box-shadow: inset 0 0 2vw 1vw #000;
    padding: 2vw 0 !important;
    outline: none;
    margin: 0;
    min-width: 35vw;
  }
  .touch .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button {
    padding: 2vw 3.5vw 2.5vw;
  }
  .touch .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-action .item-refresh {
    display: flex;
  }
  .touch .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-action img {
    width: 10vw;
  }
  .touch .Dropdown .Dropdown-menu {
    background: rgba(23, 23, 23, 0.96);
    border: 1vw solid #8a4349;
    outline: 1vw solid #121212;
    outline-offset: 0px;
    border-radius: 5vw 5vw 0 0;
    border-bottom: none;
    margin: 0 2vw;
    box-shadow: inset 0 0 10px 4px rgba(239, 27, 38, 0.38);
    padding: 3vw 4vw;
    padding-bottom: 5vw !important;
  }
  .touch .Dropdown .Dropdown-menu li .hasIcon {
    padding-left: 5vw;
  }
  .touch .Dropdown .Dropdown-menu .activity-btn {
    background: transparent;
    color: #fff;
  }
  .touch .Dropdown .Dropdown-menu .activity-btn:hover {
    background: #eef8ff;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .HiddenItemsDropdownMenu .icon-img {
    height: auto;
  }
  .touch .Modal-lin .Modal .Modal-content .Modal-body {
    background: transparent;
  }
  .touch .Mall .Mall-gift-pack {
    padding: 8vw 7vw 3vw;
    position: relative;
  }
  .touch .Mall .Mall-gift-pack::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-lsgeduan.png");
    background-size: 110% 100%;
  }
  .touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item {
    border: none !important;
    border-radius: 0;
  }
  .touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-discount {
    z-index: 1;
  }
  .touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-content .gift-pack-num {
    margin-bottom: 0;
  }
  .touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-price {
    z-index: 1;
    padding-top: 0;
    scale: 1.05;
    margin-bottom: 1vw;
  }
  .touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item.item-check {
    position: relative;
  }
  .touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item.item-check::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: url("https://klforum.s3.stormsdk.com/gantz/img-libaok.png");
    background-size: 100% 100%;
    z-index: 0;
  }
  .touch .Mall {
    min-height: 100vh;
    background-size: 100%;
  }
  .touch .Mall .Order {
    padding: 3vw 3vw 0;
  }
  .touch .Mall .Order .Order-box .Order-title {
    line-height: 8vw;
  }
  .touch .Mall .Order .Order-box .Order-details .Order-number {
    padding: 0vw 0 3vw;
  }
  .touch .role-modal .Modal-content {
    background: transparent;
    border-style: solid;
    border-width: 10vw 3vw 3vw 3vw;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/btm-tanchuangda-ph.png");
    border-image-slice: 80 20 20 20 fill;
    border-image-repeat: stretch;
    overflow: visible;
  }
  .touch .role-modal .Modal-content .role-modal-box {
    padding: 1vw 2vw 4vw;
    margin-top: -9.5vw;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-modal-header {
    height: 10vw;
    line-height: 10vw;
    font-size: 5vw;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box {
    margin-top: 2vw;
    background: rgba(24, 25, 34, 0.5);
    border: 1px solid #8b8686;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box .role-list .role-item {
    border: 1px solid #686868;
    border-radius: 0;
    box-shadow: inset 0 0 2vw 1vw #565656;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box .role-list .role-item .role-icon .icon-img .role-img {
    border-radius: 50%;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box .role-list .role-item .role-icon .checked-img {
    border-radius: 50%;
    object-fit: scale-down;
    object-position: center center;
    padding: 2vw;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box .role-list .role-item .role-info .role-top {
    font-size: 3.5vw;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box .role-list .role-item .role-info .role-bottom .role-id {
    font-size: 3.2vw;
  }
  .touch .role-modal .Modal-content .role-modal-box .role-lists-box .role-list .item-check {
    border: 1px solid #5b5b5b;
    box-shadow: inset 0 0 2vw 1vw #2d2a2a;
  }
  .touch .Modal-lin .Modal-sign-container .Modal-sign-body .header .title {
    padding: 7vw 0 0;
  }
  .Modal-lin .Modal .Modal-content .Modal-body .Form-group .Button {
    padding: 1vw 10vw 2vw;
    min-width: 25vw;
    width: auto !important;
    font-weight: bold;
  }
  .Modal-lin .Modal .Modal-content .Modal-body .Form-group .Button::before {
    display: none;
  }
  .Modal-lin .Modal .Modal-content .Modal-body .Form-group .Button::after {
    display: none;
  }
  .App-composer .container {
    padding: 0;
  }
  .Composer {
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    background-size: 100% 100%;
  }
  .Composer .Composer-content {
    height: 100%;
  }
  .Composer .Composer-content .ComposerBody--discussion {
    height: 100%;
  }
  .Composer .Composer-content .ComposerBody-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: transparent;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-line {
    display: none;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-title-di-ph.png");
    background-size: 100% 100%;
    margin-inline: 3vw;
    z-index: calc(var(--zindex-header) + 1);
    margin-top: 3vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header .item-title {
    padding: 1vw 0vw 0vw;
    align-items: flex-start;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header h3 .FormControl {
    padding: 0 10vw;
    margin-right: -5vw;
    text-align: center;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor {
    border: 1px solid #d5e3ff;
    margin: -13vw 2vw 0;
    padding: 14vw 3vw 3vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer {
    flex: 1;
    background: transparent;
    margin-bottom: 0;
    border-style: solid;
    border-width: 10vw 0 0 0;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/img-title-di1-ph.png");
    border-image-slice: 65 0 0 0 fill;
    border-image-repeat: stretch;
    padding-top: 0vw;
    margin-top: -15vw;
    border-radius: 0;
  }
  .Composer .Button {
    filter: brightness(1);
  }
  .Composer .item-rich-text {
    display: none;
  }
  .Mall .Mall-gift-pack .gift-pack-num .quantity-selection {
    padding: 1vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header .item-discussionTitle input::placeholder {
    color: var(--com-header-color);
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post > div {
    margin-left: -34vw;
    padding: 0;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post,
  .touch .PostStream-item {
    background-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 7vw 3vw 4vw 40vw;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/bg-tz.png");
    border-image-slice: 37 15 20 222 fill;
    border-image-repeat: stretch;
    padding: 0;
    padding-right: 3vw;
    border-bottom: 3vw !important;
    border-style: solid !important;
    margin: 0;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post > .CommentPost,
  .touch .PostStream-item > .CommentPost {
    margin-left: -34vw;
    padding: 0;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .DiscussionListItem-text-lin .DiscussionListItem-username,
  .touch .PostStream-item .DiscussionListItem-text-lin .DiscussionListItem-username {
    font-weight: bold;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-flagged,
  .touch .PostStream-item .Post-flagged {
    margin: -5vw -4vw 2vw;
    border-radius: 0;
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-actions-right .Dropdown-menu .hasIcon .icon-img,
  .touch .PostStream-item .Post-actions-right .Dropdown-menu .hasIcon .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .touch .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-actions-right .Select .Select-input,
  .touch .PostStream-item .Post-actions-right .Select .Select-input {
    color: #fff;
    background: linear-gradient(to bottom, transparent, rgba(186, 4, 4, 0.91)), #000;
    border: none;
    border-radius: 1vw;
  }
  .touch .PostStream-item:first-child .Post-header-lin {
    padding: 0;
  }
  .touch .PostStream-item:first-child .Post-box {
    position: relative;
  }
  .touch .PostStream-item:first-child .Post-box::before {
    content: "";
    background: #7d6666;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1vw;
    left: 0;
  }
  .touch .PostStream-item:not(:first-child) .Post-actions-lin {
    margin-top: 2vw;
    padding-top: 2vw;
    border: none;
  }
  .touch .PostStream-item:not(:first-child) .Post-actions-lin::before {
    content: "";
    background: #7d6666;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .touch .PostStream-item:not(:first-child) .CommentTree-lin {
    margin-top: 2vw;
  }
  .touch .PostStream-item:not(:first-child) .CommentTree-lin .Post-actions-lin::before {
    background: none;
  }
  .touch .App--discussion .CommentTree-lin .Post:nth-child(3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background: #7d6666;
    width: 100%;
  }
  .PostStream-item .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-tag .collection-btn-follow-bg {
    width: 6vw;
    height: 6vw;
  }
  .Mall .Mall-gift-pack .gift-pack-num .quantity-selection .symbol-icon img {
    width: 6vw;
  }
  .touch .SuspensionInfoModal .Modal-header .App-titleControl {
    line-height: normal;
    padding-top: 3vh;
  }
  .Button.digimon {
    padding: 1vw 10vw 4vw !important;
    margin-top: 5vw !important;
  }
  .Button.digimon::after {
    display: none !important;
  }
  .Button.digimon::before {
    display: none !important;
  }
  .searchPage .Slidable,
  .IndexPage-toolbar .Slidable,
  .extra-userPage-container .sideNavOffset .Slidable,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable {
    border-radius: 0;
    border-style: solid;
    border-width: 4vw 5vw;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/btm-baidikuang-ph.png");
    border-image-slice: 15 20 fill;
    border-image-repeat: stretch;
  }
  .searchPage .Slidable .Dl-DiscussionListItem,
  .IndexPage-toolbar .Slidable .Dl-DiscussionListItem,
  .extra-userPage-container .sideNavOffset .Slidable .Dl-DiscussionListItem,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .Dl-DiscussionListItem {
    padding: 2vw 0 0;
  }
  .searchPage .Slidable .Dl-DiscussionListItem .DiscussionListItem-extra-list .Dropdown-menu .hasIcon .icon-img,
  .IndexPage-toolbar .Slidable .Dl-DiscussionListItem .DiscussionListItem-extra-list .Dropdown-menu .hasIcon .icon-img,
  .extra-userPage-container .sideNavOffset .Slidable .Dl-DiscussionListItem .DiscussionListItem-extra-list .Dropdown-menu .hasIcon .icon-img,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .Dl-DiscussionListItem .DiscussionListItem-extra-list .Dropdown-menu .hasIcon .icon-img {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .searchPage .Slidable .Dl-DiscussionListItem::before,
  .IndexPage-toolbar .Slidable .Dl-DiscussionListItem::before,
  .extra-userPage-container .sideNavOffset .Slidable .Dl-DiscussionListItem::before,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .Dl-DiscussionListItem::before {
    height: 1px;
  }
  .searchPage .Slidable .DiscussionListItem-content,
  .IndexPage-toolbar .Slidable .DiscussionListItem-content,
  .extra-userPage-container .sideNavOffset .Slidable .DiscussionListItem-content,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .DiscussionListItem-content {
    padding: 0;
  }
  .searchPage .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts,
  .IndexPage-toolbar .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts,
  .extra-userPage-container .sideNavOffset .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts {
    align-items: flex-start;
  }
  .searchPage .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left,
  .IndexPage-toolbar .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left,
  .extra-userPage-container .sideNavOffset .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left {
    flex: 1;
  }
  .searchPage .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-author,
  .IndexPage-toolbar .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-author,
  .extra-userPage-container .sideNavOffset .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-author,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-author {
    margin-top: 0;
  }
  .searchPage .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text,
  .IndexPage-toolbar .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text,
  .extra-userPage-container .sideNavOffset .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text {
    flex: 1;
  }
  .searchPage .Slidable .dl-post-tagItem-lin,
  .IndexPage-toolbar .Slidable .dl-post-tagItem-lin,
  .extra-userPage-container .sideNavOffset .Slidable .dl-post-tagItem-lin,
  .dl-discussion-container-lin .extra-DiscussionList .Slidable .dl-post-tagItem-lin {
    background: linear-gradient(to bottom, rgba(60, 13, 13, 0.77), #851818), #000 !important;
    border: 2px solid #4a3838;
    outline: 2px solid #3d1414;
    outline-offset: -3px;
    border-radius: 3vw;
  }
  .DiscussionListItem-title {
    margin-bottom: 0;
  }
  .customer-service {
    max-width: 13vw;
    max-height: 13vw;
  }
  .customer-service img {
    width: 13vw;
  }
  header#header {
    background: transparent;
  }
  .paneShowing .App-drawer .container,
  .drawerOpen .App-drawer .container {
    padding-right: 3vw;
  }
  .paneShowing .App-drawer .container .header-title,
  .drawerOpen .App-drawer .container .header-title {
    padding: 0;
  }
  .paneShowing .App-drawer .container .Header-title,
  .drawerOpen .App-drawer .container .Header-title {
    padding: 0;
    margin-bottom: 7vw;
  }
  .paneShowing .App-drawer .container .Header-title-lin,
  .drawerOpen .App-drawer .container .Header-title-lin {
    padding: 0;
    width: 60vw;
    justify-content: flex-start;
    position: relative;
  }
  .paneShowing .App-drawer .container .Header-title-lin::after,
  .drawerOpen .App-drawer .container .Header-title-lin::after {
    content: "";
    position: absolute;
    bottom: -1vw;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    height: 2vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/xian-dian.png");
    background-size: 100% 100%;
  }
  .paneShowing .App-drawer .container .Header-title-lin img,
  .drawerOpen .App-drawer .container .Header-title-lin img {
    width: 30vw;
  }
  .Hero .container {
    padding-top: 0;
  }
  .ChangeEmailModal.Modal--small .Modal-content .Modal-header .closeBtn,
  .ChangePasswordModal.Modal--small .Modal-content .Modal-header .closeBtn {
    top: -9vw !important;
  }
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-header h3 {
    top: -10vw !important;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content,
  .touch #modal .Modal-lin .NickameModal .Modal-content {
    background: transparent;
    border-style: solid;
    border-width: 10vw 3vw 3vw 3vw;
    border-image-source: var(--modal-bg);
    border-image-slice: 80 20 20 20 fill;
    border-image-repeat: stretch;
    overflow: visible;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content > .closeBtn,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content > .closeBtn,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content > .closeBtn,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content > .closeBtn,
  .touch #modal .Modal-lin .NickameModal .Modal-content > .closeBtn {
    margin-top: -12vw !important;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content > .closeBtn .hasIcon,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content > .closeBtn .hasIcon,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content > .closeBtn .hasIcon,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content > .closeBtn .hasIcon,
  .touch #modal .Modal-lin .NickameModal .Modal-content > .closeBtn .hasIcon {
    width: 6vw;
    background: url("https://klforum.s3.stormsdk.com/gantz/btn-guanbi.png") !important;
    background-size: 100% 100% !important;
    padding: 0 !important;
    height: 5vw;
    position: absolute;
    right: 2vw;
    top: 6vw;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content > .closeBtn .hasIcon .icon-img,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content > .closeBtn .hasIcon .icon-img,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content > .closeBtn .hasIcon .icon-img,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content > .closeBtn .hasIcon .icon-img,
  .touch #modal .Modal-lin .NickameModal .Modal-content > .closeBtn .hasIcon .icon-img {
    display: none;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content form,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content form,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content form,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content form,
  .touch #modal .Modal-lin .NickameModal .Modal-content form {
    margin-top: -10vw;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content .Modal-header,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-header,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-header,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-header,
  .touch #modal .Modal-lin .NickameModal .Modal-content .Modal-header {
    padding: 5vw 3vw 3vw;
  }
  .touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-content .Modal-header h3,
  .touch #modal .Modal-lin .ChangeEmailModal.Modal--small .Modal-content .Modal-header h3,
  .touch #modal .Modal-lin .RenameDiscussionModal.Modal--small .Modal-content .Modal-header h3,
  .touch #modal .Modal-lin .ChangePasswordModal.Modal--small .Modal-content .Modal-header h3,
  .touch #modal .Modal-lin .NickameModal .Modal-content .Modal-header h3 {
    font-weight: bold;
    top: -4vw;
  }
  .touch #modal .Modal-lin .dl-modal-small.NickameModal .Modal-content .Modal-header {
    padding: 6vw 3vw 3vw;
  }
  .touch #modal .Modal-lin .dl-modal-small.NickameModal .Modal-content .Modal-header h3 {
    font-weight: bold;
  }
  .touch .blackListPage,
  .touch .setting-page {
    min-height: 100vh;
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-01.png");
    background-size: 100%;
  }
  .touch .blackListPage .item-notificationGrid .NotificationGrid,
  .touch .setting-page .item-notificationGrid .NotificationGrid {
    margin-top: -3vw;
  }
  .searchPage .DiscussionList-reply-box {
    border-radius: 0;
  }
  .searchPage .dl-content .dl-discussion-container {
    background: transparent;
  }
  .searchPage .dl-content .dl-discussion-container .extra-userSearchResult {
    border-radius: 0;
  }
  .blackListPage .dl-content .dl-discussion-container {
    background: transparent;
  }
  .dl_tag_image {
    min-height: 46vw;
  }
  .App--discussion .Composer:not(.minimized) .TextEditor-operation .TextEditor-submit-btn {
    border-radius: 0;
    padding: 1vw 6vw 2vw;
  }
  .App--discussion .CommentTree-lin {
    border-radius: 0;
  }
  .App--discussion .CommentTree-lin .Post .Post-box .Post-body-lin::before {
    top: -0.4vw;
    font-size: 3vw;
  }
  .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification,
  .FlagsPage .NotificationList-content .NotificationGroup-content .Notification {
    border-radius: 0;
  }
  .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification .Notification-content,
  .FlagsPage .NotificationList-content .NotificationGroup-content .Notification .Notification-content {
    color: #888888;
  }
  .FlagsPage .NotificationList-content .NotificationGroup-content .Notification {
    background: url("https://klforum.s3.stormsdk.com/gantz/img-di.png");
    background-size: 100% 100%;
  }
  .touch #modal .Modal-lin .TagDiscussionModal .Modal-content .Modal-footer .SelectTagList li .SelectTagListItem-name {
    border-radius: 1vw;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--tagColor) 30%, transparent), var(--tagColor)) !important;
  }
  .App--notifications .App-content {
    background: url("https://klforum.s3.stormsdk.com/gantz/bg-eflx.png");
    background-size: 100%;
  }
  .App--notifications .App-content .NotificationsPage .NotificationList-content .NotificationGroup {
    background: transparent;
    border-style: solid;
    border-width: 6vw 6vw 4vw 40vw;
    border-image-source: url("https://klforum.s3.stormsdk.com/gantz/bg-tz.png");
    border-image-slice: 35 35 20 222 fill;
    border-image-repeat: stretch;
    border-radius: 0;
    padding: 0;
    overflow: visible;
  }
  .App--notifications .App-content .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-header,
  .App--notifications .App-content .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content {
    margin-left: -34vw;
  }
  .App--notifications .App-content .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-header {
    padding: 0 3vw 2vw;
  }
  .App--notifications .App-content .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification {
    padding: 2vw 0 0;
  }
  .Dropdown-menu--top {
    top: auto !important;
    bottom: 100% !important;
  }
  .Dropdown-menu--top.Dropdown-menu--right {
    top: auto !important;
    bottom: 0 !important;
  }
}