*{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
html{min-height:100%;margin:0}
body{
overflow-wrap:break-word;
background-color:#333;
color:#fff;
width:100%;
height:100%;
margin:0 auto;
}
a{color:#00b0ff;text-decoration:none}
p{padding:5px 0px 5px}
img{pointer-events:none}
iframe{width:630px;height:327px;margin:10px 0;border-radius:10px}
.cover iframe{width:630px;height:500px}
header{
position: fixed;
top:0;
left:0;
display:flex;
height:50px;
width:calc(100% - 30px);
background-color:#ffd;
padding:10px 15px;
color:#000;
border-radius:0 0 25px 25px;
}
header *{
margin:0 20px 0 0;
height:50px;
line-height:50px;
font-size:30px;
display:block;
}
footer{padding:5px 0px 10px}
.cover{
color:#000;
background-color:#ffd;
height:800px;
border-radius:25px;
}
.main{
color:#fff;
background-color:#333;
padding-top:30px;
}
.tiktok-head{content:url("douyin.svg");margin-top:10px;width:40px;height:auto}
.twitter{content:url("twttr.svg");margin:10px;width:50px;height:auto}
.youtube{content:url("yt.svg");margin:10px;width:50px;height:auto}
.nicovideo{content:url("nico.svg");margin:10px;width:50px;height:auto;margin-left:15px}
.tiktok{content:url("douyin.svg");width:62px;height:auto;margin:-2px;margin-right:10px}
@media only screen and (max-width:700px){
iframe{width:90%}.cover iframe{width:90%}}
@media only screen and (max-height:800px){
.cover iframe{height:calc(100vh - 380px)}.cover{height:calc(100vh + 100px)}}
@media only screen and (max-height:650px){
.cover{height:750px}.cover iframe{height:270px}}
@media only screen and (max-width:300px){
body{width:300px}}
@media print{body{width:100%}iframe{opacity:0}}
