:root{--v4-chrome-height:calc(var(--v4-measured-header-height,var(--v4-unified-header-height,80px)) + var(--v4-unified-footer-height,125px));--v4-minimum-page-height:calc(var(--v4-chrome-height)*4);--v4-content-min-height:calc(var(--v4-chrome-height)*3);--v4-bottom-nav-height:0px;--v4-main-available-height:calc(100dvh - var(--v4-chrome-height) - var(--v4-bottom-nav-height));--v4-z-header:1100;--v4-z-footer:1090;--v4-z-mobile-nav:1080}html.v4-frame-root{height:100%;min-height:0!important;overflow:hidden!important}html.v4-frame-root body.v4-fixed-frame{position:relative!important;width:100%;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;display:block!important}body.v4-fixed-frame>.v4-unified-header{position:fixed!important;left:0;right:0;top:0;height:var(--v4-unified-header-height);z-index:var(--v4-z-header)}body.v4-fixed-frame>.v4-unified-footer{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:var(--v4-z-footer);margin:0!important}body.v4-fixed-frame .layui-layer:has(>#LAY_adminError){top:calc(var(--v4-measured-header-height,var(--v4-unified-header-height,80px)) + 12px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - var(--v4-chrome-height) - var(--v4-bottom-nav-height) - 24px)!important;overflow:auto}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-chrome .layui-layer:is(.v4-editor-layer,.match-user-editor-layer,.v4-drawer-layer):has(.layui-form){top:var(--v4-measured-header-height,var(--v4-unified-header-height,80px))!important}.v4-header-motto-art{display:block;flex:none;width:270px;height:auto;max-height:64px;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 96%,transparent)}.v4-page-viewport{position:absolute;inset:var(--v4-unified-header-height) 0 calc(var(--v4-unified-footer-height) + var(--v4-bottom-nav-height));height:auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box;padding-bottom:0;scroll-padding:20px;outline:0}.v4-page-viewport>.v4-help-workspace,.v4-page-viewport>.ws-container,.v4-page-viewport>main{box-sizing:border-box;min-height:max(var(--v4-main-available-height),var(--v4-content-min-height))}body.v4-fixed-frame.v4-admin>#LAY_app{position:absolute!important;top:var(--v4-unified-header-height)!important;left:0;right:0;bottom:var(--v4-unified-footer-height)!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;display:block!important}body.v4-fixed-frame.v4-admin>#LAY_app>.layui-layout-admin{height:100%!important;min-height:0!important}body.v4-fixed-frame.v4-admin #LAY_app_body>.layadmin-tabsbody-item.layui-show{height:100%!important;min-height:0!important;box-sizing:border-box}html.v4-frame-root body.v4-fixed-frame.v4-admin:has(#LAY-user-login){height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}body.v4-fixed-frame.v4-admin:has(#LAY-user-login)>#LAY_app{top:var(--v4-unified-header-height)!important;bottom:var(--v4-unified-footer-height)!important;left:0!important;right:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow:auto!important;overscroll-behavior:contain;padding:24px 20px!important;scrollbar-gutter:stable}body.v4-fixed-frame.v4-admin:has(#LAY-user-login) #LAY_app_body{position:relative!important;inset:auto!important;min-height:0!important;height:auto!important;overflow:visible!important}body.v4-fixed-frame.v4-admin:has(#LAY-user-login) #LAY-user-login{flex:none;align-self:flex-start;margin:0 auto!important}body.v4-fixed-frame .home-mobile-nav,body.v4-fixed-frame .v4-mobile-nav{bottom:var(--v4-unified-footer-height)!important;z-index:1010}body.v4-fixed-frame .layui-fixbar{bottom:calc(var(--v4-unified-footer-height) + var(--v4-bottom-nav-height) + 12px)!important}body.v4-fixed-frame .v4-announcement-workspace:has(#notice-article-view:not([hidden]))>.v4-notice-shortcuts{padding-top:var(--v4-notice-sidebar-offset,65px)!important}.v4-unified-navigation [data-v4-menu][hidden]{display:none!important}.v4-unified-navigation .v4-shell-menu{position:relative;list-style:none;line-height:1.5}.v4-unified-navigation .v4-shell-menu>summary{display:block;cursor:pointer;list-style:none;padding:0 10px;color:#e9f1f9;font:14px/44px 'Microsoft YaHei',sans-serif;white-space:nowrap;border-radius:5px}.v4-unified-navigation .v4-shell-menu>summary:after{content:'⌄';margin-left:5px;color:#a7b6c8}.v4-unified-navigation .v4-shell-menu>summary::-webkit-details-marker{display:none}.v4-unified-navigation .v4-shell-menu>div{position:absolute;right:0;top:47px;min-width:165px;padding:8px;background:#fff;border:1px solid #dce5ef;border-radius:6px;box-shadow:0 12px 30px #1116;z-index:15}.v4-unified-navigation .v4-shell-menu:not([open])>div{display:none}.v4-unified-navigation .v4-shell-menu>div>a{display:block;padding:9px 12px;font-size:13px;line-height:1.5;color:#2a394c;white-space:nowrap;border-radius:3px}.v4-unified-navigation .v4-shell-menu>div>a:hover{background:#f0f5fa;color:#ec3d3b}.v4-unified-navigation .v4-shell-menu>summary:focus-visible{outline:2px solid #96b8ff;outline-offset:2px}@media(min-width:701px){.v4-page-viewport.v4-panel-viewport{overflow:hidden;padding-bottom:0;scrollbar-gutter:auto;min-height:0}.v4-page-viewport.v4-panel-viewport>.v4-help-workspace,.v4-page-viewport.v4-panel-viewport>.ws-container,.v4-page-viewport.v4-panel-viewport>main{height:100%;min-height:0!important;max-height:100%;overflow:hidden}}@keyframes v4-content-enter{from{opacity:.15;translate:0 7px}to{opacity:1;translate:none}}@keyframes v4-panel-enter{from{opacity:.25;translate:0 -5px}to{opacity:1;translate:none}}@media(prefers-reduced-motion:no-preference){.layadmin-tabsbody-item.layui-show>.layui-fluid,.v4-page-viewport>.ws-container,.v4-page-viewport>main{animation:v4-content-enter .24s ease-out backwards}.match-desktop-game-heading,.match-tool-layer>.layui-layer-content,.match-user-editor-grid,.v4-edit-heading,.v4-editor-grid,.v4-unified-navigation details[open]>div{animation:v4-panel-enter .18s ease-out backwards}.v4-fixed-frame .layui-btn,.v4-fixed-frame .v4-button,.v4-fixed-frame button{transition:background-color .16s,border-color .16s,box-shadow .16s,filter .16s}.catalogue-card,.home-work,.v4-resource-card{transition:box-shadow .18s,border-color .18s,translate .18s}.catalogue-card:hover,.home-work:hover,.v4-resource-card:hover{translate:0 -2px;box-shadow:0 9px 20px #1b304315}}@media(max-width:1200px) and (min-width:701px){.v4-header-motto-art{width:230px}.v4-unified-navigation .v4-shell-menu>summary{font-size:12px;padding:0 7px}}@media(max-width:700px){body.v4-admin.v4-reviewed.v4-has-unified-chrome.v4-fixed-frame:is([data-match-workspace],[data-match-mode]) .layui-layer:is(.v4-editor-layer,.match-user-editor-layer):has(.layui-form){top:var(--v4-unified-header-height)!important;bottom:var(--v4-unified-footer-height)!important;height:calc(100dvh - var(--v4-chrome-height))!important;max-height:calc(100dvh - var(--v4-chrome-height))!important}body.v4-admin.v4-reviewed.v4-fixed-frame[data-match-workspace] .match-mobile-game-form .v4-edit-actions{bottom:var(--v4-unified-footer-height)!important}body.v4-admin.v4-reviewed.v4-fixed-frame[data-match-workspace] .match-mobile-game-form .v4-edit-heading h1{top:calc(var(--v4-unified-header-height) + 18px)!important}body.v4-fixed-frame.v4-admin:has(#LAY-user-login)>#LAY_app{padding:12px!important}.v4-page-viewport{scrollbar-gutter:auto}.v4-unified-navigation .v4-shell-menu>summary{font-size:13px;line-height:38px;padding:0 10px}.v4-unified-navigation .v4-shell-menu>div{top:40px;right:auto;left:0;max-height:calc(100dvh - var(--v4-chrome-height) - 100px);overflow:auto}}@media(prefers-reduced-motion:reduce){html.v4-frame-root *,html.v4-frame-root :after,html.v4-frame-root :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth){--v4-workspace-gutter:28px}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body>.layadmin-tabsbody-item.layui-show{width:100%!important;max-width:none!important;min-width:0!important;padding-left:var(--v4-workspace-gutter)!important;padding-right:var(--v4-workspace-gutter)!important}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body>.layadmin-tabsbody-item.layui-show>.layui-fluid{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body>.layadmin-tabsbody-item.layui-show>.layui-fluid>:is(.layui-row,.review-management-card,.match-interaction-board,.match-interaction-original,.review-admin-error){width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) .layui-layer:is(.v4-editor-layer,.match-user-editor-layer) :is(.v4-composed-form,.match-user-editor-form){width:100%!important;max-width:none!important;padding-left:var(--v4-workspace-gutter)!important;padding-right:var(--v4-workspace-gutter)!important}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body .layui-table-page{display:flex!important;align-items:center;flex:none;box-sizing:border-box;height:auto!important;min-height:52px!important;padding:10px 14px!important;line-height:1!important;overflow-x:auto;overflow-y:hidden}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body .layui-table-page>div{display:flex;align-items:center;box-sizing:border-box;width:100%;height:auto!important;min-height:28px;margin:0!important;line-height:1!important}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body .layui-table-page .layui-laypage{align-items:center;margin:0!important}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body :is(.match-message-single-page .layui-table-page,.layui-table-page.layui-hide){display:none!important}@media(min-width:701px) and (max-width:1000px){body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth){--v4-workspace-gutter:24px}}@media(min-width:701px) and (max-height:650px){body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth){--v4-workspace-gutter:20px}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body .layui-table-page{min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important}}@media(max-width:700px){body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth){--v4-workspace-gutter:14px}body.v4-admin.v4-reviewed.v4-fixed-frame.v4-has-unified-workspace-nav:not(.v4-workspace-auth) #LAY_app_body .layui-table-page{min-height:44px!important;padding:8px!important}}.v4-shared-mobile-nav{display:none}.home-mobile-nav,body.v4-admin.v4-reviewed .match-account-mobile-nav,body.v4-fixed-frame>.player-mobile-nav{display:none!important}@media(max-width:700px){body.v4-fixed-frame>.v4-unified-footer{transform:translateY(100%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}body.v4-fixed-frame>.v4-unified-footer .v4-footer-mobile-actions button{bottom:calc(11px + env(safe-area-inset-bottom,0px))}body.v4-fixed-frame.v4-footer-revealed>.v4-unified-footer{transform:translateY(0);visibility:visible;pointer-events:auto}body.v4-fixed-frame>.v4-shared-mobile-nav{position:fixed;left:0;right:0;bottom:var(--v4-unified-footer-height)!important;z-index:var(--v4-z-mobile-nav);display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;box-sizing:border-box;height:calc(64px + env(safe-area-inset-bottom,0px));padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px));background:var(--v4-surface,#fff);border-top:1px solid var(--v4-line,#dce5ee);box-shadow:0 -2px 10px #1b304308;font-family:"Microsoft YaHei",sans-serif}body.v4-fixed-frame.v4-footer-revealed>.v4-shared-mobile-nav{height:64px;padding-bottom:5px}body.v4-fixed-frame>.v4-shared-mobile-nav{touch-action:pan-x;user-select:none;transition:bottom .2s ease}.v4-shared-mobile-nav:before{content:'';position:absolute;top:2px;left:calc(50% - 12px);width:24px;height:2px;border-radius:2px;background:var(--v4-muted,#728095);opacity:.45;pointer-events:none}.v4-shared-mobile-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;color:#8291a7;font-size:10px;line-height:1.5;text-decoration:none}.v4-shared-mobile-nav svg{display:block;width:23px;height:23px}.v4-shared-mobile-nav>a[aria-current]{color:#ff413d}body.v4-fixed-frame.v4-admin:has(#LAY-user-login)>#LAY_app,body.v4-fixed-frame.v4-admin>#LAY_app{bottom:calc(var(--v4-unified-footer-height) + var(--v4-bottom-nav-height))!important}body.v4-admin.v4-reviewed.v4-has-unified-chrome.v4-fixed-frame .layui-layer:is(.v4-editor-layer,.match-user-editor-layer,.v4-drawer-layer):has(.layui-form){bottom:calc(var(--v4-unified-footer-height) + var(--v4-bottom-nav-height))!important;height:calc(100dvh - var(--v4-chrome-height) - var(--v4-bottom-nav-height))!important;max-height:calc(100dvh - var(--v4-chrome-height) - var(--v4-bottom-nav-height))!important}}