原神，启动！
当前为
// ==UserScript==
// @name HRBCU-GenshinStart!
// @namespace http://yuluoxk.cn/
// @version 1.0
// @description 原神，启动！
// @license MIT
// @author Yuluoxk
// @match https://cas.hrbcu.edu.cn/cas/login
// ==/UserScript==
(function () {
"use strict";
//原神启动画面
function createHtmlCssString() {
let html = `
<div class="content" id="startup_company">
<img src="https://yuluoxk.cn/genshin/company.jpg" />
</div>
<div class="content" id="startup_game">
<img src="https://yuluoxk.cn/genshin/game.jpg" />
<div id="startup_game_g">
抵制不良游戏, 拒绝盗版游戏, 注意自我保护, 谨防受骗上当, 适度游戏益脑, 沉迷游戏伤身, 合理安排时间, 享受健康生活。<br>
审批文号: 国新出审[2020]1407号 ISBN 978-7-498-07852-0 出版单位: 华东师范大学电子音像出版社有限公司<br>
著作权人: 上海米哈游天命科技有限公司<br>
本公司积极履行《网络游戏行业防沉迷自律公约》<br>
</div>
</div>
<div class="content" id="startup_warning">
<div id="startup_warning_main">
<h1>警告: 游戏前详阅</h1>
<img src="https://yuluoxk.cn/genshin/warning_line.jpg" />
<p>
有极少数的人在观看一些视觉影像时可能会突然癫痫发作, 这些影像包括电子游戏中出现的闪光或图形。 在<br>
进行电子游戏时, 这些人可能会出现癫痫症状。 甚至连不具有癫痫史的人, 也可能在进行电子游戏时, 出现类<br>
似癫痫症状。 如果您或您的家人有癫痫史, 请在进行游戏之前先与医生咨询。 如果您在游玩电子游戏时出现<br>
以下症状, 包括眼睛疼痛、 视觉异常、 偏头痛、 痉挛或意识障碍 (诸如昏迷) 等, 请立即中止游戏, 并且请您于<br>
再次进行本游戏之前咨询您的医生。<br><br>
除上述症状外, 当您感到头痛、 头晕眼花、 恶心想吐或类似晕车症状时, 以及当身体的某些部位感到不舒服或<br>
疼痛时, 请立即中止游戏。 若在中止游戏后, 症状仍没有减退, 请立即寻求医生的诊疗。<br>
</p>
</div>
</div>
`;
let css = `
@font-face {
font-family: genshin-font;
src: url("https://yuluoxk.cn/genshin/font.ttf");
}
html, body {
width: 100%;
height: 100%;
margin: 0;
user-select: none;
}
.main {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#settings_brand {
text-align: center;
}
#settings_brand_start {
margin: 0 0 0 10px;
}
#settings_brand_start * {
vertical-align: middle;
}
#settings_brand p {
text-align: left;
margin: 10px 0 0 20px;
font-size: 12px;
}
#settings_brand p a {
color: #fff;
}
#settings {
display: inline-flex;
}
#settings .part {
flex: 1;
margin-right: 10px;
}
#settings .part h1 {
font-size: 26px;
margin: 25px 0 10px 15px;
}
#settings .part .item {
position: relative;
height: 50px;
background-color: #424242;
border-radius: 8px;
margin-bottom: 10px;
}
#settings .part .item span {
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
}
#settings .part .item select, #settings .part .item input, #settings .part .item label {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
#settings .part .item select, #settings .part .item input {
outline: none;
border: none;
font-size: 15px;
background-color: #757575;
color: #fff;
border-radius: 4px;
height: 24px;
}
#settings_time_timestamp {
width: calc(100% - 76px);
}
#startup {
background-color: #FEFEFE;
color: #000;
}
/* #startup_timer {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 80px;
width: 80px;
background-color: #fff;
box-shadow: 0 10px 20px rgba(0 0 0 / .1);
border: 1px solid #bbb;
border-radius: 10px;
} */
#startup_timer_tn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 64px;
font-weight: bolder;
}
#startup_timestamp {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
text-align: center;
}
#startup_timestamp h1 {
font-size: 48px;
margin: 0 0 12px 0;
}
#startup_timestamp p {
font-size: 36px;
margin: 0;
}
#startup .content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s;
}
#startup_game_g {
opacity: 0;
transition: opacity 1s;
}
#startup_company img, #startup_game img {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
#startup_company img {
top: 50%;
height: 160px;
}
#startup_game img {
top: calc(50% - 20px);
height: 260px;
}
#startup_game_g {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
color: #636363;
font-size: 20px;
font-family: genshin-font;
line-height: 30px;
}
#startup_warning_main {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
font-family: genshin-font;
}
#startup_warning_main h1 {
color: #2F2F2F;
font-weight: normal;
font-size: 36px;
margin: 0 0 10px 0;
}
#startup_warning_main img {
height: 25px;
}
#startup_warning_main p {
color: #636363;
font-size: 24px;
line-height: 34px;
margin: 4px 0 0 0;
}
#readyStartup {
background-color: #fff;
width: fit-content;
white-space: nowrap;
}
#readyStartup img {
height: 400px;
box-shadow: 0 0 2px 0 #bbb;
margin-top: 2px;
}
#readyStartup img:first-child {
margin-right: 5px;
}
#container {
background-color: white;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
#startup_company, #startup_game, #startup_warning {
display: none;
}
#startup .content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s;
}
`;
html = `<style>${css}</style>` + html;
return html;
}
//启动函数
function startupContent(page) {
let t = 1000; //时间间隔
//MIHOYO
if (page.company) {
setTimeout(() => {
document.getElementById("startup_company").style.display = "block";
document.getElementById("startup_company").style.opacity = "1";
}, t);
t += 3000;
setTimeout(() => {
document.getElementById("startup_company").style.display = "none";
}, t);
}
//原神
if (page.game) {
setTimeout(() => {
document.getElementById("startup_game").style.display = "block";
document.getElementById("startup_game").style.opacity = "1";
}, t);
t += 500;
setTimeout(() => {
document.getElementById("startup_game_g").style.opacity = "1";
}, t);
t += 4000;
setTimeout(() => {
document.getElementById("startup_game").style.display = "none";
}, t);
}
//健康游戏忠告
if (page.warning) {
setTimeout(() => {
document.getElementById("startup_warning").style.display = "block";
document.getElementById("startup_warning").style.opacity = "1";
}, t);
setTimeout(() => {
document.getElementById("container").style.display = "none";
}, t + 5000);
}
}
startupContent({ company: true, game: true, warning: true });
let containerElement = document.createElement("div");
containerElement.id = "container";
document.body.appendChild(containerElement);
let htmlCssString = createHtmlCssString();
containerElement.innerHTML = htmlCssString;
// 修改登录框上的标题为空
document.querySelector(".title p").innerHTML = "";
// 移除顶部logo
document.querySelector(".toplogo").remove();
// 背景
// 创建一个新的div元素作为背景
var div = document.createElement("div");
// 添加样式
div.style.position = "fixed";
div.style.top = "0";
div.style.left = "0";
div.style.width = "100%";
div.style.height = "100%";
div.style.zIndex = "-1";
div.style.backgroundImage = "url(https://kanosaikou.cn/genshin-light.gif)";
div.style.backgroundSize = "cover";
div.style.backgroundPosition = "center";
// 添加
document.body.appendChild(div);
var loginPage = document.querySelector(".login-page");
var loginContainer = document.querySelector(".login-container");
// 分离登录框
loginPage.parentNode.insertBefore(loginContainer, loginPage);
loginPage.parentNode.removeChild(loginPage);
//引入css
var style = document.createElement("style");
style.textContent = `
body {
cursor: url(https://yuluoxk.cn/genshin/cursor.ico), auto;
}
@font-face {
font-family: "HYWenHei 85W";
src: url("https://yuluoxk.cn/genshin/genshin.ttf");
}
/* 游客登录 */
#fk-login {
font-size: 0px !important;
}
#fk-login::before {
font-size: 14px !important;
content: "来自异世界的旅者登录";
font-family: "HYWenHei 85W";
}
/* 游客登录界面 */
p.user-login-text {
font-size: 0px !important;
}
p.user-login-text::before {
font-size: 10px !important;
content: "提瓦特大陆用户登录";
font-family: "HYWenHei 85W";
}
a.botlink.user-login {
font-size: 0px !important;
}
a.botlink.user-login::before {
font-size: 14px !important;
content: "支持异世界的旅者登录，首次登陆后将拥有临时账号，来自提瓦特大陆的用户请切回账号登录";
font-family: "HYWenHei 85W";
}
/* 登录按钮 */
#dl {
font-size: 0px !important;
background-color: RGB(57, 59, 64);
}
#dl:after {
font-size: 16px;
width: 100%;
font-weight: 400;
content: "进入游戏";
font-family: "HYWenHei 85W";
background-color: RGB(57, 59, 64);
color: RGB(244, 216, 168);
}
/* 输入框前的图标隐藏 */
.input-group-addon {
display: none;
}
/* 输入框 */
input.form-control.pwd-input {
width: 330px;
height: 30px;
}
input.form-control.user-input {
width: 330px;
height: 30px;
}
/* 输入框上的大标题 */
.title p:after {
font-size: 18px;
font-weight: 600;
content: "HUCHOYO";
border: 0px !important;
height: 50px !important;
text-align: center;
color: RGB(244, 216, 168);
font-family: "HYWenHei 85W";
}
/* 忘记密码 */
a[class="forget-pwd"]:after {
font-size: 14px;
content: "忘记密码？";
font-family: "HYWenHei 85W";
color: RGB(244, 216, 168);
}
a[class="forget-pwd"] {
font-size: 0px !important;
}
label[for="rember"]::before {
border-radius: 7.5px;
}
.login-info {
justify-content: space-between;
align-items: center;
}
.forget-pwd {
margin-top: 15em;
}
.login-container {
width: 380px;
height: 400px;
/* padding: 15px 26px 0px; */
border-radius: 4px;
color: #ffffff;
background: RGB(252, 255, 255);
opacity: 1;
margin: auto;
bottom: 0;
z-index: 666;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.login-container .title {
background: RGB(252, 255, 255);
}
.login-container .title p {
color: #ffffff;
}
/* 把文字隐藏 */
.login-footer {
display: none;
}
`;
document.head.appendChild(style);
})();