.item-frame-v2{--c:#eef3ff;--c-dim:#8e9bb8;--c-deep:#121820;--glow:rgba(220,230,255,.65);--arm:22%;--thick:2px;--gap:9%;--d:8%;position:absolute;inset:0;z-index:0;display:grid;place-items:center;overflow:visible;pointer-events:none;background:#02040a;border:1.5px solid color-mix(in srgb,var(--c) 40%,transparent);box-shadow:0 0 7px var(--glow),0 0 18px color-mix(in srgb,var(--glow) 35%,transparent),inset 0 0 16px color-mix(in srgb,var(--glow) 12%,transparent);transition:box-shadow .35s ease}
.item-frame-v2 .if-bracket{position:absolute;width:var(--arm);height:var(--arm);z-index:3}.item-frame-v2 .if-bracket::before{content:"";position:absolute;inset:0;border:var(--thick) solid var(--c);filter:drop-shadow(0 0 2px var(--c)) drop-shadow(0 0 6px var(--glow))}.item-frame-v2 .if-bracket.tl{top:-1px;left:-1px}.item-frame-v2 .if-bracket.tl::before{border-right:0;border-bottom:0}.item-frame-v2 .if-bracket.tr{top:-1px;right:-1px}.item-frame-v2 .if-bracket.tr::before{border-left:0;border-bottom:0}.item-frame-v2 .if-bracket.bl{bottom:-1px;left:-1px}.item-frame-v2 .if-bracket.bl::before{border-right:0;border-top:0}.item-frame-v2 .if-bracket.br{right:-1px;bottom:-1px}.item-frame-v2 .if-bracket.br::before{border-left:0;border-top:0}
.item-frame-v2 .if-diamond{position:absolute;z-index:5;width:var(--d);height:calc(var(--d)*1.45);background:linear-gradient(180deg,#fff 0%,var(--c) 40%,var(--c-dim) 75%,var(--c) 100%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px var(--c)) drop-shadow(0 0 9px var(--glow));transform-origin:center}.item-frame-v2 .if-diamond.tl{top:calc(var(--gap)*.82);left:calc(var(--gap)*.82);transform:translate(-50%,-50%) rotate(-45deg)}.item-frame-v2 .if-diamond.tr{top:calc(var(--gap)*.82);right:calc(var(--gap)*.82);transform:translate(50%,-50%) rotate(45deg)}.item-frame-v2 .if-diamond.bl{bottom:calc(var(--gap)*.82);left:calc(var(--gap)*.82);transform:translate(-50%,50%) rotate(-135deg)}.item-frame-v2 .if-diamond.br{right:calc(var(--gap)*.82);bottom:calc(var(--gap)*.82);transform:translate(50%,50%) rotate(135deg)}
.item-frame-v2 .if-bezel{position:absolute;inset:var(--gap);z-index:1;background:var(--c-deep);border:2.5px solid var(--c);clip-path:polygon(11% 0,89% 0,100% 11%,100% 89%,89% 100%,11% 100%,0 89%,0 11%);box-shadow:0 0 10px color-mix(in srgb,var(--glow) 45%,transparent),inset 0 0 14px color-mix(in srgb,var(--glow) 22%,transparent)}.item-frame-v2 .if-bezel::before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--c) 35%,transparent);clip-path:inherit;box-shadow:inset 0 0 8px color-mix(in srgb,var(--glow) 15%,transparent)}
.rarity-normal>.item-frame-v2,.item-frame-v2.rarity-normal{--c:#8b95a4;--c-dim:#4b5565;--c-deep:#0b0f16;--glow:rgba(128,142,160,.26)}.rarity-excellent>.item-frame-v2,.item-frame-v2.rarity-excellent{--c:#3dff9a;--c-dim:#1a9a5c;--c-deep:#061f14;--glow:rgba(61,255,154,.6)}.rarity-rare>.item-frame-v2,.item-frame-v2.rarity-rare{--c:#3db4ff;--c-dim:#1a6aaa;--c-deep:#061520;--glow:rgba(61,180,255,.6)}.rarity-epic>.item-frame-v2,.item-frame-v2.rarity-epic{--c:#c46bff;--c-dim:#7a2fc0;--c-deep:#160820;--glow:rgba(196,107,255,.6)}.rarity-legendary>.item-frame-v2,.item-frame-v2.rarity-legendary{--c:#ffd700;--c-dim:#c9a227;--c-deep:#1a1404;--glow:rgba(255,215,0,.65)}.rarity-limited>.item-frame-v2,.item-frame-v2.rarity-limited{--c:#ff5a8a;--c-dim:#7a5cff;--c-deep:#120818;--glow:rgba(255,100,180,.55);animation:item-frame-rainbow 3.6s linear infinite}.rarity-silver>.item-frame-v2,.item-frame-v2.rarity-silver{--c:#c5d0dc;--c-dim:#6e7f94;--c-deep:#0a0d12;--glow:rgba(150,180,210,.55);border-color:transparent;background:linear-gradient(#02040a,#02040a) padding-box,linear-gradient(135deg,#f4f7fb,#8a9bb0 22%,#e8eef6 45%,#5c6d82 68%,#d0dae8 88%,#9aabbc) border-box;background-size:auto,220% 220%;animation:item-frame-silver 5s ease-in-out infinite}
.rarity-normal>.item-frame-v2 .if-diamond,.item-frame-v2.rarity-normal .if-diamond{background:linear-gradient(180deg,#c5ccd6 0%,#8b95a4 42%,#4b5565 78%,#7c8797 100%);filter:drop-shadow(0 0 1px rgba(220,228,238,.55)) drop-shadow(0 0 4px rgba(128,142,160,.28))}
.rarity-limited>.item-frame-v2 .if-bezel,.item-frame-v2.rarity-limited .if-bezel{border-color:transparent;background:linear-gradient(var(--c-deep),var(--c-deep)) padding-box,linear-gradient(135deg,#ff4d6d,#ffd166,#3dff9a,#3db4ff,#c46bff,#ff4d6d) border-box}.rarity-silver>.item-frame-v2::after,.item-frame-v2.rarity-silver::after{content:"";position:absolute;inset:-2px;z-index:6;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,rgba(180,220,255,.28) 53%,transparent 60%);background-size:220% 220%;animation:item-frame-sheen 2.6s ease-in-out infinite;mix-blend-mode:screen}.rarity-silver>.item-frame-v2 .if-bezel,.item-frame-v2.rarity-silver .if-bezel{border-color:transparent;background:linear-gradient(155deg,#151a22,#07090d 50%,#121820) padding-box,linear-gradient(135deg,#fff,#9aabbc 25%,#4a5a6e 50%,#d8e2ee 75%,#7a8fa8) border-box;background-size:auto,240% 240%;animation:item-frame-silver 4.2s ease-in-out infinite reverse}
.prep-item:hover>.item-frame-v2,.equip-slot:hover>.item-frame-v2,.admin-item-frame:hover>.item-frame-v2{box-shadow:0 0 12px var(--glow),0 0 30px color-mix(in srgb,var(--glow) 55%,transparent),inset 0 0 22px color-mix(in srgb,var(--glow) 18%,transparent)}
@keyframes item-frame-rainbow{to{filter:hue-rotate(360deg)}}@keyframes item-frame-silver{0%,100%{background-position:center,0 0}50%{background-position:center,100% 100%}}@keyframes item-frame-sheen{0%{background-position:140% 40%;opacity:.25}45%{opacity:1}100%{background-position:-60% 60%;opacity:.25}}
.prep-item>.prep-item-img,.prep-item>.prep-item-icon,.prep-item>.prep-item-qty,.equip-slot>.equip-slot-img,.equip-slot>.equip-slot-label,.equip-slot>.equip-slot-empty-plus{position:relative;z-index:8}.admin-item-frame{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:8px}.admin-item-frame>img,.admin-item-frame>.admin-item-placeholder{position:relative;z-index:8;width:100%;height:100%;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.prep-item>.prep-item-qty{position:absolute!important;right:-4px!important;bottom:-4px!important;left:auto!important;z-index:12!important;min-width:18px;height:18px;padding:0 4px;border:1px solid color-mix(in srgb,var(--rar,#8b95a4) 58%,transparent);background:rgba(4,8,16,.94);box-shadow:0 0 7px color-mix(in srgb,var(--rar,#8b95a4) 38%,transparent)}
.craft-item-frame{position:relative;flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;padding:8px}.craft-item-frame>.craft-row-icon,.craft-item-frame>.craft-row-emoji{position:relative;z-index:8;width:100%;height:100%;object-fit:contain}.craft-mat-thumb .craft-item-frame{width:34px;height:34px;padding:6px}
.prep-item,.prep-item[class*="rarity-"],.equip-slot.filled[class*="rarity-"],.craft-item-frame,.admin-item-frame{overflow:visible!important;clip-path:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;filter:none!important}.prep-item::before,.prep-item::after,.prep-item[class*="rarity-"]::before,.prep-item[class*="rarity-"]::after,.equip-slot.filled[class*="rarity-"]::before,.equip-slot.filled[class*="rarity-"]::after,.craft-item-frame::before,.craft-item-frame::after,.admin-item-frame::before,.admin-item-frame::after{content:none!important;display:none!important}
.equip-slot>.equipped-item-frame{display:none}.equip-slot.filled>.equip-square-frame,.equip-slot.filled>.equip-slot-empty-plus{display:none!important}.equip-slot.filled>.equipped-item-frame{display:grid!important}
/* 透明素材底色统一跟随品质色，不再使用纯黑内衬。 */
.item-frame-v2{background:color-mix(in srgb,var(--c) 18%,transparent)}.item-frame-v2 .if-bezel{background:color-mix(in srgb,var(--c) 15%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--glow) 45%,transparent),inset 0 0 14px color-mix(in srgb,var(--c) 24%,transparent)}
.rarity-limited>.item-frame-v2 .if-bezel,.item-frame-v2.rarity-limited .if-bezel{border-color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);animation:none}
.rarity-silver>.item-frame-v2,.item-frame-v2.rarity-silver{border-color:transparent;background:rgba(111,126,140,.045) padding-box,linear-gradient(135deg,#b7c1c9,#778793 24%,#a8b3bc 48%,#596975 70%,#9ba8b2 88%,#72828e) border-box;box-shadow:0 0 3px rgba(180,202,218,.16),inset 0 0 7px rgba(190,210,224,.035);animation:none}
.rarity-silver>.item-frame-v2 .if-bezel,.item-frame-v2.rarity-silver .if-bezel{border-color:transparent;background:rgba(98,113,126,.035) padding-box,linear-gradient(135deg,#c2cbd2,#7f8e9a 25%,#5f6e7a 50%,#adb8c0 75%,#71828f) border-box;animation:none}
.rarity-limited>.item-frame-v2,.item-frame-v2.rarity-limited{animation:item-frame-rainbow 3.6s linear infinite}.rarity-limited>.item-frame-v2::after,.item-frame-v2.rarity-limited::after,.rarity-silver>.item-frame-v2::after,.item-frame-v2.rarity-silver::after{content:none;display:none}