@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-display:swap;src:local("Archivo"),local("Helvetica Neue"),local("Arial")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400 700;font-display:swap;src:local("IBM Plex Mono"),local("SF Mono"),local("Menlo"),local("Consolas")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400 900;font-display:swap;src:local("Noto Sans SC"),local("PingFang SC"),local("Hiragino Sans GB"),local("Microsoft YaHei")}:root{--bg: #EEF1F3;--bg2: #E4E8EB;--panel: #FFFFFF;--ink: #0E1114;--ink2: #5A6168;--ink3: #949BA1;--line: #D4DADE;--line2: #BAC2C8;--calm: #1E63E9;--proc: #E8A50A;--crit: #E01E2B;--ok: #1C9D54;--sans: "Archivo", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--t: cubic-bezier(.2, .8, .2, 1)}html:lang(zh-CN){--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}#gallery{padding:70px 40px 24px;overflow-y:auto}.gal-wrap{max-width:1020px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px}.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gal-card{border:1.5px solid var(--line2);background:var(--panel);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.gal-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gal-swatch{border:1px solid var(--line2);border-radius:4px;padding:8px;font:600 10px var(--mono);display:flex;flex-direction:column;gap:6px;background:var(--panel)}.gal-swatch i{display:block;height:22px;border-radius:3px;border:1px solid var(--line)}.gal-rings{display:flex;gap:18px;align-items:center;justify-content:space-around}.gal-ring-item{display:flex;flex-direction:column;align-items:center;gap:6px;font:600 11px var(--mono)}.gal-bar{height:9px;background:var(--bg2);border-radius:6px;margin-top:9px;overflow:hidden;position:relative;border:1px solid var(--line)}.gal-bar-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--proc);border-radius:6px;transform-origin:left;transform:scaleX(.42)}.gal-bar-thr{position:absolute;top:-2px;bottom:-2px;left:60%;width:2px;background:var(--crit);opacity:.5}@media(max-width:900px){#gallery{padding:64px 16px 20px}.gal-grid{grid-template-columns:1fr}.gal-swatches{grid-template-columns:repeat(2,1fr)}}