.circle-button{align-items:center;background:var(--bg-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-direction:row;justify-content:center;margin:.5rem;padding:.5rem;transition:all .5s}.circle-button:hover{background:var(--text-primary);color:var(--bg-primary)}.circle-button:first-child{margin-left:0}.circle-button:last-child{margin-right:0}.menu-toggle{background-color:var(--bg-primary);position:fixed;right:2rem;top:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:200}.menu-toggle .menu-text{font-family:Varela Round,sans-serif;font-weight:700;line-height:.8rem}.menu-toggle .menu-burger{padding-left:.3rem}.menu-toggle .menu-burger .menu-burger-bar{background:var(--text-primary);border-radius:1rem;display:block;height:.2rem;margin-bottom:.3rem;transition:all .5s;width:1.2rem}.menu-toggle .menu-burger .menu-burger-bar:last-child{margin-bottom:0}.menu-toggle:hover .menu-burger-bar{background:var(--bg-primary)}.menu-active .menu-toggle .menu-burger-bar:first-child{-webkit-transform:rotate(-45deg) translateY(.15em);transform:rotate(-45deg) translateY(.15em);width:1.2rem}.menu-active .menu-toggle .menu-burger-bar:nth-child(2){opacity:0}.menu-active .menu-toggle .menu-burger-bar:nth-child(3){-webkit-transform:rotate(45deg) translateY(-.15em);transform:rotate(45deg) translateY(-.15em);width:1.2rem}@media screen and (max-width:768px){.menu-toggle{left:1rem;top:1rem;-webkit-transform:translateY(0);transform:translateY(0)}}.menu-item{background-color:var(--bg-primary);opacity:0;position:fixed;right:2rem;top:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%);visibility:hidden;z-index:100}.menu-active .menu-item{opacity:1;visibility:visible}@media screen and (max-width:768px){.menu-item{left:1rem;top:1rem;-webkit-transform:translateY(0);transform:translateY(0)}}.menu .menu-backdrop{display:none}.menu-active .menu-backdrop{display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.menu-active .menu-data{z-index:100}.top-section{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:center}.top-section .intro{border-right:1px solid var(--text-primary);padding-right:4rem;text-align:right;width:50%}.top-section .intro h1{font-family:阿里妈妈东方大楷 Regular;font-size:9rem;font-weight:400;margin:0}.top-section .intro p{font-size:2rem;margin:0 1rem 0 0}.top-section .signature{height:100%;padding-left:4rem;text-align:left;width:60%}.top-section .signature svg{height:100%;width:100%}.top-section .signature svg #signature-path{-webkit-animation:drawSignature 5s linear forwards;animation:drawSignature 5s linear forwards}.top-section .social{bottom:3rem;margin:0 auto;position:absolute;text-align:center}.top-section .social .social-icon-container{display:inline-block;position:relative}.top-section .social .social-icon-container .circle-button{height:1rem;margin:.5rem;width:1rem}.top-section .social .image-tooltip{background-color:var(--background-primary);border:1px solid var(--text-primary);border-radius:14px;bottom:100%;box-shadow:0 2px 4px rgba(0,0,0,.1);left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;z-index:10}.top-section .social .image-tooltip img{height:150px;object-fit:contain;width:150px}.top-section .social .social-icon-container:hover .image-tooltip{opacity:1;visibility:visible}@media screen and (max-width:1300px){.top-section .intro h1{font-size:6.5rem}.top-section .intro p{font-size:1.5rem}}@media screen and (max-width:912px)and (min-width:750px){.top-section .intro h1{font-size:5rem}.top-section .intro p{font-size:1.3rem;margin:1rem 1rem 0 0}}@media screen and (max-width:750px){.top-section{flex-direction:column}.top-section .intro{border-bottom:1px solid var(--text-primary);border-right:none;padding:0 0 2rem;text-align:center;width:auto}.top-section .intro h1{font-size:5rem}.top-section .intro p{font-size:1.3rem;margin:1rem 1rem 0 0}.top-section .signature{height:30%;padding:2rem 0 0}}@-webkit-keyframes drawSignature{to{stroke-dashoffset:0}}@keyframes drawSignature{to{stroke-dashoffset:0}}.section-wrapper{width:100%}.section-wrapper .section{box-sizing:border-box;display:flex;font-weight:inherit;padding:5rem;width:100%}.section-wrapper .section .section-header{align-items:flex-start;border-right:1px solid var(--text-primary);box-sizing:border-box;display:flex;font-size:2.6rem;justify-content:center;letter-spacing:.05em;max-width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow:visible;padding-left:.5rem;padding-right:1.2rem;text-overflow:clip;white-space:nowrap}.section-wrapper .section .section-header .section-header-icon{font-size:3rem;padding-left:0;transition:all .5s}.section-wrapper .section .section-content{padding-left:2rem}.section-wrapper .section.section-reverse{flex-direction:row-reverse}.section-wrapper .section.section-reverse .section-header{border-left:1px solid var(--text-primary);border-right:none;padding-left:2rem;padding-right:0}.section-wrapper .section.section-reverse .section-content{padding-left:0;padding-right:2rem;text-align:right}.section-wrapper .section.section-centered{align-items:center}@media screen and (max-width:768px){.section-wrapper .section,.section-wrapper .section.section-reverse{flex-direction:column;padding:3rem}.section-wrapper .section .section-header,.section-wrapper .section.section-reverse .section-header{border:none;border-bottom:1px solid var(--text-primary);justify-content:center;padding:0 0 .7rem;text-align:center}.section-wrapper .section .section-content,.section-wrapper .section.section-reverse .section-content{padding:0;text-align:center}}.about-section h4{font-size:2rem}.about-section .programming-icons svg{height:3.5rem;margin-left:2rem;width:3.5rem}.about-section .programming-icons svg:first-child{margin-left:0}.footer{text-align:center}.footer .social-icon-container{display:inline-block;position:relative}.footer .social-icon-container .circle-button{height:1rem;margin:.5rem;width:1rem}.footer .image-tooltip{background-color:var(--background-primary);border:1px solid var(--text-primary);border-radius:14px;bottom:100%;box-shadow:0 2px 4px rgba(0,0,0,.1);left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;z-index:10}.footer .image-tooltip img{height:150px;object-fit:contain;width:150px}.footer .social-icon-container:hover .image-tooltip{opacity:1;visibility:visible}.notice{align-items:center;background:var(--bg-primary);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.notice.is-hiding{opacity:0;transition:1s}.notice.is-hiding .notice-content{-webkit-transform:translateY(-10em);transform:translateY(-10em);transition:1s}.notice.is-hiding .to-website{-webkit-transform:translateX(5em);transform:translateX(5em);transition:1s}.notice-content{margin-right:10rem;text-align:center}.notice-content h1{-webkit-animation:notice 20s ease-in-out infinite;animation:notice 20s ease-in-out infinite;font-size:5vw;line-height:6vw;text-transform:uppercase}.notice-content h1 span{font-size:10vw}.notice .to-website svg{font-size:2.5rem}@media screen and (max-width:768px){.notice{flex-direction:column}.notice-content{margin:0 0 3rem}}@-webkit-keyframes notice{0%,to{-webkit-transform:translateY(.2em);transform:translateY(.2em)}50%{-webkit-transform:translateY(-.2em);transform:translateY(-.2em)}}@keyframes notice{0%,to{-webkit-transform:translateY(.2em);transform:translateY(.2em)}50%{-webkit-transform:translateY(-.2em);transform:translateY(-.2em)}}@font-face{font-display:swap;font-family:阿里妈妈东方大楷 Regular;font-variation-settings:normal;font-weight:inherit;src:url(https://tanmantang.oss-cn-chengdu.aliyuncs.com/www/font/AlimamaDongFangDaKai/AlimamaDongFangDaKai-Regular.woff2) format("woff2"),url(https://tanmantang.oss-cn-chengdu.aliyuncs.com/www/font/AlimamaDongFangDaKai/AlimamaDongFangDaKai-Regular.woff) format("woff"),url(../../static/media/AlimamaDongFangDaKai-Regular.8102144312d54f16276e.woff2) format("woff2"),url(../../static/media/AlimamaDongFangDaKai-Regular.efcc716fbadcaadf3998.woff) format("woff")}@font-face{font-display:swap;font-family:得意黑 斜体;font-style:italic;font-weight:400;src:url(https://tanmantang.oss-cn-chengdu.aliyuncs.com/www/font/SmileySans/SmileySans-Oblique.woff2) format("woff2"),url(https://tanmantang.oss-cn-chengdu.aliyuncs.com/www/font/SmileySans/SmileySans-Oblique.woff) format("woff"),url(../../static/media/SmileySans-Oblique.9fd474764af30515bfed.woff2) format("woff2"),url(../../static/media/SmileySans-Oblique.1c732b21ab136836d06f.woff) format("woff")}.font-local-only{--font-fallback:1}:root{--bg-primary:#fafafa;--text-primary:#000;--text-secondary:#e0e0e0;font-size:16px}.dark-mode{--bg-primary:#2f2f2f;--text-primary:#fff;--text-secondary:#e0e0e0}body{background:#fafafa;background:var(--bg-primary);color:#000;color:var(--text-primary);font-family:得意黑 斜体,sans-serif;font-size:16px;margin:0;padding:0;transition:all .7s}body.font-local-only{font-family:得意黑 斜体,sans-serif!important}h1,h2,h3,h4{font-weight:400}h3{align-items:center;gap:.5em}h3 svg{display:inline-block;vertical-align:middle}button,input,textarea{font-family:inherit}.body-wrapper{margin:0 auto;max-width:90%;width:1100px}.project-link{padding:5px}a{color:#000;color:var(--text-primary);text-decoration:none}a:hover{text-decoration:underline}.MuiTooltip-tooltip{font-size:1em!important}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#000;background:var(--text-primary);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#e0e0e0;background:var(--text-secondary)}
/*# sourceMappingURL=main.ee232dd9.css.map*/