/* ==UserStyle==
@name           Pure GreasyFork
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    A new userstyle
@author         CWorld
@var          select   COLOR1    "主配色" {
    "默认红": "#e33e33",
    "浅草绿": "#00bb6a",
    "梦析蓝": "#00b6ff",
    "幻想紫": "#8a72ff",
}
@var          select   COLOR2    "次配色（保持与主配色相同就行）" {
    "默认红": "#e33e3330",
    "浅草绿": "#00bb6a30",
    "梦析蓝": "#00b6ff30",
    "幻想紫": "#8a72ff30",
}
@var          select   AN    "动画特效" {
    "非线性": ".3s ease-in-out",
    "果冻弹": "cubic-bezier(0.68, -0.55, 0.27, 1.55)",
    "直线型": ".3s",
}
@downloadURL https://update.greasyfork.org/scripts/408737/Pure%20GreasyFork.user.css
@updateURL https://update.greasyfork.org/scripts/408737/Pure%20GreasyFork.meta.css
==/UserStyle== */
@-moz-document domain("greasyfork.org") {

	/* 主色调：#900 */
	:root {
		/* 	--COLOR1: #20a0ff; */
		/* 	--COLOR2: #20a0ff52; */
		--COLOR3: #8492a6;
		--COLOR4: #eff2f7;
		/* 	--AN: .3s ease-in-out; */
	}


	/* :root {
	--COLOR1: #0ba439;
	--COLOR2: #0ba43952;
	--COLOR3: #8492a6;
	--COLOR4: #eff2f7;
	--AN: .3s ease-in-out;
}
 */
	body {
		background-color: #f0f2f7;
	}
	a {
		color: var(--COLOR1);
	}
	a:visited {
		color: var(--COLOR2);
	}
	input {
		outline: none;
	}


	/* --顶栏-- */
	#main-header {
		transition: var(--AN);
		background: #fff;
		box-shadow: 0 3px 5px rgba(31, 45, 61, .05), 0 2px 3px rgba(31, 45, 61, .08), inset 0 -1px hsla(0, 0%, 100%, .05);
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	#main-header .width-constraint {
		padding: 10px 0;
		position: relative;
	}

	/* 主 Logo */
	#site-name img {
		width: 40px;
		margin-right: 10px;
		height: 40px;
	}
	#main-header h1 {
		transition: var(--AN);
		font-size: 28px;
		margin-top: 3px;
		color: var(--COLOR3);
	}
	#main-header h1:hover {
		color: var(--COLOR1);
	}
	#main-header h1 a {
		color: var(--COLOR3) !important;
	}

	/* 用户&语言 */
	#nav-user-info {
		top: auto;
		bottom: 20px;
	}
	#nav-user-info #language-selector {
		transition: var(--AN);
		background: linear-gradient(#cad1db, #d8e0ea 70%, #d8e0ea calc(100% - 8px), #eff2f7);
		border-radius: 50px;
		padding: 6px 12px;
		color: #657487;
		text-shadow: 0 1px #fff;
		border: 1px solid #99a9bf;
		box-shadow: 0 2px 4px rgba(31, 45, 61, .1);
		position: relative;
		overflow: hidden;
	}
	#nav-user-info #language-selector:hover,
	#nav-user-info #language-selector:focus {
		transition: var(--AN);
		box-shadow: 0 8px 11px rgba(31, 45, 61, .1), 0 5px 8px rgba(31, 45, 61, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .3);
		position: relative;
		overflow: hidden;
	}
	#nav-user-info #language-selector:before {
		content: "";
		height: 16px;
		background: linear-gradient(#fff, hsla(0, 0%, 100%, .2));
		display: block;
		position: absolute;
		left: 7px;
		top: 0;
		right: 7px;
		border-radius: 8px;
	}
	#nav-user-info select {
		transition: var(--AN);
		border: none;
		background: none;
		color: var(--COLOR3);
		text-shadow: 0 1px #fff;
		position: relative;
		outline: none !important;
	}

	#nav-user-info > span {
		transition: var(--AN);
		margin-right: 6px;
		color: #fff0;
		background: #fff;
		padding: 8px 14px;
		border-radius: 50px;
		filter: drop-shadow(0 -1px 0 #fff);
	}
	#nav-user-info > span:hover {
		background: #dbe3ed 40%;
		box-shadow: inset 0 3px 5px rgba(31, 45, 61, .11), inset 0 -3px 4px rgba(255, 255, 255, .42);
	}
	#nav-user-info > span a {
		color: var(--COLOR3);
		text-decoration: none;
		text-shadow: 0 1px #fff;
	}
	span.sign-out-link {
		padding: 8px 6px !important;
	}

	/* 导航栏 */
	#site-nav > nav {
		bottom: 18px;
		right: auto;
		left: 220px;
	}
	#main-header a {
		color: var(--COLOR3);
		text-decoration: none;
	}
	#site-nav > nav > li + li {
		margin-left: 2px;
	}
	#main-header #site-nav > nav > li a {
		transition: var(--AN);
		border-radius: 50px;
		padding: 6px 16px;
	}
	#main-header #site-nav > nav > li > a:hover {
		background: var(--COLOR1);
		box-shadow: 0 5px 10px var(--COLOR2);
		color: #fff;
	}
	#site-nav > nav {
		bottom: 18px;
		right: auto;
		left: 220px;
	}
	#main-header a {
		color: var(--COLOR3);
		text-decoration: none;
	}
	#site-nav > nav > li + li {
		margin-left: 2px;
	}
	#main-header #site-nav > nav > li a {
		transition: var(--AN);
		border-radius: 50px;
		padding: 6px 16px;
	}

	li.with-submenu nav {
		position: absolute;
		right: 5px;
		border: 1px solid #cad1db;
		background: linear-gradient(#f0f2f7, #fff);
		text-shadow: 0 1px #fff;
		text-shadow: 0 1px var(--white_default);
		border-radius: 9px;
		overflow: hidden;
		box-shadow: 0 4px 10px #1f2d3d1a, 0 1px #ffffff inset;
		transition: .25s;
		display: none;
		padding: 5px 0;
		z-index: 10;
	}
	li.with-submenu nav {
		transition: var(--AN);
		position: absolute;
		right: 5px;
		border: 1px solid #cad1db;
		background: linear-gradient(#f0f2f7, #fff);
		text-shadow: 0 1px #fff;
		text-shadow: 0 1px var(--white_default);
		border-radius: 9px;
		overflow: hidden;
		box-shadow: 0 4px 10px #1f2d3d1a, 0 1px #ffffff inset;
		padding: 5px 0;
		z-index: 10;
		display: block !important;
		opacity: 0;
		height: 0;
	}
	nav a:hover + nav,
	li.with-submenu nav:hover {
		margin-top: 10px;
		opacity: 1;
		height: 140px;
	}
	li.with-submenu nav li a:hover {
		color: var(--COLOR3) !important;
	}
	li.with-submenu nav li a:active {
		color: #cad1db !important;
	}

	/* --主内容-- */
	.sidebarred {
		margin-top: 60px;
	}
	section.text-content {
		margin-top: 80px;
	}
	section#script-info {
		margin-top: 80px;
	}
	.script-list,
	.user-list,
	.text-content,
	.discussion-list,
	section#script-info {
		border: none;
		box-shadow: 0 10px 13px rgba(31, 45, 61, .1), 0 0 1px rgba(31, 45, 61, .1);
		border-radius: 10px;
		overflow: hidden;
		padding: 1em;
	}

	/* 首页优化 */
	#home-script-nav {
		padding: 0;
		border-bottom: none;
		margin: 40px auto 10px auto;
	}
	#home-script-nav:after {
		content: '';
		display: block;
		background: var(--COLOR4);
		height: 2px;
		width: 50px;
		margin: 0 auto;
		margin-top: 30px;
		border-radius: 50px;
	}
	.home-search input[type=search] {
		padding: 6px 40px 6px 12px;
		background: #f7f7fa;
		box-shadow: inset 0 -2px 5px #1f2d3d05, 0 2px #ffffff9e inset, 0 2px 4px #1f2d3d0f;
		border: 1px solid #e1e5eb;
		border-radius: 50px;
		font-size: medium;
		outline: none;
	}
	.home-search input[type=submit] {
		right: 5px;
		top: 2px;
		background: none;
		opacity: 1;
	}
	#home-top-sites {
		overflow: visible;
		margin: 10px 10px;
		color: var(--COLOR3);
	}
	#home-top-sites a {
		text-decoration: none;
		margin: 0 2px;
		padding: 1.5px 6px;
		background-color: #f5f5f5;
		color: var(--COLOR3);
		border-radius: 8px;
		box-shadow: inset 0 -2px 2px #1f2d3d0d, 0 1px 2px #1f2d3d4f;
	}
	#home-top-sites a:hover {
		box-shadow: inset 0 2px 2px #1f2d3d1a;
	}
	#home-top-sites a:active {
		color: #cad1db;
	}
	figure {
		padding: 5px;
		position: relative;
		background: linear-gradient(#e2e6ed, #e3eaf4 90%, #e2e7f4);
		box-shadow: inset 0 -4px 8px #1f2d3d2b, 0 2px 6px 0 #0000001f;
		border-radius: 10px;
	}
	figure:before {
		content: "";
		height: 25px;
		background: linear-gradient(#ffffffab, #ffffff1a);
		display: block;
		position: absolute;
		left: 4px;
		top: 0;
		right: 4px;
		border-radius: 50px;
	}
	figure:after {
		content: "";
		height: 125px;
		background: linear-gradient(#fff0, #fff6 70%, #ffffff3d);
		display: block;
		position: absolute;
		left: 4px;
		top: 40px;
		right: 4px;
		border-radius: 0 0 0 100%;
	}
	figure figcaption {
		color: var(--COLOR3);
		text-shadow: 0 1px #fff;
	}
	figure img {
		border-radius: 6px;
	}

	/* 搜索结果 */
	.sidebarred-main-content > p {
		margin-left: 1em;
		margin-right: 1em;
	}
	.script-list li:not(.ad-entry) {
		border-bottom: 1px solid var(--COLOR4);
		padding: 1em;
	}
	.script-list li:not(.ad-entry) article h2 > a {
		text-decoration: none;
		font-weight: normal;
	}
	.script-list .description {
		font-weight: normal;
		margin: .5em 0;
		font-size: smaller;
		color: var(--COLOR3);
		word-break: break-all;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.inline-script-stats dt {
		font-weight: normal;
		color: var(--COLOR3);
	}
	.good-rating-count,
	.ok-rating-count,
	.bad-rating-count {
		padding: 0 0.4em;
		border: none;
		border-radius: 5px;
	}

	.sidebar {
		width: 220px;
		margin-top: 56px;
		padding: 0;
	}
	.sidebar .sidebar-search input[type=search] {
		background: #fff;
		box-shadow: 0 2px 4px #1f2d3d0f;
		border: none;
		border-radius: 50px;
		padding: 5px 35px 5px 12px;
		outline: none;
		font-size: 15px;
	}
	.sidebar .sidebar-search input[type=submit] {
		position: absolute;
		-moz-appearance: none;
		-webkit-appearance: none;
		right: 4px;
		top: 4px;
		opacity: 1;
	}
	.list-option-group {
		color: var(--COLOR3);
	}
	.list-option-group ul {
		background: #fff;
		box-shadow: 0 10px 15px rgba(31, 45, 61, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .06);
		border-radius: 10px;
		border: none;
		perspective: 650px;
		position: relative;
		margin-bottom: 30px;
	}
	.list-option-group .list-current {
		border-left: 7px solid var(--COLOR1);
		box-shadow: 0 2px 5px rgba(31, 45, 61, .1), 0 0 0 -1px var(--COLOR2), 0 0 0 -25px var(--COLOR2);
		transition: all .25s, box-shadow 0s;
		background: linear-gradient(#fff, #f0f2f794);
		border-radius: 100px;
		border: 1px solid #cad1db;
		margin: 0 8px;
	}
	.list-option-group:hover .list-current {
		color: var(--COLOR1);
		border-color: var(--COLOR1);
		box-shadow: 0 2px 5px var(--COLOR2), 0 0 0 25px rgba(32, 160, 255, 0), 0 0 0 25px rgba(32, 160, 255, 0);
		transition: all 1s, box-shadow 1s ease-out .1s;
	}
	.list-option-group li + li {
		margin: .35em 0;
	}
	.list-option-group a {
		transition: var(--AN);
		padding: .35em 1.5em;
		text-decoration: none;
		color: var(--COLOR3);
	}
	.list-option-group a:hover {
		background: none;
		box-shadow: inset 0 -2px #dddddd6e, inset 0 2px #eeeeee91;
	}

	/* 脚本详情 */
	#script-info header h2 {
		margin: 0.25em 0 0 0;
		font-size: xx-large;
		font-weight: normal;
		color: var(--COLOR1);
	}
	#script-description {
		color: var(--COLOR3);
	}
	.install-link {
		transition: var(--AN);
		width: auto;
		height: 48px;
		position: relative;
		background: var(--COLOR1);
		border-radius: 100px;
		box-shadow: 0 4px 6px var(--COLOR2);
		padding: 0 20px !important;
		text-align: center;
		line-height: 48px !important;
		overflow: hidden;
	}
	.install-link:before {
		transition: var(--AN);
		content: "";
		height: 17px;
		background: linear-gradient(#ffffff3d, #fff0);
		display: block;
		position: absolute;
		left: 12px;
		top: 0;
		right: 12px;
		border-radius: 40px;
	}
	.install-link:hover {
		background: var(--COLOR1);
		box-shadow: 0 4px 6px var(--COLOR2) !important;
	}
	.install-link:hover:before {
		height: 17px;
		left: 15px;
		top: 1px;
		right: 15px;
	}
	.install-link:active {
		background: var(--COLOR1);
		box-shadow: inset 0 8px 13px #00000030 !important;
	}
	.install-link:active:before {
		height: 17px;
		left: 14px;
		top: 1px;
		right: 14px;
		opacity: .2;
	}
	.install-link:active:after {
		background: linear-gradient(#fff0, #ffffff17);
	}
	.install-link:focus {
		box-shadow: inset 0 8px 13px #00000030 !important;
	}
	.install-help-link {
		transition: var(--AN);
		width: 30px;
		height: 30px;
		position: relative;
		background: var(--COLOR2) !important;
		color: var(--COLOR1) !important;
		border-radius: 100px;
		box-shadow: none !important;
		padding: 0 !important;
		text-align: center;
		line-height: 30px !important;
		overflow: hidden;
		margin: 10px;
	}
	form.script-in-sets {
		color: var(--COLOR3);
	}
	form.script-in-sets select,
	form.script-in-sets input[type="submit"] {
		height: 30px;
		color: var(--COLOR3);
		border-radius: 7px;
		box-shadow: inset 0 -2px 1px #00000030;
		border: solid 1px #00000030;
		margin: 2.5px;
		outline: none;
		background: #fff0;
	}
	form.script-in-sets select:active,
	form.script-in-sets input[type="submit"]:active {
		box-shadow: inset 0 2px 1px #00000030;
		border: solid 1px #00000030;
		outline: none;
	}
	div#script-feedback-suggestion a,
	div#script-meta a {
		color: var(--COLOR3);
	}

	.user-content {
		background: var(--COLOR4);
		border-left: none;
		padding: 1.5em;
		border-radius: 10px;
	}

	.jslghtbx-nooverflow {
		transition: var(--AN);
	}
	.jslghtbx.jslghtbx-active {
		background-color: #000000b3;
	}
	@media screen and (min-width: 451px) {
		.jslghtbx-next.jslghtbx-no-img {
			border-top: 20px solid transparent;
			border-bottom: 20px solid transparent;
			border-left: 32px solid #ffffffd4;
			top: 50% !important;
		}
		.jslghtbx-prev.jslghtbx-no-img {
			border-top: 20px solid transparent;
			border-bottom: 20px solid transparent;
			border-right: 32px solid #ffffffd4;
			top: 50% !important;
		}
	}
	.jslghtbx-contentwrapper > img {
		background: #ffffff21;
		padding: .5em;
		padding-top: 0.5em;
		padding-right: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.5em;
		border-radius: 6px;
	}

	ul#script-links.tabs {
		list-style: none;
		padding: 0;
		margin: 0;
		top: 0;
	}
	ul#script-links.tabs > li {
		height: 41px;
	}
	.tabs .current {
		box-shadow: none;
		border-top: none;
		background: none;
	}
	.tabs > li > a,
	.tabs > span > a,
	.tabs > li > span {
		background: #fff;
		margin-right: 12px;
		margin-top: 0 !important;
		padding: 0 18px !important;
		color: var(--COLOR3);
		text-shadow: 0 1px #fff;
		line-height: 41px;
		border-radius: 8px;
		box-shadow: inset 0 -3px 1px #d3d8dc;
		border: 1px solid #d3d8dc;
		height: 41px;
	}
	.tabs > li > a:hover,
	.tabs > span > a:hover,
	.tabs > li > span:hover {
		box-shadow: 0 -1px 0 #0000001a, inset 0 -3px 1px #e0e2e4 !important;
	}
	.tabs > li > a:focus,
	.tabs > span > a:focus {
		background: linear-gradient(#d2dadf, #dde2ea 90%, #f2f5fb) !important;
		box-shadow: inset 0 3px 2px #0000001c !important;
	}
	.tabs > li.current > span,
	.tabs > span.current > a {
		background: #ebeef1;
		box-shadow: inset 0 1px 0 #fff, inset 0 -2px 1px #dddede;
	}

	.script-discussion-list .discussion-list-item {
		border: none !important;
	}
	.discussion-list-container.discussion-not-read {
		border-bottom: solid 1px var(--COLOR4);
	}

	.rating-icon {
		border: none;
		border-radius: 5px;
		font-weight: 800;
		padding: 3px 0;
		position: relative;
		top: 0;
	}

	.pagination {
		margin-top: 15px;
	}
	.pagination > a {
		background-color: var(--COLOR4);
		color: var(--COLOR3);
		padding: 6px 14px;
		border-radius: 8px;
		text-decoration: none;
		box-shadow: inset 0 -2px 1px #00000030;
		border: solid 1px #00000030;
	}
	.pagination > a:hover {
		background-color: var(--COLOR4);
	}
	.pagination > a:active {
		background-color: var(--COLOR4);
		box-shadow: inset 0 2px 1px #00000030;
		border: solid 1px #00000030;
	}
	.pagination > a:focus {
		background-color: #d7e0e7;
	}

	.previewable textarea {
		margin-top: 10px;
		border: solid 1px #d7e0e7;
		border-radius: 8px;
	}

	/* 登录 */
	form.external-login-form {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 1em;
		background-color: #fff;
		border: 1px solid #d8dee2;
		border-radius: 5px;
		text-align: center;
		width: 340px;
	}
	.external-login-container {
		display: flex;
		vertical-align: middle;
	}
	.external-login-container:not(:last-child) {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.external-login-container .external-login {
		padding: 5px 10px 5px 30px;
		border: 1px solid #bdcbd4;
		border-radius: 6px;
		background-repeat: no-repeat;
		background-size: 17px 17px;
		background-position: 8px 5px;
		margin: 0 auto;
		outline: none;
	}
	.external-login-container .external-login:active {
		background-color: #d8dee2;
	}
	form.external-login-form div:not(:last-child) {
		margin-bottom: 10px;
	}

	/* --修复-- */
	#main-header,
	#main-header a,
	#main-header a:visited,
	#main-header a:active {
		color: var(--COLOR3);
	}
}