/* m2-assets.css — M2-13「我的资产」页面。只样式，不写逻辑。 */
.asset-page {
  position: fixed; inset: 0; z-index: 80; display: flex; align-items: center; justify-content: center;
  background: rgba(8, 10, 18, 0.62); padding: 24px;
}
.asset-page.hidden { display: none; }
.asset-panel {
  width: min(880px, 96vw); max-height: 86vh; overflow: auto; border-radius: 16px;
  background: var(--v8-panel); color: var(--v8-text); border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45); padding: 20px;
}
.asset-head { display: flex; align-items: center; gap: 12px; }
.asset-head h2 { margin: 0; font-size: 20px; }
.asset-demo { font-size: 12px; padding: 2px 8px; border-radius: 999px; background: rgba(226, 193, 140, 0.18); color: var(--v8-gold); }
.asset-head .btn-secondary { margin-left: auto; }
.asset-tabs { display: flex; gap: 8px; margin: 16px 0 12px; flex-wrap: wrap; }
.asset-tab { border: 1px solid rgba(255, 255, 255, 0.16); background: transparent; color: inherit; border-radius: 999px; padding: 6px 12px; cursor: pointer; }
.asset-tab.active { background: var(--v8-gold); color: var(--v8-bg); border-color: var(--v8-gold); }
.asset-capacity { font-size: 12px; color: var(--v8-muted); margin-bottom: 12px; }
.asset-bar { height: 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); overflow: hidden; margin-bottom: 6px; }
.asset-bar-fill { height: 100%; width: 0; background: var(--v8-gold); transition: width 160ms ease; }
.asset-search { width: 100%; box-sizing: border-box; margin-bottom: 12px; padding: 8px 10px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.16); background: var(--v8-bg); color: inherit; }
.asset-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.asset-item { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; }
.asset-item:hover, .asset-item:focus { border-color: var(--v8-gold); outline: none; }
.asset-thumb { font-size: 26px; line-height: 1; }
.asset-name { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-meta { color: var(--v8-muted); font-size: 11px; }
.asset-empty { color: var(--v8-muted); padding: 18px 0; }
.asset-empty.hidden { display: none; }
#asset-more { margin-top: 12px; }