.pb-item-trigger{cursor:pointer;touch-action:manipulation}
.pb-item-trigger:focus-visible{outline:2px solid #766395;outline-offset:4px}
img.pb-item-trigger:hover{filter:brightness(1.15);transform:translateY(-1px)}
.tk-pi.pb-item-trigger:hover,.pb-move-item.pb-item-trigger:hover{background:#75668e0d}
/* Every decorative surface below is a raster slice of design/item-details/approved.png. */
.pb-item-dialog{--frame:url('./item-skins/neutral-frame.png');--header:url('./item-skins/neutral-header.png');--paper:url('./item-skins/neutral-paper.png');box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:0;overflow:auto;background:transparent;color:#111333;font:600 18px/1.5 system-ui,-apple-system,'PingFang SC',sans-serif;overscroll-behavior:contain}
.pb-item-dialog[data-skin=common]{--frame:url('./item-skins/common-frame.png');--header:url('./item-skins/common-header.png');--paper:url('./item-skins/common-paper.png')}
.pb-item-dialog[data-skin=uncommon]{--frame:url('./item-skins/uncommon-frame.png');--header:url('./item-skins/uncommon-header.png');--paper:url('./item-skins/uncommon-paper.png')}
.pb-item-dialog[data-skin=rare]{--frame:url('./item-skins/rare-frame.png');--header:url('./item-skins/rare-header.png');--paper:url('./item-skins/rare-paper.png')}
.pb-item-dialog[data-skin=epic]{--frame:url('./item-skins/epic-frame.png');--header:url('./item-skins/epic-header.png');--paper:url('./item-skins/epic-paper.png')}
.pb-item-dialog[data-skin=legendary]{--frame:url('./item-skins/legendary-frame.png');--header:url('./item-skins/legendary-header.png');--paper:url('./item-skins/legendary-paper.png')}
.pb-item-dialog::backdrop{background:#1916279c}
.pb-item-dialog *{box-sizing:border-box}
.pb-item-dialog :is(h2,p,dl,dt,dd){margin:0}
.pb-item-frame{position:relative;padding:10px;isolation:isolate}
.pb-item-frame:after{content:'';position:absolute;inset:0;pointer-events:none;border:22px solid transparent;border-image:var(--frame) 22 stretch;image-rendering:pixelated;z-index:2}
.pb-item-head{display:flex;align-items:center;gap:22px;min-height:90px;background-image:var(--header);background-size:100% 100%;padding:4px 14px;position:relative}
.pb-item-icon{width:76px!important;height:76px!important;object-fit:contain;image-rendering:pixelated;flex:none;pointer-events:none;transform:scale(1.25)}
.pb-item-identity{flex:1;min-width:0}
.pb-item-identity h2{font:750 26px/1.3 system-ui,-apple-system,'PingFang SC',sans-serif;overflow-wrap:anywhere}
.pb-item-identity p{font-size:18px;margin-top:3px;font-weight:650}
.pb-item-close{appearance:none;width:44px;height:44px;flex:none;border:0;border-radius:0;background: url('./item-skins/close.png') center/25px 27px no-repeat;box-shadow:none;padding:0;cursor:pointer}
.pb-item-close:hover{filter:brightness(1.6)}
.pb-item-close:focus-visible{outline:2px solid #111333;outline-offset:0}
.pb-item-body{padding:24px 26px 26px;background-image:var(--paper);background-size:100% 100%}
.pb-item-dialog .pb-item-effect{font-size:24px;font-weight:750;line-height:1.5;min-height:70px;padding-bottom:22px;background:url('./item-skins/divider.png') left bottom/100% 3px no-repeat;overflow-wrap:anywhere}
.pb-item-facts{padding-top:18px;display:grid;gap:12px}
.pb-item-facts>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:16px;align-items:baseline}
.pb-item-facts dt{color:#66617f;font-weight:650}
.pb-item-facts dd{font-weight:650;overflow-wrap:anywhere}
@media(max-width:400px){.pb-item-head{padding-inline:6px;gap:8px;min-height:83px}.pb-item-icon{width:64px!important;height:64px!important}.pb-item-identity h2{font-size:24px}.pb-item-identity p{font-size:16px}.pb-item-body{padding:20px 20px 24px}.pb-item-dialog .pb-item-effect{font-size:21px;min-height:62px}.pb-item-facts{font-size:16px}.pb-item-facts>div{grid-template-columns:76px minmax(0,1fr);gap:12px}}
@media(max-height:420px){.pb-item-head{min-height:72px}.pb-item-icon{width:60px!important;height:60px!important}.pb-item-body{padding-block:16px}.pb-item-dialog .pb-item-effect{padding-bottom:14px;min-height:52px}.pb-item-facts{padding-top:12px;gap:8px}}
/* 长名称换行完整展示，标题不继承外部卡片的省略与固定高度。 */
.pb-item-dialog .pb-item-identity h2{display:block;white-space:normal;overflow:visible;text-overflow:clip;height:auto;max-height:none;line-height:1.3;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.pb-item-dialog .pb-item-head{height:auto;align-items:center;gap:14px}
.pb-item-dialog .pb-item-identity{flex:1 1 0;min-width:0;padding-block:6px}
