.srg{color:#19263d;background:#fff;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.srg *{box-sizing:border-box}
.srg [hidden]{display:none!important}
.srg-shell{max-width:1480px;margin:0 auto;padding:54px 32px}
.srg-heading{display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.srg-title-badge{display:grid;justify-items:center;gap:6px;min-width:216px;padding:16px 28px 17px;border:1px solid #202925;border-radius:16px;background:#141b18;box-shadow:0 2px 6px #15221b08}
.srg-footer{display:flex;justify-content:center;margin-top:30px}
.srg-heading h1,.srg-heading h2{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.015em;margin:0;color:#fff}
.srg-eyebrow{display:inline-flex;gap:6px;align-items:center;color:#a9d8bc;font-size:11px;font-weight:400;letter-spacing:.02em}
.srg-eyebrow svg{width:14px;height:14px}
.srg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.srg a{color:#53647c;text-decoration:none}
.srg .srg-all{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 25px;border:1px solid #dfe4e2;border-radius:999px;background:#fff;color:#5c6762;font-size:14px;font-weight:400;line-height:22px;transition:color 180ms,border-color 180ms,background 180ms,box-shadow 180ms}
.srg-all svg{width:17px;height:17px;transition:transform 180ms}
.srg .srg-all:hover{color:#17251d;border-color:#bcc9c1;background:#f8faf8;box-shadow:0 2px 7px #1b2c2206}
.srg .srg-all:active{background:#f0f5f1}
.srg-all:is(:hover,:focus-visible) svg{transform:translateX(3px)}
.srg-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.srg button{appearance:none;font:inherit;cursor:pointer}
.srg .srg-card{display:block;width:100%;min-width:0;padding:6px;overflow:hidden;border:1px solid #e0e5e2;border-radius:16px;background:#fff;box-shadow:0 2px 6px #1c302308;transition:border-color 180ms,box-shadow 180ms,transform 180ms}
.srg .srg-card:is(:hover,:focus-visible){border-color:#b8c8be;box-shadow:0 6px 18px #1c302312}
@media(hover:hover) and (pointer:fine){.srg .srg-card:hover{transform:translateY(-2px)}}
.srg .srg-card:active{transform:none;box-shadow:0 1px 4px #1c30230a}
.srg-card img{display:block;width:100%;height:auto;aspect-ratio:499/1080;object-fit:contain;background:#f8fafb;margin:0;border:0;border-radius:10px}
.srg .srg-card.srg-image-error{min-height:260px}
.srg-state{font-size:13px;color:#69788d;padding:30px 0;margin:0}
.srg .srg-load,.srg .srg-retry{display:block;min-height:36px;margin:24px auto 0;padding:8px 20px;border:1px solid #dfe6ee;border-radius:6px;background:#fff;color:#53647c;font-size:13px}
.srg .srg-load:hover,.srg .srg-retry:hover{background:#f5f8fd}
.srg :is(button,a):focus-visible{outline:2px solid #547ea6;outline-offset:3px}
.srg-dialog{width:min(650px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #e6ecf5;border-radius:10px;background:#fff;color:#19263d;box-shadow:0 16px 54px #12233b26;overflow:hidden}
.srg-dialog::backdrop{background:#101c2dc2}
.srg-dialog[open]{display:flex;flex-direction:column;animation:srg-enter 170ms ease}
.srg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #e6ecf5}
.srg-dialog-head>span{display:flex;align-items:center;gap:7px;font-size:13px;color:#53647c}
.srg-dialog-head>span svg{color:#16845a}
.srg .srg-close,.srg-dialog-nav button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:6px;background:#fff;color:#69788d}
.srg .srg-close:hover,.srg-dialog-nav button:hover{background:#f0f4f9}
.srg-detail{height:calc(100dvh - 180px);max-height:1080px;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f6f8fb;padding:12px}
.srg-detail img{display:block;object-fit:contain;max-width:100%;width:auto;height:auto;max-height:100%;border:0}
.srg-image-state{margin:0;text-align:center;font-size:13px;line-height:1.6;color:#69788d}
.srg-image-state p{margin:0 0 12px}
.srg .srg-image-retry{min-height:36px;padding:7px 16px;border:1px solid #dfe4e2;border-radius:8px;background:#fff;color:#53647c;font-size:13px}
.srg .srg-image-retry:hover{background:#f0f4f9}
.srg-dialog-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 12px;border-top:1px solid #e6ecf5;font-size:12px;font-variant-numeric:tabular-nums;color:#69788d}
.srg-prev svg{transform:rotate(180deg)}
.srg-dialog-nav button:disabled{opacity:.35;cursor:default}
@keyframes srg-enter{from{opacity:0}to{opacity:1}}
@media(max-width:1199px){.srg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media(max-width:699px){.srg-shell{padding:32px 18px}.srg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.srg-heading{margin-bottom:22px}.srg-title-badge{min-width:200px;padding:14px 24px}.srg-heading h1,.srg-heading h2{font-size:17px}.srg .srg-card{padding:4px;border-radius:13px}.srg-card img{border-radius:9px}.srg-footer{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.srg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.srg .srg-card:hover,.srg-all:is(:hover,:focus-visible) svg{transform:none!important}}