查看“模板:乘员图鉴”的源代码

<includeonly>{{JS|RoleSlider}}{{JS|Tab}}{{#invoke:数据库调用-乘员|Role|name={{{1|}}}}}{{#set:
 |角色名={{{1|}}}
 |稀有度={{#var:稀有度}}
 |性别={{#var:性别}}
 |站位{{#var:站位}}
 |英文名={{#var:英文名}}
}}__NOTOC__<!--pc端显示------------------------------------------------------------------------	\\
--><div class=role>{{页签|开始|总页签类=visible-md visible-lg|键父类=select-parent select-head}}
{{页签|键|简讯|预设=是|新增类=head-btn}}
{{页签|键|初始立绘|新增类=head-btn}}
{{#if:{{#var:共振5名称}}|{{页签|键|振5立绘|新增类=head-btn}}}}
{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤@@@|}}}|{{页签|键|{{{皮肤@@@|}}}|新增类=head-btn}}|}}||}}
{{页签|内容开始}}
<div class="resp-tab-content" style="display: block;">
<div class="role-head">
	<div class="rh-bg">[[file:乘员页头图-背景.png|link=]]</div>
	<div class="rh-portrait" style="{{{简讯立绘style|}}}">[[file:{{{1|}}}-基础立绘-简讯.png|link=]]</div>
	<div class="rh-info">
		<div class="hInfo rhi-Icon">[[file:势力图标-{{#var:势力}}.png|120px|link=分类:乘员-{{#var:势力}}]]</div>
		<div class="hInfo rhi-base">
			<div class="rhi-name">{{{1|}}}</div>
			<div class="rhi-engName">{{#var:英文名}}</div>
			<div class="hInfo rhi-rarity">[[file:稀有度图标-{{#var:稀有度}}.png|{{#switch:{{#var:稀有度}}
            |SSR=80px
			|SR=70px
            |#default=50px
            }}|link=分类:乘员-{{#var:稀有度}}]]</div>
			<div class="hInfo rhi-stanrow">[[file:站位图标-{{#var:站位}}.png|link=分类:乘员-{{#var:站位}}]]</div>
			<div class="hInfo">{{#var:站位}}</div>
		</div>
----
		<div class="hInfo il-L">生&emsp;&emsp;日:</div><!--	--><div class="hInfo il-R">{{#var:生日}}&nbsp;</div><br>
		<div class="hInfo il-L">性&emsp;&emsp;别:</div><!--	--><div class="hInfo il-R">{{#var:性别}}&nbsp;</div><br>
		<div class="hInfo il-L">身&emsp;&emsp;高:</div><!--	--><div class="hInfo il-R">{{#var:身高}}&nbsp;</div><br>
		<div class="hInfo il-L">出&ensp;身&ensp;地:</div><!--	--><div class="hInfo il-R">{{#var:出身地}}&nbsp;</div><br>
		<div class="hInfo il-L">现&ensp;身&ensp;份:</div><!--	--><div class="hInfo il-R">{{#var:现身份}}&nbsp;</div><br>
		<div class="hInfo il-L">升构能力:</div><!--				--><div class="hInfo il-R">{{#var:升构能力}}&nbsp;</div><br>
----
		<div class="rhi-self-introduce">{{#var:自我介绍}}</div>
	</div>
</div>
</div>
{{页签|内容|[[file:{{{1|}}}-基础立绘.png|1024px]]|新增类=portrait-add portrait-2}}
{{#if:{{#var:共振5名称}}|{{页签|内容|[[file:{{{1|}}}-五振立绘.png|1024px]]|新增类=portrait-add portrait-3}}}}
{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤@@@|}}}|{{页签|内容|[[file:{{{1|}}}-{{{皮肤@@@|}}}.png|1024px]]|新增类=portrait-add head-btn}}|}}||}}
{{页签|结束}}
<!--移动端显示------------------------------------------------------------------------ -->
{{页签|开始|总页签类=rh-select-and visible-xs visible-sm |键父类=select-parent select-head}}
{{页签|键|初始立绘|预设=是|新增类=head-btn}}
{{#if:{{#var:共振5名称}}|{{页签|键|振5立绘|新增类=head-btn}}}}
{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤@@@|}}}|{{页签|键|{{{皮肤@@@|}}}|新增类=head-btn}}|}}||}}
{{页签|内容开始}}
<div class="resp-tab-content portrait-and" style="display: block;">[[file:{{{1|}}}-基础立绘.png|512px|link=]]</div>
{{#if:{{#var:共振5名称}}|{{页签|内容|[[file:{{{1|}}}-五振立绘.png|512px]]|新增类=portrait-2}}}}
{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤@@@|}}}|{{页签|内容|[[file:{{{1|}}}-{{{皮肤@@@|}}}.png|512px]]|新增类=head-btn}}|}}||}}
{{页签|结束}}
<h2 class="role-head2 visible-xs visible-sm">基础信息<span class="little-tile">Replenish Info</span></h2>
{| class="wikitable visible-xs visible-sm" style="text-align:left;width:100%"
|-
!style=" width:30%"|名称
|{{{1|}}}
|-
!英文名
|{{#var:英文名}}
|-
!生日
|{{#var:生日}}
|-
!性别
|{{#var:性别}}
|-
!身高
|{{#var:身高}}
|-
!出身地
|{{#var:出身地}}
|-
!现身份
|{{#var:现身份}}
|-
!升构能力
|{{#var:升构能力}}
|-
!中文声优
|{{#var:中文声优}}
|-
!日文声优
|{{#var:日文声优}}
|-
!标签
|{{#var:标签}}
|-
!特长
|{{#var:特长}}
|-
!喜爱
|{{#var:喜爱}}
|-
!厌恶
|{{#var:厌恶}}
|}
<div class="row"><div class="col-sm-8">
<h2 class="role-head2">属性<span class="little-tile">Property</span></h2>
<div class="property-value" data-base="{{#var:数值-基础|}}" data-growth="{{#var:数值-成长|}}" data-tacit="{{#var:数值-默契|}}">
{|class="wikitable property-table" style="text-align:left;width:100%"
|-
!colspan=4|基础数值
|- 
!style=" width:12.5%"|等级||生命||攻击||防御
|}
<div class="drop-down-wrap property-wrap">
	<div class="wrap-title property-title1"><div>显示关键等级节点(点击展开)</div></div>
	<div class="wrap-content" style="display: none">
{|class="wikitable property-table" style="text-align:left;width:100%"
|-
<tr><th style=" width:12.5%">Lv1</th>	{{#arraymap:{{#var:等级1数值}}|,|@@@|<td>@@@</td>|}}</tr>
<tr><th>Lv7</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=等级|level=7}}	</tr>
<tr><th>Lv14</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=等级|level=14}}	</tr>
<tr><th>Lv21</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=等级|level=21}}	</tr>
<tr><th>Lv28</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=等级|level=28}}	</tr>
<tr><th>Lv35</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=等级|level=35}}	</tr>
|}
	</div>
</div>
{|class="wikitable property-table" style="text-align:left;width:100%"
|-
<tr><th style=" width:12.5%">Lv70</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=等级|level=70}}</tr>
|}
<div class="drop-down-wrap property-wrap">
	<div class="wrap-title property-title1"><div>显示默契加值(点击展开)</div></div>
	<div class="wrap-content" style="display: none">
{|class="wikitable property-table" style="text-align:left;width:100%"
|-
<tr><th style=" width:12.5%">Lv1</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=1}}	</tr>
<tr><th>Lv2</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=2}}	</tr>
<tr><th>Lv3</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=3}}	</tr>
<tr><th>Lv4</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=4}}	</tr>
<tr><th>Lv5</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=5}}	</tr>
<tr><th>Lv6</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=6}}	</tr>
<tr><th>Lv7</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=7}}	</tr>
<tr><th>Lv8</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=8}}	</tr>
<tr><th>Lv9</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=9}}	</tr>
<tr><th>Lv10</th>	{{#invoke:数据库调用-乘员|GetValueLine|type=默契|level=10}}	</tr>
|}
	</div>
</div>
</div>
<a id="skill"></a>
<h2 class="role-head2">技能<span class="little-tile">Skill</span></h2>
<div class="TabContainer" style="margin: 10px 0 0;">
	<ul class="select-sklist">
		<i></i><i></i><i></i><i></i>
		<li class="tab_li active"><span class="tab-panel">简讯</span></li>
		<li class="tab_li"><span class="tab-panel">[[file:{{{1|}}}-{{#var:技能1}}.png|30px|link=]]<br>{{#var:技能1}}</span></li>
		<li class="tab_li"><span class="tab-panel">[[file:{{{1|}}}-{{#var:技能2}}.png|30px|link=]]<br>{{#var:技能2}}</span></li>
		<li class="tab_li"><span class="tab-panel">[[file:{{{1|}}}-{{#var:得意技能}}.png|30px|link=]]<br>{{#var:得意技能}}</span></li>
		<i></i><i></i><i></i><i></i>
	</ul>
	<div class="Contentbox2">
		<div class="tab_con active">{{#invoke:数据库调用-乘员|Skill|name={{#var:技能1}}|type=简}}{{#invoke:数据库调用-乘员|Skill|name={{#var:技能2}}|type=简}}{{#invoke:数据库调用-乘员|Skill|name={{#var:得意技能}}|type=简}}</div>
		<div class="tab_con">{{#invoke:数据库调用-乘员|Skill|name={{#var:技能1}} }}</div>
		<div class="tab_con">{{#invoke:数据库调用-乘员|Skill|name={{#var:技能2}} }}</div>
		<div class="tab_con">{{#invoke:数据库调用-乘员|Skill|name={{#var:得意技能}} }}</div>
	</div>
</div>
<h2 class="role-head2">共振<span class="little-tile">Resonance</span></h2>
{{页签|开始|键父类=select-parent select-reslist}}
<i></i><i></i>
{{页签|键|共振详情|预设=是|新增类=resBtn}}
{{页签|键|提升需求|新增类=resBtn}}
<i></i><i></i>
{{页签|内容开始}}<div class="resp-tab-content"></div><div class="resp-tab-content"></div>
{{页签|内容|
{{乘员图鉴/培养|{{{1|}}}|共振|{{#var:共振1名称}}|{{#var:共振1描述}}|{{#var:生活技能1名称}}|{{#var:生活技能1描述}}}}
{{乘员图鉴/培养|{{{1|}}}|共振|{{#var:共振2名称}}|{{#var:共振2描述}}}}
{{乘员图鉴/培养||共振|生机|生命值+10%}}
{{乘员图鉴/培养|{{{1|}}}|共振|{{#var:共振4名称}}|{{#var:共振4描述}}|{{#var:生活技能2名称}}|{{#var:生活技能2描述}}}}
{{#switch:{{#var:稀有度}}
|N|R= 
|#default={{乘员图鉴/培养|{{{1|}}}|共振|{{#var:共振5名称}}|{{#var:共振5描述}}|{{#var:生活技能+名称}}|{{#var:生活技能+描述}}}}
}}
|预设=是|}}
{{页签|内容|
{{乘员图鉴/共振需求|{{#var:稀有度}}}}
}}
{{页签|结束}}
<h2 class="role-head2">觉醒<span class="little-tile">Awakening</span></h2>
{{乘员图鉴/培养|{{{1|}}}|觉醒|{{#var:觉醒1名称}}|{{#var:觉醒1描述}}}}
{{乘员图鉴/培养|{{{1|}}}|觉醒|{{#var:觉醒2名称}}|{{#var:觉醒2描述}}}}
{{乘员图鉴/培养||觉醒|{{#var:觉醒3名称}}|{{#var:觉醒3描述}}}}
{{乘员图鉴/培养||觉醒|{{#var:觉醒4名称}}|{{#var:觉醒4描述}}}}
{{乘员图鉴/培养|{{{1|}}}|觉醒|{{#var:觉醒5名称}}|{{#var:觉醒5描述}}}}
</div><div class="col-sm-4">
<h2 class="role-head2 visible-md visible-lg">基础信息<span class="little-tile">Replenish Info</span></h2>
{| class="wikitable visible-md visible-lg" style="text-align:left;width:100%"
|-
!style=" width:30%"|中文声优
|{{#var:中文声优}}
|-
!日文声优
|{{#var:日文声优}}
|-
!标签
|{{#var:标签}}
|-
!特长
|{{#var:特长}}
|-
!喜爱
|{{#var:喜爱}}
|-
!厌恶
|{{#var:厌恶}}
|}
<h2 class="role-head2">大头贴<span class="little-tile">Photo Sticker</span></h2>
{{#if:{{{皮肤1|}}}|{{页签|开始|键父类=select-parent sticker-select-head}}{{页签|键|默认|预设=是|新增类=head-btn}}|}}{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤@@@|}}}|{{#ifeq:{{{皮肤@@@大头贴|有}}}|无||{{页签|键|{{{皮肤@@@|}}}|新增类=head-btn}}}}|}}||}}{{#if:{{{皮肤1|}}}|{{页签|内容开始}}}}
<div class="{{#if:{{{皮肤1|}}}|resp-tab-content}} role-Sticker">
{{#arraymap:{{#invoke:数列|等差数列|终点={{{大头贴数量|4}}}}}|,|@@@|<div>[[file:{{#var:英文名}} Sticker@@@.png|200px]]</div>||}}</div>{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤@@@|}}}|{{#ifeq:{{{皮肤@@@大头贴|有}}}|无||{{页签|内容|{{#arraymap:{{#invoke:数列|等差数列|终点={{{皮肤@@@大头贴数量|4}}}}}|,|&&&|<div>[[file:{{{皮肤@@@|}}}-&&&.png|200px]]</div>||}}|新增类=role-Sticker portrait-add}}}}|}}||}}{{#if:{{{皮肤1|}}}|{{页签|结束}}}}
<h2 class="role-head2">便当<span class="little-tile">Bento</span></h2>
<div class="bento-box">
	<div class="bento-in bento-bg">[[File:便当-背景.png|link=]]</div>
	<div class="bento-in bento-headmask">[[File:便当-头像遮罩.png|link=]]
	<div class="bento-in bento-icon">[[file:{{#var:便当}}.png|100px|link=]]</div></div>
	<div class="bento-in bento-name">{{#var:便当}}</div>
	<div class="bento-in bento-value">[[file:疲劳值.png|link=]]&ensp;+{{#var:便当加值}}</div>
	<div class="bento-in bento-info">{{#var:便当便签}}</div>
	<div class="bento-in bento-validity">保质期：&ensp;[[File:便当-保质期.png|30px|link=]]&ensp;{{#var:便当保质期}}天</div>
</div>
{{#if:{{{信物名|}}}|<h2 class="role-head2">信物<span class="little-tile">Keepsake</span></h2>
<div class="keepsake-box">
	<div class="keepsake-img">{{图标|{{{信物名|}}}|大}}</div>
	<div class="keepsake-info">
		<div class="name">{{{信物名|}}}</div>
			<div class="info-main">{{{信物介绍|}}}</div>
		</div>
</div>
}}
<h2 class="role-head2 role-record">角色档案<span class="little-tile">Record</span></h2>
<div class="drop-down-wrap record-wrap" style="">
	<div class="wrap-title record-title"><div class="story-title">经历<span class="little-tile">Resume</span></div></div>
	<div class="wrap-content record-content" style="display: block">{{#var:经历}}&nbsp;</div>
</div>
<div class="drop-down-wrap record-wrap" style="{{#ifeq:{{#var:档案1}}||display: none;}}">
	<div class="wrap-title record-title"><div class="story-title">档案1</div></div>
	<div class="wrap-content record-content" style="display: none">{{#var:档案1}}&nbsp;</div>
</div>
<div class="drop-down-wrap record-wrap" style="{{#ifeq:{{#var:档案2}}||display: none;}}">
	<div class="wrap-title record-title"><div class="story-title">档案2</div></div>
	<div class="wrap-content record-content" style="display: none">{{#var:档案2}}&nbsp;</div>
</div>
<div class="drop-down-wrap record-wrap" style="{{#ifeq:{{#var:档案3}}||display: none;}}">
	<div class="wrap-title record-title"><div class="story-title">档案3</div></div>
	<div class="wrap-content record-content" style="display: none">{{#var:档案3}}&nbsp;</div>
</div>
<div class="drop-down-wrap record-wrap" style="{{#ifeq:{{#var:档案4}}||display: none;}}">
	<div class="wrap-title record-title"><div class="story-title">档案4</div></div>
	<div class="wrap-content record-content" style="display: none">{{#var:档案4}}&nbsp;</div>
</div>
<div class="drop-down-wrap record-wrap" style="{{#ifeq:{{#var:更新档案}}||display: none;}}">
	<div class="wrap-title record-title"><div class="story-title">更新档案</div></div>
	<div class="wrap-content record-content" style="display: none">{{#var:更新档案}}&nbsp;</div>
</div>
</div>
<div class="col-sm-12">
<h2 class="role-head2">额外内容<span class="little-tile">Audio Clip</span></h2>
{{#ifexist:{{SUBJECTPAGENAME}}/额外内容|<span class="plainlinks hyperlink" style="font-size:11pt;font-weight:bold">[{{fullurl:{{SUBJECTPAGENAME}}/额外内容|action=edit&redlink=1}} 在此处可以更新额外内容…]</span><br>{{:{{SUBJECTPAGENAME}}/额外内容}}|<span class="plainlinks hyperlink" style="font-size:11pt;font-weight:bold;">[{{fullurl:{{SUBJECTPAGENAME}}/额外内容|action=edit&redlink=1}} 在此处创建额外内容(例如装备推荐等)…]</span>}}
<h2 class="role-head2">音频<span class="little-tile">Audio Clip</span></h2>
<div class="drop-down-wrap audio-wrap" style="">
	<div class="wrap-title audio-title"><div class="story-title">点击此处隐藏音频</div></div>
	<div class="wrap-content audio-content" style="display: block">{{乘员图鉴/音频}}&nbsp;</div>
</div>
	{{#arraymap:{{#invoke:数列|等差数列|终点=99}}|,|@@@|{{#if:{{{皮肤语音@@@|}}}|<div class="drop-down-wrap audio-wrap" style=""><div class="wrap-title audio-title"><div class="story-title">{{{皮肤语音@@@|}}}</div></div><div class="wrap-content audio-content" style="display: block">{{乘员图鉴/皮肤音频|{{{皮肤语音@@@|}}}}}&nbsp;</div></div>|}}||}}
</div>
</div>
</div>
[[分类:乘员]][[分类:乘员-{{#var:势力}}]][[分类:乘员-{{#var:站位}}]][[分类:乘员-{{#var:稀有度}}]][[分类:乘员-{{#var:性别}}]]
{{#CSS:
<!--头部文件-->
.role-head{
	color: white;
	Overflow: hidden;
	position: relative;
	border: 2px solid #000000;
	border-radius: 10px;
}
.rh-portrait ,.rh-info ,.rhi-base{	position: absolute;}
.rh-portrait{
    top: 0;
    left: 0%;
    width: 60%;
}
.portrait-and{}
.portrait-add img{width:100%;}
.rh-select-and{background: #ffffff12;}
.rh-bg{}
.rh-info{
	top: 24px;
	right: 24px;
	width: 40%;
}
.rh-info > hr{	margin:10px 0;}
.hInfo{	display: inline-block;}
.rhi-base{	padding-left: 10px}
.rhi-Icon{ height: 135px;}
.rhi-name{
	font-family: Simsun;
	font-weight: bold;
	font-size: 60px;
	margin: -25px 0;
	text-shadow: -6px -4px 1px #00000057;
}
.rhi-rarity{	margin-left: -8px;}
.rhi-stanrow{	width: 55px;}
<!--二级标题-->
.role-head2{
	color: white;
	margin: 10px 0;
	padding-left: 10px !important;
	background: #00000052;
}
.il-L{
	background: #00000099;
	padding: 0 10px;
	margin: 2px 10px 2px 0;}
.il-R{
	background: #00000054;
	margin: 2px 20px 2px 0;
	padding: 0 10px;
	width: 50%;
}
<!--二级标题-->
.little-tile{
	font-size: 10px;
	padding-left: 8px;
	display: inline-block;
}
<!--二级标题后的小文本-->
.rhi-self-introduce{
	bottom: 24px;
	left: 48%;
	background: #0000004d;
	padding: 6px 20px;
	border: 1px solid #ffffff;
	border-radius: 10px;
}
<!--表格样式-->
.wikitable {
	background-color: #58585836;
	border: 0.8px solid #2D2D26;
	color: #F0F0F0;
}
.wikitable>tr>th,.wikitable>*>tr>th {
	background-color: rgb(44 44 44 / 80%);
	color: #f2f2f2;
}
.wikitable>tr>th,.wikitable>tr>td,.wikitable>*>tr>th,.wikitable>*>tr>td {	border: 0.8px solid #000;}
<!--页签-->
.property-table{
	text-align: left;
	width: 100%;
	margin: 0 0;
}
.property-wrap{margin-bottom: -2px;}
.property-title1 {
	height: 36px!important;
	background: #222;
	color: white;
	border: 1px solid #161616;
	border-width: 2px 4px;
	text-align: center;
	font-weight: bold;
}
.select-parent{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sticker-select-head {	display: flex;justify-content: flex-start;}
.sticker-select-head li {width: 118px;}

.select-head{	display: flex;justify-content: flex-start;}
.select-head li {width: 150px;}
.bento-box{	
	color:white;
	height:356px;	position: relative;
}
.bento-in {	position:	absolute;}
.bento-headmask{
	width: 124px;
	top: 7px;
	right: 7px;
    display:flex;
    justify-content:center;
	align-items:center;
}
.bento-icon{}
.bento-name{
	color: #575656;
	top: 31px;
	left: 49px;
	font-size: 24px;
	font-weight: bold;
}
.bento-value{
	left:90px;
	top: 90px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.bento-validity{
	top: 293px;
	right: 20px;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
}
.bento-info{
	top: 152px;
	left: 15%;
	width: 75%;
	color: #545454;
	font-weight: bold;
	line-height: 30px;
	font-size: 18px;
}
@media (max-width: 768px){
    .bento-box {
        width: 100%;
        height: 390px;
    }
    .bento-headmask {
        width: 35%;
        top: 3%;
    }
	.bento-name {
		top: 10%;
		left: 12%;
    }
	.bento-value {
		left: 24%;
		top: 26%;
	}
	.bento-info {
		top: 40%;
		left: 13%;
		width: 80%;
	}
	.bento-validity {
		top: 82%;
		right: 5%;
	}
}
.tab-panel{width: 100%!important;height: 100%!important;}
@media (max-width: 991px){
.select-head li {	width: 70px;}
}
.select-sklist li ,.select-sklist i {width: 24%;}
.select-reslist li ,.select-reslist i {width: 49%;}
.awakenBtn{width: 19%!important;}
.record-wrap{	margin-bottom: 10px;}
.record-title,.record-content{	border: 2px solid #000000b3;}
.record-title{
	font-size: 20px;
	border-width: 6 2 2 4;
	border-radius: 16px 0 16px 0;
	padding: 4px 10px;
	}
.reson-title{
	font-size: 16px;
	border-radius: 0;
}
.audio-title{
    height: 40px!important;
    margin-bottom: 6px;
    border-radius: 4px;
    background: #00000075;
    text-align: center;
    font-size: 15px;
}
.record-content{	
	border-width: 0 0 4px 0;
	padding: 10px;
	}
.hyperlink a.external{	color:#6bf	}
.role-Sticker{display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
.role-Sticker div{width: 48%;
	margin: 1% 0;
	border: 4px solid #b5b5b573;
	display: inline-block;
}
.role-Sticker-add{display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
.role-Sticker-add div{width: 48%;
	margin: 1% 0;
	border: 4px solid #b5b5b573;
	display: inline-block;
}
.res-need{}
.res-need > div{
	position: relative;
    padding: 0 20px 0px 10px;
    height: 110px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border: 1px solid gray;
}
.res-need .res-head,.res-need .res-info{display: inline-flex;}
.res-need .res-head{font-weight: bold;	font-size: 20px;}
.res-need .res-info{text-align: right;}
.res-box1,.res-box2{
position: absolute;
    border: 0px solid #ddd;}
.res-box1{
	left: -2px;
    top: -2px;
    border-width: 4px 0px 0px 4px;
    width: 30%;
    height: 30%;}
.res-box2{    
	bottom: -2px;
    right: -2px;
    border-width: 0px 4px 4px 0px;
    width: 30%;
    height: 30%;
}
label{width:100%}
@media (max-width: 768px){
.res-need > div{ 
	flex-wrap: wrap;
	height: 150px;
    padding: 0 4px;
}
.icon-m {
    width: 62px;
    height: 62px;
}
}
.keepsake-info .rarity{
	margin-bottom: -10px;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
}
.keepsake-info .sort{
	margin-bottom: -10px;
}
.keepsake-info .name{
	font-size: 24px;
	font-weight: bold;
	color: white;
}

.keepsake-info .base-attr, .info-main{
	box-shadow: 0 0 5px #0009;
	background-color: #00000030;
	border: 1px solid #000000a1;
	border-radius: 6px;
	margin-bottom: 10px;
}
.keepsake-info .base-attr{
	padding: 10px;
	font-weight: bold;
	font-size: 16;
}
.keepsake-img{
    height:331.66px;
}
.keepsake-box{
	padding: 0 15px 10px 10px;
}
.info-main{
	padding: 10px;	
}

.select-sklist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.select-sklist i{
    width: 24%;
}
.tab_li{
    list-style: none;
    width: 24%;
    margin-bottom: 10px;
    text-align: center;
    border-left: 0px solid rgba(0, 0, 0, 0.16);
    float: left;
    background: #404040;
    border: 1px solid #404040;
}
.tab-panel{
    width:100%;
}
li.tab_li:hover,
li.tab_li.active .tab-panel,.tab-panel:hover{
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: black;
    text-align: center;
    font-weight: bold;
    background: #fff
}
.tab_con { display: none; }
.tab_con.active { display: block; }
.TabContainer ul { margin-left: 0; }
}}
</includeonly><noinclude>{{乘员图鉴|达斯廷|大头贴数量=1|皮肤1=旧宅的油画|皮肤1大头贴数量=1}}{{doc}}[[分类:模板]]</noinclude>