.trophy-detail-container[data-v-23f04ec6]{max-width:1200px;margin:0 auto;padding:20px;color:#333}.error-state[data-v-23f04ec6],.loading-state[data-v-23f04ec6]{padding:40px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.error-state[data-v-23f04ec6]{color:#f56c6c}.content-wrapper[data-v-23f04ec6]{display:flex;flex-direction:column;gap:20px}.trophy-header[data-v-23f04ec6]{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);gap:20px}.header-main[data-v-23f04ec6]{display:flex;gap:20px;flex:1}.main-trophy-icon[data-v-23f04ec6]{width:88px;height:88px;border-radius:12px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0}.trophy-info[data-v-23f04ec6]{display:flex;flex-direction:column;gap:8px;justify-content:center}.breadcrumb[data-v-23f04ec6]{font-size:13px;color:#909399;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.game-link[data-v-23f04ec6]{color:#409eff;cursor:pointer;transition:color .2s;font-weight:700}.game-link[data-v-23f04ec6]:hover{color:#66b1ff}.trophy-name[data-v-23f04ec6]{margin:0;font-size:24px;font-weight:700;color:#303133;line-height:1.2}.trophy-desc[data-v-23f04ec6]{margin:0;font-size:14px;color:#606266;line-height:1.5}.tags-row[data-v-23f04ec6]{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;align-items:center}.tag[data-v-23f04ec6]{font-size:12px;padding:2px 8px;border-radius:4px;background:#f4f4f5;color:#909399;border:1px solid #e9e9eb}.tag.type-platinum[data-v-23f04ec6]{background:#ecf5ff;color:#409eff;border-color:#d9ecff}.tag.type-gold[data-v-23f04ec6]{background:#fdf6ec;color:#e6a23c;border-color:#faecd8}.tag.type-silver[data-v-23f04ec6]{background:#f4f4f5;color:#909399;border-color:#e9e9eb}.tag.type-bronze[data-v-23f04ec6]{background:#fef0f0;color:#f56c6c;border-color:#fde2e2}.tag.earned[data-v-23f04ec6]{background:#f0f9eb;color:#67c23a;border-color:#e1f3d8}.tag.unearned[data-v-23f04ec6]{background:#fef0f0;color:#f56c6c;border-color:#fde2e2}.time-hint[data-v-23f04ec6]{margin-left:4px;opacity:.8;font-size:11px}.header-actions[data-v-23f04ec6]{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0}.stats-mini[data-v-23f04ec6]{display:flex;gap:20px;text-align:right}.stat-item[data-v-23f04ec6]{display:flex;flex-direction:column}.stat-item span[data-v-23f04ec6]{font-size:12px;color:#909399;margin-bottom:4px}.stat-item strong[data-v-23f04ec6]{font-size:20px;color:#303133;line-height:1}.btn-group[data-v-23f04ec6]{display:flex;gap:10px}.main-content-grid[data-v-23f04ec6]{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.left-col[data-v-23f04ec6]{display:flex;flex-direction:column;gap:20px}.ai-section[data-v-23f04ec6]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.tips-section[data-v-23f04ec6]{margin-bottom:20px}.ai-header[data-v-23f04ec6]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ai-title[data-v-23f04ec6]{font-size:16px;font-weight:700;color:#303133;display:flex;align-items:center;gap:8px}.ai-subtitle[data-v-23f04ec6]{font-size:13px;color:#909399;font-weight:400;margin-left:8px}.ai-content[data-v-23f04ec6]{margin-top:16px;border-top:1px solid #ebeef5;padding-top:16px}.section-heading[data-v-23f04ec6]{margin-bottom:20px}.section-heading h3[data-v-23f04ec6]{margin:0;font-size:18px;color:#303133;font-weight:700;line-height:1.2}.section-heading .subtitle[data-v-23f04ec6]{font-size:13px;color:#909399;margin-top:6px;display:block}.tips-panel-override[data-v-23f04ec6]{margin:0!important}.right-col[data-v-23f04ec6]{display:flex;flex-direction:column;gap:20px}.nav-section[data-v-23f04ec6]{display:flex;gap:12px}.nav-btn[data-v-23f04ec6]{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px rgba(0,0,0,.04)}.nav-btn[data-v-23f04ec6]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.08)}.nav-btn.disabled[data-v-23f04ec6]{opacity:.5;cursor:not-allowed}.nav-info[data-v-23f04ec6]{display:flex;flex-direction:column;flex:1;overflow:hidden}.nav-info.right-align[data-v-23f04ec6]{text-align:right}.nav-label[data-v-23f04ec6]{font-size:12px;color:#909399;margin-bottom:4px}.nav-name[data-v-23f04ec6]{font-size:14px;color:#303133;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-section[data-v-23f04ec6]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:24px}.info-group[data-v-23f04ec6]{display:flex;flex-direction:column;gap:12px}.group-title[data-v-23f04ec6]{font-size:15px;font-weight:700;color:#303133;border-left:4px solid #409eff;padding-left:8px;line-height:1}.compact-list[data-v-23f04ec6]{display:flex;flex-direction:column;gap:8px}.list-item[data-v-23f04ec6]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;border:1px solid transparent}.list-item[data-v-23f04ec6]:hover{background:#f5f7fa;border-color:#ebeef5}.mini-avatar[data-v-23f04ec6]{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.mini-trophy-icon[data-v-23f04ec6]{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.item-info[data-v-23f04ec6]{display:flex;flex-direction:column;flex:1;overflow:hidden;gap:4px}.item-info .name[data-v-23f04ec6]{font-size:14px;font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info .sub[data-v-23f04ec6]{font-size:12px;color:#909399}@media (max-width:900px){.main-content-grid[data-v-23f04ec6]{grid-template-columns:1fr}.trophy-header[data-v-23f04ec6]{flex-direction:column}.header-actions[data-v-23f04ec6]{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.stats-mini[data-v-23f04ec6]{text-align:left;gap:16px}}@media (max-width:600px){.header-actions[data-v-23f04ec6]{flex-direction:column;align-items:flex-start;gap:16px}.btn-group[data-v-23f04ec6]{width:100%}.btn-group .el-button[data-v-23f04ec6]{flex:1}.ai-subtitle[data-v-23f04ec6]{display:none}}