#gi01{--bg-1: #071428;--bg-2: #0b2030;--text: #e9f2ff;--text-muted: #a9c6e6;--accent: #3b82f6;--card-bg: rgba(8,16,26,.62);--card-border: rgba(255,255,255,.06);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;padding:18px;max-width:1100px;margin:0 auto;border-radius:12px;background:linear-gradient(135deg,#28143280,#0a0a0acc);color:var(--text);box-sizing:border-box;position:relative}#gi01 *{max-width:100%;box-sizing:border-box}#gi01 h1{margin:0 0 12px;font-size:20px}#gi01 .catalog-description{margin:0 0 12px;line-height:1.6}#gi01 .catalog-description h1,#gi01 .catalog-description h2,#gi01 .catalog-description h3{margin:0 0 8px;font-weight:600}#gi01 .catalog-description h1{font-size:20px}#gi01 .catalog-description h2{font-size:18px}#gi01 .catalog-description h3{font-size:16px}#gi01 .catalog-description p{margin:0 0 8px}#gi01 .catalog-description ul,#gi01 .catalog-description ol{margin:0 0 8px;padding-left:24px}#gi01 .catalog-description li{margin-bottom:4px}#gi01 .catalog-description strong{font-weight:600;color:var(--accent)}#gi01 .catalog-description em{font-style:italic}#gi01 .catalog-description a{color:var(--accent);text-decoration:underline}#gi01 .catalog-description a:hover{color:#60a5fa}#gi01 .controls{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}#gi01 .btn{padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--text);cursor:pointer;transition:all .12s;font-size:15px;white-space:nowrap;min-width:80px}#gi01 select.btn{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}#gi01 input.btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text);min-width:200px}#gi01 input.btn::placeholder{color:var(--text-muted)}#gi01 .btn:hover{background:#ffffff0f;transform:translateY(-1px)}#gi01 .btn:disabled{opacity:.6;cursor:not-allowed}#gi01 .btn:disabled:hover{background:#ffffff0a;transform:none}#gi01 .btn.primary{background:linear-gradient(180deg,var(--accent),#1f6fe8);color:#fff;border:none;font-size:15px;box-shadow:0 6px 18px #3b82f633}#gi01 .meta{margin-left:auto;color:var(--text-muted);font-size:14px}#gi01 #filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-bottom:14px}#gi01 .thumb{cursor:pointer;text-align:center;padding:8px;border-radius:10px;transition:all .12s;display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);position:relative}#gi01 .thumb-img-container{position:relative;width:78px;height:78px}#gi01 .thumb img{width:78px;height:78px;object-fit:cover;border-radius:100px;border:4px solid #ffd56b;border-left:none;border-top:none}#gi01 .thumb .label{white-space:normal;text-align:center;line-height:1.2;width:100%;font-size:12px}#gi01 .thumb:hover{transform:scale(1.04);border:1px solid rgba(234,179,8,.6);box-shadow:0 8px 20px #eab30840,0 2px 6px #0006}#gi01 .thumb.selected{background:linear-gradient(180deg,#3b82f614,#3b82f608);border-color:#3b82f62e}#gi01 .thumb.selected img{border-color:#f0d080;box-shadow:0 8px 18px #ff6b6b1f;transform:translateY(-2px)}#gi01 .count-badge{position:absolute;top:-8px;right:-8px;z-index:10;background:#ea4c89;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--bg-1);box-shadow:0 2px 6px #0000004d}#gi01 .featured-badge{position:absolute;bottom:4px;right:4px;background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;z-index:5}#gi01 #results{margin-top:18px}#gi01 .results-header{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--accent)}#gi01 .result-card{display:flex;flex-direction:column;gap:12px;border-radius:10px;margin-bottom:12px;padding:12px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 6px 20px #02061780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#gi01 .result-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}#gi01 .result-id{font-size:14px;color:var(--text)}#gi01 .result-body{display:flex;flex-direction:column;gap:12px}#gi01 .result-info{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}#gi01 .result-detail{color:var(--text-muted)}#gi01 .character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;margin-top:8px}#gi01 .char-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}#gi01 .char-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid #ffd56b;transition:transform .2s}#gi01 .char-thumb:hover{transform:scale(1.1);border-color:#f0d080;box-shadow:0 4px 12px #ffd56b4d}#gi01 .char-label{font-size:11px;line-height:1.2;color:var(--text);white-space:normal;word-break:break-word;max-width:100%}#gi01 .char-count{font-size:10px;color:var(--text-muted);font-weight:600;margin-top:2px}#gi01 .copy-btn{padding:6px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center;flex-shrink:0}#gi01 .copy-btn:hover{background:#ffffff1a;transform:translateY(-1px)}#gi01 .no-data{color:var(--text-muted);font-style:italic;font-size:clamp(.8rem,2vw,.9rem)}#gi01 .loading{color:var(--accent);font-weight:500;font-size:14px;text-align:center;padding:20px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#gi01 .toast{position:fixed;top:20px;right:20px;z-index:1000;background:#fff;border:1.5px solid #f0d080;border-radius:8px;padding:16px 20px;color:#181820;font-weight:500;box-shadow:0 8px 32px #18182026;transform:translate(100%);opacity:0;transition:all .3s ease;max-width:calc(100vw - 40px);font-size:14px}#gi01 .toast.show{transform:translate(0);opacity:1}#gi01 .toast.hidden{display:none}#gi01 .toast-content{display:flex;align-items:center;gap:10px}#gi01 .toast svg{flex-shrink:0;color:#f0d080}@media (max-width: 600px){#gi01 .result-card{padding:10px;gap:10px}#gi01 .result-header{flex-direction:column;align-items:flex-start}#gi01 .result-info{flex-direction:column;gap:6px}#gi01 .character-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}#gi01 .char-thumb{width:50px;height:50px}#gi01 .char-label{font-size:10px}#gi01 .meta{margin-left:0;margin-top:8px;width:100%}#gi01 input.btn{min-width:150px}#gi01 select.btn{min-width:100px}#gi01 #filters{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}#gi01 .thumb-img-container,#gi01 .thumb img{width:60px;height:60px}}@media (max-width: 400px){#gi01{padding:12px}#gi01 #filters{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}#gi01 .thumb-img-container,#gi01 .thumb img{width:50px;height:50px}#gi01 .toast{top:10px;right:10px;left:10px;max-width:none;font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/catalog-genshinimpact.css.map */