Genshin后室原神音乐电台1

+ 版式代码

:root {
 --theme-base: "black-highlighter";
    --theme-id: "backcore-magezine";
    --theme-name: "Backrooms Core Journal Theme";
 
    /* Header */
       --logo-image: url("https://s1.ax1x.com/2022/08/11/vGgOzQ.png");
       --header-title: "后室核心期刊";
       --header-subtitle: "核心，科技。";
 
  /* 标准色 */
    --white-monochrome: 255, 255, 255;
    /* 白色 */
    --very-light-gray-monochrome: 56, 116, 248;
    /* 次强调色（应用于杂项） */
    --light-gray-monochrome: 135, 170, 230;
    /* 次强调色（登录时） */
    --gray-monochrome: 0, 0, 0;
    /* 灰色 */
    --black-monochrome: 0, 0, 0;
    /* 黑色 */
    --medium-accent: 0, 0, 136;
    /* 蓝色*/
    --dark-accent: 0, 0, 136;
    /* 深蓝色 */
    --dark-gray-monochrome: 0, 0, 136;
 
/* 评分模块颜色 */
   --rating-module-button-plus-color: var(--dark-accent);
   --rating-module-button-negative-color: var(--dark-accent);
   --rating-module-button-cancel-color: var(--dark-accent);
   --rating-module-button-credit-color: var(--black-monochrome);
 
/* 链接颜色 */
   --link-color: 0, 0, 136;
   --hover-link-color: 0, 0, 136;
   --visited-link-color: 0,0,0;
   --newpage-color: 68,0,136;
 
    /* 背景与网站标题色 */
    --background-gradient-color: var(--light-gray-monochrome);
    --header-gradient-color-bottom: var(--white-monochrome);
    --header-gradient-color-middle: var(--white-monochrome);
    --header-gradient-color-top: var(--white-monochrome);
 
    /* 主要主题色 */
    --swatch-background: var(--light-gray-blacmonochrome);
    --swatch-primary: var(--white-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
}
 
/* 版头 */
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   background-image: var(--logo-image);
   opacity: 0.25;
}
 
#header h1 a::before, #header h2 span::before {
   color: #000088;
   text-shadow: none;
}
 
body::after {
    content: "";
    background-image: none;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: -1;
}
 
#skrollr-body {
  background-image: none;
  background-color: white;
}
 
::-webkit-scrollbar {
   width: 10px;
   height: 10px;
   background-color: rgb(var(--white-monochrome)) !important;
   box-sizing: border-box;
}
 
::-webkit-scrollbar-thumb {
background-color: #000088;
}
 
#container {
  background-image: none;
}
 
#login-status a {
color: black
}
 
#login-status {
color: black
}
 
#login-status span {
color: black
}
 
#search-top-box {
 background-color: #00008825;
}
 
#main-content {
    border: 2px solid #000088;
    box-shadow: 1px 1px 3px 2px #00008840;
    padding: 2px 8px;
    margin-top: 16px;
}
 
#main-content p {
    text-indent: 16px;
}
 
hr + p,
blockquote > p:first-child,
div > p:first-child,
sup p {
    text-indent: 0 !important;
}
 
div.buttons input:hover{
   background-color: #ffffff;
   color: #000088;
}
 
div.buttons input:focus,
div.buttons input:focus-within{
   background-color: #ffffff;
   color: #000088;
}
 
#footer{
 margin: 16px 0 0 0;
}
 
hr {
    background: rgb(var(--dark-accent));
    border: 4px soild rgb(var(--dark-accent));
    margin: 0 2px;
}
 
/* 表格 */
table.wiki-content-table th {
 background-color: rgb(var(--dark-accent));
}
 
/* 图片块 */
.scp-image-block {
    border: 0.5rem soild #000088;
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
    background-color: rgb(var(--gray-monochrome));
}
 
/*评分块*/
 
.page-rate-widget-box {
    background-color:rgba(var(--dark-accent),.5);
    border-left: 0.2rem solid rgba(var(--dark-accent));
}
 
/* TABVIEW */
 
.yui-navset .yui-content {
   background-color:rgba(var( --light-gray-monochrome), .25);
     border-color: rgba(var(--medium-accent), 1);
}
 
