:root[dark=true]{--layout-bg:#050505;--brand:#fe2c55;--brand-2:#E1E3E5;--black:#fff;--white:#000;--assist-1:#499DF2;--assist-2:#E5398F;--assist-3:#E59722;--assist-4:#43BF58;--content-primary:#E1E3E5;--content-secondary:#909399;--content-tertiary:#5E6166;--content-line:rgba(225,227,229,0.06);--content-inverse:#ffffff;--header-border:#292c30;--background-primary:#1A1C1F;--background-secondary:#2B2F33;--view-background-primary:#2B2F33;--view-background-secondary:#1A1C1F;--content-primary-hover:#fe2c55;--content-secondary-hover:#E1E3E5;--content-tertiary-hover:#909399;--accent-black:255,255,255;--accent-white:0,0,0;--accent-brand:255,61,94;--accent-content-primary:225,227,229;--accent-content-inverse:255,255,255;--opacity-4:0.08;--opacity-8:0.16;--opacity-12:0.3;--opacity-50:0.5;--opacity-70:0.7}:root{--layout-bg:#f2f2f2;--brand:#fe3355;--brand-2:#0C0D0F;--black:#000;--white:#fff;--assist-1:#236ddb;--assist-2:#ff3388;--assist-3:#ff9900;--assist-4:#29cc54;--content-primary:#0c0d0f;--content-secondary:#606266;--content-tertiary:#A3A7AD;--content-line:rgba(12,13,15,0.06);--content-inverse:#ffffff;--header-border:#efefef;--background-primary:#fff;--background-secondary:#f6f6f6;--view-background-primary:#fff;--view-background-secondary:#f6f6f6;--content-primary-hover:#fe3355;--content-secondary-hover:#0c0d0f;--content-tertiary-hover:#606266;--accent-black:0,0,0;--accent-white:255,255,255;--accent-brand:254,51,85;--accent-content-primary:12,13,15;--accent-content-inverse:255,255,255;--brand-dark:#fe2c55;--brand-2-dark:#E1E3E5;--black-dark:#fff;--white-dark:#000;--assist-1-dark:#499DF2;--assist-2-dark:#E5398F;--assist-3-dark:#E59722;--assist-4-dark:#43BF58;--content-primary-dark:#E1E3E5;--content-secondary-dark:#909399;--content-tertiary-dark:#5E6166;--content-line-dark:rgba(225,227,229,0.06);--content-inverse-dark:#ffffff;--background-primary-dark:#1A1C1F;--background-secondary-dark:#2B2F33;--view-background-primary-dark:#2B2F33;--view-background-secondary-dark:#1A1C1F;--opacity-4:0.04;--opacity-8:0.08;--opacity-12:0.12;--opacity-50:0.5;--opacity-70:0.7}html,body{background-color:#eaeaea;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-position:center;background-size:2240px auto;overscroll-behavior-y:none}body{font-family:"Helvetica Neue","PingFang SC",Helvetica,"Microsoft Yahei",Arial,sans-serif}body,input,button,textarea,select{outline:none}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,th,td,header,section,aside,nav,menu,audio,video,figure,figcaption,footer,article{margin:0;padding:0}.x-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:88px;font-weight:500;border-radius:5px;box-sizing:border-box;cursor:pointer;outline:none;border:none;padding:0 16px;height:36px;font-size:14px}.x-button:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius)}.x-button-primary{color:#fff;background-color:var(--brand)}.x-button-primary:hover::after{background-color:rgba(var(--accent-black),var(--opacity-8))}.x-button-ghost{color:var(--brand);background-color:transparent;border:1px solid var(--brand)}.x-button-ghost:hover::after{background-color:var(--brand);opacity:var(--opacity-4)}.x-button-login{background-color:var(--brand);color:#fff;width:100%;height:50px;font-size:16px}