body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	
}

.city {
	width: 100%;
	position: fixed;
	bottom: 0rem;
	z-index: 100;
}

.city img {
	width: 100%;
}

.content {
	position: absolute;
	top: 50%;
	color: #c7f0ff;
	text-shadow: 0 0 10px #00aeec;
	font-weight: bold;
	font-size: 30px;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all 0.6s ease-in-out;
	z-index: 10;
}

.hide {
	opacity: 0;
	transform: scale(1);
}

.show {
	opacity: 1;
	/*transform: scale(1.2);*/
}

div#about-author{
	width:100%;
	background-color: black;
}

a{
	text-decoration-line: none;
	color: whitesmoke;
}

canvas{
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
    body { font-size: 14px; }
    .sidebar { display: none; }
}

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, "Microsoft YaHei", sans-serif;
        }

        .countdown {
            font-size: 24px;
            color: #333;
            margin-top: 20px;
        }
        .countdown span {
            display: inline-block;
            min-width: 40px;
            padding: 5px 10px;
            margin: 0 5px;
            background: #e74c3c;
            color: white;
            border-radius: 5px;
        }

       /* 响应式适配 */
        @media (max-width: 480px) {
            .countdown {
                font-size: 18px;
            }
            .countdown span {
                min-width: 30px;
                padding: 3px 8px;
            }
        }

html { font-size: 62.5%; } /* 浏览器默认字体大小是16px，62.5%即10px */
body { font-size: 14px; font-size: 1.4rem; }