.guardian-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:26px;padding:34px;border-radius:22px;background:radial-gradient(circle at 83% 22%,#2a7bff 0,#1035a4 24%,#081a42 57%,#071024 100%);color:#fff;box-shadow:0 25px 55px #081a4238}.guardian-hero:before{content:"";position:absolute;inset:-120px 37% -120px -70px;border:1px solid #6aabff55;border-radius:50%;box-shadow:0 0 0 34px #6aabff0d,0 0 0 68px #6aabff08}.guardian-hero>*{position:relative}.guardian-eyebrow,.guardian-panel header span,.guardian-explain span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#8eafff}.guardian-hero h1{font-size:38px;margin:7px 0}.guardian-hero p{max-width:640px;color:#cfdbff;margin:0}.guardian-shield{min-width:155px;text-align:center;display:grid;align-content:center;border:1px solid #ffffff2e;border-radius:50%;aspect-ratio:1;background:#fff1}.guardian-shield i{width:13px;height:13px;background:#46f0a5;border-radius:50%;margin:auto;box-shadow:0 0 0 8px #46f0a526,0 0 25px #46f0a5;animation:guardian-pulse 2s infinite}.guardian-shield strong{font-size:26px;margin-top:10px}.guardian-shield span{color:#b9caff;font-size:11px}.guardian-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.guardian-summary article,.guardian-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 22px #17233a0c}.guardian-summary article{padding:17px}.guardian-summary span{display:block;color:var(--muted);font-size:12px}.guardian-summary strong{font-size:30px;display:block;margin:5px 0}.guardian-summary small{color:var(--muted)}.guardian-summary .guardian-alert strong{color:#d33145}.guardian-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.guardian-panel{padding:19px}.guardian-panel header{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:8px}.guardian-panel header h2,.guardian-explain h2{margin:4px 0 0;font-size:20px}.guardian-sites{display:grid;gap:9px}.guardian-site{display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:13px;padding:14px 5px;border-bottom:1px solid var(--line)}.guardian-site:last-child{border-bottom:0}.guardian-score{position:relative;width:58px;height:58px;display:grid;place-items:center}.guardian-score svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.guardian-score path{fill:none;stroke-width:3}.guardian-track{stroke:#e7ecf5}.guardian-meter{stroke:#18a76e;stroke-linecap:round}.guardian-site.attention .guardian-meter{stroke:#e5971f}.guardian-site.risk .guardian-meter{stroke:#db3c50}.guardian-score b{font-size:16px;z-index:1}.guardian-state{font-size:11px;font-weight:700;color:#16895f}.guardian-site.attention .guardian-state{color:#b46e00}.guardian-site.risk .guardian-state{color:#cb273d}.guardian-site h3{margin:2px 0;font-size:15px}.guardian-site p{margin:0;color:var(--muted);font-size:12px}.guardian-actions{display:flex;gap:6px}.guardian-actions button{font-size:12px;padding:7px 9px}.guardian-timeline{max-height:590px;overflow:auto}.guardian-event{display:grid;grid-template-columns:19px 1fr;gap:8px;padding:13px 1px;border-bottom:1px solid var(--line)}.guardian-event i{width:10px;height:10px;border-radius:50%;background:#4585ef;margin-top:4px;box-shadow:0 0 0 4px #4585ef1a}.guardian-event.attention i{background:#e5971f}.guardian-event.critical i{background:#db3c50;box-shadow:0 0 0 5px #db3c5024}.guardian-event strong,.guardian-event p,.guardian-event small{display:block}.guardian-event p{margin:3px 0;color:var(--muted);font-size:12px}.guardian-event small{color:#8794aa;font-size:11px}.guardian-explain{margin-top:16px;display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center;background:linear-gradient(110deg,#eef5ff,#fff)}.guardian-explain p{color:#53647f;line-height:1.6;margin:0}.guardian-qr-url{background:#071b3e;color:#e5efff;border-radius:8px;padding:12px;overflow-wrap:anywhere;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes guardian-pulse{50%{transform:scale(1.18);box-shadow:0 0 0 13px #46f0a500,0 0 25px #46f0a5}}@media(max-width:920px){.guardian-layout{grid-template-columns:1fr}.guardian-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.guardian-hero{padding:23px}.guardian-hero h1{font-size:29px}.guardian-shield{min-width:95px}.guardian-site{grid-template-columns:55px 1fr}.guardian-actions{grid-column:1/-1}.guardian-explain{grid-template-columns:1fr}.guardian-summary{gap:9px}}
