MediaWiki:Common.css：修订间差异

2026年7月16日 (四) 08:01的版本

/* ===== 游戏资讯 Tab ===== */
.gi-wrap input[type="radio"] { display: none; }

.gi-tabs { display: flex; gap: 4px; margin-bottom: 0; flex-wrap: wrap; }

.gi-tab {
  padding: 10px 18px; cursor: pointer; font-weight: bold;
  font-size: 1.05em; border-radius: 8px 8px 0 0;
  transition: all 0.3s ease; opacity: 0.6;
  border-bottom: 4px solid transparent; user-select: none;
}

.gi-tab-base { background: linear-gradient(135deg,#e3f2fd,#bbdefb); color: #0d47a1; }
.gi-tab-gear { background: linear-gradient(135deg,#fce4ec,#f8bbd9); color: #b71c1c; }
.gi-tab-skill { background: linear-gradient(135deg,#e8f5e9,#c8e6c9); color: #1b5e20; }
.gi-tab-event { background: linear-gradient(135deg,#fff3e0,#ffe0b2); color: #bf360c; }
.gi-tab-other { background: linear-gradient(135deg,#e0f7fa,#b2ebf2); color: #006064; }

#gi-base:checked ~ .gi-tabs label[for="gi-base"],
#gi-gear:checked ~ .gi-tabs label[for="gi-gear"],
#gi-skill:checked ~ .gi-tabs label[for="gi-skill"],
#gi-event:checked ~ .gi-tabs label[for="gi-event"],
#gi-other:checked ~ .gi-tabs label[for="gi-other"] {
  opacity: 1; border-bottom: 4px solid #333;
}

.gi-panels {
  background: rgba(255,255,255,0.85);
  border-radius: 0 0 8px 8px; padding: 16px 20px;
  min-height: 80px; line-height: 2;
}

.gi-panel { display: none; }

#gi-base:checked ~ .gi-panels #panel-base,
#gi-gear:checked ~ .gi-panels #panel-gear,
#gi-skill:checked ~ .gi-panels #panel-skill,
#gi-event:checked ~ .gi-panels #panel-event,
#gi-other:checked ~ .gi-panels #panel-other {
  display: block;
}