/* 2026-10-24（使用者：全部更新部署）：合併版本 20261024T111938full，保留既有快取策略。 */
/* 2026-10-24（使用者：%數先不用顯示給玩家體驗）：收起屬性百分比，保留實際相剋與克制文字。 */
/* 2026-10-24（使用者：屬性相剋特色、橫式排列整齊）：更新屬性資料、回饋與雙排換裝引用版本。 */
/* 2026-10-24（使用者：屬性相剋優化成遊戲特色）：輕量文字與圈框提示，不加重型粒子或常駐動畫。 */
.element-target-hint{margin-top:4px;font:10px/1.4 "Microsoft JhengHei",sans-serif;color:#ecdfc0;letter-spacing:0}
.element-target-elements{overflow-wrap:anywhere}.element-target-rates{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap}
.element-target-rates [data-matchup=good]{color:#a8e6c6}.element-target-rates [data-matchup=bad]{color:#ffad96}
#target-card .element-target-open{font:10px/1.2 sans-serif;min-height:22px;margin-top:3px;padding:3px 7px;border:1px solid #ad965e;border-radius:4px;background:#17221ded;color:#f8e4a9;pointer-events:auto}
.element-gear-target{margin:3px 0;color:#eddfb9;font-size:10px;line-height:1.35;overflow-wrap:anywhere;white-space:pre-line}
.element-gear-current{margin:3px 0;color:#f7e9b8;font-size:10px;line-height:1.3}
.element-gear-popover .element-gear-equip[data-element-best=true]{outline:1px solid #75d9af;outline-offset:2px}
.element-gear-popover .element-gear-rate{position:absolute;bottom:-3px;left:-3px;padding:1px 2px;border-radius:4px;background:#101b19ed;color:#dfd4b7;font:700 9px/1.1 sans-serif;pointer-events:none}
.element-gear-rate[data-matchup=good]{color:#98e6c5}.element-gear-rate[data-matchup=bad]{color:#ffb09b}
.element-gear-help{margin-top:5px;border-top:1px solid #6c654b;padding-top:3px;font-size:10px;line-height:1.4;color:#d8ccab}
.element-gear-help summary{cursor:pointer;color:#f0da9b}.element-gear-help p{margin:4px 0}
@media(max-height:430px){.element-gear-target{font-size:9px}.element-gear-current{font-size:9px}.element-gear-popover .element-gear-rate{font-size:8px}}

/* 2026-10-24：小圈倍率固定單行，避免橫式32px圓圈將130%拆成兩行。 */
#element-gear-dialog .element-gear-equip>span.element-gear-rate{max-width:none;white-space:nowrap;overflow-wrap:normal;font:700 9px/1.1 sans-serif}
#target-card .element-target-hint{font-size:12px}
@media(max-height:430px){#element-gear-dialog .element-gear-equip>span.element-gear-rate{font-size:8px}}

/* 2026-10-24（使用者：橫式排列整齊）：七屬性共用欄位，上項鍊下腰帶，數值置於圈下。 */
@media(orientation:landscape) and (min-width:600px){
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-content{display:grid;grid-template-columns:1fr auto;gap:4px}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-target{margin:0;white-space:normal}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-current{margin:0;align-self:center;text-align:right}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-grid{grid-column:1/-1;grid-template-columns:36px repeat(7,minmax(0,1fr));gap:4px 6px;align-items:center}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-heading:first-child{display:none}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-heading:nth-child(2){grid-row:2;grid-column:1;transform:translateY(-7px)}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-heading:nth-child(3){grid-row:3;grid-column:1;transform:translateY(-7px)}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label{grid-row:1}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell{padding:3px 0 15px}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-equip{width:42px;height:42px;min-height:42px}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-icon{width:30px;height:30px}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-icon canvas{width:30px;height:30px;max-width:30px;max-height:30px}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-equip>span.element-gear-rate{bottom:-14px;left:50%;transform:translateX(-50%);font-size:10px;background:transparent;padding:0}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-help{grid-column:1/-1;margin:0}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=water]{grid-column:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=water]{grid-column:2;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=water]{grid-column:2;grid-row:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=fire]{grid-column:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=fire]{grid-column:3;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=fire]{grid-column:3;grid-row:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=wind]{grid-column:4}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=wind]{grid-column:4;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=wind]{grid-column:4;grid-row:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=earth]{grid-column:5}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=earth]{grid-column:5;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=earth]{grid-column:5;grid-row:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=holy]{grid-column:6}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=holy]{grid-column:6;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=holy]{grid-column:6;grid-row:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=dark]{grid-column:7}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=dark]{grid-column:7;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=dark]{grid-column:7;grid-row:3}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element=none]{grid-column:8}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace][data-gear-cell-element=none]{grid-column:8;grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt][data-gear-cell-element=none]{grid-column:8;grid-row:3}
}

/* 2026-10-24（使用者：%數先不用顯示）：隱藏舊倍率標記，橫式圈下不留數字空位。 */
#element-gear-dialog .element-gear-rate{display:none!important}
@media(orientation:landscape) and (min-width:600px){#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell{padding:3px 0}#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-heading:nth-child(2),#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-heading:nth-child(3){transform:none}}

/* 2026-10-24（使用者：項鍊腰帶屬性功能）：持有特殊屬性時才追加小圈，不混入無屬性；一般七欄保持原排列。 */
@media(orientation:landscape) and (min-width:600px){
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-grid{grid-template-columns:36px repeat(var(--gear-element-count,7),minmax(0,1fr))}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-label[data-element]{grid-column:var(--gear-column)}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot][data-gear-cell-element]{grid-column:var(--gear-column)}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=necklace]{grid-row:2}
#element-gear-dialog.element-gear-popover:not(.choosing) .element-gear-cell[data-gear-cell-slot=belt]{grid-row:3}
}

/* 2026-10-24（使用者：電腦網頁版追加屬性裝備按鈕）：獨立電腦入口，手機保留原本左側按鈕。 */
#desktop-element-gear-toggle[hidden],.touch-client #desktop-element-gear-toggle{display:none!important}
#desktop-element-gear-toggle{color:#ffe3a0;cursor:pointer}
/* 2026-10-24：電腦原版功能列會隱藏自訂文字；屬性入口明確還原圓鈕與名稱。 */
body.desktop-client:not(.touch-client) #function-rail>button#desktop-element-gear-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;border:2px ridge #b9a16a;border-radius:50%;background:radial-gradient(#485453,#151e1b);color:#fff1cf;font:700 13px/1 sans-serif;box-shadow:0 2px 5px #0008}
body.desktop-client:not(.touch-client) #function-rail>button#desktop-element-gear-toggle>span:not(.rail-native-icon){display:block;position:static;inset:auto;width:auto;height:auto;padding:0;color:#fff1cf;background:none;border:0;font:700 13px/1 sans-serif;text-shadow:0 1px 2px #000}