.quad-layer{position:absolute;right:auto;bottom:auto;z-index:3;touch-action:none}.quad-layer svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.quad-layer polygon{fill:rgba(18,207,199,.16);stroke:#22d6cf;stroke-width:1;vector-effect:non-scaling-stroke}.quad-point{position:absolute;width:34px;height:34px;padding:0;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;background:#087f8c;box-shadow:0 2px 10px rgba(0,0,0,.35);touch-action:none}.quad-point::after{position:absolute;color:#fff;font-size:9px;white-space:nowrap}.quad-point[data-corner=topLeft]::after{content:"左上";left:22px;top:-2px}.quad-point[data-corner=topRight]::after{content:"右上";right:22px;top:-2px}.quad-point[data-corner=bottomRight]::after{content:"右下";right:22px;bottom:-2px}.quad-point[data-corner=bottomLeft]::after{content:"左下";left:22px;bottom:-2px}.quad-controls{position:absolute;left:50%;bottom:12px;display:flex;gap:7px;transform:translateX(-50%);white-space:nowrap}.quad-controls button{padding:8px 10px;border:0;border-radius:8px;background:#fff;color:#253247;font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2)}.quad-controls button:last-child{color:#fff;background:#087f8c}@media(max-width:560px){.quad-point{width:38px;height:38px}.quad-controls{bottom:8px}.quad-controls button{padding:8px;font-size:10px}}