._addText {
content: "{{T:Doc|content={{High-risk|info=此樣式表為{{tl|盲盒派對}}模板的重要組成結構,操作不當會導致大量內容顯示異常。}}此CSS樣式表用於對[[Template:盲盒派對/學員]]的“鼠標移入放大圖標”效果提供複雜樣式,由於該樣式在單一模板的使用量龐大,修改需要謹慎。}}";
}
/*
* 盲盒派對角色模板樣式表
* 實現了Q版頭像的懸浮放大效果和整體佈局
*/
/* 主容器 */
.gachaparty-char-container {
display: inline-flex;
align-items: center;
position: relative; /* 設為相對定位,作為Q版頭像絕對定位的基準 */
height: 32px; /* 給一個固定的高度 */
padding-left: 34px; /* 在左側留出空間給Q版頭像 */
vertical-align: middle; /* 與其他行內元素垂直對齊 */
}
/* Q版頭像鏈接容器 */
.gachaparty-char-q-avatar {
position: absolute; /* 絕對定位 */
left: 0;
top: 50%;
transform: translateY(-50%); /* 精確垂直居中 */
width: 30px;
height: 30px;
transition: transform 0.2s ease-in-out, z-index 0.2s; /* 平滑過渡效果 */
z-index: 5; /* 提高層級 */
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
padding: 1px;
box-sizing: border-box;
}
/* 設置Q版圖片大小 */
.gachaparty-char-q-avatar img{
width: 28px;
height: 28px;
}
/* 鼠標懸浮在主容器上時,Q版頭像的變化 */
.gachaparty-char-container:hover .gachaparty-char-q-avatar {
transform: translate(-5px, -50%) scale(3); /* 向上向左移動一點並放大3倍 */
z-index: 10; /* 提升層級,確保在最上層顯示 */
}
/* 定位圖標的容器 */
.gachaparty-char-role-icon {
display: flex;
justify-content: center;
align-items: center;
width:28px;
height: 28px;
border-radius: 50%; /* 圓形 */
margin-right: 4px; /* 與角色名稱拉開距離 */
box-shadow: inset 0 0 4px rgba(0,0,0,0.2); /* 添加內陰影增加質感 */
}
/* 定位圖標稀有度背景 */
.gachaparty-char-role-icon.SP {
/**/
background: linear-gradient(180deg, #FF553D, #FFA628);
}
.gachaparty-char-role-icon.SSR {
background-color: #FFA628;
}
.gachaparty-char-role-icon.SR {
background-color: #CB2DFF;
}
.gachaparty-char-role-icon.R {
background-color: #5692FF;
}
.gachaparty-char-role-icon.Unknown {
background-color: gray;
}
/* 修改span使定位圖標完全居中 */
.gachaparty-char-role-icon span {
line-height: 0;
}
/* 讓表格的第三列(技能描述列)內容左對齊 */
.wikitable.col3-left tr > td:nth-child(3) {
text-align: left;
}
/* 角色立繪模板適配vector skin */
.responsive-image-tabs img {
max-width: 100%;
height: auto;
}
/* [[Category:在模板命名空間下的CSS頁面]] */