/* Public-only functional UI; administrator colors are loaded separately. */
.puzzle-backdrop{z-index:1300!important}.puzzle-modal{width:380px;max-width:calc(100vw - 24px);padding:26px;overflow:hidden}.puzzle-heading{display:flex;align-items:center;gap:11px;margin:0 0 18px}.puzzle-heading .mini-icon{width:38px;height:38px;border-radius:10px}.puzzle-heading h2{font-size:18px;margin:0}.puzzle-heading p{font-size:11px;color:#8a9caf;margin:4px 0 0}.puzzle-scene{position:relative;width:100%;aspect-ratio:2;border-radius:8px;overflow:hidden;background:#edf3fa;user-select:none}.puzzle-background{display:block;width:100%;height:100%}.puzzle-piece{position:absolute;width:13.75%;height:27.5%;filter:drop-shadow(0 1px 2px #173d6470);pointer-events:none}.puzzle-placeholder{height:150px;background:#f2f6fa;display:flex;align-items:center;justify-content:center;font-size:12px;color:#899bae;border-radius:8px}.puzzle-rail{position:relative;height:44px;margin-top:16px;background:#f1f5f9;border:1px solid #dce5ef;border-radius:7px;touch-action:none;user-select:none;-webkit-user-select:none}.puzzle-rail>span{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;color:#8699ae;padding-left:24px}.puzzle-fill{position:absolute;left:0;top:0;height:42px;background:#e1ecf6;pointer-events:none;border-radius:6px}.puzzle-handle{position:absolute;top:0;width:44px;height:42px;background:#fff;display:flex;align-items:center;justify-content:center;border-right:1px solid #cfdeed;color:#235b8f;border-radius:6px;box-shadow:1px 0 4px #30567b10;touch-action:none;cursor:grab;user-select:none}.puzzle-rail.dragging .puzzle-handle{cursor:grabbing;background:#245e94;color:#fff}.puzzle-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:#8b9bac;margin-top:14px}.puzzle-foot>span{flex:1}.puzzle-foot .text-btn{font-size:10px;white-space:nowrap}.phone-modal .code-input>.btn{white-space:nowrap;font-size:11px;padding:9px}.support-notice{z-index:1400!important}.support-notice .btn{margin-top:20px}.phone-modal .demo-notice{font-size:11px}.site-header .header-inner nav{align-items:center}
.brand-mark{display:block;color:var(--teal);flex-shrink:0}.brand .brand-mark{width:43px;height:43px}.demo-top .brand-mark{width:34px;height:34px}.login-identity{display:flex;align-items:center;gap:10px;font-size:12px}.login-identity .text-btn{font-size:11px}
@media(max-width:780px){.brand .brand-mark{width:37px;height:37px}.header-inner{padding:0 16px;gap:10px}.header-inner nav{gap:10px}.header-inner .brand{gap:8px}.brand>span{font-size:15px}.brand small{font-size:8px;letter-spacing:0}.brand-divider{margin:0 5px}.header-inner .login-identity{font-size:10px;gap:5px}.login-identity .text-btn{font-size:10px}.nav-btn{font-size:11px;gap:4px}}
@media(max-width:370px){.brand small{display:none}.brand .brand-mark{width:30px;height:30px}.brand>span{font-size:13px}.header-inner{padding:0 12px}.nav-btn svg{width:15px}.nav-btn{font-size:10px}.header-inner nav{gap:7px}.login-identity{flex-wrap:wrap;justify-content:flex-end;max-width:90px}}