/*未选择的tab*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--light-gray-monochrome), .25);
    color:rgb(var(--black-monochrome));
}
 
/*鼠标移上去的tab*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--medium-accent), .8);
}
 
/*选了的tab*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--dark-accent), 1);
     color: #ffffff;
}
 
/* 标准引用块 */
blockquote, div.blockquote {
    border: none;
    background-color: #bbbbbb;
    background-opacity: 0.4
}
 
/* 代码块 */
.code {
    border: 1px solid;
    background-color: #bbbbbb;
}
 
/*标题块/暗色标题块(block是正文，box是标题)*/
.titleblock {
   background-color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(var(--dark-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--dark-accent));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color: rgb(var(--dark-accent));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(255,255,255) 2px;
}
 
.dark-titleblock a {
   color: white;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(255,255,255);
  color: rgb(0,0,136);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
/*各种装饰块*/
 
.darkblock {
  background-color: rgb(0,0,136);
}
 
.darkblock a{
   color: #bbbbbb;
}
 
.styled-quote {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--dark-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
   color: #bbbbbb;
}
 
.styled-quote-d {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--dark-accent));
   border-right: 0.5rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d {
   background-color:rgba(var(--dark-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   border-right: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d a{
   color: #bbbbbb;
}
 
.borderblock{
    background-color:rgb(255,255,255);
    border: 0.5rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock{
   background-color:rgb(var(--dark-accent));
   border: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock a{
   color: #bbbbbb;
}
 
/*有logo或者别的什么图片的块*/
 
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: var(--logo-image) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
     border: solid 0.3rem rgb(var(--dark-accent));
    }
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: var(--logo-image) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
/*奇奇怪怪的阴影块*/
.shadowblock{
        padding: 0.01rem 1rem;
    box-shadow: 0.4rem 0.4rem rgba(0,0,136,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: white;
    border: solid 0.3rem rgb(var(--dark-accent));
    }
 
.inset-shadowblock{
        padding: 0.01rem 1rem;
    box-shadow: inset 5em 1em rgba(128,128,128,.25), inset 8em 2em rgba(0,0,0,.25), 0.1rem 0.2rem 0.2rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    border: solid 0.3rem rgb(var(--dark-accent));
    }
 
/* 特殊块 */
.letterquote {
   background-color: none;
   border: 0.2rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   text-indent: none;
}
 
.letterquote::first-letter {
    font-size:xx-large;
}
 
.newspaper
{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    column-count:4;
 
    -moz-column-gap:40px; /* Firefox */
    -webkit-column-gap:40px; /* Safari and Chrome */
    column-gap:40px;
 
    -moz-column-rule:0.2rem solid rgba(var(--dark-accent)); /* Firefox */
    -webkit-column-rule:0.2rem solid rgba(var(--dark-accent)); /* Safari and Chrome */
    column-rule:0.2rem solid rgba(var(--dark-accent));
 
/*我也不知道这是什么总之gp叠说这玩意防止溢出*/
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-warp: break-word;
}
 
.scroll-box {
   background-color: none;
   border: 0.2rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   max-height: 400px;
   overflow-y: auto;
}
 
.container-box{
  display:flex;
  width:100%;
}
 
.thinbox{
  width:20%;
  margin:auto;
  padding:10px;
}
 
.thinbox h2{
    color: white;
    background-color:#000088;
    font-size:30px;
    margin-left:-8px;
    margin-right:-8px;
    margin-top:-8px;
    padding:5px 10px;
}
 
.widebox{
  width:80%;
  margin:auto;
}
 
/* 单页迭代 */
 
.page,
.top:target ~ .start {
   display: none;
}
.top:target + .page {
   display: block;
}
.top {
   position: absolute;
   top: 0;
}

“声明：
1. 本文章与后室世界观没有任何关系
2.本文章不构成侵犯版权，请勿复制源代码用于商业目的
3. 默认每次连载的第一首自动播放
4. 连载中
假期一周4更，开学季一周2更（注：可能拖更）
5.每10首更一页”

 开启目录

《陈致逸/HOYO-Mix•原神-风与异乡人》

第一首

第二首

第三首

第四首

第五首

第六首

第七首

第八首

第九首

第十首

---

电台播音员

电台播音员：Paidvke does not match any existing user name