/* 阿莫比 — 物品資料庫（搜尋頁 /items、物品頁 /items/<編號>）
 * 品質顏色、說明框的字色照遊戲（ITEM_QUALITY_COLORS、說明框的白／綠／金／灰）。
 */
.q0{color:#9d9d9d}.q1{color:#fff}.q2{color:#1eff00}.q3{color:#0070dd}.q4{color:#a335ee}.q5{color:#ff8000}.q6{color:#e6cc80}.q7,.q8{color:#00ccff}

/* ---------- 搜尋頁：篩選 ---------- */
.ix-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px}
.ix-filters label{position:relative;display:flex;align-items:center;min-width:0}
.ix-filters label > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ix-filters .ix-q{grid-column:span 3}
.ix-filters input,.ix-filters select{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#100c09;color:var(--text);font:inherit;font-size:14px}
.ix-filters select{padding-right:6px;cursor:pointer}
.ix-filters input:focus-visible,.ix-filters select:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px}
.ix-filters input[type=search]{padding-left:12px}
.ix-filters .ix-range{gap:4px;padding-left:10px;border:1px solid var(--line);border-radius:7px;background:#100c09}
.ix-filters .ix-range > span{position:static;width:auto;height:auto;overflow:visible;clip:auto;flex:none;font-size:12.5px;color:var(--faint);white-space:nowrap}
.ix-filters .ix-range input{height:36px;padding:0 4px;border:0;background:transparent;text-align:center;-moz-appearance:textfield}
.ix-filters .ix-range input::-webkit-outer-spin-button,.ix-filters .ix-range input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ix-filters .ix-range i{flex:none;font-style:normal;color:var(--faint)}
.ix-filters .btn{height:38px;align-self:stretch}
.ix-filters .ix-more{display:none}
.ix-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:0 2px 8px;font-size:13.5px;color:var(--muted)}
.ix-bar b{color:var(--text)}
.ix-src{margin-left:auto;font-size:12px;color:var(--faint)}

