:root {
  --image-placeholder-bg: url("https://img.discuss.stormsdk.com/storm/lazy.svg");
  --nav-search-img: url("https://img.discuss.stormsdk.com/storm/icon-sousuo.png");
  --border-radius: 10px;
  --control-bg: #000;
  --muted-color: #797978;
  --avatar-bg: transparent;
  --header-height: 70px;
  --input-placeholder: #8d8c8c;
}
@media (min-width: 768px) {
  :root {
    --notouch-body-bg: #000;
    --header-bg: #000;
    --carousel__control-bg: #444444;
    --carousel__control-current-bg: url("https://img.discuss.stormsdk.com/storm/img-banner-qh.png");
    --dl-block-zh-p-color: #3f90e0;
    --dl-block-p-color: #fff;
    --dl-block-last-p-color: #fff;
    --dl-block-after-bg: url("https://img.discuss.stormsdk.com/storm/btn-kjrk-jt.png");
    --dl-block-before-border: 1px solid #fff;
    --dropdown-bg: url("https://img.discuss.stormsdk.com/storm/img-more.png");
    --dropdown-menu-bg: rgba(0, 0, 0, 0.86);
    --dropdown-menu-border: none;
    --dropdown-menu-color: #fff;
    --dropdown-menu-btn-color: #fff;
    --dropdown-menu-btn-hover-bg: #484848;
    --dropdown-menu-btn-hover-color: #fff;
    --drawer-unread-bg: #ff6262;
    --post-dis-time-color: #c1c1c1;
    --refund-color: #fff;
    --refund-a-color: #95d7d7;
    --refund-btn-color: #fff;
    --refund-confirm-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --refund-cancel-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren2.png");
    --refund-cancel-color: #fff;
  }
  :root .LogInModal,
  :root .SignUpModal {
    --login-modal-content-bg: url("https://img.discuss.stormsdk.com/storm/bg-pc.png"), #000;
    --login-modal-header-color: #fff;
    --login-modal-body-color: #747474;
    --login-modal-body-input-bg: rgba(0, 0, 0, 0.5);
    --login-modal-body-input-border-color: transparent;
    --login-modal-body-input-focus-border-color: #53a8a8;
    --login-modal-body-input-color: #e2f5f5;
    --login-modal-body-input-before-bg: #000;
    --login-modal-body-input-after-bg: #95d7d7;
    --login-modal-body-input-before-border: 1px solid #386161;
    --login-modal-body-button-bg: url("https://img.discuss.stormsdk.com/storm/btn-login.png");
    --login-modal-body-button-color: #fff;
    --login-modal-footer-color: #fff;
    --login-modal-footer-a-color: #95d7d7;
  }
  :root #app-navigation {
    --nav-bg: #000;
    --nav-div-bg: url("https://img.discuss.stormsdk.com/storm/com-btm-topbg.png");
    --nav-box-bg: transparent;
    --nav-back-button-bg: url("https://img.discuss.stormsdk.com/storm/icon-fanhui.png");
    --nav-drawer-button-bg: url("https://img.discuss.stormsdk.com/storm/icon-cebianlan.png");
    --nav-title-color: #fff;
    --nav-wallet-btn-bg: url("https://img.discuss.stormsdk.com/storm/com-moneybag.png");
    --nav-wallet-btn-border-right: none;
    --nav-wallet-btn-a-color: #fff;
    --nav-wallet-btn-money-color: #58dade;
    --search-icon-bg: url("https://img.discuss.stormsdk.com/storm/icon-sousuo.png");
    --nav-tabs-bg: rgba(0, 0, 0, 0.5);
    --nav-tabs-item-color: #ababab;
    --nav-tabs-underline-color: #fff;
    --nav-tabs-underline-after-bg: url("https://img.discuss.stormsdk.com/storm/bg-fenye2.png");
  }
  :root .DiscussionList {
    --dis-item-bg: rgba(24, 24, 24, 0.8);
    --dis-item-boxshadow: none;
    --dis-item-controls-btn-color: #f6cb4d;
    --dis-item-username-read-color: #fff;
    --dis-item-username-color: #c1c1c1;
    --dis-item-lv-color: #fff;
    --dis-item-time-color: #c1c1c1;
    --dis-item-title-read-color: #a9a9a9;
    --dis-item-title-color: #fff;
    --dis-item-content-read-color: #676767;
    --dis-item-content-color: #a9a9a9;
    --dis-container-btn-color: #fff;
    --dl-dis-before-bg: transparent;
    --dl-dis-message-bg: url("https://img.discuss.stormsdk.com/storm/img-pl.png");
    --dl-dis-color: #797978;
    --dl-dis-like-bg: url("https://img.discuss.stormsdk.com/storm/img-zan.png");
    --dl-dis-extra-color: #797979;
  }
  :root .App-drawer {
    --drawer-bg: url("https://img.discuss.stormsdk.com/storm/cbl-bg.png") 100% 100%;
    --drawer-item-locale-bg: transparent;
    --drawer-btn-color: #fff;
    --drawer-title: #fff;
    --drawer-multiple-games-border: none;
    --drawer-multiple-games-bg: rgba(55, 55, 55, 0.5);
    --drawer-dropdown-separator-bg: url("https://img.discuss.stormsdk.com/storm/cbl-line.png");
    --drawer-game-name-color: #fff;
    --drawer-game-btn-bg: #fff;
    --drawer-game-btn-follow-bg: url("https://img.discuss.stormsdk.com/storm/img-ysc.png");
    --drawer-game-btn-null-bg: url("https://img.discuss.stormsdk.com/storm/img-more-sc.png");
  }
  :root .Composer {
    --com-bg: #181818;
    --com-header-color: #fff;
    --com-header-foucus-color: #fff;
    --com-text-color: #929292;
    --com-text-color-placeholder: #929292;
    --com-text-btn-active-bg: #5a5a5a;
    --com-footer-bg: #161616;
    --com-footer-border: none;
    --com-footer-upload-after-bg: #424242;
    --com-activity-border: 1px solid #252525;
    --com-dis-footer-upload-agter-bg: linear-gradient(to right, #262626, #6d6d69 20%, #6d6d69 80%, #262626);
    --button-bg: #2f7d7e;
    --button-color: #fff;
    --com-menu-act-title-bg: #2f7d7e;
    --com-menu-act-content-color: #a1a1a1;
    --com-open-btn-bg: #000;
    --com-open-btn-color: #fff;
  }
  :root .App--discussion .Composer {
    --com-bg: #181818;
    --com-texteditor-color: #a5a5a5;
    --com-texteditor-bg: #252525;
    --com-texteditor-btn-bg: url("https://img.discuss.stormsdk.com/storm/com-btn-02.png");
    --com-texteditor-btn-color: #fff;
  }
  :root .TextEditor {
    --texted-btn-bg: #000;
    --texted-rich-color: #a1a1a1;
    --texted-rich-img-bg: #fff;
  }
  :root .Modal-comment-container,
  :root .PostStream {
    --post-bg: rgba(24, 24, 24, 0.8);
    --post-shadow: none;
    --post-dis-username-color: #fff;
    --post-dis-lv-color: #fff;
    --post-dis-collection-null-bg: url("https://img.discuss.stormsdk.com/storm/img-more-sc.png");
    --post-dis-collection-bg: url("https://img.discuss.stormsdk.com/storm/img-ysc.png");
    --post-body-color: #a9a9a9;
    --post-reply-bg: url("https://img.discuss.stormsdk.com/storm/icon-tianjia.png");
    --post-like-btn-bg: url("https://img.discuss.stormsdk.com/storm/icon-dianzan2.png");
    --post-nolike-btn-bg: url("https://img.discuss.stormsdk.com/storm/icon-dianzan.png");
    --post-nolike-btn2-bg: url("https://img.discuss.stormsdk.com/storm/img-zan.png");
    --post-btn-hover: #a7a7a7;
    --post-evergreen-color: #fff;
    --post-actions-border: none;
    --post-reply-btn-color: #797978;
    --post-reply-btn-bg: #000;
  }
  :root .Dropdown-menu,
  :root .item-sort {
    --side-bg: url("https://img.discuss.stormsdk.com/storm/btn-xuanze.png");
    --side-color: #fff;
    --side-dropdown-menu-bg: rgba(0, 0, 0, 0.86);
    --side-dropdown-menu-border: 2px solid #2f7d7e;
    --side-dropdown-menu-color: #fff;
  }
  :root .Modal-comment-container {
    --comment-bg: #151515;
    --comment-count-border: 1px solid #353535;
    --comment-count-color: #fff;
    --comment-scroll-post-bg: #262626;
    --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: #000;
    --nav-lin-color: #aaaaaa;
    --nav-lin-active-color: #fff;
    --nav-lin-active-after-bg: url("https://img.discuss.stormsdk.com/storm/bg-fenye2.png");
    --extra-user-color: #ababad;
    --extra-user-click-color: #fff;
    --extra-user-click-after-bg: url("https://img.discuss.stormsdk.com/storm/role-img-qh.png");
  }
  :root .UserPage {
    --user-bg: url("https://img.discuss.stormsdk.com/storm/bg-ygyt.png") no-repeat, #070707;
    --user-btn-color: #fff;
    --user-name: #fff;
    --user-segmentation-border-color: #5b5b5b;
    --person-grade-color: #fff;
    --person-grade-border: 1px solid #5b5b5b;
    --person-grade-lv-color: #fff;
    --user-wallet-border: 1px solid #5b5b5b;
    --user-wallet-money-color: #ffc444;
    --user-wallet-btn-bg: url("https://img.discuss.stormsdk.com/storm/role-btn-cz.png");
    --user-wallet-btn-color: #4f2d1d;
    --person-center-border: 1px solid #5b5b5b;
    --person-center-top-color: #8d8d8d;
    --person-center-bottom-color: #fff;
  }
  :root .role-modal {
    --role-close-bg: transparent;
    --role-bg: transparent;
    --role-color: #000;
    --role-item-bg: url("https://img.discuss.stormsdk.com/storm/role-xzrw-txtbg2.png");
    --role-item-img-checked-bg: rgba(0, 0, 0, 0.4);
    --role-item-top-color: #fff;
    --role-item-bottom-color: #e2f5f5;
    --role-item-checked-bg: url("https://img.discuss.stormsdk.com/storm/role-xzrw-txtbg1.png");
  }
  :root .SettingsPage {
    --setting-title-color: #fff;
    --setting-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-hmd.png");
    --setting-btn-color: #fff;
    --setting-th-color: #fff;
    --setting-tr-border: 1px solid #353535;
    --setting-table-off-bg: url("https://img.discuss.stormsdk.com/storm/icon-guanbi.png");
    --setting-privacy-color: #fff;
  }
  :root .App-content:not(:has(.tagTitle)),
  :root .searchPage {
    --search-page-bg: url("https://img.discuss.stormsdk.com/storm/bg-ygyt.png") no-repeat, #070707;
    --search-page-dis-name-color: #c1c1c1;
    --search-page-dis-title-color: #fff;
    --search-page-dis-content-color: #a9a9a9;
    --search-page-dis-mark-color: #95d7d7;
    --search-page-dis-reply-bg: rgba(31, 31, 31, 0.8);
    --search-page-dis-reply-border: 1px solid #343434;
    --search-page-dis-reply-color: #fff;
    --search-page-dis-reply-text-color: #a9a9a9;
    --search-page-dis-reply-mark-color: #95d7d7;
    --search-page-extra-bg: rgba(0, 0, 0, 0.5);
    --search-page-extra-border: 2px solid #292929;
    --search-page-extra-name-color: #fff;
    --search-page-extra-mark-color: #95d7d7;
    --search-page-extra-lv-color: #fff;
  }
  :root .ProfilePagePhoneContent {
    --profile-color: #fff;
    --profile-input-border: 1px solid #447979;
    --profile-input-bg: #040404;
    --profile-input-after-bg: url("https://img.discuss.stormsdk.com/storm/img-goulan.png");
    --profile-btn-bg: url("https://img.discuss.stormsdk.com/storm/hmd-btn-qc.png");
    --profile-btn-color: #fff;
    --profile-item-border: 2px solid #292929;
    --profile-item-name-color: #fff;
    --profile-item-text-color: #8d8c8c;
  }
  :root .search-title {
    --search-input-bg: #222222;
    --search-input-color: #fff;
    --search-input-focus-border-color: #95d7d7;
    --search-results-header-color: #fff;
    --search-results-a-color: #fff;
    --search-results-a-active-bg: #121212;
    --search-results-mark-color: #95d7d7;
  }
  :root .FlagsPage,
  :root .NotificationsPage {
    --notifcation-before-bg: none;
    --notifcation-bg: url("https://img.discuss.stormsdk.com/storm/bg-ygyt.png") no-repeat, #070707;
    --notifcation-title-color: #fff;
    --notifcation-text-color: #fff;
    --notifcation-flag-border: 1px solid #292929;
    --notifcation-flag-color: #fff;
    --notifcation-flag-time-color: #8d8c8c;
    --notifcation-group-bg: rgba(0, 0, 0, 0.5);
    --notifcation-group-shadow: none;
    --notifcation-group-header-bg: transparent;
    --notifcation-group-header-color: #fff;
    --notifcation-group-color: #8d8c8c;
    --notifcation-group-hover-bg: #262626;
    --notifcation-group-unread-bg: #262626;
    --notifcation-group-unread-color: #fff;
    --notifcation-group-unread-time-color: #8d8c8c;
    --notifcation-group-unread-excerpt-color: #95d7d7;
  }
  :root .Modal-lin {
    --modal-bg: url("https://img.discuss.stormsdk.com/storm/bg-ygyt.png") no-repeat, #070707;
    --modal-input-bg: rgba(0, 0, 0, 0.5);
    --modal-input-border: 2px solid #292929;
    --modal-input-shadow: none;
    --modal-input-color: #fff;
    --modal-submit-bg: url("https://img.discuss.stormsdk.com/storm/btn-tag.png");
    --modal-footer-li-bg: #4160a0;
    --modal-footer-li-border: 1px solid #fff;
    --modal-footer-li-before-bg: url("https://img.discuss.stormsdk.com/storm/img-rw-xz-txgou.png");
    --modal-footer-tag-bg: rgba(0, 0, 0, 0.5);
    --modal-footer-tag-border: 2px solid #417373;
    --modal-footer-name-color: #fff;
    --modal-footer-mark-color: #fff;
  }
  :root .Modal--small {
    --modal-small-bg: transparent;
    --modal-small-color: #000;
    --modal-small-body-bg: transparent;
    --modal-small-body-color: #fff;
    --modal-small-form-bg: rgba(0, 0, 0, 0.5);
    --modal-small-form-border: none;
    --modal-small-form-color: #fff;
    --modal-small-form-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --modal-small-form-btn-color: #fff;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .SuspendUserModal {
    --modal-bd-color: #a7a7a7;
    --modal-bd-label-color: #fff;
    --modal-bd-textarea-placeholder-color: #a8a8a8;
    --modal-bd-textarea-bg: rgba(96, 96, 96, 0.3);
    --modal-bd-checkbox-color: #8d8c8c;
    --modal-bd-checkbox-before-bg: url("https://img.discuss.stormsdk.com/storm/line.png");
    --modal-bd-radio-before-bg: rgba(0, 0, 0, 0.5);
    --modal-bd-radio-before-border: 2px solid #417373;
    --modal-bd-radio-after-bg: #4160a0;
    --modal-bd-input-color: #fff;
    --modal-bd-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --modal-bd-btn-color: #fff;
  }
  :root .Modal.NickameModal.Modal--small.in.Modal-sign-container {
    --modal-sign-bg: #000;
    --modal-sign-color: #fff;
    --modal-sign-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --modal-sign-btn-color: #fff;
  }
  :root .picture-preview-modal {
    --picture-bg: #000000;
  }
  :root .App--discussion .CommentTree-lin {
    --comm-bg: #242424;
    --comm-post-border: 1px solid #2f2f2f;
    --comm-post-before-color: #fff;
    --comm-dis-username-color: #fff;
    --comm-post-body-color: #a9a9a9;
  }
  :root .Wallet {
    --wallet-bg: none;
    --wallet-info-bg: rgba(38, 38, 38, 0.5);
    --wallet-info-box-bg: #fff;
    --wallet-info-item-color: #8d8d8d;
    --wallet-info-item-title-color: #fff;
    --wallet-title-color: #fff;
    --wallet-balance-color: #f2f2eb;
    --wallet-balance-bg: rgba(38, 38, 38, 0.5);
    --wallet-balance-span-color: #42b04c;
    --wallet-recharge-bg: rgba(38, 38, 38, 0.5);
    --wallet-recharge-item-bg: url("https://img.discuss.stormsdk.com/storm/bg-zhifujiemian.png");
    --wallet-recharge-item-bg-bg: none;
    --wallet-recharge-item-left-bg: none;
    --wallet-recharge-item-name-color: #fdf3ba;
    --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: #87541c;
    --wallet-recharge-item-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-zhifu.png");
    --wallet-recharge-item-btn-color: #773c18;
    --wallet-remind-color: #95d7d7;
    --wallet-remind-bg: rgba(38, 38, 38, 0.5);
    --wallet-refund-color: #e24343;
  }
  :root .Modal.pay-confirm-modal {
    --pay-color: #fff;
    --pay-price-color: #f6b824;
    --pay-payment-bg: transparent;
    --pay-payment-item-bg: rgba(62, 62, 62, 0.5);
    --pay-item-check-border: 2px solid #2f7d7e;
    --pay-item-check-bg: rgba(0, 0, 0, 0.86);
    --pay-btn-bg: url("https://img.discuss.stormsdk.com/storm/paypal.png");
  }
  :root .gift-pack-describe {
    --gift-bg: url("https://img.discuss.stormsdk.com/storm/sc-sp3.png");
    --gift-color: #fff;
  }
  :root .Mall {
    --mall-bg: url("https://img.discuss.stormsdk.com/storm/bg-ygyt.png") no-repeat, #070707;
    --mall-title-color: #fff;
    --mall-info-bg: rgba(38, 38, 38, 0.5);
    --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(0, 0, 0, 0.5);
    --mall-role-bototm-color: #686868;
    --mall-gift-bg: rgba(38, 38, 38, 0.5);
    --mall-gift-color: #fff;
    --mall-gift-shadow: none;
    --mall-gift-check-border: none;
    --mall-gift-item-border: none;
    --mall-gift-item-bg: url("https://img.discuss.stormsdk.com/storm/btn-shangchen-goumaikuang2.png");
    --mall-gift-item-discount-bg: url("https://img.discuss.stormsdk.com/storm/btn-shangchen-goumaijiaobiao.png");
    --mall-gift-item-discount-color: #fffcd8;
    --mall-gift-item-discount-shadow: 1.5px 1.5px 0 #6a4527,
        -1.5px -1.5px 0 #6a4527, 1.5px -1.5px 0 #6a4527, -1.5px 1.5px 0 #6a4527;
    --mall-gift-item-content-color: #654018;
    --mall-gift-num-color: #654018;
    --mall-gift-price-color: #fff;
    --mall-gift-price-bg: url("https://img.discuss.stormsdk.com/storm/btn-shangchen-goumai.png");
    --mall-gift-original-price-color: #f35632;
    --mall-quantity-bg: #000;
    --mall-quantity-content-color: #fff;
    --mall-quantity-input-color: #fe6c00;
    --mall-pay-bg: rgba(38, 38, 38, 0.5);
    --mall-pay-color: #fff;
    --mall-pay-shadow: none;
    --mall-pay-item-bg: rgba(62, 62, 62, 0.5);
    --mall-pay-item-check-border: 2px solid #2f7d7e;
    --mall-pay-item-check-bg: rgba(0, 0, 0, 0.86);
    --mall-pay-order-shadow: none;
    --mall-pay-order-bg: rgba(0, 0, 0, 0.5);
    --mall-pay-order-info-color: #95d7d7;
    --mall-pay-order-name-color: #fff;
    --mall-pay-order-price-color: #95d7d7;
    --mall-pay-order-discount-color: #55a64f;
    --mall-pay-order-price-span-color: #f6b824;
    --mall-pay-btn-bg: url("https://img.discuss.stormsdk.com/storm/paypal-while.png");
    --mall-order-bg: rgba(38, 38, 38, 0.5);
    --mall-order-shadow: none;
    --mall-order-box-bg: url("https://img.discuss.stormsdk.com/storm/bg-zhifu.png");
    --mall-order-title-color: #fff;
    --mall-order-details-color: #8c4f27;
    --mall-order-number-border: none;
    --mall-order-number-color: #b96317;
    --mall-order-content-color: #3e2b1f;
    --mall-order-btn-color: #fff;
    --mall-order-btn-bg: #0070ba;
    --mall-order-explain-color: #fff;
    --mall-order-explain-p-color: #95d7d7;
  }
  :root .gift-pack {
    --gift-color: #000;
    --gift-img-bg: url("https://img.discuss.stormsdk.com/storm/bg-xiangqing2.png");
    --gift-title-color: #fff;
    --gift-title-before-bg: #49c2c7;
    --gift-text-color: #fff;
    --gift-btn-color: #fff;
    --gift-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --gift-original-price-color: #e65e2e;
  }
  :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: #531d20;
    --flagged-border: 1px solid #fff;
    --flagged-btn-bg: #3e1719;
  }
  :root .DiscussionListItem-content-image-container {
    --img-before-bg: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  }
}
@media (max-width: 767.98px) {
  :root {
    --notouch-body-bg: #050505;
    --header-bg: #050505;
    --carousel__control-bg: #444444;
    --header-color: #fff;
    --carousel__control-current-bg: url("https://img.discuss.stormsdk.com/storm/img-banner-qh.png");
    --dl-block-p-color: #fff;
    --dl-block-p-shadow: none;
    --sideNav-bg: #000;
    --dl-dis-bg: #050505;
    --dl-dis-slidable-bg: #181818;
    --dropdown-bg: url("https://img.discuss.stormsdk.com/storm/img-more.png");
    --dropdown-menu-bg: #262626;
    --dropdown-menu-border: 1px solid #414141;
    --dropdown-menu-color: #fff;
    --drawer-unread-bg: #ff6262;
    --post-dis-time-color: #c1c1c1;
    --refund-color: #fff;
    --refund-a-color: #95d7d7;
    --refund-btn-color: #fff;
    --refund-confirm-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --refund-cancel-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren2.png");
    --refund-cancel-color: #fff;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .TagDiscussionModal,
  :root .LogInModal,
  :root .SignUpModal {
    --login-modal-content-bg: url("https://img.discuss.stormsdk.com/storm/bg-phone.png"), #000;
    --login-modal-header-color: #fff;
    --login-modal-body-bg: url("https://img.discuss.stormsdk.com/storm/bg-phone.png");
    --login-modal-body-color: #747474;
    --login-modal-body-input-bg: rgba(0, 0, 0, 0.5);
    --login-modal-body-input-focus-border-color: #53a8a8;
    --login-modal-body-input-color: #e2f5f5;
    --login-modal-body-input-before-bg: #000;
    --login-modal-body-input-after-bg: #95d7d7;
    --login-modal-body-input-before-border: 1px solid #386161;
    --login-modal-body-button-bg: url("https://img.discuss.stormsdk.com/storm/btn-login.png");
    --login-modal-body-button-color: #fff;
    --login-modal-footer-color: #fff;
    --login-modal-footer-a-color: #95d7d7;
  }
  :root .App-content,
  :root #app-navigation {
    --nav-box-bg: url("https://img.discuss.stormsdk.com/storm/com-btm-topbg-ph.png");
    --nav-back-button-bg: url("https://img.discuss.stormsdk.com/storm/icon-fanhui.png");
    --nav-drawer-button-bg: url("https://img.discuss.stormsdk.com/storm/icon-cebianlan.png");
    --nav-title-color: #fff;
    --nav-wallet-btn-bg: url("https://img.discuss.stormsdk.com/storm/com-moneybag.png");
    --nav-wallet-btn-border-right: none;
    --nav-wallet-btn-a-color: #fff;
    --nav-wallet-btn-money-color: #58dade;
    --nav-tabs-bg: #000;
    --nav-tabs-item-color: #ababab;
    --nav-tabs-underline-color: #fff;
    --nav-tabs-underline-after-bg: url("https://img.discuss.stormsdk.com/storm/bg-fenye2.png");
  }
  :root .DiscussionList {
    --dis-item-bg: #181818;
    --dis-item-username-read-color: #fff;
    --dis-item-username-color: #fff;
    --dis-item-lv-color: #fff;
    --dis-item-time-color: #c1c1c1;
    --dis-item-title-read-color: #a9a9a9;
    --dis-item-title-color: #fff;
    --dis-item-content-read-color: #676767;
    --dis-item-content-color: #a9a9a9;
    --dis-container-btn-color: #fff;
    --dl-dis-before-bg: transparent;
    --dl-dis-message-bg: url("https://img.discuss.stormsdk.com/storm/img-pl.png");
    --dl-dis-color: #797978;
    --dl-dis-like-bg: url("https://img.discuss.stormsdk.com/storm/img-zan.png");
  }
  :root .App-drawer {
    --drawer-bg: url("https://img.discuss.stormsdk.com/storm/cbl-bg.png") 100% 100%;
    --drawer-item-locale-bg: transparent;
    --drawer-btn-color: #fff;
    --drawer-title: #fff;
    --drawer-multiple-games-border: none;
    --drawer-dropdown-separator-bg: url("https://img.discuss.stormsdk.com/storm/cbl-line-ph.png");
    --drawer-game-name-color: #fff;
    --drawer-game-btn-bg: #fff;
    --drawer-game-btn-follow-bg: url("https://img.discuss.stormsdk.com/storm/img-ysc.png");
    --drawer-game-btn-null-bg: url("https://img.discuss.stormsdk.com/storm/img-more-sc.png");
  }
  :root .IndexPage-toolbar {
    --toolbar-bg: #050505;
  }
  :root .Composer {
    --com-bg: #161616;
    --com-before-bg: #000;
    --com-header-color: #fff;
    --com-header-bg: #101010;
    --com-header-foucus-color: #fff;
    --com-bd-bg: #101010;
    --com-footer-bg: #161616;
    --com-footer-border: none;
    --com-activity-border: 1px solid #2f7d7e;
    --com-menu-act-title-bg: #2f7d7e;
    --com-menu-act-content-color: #a1a1a1;
    --com-open-btn-bg: #000;
    --com-open-btn-color: #fff;
    --button-bg: #000;
    --button-color: #fff;
  }
  :root .App--discussion .Composer {
    --com-bg: #181818;
    --com-texteditor-bg: #252525;
    --com-texteditor-btn-bg: url("https://img.discuss.stormsdk.com/storm/com-btn-02.png");
    --com-texteditor-btn-color: #fff;
    --com-texteditor-rich-color: #fff;
  }
  :root .TextEditor {
    --texted-btn-bg: #000;
    --texted-placeholder-color: #fff;
    --texted-rich-placeholder-before-color: #a1a1a1;
    --texted-rich-color: #a1a1a1;
    --texted-rich-img-bg: #fff;
  }
  :root .Modal-comment-container,
  :root .PostStream {
    --post-bg: rgba(38, 38, 38, 0.5);
    --post-dis-username-color: #fff;
    --post-dis-lv-color: #fff;
    --post-dis-collection-null-bg: url("https://img.discuss.stormsdk.com/storm/img-more-sc.png");
    --post-dis-collection-bg: url("https://img.discuss.stormsdk.com/storm/img-ysc.png");
    --post-body-color: #a9a9a9;
    --post-reply-bg: url("https://img.discuss.stormsdk.com/storm/icon-tianjia.png");
    --post-like-btn-bg: url("https://img.discuss.stormsdk.com/storm/icon-dianzan2.png");
    --post-nolike-btn-bg: url("https://img.discuss.stormsdk.com/storm/icon-dianzan.png");
    --post-nolike-btn2-bg: url("https://img.discuss.stormsdk.com/storm/img-zan.png");
    --post-evergreen-color: #fff;
    --post-actions-border: none;
    --post-reply-btn-color: #797978;
    --post-reply-btn-bg: #000;
    --post-item-bg: #181818;
    --dl-segmentation-border: 2vw solid #000;
  }
  :root .IndexPage-toolbar-view,
  :root .Dropdown-menu,
  :root .item-sort {
    --side-bg: url("https://img.discuss.stormsdk.com/storm/btn-xuanze.png");
    --side-color: #fff;
    --side-dropdown-menu-bg: rgba(0, 0, 0, 0.86);
    --side-dropdown-menu-border: 0.5vw solid #2f7d7e;
    --side-dropdown-menu-color: #fff;
  }
  :root .Modal-comment-container {
    --comment-bg: #050505;
    --comment-count-border: 1px solid #353535;
    --comment-count-color: #fff;
    --comment-tree-bg: #050505;
    --comment-scroll-post-bg: #181818;
    --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: url("https://img.discuss.stormsdk.com/storm/com-btm-topbg02.png");
    --nav-lin-active-color: #fff;
    --nav-lin-active-after-bg: url("https://img.discuss.stormsdk.com/storm/bg-fenye2.png");
    --extra-color: #a8a7a7;
    --extra-user-click-color: #fff;
    --extra-user-click-after-bg: url("https://img.discuss.stormsdk.com/storm/role-img-qh.png");
  }
  :root .UserPage {
    --user-bg: #101010;
    --user-box-bg: url("https://img.discuss.stormsdk.com/storm/role-txtbg0.png");
    --user-btn-color: #fff;
    --user-name: #fff;
    --user-segmentation-bg: #393939;
    --person-grade-color: #fff;
    --person-grade-lv-color: #fff;
    --user-wallet-color: #fff;
    --user-wallet-bg: linear-gradient(to right, #121212, #242424);
    --user-wallet-money-color: #ffb739;
    --user-wallet-btn-bg: url("https://img.discuss.stormsdk.com/storm/role-qb2.png");
    --user-wallet-btn-color: #4f2d1d;
    --person-center-top-color: #8d8d8d;
    --person-center-bottom-color: #fff;
    --person-center-bottom-while-color: #fff;
  }
  :root .role-modal {
    --role-close-bg: transparent;
    --role-header-bg: url("https://img.discuss.stormsdk.com/storm/bg-tanchuang2.png");
    --role-header-color: #000;
    --role-bg: transparent;
    --role-item-bg: url("https://img.discuss.stormsdk.com/storm/role-xzrw-txtbg2.png");
    --role-item-img-checked-bg: rgba(0, 0, 0, 0.4);
    --role-item-top-color: #fff;
    --role-item-bottom-color: #e2f5f5;
    --role-item-checked-bg: url("https://img.discuss.stormsdk.com/storm/role-xzrw-txtbg1.png");
  }
  :root .SettingsPage {
    --setting-notGrid-bg: #262626;
    --setting-title-color: #fff;
    --setting-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-hmd.png");
    --setting-btn-color: #fff;
    --setting-th-color: #fff;
    --setting-tr-border: 1px solid #353535;
    --setting-table-on-bg: url("https://img.discuss.stormsdk.com/storm/img-rw-xz-txgou.png");
    --setting-table-off-bg: url("https://img.discuss.stormsdk.com/storm/icon-guanbi.png");
    --setting-privacy-color: #fff;
  }
  :root .App-content:not(:has(.tagTitle)),
  :root .sideNavOffset,
  :root .searchPage {
    --search-page-bg: #000;
    --search-page-dis-name-color: #fff;
    --search-page-dis-mark-color: #95d7d7;
    --search-page-dis-reply-bg: #202020;
    --search-page-dis-reply-border: 1px solid #343434;
    --search-page-dis-reply-color: #fff;
    --search-page-dis-reply-text-color: #a9a9a9;
    --search-page-dis-reply-mark-color: #95d7d7;
    --search-page-extra-lv-color: #fff;
    --search-page-extra-bg: rgba(0, 0, 0, 0.5);
  }
  :root .ProfilePagePhoneContent {
    --profile-color: #fff;
    --profile-input-border: 1px solid #447979;
    --profile-input-bg: #040404;
    --profile-input-after-bg: url("https://img.discuss.stormsdk.com/storm/img-goulan.png");
    --profile-btn-bg: url("https://img.discuss.stormsdk.com/storm/hmd-btn-qc.png");
    --profile-btn-color: #fff;
    --profile-item-border: 1px solid #292929;
    --profile-item-name-color: #fff;
    --profile-item-text-color: #8d8c8c;
  }
  :root .search-title {
    --search-input-bg: #222222;
    --search-input-color: #fff;
    --search-results-bg: #000;
    --search-input-before-bg: url("https://img.discuss.stormsdk.com/storm/img-sousuohs.png");
    --search-input-placeholder-color: #a7a7a7;
    --search-results-mark-color: #95d7d7;
  }
  :root .FlagsPage,
  :root .NotificationsPage {
    --notifcation-bg: #101010;
    --notifcation-flag-time-color: #fff;
    --notifcation-group-bg: rgba(0, 0, 0, 0.5);
    --notifcation-group-header-bg: url("https://img.discuss.stormsdk.com/storm/bg-tanchuang2.png");
    --notifcation-group-header-color: #fff;
    --notifcation-group-color: #8d8c8c;
    --notifcation-group-unread-bg: #262626;
    --notifcation-group-unread-color: #fff;
    --notifcation-group-unread-time-color: #8d8c8c;
    --notifcation-group-unread-excerpt-color: #95d7d7;
  }
  :root .Modal.NickameModal.Modal--small.Modal-sign-container {
    --modal-bg: #000;
    --modal-footer-btn-color: #fff;
  }
  :root .Modal {
    --modal-bg: transparent;
    --modal-color: #fff;
    --modal-title-bg: url("https://img.discuss.stormsdk.com/storm/bg-tanchuang2.png");
    --modal-footer-li-before-bg: url("https://img.discuss.stormsdk.com/storm/line.png");
    --modal-footer-tag-bg: rgba(0, 0, 0, 0.5);
    --modal-footer-tag-border: 1px solid #417373;
    --modal-footer-name-color: #fff;
    --modal-footer-btn-color: #000;
    --modal-bd-input-placeholder-color: #80817f;
    --modal-footer-pinned-border: 1px solid #5a5a5a;
    --modal-footer-pinned-active-before-bg: #4160a0;
  }
  :root .Modal--small,
  :root .SuspendUserModal,
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .NickameModal {
    --counter-color: #a0a0a0;
    --modal-small-form-bg: rgba(0, 0, 0, 0.5);
    --modal-small-form-color: #fff;
    --modal-small-form-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --modal-small-form-btn-color: #fff;
  }
  :root .AgreementModal,
  :root .FlagPostModal,
  :root .SuspendUserModal {
    --modal-content-bg: #101010;
    --modal-header-border: 1px solid #303030;
    --modal-bd-color: #a7a7a7;
    --modal-bd-label-color: #f3f4eb;
    --modal-bd-textarea-placeholder-color: #aaaaaa;
    --modal-bd-textarea-bg: #1d1d1d;
    --modal-bd-checkbox-color: #8d8c8c;
    --modal-bd-checkbox-before-bg: url("https://img.discuss.stormsdk.com/storm/line.png");
    --modal-bd-radio-before-bg: rgba(0, 0, 0, 0.5);
    --modal-bd-radio-before-border: 2px solid #417373;
    --modal-bd-radio-after-bg: #4160a0;
    --modal-bd-input-color: #fff;
    --modal-bd-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --modal-bd-btn-color: #fff;
    --modal-bd-input-bg: #5a5a5a;
  }
  :root .picture-preview-modal {
    --picture-bg: #000000;
  }
  :root .App--discussion .CommentTree-lin {
    --comm-bg: #242424;
    --comm-post-before-color: #fff;
    --comm-dis-username-color: #fff;
    --comm-post-body-color: #a9a9a9;
  }
  :root .Wallet {
    --wallet-bg: #000;
    --wallet-info-bg: #262626;
    --wallet-info-box-bg: #fff;
    --wallet-info-item-color: #fff;
    --wallet-title-color: #fff;
    --wallet-balance-color: #f2f2eb;
    --wallet-balance-bg: #151515;
    --wallet-balance-span-color: #42b04c;
    --wallet-recharge-bg: #151515;
    --wallet-recharge-item-bg: url("https://img.discuss.stormsdk.com/storm/bg-zhifujiemian.png");
    --wallet-recharge-item-bg-bg: url("https://img.discuss.stormsdk.com/storm/bg-czhishue3.png");
    --wallet-recharge-item-left-bg: url("https://img.discuss.stormsdk.com/storm/bg-czhishue.png");
    --wallet-recharge-item-name-color: #fdf3ba;
    --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: #87541c;
    --wallet-recharge-item-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-zhifu.png");
    --wallet-recharge-item-btn-color: #773c18;
    --wallet-remind-color: #95d7d7;
    --wallet-remind-bg: #151515;
    --wallet-refund-color: #e24343;
  }
  :root .Modal.pay-confirm-modal {
    --pay-color: #fff;
    --pay-price-color: #f6b824;
    --pay-payment-bg: transparent;
    --pay-payment-item-bg: rgba(62, 62, 62, 0.5);
    --pay-item-check-border: 0.5vw solid #2f7d7e;
    --pay-item-check-bg: rgba(0, 0, 0, 0.86);
    --pay-btn-bg: url("https://img.discuss.stormsdk.com/storm/paypal.png");
  }
  :root .gift-pack-describe {
    --gift-bg: url("https://img.discuss.stormsdk.com/storm/sc-sp3.png");
    --gift-color: #fdfadb;
  }
  :root .Mall {
    --mall-bg: #101010;
    --mall-title-color: #fff;
    --mall-info-bg: url("https://img.discuss.stormsdk.com/storm/role-txtbg0.png");
    --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(0, 0, 0, 0.5);
    --mall-role-bototm-color: #b1b1b1;
    --mall-gift-bg: #181818;
    --mall-gift-color: #fff;
    --mall-gift-check-border: none;
    --mall-gift-item-border: none;
    --mall-gift-item-bg: url("https://img.discuss.stormsdk.com/storm/btn-shangchen-goumaikuang2.png");
    --mall-gift-item-discount-bg: url("https://img.discuss.stormsdk.com/storm/btn-shangchen-goumaijiaobiao.png");
    --mall-gift-item-discount-color: #fffcd8;
    --mall-gift-item-discount-shadow: 0.3vw 0.3vw 0 #6a4527,
        -0.3vw -0.3vw 0 #6a4527, 0.3vw -0.3vw 0 #6a4527, -0.3vw 0.3vw 0 #6a4527;
    --mall-gift-item-content-color: #654018;
    --mall-gift-num-color: #654018;
    --mall-gift-price-color: #fff;
    --mall-gift-price-bg: url("https://img.discuss.stormsdk.com/storm/btn-shangchen-goumai.png");
    --mall-gift-original-price-color: #f35632;
    --mall-quantity-bg: #000;
    --mall-quantity-content-color: #fff;
    --mall-quantity-input-color: #fe6c00;
    --mall-pay-bg: #151515;
    --mall-pay-color: #fff;
    --mall-pay-item-border: 0.5vw solid #151515;
    --mall-pay-item-bg: rgba(62, 62, 62, 0.5);
    --mall-pay-item-check-border: 2px solid #2f7d7e;
    --mall-pay-item-check-bg: rgba(0, 0, 0, 0.86);
    --mall-pay-order-shadow: none;
    --mall-pay-order-bg: rgba(0, 0, 0, 0.5);
    --mall-pay-order-info-color: #95d7d7;
    --mall-pay-order-name-color: #d5d6ce;
    --mall-pay-order-price-color: #d5d6ce;
    --mall-pay-order-discount-color: #019f11;
    --mall-pay-order-price-span-color: #f0b424;
    --mall-pay-btn-bg: url("https://img.discuss.stormsdk.com/storm/paypal-while.png");
    --mall-order-bg: #181818;
    --mall-order-box-bg: url("https://img.discuss.stormsdk.com/storm/bg-zhifu.png");
    --mall-order-title-color: #fff;
    --mall-order-details-color: #8c4f27;
    --mall-order-number-border: none;
    --mall-order-number-color: #b96317;
    --mall-order-content-color: #3e2b1f;
    --mall-order-btn-color: #fff;
    --mall-order-btn-bg: #0070ba;
    --mall-order-explain-color: #fff;
    --mall-order-explain-p-color: #95d7d7;
  }
  :root .gift-pack {
    --gift-color: #000;
    --gift-img-bg: url("https://img.discuss.stormsdk.com/storm/bg-xiangqing2.png");
    --gift-title-color: #fff;
    --gift-title-before-bg: #49c2c7;
    --gift-text-color: #fff;
    --gift-btn-color: #fff;
    --gift-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-queren.png");
    --gift-original-price-color: #e65e2e;
  }
  :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: #531d20;
    --flagged-border: 1px solid #fff;
    --flagged-btn-bg: url("https://img.discuss.stormsdk.com/storm/btn-jubao3.png");
  }
  :root .DiscussionListItem-content-image-container {
    --img-before-bg: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  }
}
.Composer .Composer-content .ComposerBody-content .ComposerBody-editor .HiddenItemsDropdownMenu .icon-img {
  height: auto;
}
.icon-img.storm {
  display: none;
}
.remember-me-btn {
  color: #95d7d7;
}
.Search-input:before {
  content: "";
  background: url("https://img.discuss.stormsdk.com/storm/img-sousuohs.png");
  background-size: 100% 100%;
  height: 25px;
  padding: 0;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
}
.carousel__control {
  transform: rotate(45deg);
  border-radius: 0;
  transition: none;
}
.carousel__control--current {
  transform: rotate(0);
}
.Post-actions-operate {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.Post-actions {
  position: static;
}
.Notification {
  grid-template-areas: "avatar icon title button" "avatar x excerpt excerpt";
}
.Notification-content .username,
.Notification time {
  font-weight: lighter;
}
.UserCard-identity-person-nickName {
  color: #c1c1c1;
}
.UserCard-identity-person-nickNameTitle,
.DiscussionListItem-title,
.DiscussionListItem-username,
.DiscussionListItem-title mark,
.PostUser .PostUser-name a,
.person-grade-text,
.new-PostUser-levelText {
  font-weight: lighter;
}
.PostUser {
  position: static;
}
.UserCard-identity-person-setting {
  display: flex;
}
.UserCard-identity-person-setting .Button-label {
  display: flex;
  align-items: center;
}
.drawer-backdrop {
  background-color: transparent;
}
.Button:hover,
.Button:focus,
.Button.focus {
  background: transparent;
}
@media (min-width: 768px) {
  .Placeholder {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
  }
  .Placeholder p {
    font-size: 26px;
    color: #bbbbbb;
  }
  .UserCard-identity-person-setting img {
    max-width: 30px;
  }
  .Evergreen--show {
    font-size: 24px;
    font-weight: lighter;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
    line-height: 1;
  }
  .Evergreen--show .icon-img.storm {
    display: inline-block;
    margin-top: 5px;
  }
  .Evergreen--show .Button-icon {
    font-size: 24px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Form-group {
    margin-bottom: 10px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Form-group.input-code {
    max-width: 550px;
    margin-inline: auto;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Form-group.input-code .FormControl {
    padding: 15px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Form-group.input-code .Button {
    margin-top: 0;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Form-group .Button {
    margin-top: 10px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .closeBtn,
  .no-touch #modal .Modal-lin .LogInModal .closeBtn {
    left: 0;
    right: 0;
    max-width: 1100px;
    margin: 0 auto;
    top: 20px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .closeBtn .Button,
  .no-touch #modal .Modal-lin .LogInModal .closeBtn .Button {
    background: url("https://img.discuss.stormsdk.com/storm/img-fanhui.png") !important;
    background-size: 100% 100% !important;
    height: 40px !important;
    width: 25px !important;
  }
  .no-touch #modal .Modal-lin .SignUpModal .closeBtn .Button .icon-img,
  .no-touch #modal .Modal-lin .LogInModal .closeBtn .Button .icon-img {
    display: none;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-header {
    display: none;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body {
    margin-bottom: -65px;
    padding: 25px 30px 40px;
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png") !important;
    background-size: 100% 100% !important;
    width: 650px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.hint,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.hint {
    color: #fff;
    font-size: 24px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .FormControl,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .FormControl {
    border-radius: 10px;
    text-align: center;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .FormControl::placeholder,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .FormControl::placeholder {
    color: #526363;
    opacity: 1;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button {
    padding: 18px 63px 24px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button--block,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button--block {
    margin-bottom: -15px;
    padding: 10px 20px 15px !important;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .checkbox,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .checkbox {
    gap: 10px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .checkbox input[type="checkbox"],
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .checkbox input[type="checkbox"] {
    /* 移除默认样式 */
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    appearance: none;
    /* 标准属性 */
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .remember-me-btn,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .remember-me-btn {
    margin-left: 10px;
    margin-bottom: 50px;
  }
  .no-touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-footer,
  .no-touch #modal .Modal-lin .LogInModal .Modal-content .Modal-footer {
    font-size: 24px;
  }
  .no-touch #modal .Modal-lin .SignUpModal.Modal.Modal--small .Modal-content .Modal-close,
  .no-touch #modal .Modal-lin .LogInModal.Modal.Modal--small .Modal-content .Modal-close {
    text-align: left;
  }
  .no-touch #modal .Modal-lin .Modal {
    border-radius: 0;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content {
    border-radius: 0px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-close {
    text-align: right;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-close .Button {
    width: 50px;
    height: 40px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-close .Button .icon-img {
    width: 100%;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-header {
    padding: 5px 12px;
    background: url("https://img.discuss.stormsdk.com/storm/role-xzrw-tc.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-header h3 {
    font-family: inherit;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group {
    position: relative;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .counter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 24px;
    color: #353535;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group input {
    padding: 15px 75px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group input[type="checkbox"] {
    padding: 0;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group label {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .FormControl {
    border-radius: 10px;
    font-size: 30px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Form-group .Button {
    padding: 5px 20px 10px;
    height: auto;
    line-height: normal;
    min-width: 220px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box {
    border-radius: 0;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-modal-header {
    background: url("https://img.discuss.stormsdk.com/storm/role-xzrw-tc.png");
    background-size: 100% 100%;
    font-size: 36px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png");
    background-size: 100% 100%;
    padding: 20px;
    height: 500px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 0;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list-title {
    font-size: 28px;
    color: #282f2e;
    margin: 0 10px;
    text-align: center;
    background: url("https://img.discuss.stormsdk.com/storm/role-btm-bt.png");
    background-size: 100% 100%;
    padding: 0 0 4px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list {
    padding: 5px 10px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item {
    border-radius: 0;
    margin-bottom: 5px;
    padding: 13px 15px 17px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .icon-img {
    width: 90px;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .icon-img .role-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .icon-img.checked::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: var(--role-item-img-checked-bg);
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .checked-img {
    padding: 25px 20px;
    background: transparent;
    z-index: 1;
  }
  .no-touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-info .role-bottom .role-id {
    font-size: 24px;
  }
  .no-touch #modal .Modal-lin .role-modal {
    max-width: 700px;
  }
  .no-touch #modal .Modal-lin .role-modal .Modal-content {
    width: 700px !important;
  }
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body label textarea {
    border-radius: 10px;
  }
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"] {
    /* 移除默认样式 */
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    appearance: none;
    /* 标准属性 */
  }
  .no-touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after {
    background: url("https://img.discuss.stormsdk.com/storm/img-goulan.png");
    background-color: transparent;
    background-size: 100% 100%;
    border-radius: 0;
    width: 140%;
    height: 100%;
    top: 40%;
    left: 75%;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal {
    max-width: 550px;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-close .Button {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-02.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-header {
    display: none;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-body {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc02.png") !important;
    background-size: 100% 100% !important;
    font-size: 30px;
    padding: 80px 40px 40px !important;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-body p {
    padding: 0 50px;
    text-align: center;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-body .Form-group {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-body .Form-group .Button {
    min-width: 190px !important;
  }
  .no-touch #modal .Modal-lin .FlarumBadgesConfirmModal .Modal-body .Form-group .Button--close {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-02.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .refund-modal {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png");
    background-size: 100% 100%;
    max-width: 600px;
  }
  .no-touch #modal .Modal-lin .refund-modal.Modal.Modal--small .Modal-content {
    padding: 50px 20px 30px;
  }
  .no-touch #modal .Modal-lin .refund-modal.Modal.Modal--small .Modal-content .Modal-header {
    background: transparent;
    color: #fff;
  }
  .no-touch #modal .Modal-lin .refund-modal .Modal-close {
    top: 10px;
  }
  .no-touch #modal .Modal-lin .refund-modal .Modal-close .hasIcon {
    background: url("https://img.discuss.stormsdk.com/storm/btn-tc-gb.png") !important;
    background-size: 100% 100% !important;
    border-radius: 0;
    width: 40px !important;
    height: 30px !important;
  }
  .no-touch #modal .Modal-lin .refund-modal .Modal-close .hasIcon .icon-img {
    display: none;
  }
  .no-touch #modal .Modal-lin .refund-modal .Modal-content .refund-modal-box {
    padding: 0 20px 25px;
  }
  .no-touch #modal .Modal-lin .refund-modal .Modal-content .refund-modal-box .modal-content {
    font-size: 26px;
  }
  .no-touch #modal .Modal-lin .gift-pack,
  .no-touch #modal .Modal-lin .pay-confirm-modal {
    background: url("https://img.discuss.stormsdk.com/storm/btm-tc-long.png");
    background-size: 100% 100%;
  }
  .no-touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .Modal-header,
  .no-touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .Modal-header {
    background: transparent;
  }
  .no-touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .title,
  .no-touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .title {
    color: #000;
  }
  .no-touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .tip,
  .no-touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .tip {
    font-size: 30px;
  }
  .no-touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-item-check,
  .no-touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-item-check {
    box-shadow: inset 0 0 24px rgba(54, 125, 126, 0.43);
    border: var(--pay-item-check-border);
    font-weight: lighter;
  }
  .no-touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item,
  .no-touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item {
    border: 2px solid #4e4e4e;
    font-weight: lighter;
  }
  .no-touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-style-payermax img,
  .no-touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-style-payermax img {
    padding: 0;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-title {
    padding: 12px 0 0;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content {
    padding: 20px 30px;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-img {
    position: relative;
    padding: 30px;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-img .gift-pack-icon {
    width: 50%;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-img .gift-pack-describe {
    position: absolute;
    bottom: 20px;
    color: #fffddf;
    font-size: 32px;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-content-title {
    padding: 10px 10px 5px;
    font-size: 30px;
  }
  .no-touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-content-text {
    font-size: 26px;
    margin-left: 0px;
    line-height: 30px;
  }
  .no-touch #modal .Modal-lin .gift-pack .gift-pack-describe {
    background: url("https://img.discuss.stormsdk.com/storm/sc-spxq2.png");
    background-size: 100% 100%;
    padding: 5px 20px;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-actions-lin .reply-btn-lin {
    font-size: 24px;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-header-lin .DiscussionListItem-texts {
    gap: 10px;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-time {
    font-weight: lighter;
  }
  .no-touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-text-lin .DiscussionListItem-time {
    position: absolute;
    bottom: 15px;
    left: 30px;
    font-size: 26px;
    color: var(--post-dis-time-color);
  }
  .no-touch .App-content .IndexPage .carousel .carousel__left__btn img,
  .no-touch .App-content .tagTitle .carousel .carousel__left__btn img {
    width: 50px;
    transform: rotateY(180deg);
  }
  .no-touch .App-content .IndexPage .carousel .carousel__right__btn img,
  .no-touch .App-content .tagTitle .carousel .carousel__right__btn img {
    width: 50px;
    transform: rotateY(0);
  }
  .no-touch .App-content .IndexPage .carousel .carousel__control--current,
  .no-touch .App-content .tagTitle .carousel .carousel__control--current {
    width: 37px;
    height: 37px;
    margin: 0 -12px 0 -10px;
  }
  .no-touch .App-content .IndexPage .carousel .carousel__control--current:not(:last-child),
  .no-touch .App-content .tagTitle .carousel .carousel__control--current:not(:last-child) {
    margin: 0 5px 0 -12px;
  }
  .no-touch .App-content .IndexPage .carousel .carousel__slide,
  .no-touch .App-content .tagTitle .carousel .carousel__slide {
    width: 100%;
  }
  .no-touch .App-content .IndexPage .navItems-lin,
  .no-touch .App-content .tagTitle .navItems-lin {
    background-size: 100% 100%;
  }
  .no-touch .App-content .IndexPage .navItems-lin > ul,
  .no-touch .App-content .tagTitle .navItems-lin > ul {
    height: 74px;
  }
  .no-touch .App-content .IndexPage .navItems-lin > ul li,
  .no-touch .App-content .tagTitle .navItems-lin > ul li {
    position: relative;
    padding: 15px 10px;
    margin: 0;
  }
  .no-touch .App-content .IndexPage .navItems-lin > ul li:not(:first-child)::after,
  .no-touch .App-content .tagTitle .navItems-lin > ul li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-topline.png");
    background-size: 100% 100%;
  }
  .no-touch .App-content .IndexPage .navItems-lin > ul li.active a .navItem::after,
  .no-touch .App-content .tagTitle .navItems-lin > ul li.active a .navItem::after {
    width: 90px;
    height: 80px;
    bottom: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .no-touch .App-content .IndexPage .container,
  .no-touch .App-content .tagTitle .container {
    width: auto;
    background: url("https://img.discuss.stormsdk.com/storm/wiki-com-bg1.png") no-repeat;
    background-size: 100%;
    min-height: 100vh;
  }
  .no-touch .App-content .TagsPage .IndexPage-toolbar-box .dl-discussion-container {
    padding-inline: 0;
  }
  .no-touch .App-content .TagsPage .PostStream .PostStream-sort {
    display: none;
  }
  .no-touch .App-content .TagsPage .PostStream .item-reply {
    display: none;
  }
  .no-touch .App-content .TagsPage .TagView-load-more {
    font-size: 24px;
    color: #2f8386;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .no-touch .App-content .TagsPage .sideNavContainer,
  .no-touch .App-content .searchPage .sideNavContainer,
  .no-touch .App-content .container .sideNavContainer {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks {
    padding-top: 0;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block {
    padding: 0;
    display: flex;
    align-items: center;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block img,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block img,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block img {
    width: 70px;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block::after,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block::after,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block::after {
    display: none;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block::before,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block::before,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block::before {
    display: none;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-en p,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-en p,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-en p,
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-zh p,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-zh p,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks .dl-block.dl-block-zh p {
    text-align: center;
    padding: 0;
    position: initial;
    width: 100%;
  }
  .no-touch .App-content .TagsPage .sideNavOffset .sideNav-lin .dl-blocks > a,
  .no-touch .App-content .searchPage .sideNavOffset .sideNav-lin .dl-blocks > a,
  .no-touch .App-content .container .sideNavOffset .sideNav-lin .dl-blocks > a {
    width: 290px;
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-03.png");
    background-size: 100% 100%;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem {
    padding: 0 0 25px;
    border-radius: 10px;
  }
  .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,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem .item .btn-icon {
    width: 30px;
    height: 28px;
  }
  .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,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main {
    padding: 0 0 12px;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left {
    width: 100%;
    background: url("https://img.discuss.stormsdk.com/storm/com-tz2.png");
    background-size: 100% 100%;
    min-width: 0;
    flex-shrink: 0;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left.admin,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left.admin,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left.admin {
    background: url("https://img.discuss.stormsdk.com/storm/com-tz1.png");
    background-size: 100% 100%;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    min-width: 0;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo {
    gap: 10px;
    flex: 1;
    min-width: 0;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-username,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-username,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-username {
    padding: 0;
    font-size: 22px;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-title,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-title,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-title {
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state {
    flex-direction: column;
    flex-shrink: 0;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state .DiscussionListItem-time,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state .DiscussionListItem-time,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state .DiscussionListItem-time {
    padding-right: 30px;
    font-size: 22px;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .Avatar,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .Avatar,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .Avatar {
    width: 70px;
    height: 70px;
    border-radius: 10px;
  }
  .no-touch .App-content .TagsPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-content-text,
  .no-touch .App-content .searchPage .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-content-text,
  .no-touch .App-content .container .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-content-text {
    padding: 0 30px;
  }
  .no-touch .App-drawer .container {
    width: 350px;
    padding: 10px 10px 0 5px;
  }
  .no-touch .App-drawer .container .Header-title {
    display: none;
  }
  .no-touch .App-drawer .container .item-user-title .game-item,
  .no-touch .App-drawer .container .multiple-games-box .game-item {
    background: transparent;
    padding: 0;
  }
  .no-touch .App-drawer .container .item-user-title .game-item img,
  .no-touch .App-drawer .container .multiple-games-box .game-item img {
    width: 100%;
  }
  .no-touch .App-drawer .container .item-user-title .title,
  .no-touch .App-drawer .container .multiple-games-box .title {
    position: relative;
    margin-bottom: 13px;
    font-size: 30px;
    color: var(--drawer-title);
    padding-left: 13px;
    padding-bottom: 13px;
  }
  .no-touch .App-drawer .container .item-user-title .title::after,
  .no-touch .App-drawer .container .multiple-games-box .title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: url("https://img.discuss.stormsdk.com/storm/cbl-line.png");
    background-size: 100% 100%;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-settings {
    margin-top: 0;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-imlk {
    min-height: 250px;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-imlk .Button:focus {
    background: transparent;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-imlk img {
    width: 100%;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale {
    margin: 0;
    padding: 0;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .storm {
    display: none;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .ButtonGroup {
    padding: 8px 14.5px;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .ButtonGroup .Dropdown-toggle {
    justify-content: flex-start;
    padding: 0;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .ButtonGroup .Dropdown-toggle .Button-label {
    margin-left: 15px;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .ButtonGroup .Dropdown-toggle .Button-caret {
    display: none;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-menu {
    top: 100%;
    width: 100%;
    padding: 5px;
    box-sizing: content-box;
    left: -5px;
    border-radius: 0;
    background: transparent;
    margin-top: 5px;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-menu li {
    background: #252525;
    margin: 0 -5px;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-menu li button.hasIcon {
    font-size: 26px;
    padding: 8px 13px;
    border-top: 2px solid #020202;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-menu li button.hasIcon .icon-img {
    display: none;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-menu li button.hasIcon[active] {
    background: rgba(2, 2, 2, 0.45);
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-menu li button.hasIcon:hover {
    background: rgba(2, 2, 2, 0.45);
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .Dropdown-separator {
    height: 10px;
  }
  .no-touch .App-drawer .container .Header-secondary .Header-controls .Button--flat {
    padding: 8px 14.5px;
  }
  .no-touch .dl-post-tagItem {
    margin-left: 0;
    line-height: 24px;
    padding-block: 5px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .User-wallet .right .btn {
    border-radius: 0;
    padding: 4px 45px 12px;
    margin-bottom: -7px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter {
    background: url("https://img.discuss.stormsdk.com/storm/role-mp2.png");
    background-size: 100% 100%;
    padding: 20px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter.admin {
    background: url("https://img.discuss.stormsdk.com/storm/role-mp1.png");
    background-size: 100% 100%;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-avatar .Avatar {
    --size: 200px;
    border-radius: 10px;
    box-shadow: none;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-right {
    flex: 1;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-right .UserCard-identity-lin {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-right .UserCard-identity-lin .username {
    max-width: 500px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-right .person-center-containers {
    padding: 60px 0 20px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .UserCard-box .Perssson-msg-fiter .UserCard-right .person-center-containers .person-center-bottom {
    font-size: 30px;
  }
  .no-touch .UserPage .UserCard .UserCard-profile .person-center-containers .person-center-bottom-while {
    color: #fff;
  }
  .no-touch .extra-userPage-container .extra-click-change,
  .no-touch .extra-search-content .extra-click-change {
    z-index: 2;
  }
  .no-touch .extra-userPage-container .extra-click-change::after,
  .no-touch .extra-search-content .extra-click-change::after {
    width: 110%;
    height: 40px;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: -1;
  }
  .no-touch .extra-userPage-container .extra-myPosts-container,
  .no-touch .extra-search-content .extra-myPosts-container {
    padding: 0 25px;
    margin: 0;
  }
  .no-touch .SettingsPage .item-notificationGrid .NotificationGrid thead .NotificationGrid-groupToggle {
    font-size: 26px;
  }
  .no-touch .SettingsPage .item-notificationGrid .NotificationGrid thead .NotificationGrid-groupToggle .icon-img {
    width: 26px;
  }
  .no-touch .SettingsPage .item-notificationGrid .NotificationGrid tbody tr .NotificationGrid-checkbox .on .Checkbox-display {
    width: 30px;
    height: 20px;
  }
  .no-touch .SettingsPage .item-notificationGrid .NotificationGrid tbody tr .NotificationGrid-checkbox .on .Checkbox-display .icon-img {
    width: 30px;
  }
  .no-touch .SettingsPage .Settings-account ul li .Button {
    padding: 15px 35px 20px;
    font-size: 28px;
  }
  .no-touch .blackListPage .dl-discussion-container {
    padding-top: 30px;
  }
  .no-touch .ProfilePagePhoneContent .Header .Item:first-child {
    margin-right: 20px !important;
  }
  .no-touch .ProfilePagePhoneContent .Header .Item .Btn {
    padding: 5px 30px 10px;
  }
  .no-touch .ProfilePagePhoneContent .List .Item {
    border: var(--profile-item-border);
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    padding: 20px 35px;
    margin-top: 20px;
  }
  .no-touch .ProfilePagePhoneContent .Avatar {
    --size: 70px;
  }
  .no-touch .search-title {
    margin: 0 0 0 220px;
  }
  .no-touch .search-title .Search-input input::placeholder {
    color: var(--input-placeholder);
  }
  .no-touch .search-title .Search-input .FormControl {
    font-size: 24px;
    border-width: 1px;
    padding-left: 40px;
  }
  .no-touch .search-title .Search-input .Search-clear.Button {
    padding: 6px 0;
  }
  .no-touch .search-title .Search-input .charCount {
    margin-left: 10px;
  }
  .no-touch .search-title .Search-results {
    border-radius: 10px;
    width: 100%;
    top: 100%;
    padding: 10px;
    background: #000;
  }
  .no-touch .search-title .Search-results .Dropdown-header {
    font-size: 24px;
    font-weight: lighter;
  }
  .no-touch .search-title .Search-results mark {
    font-weight: lighter;
  }
  .no-touch .search-title .Search-results > li > a.hasIcon {
    font-size: 24px;
    position: relative;
    padding-left: 50px;
  }
  .no-touch .search-title .Search-results > li > a.hasIcon::before {
    content: "";
    background: url("https://img.discuss.stormsdk.com/storm/img-sousuohs.png");
    background-size: 100% 100%;
    height: 25px;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    filter: brightness(0.5);
  }
  .no-touch .search-title .Search-results > li > a.hasIcon .Button-icon {
    display: none;
  }
  .no-touch .search-title .Dropdown-menu > li > a {
    font-size: 24px;
    border-radius: 10px;
  }
  .no-touch .search-title .Dropdown-menu > li > a .DiscussionSearchResult-excerpt {
    font-size: 22px;
    color: #5a5a58;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .extra-userSearchResult {
    border-radius: 20px;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .DiscussionListItem .DiscussionList-reply-box {
    margin-bottom: -25px;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .DiscussionListItem .DiscussionList-reply-box .DiscussionList-reply-item {
    margin: 0;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .DiscussionListItem .DiscussionList-reply-box .DiscussionList-reply-item:last-child {
    border-radius: 0 0 10px 10px;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .dl-content .dl-discussion-container .extra-userSearchResult .extra-userSearchResult-container .extra-userSearchResult-right .extra-userSearchResult-text + .username {
    display: none;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .dl-content .dl-discussion-container .extra-userSearchResult .extra-userSearchResult-container .extra-userSearchResult-text .extra-userSearchResult-text-grade img {
    height: 35px;
  }
  .no-touch .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .dl-content .dl-discussion-container .extra-userSearchResult .extra-userSearchResult-container .extra-userSearchResult-text .extra-userSearchResult-text-grade .extra-userSearchResult-text-grade-lv {
    top: 50%;
    left: 66%;
  }
  .no-touch .App--discussion,
  .no-touch .TagsPage {
    max-width: none;
  }
  .no-touch .App--discussion .dl-content .dl_tag_image,
  .no-touch .TagsPage .dl-content .dl_tag_image {
    min-height: 10.85vw;
  }
  .no-touch .App--discussion .dl-content .wiki-hero,
  .no-touch .TagsPage .dl-content .wiki-hero {
    background: url("https://img.discuss.stormsdk.com/storm/wiki-banner2.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    min-height: min-content;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .wiki-hero-bg,
  .no-touch .TagsPage .dl-content .wiki-hero .wiki-hero-bg {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    z-index: 0;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .carousel__slide-image,
  .no-touch .TagsPage .dl-content .wiki-hero .carousel__slide-image {
    position: absolute;
    bottom: 0;
    width: auto;
    height: 100%;
    right: 8%;
    left: auto;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .wiki-hero-info,
  .no-touch .TagsPage .dl-content .wiki-hero .wiki-hero-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1100px;
    width: 100%;
    height: 100%;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title,
  .no-touch .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title {
    position: absolute;
    top: 20px;
    left: 0;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-nickname,
  .no-touch .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-nickname {
    font-size: 30px;
    color: #ffda59;
    text-shadow: -2px 0 0 #7f582f, 0 -2px 0 #7f582f, -2px -2px 0 #7f582f, 2px -2px 0 #7f582f, -2px 2px 0 #7f582f, 2px 2px 0 #7f582f;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-name,
  .no-touch .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-name {
    font-size: 28px;
    color: #fff;
    text-shadow: -2px 0 0 #353333, 0 -2px 0 #353333, -2px -2px 0 #353333, 2px -2px 0 #353333, -2px 2px 0 #353333, 2px 2px 0 #353333;
  }
  .no-touch .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-content,
  .no-touch .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-content {
    position: absolute;
    bottom: 0.5vw;
    right: 0;
    display: flex;
    align-items: center;
    gap: 40px;
    text-shadow: -2px 0 0 #353333, 0 -2px 0 #353333, -2px -2px 0 #353333, 2px -2px 0 #353333, -2px 2px 0 #353333, 2px 2px 0 #353333;
    font-size: 26px;
    color: #fff;
  }
  .no-touch .App--discussion .dl-content .image-placeholder a,
  .no-touch .TagsPage .dl-content .image-placeholder a {
    display: flex;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box {
    background: url("https://img.discuss.stormsdk.com/storm/wiki-com-bg1.png") no-repeat;
    background-size: 100%;
    padding-top: 50px;
    min-height: 100vh;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 1100px;
    margin: 0 auto 20px;
    gap: 100px;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-03.png");
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    line-height: 1;
    width: 250px;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn:hover,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn:hover {
    filter: brightness(1.2);
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn.active,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn.active {
    background: url("https://img.discuss.stormsdk.com/storm/wiki-btn1.png");
    background-size: 100% 100%;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn img,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn img {
    width: 60px;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn span,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn span {
    text-align: center;
    flex: 1;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar {
    max-width: 1100px;
    margin: 0 auto;
  }
  .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 {
    line-height: 1;
    gap: 10px;
  }
  .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: rotate(0);
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button .icon-img.storm,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button .icon-img.storm {
    display: block;
    margin-top: 5px;
  }
  .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 {
    box-shadow: inset 0 0 24px rgba(54, 125, 126, 0.57);
    border-radius: 0;
    left: 0 !important;
    top: 100%;
    padding: 10px 0 !important;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu .hasIcon .icon-img,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu .hasIcon .icon-img {
    margin-left: -33px;
    width: 30px;
  }
  .no-touch .App--discussion .dl-content .IndexPage-toolbar .item-refresh,
  .no-touch .TagsPage .dl-content .IndexPage-toolbar .item-refresh {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-04.png");
    background-size: 100% 100%;
    display: flex;
  }
  .no-touch .Composer {
    min-height: auto !important;
    bottom: 1vh !important;
    border-radius: 10px;
    overflow-y: visible;
  }
  .no-touch .Composer .Composer-content {
    padding: 0 0 10px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-top {
    display: flex;
    align-items: center;
    gap: 20px;
    background: url("https://img.discuss.stormsdk.com/storm/com-tz2.png");
    background-size: 100% 100%;
  }
  .no-touch .Composer .Composer-content .ComposerBody-top.admin {
    background: url("https://img.discuss.stormsdk.com/storm/com-tz1.png");
    background-size: 100% 100%;
  }
  .no-touch .Composer .Composer-content .ComposerBody-top .Avatar {
    --size: 60px;
    border-radius: 10px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-top .ComposerBody-top-name {
    font-size: 30px;
    color: #fff;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .storm {
    display: none;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .Dropdown-menu {
    min-width: 240px;
    padding: 5px 8px;
    max-height: 300px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .activity-btn {
    padding: 8px 5px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .activity-btn .activity-title {
    font-size: 22px;
    color: #fff;
    padding: 0 10px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .activity-btn .activity-content {
    font-size: 20px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .Dropdown-toggle {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-04.png") !important;
    background-size: 100% 100% !important;
    border-radius: 0;
    line-height: 1;
    border: none;
    padding: 0;
    width: 45px;
    height: 45px;
    margin: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .Dropdown-toggle .Button-label {
    display: none;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .Dropdown-toggle .Button-caret {
    display: none;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .activity .Dropdown-toggle::after {
    content: "";
    background: url("https://img.discuss.stormsdk.com/storm/ft-hd-icon3.png");
    background-size: 100% 100%;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-header {
    padding: 5px 15px;
    background: #252525;
    margin: 15px 30px;
    border-radius: 10px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-header .item-discussionTitle {
    width: 100%;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-header .item-discussionTitle h3 .FormControl {
    flex: 1;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-line {
    display: none;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor {
    padding-inline: 30px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .icon-img {
    height: 45px;
    width: 45px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor-image-container {
    position: absolute;
    width: 10vw;
    padding: 0;
    border-radius: 0;
    background: transparent;
    z-index: 1;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .item-preview,
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .item-rich-text {
    display: none !important;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-activity {
    display: flex;
    align-items: center;
    margin-top: 15px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-activity .TextEditor-activity-item {
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 10px;
    padding: 5px 5px 5px 15px;
    font-size: 26px;
    line-height: 1;
    gap: 10px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-activity .TextEditor-activity-item-close {
    background: transparent;
    border: none;
    width: 30px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-activity .TextEditor-activity-item-close .Button-label {
    display: flex;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-activity .TextEditor-activity-item-close img {
    width: 100%;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    margin-top: 20px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .ComposerBody-emojioneareaContainer {
    position: absolute;
    top: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation ul > li {
    margin: 0;
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .item-submit {
    display: none;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-submit-btn {
    display: inline-block;
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-02.png");
    background-size: 100% 100%;
    color: #fff;
    border-radius: 0;
    font-size: 34px;
    line-height: 1;
    padding: 15px 30px;
    min-width: 200px;
    border: none;
    margin-left: auto;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .ProseMirrorMenu {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-04.png") !important;
    background-size: 100% 100% !important;
    border-radius: 0;
    line-height: 1;
    border: none;
    padding: 0;
    width: 45px;
    height: 45px;
    margin: 0 !important;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon span {
    padding: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon.active {
    filter: brightness(1.5);
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Dropdown-menu .Button--icon {
    background: transparent !important;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .HiddenItemsDropdownMenu {
    top: -60px;
    left: -200px;
    padding: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-toolbar .ProseMirrorMenu > div {
    margin: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer {
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-uploadFile {
    width: max-content;
    position: absolute;
    top: 140px;
    left: 15px;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-uploadFile::after {
    display: none;
  }
  .no-touch .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-uploadFile .TextEditor-image-container {
    width: 180px;
    height: 180px;
  }
  .no-touch .Composer {
    display: none;
  }
  .no-touch .Composer.visible {
    display: block;
  }
  .no-touch .Composer .item-minimize .Button {
    background: url("https://img.discuss.stormsdk.com/storm/icon-guanbi.png") !important;
    background-size: 100% 100% !important;
    height: 30px;
    width: 30px;
  }
  .no-touch .Composer .item-minimize .icon-img {
    display: none;
  }
  .no-touch .App--discussion .Composer {
    bottom: 0 !important;
    box-shadow: none !important;
    border-radius: 10px;
  }
  .no-touch .App--discussion .Composer .ComposerBody.editPost .TextEditor .TextEditor-editorContainer {
    padding: 10px 10px 10px 200px;
  }
  .no-touch .App--discussion .Composer .ComposerBody.editPost .TextEditor .TextEditor-editorContainer .rich-text-lin {
    min-height: 200px;
    padding: 5px 20px 5px 20px;
  }
  .no-touch .App--discussion .Composer .ComposerBody.editPost .ComposerBody-content .ComposerBody-footer .item-uploadFile {
    top: 85px;
  }
  .no-touch .App--discussion .Composer .TextEditor .TextEditor-editorContainer {
    padding: 0;
    margin-top: 25px;
  }
  .no-touch .App--discussion .Composer .TextEditor .TextEditor-editorContainer .rich-text-lin {
    width: 100%;
    padding: 5px 120px 5px 20px;
    border-radius: 10px;
    min-height: 100px;
    margin: 0;
  }
  .no-touch .App--discussion .Composer .TextEditor .TextEditor-editorContainer .char-count {
    right: 20px;
    bottom: 5px;
    color: #606060;
    font-size: 22px;
  }
  .no-touch .App--discussion .Composer .TextEditor .TextEditor-submit-btn {
    border-radius: 0;
    padding: 5px 30px;
    position: static;
  }
  .no-touch .App--discussion .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .icon-img {
    height: 45px;
    width: 45px;
  }
  .no-touch .App--discussion .CommentTree-lin {
    margin: 20px;
    padding: 20px;
  }
  .no-touch .App--discussion .CommentTree-lin .DiscussionListItem-texts .DiscussionListItem-state {
    position: absolute;
    right: auto;
    bottom: 25px;
    left: 20px;
  }
  .no-touch .App--discussion .CommentTree-lin .Dropdown-toggle .icon-img.storm {
    display: none;
  }
  .no-touch .App--discussion .CommentTree-lin .Post-actions-lin {
    margin: 10px 0 0;
  }
  .no-touch .App--discussion .CommentTree-lin .Post-actions-right .Post-controls {
    position: absolute;
    top: 0;
    right: 0;
  }
  .no-touch .App--discussion .CommentTree-lin .Post {
    padding-bottom: 10px;
  }
  .no-touch .App--discussion .CommentTree-lin .Post:last-child {
    margin-top: 10px;
  }
  .no-touch .App--discussion .CommentTree-lin .Post .Post-box {
    min-height: 50px;
    width: 95%;
  }
  .no-touch .App--discussion .CommentTree-lin .Post .Post-box .Post-header-lin .DiscussionListItem-texts {
    background: transparent;
  }
  .no-touch .App--discussion .CommentTree-lin .Post .Post-box .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin {
    margin-left: 0px;
  }
  .no-touch .App--discussion .CommentTree-lin .Post .Post-box .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-time {
    position: absolute;
    bottom: 18px;
  }
  .no-touch .App--discussion .CommentTree-lin .Post .Post-box .Post-body-lin {
    font-size: 22px;
    display: block;
    min-height: inherit;
    padding-left: 0;
  }
  .no-touch .App--discussion .CommentTree-lin .Post .Post-box .Post-body-lin::before {
    display: none;
  }
  .no-touch .TextEditor .TextEditor-editorContainer {
    padding: 10px 10px 10px 200px;
    background: #252525;
    border-radius: 10px;
  }
  .no-touch .TextEditor .TextEditor-editorContainer .rich-text-lin {
    max-height: 200px;
    margin-bottom: 0;
  }
  .no-touch .TextEditor .TextEditor-editorContainer .char-count {
    color: #3e3d3d;
    font-size: 22px;
    right: 10px;
    bottom: 0px;
  }
  .no-touch .Dropdown-menu {
    border-radius: 10px;
  }
  .no-touch .item-sort .Dropdown-toggle {
    line-height: 1;
    gap: 10px;
  }
  .no-touch .item-sort .Dropdown-toggle .icon-img.storm {
    display: block;
    margin-top: 5px;
  }
  .no-touch .item-sort .Dropdown-menu {
    box-shadow: inset 0 0 24px rgba(54, 125, 126, 0.57);
    border-radius: 0 !important;
    border: 2px solid #2f7d7e;
  }
  .no-touch .DiscussionPage {
    background: url("https://img.discuss.stormsdk.com/storm/wiki-com-bg1.png") no-repeat;
    background-size: 100%;
    min-height: 100vh;
  }
  .no-touch .PostStream {
    padding-bottom: 20px;
  }
  .no-touch .PostStream-item {
    padding-bottom: 15px;
  }
  .no-touch .PostStream-item .PostUser-name {
    font-weight: lighter;
  }
  .no-touch .PostStream-item .Post {
    padding: 0;
  }
  .no-touch .PostStream-item .Post .Post-header-lin {
    padding: 0;
  }
  .no-touch .PostStream-item .Post .Post-header-lin .DiscussionListItem-texts {
    padding: 0;
    margin-bottom: 15px;
    background: url("https://img.discuss.stormsdk.com/storm/com-tz2.png");
    background-size: 100% 100%;
  }
  .no-touch .PostStream-item .Post .Post-header-lin .DiscussionListItem-texts.admin {
    background: url("https://img.discuss.stormsdk.com/storm/com-tz1.png");
    background-size: 100% 100%;
  }
  .no-touch .PostStream-item .Post .Post-header-lin .DiscussionListItem-texts .PostUser-avatar {
    --size: 60px;
    border-radius: 10px;
  }
  .no-touch .PostStream-item .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-text-lin {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .no-touch .PostStream-item .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-username {
    margin: 0;
  }
  .no-touch .PostStream-item .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-time {
    margin: 0;
    padding: 0;
    margin-right: 30px;
  }
  .no-touch .PostStream-item:first-child .DiscussionListItem-text-lin .DiscussionListItem-username {
    font-size: 28px;
  }
  .no-touch .PostStream-item:first-child .Post-body-lin {
    font-size: 24px;
    padding: 0 30px;
  }
  .no-touch .PostStream-item:first-child .Post-body-lin p:first-child {
    font-size: 26px;
    color: #fff;
    max-width: 92%;
  }
  .no-touch .PostStream-item:first-child .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-tag {
    top: 60px;
    right: 30px;
    transform: none;
    z-index: 10;
  }
  .no-touch .PostStream-item:first-child .Post-actions-lin {
    padding-right: 30px;
  }
  .no-touch .PostStream-item:first-child .Post-actions-lin .reply-btn-lin {
    bottom: 24vh;
    right: 10vw;
  }
  .no-touch .Modal-lin .Modal .CommentTree-lin,
  .no-touch .PostStream-item:not(:first-child) {
    margin-bottom: 0;
  }
  .no-touch .Modal-lin .Modal .CommentTree-lin:not(:last-child),
  .no-touch .PostStream-item:not(:first-child):not(:last-child) {
    margin-bottom: 20px;
  }
  .no-touch .Modal-lin .Modal .CommentTree-lin .Post-header-lin,
  .no-touch .PostStream-item:not(:first-child) .Post-header-lin {
    font-size: 24px;
  }
  .no-touch .Modal-lin .Modal .CommentTree-lin .Post-header-lin .DiscussionListItem-text-lin .DiscussionListItem-username,
  .no-touch .PostStream-item:not(:first-child) .Post-header-lin .DiscussionListItem-text-lin .DiscussionListItem-username {
    font-size: 24px !important;
  }
  .no-touch .Modal-lin .Modal .CommentTree-lin .Post-header-lin .DiscussionListItem-time,
  .no-touch .PostStream-item:not(:first-child) .Post-header-lin .DiscussionListItem-time {
    font-size: 22px;
  }
  .no-touch .Modal-lin .Modal .CommentTree-lin .Post-body-lin,
  .no-touch .PostStream-item:not(:first-child) .Post-body-lin {
    color: #fff;
    padding: 0 30px;
  }
  .no-touch .Post-actions-right .Select {
    margin-right: 10px;
  }
  .no-touch .Post-actions-right .Select .Select-input {
    font-size: 22px;
  }
  .no-touch .Post-actions-right .Post-actions-operate {
    gap: 20px;
  }
  .no-touch .like-btn {
    font-size: 24px;
  }
  .no-touch .App--notifications .App-content {
    background: url("https://img.discuss.stormsdk.com/storm/bg-ygyt.png");
    background-size: 100%;
  }
  .no-touch .FlagsPage,
  .no-touch .NotificationsPage {
    background: transparent;
    padding-top: 20px;
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup-content .Notification .Notification-excerpt,
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification .Notification-excerpt {
    font-size: 22px;
    color: #587b7b;
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup,
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup {
    border-radius: 20px;
    border: 2px solid #292929;
    padding: 0 30px;
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-header,
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-header {
    border-bottom: 1px solid #555555;
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification .Notification-title time,
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification .Notification-title time {
    font-size: 24px;
    font-weight: lighter;
  }
  .no-touch .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-content li:last-child a,
  .no-touch .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content li:last-child a {
    border-radius: 0;
  }
  .no-touch .FlagsPage .App-primaryControl .hasIcon:first-child .icon-img,
  .no-touch .NotificationsPage .App-primaryControl .hasIcon:first-child .icon-img {
    width: 40px;
  }
  .no-touch .Post-flagged-actions .Button {
    border: var(--flagged-border);
  }
  .no-touch .TagSelectionModal .App-backControl {
    left: 0;
    right: 0;
    max-width: 1100px;
    margin: 0 auto;
    top: 20px;
  }
  .no-touch .TagSelectionModal .App-backControl .Button {
    background: url("https://img.discuss.stormsdk.com/storm/img-fanhui.png") !important;
    background-size: 100% 100% !important;
    height: 40px !important;
    width: 25px !important;
  }
  .no-touch .TagSelectionModal .App-backControl .Button .icon-img {
    display: none;
  }
  .no-touch .TagSelectionModal .SelectTagList li {
    background: transparent !important;
    border: none !important;
  }
  .no-touch .TagSelectionModal .SelectTagList li .SelectTagListItem-name {
    border-radius: 30px;
    margin-left: 30px;
  }
  .no-touch .TagSelectionModal .SelectTagList li.active .TagIcon {
    position: relative;
  }
  .no-touch .TagSelectionModal .SelectTagList li.active .TagIcon::before {
    content: "";
    width: 140%;
    height: 100%;
    position: absolute;
    top: 40%;
    left: 75%;
    transform: translate(-50%, -50%);
    background: url("https://img.discuss.stormsdk.com/storm/img-goulan.png");
    background-size: 100% 100%;
  }
  .no-touch .TagSelectionModal .TagSelectionModal-form-submit .Button--primary {
    color: #fff;
    padding: 8px 45px 12px !important;
    height: 55px !important;
    border-radius: 0;
  }
  .no-touch .FlagsPage {
    max-width: none;
    background: var(--notifcation-bg);
    background-size: 100%;
  }
  .no-touch .FlagsPage .FlagList {
    max-width: 1100px;
    margin: 0 auto;
  }
  .no-touch .FlagsPage .FlagList .Notification-content em {
    color: #95d7d7;
  }
  .no-touch .FlagsPage .FlagList .Notification {
    background: rgba(0, 0, 0, 0.5);
  }
  .no-touch .Wallet .wallet-user-box {
    margin-top: 20px;
  }
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo {
    border-radius: 10px;
  }
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo .UserCard-identity-person-setting {
    right: 25px;
    bottom: 25px;
  }
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo .info-item:first-child .UserCard-identity-person-nickNameTitle {
    display: none;
  }
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo .info-item:first-child .UserCard-identity-person-nickName {
    color: #fff;
    font-size: 32px;
  }
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo .info-item .UserCard-identity-person-nickName,
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo .info-item .UserCard-identity-person-nickNameTitle {
    font-size: 24px;
    margin: 0 0 auto;
  }
  .no-touch .Wallet .wallet-user-box .Wallet-userinfo .info-item .UserCard-identity-person .Button-label img {
    margin: 6px 10px auto;
  }
  .no-touch .Wallet .wallet-balance .name {
    font-size: 30px;
  }
  .no-touch .Wallet .wallet-balance .balance {
    color: #f6b824;
    font-size: 58px;
  }
  .no-touch .Wallet .wallet-balance .balance span {
    color: #95d7d7;
  }
  .no-touch .Wallet .wallet-remind {
    font-size: 26px;
  }
  .no-touch .Wallet .wallet-remind p:not(:last-child) {
    padding-left: 20px;
    position: relative;
  }
  .no-touch .Wallet .wallet-remind p:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 60%;
    width: 10px;
    height: 10px;
    background: #95d7d7;
    transform: rotate(45deg) translateY(-50%);
  }
  .no-touch .Wallet .recharge-box .recharge-item {
    position: relative;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg {
    justify-content: flex-end;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 20px;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left .recharge-item-name {
    text-align: left;
    font-size: 36px;
    font-weight: lighter;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left .recharge-item-name span {
    color: #ffd35b;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-price {
    font-size: 42px;
  }
  .no-touch .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-btn {
    font-size: 38px;
  }
  .no-touch .Mall {
    padding-bottom: 100px;
  }
  .no-touch .Mall .Mall-head .role-info {
    border-radius: 10px;
  }
  .no-touch .Mall .Mall-head .Mall-user-info {
    border-radius: 10px;
  }
  .no-touch .Mall .Mall-head .Mall-user-info .user-info .user-name {
    font-weight: lighter;
  }
  .no-touch .Mall .pay-box {
    border-radius: 10px;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details {
    padding: 15px 20px 30px;
    border-radius: 10px;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .details-head .detail-img {
    justify-content: center;
    padding: 15px 85px;
    height: 150px;
    width: auto;
    background: url("https://img.discuss.stormsdk.com/storm/bg-xiangqing2.png");
    background-size: 100% 100%;
    position: relative;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .details-head .detail-img::before {
    content: var(--charge-name);
    background: url("https://img.discuss.stormsdk.com/storm/sc-spxq2.png");
    background-size: 100% 100%;
    padding: 5px 20px;
    position: absolute;
    bottom: 10px;
    color: #fffddf;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .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;
    justify-content: space-between;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info span {
    color: #fff;
    flex-shrink: 0;
  }
  .no-touch .Mall .pay-box .pay-order .pay-order-details .price-box .item span {
    color: #95d7d7;
  }
  .no-touch .Mall .pay-box .pay-order .price {
    text-align: right;
  }
  .no-touch .Mall .pay-box .pay-method-list .pay-method-item.pay-item-check {
    box-shadow: inset 0 0 24px rgba(54, 125, 126, 0.43);
    border: var(--mall-pay-item-check-border);
    font-weight: lighter;
  }
  .no-touch .Mall .pay-box .pay-method-list .pay-method-item {
    border: 2px solid #4e4e4e;
    font-weight: lighter;
    border-radius: 35px;
  }
  .no-touch .Mall .pay-box .pay-method-list .pay-method-item.pay-style-payermax img {
    padding: 0;
  }
  .no-touch .Mall .pay-btn {
    width: 50%;
    max-width: 500px;
    height: 94px;
    border-radius: 5px;
    background-size: 100% 100% !important;
    background: var(--mall-pay-btn-bg);
    margin: 50px auto 0;
  }
  .no-touch .Mall .Mall-gift-pack {
    border-radius: 10px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item {
    border-radius: 0;
    padding: 5px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item::after {
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("https://img.discuss.stormsdk.com/storm/sc-sp00.png");
    background-size: 100% 100%;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-discount {
    width: 150px;
    height: 50px;
    line-height: 45px;
    font-size: 40px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-discount span {
    font-size: 26px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-img {
    z-index: 0;
    padding-top: 30px;
    min-height: 250px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-img img {
    width: 100%;
    border-radius: 0;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-content {
    z-index: 1;
    margin-top: 20px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-content .gift-pack-describe {
    padding: 8px 20px;
    border-radius: 0;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-price {
    z-index: 1;
    padding-top: 0px;
    min-height: 65px;
    margin-top: 20px;
    font-weight: lighter;
    line-height: 30px;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-num .quantity-selection .content input {
    text-align: right;
    margin-right: 0;
  }
  .no-touch .Mall .Mall-gift-pack .gift-pack-num .quantity-selection .content > span {
    display: flex;
    gap: 15px;
    min-width: 55px;
  }
  .no-touch .Mall .Order {
    padding: 50px 200px;
  }
  .no-touch .Mall .Order .Order-box .Order-title {
    height: 70px;
    line-height: 70px;
    font-size: 30px;
  }
  .no-touch .Mall .Order .Order-box .Order-details .Order-content .item {
    margin-bottom: 15px;
    gap: 50px;
  }
  .no-touch .Mall .Order .Order-btn {
    width: 80%;
  }
  .no-touch .Mall .Order-explain {
    padding: 15px 60px;
  }
  .no-touch .Mall .Order-explain .title {
    font-size: 30px;
  }
  .no-touch .Mall .Order-explain p {
    font-size: 26px;
  }
  .no-touch .container-lin .sideNavContainer li .Dropdown-menu {
    left: 0 !important;
    transform: translate(0);
    padding: 12px 0 !important;
  }
  .no-touch .container-lin .sideNavContainer li .ButtonGroup .Button i {
    transform: rotate(0deg);
  }
  #app-navigation .Navigation-box-lin .customer-service {
    background-color: transparent;
    border: none;
    margin-inline: 15px;
  }
  #app-navigation .Navigation-box-lin .customer-service .Button-label {
    display: flex;
  }
  #app-navigation .Navigation-box-lin .customer-service .Button-label img {
    width: 45px;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn {
    background: var(--nav-wallet-btn-bg);
    background-size: 100% 100%;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn {
    width: 45px;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn img {
    display: none;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .money {
    padding: 5px 10px 5px 0;
    min-width: 130px;
    font-size: 24px;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .Avatar {
    --size: 55px;
    border-radius: 10px;
  }
  #app-navigation .Navigation-box-lin .App-backControl {
    gap: 20px;
  }
  #app-navigation .Navigation-box-lin .App-backControl.dl-search {
    gap: 0;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-drawer.Button {
    height: 40px;
    width: 45px;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-title {
    display: none;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-back.hasIcon {
    height: 40px;
    width: 30px;
  }
  .dl-search:before {
    width: 45px;
    height: 42px;
    margin-right: -45px;
  }
  .DiscussionList {
    max-width: 1100px;
    margin: 0 auto;
  }
  .DiscussionList .DiscussionListItem-title {
    padding-left: 0 !important;
  }
  .DiscussionList .Dl-DiscussionListItem {
    padding: 0 30px !important;
  }
  .DiscussionList .Dl-DiscussionListItem-right {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .DiscussionList .Dl-DiscussionListItem-right .Select .Select-input {
    font-size: 22px;
    padding: 5px 25px 5px 10px;
  }
  .DiscussionList .Dl-DiscussionListItem-right .Select .Select-caret {
    font-size: 22px;
  }
  .DiscussionListItem-extra-list {
    margin: 0 0 0 auto;
    width: auto;
    color: var(--dl-dis-extra-color);
    font-size: 24px;
    padding: 0;
    background-color: transparent;
  }
  .DiscussionListItem-extra-list .Dropdown {
    width: 30px !important;
    height: 40px;
    display: flex;
    align-items: center;
  }
  .DiscussionListItem-extra-list .Dropdown .SplitDropdown-button {
    display: none;
  }
  .DiscussionListItem-extra-list .Dropdown .Dropdown-toggle {
    background: var(--dropdown-bg) center 20% no-repeat !important;
    background-size: 100% !important;
    width: 100%;
    height: 50px;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  .new-PostUser-experiences {
    color: #95d7d7;
    font-size: 20px;
  }
  .new-PostUser-all-experiences {
    color: #b5b5b5;
    font-size: 20px;
  }
  .new-PostUser-bar {
    background: #95d7d7;
    border-radius: 0;
    height: 10px;
  }
  div.PostUser-bar--empty {
    background: #303030;
  }
  .extra-userSearchResult .username {
    color: #8d8c8c;
  }
  .extra-userSearchResult .extra-userSearchResult-text-username .username {
    color: #fff;
  }
  .item-discussionTitle .counter {
    color: #3e3d3d;
    font-size: 22px;
  }
  .header-view {
    display: flex;
    flex-direction: column;
  }
  .header-view .main-img {
    margin-top: 64px;
  }
  .dl_tag_image {
    margin-top: 64px;
  }
  .floatingImageContainer {
    bottom: 24vh;
    right: 10vw;
  }
  .floatingImageContainer .Button-label img {
    width: 80px;
  }
  .floatingPromptWrapper {
    position: fixed;
    bottom: 12vh;
    right: 10vw;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .floatingPromptContainer {
    border: none;
    background-color: transparent;
    padding: 0;
    position: relative;
  }
  .floatingPromptContainer .floatingPromptLight {
    position: absolute;
    top: 56%;
    left: -28%;
    width: 68% !important;
    height: 100% !important;
    transform: translateY(-50%);
  }
  .floatingPromptContainer .Button-label img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
  .floatingPromptText {
    background: rgba(0, 0, 0, 0.86);
    border-radius: 10px;
    padding: 10px 20px;
    min-width: 200px;
    max-width: 300px;
    box-shadow: inset 0px 0px 40px rgba(137, 248, 255, 0.2);
    animation: slideInLeft 0.3s ease-out;
    position: absolute;
    right: 110%;
    width: max-content;
  }
  .floatingPromptText .promptTextContent {
    color: #a1f9fc;
    font-size: 22px;
    text-align: left;
    line-height: 1.4;
  }
  .floatingPromptText .promptTextContent h1 {
    font-size: 30px;
    color: #a2fafd;
    margin: 0;
    font-weight: 400;
  }
  @keyframes slideInLeft {
    from {
      opacity: 0;
      transform: translateX(30px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
}
@media (max-width: 767px) {
  .App {
    padding-top: 10.2vw;
  }
  .FormControl {
    border: 1px solid transparent;
  }
  .TextEditor-controls .FormDropdown.Dropdown-menu--top {
    text-align: center;
  }
  .TextEditor-controls .FormDropdown.Dropdown-menu--top .Button--primary {
    background: url("https://img.discuss.stormsdk.com/storm/btn-hmd.png");
    background-size: 100% 100%;
    padding: 2vw 12vw 2.5vw;
    font-size: 5vw;
    border-radius: 0;
    margin: 0;
    color: #fff;
  }
  .Placeholder p {
    font-size: 4vw;
    color: #bbbbbb;
  }
  .touch .App-content .customer-service {
    display: none;
  }
  .touch .App-content .sideNav-lin {
    padding: 1vw 4vw;
    margin-top: 3vw;
  }
  .touch .App-content .sideNav-lin li {
    width: 100%;
  }
  .touch .App-content .sideNav-lin li .dl-block {
    display: flex;
    align-items: center;
    gap: 2vw;
  }
  .touch .App-content .sideNav-lin li .dl-block .dl-block-img {
    width: 100%;
    display: flex;
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-04.png");
    background-size: 100% 100%;
  }
  .touch .App-content .sideNav-lin li .dl-block .dl-block-img img {
    width: 10vw;
  }
  .touch .App-content .sideNav-lin li .dl-block p {
    padding-right: 0;
    margin-top: 0;
    font-size: 3.5vw;
  }
  .floatingImageContainer {
    bottom: 27vw;
  }
  .floatingPromptWrapper {
    position: fixed;
    bottom: 12vw;
    right: 3vw;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 2vw;
  }
  .floatingPromptContainer {
    border: none;
    background-color: transparent;
    padding: 0;
    position: relative;
  }
  .floatingPromptContainer .floatingPromptLight {
    position: absolute;
    top: 56%;
    left: -28%;
    width: 68% !important;
    height: 100% !important;
    transform: translateY(-50%);
  }
  .floatingPromptContainer .Button-label img {
    width: 12vw;
    height: 12vw;
    object-fit: cover;
  }
  .floatingPromptText {
    background: rgba(0, 0, 0, 0.86);
    border-radius: 2vw;
    padding: 2vw 3vw;
    min-width: 20vw;
    max-width: 50vw;
    width: max-content;
    box-shadow: inset 0px 0px 5vw rgba(137, 248, 255, 0.11);
    position: absolute;
    left: 0;
    transform: translateX(-105%);
  }
  .floatingPromptText .promptTextContent {
    color: #a1f9fc;
    font-size: 3vw;
    text-align: left;
    line-height: 1.4;
  }
  .floatingPromptText .promptTextContent h1 {
    font-size: 4vw;
    color: #a2fafd;
    margin: 0;
    font-weight: 400;
  }
  .App--user .App-content {
    background-color: #101010;
  }
  .touch #modal .Modal-lin .NickameModal .Modal-body .Form--centered .Form-group:first-child {
    margin-block: 6vw 3vw;
  }
  .touch #modal .Modal-lin .NickameModal .Modal-body .Form-group .Button {
    margin-top: 0;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body {
    margin-bottom: -8vw !important;
    padding: 5vw 6vw 5vw !important;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-footer {
    padding: 0;
  }
  .touch #modal .Modal-lin .SignUpModal .Form-group {
    margin-bottom: 2vw !important;
  }
  .touch #modal .Modal-lin .SignUpModal .Form-group.input-code input {
    text-align: center;
  }
  .touch #modal .Modal-lin .SignUpModal .Form-group.input-code .Button {
    margin-top: 0 !important;
  }
  .touch #modal .Modal-lin .SignUpModal .Form-group .Button {
    margin-top: 3vw !important;
  }
  .touch #modal .Modal-lin .SignUpModal .closeBtn,
  .touch #modal .Modal-lin .LogInModal .closeBtn {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 4vw;
  }
  .touch #modal .Modal-lin .SignUpModal .closeBtn .Button,
  .touch #modal .Modal-lin .LogInModal .closeBtn .Button {
    background: url("https://img.discuss.stormsdk.com/storm/img-fanhui.png") !important;
    background-size: 100% 100% !important;
    height: 6vw !important;
    width: 4vw !important;
    margin-left: 4vw !important;
  }
  .touch #modal .Modal-lin .SignUpModal .closeBtn .Button .icon-img,
  .touch #modal .Modal-lin .LogInModal .closeBtn .Button .icon-img {
    display: none;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content,
  .touch #modal .Modal-lin .LogInModal .Modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content form,
  .touch #modal .Modal-lin .LogInModal .Modal-content form {
    width: 98vw;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-header,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-header {
    display: none;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body {
    margin-bottom: -14vw;
    padding: 5vw 6vw 8vw;
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png") !important;
    background-size: 100% 100% !important;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Login-title-img,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Login-title-img {
    display: none;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group.hint,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group.hint {
    color: #fff;
    font-size: 3.5vw;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .FormControl,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .FormControl {
    border-radius: 2vw;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .FormControl::placeholder,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .FormControl::placeholder {
    color: #526363;
    opacity: 1;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .Button,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .Button {
    padding: 3vw 12vw 5vw;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-body .Form-group .remember-me-btn input[type="checkbox"]::before,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-body .Form-group .remember-me-btn input[type="checkbox"]::before {
    width: 105%;
    height: 105%;
  }
  .touch #modal .Modal-lin .SignUpModal .Modal-content .Modal-footer,
  .touch #modal .Modal-lin .LogInModal .Modal-content .Modal-footer {
    font-size: 3.5vw;
  }
  .touch #modal .Modal-lin .SignUpModal.Modal.Modal--small .Modal-content .Modal-close,
  .touch #modal .Modal-lin .LogInModal.Modal.Modal--small .Modal-content .Modal-close {
    text-align: left;
  }
  .touch #modal .Modal-lin .Modal {
    border-radius: 0;
  }
  .touch #modal .Modal-lin .Modal .TagsInput {
    display: flex;
    align-items: center;
  }
  .touch #modal .Modal-lin .Modal .TagsInput .FormControl {
    flex: 1;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content {
    border-radius: 0px;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-close {
    text-align: right;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-close .Button {
    width: 9vw;
    height: 9vw;
    padding: 0 !important;
    top: 1vw;
    display: flex;
    align-items: center;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-close .Button .icon-img {
    width: 100%;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-header {
    background: url("https://img.discuss.stormsdk.com/storm/role-xzrw-tc.png");
    background-size: 100% 100%;
    height: 9vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-header .App-titleControl {
    font-size: 5vw;
    color: #000 !important;
    line-height: 9vw;
    height: 9vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png");
    background-size: 100% 100%;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Modal-body .Form--centered .Form-group .FormControl {
    border-radius: 2vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Form-group {
    margin-bottom: 3vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .Form-group .Button {
    padding: 1.5vw 5vw 2.5vw;
    height: auto;
    line-height: normal;
    min-width: 34vw;
    margin-top: 8vw;
    font-size: 5vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box {
    border-radius: 0;
    margin-top: -9vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-modal-header {
    background: url("https://img.discuss.stormsdk.com/storm/role-xzrw-tc.png");
    background-size: 100% 100%;
    font-size: 5.5vw;
    height: 9vw;
    line-height: 10vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png");
    background-size: 100% 100%;
    padding: 4vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 2vw 0;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list-title {
    font-size: 4vw;
    color: #282f2e;
    margin: 0 2vw;
    text-align: center;
    background: url("https://img.discuss.stormsdk.com/storm/role-btm-bt.png");
    background-size: 100% 100%;
    padding: 0 1vw 0.5vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list {
    padding: 2vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item {
    border-radius: 0;
    padding: 3vw 2vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .icon-img {
    width: 14vw;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .icon-img .role-img {
    width: 14vw;
    height: 14vw;
    border-radius: 50%;
  }
  .touch #modal .Modal-lin .Modal.Modal--small .Modal-content .role-modal-box .role-lists-box .role-lists-box-item .role-list .role-item .role-icon .checked-img {
    border-radius: 50%;
    padding: 4vw 3vw;
  }
  .touch #modal .Modal-lin .role-modal .Modal-content {
    width: 98vw !important;
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .App-backControl {
    left: 2vw !important;
    right: 0;
    top: 2vw;
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .App-backControl .Button {
    background: url("https://img.discuss.stormsdk.com/storm/img-fanhui.png") !important;
    background-size: 100% 100% !important;
    height: 7vw !important;
    width: 5vw !important;
    padding: 0 !important;
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .App-backControl .Button .icon-img {
    display: none;
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body {
    max-height: 100vh;
    height: 100vh;
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body label textarea {
    border-radius: 2vw;
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"] {
    /* 移除默认样式 */
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    appearance: none;
    /* 标准属性 */
  }
  .touch #modal .Modal-lin .FlagPostModal .Modal-content .Modal-body .checkbox input[type="radio"]:checked::after {
    background: url("https://img.discuss.stormsdk.com/storm/img-goulan.png");
    background-color: transparent;
    background-size: 100% 100%;
    border-radius: 0;
    width: 140%;
    height: 100%;
    top: 40%;
    left: 75%;
  }
  .touch #modal .Modal-lin .refund-modal {
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-tc01.png");
    background-size: 100% 100%;
    width: 98%;
    margin: 0 auto;
  }
  .touch #modal .Modal-lin .refund-modal.Modal.Modal--small .Modal-content {
    padding: 5vw 0 0;
  }
  .touch #modal .Modal-lin .refund-modal.Modal.Modal--small .Modal-content .Modal-header {
    background: transparent;
    color: #fff;
  }
  .touch #modal .Modal-lin .refund-modal.Modal.Modal--small .Modal-content .Modal-header .App-titleControl {
    color: #fff !important;
  }
  .touch #modal .Modal-lin .refund-modal .Modal-close {
    top: 10px;
  }
  .touch #modal .Modal-lin .refund-modal .Modal-close .hasIcon {
    background: url("https://img.discuss.stormsdk.com/storm/btn-tc-gb.png") !important;
    background-size: 100% 100% !important;
    border-radius: 0;
    width: 8vw !important;
    height: 6vw !important;
  }
  .touch #modal .Modal-lin .refund-modal .Modal-close .hasIcon .icon-img {
    display: none;
  }
  .touch #modal .Modal-lin .refund-modal .Modal-content .refund-modal-box .modal-content {
    font-size: 4vw;
  }
  .touch #modal .Modal-lin .gift-pack,
  .touch #modal .Modal-lin .pay-confirm-modal {
    background: url("https://img.discuss.stormsdk.com/storm/btm-tc-long.png");
    background-size: 100% 100%;
    width: 98%;
    margin: 0 auto;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .closeBtn,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .closeBtn {
    right: 3vw;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .closeBtn .Button,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .closeBtn .Button {
    width: 7vw;
    height: 10vw;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .Modal-header,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .Modal-header {
    background: transparent;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .title,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .title {
    color: #000;
    padding: 1vw 2vw 2vw;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .price,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .price {
    font-size: 9vw;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-item-check,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-item-check {
    box-shadow: inset 0 0 5vw rgba(54, 125, 126, 0.43);
    border: var(--pay-item-check-border);
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item {
    border: 2px solid #4e4e4e;
    font-weight: lighter;
  }
  .touch #modal .Modal-lin .gift-pack.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-style-payermax img,
  .touch #modal .Modal-lin .pay-confirm-modal.Modal.Modal--small .Modal-content .pay-confirm-modal-box .payment-method-box .pay-method-item.pay-style-payermax img {
    padding: 0;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content {
    width: 100vw !important;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-title {
    padding: 1vw;
    font-size: 4.5vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content {
    padding: 4vw 6vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-img {
    position: relative;
    padding: 6vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-img .gift-pack-icon {
    width: 50%;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-img .gift-pack-describe {
    position: absolute;
    bottom: 4vw;
    color: #fffddf;
    font-size: 4.5vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-content-title {
    padding: 2vw 2vw 1vw;
    font-size: 5vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-content-title::before {
    top: 3.2vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-content .gift-pack-content-text {
    font-size: 4vw;
    margin-left: 2vw;
    line-height: 6vw;
  }
  .touch #modal .Modal-lin .gift-pack .Modal-content .gift-pack-modal .gift-pack-price .btn {
    width: auto;
    padding: 2vw 8vw;
  }
  .touch #modal .Modal-lin .gift-pack .gift-pack-describe {
    background: url("https://img.discuss.stormsdk.com/storm/sc-spxq2.png");
    background-size: 100% 100%;
    padding: 1vw 4vw;
  }
  .touch #modal .Modal-lin .Modal-comment-container {
    top: 30%;
    transform: none;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body {
    border-top: 1px solid #2f2f2f;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .header {
    text-align: right;
    margin-bottom: 4vw;
    z-index: 10;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .delete-icon {
    margin-right: 5vw;
    background: url("https://img.discuss.stormsdk.com/storm/icon-guanbi.png");
    height: 5vw;
    width: 5vw;
    background-size: 100% 100%;
    margin-top: 1vw;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .delete-icon .icon-img {
    display: none;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .count {
    position: absolute;
    width: 100%;
    top: 0;
    margin: 0;
    border: none;
    text-align: center;
    font-size: 4vw;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box {
    height: 55vh;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-text-lin {
    flex-direction: column;
    align-items: flex-start;
  }
  .touch #modal .Modal-lin .Modal-comment-container .Modal-comment-body .scroll-box .CommentTree-lin .Post .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-text-lin .DiscussionListItem-time {
    font-size: 3vw;
    color: #797979;
  }
  .touch #modal .blackListPage .dl-content {
    margin-top: 0;
  }
  .touch .App-content .Pages-page .carousel .carousel__left__btn img,
  .touch .App-content .tagTitle .carousel .carousel__left__btn img,
  .touch .App-content .TagsPage .carousel .carousel__left__btn img {
    width: 10vw;
    transform: rotateY(180deg);
  }
  .touch .App-content .Pages-page .carousel .carousel__right__btn img,
  .touch .App-content .tagTitle .carousel .carousel__right__btn img,
  .touch .App-content .TagsPage .carousel .carousel__right__btn img {
    width: 10vw;
    transform: rotateY(0);
  }
  .touch .App-content .Pages-page .carousel .carousel__control--current,
  .touch .App-content .tagTitle .carousel .carousel__control--current,
  .touch .App-content .TagsPage .carousel .carousel__control--current {
    width: 4vw;
    height: 4vw;
    margin: 0 0 0 -1vw;
  }
  .touch .App-content .Pages-page .navItems-lin,
  .touch .App-content .tagTitle .navItems-lin,
  .touch .App-content .TagsPage .navItems-lin {
    background-size: 100% 100%;
  }
  .touch .App-content .Pages-page .navItems-lin > ul li,
  .touch .App-content .tagTitle .navItems-lin > ul li,
  .touch .App-content .TagsPage .navItems-lin > ul li {
    position: relative;
    padding: 2vw 0;
  }
  .touch .App-content .Pages-page .navItems-lin > ul li:not(:first-child)::after,
  .touch .App-content .tagTitle .navItems-lin > ul li:not(:first-child)::after,
  .touch .App-content .TagsPage .navItems-lin > ul li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: url("https://img.discuss.stormsdk.com/storm/com-btm-topline.png");
    background-size: 100% 100%;
  }
  .touch .App-content .Pages-page .navItems-lin > ul li.active a .navItem::after,
  .touch .App-content .tagTitle .navItems-lin > ul li.active a .navItem::after,
  .touch .App-content .TagsPage .navItems-lin > ul li.active a .navItem::after {
    width: 16vw;
    height: 14vw;
    bottom: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .touch .App-content .Pages-page .container,
  .touch .App-content .tagTitle .container,
  .touch .App-content .TagsPage .container {
    width: auto;
    background: url("https://img.discuss.stormsdk.com/storm/com-bg1.png");
    background-size: 100%;
  }
  .touch .App-content .TagsPage .container {
    background: transparent;
  }
  .touch .App-content .tagTitle .dl-container .dl-block,
  .touch .App-content .TagsPage .dl-container .dl-block,
  .touch .App-content .Pages-page .dl-container .dl-block {
    padding: 0;
  }
  .touch .App-content .tagTitle .dl-container .dl-block img,
  .touch .App-content .TagsPage .dl-container .dl-block img,
  .touch .App-content .Pages-page .dl-container .dl-block img {
    width: 100%;
  }
  .touch .App-content .tagTitle .dl-header-tabs,
  .touch .App-content .TagsPage .dl-header-tabs,
  .touch .App-content .Pages-page .dl-header-tabs {
    padding: 0 1vw 0vw;
    top: 10vw;
    height: 12vw;
  }
  .touch .App-content .tagTitle .dl-header-tabs .navItems ul li .navItem,
  .touch .App-content .TagsPage .dl-header-tabs .navItems ul li .navItem,
  .touch .App-content .Pages-page .dl-header-tabs .navItems ul li .navItem {
    padding: 1vw 4vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem {
    padding: 0 0 3.5vw;
    border-radius: 2vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem .item:not(:first-child) {
    margin-left: 4vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .Dl-DiscussionListItem .item .btn-icon {
    width: 4.7vw;
    height: 4.5vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content {
    padding: 0;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main {
    padding: 0 0 1.5vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left {
    width: 100%;
    background: url("https://img.discuss.stormsdk.com/storm/com-tz2.png");
    background-size: 100% 100%;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left.admin {
    background: url("https://img.discuss.stormsdk.com/storm/com-tz1.png");
    background-size: 100% 100%;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    min-width: 0;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo {
    gap: 2vw;
    height: auto;
    min-width: 0;
    flex: 1;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-username {
    padding: 0;
    font-size: 4vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-userinfo .DiscussionListItem-title {
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state {
    flex-direction: column;
    flex-shrink: 0;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state .DiscussionListItem-time {
    padding-right: 1vw;
    padding-top: 0;
    font-size: 3vw;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-text .DiscussionListItem-state .DiscussionListItem-username {
    color: #c1c1c1;
    padding: 0;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .Avatar {
    width: 10vw;
    height: 10vw;
    border-radius: 2vw 2vw 0 0;
  }
  .touch .App-content .DiscussionList .DiscussionList-discussions .DiscussionListItem .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-content-text {
    padding: 0 2vw;
  }
  .touch .App-content .item-notificationGrid {
    border-radius: 1vw;
    padding: 2vw 4vw;
  }
  .touch .App-content .item-notificationGrid .NotificationGrid-checkbox .Checkbox-display .icon-img {
    width: 6vw;
  }
  .touch .App-content .item-notificationGrid .NotificationGrid tbody tr .NotificationGrid-checkbox .off .Checkbox-display {
    height: 5vw;
  }
  .touch .container .sideNavOffset .sideNav-lin .dl-blocks {
    position: relative;
  }
  .touch .container .sideNavOffset .sideNav-lin .dl-blocks::before {
    content: "";
    width: 100%;
    height: 10vw;
    position: absolute;
    bottom: 8vw;
    left: 0;
    background: url("https://img.discuss.stormsdk.com/storm/main-kj-line.png");
    background-size: 100% 100%;
  }
  .touch .container-lin .PostStream .sideNavContainer .sideNav li .Dropdown-menu {
    left: 0 !important;
    transform: translate(0);
  }
  .touch .container-lin .PostStream .sideNavContainer .sideNav li .ButtonGroup .Button {
    padding: 2vw 4vw 2.5vw;
  }
  .App-drawer .container {
    padding: 14vw 1.5vw 0 1vw;
    width: 50vw;
  }
  .App-drawer .container .Header-title {
    display: none;
  }
  .App-drawer .container .item-user-title .title,
  .App-drawer .container .multiple-games-box .title {
    position: relative;
    font-size: 4vw;
    padding-left: 2vw;
    padding-bottom: 2vw;
  }
  .App-drawer .container .item-user-title .title::after,
  .App-drawer .container .multiple-games-box .title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.4vw;
    background: url("https://img.discuss.stormsdk.com/storm/cbl-line-ph.png");
    background-size: 100% 100%;
  }
  .App-drawer .container .Header-secondary .Header-controls > li {
    padding: 0;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-imlk {
    min-height: 45vw;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-imlk img {
    width: 100%;
  }
  .App-drawer .container .Header-secondary .Header-controls .Dropdown-separator {
    height: 1.5vw;
    margin: 0 !important;
  }
  .App-drawer .container .Header-secondary .Header-controls .multiple-games-box .game-list {
    padding: 1vw 0;
  }
  .App-drawer .container .Header-secondary .Header-controls .multiple-games-box .game-item {
    padding: 1vw 0 0;
  }
  .App-drawer .container .Header-secondary .Header-controls .multiple-games-box .game-item img {
    width: 100%;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-settings {
    margin-top: 0 !important;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-toggle {
    justify-content: flex-start !important;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-toggle .icon-img {
    width: 5vw !important;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-locale .Dropdown-toggle .Button-caret {
    display: none !important;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-locale .storm {
    display: none;
  }
  .App-drawer .container .Header-secondary .Header-controls .Button--flat,
  .App-drawer .container .Header-secondary .Header-controls .controls-item a {
    padding: 2vw 2.5vw !important;
  }
  .App-drawer .container .Header-secondary .Header-controls .item-logOut {
    padding: 0 !important;
  }
  .dl-post-tagItem {
    margin-left: 0;
    line-height: 5vw;
    padding-block: 0;
  }
  .UserPage .UserCard .new-PostUser-levelText {
    font-size: 4vw;
  }
  .UserPage .UserCard .person-grade-text {
    font-size: 4vw;
  }
  .UserPage .UserCard .new-darkenBackground .container .person-center-containers {
    background: linear-gradient(to right, #121212, #242424);
    border: 1px solid #4d4d4d;
    border-radius: 1vw;
  }
  .UserPage .UserCard .new-darkenBackground .container .person-center-containers .person-center-top-img {
    width: 7vw;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box {
    padding: 3vw 2vw 4vw 3vw;
    background: url("https://img.discuss.stormsdk.com/storm/role-txt-bg.png");
    background-size: 100% 100%;
    border-radius: 0;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box.admin {
    background: url("https://img.discuss.stormsdk.com/storm/role-txt-bg2.png");
    background-size: 100% 100%;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter {
    display: flex;
    align-items: flex-start;
    padding-bottom: 2vw;
    gap: 4vw;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-avatar {
    margin: 0;
    width: auto;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-avatar .Avatar {
    --size: 26vw;
    border-radius: 1vw;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-identity-person-setting {
    bottom: 0;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-right {
    flex: 1;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-right .UserCard-identity-lin .UserCard-identity-person {
    padding: 0;
    line-height: 1;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-right .UserCard-identity-lin h1:last-child {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-right .person-center-containers {
    background: transparent;
    border: none;
    padding: 3vw 0;
    flex-direction: column;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-right .person-center-containers .person-center-blocks {
    display: flex;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .Perssson-msg-fiter .UserCard-right .person-center-containers .person-center-bottom {
    flex: 1;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .person-grade-container-lin .person-grade-container .DiscussionListItem-img-box {
    margin-left: 0;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .person-grade-container-lin .person-grade-container .DiscussionListItem-img-box .person-grade-img {
    height: 7vw;
  }
  .UserPage .UserCard .new-darkenBackground .container .UserCard-box .person-grade-container-lin .person-grade-container .DiscussionListItem-img-box .DiscussionListItem-img-lv {
    left: 66%;
  }
  .UserPage .UserCard .UserCard-profile .User-wallet {
    border: 1px solid #4d4d4d;
    border-radius: 1vw;
  }
  .UserPage .UserCard .UserCard-profile .User-wallet .left {
    padding-left: 8vw;
    position: relative;
  }
  .UserPage .UserCard .UserCard-profile .User-wallet .left::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7vw;
    height: 5vw;
    background: url("https://img.discuss.stormsdk.com/storm/role-qb1.png");
    background-size: 100% 100%;
  }
  .UserPage .UserCard .UserCard-profile .User-wallet .right .money {
    font-size: 4vw;
  }
  .UserPage .UserCard .UserCard-profile .User-wallet .right .btn {
    border-radius: 0;
    width: 18vw;
    margin-bottom: -1vw;
    height: 7vw;
    line-height: 6.5vw;
  }
  .extra-userPage-container .extra-click-change,
  .extra-search-content .extra-click-change {
    z-index: 2;
  }
  .extra-userPage-container .extra-click-change::after,
  .extra-search-content .extra-click-change::after {
    width: 110%;
    height: 8vw;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: -1;
  }
  .extra-userPage-container .extra-myPosts-container,
  .extra-search-content .extra-myPosts-container {
    padding: 0 5vw;
    margin: 0;
  }
  .SettingsPage > ul > li {
    margin-bottom: 2vw;
  }
  .SettingsPage legend {
    font-weight: lighter;
  }
  .SettingsPage .Settings-account ul li .Button {
    padding: 1vw 7vw 2vw;
    border-radius: 0;
  }
  .ProfilePagePhoneContent .Header .Item .Btn {
    padding: 1vw 6vw 2vw;
    font-size: 3.5vw;
    border-radius: 0;
  }
  .ProfilePagePhoneContent .List .Item {
    padding: 4vw;
    margin-top: 4vw;
  }
  .ProfilePagePhoneContent .Avatar {
    --size: 12vw;
  }
  .search-title .Search-input {
    gap: 1vw;
  }
  .search-title .Search-input::before {
    margin: 0;
    width: 5vw;
    left: 2vw;
  }
  .search-title .Search-input .charCount {
    color: #5a5a5a;
    font-size: 3.2vw;
  }
  .search-title .Search-input .FormControl {
    font-size: 3.5vw;
    padding: 0 0 0 9vw;
  }
  .search-title .Search-input .Search-clear.Button {
    padding: 1vw 0;
  }
  .Search-results {
    border-radius: 2vw;
    width: 100%;
    top: 100%;
    padding: 2vw;
    background: #000;
  }
  .Search-results .Dropdown-header {
    font-size: 3.2vw;
    font-weight: lighter;
  }
  .Search-results mark {
    font-weight: lighter;
  }
  .Search-results > li > a.hasIcon {
    font-size: 3.2vw;
    position: relative;
    padding-left: 10vw;
  }
  .Search-results > li > a.hasIcon::before {
    content: "";
    background: url("https://img.discuss.stormsdk.com/storm/img-sousuohs.png");
    background-size: 100% 100%;
    height: 4vw;
    padding: 0;
    position: absolute;
    left: 4vw;
    top: 50%;
    transform: translateY(-50%);
    width: 4vw;
    filter: brightness(0.5);
  }
  .Search-results > li > a.hasIcon .Button-icon {
    display: none;
  }
  .DiscussionSearchResult-excerpt {
    font-size: 3vw;
    color: #5a5a58;
  }
  .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .extra-userSearchResult {
    border-radius: 4vw;
    border: 2px solid #292929;
  }
  .App--page #content .App-content:not(:has(.tagTitle)) .searchPage .DiscussionListItem .DiscussionList-reply-box .DiscussionList-reply-item:last-child {
    border-radius: 0 0 2vw 2vw;
  }
  .searchPage {
    background-color: #101010;
    min-height: 100vh;
  }
  .searchPage .DiscussionList-reply-box {
    margin: 2vw 0 -3.5vw;
  }
  .searchPage .dl-content .dl-discussion-container .extra-userSearchResult .extra-userSearchResult-container .extra-userSearchResult-right .extra-userSearchResult-text + .username {
    display: none;
  }
  .searchPage .dl-content .dl-discussion-container .extra-userSearchResult .extra-userSearchResult-container .extra-userSearchResult-text .extra-userSearchResult-text-grade .extra-userSearchResult-text-grade-lv {
    left: 67%;
  }
  .searchPage .dl-content .dl-discussion-container .extra-userSearchResult .extra-userSearchResult-container .extra-userSearchResult-text .extra-userSearchResult-text-grade img {
    height: 6vw;
  }
  .IndexPage-toolbar {
    background-color: transparent;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header,
  .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5vw;
    padding-top: 6vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn,
  .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 4vw;
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-03.png");
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    line-height: 1;
    width: 40vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn:hover,
  .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn:hover {
    filter: brightness(1.2);
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn.active,
  .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn.active {
    background: url("https://img.discuss.stormsdk.com/storm/wiki-btn1.png");
    background-size: 100% 100%;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn img,
  .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn img {
    width: 10vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn span,
  .TagsPage .dl-content .IndexPage-toolbar-box .wiki-tab-header .wiki-tab-btn span {
    text-align: center;
    flex: 1;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream {
    padding-top: 0;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-item,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-item {
    margin: 0;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-item .Post-actions-right,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-item .Post-actions-right {
    gap: 2vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-item .Post-actions-right .Select,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-item .Post-actions-right .Select {
    margin-right: 3vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .item-reply,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .item-reply {
    display: none;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-sort,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .PostStream .PostStream-sort {
    display: none;
  }
  .App--discussion .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .TagView-load-more,
  .TagsPage .dl-content .IndexPage-toolbar-box .IndexPage-toolbar .TagView-load-more {
    font-size: 3vw;
    color: #2f8386;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .App--discussion .dl-content .wiki-hero,
  .TagsPage .dl-content .wiki-hero {
    position: relative;
    min-height: min-content;
  }
  .App--discussion .dl-content .wiki-hero .wiki-hero-bg,
  .TagsPage .dl-content .wiki-hero .wiki-hero-bg {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    z-index: 0;
  }
  .App--discussion .dl-content .wiki-hero .carousel__slide-image,
  .TagsPage .dl-content .wiki-hero .carousel__slide-image {
    position: absolute;
    bottom: 0;
    width: auto;
    height: 100%;
    left: auto;
    right: -23%;
  }
  .App--discussion .dl-content .wiki-hero .wiki-hero-info,
  .TagsPage .dl-content .wiki-hero .wiki-hero-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    width: 100%;
    height: 100%;
    line-height: 1.4;
  }
  .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title,
  .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title {
    position: absolute;
    top: 2vw;
    left: 4vw;
  }
  .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-nickname,
  .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-nickname {
    font-size: 3.4vw;
    color: #ffda59;
    text-shadow: -1px 0 0 #7f582f, 0 -1px 0 #7f582f, -1px -1px 0 #7f582f, 1px -1px 0 #7f582f, -1px 1px 0 #7f582f, 1px 1px 0 #7f582f;
  }
  .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-name,
  .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-title .wiki-hero-title-name {
    font-size: 3.5vw;
    color: #fff;
    text-shadow: -1px 0 0 #353333, 0 -1px 0 #353333, -1px -1px 0 #353333, 1px -1px 0 #353333, -1px 1px 0 #353333, 1px 1px 0 #353333;
  }
  .App--discussion .dl-content .wiki-hero .wiki-hero-info .wiki-hero-content,
  .TagsPage .dl-content .wiki-hero .wiki-hero-info .wiki-hero-content {
    position: absolute;
    bottom: 0.5vw;
    left: 4vw;
    display: flex;
    align-items: center;
    gap: 5vw;
    text-shadow: -1px 0 0 #353333, 0 -1px 0 #353333, -1px -1px 0 #353333, 1px -1px 0 #353333, -1px 1px 0 #353333, 1px 1px 0 #353333;
    font-size: 3.2vw;
    color: #fff;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin {
    padding-bottom: 3vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .ButtonGroup .Button {
    padding: 2.5vw 3.5vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .icon-img.storm,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .icon-img.storm {
    display: inline-block;
    width: 3vw;
    margin-top: 1vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu {
    box-shadow: inset 0 0 5vw rgba(54, 125, 126, 0.57);
    border-radius: 0;
    min-width: 30vw;
    left: 0 !important;
    top: 100%;
    padding: 2vw 0 !important;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu .hasIcon .icon-img,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-view .Dropdown-menu .hasIcon .icon-img {
    margin-left: -8vw;
    width: 6vw;
    margin-right: 0vw;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-action .item-refresh,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-action .item-refresh {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-04.png");
    background-size: 100% 100%;
    display: flex;
  }
  .App--discussion .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-action .item-refresh img,
  .TagsPage .dl-content .IndexPage-toolbar .IndexPage-toolbar-lin .IndexPage-toolbar-action .item-refresh img {
    width: 10vw;
  }
  .Composer {
    height: 100vh !important;
  }
  .Composer .item-minimize {
    left: 2vw;
    top: 10px;
  }
  .Composer .item-minimize .Button {
    background: url("https://img.discuss.stormsdk.com/storm/icon-guanbi.png") !important;
    background-size: 100% 100% !important;
    height: 6vw;
    width: 6vw;
  }
  .Composer .item-minimize .icon-img {
    display: none;
  }
  .Composer .Composer-content .ComposerBody-top {
    display: none;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header {
    border-bottom: 1px solid #424242;
    padding: 1vw 0;
    margin: 0 2vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header .item-title {
    margin: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header h3 {
    font-size: 3.5vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-header .item-discussionTitle {
    padding: 2vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-line {
    display: none;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer {
    border-radius: 3vw 3vw 0 0;
    padding-top: 7vw;
    margin-top: -15vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-uploadFile {
    margin-bottom: 1vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-activity {
    padding-left: 4vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-activity .TextEditor-activity {
    display: flex;
    align-items: center;
    margin-top: 1vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-activity .TextEditor-activity .TextEditor-activity-item {
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 1.5vw;
    padding: 1vw 1vw 1vw 3vw;
    font-size: 3vw;
    line-height: 1;
    gap: 2vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-activity .TextEditor-activity .TextEditor-activity-item-close {
    background: transparent;
    border: none;
    width: 4vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-activity .TextEditor-activity .TextEditor-activity-item-close .Button-label {
    display: flex;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-footer .item-activity .TextEditor-activity .TextEditor-activity-item-close img {
    width: 100%;
  }
  .Composer .Composer-content .ComposerBody-content .activity .Dropdown-toggle {
    padding: 0vw 3vw;
    border-radius: 1.5vw;
  }
  .Composer .Composer-content .ComposerBody-content .activity .icon-img.storm {
    display: inline-block;
    width: 2vw;
  }
  .Composer .Composer-content .ComposerBody-content .activity .Dropdown .Dropdown-menu li:not(:first-child) {
    padding-top: 3vw;
  }
  .Composer .Composer-content .ComposerBody-content .activity .activity-btn {
    padding: 0;
  }
  .Composer .Composer-content .ComposerBody-content .activity .activity-btn .activity-title {
    font-size: 3vw;
    padding: 0.5vw 3vw;
    border-radius: 1.5vw;
    min-width: 20vw;
    text-align: center;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon {
    width: 7vw;
    height: 7vw;
    padding: 0;
    margin: 0;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon.Button-emojionearea {
    margin-left: 3vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon .icon-img {
    width: 7vw;
    height: 7vw;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .TextEditor-controls .Button--icon span {
    padding: 0;
  }
  .Composer .Composer-content .ComposerBody-content .ComposerBody-editor .TextEditor .TextEditor-operation .item-submit .icon-img {
    width: 6vw;
    height: 5.5vw;
  }
  .Composer .TextEditor .item-preview,
  .Composer .TextEditor .item-rich-text {
    display: none !important;
  }
  .App--discussion .Composer {
    bottom: 0 !important;
    box-shadow: none !important;
    border-radius: 2vw 2vw 0 0;
  }
  .App--discussion .Composer .ComposerBody.editPost .TextEditor .TextEditor-editorContainer {
    margin-left: 30vw;
  }
  .App--discussion .Composer .ComposerBody.editPost .TextEditor .TextEditor-editorContainer .rich-text-lin {
    min-height: 15vh;
  }
  .App--discussion .Composer .ComposerBody.editPost .ComposerBody-content .ComposerBody-footer .item-uploadFile {
    position: absolute;
    top: 17vw;
    left: 2vw;
  }
  .App--discussion .Composer .Composer-content .ComposerBody-top {
    display: flex;
    align-items: center;
    gap: 3vw;
    background: url("https://img.discuss.stormsdk.com/storm/com-tz2.png");
    background-size: 100% 100%;
  }
  .App--discussion .Composer .Composer-content .ComposerBody-top.admin {
    background: url("https://img.discuss.stormsdk.com/storm/com-tz1.png");
    background-size: 100% 100%;
  }
  .App--discussion .Composer .Composer-content .ComposerBody-top .Avatar {
    --size: 10vw;
    border-radius: 1.5vw 1.5vw 0 0;
  }
  .App--discussion .Composer .Composer-content .ComposerBody-top .ComposerBody-top-name {
    font-size: 4.5vw;
    color: #fff;
  }
  .App--discussion .Composer .TextEditor .TextEditor-editorContainer .rich-text-lin {
    width: 95%;
    padding: 1vw 24vw 1vw 4vw;
  }
  .App--discussion .Composer .TextEditor .TextEditor-editorContainer .char-count {
    right: 12vw;
    bottom: 2vw;
    color: #606060;
    font-size: 3.5vw;
  }
  .App--discussion .Composer .TextEditor .TextEditor-submit-btn {
    right: 14vw;
    top: auto;
    bottom: 6vw;
    border-radius: 0;
    padding: 1vw 6vw;
  }
  .App--discussion .CommentTree-lin {
    margin: 3vw 2vw 0;
    padding: 2vw 2vw 0;
  }
  .App--discussion .CommentTree-lin .DiscussionListItem-texts .DiscussionListItem-state {
    position: absolute;
    right: auto;
    bottom: 2vw;
    left: 2vw;
  }
  .App--discussion .CommentTree-lin .Post:last-child {
    padding-top: 2vw;
  }
  .App--discussion .CommentTree-lin .Post:nth-child(3)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #242424, #2e2e2e 10%, #2e2e2e 90%, #242424);
  }
  .App--discussion .CommentTree-lin .Post .Post-box {
    min-height: 10vw;
    width: 95%;
  }
  .App--discussion .CommentTree-lin .Post .Post-box .Post-header-lin .DiscussionListItem-texts {
    background: transparent;
  }
  .App--discussion .CommentTree-lin .Post .Post-box .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-text-lin .DiscussionListItem-time {
    position: absolute;
    bottom: 3.5vw;
    left: 0;
  }
  .App--discussion .CommentTree-lin .Post .Post-box .Post-body-lin {
    font-size: 3.5vw;
    display: block;
    min-height: inherit;
    padding-left: 0;
  }
  .App--discussion .CommentTree-lin .Post .Post-box .Post-body-lin::before {
    display: none;
  }
  .App--discussion .CommentTree-lin .Post .Post-actions-lin .Post-controls {
    position: absolute;
    top: 0;
    right: 0;
  }
  .App--discussion .CommentTree-lin .Dropdown-toggle .icon-img.storm {
    display: none;
  }
  .App--discussion .Composer:not(.minimized) .ComposerBody-editor {
    border-radius: 0;
  }
  .App--discussion .Composer:not(.minimized) .TextEditor-operation .TextEditor-submit-btn {
    border-radius: 0;
    padding: 1.5vw 9vw;
  }
  .App--discussion .Composer:not(.minimized) .TextEditor-operation .TextEditor-controls .Button--icon {
    background: url("https://img.discuss.stormsdk.com/storm/com-btn-04.png") !important;
    background-size: 100% 100% !important;
    border-radius: 0;
    border: none;
  }
  .App--discussion .Composer:not(.minimized) .TextEditor-operation .TextEditor-controls .Button--icon span {
    padding: 0;
  }
  .App--discussion .Composer:not(.minimized) .TextEditor-operation .TextEditor-controls .Dropdown-menu .Button--icon {
    background: transparent !important;
  }
  .App--page .TextEditor .TextEditor-editorContainer .rich-text-lin {
    height: 40vh;
  }
  .App--page .TextEditor .TextEditor-editorContainer .char-count {
    color: #3e3d3d;
    font-size: 3.5vw;
    right: 0;
  }
  .App--discussion .Composer:not(.minimized) .TextEditor .TextEditor-editorContainer .char-count {
    bottom: 1.5vw;
    right: 2vw;
  }
  .App--discussion .Composer:not(.minimized) .Composer-content .ComposerBody-content .ComposerBody-footer {
    background: #262626;
  }
  .App--discussion .Composer:not(.minimized) .Composer-content .ComposerBody-content .ComposerBody-footer .item-uploadFile {
    margin-bottom: 0;
  }
  .dl_tag_image {
    min-height: 18vw;
    margin-top: 12vw;
  }
  .item-sort .Dropdown-menu {
    box-shadow: inset 0 0 5vw rgba(54, 125, 126, 0.57) !important;
    border-radius: 0 !important;
    min-width: 30vw;
  }
  .item-sort .icon-img.storm {
    display: inline-block;
    margin-top: 1vw;
    width: 3vw !important;
  }
  .Dropdown .Dropdown-menu {
    padding: 4vw 6vw;
    border-radius: 2.6vw 2.6vw 0 0;
  }
  .PostStream {
    padding-bottom: 4vw;
    padding-top: 4vw;
  }
  .container-lin .PostStream .sideNavContainer .sideNav .ButtonGroup .Dropdown-menu .hasIcon {
    padding-left: 11vw;
  }
  .container-lin .PostStream .sideNavContainer .sideNav .ButtonGroup .Dropdown-menu .hasIcon .icon-img {
    margin-left: -8vw;
    width: 6vw;
  }
  .PostStream-item {
    border-radius: 2vw;
  }
  .PostStream-item .PostUser-name {
    font-weight: lighter;
  }
  .PostStream-item .Post {
    padding: 0 0 2vw;
  }
  .PostStream-item .Post-header-lin {
    padding: 0;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts {
    padding: 0;
    margin-bottom: 2vw;
    background: url("https://img.discuss.stormsdk.com/storm/com-tz2.png");
    background-size: 100% 100%;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts.admin {
    background: url("https://img.discuss.stormsdk.com/storm/com-tz1.png");
    background-size: 100% 100%;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts .PostUser-avatar {
    --size: 10vw;
    border-radius: 10px;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin {
    max-width: 100%;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-text-lin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-username {
    margin: 0;
  }
  .PostStream-item .Post-header-lin .DiscussionListItem-texts .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-time {
    margin: 0;
    padding: 0;
    margin-right: 3vw;
  }
  .PostStream-item .Post-body-lin {
    padding: 0 2vw;
  }
  .PostStream-item:first-child {
    margin: 0 2vw;
    padding: 0;
  }
  .PostStream-item:first-child .Post-header-lin {
    padding: 0;
  }
  .PostStream-item:first-child .Post-header-lin .Button-img {
    width: 5vw;
    height: 5vw;
  }
  .PostStream-item:first-child .Post-header-lin .DiscussionListItem-img-box .DiscussionListItem-img {
    height: 5vw;
  }
  .PostStream-item:first-child .DiscussionListItem-text-lin .DiscussionListItem-username {
    font-size: 4vw;
  }
  .PostStream-item:first-child .Post-body-lin {
    font-size: 3.5vw;
  }
  .PostStream-item:first-child .Post-body-lin p:first-child {
    font-size: 3.8vw;
    color: #fff;
    padding-right: 6vw;
  }
  .PostStream-item:first-child .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-tag {
    top: 10vw;
    right: 2vw;
    transform: none;
    z-index: 10;
  }
  .PostStream-item:first-child .DiscussionListItem-box-lin .DiscussionListItem-text-lin .DiscussionListItem-tag .collection-btn {
    width: 5vw !important;
    height: 5vw !important;
    margin-top: -1vw;
  }
  .PostStream-item:first-child .Post-actions-right .ButtonGroup {
    margin-right: 1vw;
  }
  .PostStream-item:first-child .Post-actions-right .Button-img {
    width: 5vw;
    height: 5vw;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-actions-right .ButtonGroup {
    position: absolute;
    top: 1vw;
    right: 0vw;
  }
  .Modal-lin .Modal .CommentTree-lin,
  .PostStream-item:not(:first-child) {
    margin-bottom: 0;
  }
  .Modal-lin .Modal .CommentTree-lin:not(:last-child),
  .PostStream-item:not(:first-child):not(:last-child) {
    margin-bottom: 4vw;
    padding: 0;
  }
  .Modal-lin .Modal .CommentTree-lin .Post,
  .PostStream-item:not(:first-child) .Post {
    padding: 0 0 2vw;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-header-lin,
  .PostStream-item:not(:first-child) .Post-header-lin {
    font-size: 3.5vw;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-header-lin .DiscussionListItem-text-lin .DiscussionListItem-username,
  .PostStream-item:not(:first-child) .Post-header-lin .DiscussionListItem-text-lin .DiscussionListItem-username {
    margin: 0;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-header-lin .PostUser-badges li,
  .PostStream-item:not(:first-child) .Post-header-lin .PostUser-badges li {
    display: flex !important;
    align-items: center;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-header-lin .DiscussionListItem-time,
  .PostStream-item:not(:first-child) .Post-header-lin .DiscussionListItem-time {
    font-size: 3vw;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-header-lin .DiscussionListItem-img-box .DiscussionListItem-img,
  .PostStream-item:not(:first-child) .Post-header-lin .DiscussionListItem-img-box .DiscussionListItem-img {
    height: 5vw !important;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-actions-lin .reply-btn-lin,
  .PostStream-item:not(:first-child) .Post-actions-lin .reply-btn-lin {
    padding: 0.9vw 2vw;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-actions-lin .reply-btn-lin .Button-label,
  .PostStream-item:not(:first-child) .Post-actions-lin .reply-btn-lin .Button-label {
    line-height: 1.5;
  }
  .Modal-lin .Modal .CommentTree-lin .Post-body-lin,
  .PostStream-item:not(:first-child) .Post-body-lin {
    color: #fff;
  }
  .Modal-lin .Modal .CommentTree-lin .Evergreen--show,
  .PostStream-item:not(:first-child) .Evergreen--show {
    margin-top: 1vw;
    padding: 0;
    margin-bottom: -1vw;
  }
  .Modal-lin .Modal .CommentTree-lin .Evergreen--show .icon-img.storm,
  .PostStream-item:not(:first-child) .Evergreen--show .icon-img.storm {
    display: inline-block;
    width: 2vw;
    margin-right: 1vw;
  }
  .Post-actions-right .Select {
    margin-right: 2vw;
  }
  .Post-actions-right .Select .Select-input {
    border-radius: 1vw;
  }
  .Post-actions-right .Post-actions-operate {
    gap: 2vw;
  }
  .like-btn {
    font-size: 3.5vw;
  }
  .App--notifications .App-content {
    background: #101010;
  }
  .FlagsPage,
  .NotificationsPage {
    background: transparent;
  }
  .FlagsPage .NotificationList-content .NotificationGroup-content .Notification .Notification-excerpt,
  .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification .Notification-excerpt {
    font-size: 3vw;
    color: #587b7b;
  }
  .FlagsPage .NotificationList-content .NotificationGroup-content .Notification .time,
  .NotificationsPage .NotificationList-content .NotificationGroup-content .Notification .time {
    grid-row: auto;
  }
  .FlagsPage .NotificationList-content .NotificationGroup,
  .NotificationsPage .NotificationList-content .NotificationGroup {
    border-radius: 4vw;
    border: 2px solid #292929;
    padding: 0 1vw;
  }
  .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-header,
  .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-header {
    border-bottom: 1px solid #555555;
  }
  .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification,
  .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification {
    background: transparent;
  }
  .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification a,
  .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification a {
    grid-area: avatar;
  }
  .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification .Notification-title time,
  .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content .Notification .Notification-title time {
    font-size: 3.5vw;
    font-weight: lighter;
  }
  .FlagsPage .NotificationList-content .NotificationGroup .NotificationGroup-content li:last-child a,
  .NotificationsPage .NotificationList-content .NotificationGroup .NotificationGroup-content li:last-child a {
    border-radius: 0;
  }
  .FlagsPage .App-primaryControl .hasIcon:first-child .icon-img,
  .NotificationsPage .App-primaryControl .hasIcon:first-child .icon-img {
    width: 5.5vw;
  }
  .Post-flagged-actions .Button {
    border: var(--flagged-border);
  }
  .TagSelectionModal.in {
    top: 0 !important;
    transform: none !important;
  }
  .TagSelectionModal.in .App-backControl {
    left: 2vw !important;
    right: 0;
    top: 2vw;
  }
  .TagSelectionModal.in .App-backControl .Button {
    background: url("https://img.discuss.stormsdk.com/storm/img-fanhui.png") !important;
    background-size: 100% 100% !important;
    height: 7vw !important;
    width: 5vw !important;
    padding: 0 !important;
  }
  .TagSelectionModal.in .App-backControl .Button .icon-img {
    display: none;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer {
    border-radius: 3vw 3vw 0 0;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer .SelectTagList {
    padding: 0 6vw;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer .SelectTagList .pinned {
    background: transparent !important;
    border: none !important;
    padding: 4vw 0 3vw;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer .SelectTagList .pinned .SelectTagListItem-name {
    border-radius: 6vw;
    margin-left: 6vw;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer .SelectTagList .pinned .TagIcon {
    border-radius: 50%;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer .SelectTagList .pinned.active .TagIcon {
    position: relative;
    border-radius: 50%;
  }
  .TagSelectionModal.in .Modal-content .Modal-footer .SelectTagList .pinned.active .TagIcon::before {
    content: "";
    width: 140%;
    height: 100%;
    position: absolute;
    top: 40%;
    left: 75%;
    transform: translate(-50%, -50%);
    background: url("https://img.discuss.stormsdk.com/storm/img-goulan.png");
    background-size: 100% 100%;
  }
  .TagSelectionModal.in .TagSelectionModal-form {
    border: 1px solid #292929;
    border-radius: 2vw;
    background: rgba(0, 0, 0, 0.5);
  }
  .TagSelectionModal.in .TagSelectionModal-form-submit .Button--primary {
    color: #fff;
    padding: 0 2vw 0vw !important;
    height: 10vw !important;
    min-width: 0;
    border-radius: 0;
  }
  .TagSelectionModal.in .TagSelectionModal-form-submit .Button--primary .icon-img {
    width: 6vw;
  }
  .TagSelectionModal.in .Modal-content {
    background: #000 !important;
  }
  .TagSelectionModal.in .Modal-body {
    background: #101010 !important;
  }
  .TagSelectionModal.in .Modal-footer {
    background: #161616;
    min-height: 100vh;
  }
  .FlagsPage {
    max-width: none;
    background: var(--notifcation-bg);
    background-size: 100%;
  }
  .FlagsPage .FlagList .Notification-content em {
    color: #95d7d7;
  }
  .FlagsPage .FlagList .Notification {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #4d4d4d;
  }
  .Wallet .wallet-user-box {
    margin-top: 4vw;
    padding: 2vw;
  }
  .Wallet .wallet-user-box .Wallet-userinfo {
    border-radius: 2vw;
    background: url("https://img.discuss.stormsdk.com/storm/zfjm-btm-txtbg.png");
    background-size: 100% 100%;
    padding: 6vw 2vw;
  }
  .Wallet .wallet-user-box .Wallet-userinfo .info-item:first-child {
    margin-bottom: 1vw;
  }
  .Wallet .wallet-user-box .Wallet-userinfo .info-item:first-child .UserCard-identity-person-nickNameTitle {
    display: none;
  }
  .Wallet .wallet-user-box .Wallet-userinfo .info-item:first-child .UserCard-identity-person-nickName {
    color: #fff;
    font-size: 5vw;
  }
  .Wallet .wallet-user-box .Wallet-userinfo .info-item .UserCard-identity-person-nickName,
  .Wallet .wallet-user-box .Wallet-userinfo .info-item .UserCard-identity-person-nickNameTitle {
    font-size: 3.5vw;
    margin: 0 0 auto;
    font-weight: lighter;
  }
  .Wallet .wallet-user-box .Wallet-userinfo .info-item .UserCard-identity-person .Button-label img {
    margin: 1vw 2vw auto;
  }
  .Wallet .wallet-balance .balance {
    color: #f6b824;
  }
  .Wallet .wallet-balance .balance span {
    color: #95d7d7;
  }
  .Wallet .wallet-remind {
    font-size: 3.5vw;
    font-weight: lighter;
  }
  .Wallet .wallet-remind p:not(:last-child) {
    padding-left: 4vw;
    position: relative;
  }
  .Wallet .wallet-remind p:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 5.5vw;
    width: 2vw;
    height: 2vw;
    background: #95d7d7;
    transform: rotate(45deg) translateY(-50%);
  }
  .Wallet .recharge-box .recharge-item {
    position: relative;
  }
  .Wallet .recharge-box .recharge-item .recharge-bg {
    justify-content: flex-end;
  }
  .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 2vw;
    margin-top: 0.5vw;
    margin-left: 0;
  }
  .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left .recharge-item-name {
    text-align: left;
    font-size: 3.6vw;
    font-weight: lighter;
  }
  .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-left .recharge-item-name span {
    color: #ffd35b;
  }
  .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-price {
    font-size: 4.2vw;
  }
  .Wallet .recharge-box .recharge-item .recharge-bg .recharge-item-right .recharge-item-btn {
    font-size: 3.8vw;
    padding: 1vw 0 1vw;
  }
  .Mall {
    padding-bottom: 100px;
  }
  .Mall .Mall-head .role-info {
    border-radius: 2vw;
  }
  .Mall .Mall-head .role-info .role-avatar .img {
    border-radius: 50%;
  }
  .Mall .Mall-head .Mall-user-info {
    border-radius: 2vw;
  }
  .Mall .Mall-head .Mall-user-info .user-info .user-name {
    font-weight: lighter;
    font-size: 4.5vw;
  }
  .Mall .pay-box {
    border-radius: 2vw;
  }
  .Mall .pay-box .pay-order .pay-order-details {
    padding: 3vw 4vw 6vw;
    border-radius: 2vw;
  }
  .Mall .pay-box .pay-order .pay-order-details .details-head .detail-img {
    justify-content: center;
    padding: 3vw 10vw;
    height: 20vw;
    width: auto;
    background: url("https://img.discuss.stormsdk.com/storm/bg-xiangqing2.png");
    background-size: 100% 100%;
    position: relative;
  }
  .Mall .pay-box .pay-order .pay-order-details .details-head .detail-img::before {
    content: var(--charge-name);
    background: url("https://img.discuss.stormsdk.com/storm/sc-spxq2.png");
    background-size: 100% 100%;
    padding: 1vw 4vw;
    position: absolute;
    bottom: 2vw;
    color: #fffddf;
    font-size: 3.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info {
    flex: 1;
  }
  .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info {
    display: flex;
    justify-content: space-between;
  }
  .Mall .pay-box .pay-order .pay-order-details .details-head .commodity-info .info span {
    color: #fff;
    flex-shrink: 0;
  }
  .Mall .pay-box .pay-order .pay-order-details .price-box .item span {
    color: #95d7d7;
  }
  .Mall .pay-box .pay-order .price {
    text-align: right;
  }
  .Mall .pay-box .pay-method-list .pay-method-item.pay-item-check {
    box-shadow: inset 0 0 5vw rgba(54, 125, 126, 0.43);
    border: var(--mall-pay-item-check-border);
  }
  .Mall .pay-box .pay-method-list .pay-method-item {
    border: 2px solid #4e4e4e;
    font-weight: lighter;
  }
  .Mall .pay-box .pay-method-list .pay-method-item.pay-style-payermax img {
    padding: 0;
  }
  .Mall .pay-btn {
    width: 70%;
    max-width: 500px;
    height: 12vw;
    border-radius: 1vw;
    background-size: 100% 100% !important;
    background: var(--mall-pay-btn-bg);
    margin: 10vw auto 0;
  }
  .Mall .Mall-gift-pack {
    border-radius: 2vw;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item {
    border-radius: 0;
    padding: 1vw;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item::after {
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("https://img.discuss.stormsdk.com/storm/sc-sp00.png");
    background-size: 100% 100%;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-discount {
    width: 20vw;
    height: 8vw;
    line-height: 7vw;
    font-size: 4vw;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-discount span {
    font-size: 3.5vw;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-img {
    z-index: 0;
    padding-top: 4vw;
    min-height: 30vw;
    text-align: center;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-img img {
    width: 75%;
    margin: 0 auto;
    border-radius: 0;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-content {
    z-index: 1;
    margin-top: 4vw;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-content .gift-pack-describe {
    padding: 1vw 2vw;
    border-radius: 0;
  }
  .Mall .Mall-gift-pack .gift-pack-box .gift-pack-item .item-price {
    z-index: 1;
    padding-top: 0px;
    min-height: 10vw;
    margin-top: 4vw;
    font-weight: lighter;
    line-height: 6vw;
  }
  .Mall .Mall-gift-pack .gift-pack-num .quantity-selection .content input {
    text-align: center;
    margin-right: 0;
  }
  .Mall .Mall-gift-pack .gift-pack-num .quantity-selection .content > span {
    display: flex;
    gap: 3vw;
    min-width: 9vw;
  }
  .Mall .Order {
    padding: 10vw 5vw;
  }
  .Mall .Order .Order-box .Order-title {
    height: 10vw;
    line-height: 8vw;
    text-align: center;
  }
  .Mall .Order .Order-box .Order-details .Order-content .item {
    margin-bottom: 1vw;
    gap: 10vw;
  }
  .Mall .Order .Order-box .Order-details .Order-number {
    padding: 0;
  }
  .Mall .Order .Order-btn {
    width: 80%;
  }
  .Mall .Order-explain p {
    font-size: 3.5vw;
  }
  #app-navigation .Navigation-box-lin {
    padding-left: 2vw;
    padding-bottom: 1vw;
    height: 10vw;
    align-items: flex-end;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .Avatar {
    --size: 7.5vw;
    border-radius: 1vw;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .customer-service .Button-label {
    display: flex;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .customer-service .Button-label img {
    width: 7vw;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn {
    background: var(--nav-wallet-btn-bg);
    background-size: 100% 100%;
    padding: 0;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn {
    width: 8vw;
    background: transparent;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .btn img {
    display: none;
  }
  #app-navigation .Navigation-box-lin .Navigation-right-lin .my-wallet-btn .money {
    padding: 1vw 2vw 1vw 0;
    font-size: 3.5vw;
    min-width: 21vw;
    background: transparent;
  }
  #app-navigation .Navigation-box-lin .App-backControl {
    gap: 2vw;
    align-items: flex-end;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-drawer.Button {
    height: 6vw;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-drawer.Button .NotificationsDropdown-unread {
    top: 0vw;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-title {
    display: none;
  }
  #app-navigation .Navigation-box-lin .App-backControl .Navigation-back.hasIcon {
    height: 7vw;
    width: 5vw;
  }
  #app-navigation .Navigation-box-lin .App-backControl .customer-service {
    position: static;
    z-index: 0;
  }
  #app-navigation .Navigation-box-lin .App-backControl .customer-service img {
    width: 7vw;
  }
  .dl-search:before {
    width: 6vw;
    height: 6vw;
  }
  .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left {
    gap: 2vw;
  }
  .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-author {
    margin-top: 0;
  }
  .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-img-box {
    margin-left: 0;
  }
  .DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-texts .DiscussionListItem-texts-left .DiscussionListItem-img-box .DiscussionListItem-img {
    height: 5vw;
  }
  .DiscussionList .DiscussionListItem-title {
    padding-left: 0 !important;
    font-weight: lighter;
    font-family: inherit;
    font-size: 3.5vw;
    margin: 0;
  }
  .DiscussionList .Dl-DiscussionListItem {
    padding: 0 0 0 2vw;
    justify-content: space-between;
  }
  .DiscussionList .Dl-DiscussionListItem .dl-post-tagItem-lin {
    border-radius: 4vw;
    padding: 0vw 3.5vw;
  }
  .DiscussionList .Dl-DiscussionListItem-right {
    display: flex;
    align-items: center;
  }
  .DiscussionList .Dl-DiscussionListItem-right .Select .Select-input {
    font-size: 3vw;
    padding: 1vw 2vw;
    border-radius: 2vw;
  }
  .DiscussionList .Dl-DiscussionListItem-right .Select .Select-caret {
    margin-left: -5vw;
  }
  .DiscussionListItem-extra-list {
    margin: 0 0 0 auto;
    width: auto;
    color: var(--dl-dis-extra-color);
    font-size: 3.5vw;
    padding: 0;
    background-color: transparent;
  }
  .DiscussionListItem-extra-list .Dropdown {
    width: 10vw;
    height: 6vw;
    display: flex;
    align-items: center;
    position: static !important;
  }
  .DiscussionListItem-extra-list .Dropdown .SplitDropdown-button {
    display: none;
  }
  .DiscussionListItem-extra-list .Dropdown .Dropdown-toggle {
    background: var(--dropdown-bg) center center no-repeat !important;
    background-size: 100% !important;
    width: 100%;
    height: 10vw;
    padding: 0 !important;
  }
  .DiscussionListItem-extra-list .Dropdown .Dropdown-menu {
    padding: 8vw 9vw;
  }
  .new-PostUser-experiences {
    color: #95d7d7;
    font-size: 2.5vw;
  }
  .new-PostUser-all-experiences {
    color: #b5b5b5;
    font-size: 2.5vw;
  }
  .new-PostUser-bar {
    background: #95d7d7;
    border-radius: 0;
    height: 1vw;
  }
  div.PostUser-bar--empty {
    background: #303030;
  }
  .extra-userSearchResult .username {
    color: #8d8c8c;
  }
  .extra-userSearchResult .extra-userSearchResult-text-username .username {
    color: #fff;
  }
  .item-discussionTitle .counter {
    color: #3e3d3d;
  }
  .FlarumBadgesConfirmModal .Modal-content .Modal-body {
    padding: 2vw 5vw 8vw;
  }
  .FlarumBadgesConfirmModal p {
    margin-bottom: 3vw;
  }
  .FlarumBadgesConfirmModal .Form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vw;
  }
}
.carousel-container {
  display: flex;
  width: 100%;
  height: max-content;
  background: rgba(0, 0, 0, 0.6);
  max-width: 1100px;
  margin: 0 auto;
  box-shadow: 0 0 4px 0 rgba(71, 188, 192, 0.34);
  margin-top: 20px;
  position: sticky;
  gap: 10px;
  padding: 10px 5px;
}
.carousel-container .carousel-text-list {
  width: 265px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.carousel-container .carousel-text-list .carousel-text-item {
  background: rgba(24, 24, 24, 0.8);
  color: #fff;
  padding: 0 25px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  height: 80px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.carousel-container .carousel-text-list .carousel-text-item:hover {
  background: #2a2a2a;
}
.carousel-container .carousel-text-list .carousel-text-item.active {
  background: url("https://img.discuss.stormsdk.com/storm/main-xw-xz.png");
  background-size: 100% 100%;
}
.carousel-container .carousel {
  flex: 1;
  position: relative;
  overflow: hidden;
  background: transparent;
}
.carousel-container .carousel .carousel__slides {
  width: 100%;
  height: 100%;
  position: relative;
}
.carousel-container .carousel .carousel__slides .carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.carousel-container .carousel .carousel__slides .carousel__slide.carousel__slide--current {
  opacity: 1;
}
.carousel-container .carousel .carousel__slides .carousel__slide .carousel__slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-container .carousel .carousel__controls {
  display: none !important;
}
@media (max-width: 767px) {
  .main-img {
    width: 100%;
    margin-top: 12vw;
  }
  .carousel-container {
    position: relative;
    padding: 0 1vw;
    margin-top: 0;
    box-shadow: none;
  }
  .carousel-container .carousel-text-list {
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    justify-content: center;
    gap: 1vw;
  }
  .carousel-container .carousel-text-list .carousel-text-item {
    min-width: 24vw;
    font-size: 2.5vw;
    padding: 0vw 1vw;
    text-align: center;
    height: 10vw;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
  }
  .carousel-container .carousel {
    min-height: 44vw;
  }
}
.WiKiPage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.WiKiPage .WikiPage-header {
  margin-top: 64px;
  display: flex;
}
.WiKiPage .WikiPage-content-box {
  width: 100%;
  min-height: 100vh;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-com-bg1.png") no-repeat, #000;
  background-size: 100%;
}
.WiKiPage .WikiPage-content {
  max-width: 1100px;
  margin: 0 auto;
}
.WiKiPage .WikiPage-content .wiki-tabs {
  padding-top: 30px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn {
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  background: url("https://img.discuss.stormsdk.com/storm/com-btn-03.png");
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  line-height: 1;
  width: 250px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn:hover {
  filter: brightness(1.2);
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn.active {
  background: url("https://img.discuss.stormsdk.com/storm/wiki-btn1.png");
  background-size: 100% 100%;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn img {
  width: 60px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn span {
  text-align: center;
  flex: 1;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel {
  display: none;
  flex-direction: column;
  gap: 20px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel.show {
  display: flex;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel h3 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 20px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel p {
  color: #a9a9a9;
  margin-bottom: 20px;
  line-height: 1.6;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(24, 24, 24, 0.5);
  background-size: 100% 100%;
  padding-inline: 10px;
  border: 1px solid #202020;
  border-radius: 10px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-title {
  font-size: 36px;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-line2.png");
  background-size: 100% 100%;
  padding: 0px 20px 10px 60px;
  margin-right: 15px;
  color: #fff;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0px 30px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item {
  flex: 0 0 calc(50% - 10px);
  height: 180px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-world.png");
  background-size: 100% 100%;
  padding: 10px;
  position: relative;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-bg img {
  width: 100%;
  height: 100%;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-img {
  width: 150px;
  z-index: 1;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 1;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-content .item-content-title {
  font-size: 26px;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-content .item-content-desc {
  font-size: 22px;
  color: #809ca2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(24, 24, 24, 0.5);
  padding: 10px;
  border: 1px solid #202020;
  border-radius: 10px;
  margin-bottom: 10px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
  font-size: 26px;
  color: #fff;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute .hero-attribute-content {
  display: flex;
  gap: 20px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute .hero-attribute-content .hero-attribute-content-item {
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: relative;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute .hero-attribute-content .hero-attribute-content-item.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-icon-xz.png");
  background-size: 100% 100%;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input {
  padding-left: 20px;
  border-left: 1px solid #585858;
  width: 300px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .search-input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(88, 88, 88, 0.42);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  padding-right: 80px;
  color: #8d8c8c;
  font-size: 26px;
  padding-left: 20px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .search-input::placeholder {
  color: #8d8c8c;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .search-input:focus {
  outline: none;
  border: 1px solid #585858;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .clear-btn {
  position: absolute;
  right: 45px;
  display: flex;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .search-btn {
  position: absolute;
  right: 10px;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content {
  display: flex;
  flex-direction: column;
  background: rgba(24, 24, 24, 0.5);
  background-size: 100% 100%;
  padding: 10px;
  border: 1px solid #202020;
  border-radius: 10px;
  position: relative;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-icon img {
  width: 100%;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-title {
  font-size: 36px;
  padding: 0px 20px 20px 5px;
  margin-right: 15px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  margin-bottom: 20px;
  color: #fff;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-line.png");
  background-size: 100% 100%;
  z-index: 0;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-title img {
  width: 40px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item {
  flex: 0 0 calc(20% - 16px);
  height: 400px;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-hero-bg.png");
  background-size: 100% 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item .item-img {
  width: 100%;
  min-height: 306px;
  background: url("https://img.discuss.stormsdk.com/storm/wiki-hero6.png");
  background-size: 100% 100%;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item .item-content {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item .item-content span {
  text-align: center;
}
@media (max-width: 767px) {
  .WiKiPage .WikiPage-header {
    margin-top: 12vw;
  }
  .WiKiPage .WikiPage-content-box {
    padding: 0 2vw;
    background: transparent;
  }
  .WiKiPage .WikiPage-content .wiki-tabs {
    padding-top: 7vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header {
    flex-wrap: wrap;
    margin-bottom: 5vw;
    gap: 5vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn {
    width: 45vw;
    font-size: 4.5vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-header .wiki-tab-btn img {
    width: 10.8vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content {
    padding-inline: 0;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-title {
    font-size: 5vw;
    padding: 2vw 0 2vw 8vw;
    margin-right: 2vw;
    background: url("https://img.discuss.stormsdk.com/storm/wiki-line2-ph.png");
    background-size: 100% 100%;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content {
    padding: 2vw 2vw 3vw;
    gap: 2vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item {
    flex: 0 0 calc(50% - 1vw);
    height: 21vw;
    gap: 2vw;
    padding: 1vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-img {
    width: 18vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-content .item-content-title {
    font-size: 3vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel .world-content .world-content-content .world-content-content-item .item-content .item-content-desc {
    font-size: 2.8vw;
    line-height: 1.2;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .tab-panel {
    gap: 2vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box {
    margin-bottom: 0;
    padding: 2vw;
    border-radius: 2vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute {
    gap: 2vw;
    font-size: 3.5vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute .hero-attribute-content {
    gap: 2.5vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-attribute .hero-attribute-content .hero-attribute-content-item {
    width: 7vw;
    height: 7vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input {
    width: 30vw;
    border: none;
    padding-left: 0;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .search-input {
    height: 7vw;
    font-size: 3.5vw;
    border-radius: 2vw;
    padding-left: 2vw;
    padding-right: 7vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-search-box .hero-search-input .search-input-wrapper .search-btn {
    right: 1.5vw;
    width: 5vw;
    height: 5vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content {
    padding: 2vw;
    border-radius: 2vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-icon {
    width: 30vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-title {
    font-size: 5vw;
    padding: 0 0 3vw;
    margin-right: 0;
    margin-bottom: 2vw;
    gap: 1vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-title img {
    width: 7vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-title::after {
    height: 3vw;
    background: url("https://img.discuss.stormsdk.com/storm/wiki-line-ph.png");
    background-size: 100% 100%;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content {
    gap: 2vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item {
    flex: 0 0 calc(25% - 1.5vw);
    height: 43vw;
    padding: 1vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item .item-img {
    min-height: 32vw;
  }
  .WiKiPage .WikiPage-content .wiki-tabs .wiki-tab-content .hero-panel .hero-content .hero-content-content .hero-content-content-item .item-content {
    font-size: 2.8vw;
    padding-top: 1vw;
  }
}
/*# sourceMappingURL=./stormRoot.css.map */