Focus

准备

SPACE 开始 · ↑↓ 调整 · R 重置 · F 全屏 · 拖动圆环设定

@media (min-width:1024px){ body{grid-template-columns:1fr 420px;align-items:center;justify-items:center} #w{grid-column:1/2;justify-self:end;margin-right:6vw} #dock{left:50%;transform:translateX(-50%);right:auto;bottom:calc(30px + env(safe-area-inset-bottom))} #top{left:0;right:0;justify-content:center;gap:40px} #mu{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));right:auto;transform:translate(-50%,10px)} #mu.on{transform:translate(-50%,0)} #stp,#pg,#set{left:auto;right:max(24px,calc(24px + env(safe-area-inset-right)));bottom:calc(30px + env(safe-area-inset-bottom));transform:none} .run #stp,.run #pg,.run #set{opacity:0;pointer-events:none} #dock button:hover{background:rgba(255,255,255,.08)} #mu button:hover,#mpp:hover,#mnx:hover,#pip:hover,.pill:hover{background:rgba(255,255,255,.09)} #about .cls:hover,#setx:hover,#spx:hover{background:rgba(255,255,255,.12)} } @media (min-width:1024px){ body{grid-template-columns:1fr 420px;align-items:center;justify-items:center} #w{grid-column:1/2;justify-self:end;margin-right:6vw} #dock{left:50%;transform:translateX(-50%);right:auto;bottom:calc(30px + env(safe-area-inset-bottom))} #top{left:0;right:0;justify-content:center;gap:40px} #mu{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));right:auto;transform:translate(-50%,10px)} #mu.on{transform:translate(-50%,0)} #stp,#pg,#set{left:auto;right:max(24px,calc(24px + env(safe-area-inset-right)));bottom:calc(30px + env(safe-area-inset-bottom));transform:none} .run #stp,.run #pg,.run #set{opacity:0;pointer-events:none} #dock button:hover{background:rgba(255,255,255,.08)} #mu button:hover,#mpp:hover,#mnx:hover,#pip:hover,.pill:hover{background:rgba(255,255,255,.09)} #about .cls:hover,#setx:hover,#spx:hover{background:rgba(255,255,255,.12)} } @media (min-width:1024px){ body{grid-template-columns:1fr 420px;align-items:center;justify-items:center} #w{grid-column:1/2;justify-self:end;margin-right:6vw} #dock{left:50%;transform:translateX(-50%);right:auto;bottom:calc(30px + env(safe-area-inset-bottom))} #top{left:0;right:0;justify-content:center;gap:40px} #mu{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));right:auto;transform:translate(-50%,10px)} #mu.on{transform:translate(-50%,0)} #stp,#pg,#set{left:auto;right:max(24px,calc(24px + env(safe-area-inset-right)));bottom:calc(30px + env(safe-area-inset-bottom));transform:none} .run #stp,.run #pg,.run #set{opacity:0;pointer-events:none} #dock button:hover{background:rgba(255,255,255,.08)} #mu button:hover,#mpp:hover,#mnx:hover,#pip:hover,.pill:hover{background:rgba(255,255,255,.09)} #about .cls:hover,#setx:hover,#spx:hover{background:rgba(255,255,255,.12)} }@media (min-width:1024px){ body{grid-template-columns:1fr 420px;align-items:center;justify-items:center} #w{grid-column:1/2;justify-self:end;margin-right:6vw} #dock{left:50%;transform:translateX(-50%);right:auto;bottom:calc(30px + env(safe-area-inset-bottom))} #top{left:0;right:0;justify-content:center;gap:40px} #mu{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));right:auto;transform:translate(-50%,10px)} #mu.on{transform:translate(-50%,0)} #stp,#pg,#set{left:auto;right:max(24px,calc(24px + env(safe-area-inset-right)));bottom:calc(30px + env(safe-area-inset-bottom));transform:none} .run #stp,.run #pg,.run #set{opacity:0;pointer-events:none} #dock button:hover{background:rgba(255,255,255,.08)} #mu button:hover,#mpp:hover,#mnx:hover,#pip:hover,.pill:hover{background:rgba(255,255,255,.09)} #about .cls:hover,#setx:hover,#spx:hover{background:rgba(255,255,255,.12)} }