:root{--font-primary: Arial, sans-serif;--font-secondary: Times, serif;--color-text: #000;--color-bg: #fff;--color-link: #000;--color-link-hover: #000}*{margin:0;padding:0;box-sizing:border-box;font:inherit}html,body{width:100%;height:100%}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol,menu{list-style:none}picture,img,svg,video{display:block;width:100%;height:auto}a{text-decoration:none;color:inherit;outline:none;cursor:pointer}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus:focus-visible{background:transparent;outline:2px solid red}button,input,select,textarea{display:block;border:0;border-radius:0;background:0 0;color:inherit}button:hover{cursor:pointer}@media(scripting:enabled){.loading:before,.loading:after{content:"";position:fixed;z-index:10000}.loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading:after{top:50%;left:50%;width:100px;height:1px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}.frame{position:fixed;top:0;left:0;display:grid;grid-template-areas:"infos sponsor auth-buttons" "tags author . ";grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;grid-gap:24px;align-content:space-between;width:100%;height:100vh;padding:24rem;font-size:14px;line-height:1.5;pointer-events:none;z-index:1000}.frame a,.frame button{pointer-events:auto;opacity:.4}.frame a:hover,.frame button:hover{text-decoration:underline;text-underline-offset:2px;opacity:1}.frame .frame__infos{grid-area:infos}.frame .frame__infos *:not(:last-child){margin-right:24px}@media(min-width:768px){.frame .frame__infos h1{display:inline-block}}.frame .frame__infos a{display:block}@media(min-width:768px){.frame .frame__infos a{display:inline-block}}.frame .frame__archive{grid-area:archive}.frame .frame__tags{grid-area:tags;display:flex;column-gap:12px}.frame .frame__author{grid-area:author;justify-self:flex-end;text-align:right}.frame .frame__author a{opacity:1}.frame #cdawrap{grid-area:sponsor;justify-self:flex-end;max-width:360px;text-align:right}.frame #cdawrap strong{font-weight:700}.frame__auth-buttons{grid-area:auth-buttons;justify-self:flex-end;align-self:flex-start;display:flex;gap:12px;pointer-events:auto}.frame__auth-buttons button{padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.frame__auth-buttons .button--login{background-color:#fff;color:#000;border:1px solid #ccc}.frame__auth-buttons .button--login:hover{background-color:#f3f3f3;color:#000;border-color:#bbb}.frame__auth-buttons .button--signup{background-color:#ff6f00;color:#fff;border:1px solid #ff6f00}.frame__auth-buttons .button--signup:hover{background-color:#333;color:#fff;border-color:#333}.lang-toggle{display:flex;align-items:center;position:relative;padding:3px;border-radius:20px;border:1px solid rgba(0,0,0,.2);background:transparent;cursor:pointer;gap:0;transition:border-color .3s ease}.lang-toggle:before{content:"";position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:44px;border-radius:14px;background:#000;transition:transform .42s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.lang-toggle[data-active=zh]:before{transform:translate(44px)}.lang-toggle__label{position:relative;z-index:1;width:44px;text-align:center;padding:5px 0;font-size:12px;font-weight:600;letter-spacing:.06em;transition:color .3s ease;-webkit-user-select:none;user-select:none}.lang-toggle[data-active=en] .lang-toggle__label[data-lang-opt=en]{color:#fff}.lang-toggle[data-active=en] .lang-toggle__label[data-lang-opt=zh],.lang-toggle[data-active=zh] .lang-toggle__label[data-lang-opt=en]{color:#00000073}.lang-toggle[data-active=zh] .lang-toggle__label[data-lang-opt=zh]{color:#fff}.frame .lang-toggle{opacity:.7}.frame .lang-toggle:hover{text-decoration:none;opacity:1;border-color:#0006}.roll-text{display:inline-flex;overflow:hidden;position:relative;vertical-align:middle;justify-content:center;align-items:center}.roll-text-inner{display:inline-block;position:relative;transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform}.roll-text-inner:after{content:attr(data-text);position:absolute;left:0;top:-100%;width:100%;text-align:center;white-space:nowrap}button:hover .roll-text-inner,a:hover .roll-text-inner{transform:translateY(100%)}