.navbar-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50px;background-color:#000c;z-index:1000}.home-container .navbar-container{position:relative;background:none}.navbar-container li{width:80vw;height:50%;max-width:400px;font-size:1.5rem;margin:.5rem;padding:.1rem .5rem;display:flex;flex-direction:column;justify-content:center;border-radius:10px;box-shadow:1px 1px 5px 1px #0000004d;background-color:#faebd7;text-align:center;color:#000;text-decoration:none;animation:fadeInLeft .5s}.navbar-container li.logout{cursor:pointer}@media screen and (min-width: 1024px),(max-height: 480px){.navbar-container{flex-direction:row;justify-content:flex-end;position:relative;top:0;background-color:transparent}.navbar-container li{width:auto;height:50%;font-size:1.2rem}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.home-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.home-container main{width:100%;height:90%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.home-container .logo{width:70%;height:30%;background-image:url(/yinyang-react/images/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:fadeInMid .5s}.home-container ul{top:0}.home-container .navbar-container li{font-size:1.2rem}.home-container footer{position:absolute;bottom:0}@media screen and (min-aspect-ratio: 1/1) and (min-width: 768px){.home-container main{justify-content:center}.home-container .logo{width:50vw;height:20vw;background-image:url(/yinyang-react/images/logo.png);background-size:contain;background-repeat:no-repeat;margin:10px;animation:fadeIn 1s}.home-container ul{margin:0;justify-content:center}}@keyframes fadeInMid{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}header{width:100%;display:flex;flex-direction:row;align-items:center;background:#eee;z-index:var(--z-index-nav);transition:all .5s ease-in-out}header .logo{width:200px;height:50px;background-image:url(/yinyang-react/images/logo.png);background-size:cover;background-repeat:no-repeat;background-position:center;margin-left:1%}header.collapsed{position:fixed}header.collapsed .logo{display:none}header .nav-icon{width:40px;height:40px;position:absolute;top:0;right:0;margin:5px;z-index:100}header .nav-icon-btn{width:100%;height:100%;position:absolute;background-image:url(/yinyang-react/images/icons/menu-bar.png);background-size:cover;background-repeat:no-repeat;background-position:center;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3))}header.collapsed .nav-icon:not(.closed){position:relative}header .nav-icon-btn:active{transform:scale(.9)}@media screen and (max-height: 480px){header{width:100%;height:auto;justify-content:space-between;background:#eee;box-shadow:0 5px 10px #0000004d}header .logo{display:flex}}.gua-dict-beta-container{width:100%;background:#ffffff80;display:flex;justify-content:center;align-items:center}.dict-box{position:relative;width:90vw;height:90vw;background-color:#eee;border-radius:50%}.dict-item{position:absolute;top:calc(50% - 1.5rem);width:3rem;height:3rem;transform-origin:45vw;border-left:2px solid #ddd;font-size:1.5rem;transition:.2s all linear}.dict-item:hover{background:#f7fba8}.tri{width:0;height:0;border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:40vh solid #f00}.gua-dict-beta-container .mode-btn{position:fixed;bottom:10vh;left:0;padding:10px 5px}.about-container{width:100vw;height:100vh}.about-container main{height:calc(100% - 50px);overflow:auto;display:flex;justify-content:space-around;flex-direction:column;align-items:center}.about-topic-content{position:relative;width:80vw;height:20vh;border-radius:5px;display:flex;justify-content:center;align-items:center;box-shadow:5px 5px 10px 5px #0000004d}.about-topic-content:before{position:absolute;content:"";width:100%;height:100%;background-image:url(/yinyang-react/images/gua_bg_1.jpeg);background-repeat:no-repeat;background-position:0 center;background-size:cover;opacity:.3}.about-topic:nth-child(1) .about-topic-content{background-color:#f0f8ff}.about-topic:nth-child(2) .about-topic-content{background-color:#f0fff3}.about-topic:nth-child(3) .about-topic-content{background-color:#8ab8e0}.about-topic-content h2{position:relative;color:#000}.gua-dict-container{position:absolute;width:100%;height:100%;background:#ffffff80}.gua-dict-btn{width:100%;height:100%;font-size:inherit;border:2px solid #ddd;box-shadow:0 5px 5px 2px #0000004d;padding:.2em}.gua-dict-block{width:80vw;height:80vh;position:fixed;top:10vh;left:10vw;padding:2% 5%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-overflow-scrolling:touch;box-shadow:2px 2px 10px 2px #00000080;border-radius:20px;z-index:100}.gua-dict-block>h2{font-size:2em;margin:.2em}.gua-gallery{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:5%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.gua-gallery-item{width:calc(100% / 9);min-height:120px;outline:1px solid #000;font-size:1.2em;cursor:pointer;overflow:visible;user-select:none;-webkit-user-select:none}.gua-gallery-item.label{background-color:#ff0}.gua-gallery-item:hover{background-color:#fff;transform:scale(1.1)}.gua-gallery-show{overflow-y:scroll}.gua-gallery-show h1{font-size:3rem}.gua-gallery-show strong{font-size:1.5rem}.gua-gallery-show p{font-size:1.2rem}.gallery{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.gallery-menu{width:100%;height:auto;display:flex;flex:1}.gallery-menu-control{width:5vw;min-width:50px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #00000080;transition:all .3s linear;background-color:#0000004d;filter:drop-shadow(0 0 15px rgba(0,0,0,.5))}.gallery-menu-control:hover{background-color:#aaa}.gallery-menu-control p{font-size:3rem;-webkit-user-select:none;user-select:none;cursor:pointer}.gallery-menu-control.left{border-radius:0 50% 50% 0}.gallery-menu-control.right{border-radius:50% 0 0 50%}.gallery-menu-control.left p:hover{transform:translate(-5px)}.gallery-menu-control.right p:hover{transform:translate(5px)}.gallery-menu-main{width:90vw;padding:0 1rem;overflow-x:scroll;display:flex;scroll-behavior:smooth}.gallery-menu-main ul{display:flex}.gallery-menu-main li{width:3rem;height:auto;min-height:8rem;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;font-size:1.5rem;transition:all .3s linear;cursor:pointer;-webkit-user-select:none;user-select:none;animation:fade .4s linear}.gallery-menu-main li:hover,.gallery-menu-main li.active{width:4rem;font-size:2rem;color:bisque;background-color:#555}.gallery-content{width:100vw;height:100%;max-height:80vh;position:relative;padding:1rem;flex:3;background-color:#fdf6e3;color:#333;font-weight:lighter;overflow-y:auto;box-shadow:inset 0 10px 15px #0000004d;transition:all .3s ease-in-out}.gallery-content-main{height:fit-content;animation:fadeIn .2s linear}.gallery-content h1{font-size:3rem}.gallery-content .gallery-font-control{position:absolute;top:0;right:0;display:flex;margin:.5rem}.gallery-content .gallery-font-control button{padding:.5rem 1rem}.gallery-font-control .gallery-font-size{width:5rem;font-size:1.5rem;text-align:center;margin-left:.5rem}@media screen and (max-height: 480px){main{height:100%}}.gua-roulette-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.gua-roulette-container .gua-test-range{position:absolute;top:10px;left:10px}.gua-roulette{width:100%;height:100%;display:flex}.gua-roulette-content{width:50%;height:100%}.gua-roulette-wheel{width:50%;height:100%;position:relative}.gua-roulette-wheel:before{content:"";position:absolute;top:0;left:0;width:600px;height:600px}.gua-roulette-loop{transition:all .5s linear}.gua-roulette-loop:before{content:"";position:absolute;top:-300px;left:-300px;width:600px;height:600px;background:#ddd}.gua_roulette_item{width:50px;height:50px;position:absolute;color:#333;font-size:2rem;text-align:center;transform-origin:center;border-radius:50%}.gua_roulette_item h1{font-size:3rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-page-container{width:100%;height:100%;display:flex;flex-direction:column}.gallery-page-container main{width:100%;height:auto;height:calc(100% - 50px);display:flex;flex:1;justify-content:center;align-items:center}@media screen and (max-height: 480px){.gallery-page-container main{height:100%}}.yao{width:80%;height:8%;background-color:#000;margin-top:8%;position:relative}.yang{width:100%}.yin{width:40%;position:relative}.yin:before{content:"";width:100%;height:100%;position:absolute;left:150%}.yao.normal{background:#000}.yao.alter{background:red}.alter.yin:before{background-color:red}.normal.yin:before{background-color:#000}.gua-block{display:flex;flex-direction:column-reverse;padding:1rem}.yao-n{font-size:.8em;margin-left:-20px;line-height:10px}.gua-hint{position:absolute}.gua-hint.result{background-color:#fffc;padding:1rem}.gua-hint.result:before{content:"↩︎";top:0;left:-50px;width:50px;height:50px;font-size:2rem;position:absolute;transform:rotate(30deg)}.gua-hitbox{position:absolute;width:100%;height:100%;display:flex;pointer-events:none;font-size:3em;flex-direction:row;flex-wrap:wrap}.zone{position:absolute;filter:blur(80%);transition:all .5s ease-in-out;z-index:100;animation:emphasize 3s infinite}@keyframes emphasize{0%{background-color:#19191900}50%{background-color:#1919194d}to{background-color:#19191900}}.tian-zone{width:50%;height:10%;left:25%}.sign{margin:0;transform-origin:center;background-size:cover;background-repeat:no-repeat;background-image:url(/yinyang-react/images/sign_beta_2.png);-webkit-filter:drop-shadow(1px 1px 3px #000);filter:drop-shadow(1px 1px 3px #000);position:absolute;z-index:3;will-change:transform,left,top,z-index}.sign:active{-webkit-filter:drop-shadow(1px 1px 3px #000);filter:drop-shadow(1px 1px 3px #000);z-index:5}.tian{transform:rotate(90deg);pointer-events:none}.banish{transform:rotate(-30deg)!important;z-index:5}.sign.draggable{position:absolute}.gua-main-container{width:80%;height:80%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.controller-container{display:flex;bottom:10%;position:fixed;z-index:10}.controller-container button{border-radius:5px;font-size:2em;padding:10px 20px;border:0;box-shadow:2px 2px 5px 5px #0000004d}.controller-container button:active{transform:translateY(10%)}.gua-menu-bar{position:fixed;bottom:5%;right:2%;padding:5px;border:2px double #999;border-radius:50px;background-color:#ddd;box-shadow:2px 2px 10px 2px #00000080;z-index:110}.gua-menu-bar ul,.gua-menu-bar ul li{display:flex}.gua-menu-bar ul li .gua-menu-item{font-size:1.2rem;border:2px solid #ddd;box-shadow:0 5px 5px 2px #0000004d;padding:.2em .4em}.gua-menu-bar ul li:last-child .gua-menu-item{border-radius:0 50px 50px 0}.gua-menu-bar ul li:first-child .gua-menu-item{width:50px;margin-right:10px;border-radius:50px 0 0 50px}.gua-menu-item:active{transform:translateY(10%)}.gua-menu-bar.closed{right:50px;transform:translate(100%)}.gua-menu-bar ul li:first-child .gua-menu-item p{transition:all .3s ease-in-out}.gua-menu-bar.closed ul li:first-child .gua-menu-item p{left:50px;transform:rotateY(-180deg)}*{touch-action:none}.gua-container{width:100vw;height:100vh;font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.gua-state-info{min-width:120px;height:fit-content;padding:10px;font-size:1rem;border:3px solid #000}.gua-state-info h1{font-size:1rem}.gua-broadcast{width:80%;margin-top:.5rem;position:relative;display:flex;justify-content:space-between}.gua-broadcast-text{height:3rem;position:relative;display:flex}.gua-broadcast-text h1{font-size:3rem;height:fit-content;border-right:5px double #000;margin-right:.2rem;padding-right:.5rem;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;animation:fadeIn .5s}.gua-broadcast-text h2{font-size:1.2rem;animation:fadeIn .5s}.gua-broadcast-text:before{content:"";position:absolute;width:20px;height:20px;left:-25px;top:calc(50% - 10px);background-image:url(/yinyang-react/images/icons/arrow.png);background-repeat:no-repeat;background-size:cover;animation:shiftRow 2s infinite}@keyframes shiftRow{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes shiftCol{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.login-container{width:100vw;height:100vh;display:flex;flex-direction:column}.login-container:before{content:"";position:absolute;width:100%;height:100%;filter:blur(5px);z-index:-1}.login-container main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#c8c8c880}.login{width:30%;min-width:300px;display:flex;flex-direction:column;padding:3% 5%;background-color:#ffffff80;box-shadow:2px 2px 5px 1px #0000004d;border-radius:10px;animation:fadeIn .5s}.login h2{width:100%;text-align:center;margin:1vh 0}.login label{width:100%;font-size:1.2rem;margin-top:10%}.login input{font-size:1.2rem;padding:.6rem;border-style:none;outline:none;border-bottom:2px solid #999;background-color:none;border-radius:10px;margin-top:5%}.login button{width:100%;margin-top:3rem;padding:.5rem 0;border:0;border-radius:10px;box-shadow:2px 2px 5px 1px #0000004d;font-size:1.5rem}.register-container{width:100vw;height:100vh;display:flex;flex-direction:column}.register-container:before{content:"";position:absolute;width:100%;height:100%;filter:blur(5px);z-index:-1}.register-container main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0003}.register{width:30%;min-width:300px;display:flex;flex-direction:column;padding:3% 5%;background-color:#ffffff80;box-shadow:2px 2px 5px 1px #0000004d;border-radius:10px;animation:fadeIn .5s}.register h2{width:100%;text-align:center;margin:1% 0}.register label{width:100%;font-size:1rem;margin-top:5%;position:relative}.register input{width:90%;font-size:1.2rem;padding:.6rem;border-style:none;outline:none;border-bottom:2px solid #999;background-color:none;border-radius:10px;margin-top:5%}.register button{width:100%;font-size:1.5rem;margin-top:3rem;padding:.5rem 0;border:0;border-radius:10px;box-shadow:2px 2px 5px 1px #0000004d}.show-password{width:10%!important;position:absolute;margin-left:10px;bottom:0}@media screen and (max-width: 576px){.register input{width:90%!important}}.history-list{display:flex;flex-direction:column-reverse;align-items:center;flex:1;transition:.2s all ease-in-out}.history-item{position:relative;width:90%;min-width:300px;height:10vh;background-image:url(data:image/avif;base64,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);box-shadow:2px 2px 5px 2px #0000004d;margin:1% 0;display:flex;flex-direction:row;justify-content:space-around;align-items:center;transition:.2s all ease-in-out}.history-item.closing{margin:0;animation:fadeOut .5s forwards}.history-item .history-title{text-align:center;flex:2}.history-item .history-time{flex:2}.history-item .history-btn{display:flex;justify-content:center;flex:2}.history-item button{padding:.4rem;font-size:1rem;border:none;color:#f0f8ff}@keyframes fadeInRow{0%{transform:rotateX(-10px)}to{transform:rotateX(0)}}@keyframes fadeOut{0%{opacity:1;height:10vh}to{opacity:0;height:0}}@media screen and (min-width: 798px){.history-item button{font-size:1rem;padding:.5rem 1rem}}.history-container{height:100%}.history-container main{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;position:relative}.history-container aside{flex:1;display:flex;flex-direction:column;align-items:center}.history-frame{height:80vh;overflow-y:auto;margin:1rem}@media screen and (min-width: 1024px){.history-container main{flex-direction:row}.history-container aside{display:flex;flex-direction:column;align-items:center}.history-frame{flex:1}}.gua-describe-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.gua-describe-container:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000c;z-index:var(--z-index-container)}.result-boardcast{max-width:95%;max-height:95%;position:absolute;top:20%;left:5%;background-image:url(/yinyang-react/images/table_bg.avif);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;padding:10px;box-shadow:2px 2px 5px 1px #333;z-index:var(--z-index-container);transition:left .3s ease-in}.result-boardcast.fulled:not(.closed){position:fixed;width:80%;height:80%;left:10%;top:10%;transition:none;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.result-boardcast.closed{left:-100%}.result-boardcast.closed{transition:none}.result-boardcast .show-btn{width:10%;height:30%;min-width:80px;min-height:150px;position:fixed;top:20%;left:-100%;font-size:5rem;font-weight:bolder;background-image:url(/yinyang-react/images/table_bg.avif);background-repeat:no-repeat;background-size:cover;border:0;transition:left .3s ease-in;box-shadow:2px 2px 5px 1px #333}.result-boardcast.closed .show-btn{left:-5%;transform:skew(-10deg,10deg)}.result-boardcast.closed .show-btn:after{content:"";position:absolute;width:35%;height:50%;top:.5rem;right:.5rem;background-image:url(/yinyang-react/images/result_2.png);background-repeat:no-repeat;background-size:contain}.result-boardcast .close-btn{left:10px;right:inherit}.flex-row{display:flex;justify-content:center;margin-bottom:1rem}.gua-block{position:relative;width:10vw;min-width:100px;height:15vw;min-height:100px;margin:10px 20px;max-width:250px}.gua-block .gua-label{position:absolute;bottom:-1rem}.gua-description-mode button{color:#fff;margin:10px;padding:.2rem .4rem;border-radius:5px;border:3px solid #fff;background-color:#555}.gua-description-mode button:hover,.gua-description-mode button.active{border:3px solid red}.gua-description{padding:10px;justify-content:center}.description{font-size:1.5em}.gua-describe{display:flex;flex-direction:column;overflow-x:hidden}.gua-describe p{margin:0;padding:0}.gua-describe>h2{font-size:1.2rem;margin:10px}.gua-describe-content{padding:10px;border:2px solid #000}.description-title{text-align:center}.restore-result{width:100%;display:flex;justify-content:center}.restore-result button{padding:.5rem 1rem;margin:1rem;font-size:2rem;background:none;border:none;transition:.2s all linear}.restore-result button:hover{background:#0000004d;color:#fff}@media screen and (min-width: 768px) and (min-height: 768px){.result-boardcast{flex-direction:row}}@keyframes write-down{}.intro-container{width:100%;height:100%;display:flex;flex-direction:column}.intro-container main{width:100%;height:100%;flex:1;display:flex;justify-content:center;align-items:center}.link-container{background-color:#0000001a;display:flex;justify-content:center;align-items:center;padding:1rem}.site-qrcode{width:200px;height:200px;background-image:url(/yinyang-react/images/qrcode.png);background-repeat:no-repeat;background-size:contain;background-position:center;border:10px double #333;border-radius:10px}.site-link{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}footer{width:100%;margin-bottom:0;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 760px){.link-container{flex-direction:column}}*{margin:0;padding:0;font-family:cwTeXKai,DFKai-SB,Gill Sans;box-sizing:border-box}:root{--z-index-nav: 100;--z-index-container: 10}html,body{margin:0;padding:0}.app{width:100vw;height:100vh;position:relative;background-image:url(/yinyang-react/images/bg_2.avif);background-size:cover;background-repeat:no-repeat;overflow-y:hidden}h1,h2,ul,li{list-style:none;margin:0;padding:0;white-space:pre-line}a{text-decoration:none}h1,h2{font-size:1.5rem}.flex{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;justify-content:center;align-items:center;flex-direction:column}button{cursor:pointer}button.default{color:#000;transition:transform .1s ease-in-out}button.default:hover,button.default:active{transform:scale(.95);color:red}.close-btn{position:absolute;top:10px;right:10px;padding:10px;background-color:transparent;border:none;background-image:url(/yinyang-react/images/icons/close.svg);background-repeat:no-repeat;background-size:contain;background-position:center;color:transparent}.close-btn:hover{transform:scale(1.1)}.primary-btn{border-radius:1rem;background-color:#a0e385}.primary-btn:hover{transform:translateY(5px)}.danger-btn{border-radius:1rem;background-color:red}.danger-btn:hover{transform:translateY(5px)}.scroll-block{overflow-x:auto;overflow-y:auto}.scroll-block::-webkit-scrollbar{width:5px;height:5px}.scroll-block.sm::-webkit-scrollbar{width:5px;height:5px}.scroll-block.lg::-webkit-scrollbar{width:5px;height:10px}.scroll-block.xl::-webkit-scrollbar{width:5px;height:20px}.scroll-block::-webkit-scrollbar-button{display:none}.scroll-block::-webkit-scrollbar-track-piece{background:transparent;display:none}.scroll-block::-webkit-scrollbar-thumb{background-color:#aaa;height:10%}.scroll-block::-webkit-scrollbar-track{box-shadow:transparent;position:relative;display:none}[hidden]{display:none!important}.nav{position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}span.loading-icon{content:" ";width:1.5rem;height:1.5rem;padding:8px;display:inline-block;vertical-align:middle;background:#25b09b;border-radius:50%;position:relative;--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:loading-spinner 1s infinite linear}@keyframes loading-spinner{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}