S1 NUX by pgain2004

/* ==UserStyle==
@name							S1 NUX
@namespace				userstyles.world
@author						pgain2004 <pgain2004@gmail.com>
@description			相对熟悉CSS后新写的，窄屏自适应，适配度高。依赖一些CSS3特性和emoji库，较老系统(如Win7)显示效果可能打折扣。tag:S1 stage1st stage1 saraba1st 泥潭 婆罗门论坛
@version					2025.1.1
@supportURL				https://bbs.saraba1st.com/2b/thread-1826103-1-1.html
@license					CC-BY-NC-SA-4.0
@preprocessor			less

@var checkbox autotheme "自适应色调主题" 1

@var select lighttheme "浅色调/默认主题" {
"Tea:[亮]红茶*": "tea",
"Tea_alt:[亮]红茶Alt": "tea_alt",
"Beach:[亮]青滩": "beach",
"Shit:[亮]屎黄": "shit",
"Dark:[暗]暗夜": "dark",
"MuxDark:[暗]MUX暗": "muxdark",
"Blueprint:[暗]蓝图": "blueprint",
"Vine:[暗]酒红": "vine",
"Jungle:[暗]密林": "jungle",
"Custom:自定义": "custom"
}

@var select darktheme "深色调主题" {
"Tea:[亮]红茶*": "tea",
"Tea_alt:[亮]红茶Alt": "tea_alt",
"Beach:[亮]青滩": "beach",
"Shit:[亮]屎黄": "shit",
"Dark:[暗]暗夜": "dark",
"MuxDark:[暗]MUX暗": "muxdark",
"Blueprint:[暗]蓝图": "blueprint",
"Vine:[暗]酒红": "vine",
"Jungle:[暗]密林": "jungle",
"Custom:自定义": "custom"
}

@var select topicfont "默认字体" {
	"0:维持原样*":"initial",
	"1:微软雅黑": "'微软雅黑',sans-serif",
	"2:思源黑体": "'思源黑体 CN',sans-serif",
	"3:思源宋体": "'思源宋体 CN',serif",
	"4:苹方": "'苹方',sans-serif",
	"5:新宋体": "'新宋体',serif",
	"6:自定义": "@customfont"
}

@var text customfont "字体自定义(先从前面选自定义)" "Microsoft Yahei"

@var checkbox signature_autohide "签名自动隐藏" 1

@var select userinfo "主题内用户信息" {
	"userinfo_auto1:鼠标悬浮显示(风格1)*":"autohide1",
	"userinfo_auto2:鼠标悬浮显示(风格2)":"autohide2",
	"userinfo_always:总是显示": "alwaysshow"
}

@var checkbox fav "主页-收藏板块" 1
@var checkbox hot "主页-热门新区" 1
@var checkbox main "主页-主板块" 1
@var checkbox webgame "主页-网游板块" 1
@var checkbox support "主页-内野" 1
@var checkbox link "主页-友情链接" 1
@var checkbox online "主页-在线会员列表" 1
@var checkbox forcenarrow "强制宽度" 0
@var checkbox forcenarrownav "强制顶栏宽度" 0
@var number custom_width "自定义宽度(px)" [960,0,12000,1,'px']
@var checkbox thin_autoexpand "窄屏下页码栏悬浮展开" 0
@var checkbox hide_narrow_name "窄屏列表隐藏发帖者与时间" 0
@var checkbox qmenuonright "快捷导航右置" 0
@var checkbox bigindex "加大首页" 0
@var checkbox rules "版头悬浮收展" 1
@var checkbox fontreverse "字体反色匹配(部分)" 1
@var checkbox thinscroll "窄滚动条" 1
@var text mh "帖内图片最大高度" "none"

@var text customtheme_light "自定主题[亮](不换行,首尾加英文单引号)" "'--bg:#ecedeb;--pri:#d1d9c1;--prid:#cc9;--pril:#e5e9df;--bn:#0b7ac9;--bnd:#0555ba;--sec:#0095ff;--secp:#00acff;--t:#022C80;--tl:#3159a9;--tg:#889dc8;--pt:#022C80;--ptl:#3159a9;--icl:#fff;--ic:#ccc;--icd:#999;--icdd:#555;--icddd:#000;--shd:#555;--shdl:#999;'"

@var text customtheme_dark "自定主题[暗](不换行,首尾加英文单引号)" "'--bg:#161616;--pri:#263034;--prid:#344042;--pril:#1b2326;--bn:#072;--bnd:#051;--sec:#7b0;--secp:#7c3;--t:#a2aaaf;--tl:#c7d0d6;--tg:#566266;--pt:#a2aaaf;--ptl:#c7d0d6;--icl:#000;--ic:#333;--icd:#666;--icdd:#ccc;--icddd:#fff;--shd:#000;--shdl:#161616;'"

==/UserStyle== */
@-moz-document domain("saraba1st.com") {
	/*1 通用*/
	/*1-0 配色*/
	/*
bg(background)：背景色；
pri(primary)：主色调，主要作为顶栏和标题栏背景；
prid(primary-dark)：深主色调(暗色主题：浅)，主要用来为模块勾边；
pril(primary-light)：浅主色调(暗色：深)；
bn(button)：按钮色；
bnd(button-dark)：深按钮色；
sec(secondary)：副色调；
secp(secondary-in-primary)：主色调背景下的副色调；
t(text)：默认文本色；
tl(text-light)：浅文本色；
tg(text-grey)：灰文本色；
pt(primarytext)：主色调背景下文本色；
ptl(primarytext-light)：主色调背景下浅文本色；
ic(icon)：图标色；
icl(icon-light)：浅图标色；
icd(icon-dark)：深图标色；
icdd(icon-darker)：更深图标色；
icddd(icon-darkest)：最深图标色；
shd(shadow)：阴影色；
shdl(shadow-light)：浅阴影色；
*/

	.theme_tea() {
		--bg:#ecedeb;
		--pri:#d1d9c1; 
		--prid:#cc9;
		--pril:#e5e9df;
		--bn:#0b7ac9;
		--bnd:#0555ba;
		--sec:#0095ff;
		--secp:#00acff;
		--t:#022C80;
		--tl:#3159a9;
		--tg:#314672;
		--tp:#889dc8;
		--pt:#063288;
		--ptl:#1041a3;
		--icl:#fff;
		--ic:#ccc;
		--icd:#999;
		--icdd:#555;
		--icddd:#000;
		--shd:#555;
		--shdl:#999;
	}
	.theme_tea_alt() {
		--bg:#f6f7eb;
		--pri:#d0d7bb;
		--prid:#CCCC99;
		--pril:#d7dec7;
		--bn:#689d6a;
		--bnd:#427b58;
		--sec:#d65d0e;
		--secp:#af3a03;
		--t:#504945;
		--tl:#665c54;
		--tg:#928374;
		--pt:#076678;
		--ptl:#458588;
		--ic:#ccc;
		--icl:#fff;
		--icd:#999;
		--icdd:#555;
		--icddd:#000;
		--shd:#555;
		--shdl:#999;
	}
	.theme_beach() {
		--bg:#e1f0ed;
		--pri:#43c3ca;
		--prid:#17b3b2;
		--pril:#96dedf;
		--bn:#e67c1a;
		--bnd:#db6c04;
		--sec:#e37a17;
		--secp:#ffcc9c;
		--t:#192419;
		--tl:#354735;
		--pt:#242e24;
		--ptl:#3a4d3a;
		--tg:#2f3a2f;
		--icl:#fff;
		--ic:#ccc;
		--icd:#999;
		--icdd:#555;
		--icddd:#000;
		--shd:#103e39;
		--shdl:#39605c;
	}
	.theme_shit() {
		--bg:#e6e8c2;
		--pri:#827c54;
		--prid:#706c41;
		--pril:#cacc9b;
		--bn:#728e47;
		--bnd:#516212;
		--sec:#3faa0a;
		--secp:#6ece3e;
		--t:#373322;
		--tl:#6f6137;
		--pt:#0a2b14;
		--ptl:#144718;
		--tg:#8a825f;
		--icl:#fff;
		--ic:#ccc;
		--icd:#999;
		--icdd:#555;
		--icddd:#000;
		--shd:#48412e;
		--shdl:#756750;
	}
	.theme_dark() {
		--bg:#161616;
		--pri:#263034;
		--prid:#344042;
		--pril:#1b2326;
		--bn:#072;
		--bnd:#051;
		--sec:#7b0;
		--secp:#7c3;
		--t:#a2aaaf;
		--tl:#c7d0d6;
		--tg:#566266;
		--pt:#a2aaaf;
		--ptl:#c7d0d6;
		--icl:#000;
		--ic:#333;
		--icd:#666;
		--icdd:#ccc;
		--icddd:#fff;
		--shd:#000;
		--shdl:#161616;
	}
	.theme_muxdark() {
		--bg:#262626;
		--pri:#263238;
		--prid:#2c3f44;
		--pril:#1f2426;
		--bn:#30383e;
		--bnd:#2c3135;
		--sec:#F26C4F;
		--secp:#F27C5F;
		--t:#b4b5af;
		--tl:#cfd0cb;
		--tg:#7a7b74;
		--pt:#b6b9b1;
		--ptl:#cfd6c7;
		--icl:#000;
		--ic:#333;
		--icd:#666;
		--icdd:#ccc;
		--icddd:#fff;
		--shd:#000;
		--shdl:#161616;
	}
	.theme_blueprint() {
		--bg:#19212f;
		--pri:#303c55;
		--prid:#394159;
		--pril:#232c3c;
		--bn:#d09300;
		--bnd:#a45002;
		--sec:#ffb608;
		--secp:#ffb608;
		--t:#cccac3;
		--tl:#ece9e0;
		--tg:#949ea6;
		--pt:#cccac3;
		--ptl:#ece9e0;
		--icl:#000;
		--ic:#333;
		--icd:#666;
		--icdd:#ccc;
		--icddd:#fff;
		--shd:#12141c;
		--shdl:#333e62;
	}
	.theme_vine() {
		--bg:#413439;
		--pri:#953a55;
		--prid:#b54467;
		--pril:#622638;
		--bn:#308d46;
		--bnd:#3f5561;
		--sec:#36ff72;
		--secp:#7bffb2;
		--t:#ffe6f5;
		--tl:#ece0e5;
		--tg:#a6949d;
		--pt:#ffe6f5;
		--ptl:#ece0e5;
		--icl:#000;
		--ic:#333;
		--icd:#666;
		--icdd:#ccc;
		--icddd:#fff;
		--shd:#1c1217;
		--shdl:#623351;
	}
	.theme_jungle() {
		--bg:#202221;
		--pri:#26342a;
		--prid:#445948;
		--pril:#1e261f;
		--bn:#5f8e00;
		--bnd:#1f5500;
		--sec:#c7e80b;
		--secp:#c9d586;
		--t:#a2afa7;
		--tl:#c7d6ca;
		--tg:#5e645f;
		--pt:#aaafa2;
		--ptl:#cfd6c7;
		--icl:#000;
		--ic:#333;
		--icd:#666;
		--icdd:#ccc;
		--icddd:#fff;
		--shd:#000;
		--shdl:#161616;
	}

	.trans_color() {
		--bgb:hsl(from var(--bg) h s l / 50%);
		--prib:hsl(from var(--pri) h s l / 50%);
		--pridb:hsl(from var(--prid) h s l / 50%);
		--prilb:hsl(from var(--pril) h s l / 50%);
		--bnb:hsl(from var(--bn) h s l / 50%);
		--bndb:hsl(from var(--bnd) h s l / 50%);
		--secb:hsl(from var(--sec) h s l / 50%);
		--secpb:hsl(from var(--secp) h s l / 50%);
	}

	:root when (@autotheme = 0) {
		& when (@lighttheme = tea) {
			.theme_tea();
		}
		& when (@lighttheme = tea_alt) {
			.theme_tea_alt();
		}
		& when (@lighttheme = beach) {
			.theme_beach();
		}
		& when (@lighttheme = shit) {
			.theme_shit();
		}
		& when (@lighttheme = dark) {
			.theme_dark();
		}
		& when (@lighttheme = muxdark) {
			.theme_muxdark();
		}
		& when (@lighttheme = blueprint) {
			.theme_blueprint();
		}
		& when (@lighttheme = vine) {
			.theme_vine();
		}
		& when (@lighttheme = jungle) {
			.theme_jungle();
		}
		& when (@lighttheme = custom) {
			e(@customtheme_light);
		}
		.trans_color();
	}

	@media (prefers-color-scheme:light)  {
		:root when (@autotheme = 1) {
			& when (@lighttheme = tea) {
				.theme_tea();
			}
			& when (@lighttheme = tea_alt) {
				.theme_tea_alt();
			}
			& when (@lighttheme = beach) {
				.theme_beach();
			}
			& when (@lighttheme = shit) {
				.theme_shit();
			}
			& when (@lighttheme = dark) {
				.theme_dark();
			}
			& when (@lighttheme = muxdark) {
				.theme_muxdark();
			}
			& when (@lighttheme = blueprint) {
				.theme_blueprint();
			}
			& when (@lighttheme = vine) {
				.theme_vine();
			}
			& when (@lighttheme = jungle) {
				.theme_jungle();
			}
			& when (@lighttheme = custom) {
				e(@customtheme_light);
			}
			.trans_color();
		}
	}
	@media (prefers-color-scheme:dark) {
		:root when (@autotheme = 1) {
			& when (@darktheme = tea) {
				.theme_tea();
			}
			& when (@darktheme = tea_alt) {
				.theme_tea_alt();
			}
			& when (@darktheme = beach) {
				.theme_beach();
			}
			& when (@darktheme = shit) {
				.theme_shit();
			}
			& when (@darktheme = dark) {
				.theme_dark();
			}
			& when (@darktheme = muxdark) {
				.theme_muxdark();
			}
			& when (@darktheme = blueprint) {
				.theme_blueprint();
			}
			& when (@darktheme = vine) {
				.theme_vine();
			}
			& when (@darktheme = jungle) {
				.theme_jungle();
			}
			& when (@darktheme = custom) {
				e(@customtheme_dark);
			}
			.trans_color();
		}
	}

	@bg:var(--bg);
	@bgb:var(--bgb);
	@pri:var(--pri);
	@prib:var(--prib);
	@prid:var(--prid);
	@pridb:var(--pridb);
	@pril:var(--pril);
	@prilb:var(--prilb);
	@bn:var(--bn);
	@bnb:var(--bnb);
	@bnd:var(--bnd);
	@bndb:var(--bndb);
	@sec:var(--sec);
	@secb:var(--secb);
	@secp:var(--secp);
	@secpb:var(--secpb);
	@t:var(--t);
	@tl:var(--tl);
	@tg:var(--tg);
	@pt:var(--pt);
	@ptl:var(--ptl);
	@icl:var(--icl);
	@ic:var(--ic);
	@icd:var(--icd);
	@icdd:var(--icdd);
	@icddd:var(--icddd);
	@shd:var(--shd);
	@shdl:var(--shdl);

	/*1-1 渐变*/
	*, *::before, *::after {transition-timing-function:ease; transition-duration:.15s; transition-property:border, border-color, border-radius, background-color, color, box-shadow, font-size, font-weight, text-shadow, opacity, height, line-height, width, max-height, max-width, transform, padding, margin, text-align, text-decoration}
	/*1-2 去除元素*/
	ins.adsbygoogle, #toptb, #nv_forum > .wp.a_h, .hdc.cl h2, #mu, #um .pipe, /*用户信息栏“我的”，因和快捷导航内入口重复*/
	#um #myitem, /*底部导航按钮栏*/
	.pg_viewthread .pgs, .pg_guide .pgs, .pg_forumdisplay .pgs:not(#pgt) > *:not(#fd_page_bottom), .pg_forumdisplay .pgs #fd_page_bottom .pg > *:not(.nxt), /*多余搜索栏部件*/
	.scb...