/* V2：以剪影区分段位，40px 下仍保留核心识别特征 */
.tier-icon--starter {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EStarter shield%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%237d8589'/%3E%3Cstop offset='1' stop-color='%23262b2e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 8 88 22v45c0 20-12 35-28 45C44 102 32 87 32 67V22Z' fill='%23121618' stroke='url(%23a)' stroke-width='6'/%3E%3Cpath d='m64 28-5 57h-8l5-57Z' fill='%23aeb5b8'/%3E%3Cpath d='m55 27 10 1 1-7-10-1Z' fill='%235a6266'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 4px rgba(125,133,137,0.45));
}

.tier-icon--iron {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EIron chalk badge%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23c4cbc5'/%3E%3Cstop offset='1' stop-color='%235c685f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m60 7 40 20v66l-40 20-40-20V27Z' fill='%23131a16' stroke='url(%23a)' stroke-width='6'/%3E%3Crect x='38' y='38' width='44' height='44' rx='6' fill='url(%23a)'/%3E%3Cpath d='M43 47h34M43 57h34' stroke='%23f2f5f2' stroke-width='4' opacity='.55'/%3E%3Cpath d='m52 82 8-20 8 20Z' fill='%23343d37'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 5px rgba(156,163,176,0.48));
}

.tier-icon--bronze {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EBronze wing badge%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23efbd7c'/%3E%3Cstop offset='.5' stop-color='%23ad6a35'/%3E%3Cstop offset='1' stop-color='%236d351c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M35 40 6 30l10 27-10 18 31-6M85 40l29-10-10 27 10 18-31-6' fill='url(%23a)' stroke='%236d351c' stroke-width='4'/%3E%3Cpath d='m60 8 38 24-8 53-30 27-30-27-8-53Z' fill='%23211611' stroke='url(%23a)' stroke-width='6'/%3E%3Ccircle cx='60' cy='58' r='24' fill='url(%23a)'/%3E%3Ccircle cx='60' cy='58' r='10' fill='%23f6dfc2'/%3E%3Ccircle cx='60' cy='58' r='5' fill='%236d351c'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 6px rgba(205,127,50,0.52));
}

.tier-icon--silver {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ESilver pocket ring%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23ffffff'/%3E%3Cstop offset='.45' stop-color='%23aab8c4'/%3E%3Cstop offset='1' stop-color='%235b6874'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 5 94 20l21 40-21 40-34 15-34-15L5 60l21-40Z' fill='%2314191d' stroke='url(%23a)' stroke-width='6'/%3E%3Ccircle cx='60' cy='58' r='31' fill='none' stroke='url(%23a)' stroke-width='11'/%3E%3Ccircle cx='60' cy='58' r='15' fill='%23090c0e'/%3E%3Cpath d='m34 93 26 18 26-18' fill='none' stroke='%23dce5eb' stroke-width='6'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 7px rgba(210,225,235,0.52));
}

.tier-icon--gold {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGold star wings%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23fff1a6'/%3E%3Cstop offset='.45' stop-color='%23d8a936'/%3E%3Cstop offset='1' stop-color='%2389610e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M39 43 4 25l10 25L3 65l38 8M81 43l35-18-10 25 11 15-38 8' fill='url(%23a)' stroke='%2389610e' stroke-width='4'/%3E%3Cpath d='m60 5 14 28 31 5-23 22 6 33-28-16-28 16 6-33-23-22 31-5Z' fill='%231e1808' stroke='url(%23a)' stroke-width='7'/%3E%3Cpath d='m60 31 8 17 19 3-14 13 4 19-17-9-17 9 4-19-14-13 19-3Z' fill='url(%23a)'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 8px rgba(255,204,70,0.58));
}

