From 0a0d50640db4d31a601968cc28d181bfa157c1a5 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sun, 12 Apr 2026 10:37:05 +0000 Subject: [PATCH] Fix accessibility and CSS selectors for ripple rings Agent-Logs-Url: https://github.com/qinfendebingshuo/guanghulab/sessions/80d057fd-4a34-4285-a26a-90c9a7756b46 Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com> --- docs/index.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/index.html b/docs/index.html index 3581897e..7c34b7a0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -804,9 +804,9 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh .hl-welcome-icon::after{content:'';position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle,rgba(10,10,26,.95) 30%,rgba(10,10,26,.85) 60%,transparent);z-index:1} /* Lake ripple effect on welcome icon */ .hl-welcome-icon .ripple-ring{position:absolute;border-radius:50%;border:1px solid rgba(196,181,253,.08);animation:lakeRipple 4s ease-out infinite;pointer-events:none} -.hl-welcome-icon .ripple-ring:nth-child(2){animation-delay:0s} -.hl-welcome-icon .ripple-ring:nth-child(3){animation-delay:1.3s} -.hl-welcome-icon .ripple-ring:nth-child(4){animation-delay:2.6s} +.hl-welcome-icon .ripple-ring:nth-of-type(1){animation-delay:0s} +.hl-welcome-icon .ripple-ring:nth-of-type(2){animation-delay:1.3s} +.hl-welcome-icon .ripple-ring:nth-of-type(3){animation-delay:2.6s} @keyframes lakeRipple{0%{inset:20px;opacity:.6}100%{inset:-30px;opacity:0}} @keyframes iconRingRotate{to{transform:rotate(360deg)}} .hl-welcome-title{font-size:clamp(24px,4.5vw,36px);font-weight:800;background:linear-gradient(135deg,#e0e0f0 0%,#c4b5fd 40%,#8ab4f8 80%,#e0e0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;letter-spacing:2px;background-size:200% 200%;animation:titleShimmer 8s ease-in-out infinite} @@ -876,7 +876,7 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh @keyframes fadeIn{from{opacity:0}to{opacity:1}} .hl-modal{background:rgba(14,18,38,.95);border:1px solid rgba(100,100,200,.2);border-radius:20px;padding:40px 32px;max-width:420px;width:90%;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 60px rgba(138,180,248,.08);animation:modalIn .4s ease-out} @keyframes modalIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}} -.hl-modal-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(52,211,153,.3))} +.hl-modal-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(138,180,248,.2))} .hl-modal-title{font-size:22px;font-weight:700;margin-bottom:8px} .hl-modal-desc{font-size:13px;color:var(--dim);margin-bottom:24px;line-height:1.6} .hl-modal-form{display:flex;flex-direction:column;gap:0} @@ -965,7 +965,7 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh