@font-face{font-family:cIconfont;src:url("font/iconfont-cdfecb8456.eot");src:url("font/iconfont-cdfecb8456.eot?#iefix") format('embedded-opentype'),url("font/iconfont-fa013548a9.woff2") format('woff2'),url("font/iconfont-840387fb42.woff") format('woff'),url("font/iconfont-4530e108b6.ttf") format('truetype'),url("font/iconfont-74fcdd51ab.svg#iconfont") format('svg')}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a{text-decoration:inherit}a:hover{text-decoration:underline}a img{border:none}*{box-sizing:border-box}*{transition:all .25s}body{overflow-x:hidden;padding:1.5rem 1.5rem 5.9375rem 1.5rem;background-color:#f5f3ee;font-family:'HanHei SC','PingFang SC','Helvetica Neue','Helvetica','STHeitiSC-Light','Arial',sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{transition:all .25s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;text-decoration:initial}a:hover{text-decoration:initial}.hide{display:none}.show{display:block}.error{text-align:center}.error h2{font-weight:bold}.error p{margin-top:1.25rem}.header{padding:1.125rem 0 .9375rem 0;font-size:.75rem}.header .logo{float:left}.header .logo h1{display:none}.header .logo:before{content:'';min-width:6.25rem;height:2.5rem;display:inline-block;background:url("../img/logo.svg") top left no-repeat;background-size:contain}.header .logo:after{content:'';display:block;clear:both}.header .right{text-align:right;line-height:2.5rem;color:#77786f}.header .right a{color:#77786f}.header .right a:hover{color:#c96a50}.header .right .box{background:#e9e6de;display:inline-block;padding:0 .625rem;line-height:1.375rem;border-radius:.3125rem;font-size:.75rem}.header .right .box i{color:#252621;font-weight:bold;font-style:inherit}.header .right .box svg,.header .right .box button{display:inline-block;position:relative;vertical-align:middle}.header .view-type,.header .view-type-list{display:inline-block;position:relative;vertical-align:middle;font-style:normal;text-align:left;text-indent:-9999px;direction:ltr;color:#717171;width:.125rem;height:.125rem}.header .view-type:before,.header .view-type-list:before,.header .view-type:after,.header .view-type-list:after{content:'';pointer-events:none}.header .view-type{box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;margin:-.125rem .4375rem 0 .4375rem}.header .view-type-list{box-shadow:inset 0 0 0 25px,0 -4px 0 0,0 4px 0 0;margin:.125rem .75rem .25rem .125rem}.header .view-type-list:before{width:.5rem;height:.125rem;left:.25rem;box-shadow:inset 0 0 0 25px,0 -4px 0 0,0 4px 0 0;position:absolute;top:50%;transform:translateY(-50%)}.header .preview{display:inline-block;cursor:pointer}.header .preview:hover .view-type,.header .preview:hover .view-type-list{color:#ae5944}.header .preview:active .view-type,.header .preview:active .view-type-list{color:#c96a50}.announcement{overflow:hidden;cursor:pointer;margin:0 0 1.25rem 0;padding:.3125rem .3125rem;border-radius:.3125rem;line-height:1.5625rem;text-align:center;font-family:cIconfont;font-size:.9375rem;background-color:rgba(251,251,251,0.95);border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);color:#aaa}.sitelist .kw{color:#f00;font-style:inherit}.sitelist li{padding:.3125rem .3125rem;position:relative}.sitelist li:after{content:'';display:block;transition:border-color .25s;border-bottom:1px solid #deddd5;margin-top:.625rem}.sitelist li .title{padding-left:.3125rem;margin-right:.625rem;float:left;font-size:.875rem}.sitelist li .title h3{display:flex;align-items:center;gap:10px}.sitelist li .title a{font-weight:bold;color:#252621}.sitelist li .title a:hover{color:#c96a50}.sitelist li .title .site-icon{display:block;flex:0 0 44px;width:2.75rem;height:2.75rem;border-radius:.5rem;perspective:500px}.sitelist li .title .site-icon:hover .site-icon-inner,.sitelist li .title .site-icon:focus-visible .site-icon-inner{transform:rotateY(180deg)}.sitelist li .title .site-icon:focus-visible{outline:2px solid #98acff;outline-offset:3px}.sitelist li .title .site-icon-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.sitelist li .title .site-icon-front,.sitelist li .title .site-icon-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;backface-visibility:hidden}.sitelist li .title .site-icon-front{background-color:#e9e6de}.sitelist li .title .site-icon-front img{width:2.25rem;height:2.25rem;-o-object-fit:contain;object-fit:contain;border-radius:.375rem}.sitelist li .title .site-icon-back{padding:.3125rem;background-color:#44453e;color:#fff;font-size:.5625rem;font-weight:normal;line-height:1.3;text-align:center;transform:rotateY(180deg);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis}.sitelist li .description{padding:.3125rem .3125rem 0 .3125rem;line-height:1.3;display:block;font-size:.75rem;width:75%;clear:both}.sitelist li .tags{font-size:.625rem;float:right}.sitelist li .tags button{display:inline-block;background-color:#e9e6de;padding:.1875rem .4375rem;line-height:1.35;border-radius:.25rem;border:1px solid #d1cec4;color:#74746c;margin:0 .125rem;font-size:.6875rem;font-family:inherit;cursor:pointer}.sitelist li .tags button:hover{background-color:#e9e6de;border-color:#c96a50;color:#ae5944}.sitelist li .tags button:active{transform:scale(.94)}.sitelist li .tags button:focus-visible{outline:2px solid #98acff;outline-offset:2px}.sitelist li .tags button.is-active{background-color:#c96a50;border-color:#c96a50;color:#fffaf3}.sitelist li .des{color:#77786f}.sitelist ul:after{content:'';display:block;clear:both}.sitelist .more{display:none;margin-top:1.25rem;margin-bottom:.625rem;text-align:center;padding:.3125rem;font-size:.75rem}.sitelist .more a{display:inline-block;cursor:pointer;border-radius:.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);color:#aaa;padding:0 .3125rem;line-height:1.125rem}.sitelist .more a:hover{background-color:#e8e8e8;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}.sitelist .more a:active{background-color:#e8e8e8;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}.sitelist #tags{padding:.5rem .3125rem}.sitelist #tags button{font-family:inherit;font-size:.8125rem;display:inline-block;margin:.25rem;padding:.4375rem .6875rem;border:1px solid #dedede;background-color:#e9e6de;cursor:pointer;color:#74746c;line-height:1.2;border-radius:.25rem}.sitelist #tags button:hover{border-color:#c96a50;background-color:#eeeae1;color:#ae5944;transform:translateY(-1px)}.sitelist #tags button:active{background:#eeeae1;transform:scale(.96)}.sitelist #tags button:focus-visible{outline:2px solid #98acff;outline-offset:2px}.sitelist #tags button.is-active{border-color:#c96a50;background:#f0dfd7;color:#ae5944}.list-itme-grid li{width:25%;float:left;overflow:hidden;padding:.9375rem}.list-itme-grid li:after{margin-top:1.25rem}.list-itme-grid li .title{white-space:nowrap;float:initial}.list-itme-grid li .title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-itme-grid li .tags{padding:.625rem 0 0 .25rem;float:inherit;height:1.625rem;overflow:hidden}.list-itme-grid li .description{height:2rem}.list-itme-grid li .description .des{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.search{position:absolute;bottom:0;left:0}.search input{position:fixed;bottom:0;left:0;z-index:10;font-size:1.875rem;padding:.9375rem 1.875rem;font-family:inherit;font-weight:100;border:none;outline:none;background:rgba(251,251,251,0.95);width:100%}.spinner{position:fixed;top:50%;left:50%;z-index:100;padding:0;margin:0;margin-left:-.75rem;display:block;background-color:transparent;border-radius:50%}.container{max-width:50rem;margin:0 auto;text-align:center;padding:.3125rem}.container h1{font-size:2.5rem;color:#d35400;margin-bottom:1.25rem}.container p{margin-bottom:1.25rem}.footer{padding:0 .5625rem;font-family:cIconfont;font-style:normal;font-size:.75rem;background-color:#f2f2f2;border-radius:.125rem;color:#aaa;text-align:center;position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:9999;white-space:nowrap}.footer svg{display:inline-block;margin-bottom:-.125rem}.footer .network-icon{color:#808080}.footer .online{color:#008000}.footer .offline{color:#f00}.footer .wifi{color:#00f}.footer .cellular{color:#ffa500}#side_wrapper{position:fixed;cursor:pointer;right:1.5rem;bottom:4.625rem;background-color:#fbfbfb;width:2.75rem;border-radius:1.375rem}#side_wrapper .c-icon{font-family:cIconfont !important;font-style:normal}#side_wrapper .side-entry{width:2.75rem;height:2.75rem;border-radius:50%}#side_wrapper .qrcode:hover{box-shadow:0 0 5px 3px rgba(0,0,0,0.1)}#side_wrapper .qrcode:hover .icon-mask-wrapper .icon{display:none}#side_wrapper .qrcode:hover .icon-mask-wrapper .icon-hover{display:block}#side_wrapper .qrcode:hover::before{position:absolute;top:0;left:-1.25rem;content:'';width:2.75rem;height:2.75rem}#side_wrapper .icon-mask-wrapper{width:100%;border-radius:50%;padding:.625rem 0;cursor:pointer}#side_wrapper .icon-mask-wrapper .icon,#side_wrapper .icon-mask-wrapper .icon-hover{height:1.5rem;width:1.5rem;margin-right:auto;margin-left:auto;display:block}#side_wrapper .icon-mask-wrapper .icon-hover{display:none}#side_wrapper .tooltip{display:none;position:absolute;right:3.5rem;bottom:0;background-color:#fff;z-index:303;box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);border-radius:.75rem}#side_wrapper .qrcode-tooltip{width:17.875rem;height:6.6875rem;overflow:hidden}#side_wrapper .qrcode-tooltip .text{text-align:left;margin-top:1.75rem;margin-left:1rem;line-height:1.4375rem}#side_wrapper .qrcode-tooltip .text .qrcode-text{color:#333;font-size:1.25rem;margin-bottom:.25rem}#side_wrapper .qrcode-tooltip .text .qrcode-text .qrcode-icon{margin-right:.25rem;font-size:1.1875rem}#side_wrapper .qrcode-tooltip .text .qrcode-info{font-size:.875rem;color:#9195a3}#side_wrapper .qrcode-tooltip .qrcode{width:4.6875rem;height:4.6875rem;position:absolute;border:none;top:.9375rem;right:1.125rem}#side_wrapper .qrcode-tooltip .qrcode img{width:4.6875rem;height:4.6875rem}.open-content-info{position:relative;display:inline-block;width:1.25rem}.open-content-info a:hover{color:#333}.open-content-info .text-color{color:#626675}.open-content-info >span{cursor:pointer;font-size:.875rem}.open-content-info >span:hover{color:#333}.open-content-info .tip-hover-panel{top:-7rem;right:.9375rem;position:absolute;display:none;padding-bottom:1.125rem}.open-content-info .tip-hover-panel .rest_info_tip{max-width:35rem;padding:.5rem .75rem .5rem .75rem;background:#fff;border-radius:.375rem;border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);text-align:left}.open-content-info .tip-hover-panel .rest_info_tip .tip-wrapper{white-space:nowrap;line-height:1.875rem}#customContextMenu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.625rem;background-color:rgba(20,21,24,0.8);color:#fff;border-radius:.3125rem;display:none;pointer-events:none}.dark-mode{background-color:#000}.dark-mode .header .right .box{background-color:#3c4043;color:#bdc1c6}.dark-mode .announcement{background-color:rgba(20,21,24,0.95);border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}.dark-mode .sitelist .kw:after,.dark-mode .sitelist li:after{transition:border-color .25s;border-bottom:1px solid #202124}.dark-mode .sitelist .kw .title a,.dark-mode .sitelist li .title a{color:#bdc1c6}.dark-mode .sitelist .kw .tags button,.dark-mode .sitelist li .tags button{background-color:#3c4043;color:#bdc1c6}.dark-mode .sitelist .kw .tags button:hover,.dark-mode .sitelist li .tags button:hover{background-color:#454d69}.dark-mode .sitelist .kw .tags button.is-active,.dark-mode .sitelist li .tags button.is-active{background-color:#6675ad}.dark-mode .sitelist .kw .title .site-icon-front,.dark-mode .sitelist li .title .site-icon-front{background-color:#3c4043}.dark-mode .sitelist .kw .title .site-icon-back,.dark-mode .sitelist li .title .site-icon-back{background-color:#27292d}.dark-mode .sitelist #tags button{border-color:#3c4043;background-color:#3c4043;color:#bdc1c6}.dark-mode .sitelist #tags button:hover{border-color:#6675ad;background-color:#454d69}.dark-mode .sitelist #tags button:active{background-color:#535f8a}.dark-mode .sitelist #tags button.is-active{border-color:#6675ad;background-color:#454d69}.dark-mode .sitelist .more a{background-color:#000;border:1px solid rgba(255,255,255,0.1);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1);color:#aaa}.dark-mode .sitelist .more a:hover{background-color:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}.dark-mode .sitelist .more a:active{background-color:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}.dark-mode .error h2,.dark-mode .error p{color:#bdc1c6}.dark-mode .search input{background-color:rgba(20,21,24,0.95);color:#bdc1c6}.dark-mode .container,.dark-mode .footer{background-color:#202124;color:#6e6e6e}.dark-mode #side_wrapper{background-color:#202124}.dark-mode #side_wrapper .tooltip{background-color:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 0 5px 3px rgba(255,255,255,0.1)}.dark-mode #side_wrapper .qrcode:hover{box-shadow:0 0 5px 3px rgba(255,255,255,0.1)}.dark-mode #side_wrapper .qrcode-tooltip .text .qrcode-text{color:#bdc1c6}.dark-mode .open-content-info .tip-hover-panel .rest_info_tip{background:#202124;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 4px 0 rgba(255,255,255,0.1)}@media screen and (max-width:733px){body{padding:.9375rem 0 3.4375rem 0}.header .logo{float:initial;text-align:center;display:inherit}.header .logo:before{min-width:6.25rem}.header .right{text-align:center}.header .right .box{margin:.625rem 0 0 0}.header .preview{display:inline}.list-itme-grid li{width:100%;padding:.3125rem}.list-itme-grid li:after{margin-top:.5625rem}.search input{font-size:1.125rem;padding:.9375rem .625rem}}#home-work-view[hidden],#bookmarks-view[hidden],#home-work-list[hidden],#home-work-gallery[hidden]{display:none !important}.header .right .home-nav-button,.header .right .home-admin-link{display:inline-block;margin:0 .1875rem;padding:.25rem .5rem;border:1px solid transparent;border-radius:.25rem;background:transparent;color:#717171;font:inherit;line-height:1.4;cursor:pointer}.header .right .home-nav-button:hover,.header .right .home-admin-link:hover{border-color:#d8d8d8;color:#303c70}.header .home-view-switch{width:3rem;height:1.5rem;margin:0 .125rem;padding:0;border:0;outline-offset:2px;background:transparent;color:#717171;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.header .home-view-switch:focus-visible{outline:2px solid #98acff}.header .home-view-switch.is-gallery .view-type{color:#303c70}.header .home-view-switch:not(.is-gallery) .view-type-list{color:#303c70}.home-work-shell{max-width:68.75rem;margin:1.5rem auto 6.875rem;padding:0 .5rem}.home-work-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:1.75rem 0 1.375rem;border-bottom:1px solid #deddd5}.home-work-heading h1{margin:0;font-size:2rem;font-weight:600;letter-spacing:-.05em}.home-work-heading p{margin:.5625rem 0 0;color:#77786f;font-size:.8125rem;line-height:1.7}.home-work-heading .home-work-kicker{margin:0 0 .625rem;color:#88897f;font-family:Consolas,monospace;font-size:.625rem;letter-spacing:.12em}.home-work-item-tag{display:inline-block;padding:.25rem .5rem;border:1px solid #d1cec4;border-radius:.25rem;background:#e9e6de;color:#74746c;font:inherit;font-size:.625rem;cursor:pointer}.home-work-item-tag:hover{border-color:#c96a50;background:#eeeae1;color:#ae5944}.home-work-item-tag.is-active{border-color:#c96a50;background:#f0dfd7;color:#ae5944}.home-work-list{display:grid;border-top:1px solid #deddd5}.home-work-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:.875rem .3125rem;border-bottom:1px solid #deddd5}.home-work-item-main{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:13px;color:inherit}.home-work-item-main:hover .home-work-item-copy strong{color:#ae5944}.home-work-thumbnail{width:3.625rem;height:3.625rem;display:grid;place-items:center;overflow:hidden;border:1px solid #deddd5;border-radius:.4375rem;background:#e9e6de}.home-work-thumbnail img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.home-work-item-copy{min-width:0;display:grid;gap:6px}.home-work-item-copy strong{overflow:hidden;color:#252621;font-size:.875rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.home-work-item-copy > span{overflow:hidden;color:#77786f;font-size:.6875rem;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.home-work-item-arrow{color:#c96a50;font-size:.875rem}.home-work-item-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.home-work-item-tag{font-size:.5625rem}.home-work-empty{padding:2.375rem .75rem;color:#88897f;font-size:.75rem;text-align:center}.home-search{position:fixed;z-index:10000;right:0;bottom:0;left:0;padding:.625rem 1.5rem;border-top:1px solid rgba(0,0,0,0.08);background:rgba(245,243,238,0.96);box-shadow:0 -4px 18px rgba(0,0,0,0.045);backdrop-filter:blur(12px)}#home-work-search{width:100%;display:block;margin:0 auto;padding:.6875rem .9375rem;border:1px solid #d1cec4;border-radius:.3125rem;outline:none;background:rgba(255,254,250,0.88);color:#252621;font:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}#home-work-search:focus{border-color:#c96a50;box-shadow:0 0 0 3px rgba(200,106,80,0.13)}.home-work-list.view-enter,.home-work-gallery.view-enter{animation:home-view-enter .24s ease both}.home-work-gallery{margin-top:.5rem}.home-work-gallery .card-inner{min-height:26.25rem}.home-work-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2.1875rem;padding-top:.875rem;border-top:1px solid #deddd5;color:#88897f;font-size:.625rem}.home-work-footer a{color:#77786f}.home-work-footer a:hover{color:#ae5944}.bookmarks-view{max-width:68.75rem;margin:.75rem auto 6.875rem}.bookmarks-heading{display:flex;align-items:center;justify-content:space-between;padding:1rem .3125rem 1.25rem}.bookmarks-heading p{margin:0 0 .5rem;color:#88897f;font-family:Consolas,monospace;font-size:.625rem;letter-spacing:.1em}.bookmarks-heading h1{margin:0;font-size:1.375rem;font-weight:600}.bookmarks-heading button{padding:.5rem .6875rem;border:1px solid #d1cec4;border-radius:.25rem;background:#fffefa;color:#74746c;cursor:pointer;font:inherit;font-size:.6875rem}.bookmarks-heading button:hover{border-color:#c96a50;color:#ae5944}.bookmarks-view .sitelist{padding-bottom:5rem}body.dark-mode .home-work-heading{border-color:#202124}body.dark-mode .home-work-heading h1{color:#bdc1c6}body.dark-mode .home-work-heading p{color:#92979f}body.dark-mode .home-work-item{border-color:#202124}body.dark-mode .home-work-list{border-color:#202124}body.dark-mode .home-work-item-copy strong{color:#bdc1c6}body.dark-mode .home-work-item-copy > span{color:#92979f}body.dark-mode .home-work-thumbnail{border-color:#3c4043;background:#27292d}body.dark-mode .home-work-item-tag{border-color:#3c4043;background:#27292d;color:#bdc1c6}body.dark-mode .home-work-item-tag:hover,body.dark-mode .home-work-item-tag.is-active{border-color:#ae5944;background:#513a34;color:#e3e7f5}body.dark-mode .home-search{border-color:rgba(255,255,255,0.08);background:rgba(20,21,24,0.96)}body.dark-mode #home-work-search{border-color:#3c4043;background:#202124;color:#bdc1c6}body.dark-mode .bookmarks-view{color:#bdc1c6}body.dark-mode .sitelist li:after{border-color:#202124}body.dark-mode .sitelist .title a{color:#bdc1c6}body.dark-mode .sitelist .description .des{color:#92979f}body.dark-mode .sitelist .tags button{border-color:#3c4043;background:#27292d;color:#bdc1c6}body.dark-mode .sitelist .tags button:hover,body.dark-mode .sitelist .tags button.is-active{border-color:#ae5944;background:#513a34;color:#f5d9ce}body.dark-mode .sitelist #tags button{border-color:#3c4043;background:#27292d;color:#bdc1c6}body.dark-mode .sitelist #tags button:hover,body.dark-mode .sitelist #tags button.is-active{border-color:#ae5944;background:#513a34;color:#f5d9ce}body.dark-mode .bookmarks-heading button{border-color:#3c4043;background:#202124;color:#bdc1c6}body.dark-mode .header .right .home-view-switch{color:#92979f}body.dark-mode .header .right .home-view-switch.is-gallery .view-type{color:#e3e7f5}body.dark-mode .header .right .home-view-switch:not(.is-gallery) .view-type-list{color:#e3e7f5}body.dark-mode .home-work-footer{border-color:#202124;color:#777}body.dark-mode .home-work-footer a{color:#bdc1c6}body.dark-mode .bookmarks-heading h1{color:#bdc1c6}body.dark-mode .bookmarks-heading button{border-color:#3c4043;background:#202124;color:#bdc1c6}@media screen and (max-width:733px){.header .right .box{white-space:normal}.header .right .home-nav-button,.header .right .home-admin-link{margin:.125rem 1px;padding:.25rem .375rem;font-size:.6875rem}.header .right .home-view-switch{width:2.75rem;height:1.5rem;margin:.125rem}.home-work-shell{width:calc(100% - 24px);margin:.5rem auto 4.6875rem;padding:0}.home-work-heading{padding:1.4375rem .25rem 1.0625rem}.home-work-heading h1{font-size:1.6875rem}.home-work-heading p{font-size:.75rem}.home-work-item{grid-template-columns:minmax(0,1fr);gap:9px;padding:.75rem .1875rem}.home-work-item-main{grid-template-columns:52px minmax(0,1fr) 16px;gap:10px}.home-work-thumbnail{width:3.25rem;height:3.25rem}.home-work-item-tags{justify-content:start;padding-left:3.875rem}.home-search{padding:.5625rem .625rem}#home-work-search{padding:.625rem .75rem;font-size:.9375rem}.home-work-gallery .work-grid{grid-template-columns:1fr}.home-work-gallery .card-inner{min-height:26.875rem}.bookmarks-view{width:calc(100% - 20px);margin:.5rem auto 4.6875rem}.bookmarks-heading{padding:.75rem .25rem 1rem}.bookmarks-heading h1{font-size:1.1875rem}.home-work-footer{align-items:start;flex-direction:column;gap:9px}}@keyframes home-view-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}