a{text-decoration:none}
html,body{height:100%}
body{background-color:#000;margin:0;font-family:Helvetica,sans-serif;overflow:hidden}
a{color:#fff}

#info{
	position:absolute;
	width:100%;
	color:#fff;
	padding:5px;
	font-family:Monospace;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	z-index:1
}

#menu{
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	font-family:verdana,Tahoma,Arial,Hei,"Microsoft Yahei",SimHei;
	z-index:2
}

.element{
	width:120px;
	height:160px;
	box-shadow:0 0 12px rgba(0,255,255,0.5);
	border:1px solid rgba(127,255,255,0.25);
	text-align:center;
	cursor:default
}

.element:hover{
	box-shadow:0 0 12px rgba(0,255,255,0.75);
	border:1px solid rgba(127,255,255,0.75)
}

.element .number{
	position:absolute;
	top:20px;
	right:20px;
	font-size:12px;
	color:rgba(127,255,255,0.75)
}

.element .symbol{
	position:absolute;
	top:40px;
	left:0;
	right:0;
	font-size:60px;
	font-weight:bold;
	color:rgba(255,255,255,0.75);
	text-shadow:0 0 10px rgba(0,255,255,0.95)
}

.element .details{
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	font-size:12px;
	color:rgba(127,255,255,0.75);
	line-height:1.4
}

button{
	color:rgba(127,255,255,0.75);
	background:transparent;
	outline:1px solid rgba(127,255,255,0.75);
	border:0;
	padding:5px 10px;
	cursor:pointer
}

button:hover{
	background-color:rgba(0,255,255,0.5)
}

button:active{
	color:#000;
	background-color:rgba(0,255,255,0.75)
}

.element .details .cn{
	margin-top:2px;
	font-size:12px;
	color:rgba(127,255,255,0.75);
}

/* 备案信息 */
.beian{
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
	font-size:12px;
	color:rgba(127,255,255,0.5);
	z-index:1
}

.beian a{
	color:rgba(127,255,255,0.5);
	text-decoration:none
}

.beian a:hover{
	color:rgba(0,255,255,0.75);
	text-decoration:underline
}

.beian img{
	width:16px;
	vertical-align:middle;
	margin-right:4px
}

/* 移动端适配 */
@media (max-width: 768px) {
	#menu {
		bottom: 10px;
		padding: 5px;
	}
	
	#menu button { 
		margin: 2px; 
		padding: 4px 8px;
		font-size: 11px;
	}
	
	.element {
		width: 100px;
		height: 140px;
	}
	
	.element .symbol {
		top: 35px;
		font-size: 48px;
	}
	
	.element .number {
		top: 15px;
		right: 15px;
		font-size: 11px;
	}
	
	.element .details {
		bottom: 10px;
		font-size: 11px;
		padding: 0 5px;
	}
	
	.element .details .cn {
		margin-top: 1px;
		font-size: 11px;
	}
	
	/* 移动端隐藏备案信息 */
	.beian {
		display: none;
	}
	
	#info {
		font-size: 12px;
		padding: 3px;
	}
}