.home-page.is-craft-tab>.home-hud{display:none}
.craft-panel>.prep-page-head{margin-bottom:2px}
.craft-page-title{display:flex;align-items:center;gap:10px}.craft-page-title .craft-inline-compendium{height:30px;padding:0 12px}
.craft-category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0 6px;padding:4px;border:1px solid rgba(124,92,255,.28);border-radius:13px;background:linear-gradient(180deg,rgba(12,12,43,.92),rgba(5,11,28,.82))}.craft-category-tabs button{height:42px;border:1px solid transparent;border-radius:9px;color:rgba(220,226,255,.62);background:transparent;font:800 13px/1 system-ui,-apple-system,"Microsoft YaHei",sans-serif;letter-spacing:1px}.craft-category-tabs button.active{border-color:rgba(99,226,255,.75);color:#fff;background:linear-gradient(135deg,rgba(91,67,225,.96),rgba(25,185,224,.92));box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 18px rgba(53,215,255,.22)}
.craft-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 10px;padding:4px;border:1px solid rgba(53,215,255,.18);border-radius:12px;background:rgba(5,11,28,.72)}.craft-mode-tabs button{min-width:0;height:38px;padding:0 5px;border:1px solid transparent;border-radius:9px;color:rgba(220,226,255,.65);background:transparent;font:700 11px/1 system-ui,-apple-system,"Microsoft YaHei",sans-serif;white-space:nowrap}.craft-mode-tabs button.active{border-color:rgba(53,215,255,.65);color:#fff;background:linear-gradient(135deg,rgba(112,77,236,.92),rgba(34,175,220,.88));box-shadow:0 0 14px rgba(53,215,255,.18)}.craft-mode-view[hidden]{display:none!important}.craft-mode-empty{min-height:360px;display:grid;place-content:center;justify-items:center;gap:8px;border:1px dashed rgba(53,215,255,.2);border-radius:13px;color:var(--muted);background:rgba(5,11,28,.46)}.craft-mode-empty i{font-size:28px;color:#56ddff}.craft-mode-empty strong{color:#eef5ff;font-size:16px}.craft-mode-empty span{font-size:11px}
.chip-workshop-view{display:grid;gap:11px;padding:12px;border:1px solid rgba(53,215,255,.2);border-radius:13px;background:rgba(5,11,28,.52)}.chip-workshop-balance{display:flex;justify-content:flex-end;gap:7px;color:var(--muted);font-size:11px}.chip-workshop-balance strong{color:#ffe16d}.chip-workshop-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chip-workshop-modes:has([data-upgrade-mode]){grid-template-columns:repeat(2,minmax(0,1fr))}.chip-workshop-modes button{min-height:56px;padding:8px 5px;border:1px solid rgba(124,92,255,.22);border-radius:10px;color:#d8dded;background:rgba(9,17,37,.78);font-size:11px;font-weight:800}.chip-workshop-modes button small{display:block;margin-top:5px;color:var(--muted);font-size:8px;font-weight:500;line-height:1.3}.chip-workshop-modes button.active{border-color:#54deff;color:#fff;background:linear-gradient(135deg,rgba(91,67,225,.66),rgba(25,185,224,.35));box-shadow:0 0 13px rgba(53,215,255,.14)}.chip-workshop-view>label{display:grid;gap:5px;color:var(--muted);font-size:10px}.chip-workshop-view select{width:100%;height:39px;padding:0 10px;border:1px solid rgba(75,194,229,.36);border-radius:10px;color:#f2efff;background:#09152b}.chip-workshop-hint{margin:0;color:var(--muted);font-size:10px;text-align:center}.chip-upgrade-list{display:grid;gap:6px;max-height:340px;overflow:auto}.chip-upgrade-item{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;padding:8px;border:1px solid rgba(53,215,255,.13);border-radius:9px;background:rgba(255,255,255,.025)}.chip-upgrade-item input{accent-color:#59dfff}.chip-upgrade-item span{display:grid;gap:3px}.chip-upgrade-item strong{font-size:11px}.chip-upgrade-item small{color:var(--muted);font-size:9px}
.craft-filter-native{width:100%;height:36px;padding:0 34px 0 12px;border:1px solid rgba(75,194,229,.36);border-radius:11px;color:#f2efff;background:linear-gradient(180deg,rgba(12,24,47,.98),rgba(7,16,34,.98));font-size:12px;font-weight:700;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#d8d2ff 50%),linear-gradient(135deg,#d8d2ff 50%,transparent 50%),linear-gradient(180deg,rgba(12,24,47,.98),rgba(7,16,34,.98));background-position:calc(100% - 16px) 14px,calc(100% - 11px) 14px,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}
.craft-filter-native option{color:#f2efff;background:#0c1223}
.game-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.game-select{position:relative;min-width:0;flex:0 1 112px}.craft-filter-dd .game-select{width:100%;height:100%;display:block}.game-select[hidden]{display:none!important}.game-select-trigger{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px 0 12px;border:1px solid rgba(75,194,229,.42);border-radius:11px;color:#f4f3ff;background:linear-gradient(180deg,rgba(14,26,50,.98),rgba(7,15,32,.99));box-shadow:inset 0 1px rgba(255,255,255,.04),0 5px 14px rgba(0,0,0,.18);font-size:12px;font-weight:750;text-align:left}.prep-toolbar .game-select-trigger{height:32px;border-radius:9px;font-size:10px}.game-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-select-trigger>i{width:7px;height:7px;flex:none;border-right:2px solid #75e7ff;border-bottom:2px solid #75e7ff;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.game-select.open .game-select-trigger{border-color:#50dfff;box-shadow:0 0 0 2px rgba(53,215,255,.12),0 0 18px rgba(101,73,239,.18)}.game-select.open .game-select-trigger>i{transform:rotate(225deg) translate(-2px,-1px)}.game-select-menu{position:fixed;z-index:1000;max-height:min(260px,45vh);overflow-y:auto;padding:6px;border:1px solid rgba(73,216,255,.5);border-radius:12px;background:radial-gradient(circle at 90% 0,rgba(112,68,245,.22),transparent 42%),rgba(7,14,30,.985);box-shadow:0 18px 40px rgba(0,0,0,.58),0 0 22px rgba(53,215,255,.12);backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#55ddff #081126}.game-select-menu button{width:100%;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:0;border-radius:8px;color:#b8c6df;background:transparent;font-size:12px;text-align:left}.game-select-menu button:hover{color:#fff;background:rgba(53,215,255,.1)}.game-select-menu button.selected{color:#fff;background:linear-gradient(90deg,rgba(105,73,239,.48),rgba(36,184,224,.2));box-shadow:inset 2px 0 #52e3ff}.game-select-menu button i{visibility:hidden;color:#67e8ff;font-style:normal}.game-select-menu button.selected i{visibility:visible}

.craft-topbar {
  position: relative;
  z-index: var(--z-sticky);
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 10px;
  flex-shrink: 0;
}

.craft-anvil {
  height: 72px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(120% 100% at 80% 0%, rgba(124, 92, 255, 0.28), transparent 55%),
    radial-gradient(100% 80% at 10% 100%, rgba(53, 215, 255, 0.16), transparent 50%),
    rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  box-sizing: border-box;
  overflow: hidden;
}

.craft-anvil-copy { display: flex; flex-direction: column; gap: 4px; position: relative; z-index: 1; }.craft-anvil-copy>span{display:flex;align-items:center;gap:8px}.craft-anvil-copy>em{color:rgba(255,255,255,.58);font-size:11px;font-style:normal}.craft-inline-compendium{height:27px;padding:0 10px;border:1px solid rgba(83,225,255,.5);border-radius:8px;color:#69efff;background:rgba(31,109,138,.28);font-size:10px;font-weight:800}
.craft-anvil-copy strong { font-size: 16px; color: #f3efff; }
.craft-anvil-copy span { font-size: 11px; color: rgba(255,255,255,.58); }
.craft-anvil-actions { display: flex; gap: 7px; position: relative; z-index: 1; }
.craft-anvil-actions button {
  border: 1px solid rgba(255,255,255,.18); border-radius: 10px; padding: 7px 10px;
  background: rgba(10,16,32,.68); color: #e9e4ff; font-weight: 800; cursor: pointer;
}
.craft-anvil-actions button.primary { border-color: rgba(83,225,255,.5); color: #69efff; background: rgba(31,109,138,.28); }

.compendium-panel { max-height: min(82vh, 720px); }
.compendium-panel > .craft-detail-head { position: relative; z-index: 2; }
.compendium-tabs {
  display: flex;
  flex: 0 0 auto;
  min-height: 46px;
  box-sizing: border-box;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 14px 9px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(10,16,31,.52);
}
.compendium-tabs button { min-height: 28px; line-height: 1; flex: 0 0 auto; white-space: nowrap; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 6px 11px; background: rgba(255,255,255,.05); color: rgba(255,255,255,.68); }
.compendium-tabs button.active { color: #70f4ff; border-color: rgba(83,225,255,.5); background: rgba(53,215,255,.12); }
.craft-detail-body.compendium-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; align-content: start; padding-top: 10px; overscroll-behavior: contain; }
.compendium-card { min-width: 0; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 8px; text-align: left; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; padding: 9px; color: #eef1ff; background: rgba(255,255,255,.035); }
.compendium-card.core { border-color: rgba(255,190,76,.34); background: linear-gradient(135deg,rgba(255,174,45,.11),rgba(127,79,255,.08)); }
.compendium-card.future { border-color: rgba(220,100,255,.35); opacity: .82; }
.compendium-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.08); font-size: 15px; }
.compendium-icon img { width: 100%; height: 100%; display: block; object-fit: contain; border-radius: inherit; }
.compendium-copy { min-width: 0; display: flex; flex-direction: column; flex: 1; }
.compendium-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.compendium-copy small { color: rgba(255,255,255,.46); margin-top: 2px; }
.compendium-card em { min-width: 28px; text-align: right; font-size: 10px; font-style: normal; color: #ffd278; white-space: nowrap; }
.build-guide-card { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; gap: 5px 9px; border: 1px solid rgba(125,112,255,.22); border-radius: 13px; padding: 12px; background: linear-gradient(135deg,rgba(113,82,255,.10),rgba(35,214,255,.05)); }
.build-guide-card em { grid-row: 1 / 3; align-self: center; font-style: normal; font-size: 10px; color: #70efff; }
.build-guide-card strong { font-size: 14px; }
.build-guide-card span { font-size: 11px; line-height: 1.5; color: rgba(255,255,255,.62); }
.build-guide-card small { grid-column: 2; color: #ffd278; }
.build-guide-items { grid-column: 2; display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.build-guide-items button {
  max-width: 100%;
  border: 1px solid rgba(255,210,120,.22);
  border-radius: 7px;
  padding: 4px 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(255,190,76,.07);
  color: #ffd278;
  font-size: 10px;
  line-height: 1.2;
  cursor: pointer;
}
.build-guide-items button:active { filter: brightness(1.25); }

@media (max-width: 390px) {
  .craft-detail-body.compendium-body { grid-template-columns: 1fr; }
}

.craft-chip-row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.craft-select-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 1px 0 3px; position: relative; z-index: 20; }
.craft-filter-dd { position: relative; min-width: 0; }
.craft-filter-dd-btn {
  display: flex; width: 100%; height: 36px; align-items: center; justify-content: space-between; gap: 8px;
  padding: 0 11px 0 12px; border: 1px solid rgba(75, 194, 229, .36); border-radius: 11px;
  color: #f2efff; background: linear-gradient(180deg, rgba(12,24,47,.98), rgba(7,16,34,.98));
  font-size: 12px; font-weight: 700; box-shadow: inset 0 1px rgba(255,255,255,.025), 0 4px 12px rgba(0,0,0,.12);
}
.craft-filter-dd-btn span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.craft-filter-dd-btn i { width: 7px; height: 7px; flex: 0 0 auto; border-right: 2px solid #d8d2ff; border-bottom: 2px solid #d8d2ff; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; }
.craft-filter-dd.open .craft-filter-dd-btn { border-color: rgba(105,92,255,.8); box-shadow: 0 0 0 2px rgba(105,92,255,.12), inset 0 1px rgba(255,255,255,.035); }
.craft-filter-dd.open .craft-filter-dd-btn i { transform: rotate(225deg) translate(-2px,-1px); }
.craft-filter-dd-menu {
  position: absolute; z-index: 120; top: calc(100% + 5px); left: 0; width: max(100%, 146px); max-height: 245px;
  padding: 5px; overflow-y: auto; border: 1px solid rgba(110,95,230,.55); border-radius: 11px;
  background: rgba(12,18,35,.98); box-shadow: 0 14px 34px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(14px); scrollbar-width: thin;
}
.craft-filter-dd-menu-right { right: 0; left: auto; }
.craft-filter-dd-menu button { display: block; width: 100%; min-height: 34px; padding: 7px 10px; border: 0; border-radius: 7px; color: rgba(239,236,255,.78); background: transparent; text-align: left; font-size: 12px; }
.craft-filter-dd-menu button:hover { color: #fff; background: rgba(77,199,239,.09); }
.craft-filter-dd-menu button.active { color: #fff; background: linear-gradient(90deg, rgba(103,75,240,.42), rgba(60,181,224,.18)); box-shadow: inset 2px 0 #8d70ff; }

.home-main.home-main-craft {
  overflow: hidden;
}

.craft-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  overflow: hidden;
  height: 100%;
}

.craft-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 8px;
}

.craft-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(11, 18, 32, 0.45);
  cursor: pointer;
  transition: filter var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);
}

.craft-card:active {
  filter: brightness(1.12);
  border-color: rgba(124, 92, 255, 0.4);
}

.craft-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.craft-item-detail-trigger {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.craft-card-top > .craft-item-detail-trigger {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
}

.craft-item-detail-trigger:active {
  filter: brightness(1.2);
  transform: scale(0.96);
}

.craft-card-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.craft-row-icon,
.craft-row-emoji {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  font-size: 18px;
}

/* 合成列表的成品与材料共用品质色内衬，不再透出卡片黑底。 */
.craft-mat-thumb .craft-item-frame > .item-frame-v2 {
  background: color-mix(in srgb, var(--c) 72%, #eef3f8 28%);
}

.craft-mat-thumb .craft-item-frame > .item-frame-v2 .if-bezel {
  background: color-mix(in srgb, var(--c) 62%, #f4f7fb 38%);
  box-shadow:
    inset 0 0 10px color-mix(in srgb, #fff 34%, transparent),
    inset 0 -5px 9px color-mix(in srgb, var(--c-dim) 28%, transparent),
    0 0 8px color-mix(in srgb, var(--glow) 42%, transparent);
}

.craft-mat-thumb .craft-item-frame > .craft-row-icon {
  background: transparent;
  filter: drop-shadow(0 1px 2px rgba(9, 14, 24, 0.62)) contrast(1.08) saturate(1.1);
}

.craft-row-text {
  flex: 1;
  min-width: 0;
}

.craft-row-name {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.craft-detail-link.craft-detail-inline {
  flex: 0 0 auto;
  padding: 3px 8px;
  font-size: 11px;
}

.craft-row-sub {
  margin-top: 2px;
  font-size: 12px;
  color: var(--muted, rgba(255, 255, 255, 0.48));
}

.craft-detail-link {
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(221, 214, 254, 0.95);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.craft-detail-link:active {
  filter: brightness(1.15);
}

.craft-rarity-bar {
  width: 4px;
  height: 36px;
  border-radius: 4px;
  flex-shrink: 0;
  background: var(--rar, var(--primary));
}

.craft-mat-thumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.craft-mat-thumbs::-webkit-scrollbar {
  display: none;
}

.craft-mat-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}

.craft-mat-thumb {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

.craft-mat-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.craft-mat-x {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.craft-mat-chip.short .craft-mat-thumb {
  filter: grayscale(0.35);
}

.craft-mat-chip.short .craft-mat-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(248, 113, 113, 0.35);
  border-top: 2px solid #f87171;
}

.craft-mat-chip.short .craft-mat-x {
  color: #f87171;
}

.craft-btn {
  border: none;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: transform var(--t-fast) var(--ease);
}

.craft-btn:active {
  transform: scale(0.97);
}

.craft-btn.mini {
  padding: 6px 10px;
  font-size: 12px;
  min-height: 32px;
}

.craft-btn.primary {
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: var(--glow-primary);
}

.craft-btn.primary.is-drop-view,
.craft-run-btn.is-drop-view {
  border: 0 !important;
  outline: 1px solid rgba(91, 226, 255, 0.78);
  outline-offset: -1px;
  color: #fff;
  background: linear-gradient(135deg, #5263df 0%, #397fdc 46%, #20b5d8 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.18), 0 0 14px rgba(53, 215, 255, 0.24) !important;
}

.craft-btn.warn {
  background: rgba(251, 191, 36, 0.16);
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fde68a;
}

.craft-btn.ghost {
  background: var(--surface-1, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--line-2, rgba(255, 255, 255, 0.12));
  color: var(--text, #fff);
}

.craft-btn.ghost.is-tracked {
  border: none;
  outline: 1px solid rgba(99, 226, 255, 0.75);
  outline-offset: -1px;
  color: #fff;
  background: linear-gradient(135deg, rgba(91, 67, 225, 0.96), rgba(25, 185, 224, 0.92));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.16), 0 0 18px rgba(53, 215, 255, 0.22);
  text-shadow: 0 1px 5px rgba(15, 23, 42, 0.45);
}

.craft-btn.ghost.is-tracked::before {
  content: "×";
  display: inline-grid;
  place-items: center;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid rgba(226, 247, 255, 0.88);
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

/* 追踪操作使用霓虹文字链接，保留完整按钮热区但隐藏按钮外观。 */
.craft-btn.ghost[data-track-recipe],
#recipeTrackButton {
  position: relative;
  border: 0 !important;
  outline: 0;
  color: transparent;
  background: linear-gradient(90deg, #9b7cff 4%, #cf77ff 46%, #45ddff 96%);
  background-clip: text;
  -webkit-background-clip: text;
  box-shadow: none !important;
  text-shadow: 0 0 9px rgba(124, 92, 255, 0.58), 0 0 14px rgba(53, 215, 255, 0.34);
}

.craft-btn.ghost[data-track-recipe]::before,
#recipeTrackButton::before {
  content: none;
}

.craft-btn.ghost[data-track-recipe]::after,
#recipeTrackButton::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 5px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8d70ff, #d06dff 48%, #42dcff);
  box-shadow: 0 0 5px rgba(124, 92, 255, 0.9), 0 0 8px rgba(53, 215, 255, 0.72);
}

.craft-btn.ghost[data-track-recipe].is-tracked,
#recipeTrackButton.is-tracked {
  background: linear-gradient(90deg, #53e1ff 4%, #a98aff 52%, #f08cff 96%);
  background-clip: text;
  -webkit-background-clip: text;
}

.craft-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}
.craft-card-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;flex:0 0 204px}.craft-card-actions .craft-btn{width:100%;min-width:0!important;padding-inline:7px;white-space:nowrap}.recipe-detail-panel{width:min(420px,calc(100vw - 20px));max-height:min(760px,calc(100dvh - 24px));display:flex;flex-direction:column}.recipe-detail-panel .craft-detail-body{overflow:auto}.recipe-detail-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.recipe-detail-actions .craft-btn,.recipe-detail-actions .craft-run-btn{width:100%;margin:0}.recipe-detail-panel .craft-detail-result{grid-template-columns:64px minmax(0,1fr)}.recipe-detail-panel .craft-detail-result-img{width:60px;height:60px}.recipe-detail-panel .craft-detail-result-img img{width:100%;height:100%;object-fit:contain}.recipe-detail-panel .craft-mat-row{width:100%;color:inherit;text-align:left;cursor:pointer}.recipe-detail-panel .craft-mat-row em{color:#66dfff;font-size:11px;font-style:normal;white-space:nowrap}
.craft-quantity{display:grid;grid-template-columns:25px 28px 25px;align-items:center;height:32px;border:1px solid rgba(80,211,255,.35);border-radius:9px;background:rgba(4,14,31,.86);overflow:hidden}.craft-quantity button{height:100%;padding:0;border:0;color:#69e7ff;background:rgba(71,116,196,.1);font-size:16px;font-weight:800;cursor:pointer}.craft-quantity button:disabled,.craft-quantity button.limit-reached{color:#4c5870;background:transparent}.craft-quantity button:disabled{cursor:not-allowed}.craft-quantity button.limit-reached{cursor:pointer}.craft-quantity strong{color:#fff;font-size:12px;text-align:center}.craft-card-actions>.craft-btn.primary{min-width:92px}
.craft-quantity.craft-quantity-top{flex:0 0 auto;margin-left:auto}
@media(max-width:380px){.craft-card-bottom{align-items:flex-end;gap:6px}.craft-card-actions{flex:0 0 184px;gap:5px}.craft-card-actions .craft-btn{min-height:32px;padding:6px 5px;font-size:10px}.recipe-detail-panel .craft-mat-row em{display:none}}

.craft-card-actions [data-synthesis-action="PRECISE"]{background:linear-gradient(135deg,#7254e8,#9a4fe3)!important;box-shadow:0 0 12px rgba(137,83,235,.3)!important;outline:1px solid rgba(190,151,255,.58);outline-offset:-1px}
.craft-card-actions [data-synthesis-action="QUICK"]{background:linear-gradient(135deg,#326fdc,#20b9d8)!important;box-shadow:0 0 12px rgba(53,215,255,.28)!important;outline:1px solid rgba(91,226,255,.72);outline-offset:-1px}
.craft-card.can-craft{position:relative;min-height:116px}.craft-card.can-craft .craft-card-top,.craft-card.can-craft .craft-card-bottom{padding-right:110px}.craft-card.can-craft .craft-card-actions{position:absolute;top:18px;right:18px;width:100px;display:grid;grid-template-columns:1fr;gap:8px}.craft-card.can-craft .craft-card-actions .craft-btn{height:36px;padding:0 6px}.craft-card.can-craft .craft-rarity-bar{position:absolute;top:12px;right:7px}
.precise-craft-panel{width:min(380px,calc(100vw - 24px));overflow:hidden;background:linear-gradient(180deg,rgba(12,18,48,.99),rgba(5,12,31,.99));border-color:rgba(96,220,255,.42)}
.precise-craft-mask[hidden]{display:none!important}
.precise-craft-body{display:grid;gap:16px;padding:18px 16px}.precise-craft-body>label{display:grid;gap:9px;color:#aebbd2;font-size:12px}.precise-craft-quantity{display:grid;grid-template-columns:44px 1fr 44px;height:44px;border:1px solid rgba(76,211,255,.42);border-radius:11px;overflow:hidden;background:rgba(4,13,31,.88)}.precise-craft-quantity button{border:0;color:#67e3ff;background:rgba(64,110,200,.14);font-size:20px;font-weight:800}.precise-craft-quantity button:disabled{color:#4f5c75;background:transparent}.precise-craft-quantity input{min-width:0;width:100%;border:0;outline:0;color:#fff;background:transparent;font:900 16px/1 inherit;text-align:center;text-shadow:0 0 9px rgba(92,211,255,.5);appearance:textfield}.precise-craft-quantity input::-webkit-inner-spin-button{display:none}.precise-craft-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.precise-craft-modes button{height:38px;padding:0 2px;border:1px solid rgba(111,111,221,.3);border-radius:9px;color:#8799ba;background:#0a1630;font-size:10px;font-weight:800;white-space:nowrap}.precise-craft-modes button.active{border-color:#55e1ff;color:#fff;background:linear-gradient(135deg,#6257e5,#20b6d8);box-shadow:0 0 12px rgba(53,215,255,.22)}
.precise-craft-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.precise-craft-destination{margin:0;padding:9px 11px;border:1px solid rgba(83,215,255,.2);border-radius:9px;color:#8da7ca;background:rgba(32,181,216,.07);font-size:11px;text-align:center}
.precise-craft-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.precise-craft-actions .craft-btn,.precise-craft-actions .craft-run-btn{width:100%;min-height:42px;margin:0}.precise-craft-actions .craft-run-btn{background:linear-gradient(135deg,#7152e8,#25b5dc)}
.picker-location-tag{display:inline-flex;margin-left:5px;padding:2px 6px;border:1px solid rgba(83,220,255,.45);border-radius:999px;color:#71e5ff;background:rgba(32,181,216,.1);font-size:9px;font-style:normal;vertical-align:middle}.picker-location-tag.location-equipped{border-color:rgba(190,126,255,.55);color:#d5adff;background:rgba(137,74,225,.13)}.picker-location-tag.location-bag{border-color:rgba(89,155,255,.5);color:#91bbff}
.equipment-picker-copy{display:flex;min-width:0;align-items:center;gap:7px}.equipment-picker-copy>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-picker-tags{display:flex;flex:0 0 auto;align-items:center;gap:4px}.equipment-picker-tags em{display:inline-flex;margin:0;padding:2px 6px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.picker-grade-tag{border:1px solid rgba(183,123,255,.58);color:#d7b2ff;background:rgba(139,74,225,.14);box-shadow:0 0 7px rgba(146,83,235,.16)}.picker-slot-tag{border:1px solid rgba(71,221,255,.58);color:#76e8ff;background:rgba(34,181,216,.12);box-shadow:0 0 7px rgba(53,215,255,.15)}
.warehouse-picker-head .picker-warning{color:#ff83a5!important;text-shadow:0 0 8px rgba(255,76,127,.48)}.warehouse-picker-item.picker-denied{border-color:#ff638f!important;box-shadow:inset 0 0 16px rgba(255,66,120,.13),0 0 12px rgba(255,66,120,.22)!important;animation:picker-denied-shake .38s ease}@keyframes picker-denied-shake{25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}

/* craft-detail mask/panel/head 骨架见 modal.css；此处仅内容态 */
.craft-detail-mask {
  /* skeleton in modal.css */
}

.craft-detail-panel {
  width: min(100%, var(--app-w));
  max-width: calc(100vw - 24px);
  max-height: min(
    88dvh,
    calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)),
    760px
  );
  height: auto;
  min-height: 0;
  box-sizing: border-box;
  background: var(--panel-grad);
  border: 1px solid rgba(124, 92, 255, 0.22);
  box-shadow: var(--sh-3), 0 0 0 1px rgba(53, 215, 255, 0.06) inset;
}

.craft-detail-head {
  background: linear-gradient(180deg, rgba(124, 92, 255, 0.14) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.craft-detail-head h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--text);
}

.craft-detail-close {
  /* skeleton in modal.css */
}

.craft-detail-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.craft-detail-result {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 0 2px;
}

.craft-detail-result-img,
.craft-detail-result-emoji {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  object-fit: cover;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  font-size: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.craft-detail-result-name {
  font-size: 18px;
  font-weight: 800;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.craft-grade-badge {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--rar) 45%, transparent);
  color: var(--rar);
  background: color-mix(in srgb, var(--rar) 14%, transparent);
}

.craft-detail-result-meta,
.craft-detail-result-remark {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.craft-detail-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.craft-core-stats {
  padding: 0 !important;
  justify-content: flex-start;
}

.craft-section-head {
  margin-bottom: 2px !important;
  padding-bottom: 6px !important;
}

.craft-more-toggle {
  align-self: flex-start;
  border: none;
  background: transparent;
  color: rgba(53, 215, 255, 0.95);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 0;
  cursor: pointer;
}

.craft-item-stats {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.craft-stat-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 13px;
}

.craft-stat-row > span:first-child {
  color: rgba(255, 255, 255, 0.55);
}

.craft-stat-row > span:last-child {
  text-align: right;
}

.craft-stat-row .hl {
  color: #fff;
  font-weight: 800;
}

.craft-stat-row-skills .skill-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.craft-detail-section .section-title {
  margin-bottom: 4px;
}

.craft-mat-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}

.craft-mat-row.enough {
  border-color: rgba(74, 222, 128, 0.28);
}

.craft-mat-row.short {
  border-color: rgba(248, 113, 113, 0.35);
}

.craft-mat-check {
  color: #4ade80;
  font-weight: 900;
  width: 16px;
  flex-shrink: 0;
}

.craft-mat-img,
.craft-mat-emoji {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  font-size: 18px;
}

.craft-mat-info {
  flex: 1;
  min-width: 0;
}

.craft-mat-name {
  font-size: 14px;
  font-weight: 700;
}

.craft-mat-qty {
  margin-top: 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.craft-mat-qty.short {
  color: #fda4a4;
  font-weight: 700;
}

.craft-drop-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}

.craft-drop-main {
  flex: 1;
  min-width: 0;
}

.craft-drop-code {
  font-size: 13px;
  font-weight: 800;
}

.craft-drop-sub {
  margin-top: 2px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.48);
}

.craft-detail-foot {
  /* skeleton in modal.css */
}

.craft-run-btn {
  width: 100%;
  border: none;
  border-radius: 14px;
  padding: 14px;
  min-height: 48px;
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: var(--glow-primary);
}

.craft-run-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

.craft-burst {
  position: fixed;
  inset: 0;
  z-index: var(--z-toast);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.craft-burst-ring {
  position: absolute;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 2px solid rgba(167, 139, 250, 0.75);
  box-shadow: 0 0 24px rgba(53, 215, 255, 0.45);
  animation: craftBurstRing 420ms var(--ease) forwards;
}

.craft-burst-icon {
  font-size: 42px;
  animation: craftBurstIcon 420ms var(--ease) forwards;
  filter: drop-shadow(0 8px 18px rgba(124, 92, 255, 0.55));
}

@keyframes craftBurstRing {
  from {
    transform: scale(0.4);
    opacity: 0.9;
  }
  to {
    transform: scale(2.2);
    opacity: 0;
  }
}

@keyframes craftBurstIcon {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  35% {
    transform: scale(1.15);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.equipment-upgrade-view{display:grid;gap:12px;padding:13px;border:1px solid rgba(75,205,255,.24);border-radius:14px;background:radial-gradient(circle at 90% 0,rgba(124,72,255,.18),transparent 42%),rgba(5,12,28,.72)}
.equipment-upgrade-view>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid rgba(91,202,255,.15)}.equipment-upgrade-view>header small,.equipment-upgrade-view>header strong{display:block}.equipment-upgrade-view>header small{color:#5de3ff;font-size:8px;letter-spacing:.16em}.equipment-upgrade-view>header strong{margin-top:3px;color:#f1f5ff;font-size:17px}.equipment-upgrade-view>header p{margin:4px 0 0;color:#8799b8;font-size:9px}.equipment-upgrade-view>header>span{padding:7px 10px;border:1px solid rgba(190,111,255,.42);border-radius:18px;color:#e8c8ff;background:rgba(135,65,220,.16);font-size:10px}
.equipment-upgrade-view>label{display:grid;gap:6px;color:#91a4c4;font-size:10px}.equipment-upgrade-view select{height:42px;padding:0 11px;border:1px solid rgba(73,210,255,.35);border-radius:10px;color:#eff8ff;background:#09152b}.equipment-upgrade-preview{display:grid;grid-template-columns:1fr 26px 1fr;gap:8px;align-items:center;padding:12px;border:1px solid rgba(121,88,255,.22);border-radius:12px;background:rgba(11,19,39,.78)}.equipment-upgrade-preview>div{display:grid;gap:4px;text-align:center}.equipment-upgrade-preview small{color:#7e91b1;font-size:9px}.equipment-upgrade-preview strong{color:#f0eaff;font-size:14px}.equipment-upgrade-preview>i{color:#59dfff;font-size:18px;font-style:normal;text-align:center}.equipment-upgrade-preview>section{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}.equipment-upgrade-preview>section span{padding:8px;border-radius:8px;color:#91a3bf;background:rgba(255,255,255,.035);font-size:9px}.equipment-upgrade-preview>section b{float:right;color:#e9f3ff}.equipment-upgrade-preview .enough{color:#69dfb4}.equipment-upgrade-preview .short{color:#ff7f9f}.equipment-upgrade-preview>p{grid-column:1/-1;margin:25px 0;color:#7f91b1;text-align:center;font-size:10px}

/* 合成台移动端字号：提升偏小的操作文字，维持现有布局层级。 */
.craft-category-tabs button{font-size:14px}
.craft-mode-tabs button{font-size:13px}
.chip-workshop-balance{font-size:13px}
.chip-workshop-balance strong{font-size:14px}
.chip-workshop-modes button{font-size:13px;line-height:1.2}
.chip-workshop-modes button small{font-size:10px;line-height:1.4}
.chip-workshop-view>label{font-size:12px}
.chip-workshop-view select{font-size:13px}
.chip-workshop-hint{font-size:12px}
.warehouse-pick-button{font-size:13px!important}
.chip-selected-summary{font-size:12px!important}
.chip-selected-summary small{font-size:10px!important}
.craft-run-btn{font-size:15px}
.craft-card.can-craft .craft-card-top,.craft-card.can-craft .craft-card-bottom{padding-right:100px}.craft-card.can-craft .craft-card-actions{top:18px;right:16px;width:90px;gap:5px;padding:4px;border:1px solid rgba(99,78,226,.28);border-radius:11px;background:rgba(5,9,25,.88);box-shadow:inset 0 0 12px rgba(90,68,210,.09)}.craft-card.can-craft .craft-card-actions .craft-btn,.craft-card-actions [data-synthesis-action="PRECISE"],.craft-card-actions [data-synthesis-action="QUICK"]{width:82px!important;height:31px!important;min-height:31px!important;padding:0 5px!important;border:1px solid #56dcff!important;border-radius:8px!important;outline:0!important;color:#fff!important;background:linear-gradient(125deg,#5a58e9 0%,#3d79df 48%,#20afd0 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 9px rgba(52,210,246,.2)!important;font-size:11px!important;font-weight:900!important;text-shadow:0 1px 5px rgba(5,12,42,.7)}.craft-card-actions [data-synthesis-action]:active{filter:brightness(.9);transform:translateY(1px)}
.precise-craft-support-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.precise-craft-support-actions button{min-height:36px;border:1px solid rgba(77,217,255,.38);border-radius:9px;color:#72e8ff;background:linear-gradient(145deg,rgba(19,47,82,.88),rgba(31,24,78,.88));font-size:11px;font-weight:850}.precise-craft-support-actions button:last-child{border-color:rgba(174,101,255,.5);color:#d3adff;box-shadow:0 0 10px rgba(139,73,238,.15)}.precise-craft-quantity button.limit-reached{color:#55647e;background:rgba(35,51,82,.16);cursor:pointer}
.precise-craft-panel{max-height:min(760px,calc(100dvh - 24px));display:flex;flex-direction:column}.precise-craft-body{min-height:0;overflow-y:auto}.precise-craft-rarities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.precise-craft-rarities button{min-width:0;height:43px;padding:4px 1px;border:1px solid rgba(100,134,205,.3);border-radius:8px;color:#8ea0bd;background:#09152d;font-size:10px;font-weight:800}.precise-craft-rarities button small{display:block;margin-top:2px;color:#687b9b;font-size:8px}.precise-craft-rarities button.active{border-color:#5be3ff;color:#fff;background:linear-gradient(145deg,#6554e7,#20afd2);box-shadow:0 0 12px rgba(56,215,255,.22)}.precise-craft-rarities button.active small{color:#dffbff}.precise-craft-estimate{overflow:hidden;border:1px solid rgba(81,211,255,.23);border-radius:10px;background:rgba(4,13,31,.68)}.precise-craft-estimate>header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(81,211,255,.15);color:#9eb1cf;font-size:11px}.precise-craft-estimate>header b{color:#70e8ff}.precise-craft-estimate>div{display:grid;gap:5px;padding:7px}.precise-craft-estimate>div>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;border:1px solid rgba(99,137,198,.14);border-radius:8px;background:rgba(11,24,48,.76)}.precise-craft-estimate img,.precise-craft-estimate>div>div>i{width:28px;height:28px;display:grid;place-items:center;object-fit:contain;font-style:normal}.precise-craft-estimate span strong,.precise-craft-estimate span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.precise-craft-estimate span strong{color:#eaf4ff;font-size:10px}.precise-craft-estimate span small{margin-top:2px;color:#7185a6;font-size:8px}.precise-craft-estimate>div>div>b{color:#62e5a7;font-size:10px;white-space:nowrap}.precise-craft-estimate>div>div.short{border-color:rgba(255,91,137,.35)}.precise-craft-estimate>div>div.short>b{color:#ff83a6}.precise-craft-estimate>div>p{margin:5px;color:#7387a8;font-size:10px;text-align:center}
.warehouse-pick-button{width:100%;min-height:42px;padding:9px 12px;border:1px solid rgba(73,216,255,.45);border-radius:10px;color:#edf8ff;background:linear-gradient(180deg,rgba(13,29,55,.98),rgba(7,16,34,.98));font-size:11px;font-weight:750;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.04)}.warehouse-pick-button::after{content:'›';float:right;color:#65e4ff;font-size:17px}.chip-selected-summary{display:flex;flex-wrap:wrap;gap:5px;min-height:44px;padding:7px;border:1px dashed rgba(53,215,255,.18);border-radius:9px;color:var(--muted);font-size:10px}.chip-selected-summary>span{display:grid;gap:2px;padding:5px 7px;border:1px solid rgba(124,92,255,.25);border-radius:7px;color:#eef6ff;background:rgba(124,92,255,.1)}.chip-selected-summary small{color:var(--muted);font-size:8px}.warehouse-picker-mask{z-index:1300}.warehouse-picker-panel{width:min(420px,calc(100vw - 20px));max-height:min(720px,calc(100vh - 24px));display:flex;flex-direction:column}.warehouse-picker-counter{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid rgba(53,215,255,.13);color:var(--muted);font-size:10px}.warehouse-picker-counter strong{color:#65e4ff;font-size:12px}.warehouse-picker-list{display:grid;gap:7px;min-height:220px;overflow:auto;padding:12px}.warehouse-picker-item{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid rgba(53,215,255,.14);border-radius:10px;color:#eaf4ff;background:rgba(7,16,35,.82);text-align:left}.warehouse-picker-item.selected{border-color:#5ee5ff;background:linear-gradient(90deg,rgba(102,72,236,.28),rgba(37,190,224,.13));box-shadow:inset 2px 0 #63e5ff}.warehouse-picker-item>span:nth-child(2){display:grid;gap:4px;min-width:0}.warehouse-picker-item strong,.warehouse-picker-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-picker-item strong{font-size:11px}.warehouse-picker-item small{color:var(--muted);font-size:9px}.warehouse-picker-item>i{color:#61e6ff;font-size:16px;font-style:normal;text-align:center}.warehouse-picker-art{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(92,224,255,.28);border-radius:8px;background:rgba(15,35,61,.8);color:#62e5ff}.warehouse-picker-art img{width:100%;height:100%;object-fit:contain}.warehouse-picker-panel .craft-detail-foot{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}

.craft-card:not(.recipe-locked){position:relative;min-height:132px}.craft-card:not(.recipe-locked) .craft-card-top,.craft-card:not(.recipe-locked) .craft-card-bottom{padding-right:100px}.craft-card:not(.recipe-locked) .craft-card-actions{position:absolute;top:10px;right:16px;width:90px;display:grid;grid-template-columns:1fr;align-content:start;gap:5px;padding:4px;border:1px solid rgba(99,78,226,.28);border-radius:11px;background:rgba(5,9,25,.88);box-shadow:inset 0 0 12px rgba(90,68,210,.09)}.craft-card:not(.recipe-locked) .craft-card-actions [data-track-recipe]{grid-row:1;width:82px!important;min-height:24px;margin:0 auto;padding:0!important;text-align:center}.craft-card:not(.recipe-locked) .craft-card-actions [data-synthesis-action="PRECISE"]{grid-row:2}.craft-card:not(.recipe-locked) .craft-card-actions [data-synthesis-action="QUICK"]{grid-row:3}.craft-card:not(.recipe-locked) .craft-card-actions [data-synthesis-action]{width:82px!important;height:31px!important;min-height:31px!important;margin:0 auto;padding:0 5px!important}

.craft-card:not(.recipe-locked){min-height:116px}.craft-card:not(.recipe-locked) .craft-card-actions [data-synthesis-action="PRECISE"]{grid-row:1}.craft-card:not(.recipe-locked) .craft-card-actions [data-synthesis-action="QUICK"]{grid-row:2}
.craft-card .craft-rarity-bar{display:none!important}
.craft-card-actions [data-synthesis-action="PRECISE"],.craft-card-actions [data-synthesis-action="QUICK"]{border:1px solid #56dcff!important;border-radius:8px!important;outline:0!important;color:#fff!important;background:linear-gradient(135deg,#326fdc 0%,#20b9d8 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 10px rgba(53,215,255,.28)!important;text-shadow:0 1px 5px rgba(5,12,42,.7)!important}

/* 玩家端永久禁止合成页横向溢出，避免浏览器生成白色返回箭头式横向滚动控件。 */
.craft-panel,.craft-mode-view,#craftMakeView,.craft-list,#craftList,.craft-card,.craft-card-top,.craft-card-bottom{max-width:100%!important;overflow-x:hidden!important}
.craft-panel{width:100%!important;min-width:0!important;overscroll-behavior-x:none;touch-action:pan-y}
.craft-card,.craft-card-top,.craft-card-bottom,.craft-row-text,.craft-card-actions{min-width:0!important;box-sizing:border-box!important}
.craft-panel::-webkit-scrollbar:horizontal,.craft-mode-view::-webkit-scrollbar:horizontal,.craft-list::-webkit-scrollbar:horizontal,#craftList::-webkit-scrollbar:horizontal{width:0!important;height:0!important;display:none!important}
.craft-card:not(.recipe-locked) .craft-card-actions{grid-template-rows:31px 31px}.craft-card:not(.recipe-locked) .craft-card-actions [data-track-recipe]{height:31px!important;min-height:31px!important}.craft-card-actions [data-synthesis-action="PRECISE"],.craft-card-actions [data-synthesis-action="QUICK"]{width:82px!important;height:31px!important;min-height:31px!important;margin:0 auto;padding:0 5px!important;border:0!important;border-radius:8px!important;outline:1px solid rgba(91,226,255,.78)!important;outline-offset:-1px!important;color:#fff!important;background:linear-gradient(135deg,#5263df 0%,#397fdc 46%,#20b5d8 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 14px rgba(53,215,255,.24)!important;text-shadow:0 1px 5px rgba(5,12,42,.7)!important}
.tutorial-craft-dagger-target { position:relative;z-index:100005!important;animation:tutorialCraftDaggerPulse .75s ease-in-out infinite alternate!important;box-shadow:0 0 0 3px #70efff,0 0 28px rgba(45,226,255,.85)!important; }
@keyframes tutorialCraftDaggerPulse { from{filter:brightness(1)} to{filter:brightness(1.25)} }