*
{
	margin: 0;
	padding: 0;
}
body
{
	display: flex;
	text-align:center;
	justify-content: center;
	align-items: center;
	/*min-height: 100vh;*/
	background: #222;
}
.clock
{
	width: auto;
	/* 旧: zoom: 2.5 (写死); 改为 JS 按视口连续计算的响应式缩放变量 */
	/* 用 zoom 而非 transform: scale：zoom 会影响布局流，可避免缩放后盖住下方日期 */
	zoom: var(--clock-scale, 2.5);
}
.flip-clock-dot
{
	background: #ccc;
	/*background: #ffffff;*/
}
.flip-clock-meridium a
{
    color: #ccc;
    /*color: #ffffff;*/
}
h1 {
    font-family: "Microsoft YaHei";
    /*font-family: "Helvetica Neue", Helvetica, sans-serif;*/
    /*font-family: sans-serif, Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;*/
    color: #ccc;
	text-align:center;
	/* 旧: zoom: 2.5 (写死); 改为随视口连续缩放的字号 */
	font-size: clamp(14px, 3.4vw, 42px);
	line-height: 1.4;
}
#box
{
	display: table;
}
#content 
{
	/*color: #fff;*/
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}