body,html{height:100%;margin:0;overflow:hidden;width:100%}.svgDefs{display:none;height:0;position:absolute;width:0;z-index:-1}#root{background-color:#000;display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;-webkit-user-select:none;user-select:none;width:100%}@media screen and (orientation:portrait){#root{overflow-x:hidden;overflow-y:auto}}.layout{background-size:cover;display:flex;flex-direction:column;height:100%;width:100%}.layout.blur{filter:blur(4px)}@media screen and (orientation:landscape){.layout{background-image:url(https://web-static.hg-cdn.com/gryphline/user_center/assets/img/bg.f16e2e.jpg)}}.layout .header{background-color:#0000004d;height:5rem;width:100%}@media screen and (orientation:portrait){.layout .header{height:6.25rem}}.layout .header .wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;width:80%}@media screen and (orientation:portrait){.layout .header .wrapper{width:100%}}.layout .header .wrapper .logo{background-image:url(https://web-static.hg-cdn.com/gryphline/user_center/assets/img/logo.b9e66f.png);background-size:100% 100%;width:11.1875rem}@media screen and (orientation:portrait){.layout .header .wrapper .logo{margin-left:2rem;width:16.875rem}}.layout .header .wrapper .logo:before{content:"";display:block;padding-top:17.68%;width:100%}.layout .header .wrapper .setting{align-items:center;display:flex}.layout .header .wrapper .setting .langSelect{color:#cbff40;cursor:pointer;position:relative}.layout .header .wrapper .setting .langSelect.close{color:#d4d8dd}.layout .header .wrapper .setting .langSelect.close .list{display:none}.layout .header .wrapper .setting .langSelect.close .val .suffix img{transform:rotate(0)}.layout .header .wrapper .setting .langSelect .val{align-items:center;display:flex}.layout .header .wrapper .setting .langSelect .val:hover{color:#cbff40}.layout .header .wrapper .setting .langSelect .val .icon{height:1.5rem;line-height:1;margin-right:.1875rem;width:1.5rem}@media screen and (orientation:portrait){.layout .header .wrapper .setting .langSelect .val .icon{height:3rem;margin-right:3rem;width:3rem}}.layout .header .wrapper .setting .langSelect .val .text{margin-right:.375rem}@media screen and (orientation:portrait){.layout .header .wrapper .setting .langSelect .val .suffix,.layout .header .wrapper .setting .langSelect .val .text{display:none}}.layout .header .wrapper .setting .langSelect .val .suffix img{content:url(https://web-static.hg-cdn.com/gryphline/user_center/assets/img/followDown.a72cec.png);height:.875rem;transform:rotate(180deg);transition:all .3s ease-in-out;width:.875rem}.layout .header .wrapper .setting .langSelect .list{background-color:#000000b3;border-radius:.2rem;display:flex;flex-direction:column;margin-top:.375rem;max-width:12.5rem;min-width:10rem;padding:.3rem 0;position:absolute;right:0;z-index:1}@media screen and (orientation:portrait){.layout .header .wrapper .setting .langSelect .list{right:3rem}}.layout .header .wrapper .setting .langSelect .list .option{align-items:center;color:#757575;display:flex;padding:1rem 1.25rem;text-decoration:none;word-break:keep-all}.layout .header .wrapper .setting .langSelect .list .option .inner{max-width:160px;overflow:hidden;text-overflow:ellipsis}.layout .header .wrapper .setting .langSelect .list .option:hover{background-color:#161616;color:#cbff40}.layout .footer{align-items:center;background-color:#0000004d;color:#d4d8dd;display:flex;flex-direction:column;height:5rem;justify-content:space-evenly;width:100%}.layout .footer .links a{color:#d4d8dd;cursor:pointer;margin:0 .375rem;text-decoration:none}.layout .footer .links a:hover{color:#cbff40}.layout .footer .copyright{text-align:center}@media screen and (orientation:portrait){.layout .footer{display:none}}.layout .main{display:flex;flex:1 1;height:0}@media screen and (orientation:landscape){.layout .main{align-items:center;justify-content:center}}@media screen and (orientation:portrait){.layout .main{background-image:url(https://web-static.hg-cdn.com/gryphline/user_center/assets/img/protocol-bg-h5.6a3b69.jpg);background-size:cover;flex-grow:1;flex-shrink:0}}.layout .main .card{box-sizing:border-box;position:relative}@media screen and (orientation:landscape){.layout .main .card{align-items:center;background-color:#0006;background:radial-gradient(circle at 50%,at 0,#cbff4014 0,#0000001a 40%,#0003 50%,#0000004d 60%,#0006 100%);background:radial-gradient(circle at 50% 0,#cbff4014 0,#0000001a 40%,#0003 50%,#0000004d 60%,#0006 100%);box-shadow:0 0 12px 0 #3c3c3c80;display:flex;height:90%;justify-content:center;padding:3rem 0 2.5rem;width:80%}}@media screen and (orientation:portrait){.layout .main .card{padding:3rem 5.75rem 4.25rem;width:100%}}.layout .main .card .container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}@media screen and (orientation:landscape){.layout .main .card .container{width:75%}}.layout .main .card .container .title{display:flex;justify-content:center;margin-bottom:2.3125rem;position:relative;width:100%}@media screen and (orientation:portrait){.layout .main .card .container .title{margin-bottom:3rem}}.layout .main .card .container .title .inner{height:5rem}@media screen and (orientation:portrait){.layout .main .card .container .title .inner{height:5.875rem}}.layout .main .card .container .title .inner img{content:url(https://web-static.hg-cdn.com/gryphline/user_center/assets/img/gryphline.e10600.svg);height:3rem}@media screen and (orientation:portrait){.layout .main .card .container .title .inner img{height:4rem}}.layout .main .card .container .title #title-text{color:#d4d8dd;font-size:2.5rem;font-weight:700;line-height:1;position:absolute;top:2rem}@media screen and (orientation:portrait){.layout .main .card .container .title #title-text{font-size:3rem;top:3rem}}.layout .main .card .container .content{flex:1 1;height:0;position:relative;width:100%}.layout .main .card .container .content .scrollWrapper{box-sizing:border-box;height:100%;padding:1.875rem 0;width:100%}@media screen and (orientation:portrait){.layout .main .card .container .content .scrollWrapper{padding:.5rem 0}}.layout .main .card .container .content .scrollWrapper .inner{-ms-overflow-style:none;height:100%;-webkit-mask:linear-gradient(180deg,#0000 0,#fff 8%,#fff 92%,#0000);mask:linear-gradient(180deg,#0000 0,#fff 8%,#fff 92%,#0000);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;width:100%}.layout .main .card .container .content .scrollWrapper .inner::-webkit-scrollbar{display:none}.layout .main .card .container .content .scrollWrapper .inner article{height:auto;line-height:2;padding:2rem 0 4rem;width:100%}@media screen and (orientation:portrait){.layout .main .card .container .content .scrollWrapper .inner article{font-size:1.6rem;line-height:1.5}}.layout .main .card .container .content .scrollWrapper .inner article *{color:#d4d8dd}.layout .main .card .container .content .scrollWrapper .inner article a{color:#cbff40}.layout .main .card .container .content .scrollBar{background-color:#4d4d4d;border-radius:.25rem;display:flex;height:100%;justify-content:center;-webkit-mask:linear-gradient(180deg,#0000 0,#fff 5%,#fff 95%,#0000);mask:linear-gradient(180deg,#0000 0,#fff 5%,#fff 95%,#0000);position:absolute;right:-.5rem;top:0;width:.3125rem}@media screen and (orientation:portrait){.layout .main .card .container .content .scrollBar{background-color:#333;border-radius:.5rem;height:86%;-webkit-mask:linear-gradient(180deg,#0000 0,#fff 3%,#fff 97%,#0000);mask:linear-gradient(180deg,#0000 0,#fff 3%,#fff 97%,#0000);right:-2.75rem;top:1rem;width:.5rem}}.layout .main .card .container .content .scrollBar .bar{background-color:#b0b2bc;border-radius:.25rem;cursor:grab;height:1rem;opacity:1;position:absolute;transition:opacity,height .3s ease-in-out;width:.3125rem}@media screen and (orientation:portrait){.layout .main .card .container .content .scrollBar .bar{width:.5rem}}.layout .main .card .container .content .scrollBar .bar:active,.layout .main .card .container .content .scrollBar .bar:hover{background-color:#d7d7d7}@media screen and (orientation:portrait){.layout .main .card .container .content .scrollBar .bar:active,.layout .main .card .container .content .scrollBar .bar:hover{background-color:#d4d8dd}}#waiting{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}#waiting.show{opacity:1}#waiting .squareLoading{animation:spin 3s ease infinite;border:.1875rem solid #cbff40;height:2em;overflow:hidden;position:relative;width:2em}#waiting .squareLoading:before{animation:fill 3s linear infinite;background-color:#cbff40bf;content:"";height:2em;position:absolute;transform:scaleY(1);transform-origin:center bottom;width:2em}@keyframes spin{50%,to{transform:rotate(1turn)}}@keyframes fill{25%,50%{transform:scaleY(0)}to{transform:scaleY(1)}}