body { background: rgba(7, 12, 25, 0.85); margin: 0; } .container { box-sizing: border-box; width: 350px; border: 1px solid transparent; border-image: url("/static/Table-border.webp"); border-image-width: 15px; border-image-slice: 15 16; border-radius: 5px; padding: 6px 6px 12px 6px; background: rgba(21, 30, 61, 0.7); background-image: url("/static/Infobox-background.webp"); background-position: bottom right; background-repeat: no-repeat; } .title { background: rgba(6, 9, 19, 0.5); font-family: "Noto Sans CJK SC"; font-weight: bold; color: #f7eb62; font-size: 18px; line-height: 1.6; text-align: center; letter-spacing: 4px; padding: 4px 0; } .weapon-icon-bg { margin: 20px 5px; padding: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; image-rendering: pixelated; display: flex; justify-content: center; } .weapon-icon { width: 72px; height: 72px; } .mechanism { padding: 6px 16px; color: #e0e0e0; text-align: center; font-size: 14px; font-family: "Noto Sans CJK SC"; line-height: 1.7; letter-spacing: 1px; } .CC { color: #f0d60d; } .BL { color: #e03e35; } .RO { color: #82a082; } .TO { color: #75dc2c; } .FI { color: #e5822b; } .EL { color: #37a3d7; } .IC { color: #91d5fb; } .description { padding: 6px 16px; color: #90abe6; text-align: center; font-size: 14px; font-family: "Noto Sans CJK SC"; line-height: 1.7; letter-spacing: 1px; } .subtitle { color: #e0e0e0; background: rgba(6, 9, 19, 0.5); text-align: center; font-family: "Noto Sans CJK SC"; font-weight: bold; line-height: 1.8; font-size: 18px; } .dps { padding: 10px 40px; display: flex; justify-content: center; gap: 20px; } .table { color: #e0e0e0; margin: 2px auto; text-align: center; border-collapse: collapse; } .table > tbody > tr:nth-child(odd) { background: rgba(6, 9, 19, 0.1); } .table > tbody > tr > td { font-size: 16px; font-family: "Noto Sans CJK SC"; line-height: 28px; padding: 2px 10px; } .summary > td:first-child { font-weight: bold; } .outfit-preview-wrapper { margin: 15px 0 -6px 0; background: rgba(6, 9, 19, 0.5); } .outfit-preview-wrapper img { width: 70%; margin: 24px 15%; } .outfit-icon-bg-wrapper { margin: 0; image-rendering: pixelated; display: flex; justify-content: center; } .outfit-icon-bg { width: 72px; padding: 10px; background: rgba(6, 9, 19, 0.5); display: flex; justify-content: center; }