* { border: 0px solid red !important; --add-website-select-radius: 15px; --add-website-select-width: 64px; --add-website-select-top: 40px; --add-website-select-left: 18px;}body { overflow: hidden;}@media screen and (max-aspect-ratio: 10/16) { #box-search { top: 20%; width: 300px; left: calc(50% - 150px); } #he-plugin-simple { top: 20%; } #box-website-trigger { width: 300px; height: 340px; left: calc(50vw - 150px); }}@media screen and (min-aspect-ratio: 10/16) and (max-aspect-ratio: 1/1) { #box-search { top: 25%; width: 500px; left: calc(50% - 250px); } #he-plugin-simple { top: 25%; } #box-website-trigger { width: 80vw; height: 340px; left: calc(50vw - 40vw); }}@media screen and (min-aspect-ratio: 1/1) { #box-search { top: 25%; width: 500px; left: calc(50% - 250px); } #he-plugin-simple { top: 25%; } #box-website-trigger { width: 980px; height: 340px; left: calc(50vw - 490px); } #box-website { top: calc(50% - 150px); }}#box-search { z-index: 200; position: fixed; height: 45px; border-radius: 22px; background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(5px); overflow: hidden; border-top: var(--border-width) solid var(--border-color) !important; border-left: var(--border-width) solid var(--border-color) !important; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); border: 1px solid red;}#search-box { position: absolute; top: 0%; width: 100%; height: 45px; cursor: text; }#search-input { opacity: 0; width: 100%; height: 100%; outline-style: none; border: none; border-radius: 30px; background-color: transparent; padding: 0px 80px 0px 20px; font-family: "Microsoft Yahei", "Microsoft Yahei", "宋体"; font-size: 16px; color: rgba(0, 0, 0, 0.8); border: 1px solid rgb(0, 255, 0);}#search-img { z-index: 700; width: 20px; height: 20px; position: absolute; top: 50%; right: 10px; transform: translate(-5px, -50%); transition: opacity 0.1s, transform 0.1s; cursor: pointer; pointer-events: none; border: 1px solid red;}#search-img path { fill: var(--c-w-0); transition: 0.25s;}#search-clear-btn { opacity: 0; width: 20px; height: 20px; position: absolute; top: 50%; right: 9%; transform: translate(-5px, -50%); transition: opacity 0.1s, transform 0.1s; cursor: pointer; pointer-events: none; border: 1px solid red;}#search-clear-btn path { fill: rgb(170, 170, 170); transition: 0.25s;}#search-btn { opacity: 0; width: 31px; height: 31px; position: absolute; top: 50%; right: 4px; transform: translate(-5px, -50%); border-radius: 50%; background-color: rgb(78, 110, 242); background-image: url(../image/ui/baidu.png); background-size: cover; transition: 0.1s; cursor: pointer; pointer-events: none; border: 1px solid red;}#search-btn:hover { background-color: rgb(70, 98, 217);}#search-btn:active { transform: translate(-5px, -50%) scale(0.95);}#search-text { opacity: 0; width: 100px; height: 24px; position: absolute; top: calc(22px - 12px); left: calc(50% - 50px); font-family: "Microsoft Yahei Light", "Microsoft Yahei", "宋体"; font-size: 18px; color: var(--c-w-80); text-shadow: 0 0 3px var(--c-b-50); pointer-events: none; border: 1px solid red;}#box-search-su { opacity: 0; z-index: 200; position: absolute; top: 45px; width: 100%; pointer-events: none; }#search-line-box { opacity: 0; border-top: 1px solid rgb(80, 80, 80) !important; margin: 0 12px; border: 1px solid red;}#box-search-su ul { padding: 0px; margin: 5px 0px; border: 1px solid red;}#box-search-su li { list-style: none; padding: 5px 20px; font-family: "Microsoft Yahei", "宋体"; font-size: 16px; color: rgba(0, 0, 0, 0.8); overflow: hidden; cursor: pointer; transition: padding 0.1s; border: 1px solid red;}#box-left-trigger { width: 19vw; height: 60vh; position: fixed; top: 20vh; left: 0vw; border: 1px solid rgb(255, 255, 255); }#box-right-trigger { width: 19vw; height: 60vh; position: fixed; top: 20vh; right: 0vw; border: 1px solid rgb(255, 255, 255);}#box-add-website { z-index: 290; opacity: 0; width: 300px; height: 158px; position: fixed; top: calc(50% - 100px); left: calc(50% - 150px); border-radius: 10px; background-color: var(--c-w-20); backdrop-filter: blur(10px); box-shadow: 3px 3px 3px 0px var(--c-b-20); text-align: center; border-top: var(--border-width) solid var(--border-color) !important; border-left: var(--border-width) solid var(--border-color) !important; transition: opacity 0.1s; pointer-events: none; }#add-website-title { color: var(--c-w-80); text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); margin: 10px 0px 5px; }#box-add-website input[type*="text"] { width: 60%; height: 26px; padding: 0px 10px; margin: 5px 0px 5px 70px; background-color: var(--c-w-100); border-radius: 5px; color: var(--c-b-80); border: 1px solid red;}::-webkit-input-placeholder { font-size: 12px; }#image-add-website-icon { width: var(--add-website-select-width); height: var(--add-website-select-width); position: absolute; top: var(--add-website-select-top); left: var(--add-website-select-left); border-radius: var(--add-website-select-radius); user-select: none;}#input-select-img { opacity: 1; width: var(--add-website-select-width); height: var(--add-website-select-width); position: absolute; top: var(--add-website-select-top); left: var(--add-website-select-left); border-radius: var(--add-website-select-radius); cursor: pointer; user-select: none; color: rgba(0, 0, 0, 0); transition: background-color 0.3s;}#input-select-img:hover { background-color: var(--c-w-50);}#input-select-img:active { background-color: var(--c-w-30);}#input-select-img::-webkit-file-upload-button { display: none;}.add-website-btn { position: absolute; bottom: 14px; padding: 2px 14px; border-radius: 5px; transition: transform 0.1s, background-color 0.4s; font-size: 14px; cursor: pointer; user-select: none; border: 1px solid red;}#add-website-btn-ok { background-color: var(--c-w-50); color: var(--c-b-80); left: 70px;}#add-website-btn-ok:hover { background-color: var(--c-w-80); transform: scale(1.05);}#add-website-btn-ok:active { background-color: var(--c-w-60); transform: scale(1);}#add-website-btn-cancel { background-color: var(--c-b-20); color: var(--c-w-70); right: 70px;}#add-website-btn-cancel:hover { background-color: var(--c-b-30); transform: scale(1.05);}#add-website-btn-cancel:active { background-color: var(--c-b-40); transform: scale(1);}#box-website-trigger { position: fixed; top: calc(58% - 170px); border-radius: 20px; transition: opacity 0.1s; border: 1px solid rgb(255, 255, 255);}#box-website { opacity: 0; width: 100%; height: 100%; position: absolute; padding: 9px 9px; text-align: center; font-size: 0px; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); border-radius: 20px; transition: opacity 0.2s, height 0.2s, top 0.2s; overflow-x: hidden; user-select: none; border-top: var(--border-width) solid var(--border-color) !important; border-left: var(--border-width) solid var(--border-color) !important;}#box-website::-webkit-scrollbar { display: none;}#box-website a { width: 64px; height: 80px; display: inline-block; position: relative; top: 0%; left: 0%; border: 1px solid rgb(255, 0, 0);}#box-website span { width: 100%; font-family: "Microsoft Yahei Light", "Microsoft Yahei", "宋体"; font-size: 12px; color: var(--c-w-90); text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); position: absolute; bottom: 0%; left: 0%; border: 1px solid rgb(255, 0, 0);}#box-website .web-img { width: 48px; height: 48px; position: absolute; top: calc(40% - 24px); left: calc(50% - 24px); border-radius: calc(5px + 0.5vw); filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3)); transition: 0.1s; }#box-website a:hover > .web-img { width: 52px; height: 52px; top: calc(28% - 24px); left: calc(50% - 26px); }#box-website .web-img-null { opacity: 0.1; width: 48px; height: 48px; position: absolute; top: calc(40% - 24px); left: calc(50% - 24px); border-radius: calc(5px + 0.5vw); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); transition: opacity 0.4s, background-color 0.4s; }#box-website .web-img-null:hover { opacity: 0.8;}#box-motto { width: 100vw; height: 15vh; position: fixed; bottom: 30px; display: flex; align-items: center; justify-content: center; }#motto-text1 { position: absolute; font-family: "Microsoft Yahei Light", "Microsoft Yahei", "宋体"; font-size: calc(14px + 0.2vw); color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); transition: opacity 0.7s; }#motto-text-bg { opacity: 0; width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; background-image: linear-gradient( to right, rgba(0, 0, 0, 0), 5%, rgba(0, 0, 0, 0.1), 95%, rgba(0, 0, 0, 0) ); backdrop-filter: blur(10px); transition: opacity 0.7s; }#motto-text2 { position: absolute; margin: 0px calc(33vw - 110px); font-family: "Microsoft Yahei Light", "Microsoft Yahei", "宋体"; font-size: calc(14px + 0.2vw); color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); text-align: justify; pointer-events: none; }#box-bottom { position: fixed; bottom: 0px; height: 30px; width: 100vw; border: 1px solid rgb(255, 255, 255);}#painter-name { position: absolute; bottom: 4px; right: 6px; font-family: "Microsoft Yahei Light", "Microsoft Yahei", "宋体"; font-size: calc(10px + 0.4vw); color: rgba(255, 255, 255, 0.5); text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); text-decoration: none; transition: 0.25s; cursor: pointer;}#painter-name:hover { color: rgba(255, 255, 255, 0.8);}#he-plugin-simple { z-index: 210; position: fixed; left: 50%; transform: translateX(-50%);}