
.workspace-identity-dialog{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:1px solid #c8cbbf;border-radius:12px;background:#fff;color:#2d302b;font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.workspace-identity-dialog *{box-sizing:border-box}
.workspace-identity-dialog::backdrop{background:rgba(18,25,21,.45)}
.workspace-identity-dialog h2{font-size:20px;line-height:1.4;font-weight:650;margin:0 0 20px}
.workspace-identity-dialog label{display:grid;gap:8px;font-size:15px}
.workspace-identity-dialog input{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #c8cbbf;border-radius:8px;color:inherit;background:#fff;font:inherit}
.workspace-identity-dialog input:focus-visible{outline:1px solid #315447;outline-offset:1px;box-shadow:none}
.workspace-identity-dialog .actions{display:flex;justify-content:flex-end;gap:12px;margin:24px 0 0}
.workspace-identity-dialog .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #a69779;border-radius:8px;background:#fff;color:#4f4739;font-family:inherit;font-size:15px;line-height:1.5;font-weight:600;cursor:pointer;box-shadow:none}
.workspace-identity-dialog .button.primary{background:#315447;border-color:#315447;color:#fff}
.workspace-identity-dialog .button:focus-visible{outline:1px solid #315447;outline-offset:2px}
.workspace-identity-dialog .error{margin:12px 0 0;color:#9c4333;font-size:14px}
.workspace-identity-dialog [hidden]{display:none!important}
@media(max-width:600px){.workspace-identity-dialog{padding:20px}.workspace-identity-dialog .actions .button{flex:1}}


#app :is(.staff-page,.account-page,.login,.support-panel,.conversation,.gift-catalog,.page-load-error,.catalog-page,.welfare-directory,.version-page,.test-entry,.h5-test-community,.voucher-use-guide) .button{background:#fff;color:#4c514b;border:1px solid #d4d8d1;border-image:none;border-radius:4px;min-height:44px;padding:10px 22px;box-shadow:none;filter:none;transform:none;transition:none;animation:none}
#app :is(.staff-page,.account-page,.login,.support-panel,.conversation,.gift-catalog,.page-load-error,.catalog-page,.welfare-directory,.version-page,.test-entry,.h5-test-community,.voucher-use-guide) .button.primary{background:#294b3e;color:#fff8e8;border-color:#294b3e}
#app :is(.staff-page,.account-page,.login,.support-panel,.conversation,.gift-catalog,.page-load-error,.catalog-page,.welfare-directory,.version-page,.test-entry,.h5-test-community,.voucher-use-guide) .button:is(:hover,:active){background:#fff;color:#4c514b;border-color:#d4d8d1;box-shadow:none;filter:none;transform:none}
#app :is(.staff-page,.account-page,.login,.support-panel,.conversation,.gift-catalog,.page-load-error,.catalog-page,.welfare-directory,.version-page,.test-entry,.h5-test-community,.voucher-use-guide) .button.primary:is(:hover,:active){background:#355b49;color:#fff8e8;border-color:#355b49}
#app :is(.staff-page,.account-page,.login,.support-panel,.conversation,.gift-catalog,.page-load-error,.catalog-page,.welfare-directory,.version-page,.test-entry,.h5-test-community,.voucher-use-guide) .button:focus-visible{outline:2px solid #527264;outline-offset:3px}
#app :is(.staff-page,.account-page,.login,.support-panel,.conversation,.gift-catalog,.page-load-error,.catalog-page,.welfare-directory,.version-page,.test-entry,.h5-test-community,.voucher-use-guide) .button:disabled{background:#edf0ea;color:#8b9288;border-color:#e0e4db;opacity:1;cursor:default}

#app .test-entry{text-align:center}#app .test-entry>h1{justify-content:center}#app .test-entry>h1:after{display:none}#app .test-entry>.card{border:0;box-shadow:none;max-width:820px;margin-inline:auto}#app .test-entry .actions{justify-content:center}

@media(min-width:761px){#app .classic-page{max-width:960px}#app .classic-page>.ornate-panel>h2{text-align:center}#app .classic-page .actions{justify-content:center}}


#app :is(button,.button):not(:disabled):not([aria-disabled=true]){transition:filter .12s,transform .12s;touch-action:manipulation}
#app :is(button,.button):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.06)!important}
#app :is(button,.button):not(:disabled):not([aria-disabled=true]):active{filter:brightness(.92)!important;transform:translateY(1px)!important}
@media(min-width:761px){#app .campaign-strip{padding:12px 3.1%;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}#app .campaign-strip>a{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;align-items:center;gap:14px;padding:12px 20px;min-height:82px;transition:background-color .12s;touch-action:manipulation}#app .campaign-strip>a>div{min-width:0;width:auto;height:auto;background:none}#app .campaign-strip .ui-icon{width:40px;height:40px;stroke-width:1.3;flex:none;color:#806033;background:none;filter:none;mix-blend-mode:normal}#app .campaign-strip .ui-icon path{visibility:visible}#app .campaign-strip h2{font:700 clamp(18px,1.5vw,23px)/1.4 "STKaiti","KaiTi","Songti SC",serif;color:#352c20;white-space:nowrap;margin:0 0 4px}#app .campaign-strip p{font:14px/1.5 "Songti SC",serif;color:#625343;margin:0;white-space:normal}#app .campaign-strip .entry-arrow{display:block;margin:0;font-size:24px;color:#806033}#app .campaign-strip>a:hover{background:#eee3cd}#app .campaign-strip>a:active{background:#e5d6b8}#app .campaign-strip>a:active>*{transform:translateY(1px)}#app .home-sections .section-title{padding-inline:0;background:none;margin-left:0;margin-right:0}#app .home-community .community-grid{margin-inline:0}#app .home-tabs{padding:0;margin-left:0;gap:8px}#app .home-tabs button{transition:background-color .12s,transform .12s}#app .home-tabs button:active{transform:translateY(1px);background-color:#e5d6b8}#app .home-tabs button[aria-selected=true]:active{background-color:#203b2d}#app .home-game-intro>div:first-child{padding:22px 24px;align-self:start}#app .home-game-intro>div:first-child>p{max-width:100%;text-shadow:none;overflow-wrap:break-word}}
@media(min-width:761px) and (max-width:1100px){#app .campaign-strip>a{grid-template-columns:28px minmax(0,1fr) 8px;gap:8px;padding:10px 12px}#app .campaign-strip .ui-icon{width:28px;height:28px}#app .campaign-strip h2{font-size:17px}#app .campaign-strip p{font-size:12px}#app .home-game-intro>div:first-child{padding:18px}}
@media(prefers-reduced-motion:reduce){#app .button,#app .campaign-strip>a,#app .home-tabs button{transition:none}}

#app .recruitment-page{background:#f5efe3!important;text-align:center}#app .h5-test-community{text-align:center;max-width:640px;margin:24px auto;padding:24px;border:0;background:none;box-shadow:none}#app .test-group-qr{display:block;margin:24px auto;width:200px;height:200px;object-fit:contain}.test-group-placeholder{display:grid;place-content:center;gap:10px;width:200px;height:200px;margin:24px auto;border:1px dashed #c3b396;color:#746249;background:#fffaf0}.test-group-placeholder .ui-icon{margin:auto;width:36px;height:36px}.test-group-placeholder strong{font-size:14px;font-weight:400}