.tier-icon--platinum {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EPlatinum flower ball%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23f2fdff'/%3E%3Cstop offset='.4' stop-color='%238ddbea'/%3E%3Cstop offset='1' stop-color='%232f879b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 2 74 30l30-14-14 30 28 14-28 14 14 30-30-14-14 28-14-28-30 14 14-30L2 60l28-14-14-30 30 14Z' fill='%230c2026' stroke='url(%23a)' stroke-width='6'/%3E%3Ccircle cx='60' cy='60' r='28' fill='url(%23a)'/%3E%3Cpath d='M35 60h50M60 35v50' stroke='%23f7ffff' stroke-width='8'/%3E%3Ccircle cx='60' cy='60' r='12' fill='%231d5662' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 8px rgba(141,219,234,0.6));
}

.tier-icon--diamond {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDiamond break%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23e9fbff'/%3E%3Cstop offset='.42' stop-color='%236bddff'/%3E%3Cstop offset='1' stop-color='%231a7bc6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 2 111 48 60 118 9 48Z' fill='%230a1724' stroke='url(%23a)' stroke-width='7'/%3E%3Cpath d='m9 48 30-27 21 27 21-27 30 27-51 70Z' fill='none' stroke='%236bddff' stroke-width='5'/%3E%3Cpath d='M9 48h102M60 48v70' stroke='%23dffaff' stroke-width='4'/%3E%3Ccircle cx='60' cy='48' r='13' fill='url(%23a)' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 9px rgba(96,216,255,0.64));
}

.tier-icon--apex {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EApex trident%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23f4e5ff'/%3E%3Cstop offset='.42' stop-color='%23bd78ff'/%3E%3Cstop offset='1' stop-color='%23651caa'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m60 2 18 33 30-20-10 39 20 18-34 5-24 40-24-40-34-5 20-18-10-39 30 20Z' fill='%231b0d29' stroke='url(%23a)' stroke-width='6'/%3E%3Cpath d='m31 55 12-23 12 23 5-38 5 38 12-23 12 23-29 42Z' fill='url(%23a)'/%3E%3Ccircle cx='60' cy='67' r='13' fill='%23140822' stroke='%23f0d6ff' stroke-width='4'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 10px rgba(176,95,255,0.64));
}

.tier-icon--immortal {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EImmortal flame crown%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop stop-color='%238d1027'/%3E%3Cstop offset='.55' stop-color='%23f04459'/%3E%3Cstop offset='1' stop-color='%23ffb0a7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 3c8 19 23 23 22 43 9-8 13-17 12-28 18 18 24 39 17 59-8 24-28 38-51 38S17 101 9 77C2 57 8 36 26 18c-1 11 3 20 12 28C37 26 52 22 60 3Z' fill='%231d080d' stroke='url(%23a)' stroke-width='6'/%3E%3Cpath d='m27 54 17 12 16-31 16 31 17-12-6 39H33Z' fill='url(%23a)'/%3E%3Ccircle cx='60' cy='76' r='14' fill='%2317080b' stroke='%23ffd1ca' stroke-width='4'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 11px rgba(239,68,88,0.68));
}

.tier-icon--radiant {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ERadiant cue king%3C/title%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23fff4b0'/%3E%3Cstop offset='.38' stop-color='%23e2b749'/%3E%3Cstop offset='1' stop-color='%237f570b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='m18 12 8-5 76 101-8 5ZM102 12l-8-5-76 101 8 5Z' fill='url(%23a)'/%3E%3Cpath d='M8 34 34 48 60 8l26 40 26-14-11 62H19Z' fill='%230c2118' stroke='url(%23a)' stroke-width='7'/%3E%3Cpath d='M20 48 42 61 60 26l18 35 22-13-8 39H28Z' fill='url(%23a)'/%3E%3Ccircle cx='60' cy='69' r='22' fill='%2307110d' stroke='%23fff1a0' stroke-width='5'/%3E%3Ccircle cx='60' cy='69' r='10' fill='%23f7f2d0'/%3E%3Cpath d='M55 64h10v10H55Z' fill='%230b2017'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 12px rgba(226,183,73,0.74));
}

/* 电视浏览器会把透明 SVG 的 drop-shadow 合成为泛白图层。 */
.tier-icon {
  filter: none;
}