这是一个单文件 HTML 解决方案。它包含一个绘制精细的 SVG Xbox Series X/S 风格手柄，使用了 SVG 滤镜来实现逼真的阴影和灯光，并使用 CSS 来实现按钮的按下和摇杆的交互效果。
你可以直接将以下代码保存为 `.html` 文件并在浏览器中打开。
```html
Interactive Xbox Controller SVG
```
### 这个 SVG 的设计亮点：
1. **精致的材质感**：
* **机身**：使用了 `radialGradient` 创建了微妙的磨砂黑渐变，模拟了 Xbox Series X 手柄的质感。
* **摇杆**：摇杆底部有一个深色的“凹槽”阴影，摇杆帽有防滑纹理（通过 `` 和描边实现）以及顶部凹陷的阴影效果。
* **水晶按键**：ABXY 按钮使用了多层结构（底座、颜色层、高光层），`gloss` 渐变模拟了透明塑料的反光感。
2. **交互效果 (CSS)**：
* **按下 (Active)**：点击任何按钮（ABXY、十字键、功能键）时，它们会缩小并稍微变暗，模拟物理按下的行程感。
* **摇杆 (Hover/Active)**：当鼠标悬停在摇杆上时，它会轻微偏移；按下时会向下移动，模拟 L3/R3 点击。
* **发光**：Xbox Logo 按钮在悬停时会有微弱的白色光晕。
3. **结构细节**：
* 包含了**分享按钮**（Share Button），这是 Series X/S 手柄特有的特征。
* 十字键（D-Pad）采用了新的**混合式碟形设计**，而不是老式的十字形。
* 顶部可以看到肩键（LB/RB）和板机（LT/RT）的一部分，增加了立体感。
4. **单文件实现**：
* 所有 SVG 路径、CSS 样式和 HTML 结构都封装在一个文件中，无需外部资源。