五层配方：从画面到代码

void main() {
  vec2 p = (gl_FragCoord.xy - 0.5 * uResolution) / min(uResolution.x, uResolution.y);   // ① 坐标：以画面中心为原点
  vec2 q = p;   // 留一份原始坐标，着色时用
  float d = length(p) - 0.15;   // ② 形状：到形状的距离
  float ink = 1.0 - smoothstep(0.0, fwidth(d), d);   // ③ 边缘：距离 → 明暗
  vec3 tint = vec3(0.48, 0.83, 0.69);   // ④ 着色：颜色从哪来
  vec3 color = vec3(0.06, 0.10, 0.14) + tint * ink;
  gl_FragColor = vec4(color, 1.0);
}