.menu{display:flex;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden}.menu .menu-items{transition:all ease .3s;cursor:pointer;font-size:1em;padding:2em 0}.menu .menu-items:hover .adj-item{opacity:.5}.menu .menu-items:hover .other-item{opacity:.1}.menu .menu-items .menu-item{padding:.5em 1.2em;line-height:1em}.menu .menu-items .menu-item:hover{opacity:.8}.menu .menu-items .selected-item{opacity:1}.menu .menu-items .adj-item,.menu .menu-items .other-item{opacity:0;transition:all ease .3s}.menu .show-items .adj-item{opacity:.5}.menu .show-items .other-item{opacity:.1}.background{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;justify-content:space-between;overflow:hidden;pointer-events:none;z-index:-1}.background .bg-side{display:flex;flex-direction:column;font-weight:700;line-height:1;opacity:.05}.background .bg-side .chars{font-size:140px}.background .bg-side .shuangpin{padding:5px 0;font-size:3.5em;width:3.5em}.background .left{transform:translate(-60%);justify-content:flex-end;align-items:flex-end}.background .left .shuangpin{text-align:right}.background .right{transform:translate(60%);justify-content:flex-start;align-items:flex-start}.background .right .shuangpin{text-align:left}body{margin:0;padding:0;font-family:"Noto Serif TC","Source Han Serif TC",source-han-serif-tc,serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--white);font-size:16px}.light{--primary-color: #ab2b2b;--black: #000;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: white;--gray-001: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}.dark{--primary-color: #ab2b2b;--black: #aaa;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: #222;--gray-001: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}.dark img,.dark svg{filter:invert(1)}:root{--primary-color: #ab2b2b;--black: #000;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: white;--gray-001: rgba(0, 0, 0, .01);--gray-002: rgba(0, 0, 0, .02);--gray-003: rgba(0, 0, 0, .03);--gray-010: rgba(0, 0, 0, .1)}:root *{transition:all ease .3s}@media (prefers-color-scheme: dark){:root{--primary-color: #ab2b2b;--black: #aaa;--gray-2: #222;--gray-4: #444;--gray-6: #666;--gray-9: #999;--gray-a: #aaa;--white: #222;--gray-001: rgba(255, 255, 255, .01);--gray-002: rgba(255, 255, 255, .02);--gray-003: rgba(255, 255, 255, .03);--gray-010: rgba(255, 255, 255, .1)}:root img,:root svg{filter:invert(1)}}:root{--app-padding: 30px;--page-width: 900px;--page-max-width: var(--page-width);--page-height: 540px}@media (max-width: 576px){:root{--page-height: 100vh;--page-width: 100vw}}#app{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.content{box-sizing:border-box;width:var(--page-width);max-width:var(--page-max-width);height:var(--page-height);box-shadow:10px 20px 60px #0000001a;border-radius:0;padding:var(--app-padding);border:1px solid var(--gray-010);position:relative;color:var(--black);display:flex;flex-direction:column;align-items:center;overflow:hidden}.main-menu{color:#ab2b2b;position:absolute;top:0;left:0}.main-menu .selected-item{background-color:#ab2b2b;color:#fff}.page{position:absolute;top:0;left:0;width:100%;height:100%}*::-webkit-scrollbar{width:5px}*::-webkit-scrollbar-track{background-color:var(--gray-002)}*::-webkit-scrollbar-thumb{background-color:var(--gray-003)}