.medal[data-v-ffe35cc1]{vertical-align:middle;height:36px;width:auto}@media (max-width: 768px){.medal[data-v-ffe35cc1]{height:24px}}.userinfo_inline[data-v-ffe35cc1]{text-align:center;white-space:nowrap;display:inline-flex;align-items:center;vertical-align:middle}.medal-group[data-v-ffe35cc1]{display:inline-flex;align-items:center;margin-right:8px;vertical-align:middle}.thread-layout[data-v-ffe35cc1]{max-width:244px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.thread-layout .userinfo_inline[data-v-ffe35cc1]{display:inline-flex;align-items:center}.userinfo_inline[data-v-ffe35cc1]:not(.thread-layout){display:inline-flex;align-items:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;vertical-align:middle;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}.userinfo_inline[data-v-ffe35cc1]:not(.thread-layout)::-webkit-scrollbar{display:none}.userinfo_inline:not(.thread-layout) .userinfo_inline[data-v-ffe35cc1]{display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle}.medals-clickable[data-v-ffe35cc1]{cursor:pointer;border-radius:4px;padding:2px 4px;margin:-2px -4px;transition:background-color .2s ease}.medals-clickable[data-v-ffe35cc1]:hover{background-color:#d4a84314}.medal-edit-hint[data-v-ffe35cc1]{font-size:14px;color:#d4a843;opacity:1;margin-right:4px;vertical-align:middle}.medal-wall-header[data-v-8b47d351]{display:flex;align-items:center;gap:12px}.medal-wall-title[data-v-8b47d351]{font-size:20px;font-weight:600;color:#1d2129;font-family:PingFang SC,sans-serif}.medal-wall-count[data-v-8b47d351]{font-size:16px;color:#86909c;font-weight:500}.medal-wall-count .count-active[data-v-8b47d351]{color:#d4a843;font-weight:600}.medal-wall-count .count-sep[data-v-8b47d351]{margin:0 2px}.selected-area[data-v-8b47d351]{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#d4a84314,#f0c75e0a);border-radius:12px;border:1px solid rgba(212,168,67,.15)}.selected-label[data-v-8b47d351]{font-size:14px;color:#4e5969;margin-bottom:12px;font-weight:500}.selected-label .selected-hint[data-v-8b47d351]{font-size:12px;color:#86909c;font-weight:400}.selected-slots[data-v-8b47d351]{display:flex;gap:10px}.selected-slot[data-v-8b47d351]{width:64px;height:64px;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.selected-slot.slot-filled[data-v-8b47d351]{background:#ffffffe6;box-shadow:0 2px 8px #d4a84333;border:2px solid #D4A843}.selected-slot.slot-filled[data-v-8b47d351]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a84359}.selected-slot.slot-drag-over[data-v-8b47d351]{border-color:#7b61ff;background:#7b61ff14}.selected-slot[data-v-8b47d351]:not(.slot-filled){border:2px dashed #C9CDD4;background:#ffffff80}.selected-slot[data-v-8b47d351]:not(.slot-filled):hover{border-color:#d4a843;background:#d4a8430d}.slot-medal[data-v-8b47d351]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:8px;position:relative}.slot-medal .slot-medal-inner[data-v-8b47d351]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slot-medal .slot-medal-inner img[data-v-8b47d351]{max-width:100%;max-height:100%;object-fit:contain}.slot-remove[data-v-8b47d351]{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:#f53f3f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;opacity:0;transition:opacity .2s ease;cursor:pointer;z-index:2}.slot-filled:hover .slot-remove[data-v-8b47d351]{opacity:1}.slot-arrow[data-v-8b47d351]{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#ffffffe6;border:1px solid #D4A843;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#d4a843;cursor:pointer;z-index:2;opacity:0;transition:opacity .2s ease}.slot-filled:hover .slot-arrow[data-v-8b47d351]{opacity:1}.slot-arrow[data-v-8b47d351]:hover{background:#d4a843;color:#fff}.slot-arrow-left[data-v-8b47d351]{left:-8px}.slot-arrow-right[data-v-8b47d351]{right:-8px}.slot-placeholder[data-v-8b47d351]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#c9cdd4;font-size:24px;font-weight:300}.medal-grid-area .grid-label[data-v-8b47d351]{font-size:14px;color:#4e5969;margin-bottom:12px;font-weight:500}.medal-grid[data-v-8b47d351]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}.medal-grid[data-v-8b47d351]::-webkit-scrollbar{width:4px}.medal-grid[data-v-8b47d351]::-webkit-scrollbar-track{background:transparent}.medal-grid[data-v-8b47d351]::-webkit-scrollbar-thumb{background:#e5e6eb;border-radius:2px}@media (max-width: 768px){.medal-grid[data-v-8b47d351]{grid-template-columns:repeat(3,1fr)}}.medal-card[data-v-8b47d351]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:2px solid transparent;background:#fff9}.medal-card[data-v-8b47d351]:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000014;background:#ffffffe6}.medal-card.medal-selected[data-v-8b47d351]{border-color:#d4a843;background:linear-gradient(135deg,#d4a8430f,#f0c75e08);box-shadow:0 2px 10px #d4a84333}.medal-card.medal-selected[data-v-8b47d351]:hover{box-shadow:0 4px 16px #d4a84359}.medal-card.medal-expired[data-v-8b47d351]{cursor:not-allowed;opacity:.55;background:#00000005;border-color:transparent}.medal-card.medal-expired[data-v-8b47d351]:hover{transform:none;box-shadow:none;background:#0000000a}.medal-card.medal-expired .medal-card-name[data-v-8b47d351],.medal-card.medal-expired .medal-card-date[data-v-8b47d351]{color:#c9cdd4}.medal-card-img[data-v-8b47d351]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:6px}.medal-card-img img[data-v-8b47d351]{max-width:100%;max-height:100%;object-fit:contain}.medal-card-img.img-expired[data-v-8b47d351]{filter:grayscale(60%)}.medal-check[data-v-8b47d351]{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#d4a843;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1}.medal-expired-badge[data-v-8b47d351]{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:9px;color:#f53f3f;background:#f53f3f1a;padding:0 4px;border-radius:3px;white-space:nowrap;line-height:1.4}.medal-card-name[data-v-8b47d351]{font-size:12px;color:#4e5969;text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medal-card-date[data-v-8b47d351]{font-size:10px;color:#86909c;text-align:center;line-height:1.2;margin-top:2px}.no-medals[data-v-8b47d351]{text-align:center;color:#86909c;padding:40px 0;font-size:14px}.medal-wall-footer[data-v-8b47d351]{display:flex;justify-content:flex-end;gap:12px}.medal-wall-dialog .el-dialog__header{padding-bottom:12px;border-bottom:1px solid #F2F3F5}.medal-wall-dialog .el-dialog__body{padding-top:20px;max-height:60vh;overflow-y:auto}.medal-wall-dialog .el-dialog__footer{border-top:1px solid #F2F3F5;padding-top:16px}.medal-wall-dialog .el-overlay-dialog{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}