.cg-cmp-sel{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.cmp-hint-narrow{display:none}.cmp-views{color:var(--fg);align-items:center;gap:6px;font-weight:600;display:inline-flex}.cmp-views svg{color:var(--fg-muted);flex:none}.cmp-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cmp-slot-empty{border:1.5px dashed var(--border);background:var(--bg-subtle);min-height:72px;color:var(--fg);font:inherit;cursor:pointer;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 6px;font-weight:650;display:flex}.cmp-slot-sel{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:72px;padding:8px 44px 8px 8px;display:flex;position:relative}.cmp-slot-img{background:var(--bg-subtle);isolation:isolate;border-radius:8px;flex:0 0 48px;justify-content:center;align-items:center;height:56px;display:flex;overflow:hidden}.cmp-slot-img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cmp-slot-txt{flex-direction:column;min-width:0;display:flex}.cmp-slot-name{color:var(--fg);overflow-wrap:anywhere;font-weight:650}.cmp-slot-rm{width:44px;height:44px;color:var(--fg);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:0;right:0}.cmp-add-btn{width:100%;font:inherit}.cmp-list{flex-direction:column;gap:14px;display:flex}.cmp-list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.cmp-h2{letter-spacing:-.01em;color:var(--fg);margin:0;font-size:20px;font-weight:750}.cmp-list-sub{color:var(--fg-muted);font-size:13px}.cmp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cmp-cell{min-width:0;display:flex}.cmp-cell[hidden]{display:none}.cmp-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--fg);box-sizing:border-box;border-radius:14px;flex-direction:column;flex:auto;gap:12px;min-height:44px;padding:14px;transition:transform .18s,box-shadow .18s;display:flex}.cmp-thumbs{align-items:center;gap:6px;display:flex}.cmp-thumb{background:var(--bg-subtle);isolation:isolate;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:84px;display:flex;overflow:hidden}.cmp-thumb img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cmp-vs{color:var(--fg-subtle);flex:none;font-size:11px;font-weight:700}.cmp-card-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:40px;font-size:14.5px;font-weight:650;line-height:20px;display:-webkit-box;overflow:hidden}.cmp-card-foot{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:8px;min-height:20px;margin-top:auto;padding-top:10px;display:flex}.cmp-card-count{color:var(--fg-muted);font-size:12.5px}.cmp-more{flex-direction:column;align-items:center;gap:6px;padding-top:4px;display:flex}.cmp-more-btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;padding:0 22px;font-weight:650}.cmp-more-n{color:var(--fg-muted);font-size:12.5px}.cmp-suggest{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:16px;display:grid}.cmp-sg-main,.cmp-sg-alts{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:16px;flex-direction:column;min-width:0;padding:20px;display:flex}.cmp-sg-main{gap:16px}.cmp-sg-alts{gap:10px}.cmp-label{color:var(--fg-muted);font-size:12.5px;font-weight:650}.cmp-sg-title{letter-spacing:-.01em;color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:750}.cmp-sg-pair{align-items:center;gap:12px;min-width:0;display:flex}.cmp-sg-img{background:var(--bg-subtle);isolation:isolate;border-radius:12px;flex:0 0 96px;justify-content:center;align-items:center;height:96px;display:flex;overflow:hidden}.cmp-sg-img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cmp-sg-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.cmp-sg-names{overflow-wrap:anywhere;font-weight:650}.cmp-sg-go{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.cmp-sg-go .cg-btn{padding:0 22px}.cmp-alt{box-sizing:border-box;border:1px solid var(--border-soft);background:var(--bg-subtle);border-radius:12px;align-items:center;gap:10px;min-height:64px;padding:8px;display:flex}.cmp-alt-img{background:var(--bg-subtle);isolation:isolate;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;height:48px;display:flex;overflow:hidden}.cmp-alt-img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cmp-alt-txt{flex-direction:column;flex:auto;min-width:0;display:flex}.cmp-alt-name{overflow-wrap:anywhere;font-size:14px;font-weight:650}.cmp-alt-sub{color:var(--fg-muted);min-height:17px;font-size:12px}.cmp-alt-btn{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);min-width:64px;min-height:44px;color:var(--fg);border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex}.cmp-pk{border:1px solid var(--border);background:var(--surface);width:min(580px,100vw - 32px);max-height:min(86dvh,720px);color:var(--fg);box-sizing:border-box;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 24px 60px -20px #00000073}.cmp-pk[open]{flex-direction:column;display:flex}.cmp-pk::backdrop{background:#1b22338c}.cmp-pk-head{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 10px 20px;display:flex}.cmp-pk-head h2{color:var(--fg);margin:0;font-size:17px;font-weight:750}.cmp-pk-x{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--fg);cursor:pointer;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.cmp-pk-field{border:2px solid var(--hue-indigo-deep);height:46px;box-shadow:0 0 0 3px var(--hue-indigo-soft);color:var(--fg-subtle);box-sizing:border-box;background:#fff;border-radius:10px;flex:none;align-items:center;gap:8px;margin:0 16px 12px;padding:0 8px 0 12px;display:flex}.cmp-pk-field input{min-width:0;font:inherit;color:var(--fg);background:0 0;border:0;outline:none;flex:auto;height:40px;font-size:16px}div.cmp-pk-field input:focus,div.cmp-pk-field input:focus-visible{box-shadow:none;border:0;outline:none}.cmp-pk-field input::-webkit-search-cancel-button{display:none}.cmp-pk-clear{background:var(--surface-2);width:32px;height:32px;color:var(--fg);cursor:pointer;border:0;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:inline-flex}.cmp-pk-sub{color:var(--fg-muted);flex:none;padding:0 20px 6px;font-size:12px;font-weight:650}.cmp-pk-list{flex-direction:column;flex:auto;gap:4px;min-height:0;margin:0;padding:0 12px 12px;list-style:none;display:flex;overflow-y:auto}.cmp-pk-opt{box-sizing:border-box;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:64px;padding:8px;display:flex}.cmp-pk-opt[aria-selected=true]{border-color:var(--hue-indigo-deep);background:var(--hue-indigo-soft)}.cmp-pk-thumb{background:var(--bg-subtle);isolation:isolate;border-radius:8px;flex:0 0 44px;justify-content:center;align-items:center;height:48px;display:flex;overflow:hidden}.cmp-pk-thumb img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cmp-pk-txt{flex-direction:column;flex:auto;min-width:0;display:flex}.cmp-pk-brand{color:var(--fg-muted);font-size:12px}.cmp-pk-name{overflow-wrap:anywhere;font-weight:650}.cmp-pk-price{color:var(--fg-muted);flex:none;font-size:13px}.cmp-pk-add{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--fg);font:inherit;cursor:pointer;border-radius:9px;flex:none;padding:0 16px;font-size:13px;font-weight:650}.cmp-pk-opt[aria-selected=true] .cmp-pk-add{background:var(--hue-indigo-deep);border-color:var(--hue-indigo-deep);color:var(--on-accent)}.cmp-pk-none{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;padding:24px 20px 28px;display:flex}.cmp-pk-none span{color:var(--fg-muted);overflow-wrap:anywhere;max-width:300px;font-size:13px}.cmp-pk-keys{border-top:1px solid var(--border-soft);background:var(--bg-subtle);color:var(--fg-muted);flex-wrap:wrap;flex:none;gap:6px 16px;padding:10px 20px;font-size:12px;display:flex}.cmp-pk-keys kbd{border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:5px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11.5px}@media (max-width:1099.98px){.cmp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899.98px){.cmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-suggest{grid-template-columns:minmax(0,1fr)}.cmp-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639.98px){.cmp-hint-wide{display:none}.cmp-hint-narrow{display:inline}.cmp-slots{gap:10px}.cmp-slot-empty{min-height:56px;font-size:14px}.cmp-slot-sel{min-height:56px;padding:6px 44px 6px 10px}.cmp-slot-img{display:none}.cmp-slot-name{font-size:14px}.cmp-list{gap:10px}.cmp-h2{font-size:19px}.cmp-list-sub{display:none}.cmp-grid{grid-template-columns:minmax(0,1fr);gap:10px}.cmp-card{gap:10px;padding:12px}.cmp-thumb{height:64px}.cmp-card-foot{padding-top:8px}.cmp-more{align-items:stretch}.cmp-more-btn{min-height:48px}.cmp-more-n{text-align:center}.cmp-suggest{gap:14px}.cmp-sg-main{gap:14px;padding:16px}.cmp-sg-title{font-size:17px}.cmp-sg-pair{gap:10px}.cmp-sg-img{flex-basis:72px;height:80px}.cmp-sg-go .cg-btn{flex:auto;min-height:48px}.cmp-sg-alts{background:0 0;border:0;gap:8px;padding:0}.cmp-alt{border-color:var(--border);background:var(--surface)}.cmp-pk{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.cmp-pk-head{min-height:56px;padding:6px 6px 0 16px}.cmp-pk-x{background:0 0;border:0}.cmp-pk-field{height:48px;margin-bottom:12px;padding:0 6px 0 12px}.cmp-pk-field input{height:44px}.cmp-pk-clear{background:0 0;border-radius:10px;flex-basis:44px;width:44px;height:44px}.cmp-pk-sub{padding:0 16px 6px}.cmp-pk-list{gap:0;padding:0 8px 12px}.cmp-pk-opt{border-width:0 0 1px;border-color:var(--border-soft);border-style:solid;border-radius:0;gap:10px}.cmp-pk-opt[aria-selected=true]{border-color:var(--border-soft);background:0 0}.cmp-pk-thumb{flex-basis:40px}.cmp-pk-brand,.cmp-pk-price{display:none}.cmp-pk-txt:after{content:attr(data-price);color:var(--fg-muted);font-size:12.5px}.cmp-pk-add{background:var(--hue-indigo-deep);border-color:var(--hue-indigo-deep);color:var(--on-accent)}.cmp-pk[data-mode=popular] .cmp-pk-add{background:var(--bg-subtle);border-color:var(--border);color:var(--fg)}.cmp-pk-keys{display:none}}@media (hover:hover) and (pointer:fine){.cmp-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px #00000047}}@media (prefers-reduced-motion:reduce){.cmp-card{transition:none}.cmp-card:hover{transform:none}}.cmp-slot-img img,.cmp-thumb img,.cmp-sg-img img,.cmp-alt-img img,.cmp-pk-thumb img{mix-blend-mode:multiply}