/* ---------- 搜尋頁：結果 ---------- */
.ix-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.ix-list li + li{border-top:1px solid var(--line-soft)}
.ix-list a{display:grid;grid-template-columns:32px minmax(0,1fr) 72px 72px;align-items:center;gap:12px;padding:7px 14px}
.ix-list a:hover{background:rgba(201,163,91,.06);color:inherit}
.ix-list img{width:32px;height:32px;border-radius:5px;border:1px solid #3d3428;background:#0c0a08}
.ix-list .nm{display:flex;flex-direction:column;min-width:0}
.ix-list .nm b{font-weight:700;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-list .nm small{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-list .lv{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.ix-list .lv b{font-family:var(--latin);font-weight:700;font-size:15px;color:var(--text)}
.ix-list .lv small{font-size:11px;color:var(--faint)}
.ix-list li.empty{padding:22px 16px;text-align:center}
.b0{border-color:#5c5c5c!important}.b1{border-color:#8f8f8f!important}.b2{border-color:#1a9c00!important}.b3{border-color:#0060c0!important}
.b4{border-color:#7f2bbd!important}.b5{border-color:#c46200!important}.b6{border-color:#b39f63!important}.b7,.b8{border-color:#009cc2!important}
.ix-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:14px 0 0}
.ix-pager .gap{padding:0 2px;color:var(--faint)}

/* ---------- 物品頁 ---------- */
.it-head{align-items:flex-end}
.it-head h1{font-size:30px;line-height:1.25}
.it-sub a{color:var(--gold)}
.it-sub a:hover{color:var(--gold-hi)}
.it-search{display:flex;gap:8px;margin-left:auto}
.it-search input{width:220px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#100c09;color:var(--text);font:inherit;font-size:13.5px}
.it-grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:18px;align-items:start}
.it-side{display:grid;gap:14px;min-width:0}
.it-card .card-h{padding:13px 16px 8px}
.it-card .card-h h2{font-size:17px}
.it-card .card-b{padding:2px 16px 14px}

/* 遊戲說明框 */
.wtip{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}
.wt-ic img{width:56px;height:56px;border-radius:7px;border:2px solid #3d3428;background:#0c0a08}
.wt-ic.q0 img{border-color:#5c5c5c}.wt-ic.q1 img{border-color:#8f8f8f}.wt-ic.q2 img{border-color:#1a9c00}.wt-ic.q3 img{border-color:#0060c0}
.wt-ic.q4 img{border-color:#7f2bbd}.wt-ic.q5 img{border-color:#c46200}.wt-ic.q6 img{border-color:#b39f63}.wt-ic.q7 img,.wt-ic.q8 img{border-color:#009cc2}
.wt-body{padding:10px 13px 12px;border:1px solid #4a4436;border-radius:6px;background:linear-gradient(180deg,rgba(14,12,22,.97),rgba(8,8,14,.97));box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:14px;line-height:1.5;color:#fff}
.wl{overflow-wrap:anywhere;white-space:pre-line}
.wl:first-child{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:1px}
.wl.two{display:flex;justify-content:space-between;gap:12px}
.wl.two span:last-child{text-align:right;white-space:nowrap}
.wl.w{color:#fff}.wl.g{color:#1eff00}.wl.y{color:#ffd100}.wl.d{color:#808080}
.wl.d a{color:#9a9a9a}.wl.d a:hover{color:var(--gold-hi)}
.wl.d.self{color:#bdbdbd}
.wl.gap{height:8px}
.wl.sell{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
.coin{display:inline-flex;align-items:center;gap:3px;margin-right:2px;color:#fff;font-variant-numeric:tabular-nums}
.coin i{display:inline-block;width:10px;height:10px;border-radius:50%}
.coin.g i{background:radial-gradient(circle at 35% 35%,#fff3b0,#e2b43b 55%,#8a6414)}
.coin.s i{background:radial-gradient(circle at 35% 35%,#ffffff,#b9c0c8 55%,#6e757c)}
.coin.c i{background:radial-gradient(circle at 35% 35%,#ffd2b0,#c46f37 55%,#6e3712)}

/* 基本資料、套裝、製作 */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}
.facts div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}
.facts dt{color:var(--faint)}
.facts dd{margin:0;text-align:right;color:var(--text)}
.ilist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.il{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 0;font-size:13.5px}
.il img{width:28px;height:28px;flex:none;border-radius:5px;border:1px solid #3d3428;background:#0c0a08}
.il span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.il em{flex:none;margin-left:auto;font-style:normal;font-size:12.5px;color:var(--muted)}
.il.self span{text-decoration:underline;text-decoration-color:var(--line-gold);text-underline-offset:3px}
.bonus{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line-soft);display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
.bonus b{display:inline-block;min-width:42px;margin-right:6px;color:var(--gold-hi);font-weight:700}
.mk + .mk{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}
.mk-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px;font-size:14px}
.mk-h b{font-family:var(--serif);font-weight:700;color:var(--gold-hi)}
.mk-h span{font-size:12.5px;color:var(--faint)}
.mk-r{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0 0;font-size:12.5px;color:var(--faint)}
.it-note{margin:16px 0 28px;font-size:12.5px;line-height:1.7;color:var(--faint)}

@media (max-width:1079px){
  .ix-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ix-filters .ix-q{grid-column:span 4}
  .it-grid{grid-template-columns:minmax(0,1fr)}
  .it-main{max-width:520px}
}
@media (max-width:640px){
  /* 手機版：搜尋框旁邊一個「篩選條件」按鈕，按了才展開其他條件 */
  .ix-filters{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  .ix-filters .ix-q{grid-column:span 4}
  .ix-filters .ix-more{display:inline-flex;grid-column:span 2;height:36px}
  .ix-filters > label:not(.ix-q){grid-column:span 3}
  .ix-filters #ix-reset{grid-column:span 6;height:34px}
  .ix-filters:not(.open) > label:not(.ix-q),.ix-filters:not(.open) #ix-reset{display:none}
  .ix-filters input,.ix-filters select{height:36px;font-size:13.5px}
  .ix-filters .ix-range input{height:34px}
  .ix-list a{grid-template-columns:32px minmax(0,1fr) 52px;gap:10px;padding:7px 10px}
  .ix-list .rq{display:none}
  .ix-src{margin-left:0}
  .it-head h1{font-size:24px}
  .it-search{width:100%;margin-left:0}
  .it-search input{flex:1;width:auto}
  .wtip{grid-template-columns:44px minmax(0,1fr);gap:8px}
  .wt-ic img{width:44px;height:44px}
  .wt-body{padding:9px 11px 11px;font-size:13.5px}
  .it-card .card-h{display:flex;padding:12px 14px 6px}
  .it-card .card-h h2{white-space:normal}
  .it-card .card-b{padding:2px 14px 12px}
  .facts{gap:0 14px}
  .facts div{font-size:13px}
  .ilist{grid-template-columns:minmax(0,1fr)}
}