/*
Theme Name: LiquidGlass
Version: 1.0
Description: 液态玻璃风格（Glassmorphism）—— 半透明毛玻璃面板 + 流动渐变背景，为无名轻博客打造。
Author: hsid.cc glass theme
License: GNU General Public License v3.0
*/
body,h1,h2,h3,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea { margin:0; padding:0 }
html{ font-size:62.5% }
*,::after,::before{ box-sizing:border-box }

body {
	font: 14px/24px Microsoft YaHei,Tahoma,Arial;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color:#1f2440;
	cursor:default;
	-webkit-font-smoothing:antialiased;
	min-height:100vh;
	background:#eaf0fb;
	background-image:
		radial-gradient(circle at 18% 16%, rgba(124,92,255,.42), transparent 42%),
		radial-gradient(circle at 82% 8%,  rgba(56,189,248,.40), transparent 46%),
		radial-gradient(circle at 72% 84%, rgba(244,114,182,.40), transparent 46%),
		radial-gradient(circle at 12% 78%, rgba(45,212,191,.38), transparent 46%),
		linear-gradient(135deg,#eef2ff 0%, #e6ecff 45%, #f7ecff 100%);
	background-attachment: fixed;
	position:relative;
	overflow-x:hidden;
}
/* 流动的液态光斑 */
body::before, body::after{
	content:""; position:fixed; z-index:-1; border-radius:50%;
	filter:blur(70px); opacity:.55; pointer-events:none;
}
body::before{
	width:54vmax; height:54vmax; left:-12vmax; top:-12vmax;
	background:radial-gradient(circle, #7c5cff, transparent 62%);
	animation: glassFloat1 20s ease-in-out infinite alternate;
}
body::after{
	width:50vmax; height:50vmax; right:-12vmax; bottom:-12vmax;
	background:radial-gradient(circle, #22d3ee, transparent 62%);
	animation: glassFloat2 26s ease-in-out infinite alternate;
}
@keyframes glassFloat1{ to{ transform:translate(9vmax,7vmax) scale(1.08) } }
@keyframes glassFloat2{ to{ transform:translate(-9vmax,-7vmax) scale(1.08) } }

@font-face {
	font-family:'iconfont';src:url('images/iconfont.eot');src:url('images/iconfont.eot?#iefix') format('embedded-opentype'),url('images/iconfont.woff') format('woff'),url('images/iconfont.ttf') format('truetype'),url('images/iconfont.svg#svgFontName') format('svg')
}
.iconfont{font-family:"iconfont";font-size:14px;font-style:normal}
.icon-view:before{content:'\e643'}
.icon-com:before{content:'\e61e'}
.icon-comm:before{content:'\e654'}
.icon-reply:before{content:'\e654';color:#ff5d8f;font-size:11px}

h1,h2,h3{ font-weight:500 }
a{ color:#3a4a8c; text-decoration:none; transition:color .25s ease }
a:hover{ color:#6a3bff }
img{ border:0 }
ol,ul,li{ list-style:none }
input,textarea,button{ outline:0 }
input,textarea{
	-webkit-appearance:none; border:1px solid rgba(255,255,255,.55);
	border-radius:10px; background:rgba(255,255,255,.45);
	backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
input[type^="checkbox"]{ -webkit-appearance:checkbox }
input:focus,textarea:focus{ border-color:#7c5cff; box-shadow:0 0 0 3px rgba(124,92,255,.18) }
input{ vertical-align:middle }
input[type^="radio"]{ border:0; background:0; width:auto }
.select, #main select{ border:1px solid rgba(255,255,255,.55); padding:2px; border-radius:8px; background:rgba(255,255,255,.45) }
.btn{
	cursor:pointer; line-height:28px; height:28px; padding:0 18px; text-align:center; border:0; border-radius:10px;
	color:#fff; background:linear-gradient(135deg,#6a8cff,#a06bff);
	box-shadow:0 6px 18px rgba(106,108,255,.35); transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.btn:hover{ transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 9px 24px rgba(124,92,255,.42) }

.box-m{ width:980px; margin:0 auto; position:relative }
.clb{ clear:both }
.hide{ display:none }

/* 玻璃通用面板 mixin（手写展开，因不支持变量） */
/* ====== 头部 ====== */
#header{ margin-bottom:22px; position:relative }
.navbar-wrap{
	width:100%; height:54px;
	background:linear-gradient(135deg, rgba(124,92,255,.78), rgba(56,150,255,.72));
	backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%);
	border-bottom:1px solid rgba(255,255,255,.45);
	box-shadow:0 6px 24px rgba(80,90,200,.22);
}
#header .logo{ line-height:54px; font-size:14px; position:absolute }
#header .logo a{
	color:#fff; font-size:22px; font-weight:700; letter-spacing:.5px;
	text-shadow:0 1px 6px rgba(120,80,255,.5)
}
#nav{ position:absolute; right:0; line-height:54px }
#nav li{ display:inline-block; padding:6px 11px }
#nav li a{
	display:inline-block; color:#fff; font-size:14px; font-weight:600; line-height:24px;
	text-shadow:0 1px 4px rgba(80,60,180,.35); transition:all .25s ease
}
#nav li a:hover, #nav li .on{ border-bottom:3px solid #fff; transform:translateY(1px) }

.other-wrap{
	width:100%; height:40px;
	background:rgba(255,255,255,.35);
	backdrop-filter:blur(14px) saturate(160%); -webkit-backdrop-filter:blur(14px) saturate(160%);
	border-bottom:1px solid rgba(255,255,255,.5)
}
.desc,.search-form{ display:block; position:absolute; height:40px; line-height:40px }
.desc{ left:0; color:#3a3f6e; font-weight:600; text-shadow:0 1px 2px rgba(255,255,255,.5) }
.search-form{ right:0; padding:7px 0 }
.search-text{
	float:left; border-right:0 !important; padding:3px 8px; height:26px; line-height:20px;
	background:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.55);
	border-bottom-right-radius:0 !important; border-top-right-radius:0 !important
}
.search-submit{
	cursor:pointer; float:left; line-height:26px; height:26px; padding:0 16px; text-align:center; border:0;
	color:#fff; background:linear-gradient(135deg,#6a8cff,#a06bff);
	border-bottom-right-radius:7px !important; border-top-right-radius:7px !important;
	box-shadow:0 4px 14px rgba(106,108,255,.35)
}

/* 顶部友链玻璃条（head.php 内联已替换为玻璃） */
.links-row{
	width:980px; margin:12px auto 0 auto;
	background:rgba(255,255,255,.40);
	backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%);
	display:flex; flex-wrap:wrap; justify-content:center; gap:6px 12px; padding:8px 10px;
	border:1px solid rgba(255,255,255,.6); border-radius:14px;
	box-shadow:0 8px 26px rgba(31,38,135,.14); box-sizing:border-box
}
.header-link-item{
	color:#3a4a8c; font-size:13px; text-decoration:none; padding:3px 8px; border-radius:8px;
	white-space:nowrap; transition:all .2s ease
}
.header-link-item:hover{ color:#fff; background:linear-gradient(135deg,#6a8cff,#a06bff) }

/* ====== 布局容器 ====== */
#wrap{ position:relative }
#content{ width:980px; margin:0 auto; overflow:hidden; padding-bottom:24px; position:relative }
#main{ width:70%; float:left; overflow:hidden }
#content .login{ background:rgba(255,255,255,.5); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); padding:24px; border-radius:16px; border:1px solid rgba(255,255,255,.6); box-shadow:0 8px 32px rgba(31,38,135,.16) }
#sidebar{ width:28%; float:right; overflow:hidden }

/* 分类小条 */
.class{
	background:rgba(255,255,255,.42); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
	padding:8px 12px; margin-bottom:12px; font-weight:700; color:#5a4ad8;
	border:1px solid rgba(255,255,255,.6); border-radius:12px; box-shadow:0 6px 20px rgba(31,38,135,.12)
}

/* ====== 文章列表卡片（毛玻璃） ====== */
.post_list{
	margin-bottom:20px; padding:18px 22px;
	background-color:rgba(255,255,255,.55);
	backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(255,255,255,.62); border-radius:18px;
	box-shadow:0 10px 34px rgba(31,38,135,.16);
	overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease
}
.post_list:hover{ transform:translateY(-3px); box-shadow:0 16px 44px rgba(124,92,255,.24); background-color:rgba(255,255,255,.66) }
.post_list h2{ overflow:hidden; text-overflow:ellipsis; margin-bottom:10px }
.post_list h2 a{ color:#2a2f5a; font-size:18px; overflow:hidden; white-space:nowrap }
.post_list h2 a:hover{ color:#6a3bff; text-decoration:none }
.info{ color:#7a82a8 }
.excerpt{ line-height:24px; color:#2c3157 }
.textPost{ cursor:pointer }
.meta{
	font-size:12px; clear:both; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#7a82a8;
	border-top:1px solid rgba(255,255,255,.6); margin:12px 0 0 0; padding:10px 0 0 0
}
.post_list .time, #article .time{ font-size:12px; color:#7a82a8; float:left }
.ico{ background:#548AF5; padding:1px 6px; font-size:10px; color:#fff; border-radius:6px }
.mi{ background:#444 }
.jin{ background:#c81623 }
.navPost{ float:right }
.navPost a{ font-size:12px }
.meat_span{ margin-right:15px }
.meta a{ color:#7a82a8 }
.meta a:hover{ color:#6a3bff }
.thumbnail{
	float:left; padding:2px; border:1px solid rgba(255,255,255,.6);
	background:rgba(255,255,255,.5); margin:0 12px 12px 0; border-radius:10px;
	transition:all .2s ease
}
.thumbnail img{ display:block; width:180px; height:120px; border-radius:8px }
.thumbnail:hover{ background:rgba(255,255,255,.8); box-shadow:0 6px 18px rgba(124,92,255,.22) }

/* ====== 分页 ====== */
.pagination{
	float:right; text-align:right; width:100%; padding:15px;
	background:rgba(255,255,255,.45); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
	border:1px solid rgba(255,255,255,.6); border-radius:14px; box-shadow:0 8px 26px rgba(31,38,135,.12)
}
.pagination span, .pagination a{
	text-align:center; display:inline-block; text-decoration:none;
	border:1px solid rgba(255,255,255,.55); padding:4px 11px; margin-left:-1px; border-radius:8px;
	background:rgba(255,255,255,.4); color:#3a4a8c; transition:all .2s ease
}
.pagination a:nth-child(2){ border-bottom-left-radius:8px; border-top-left-radius:8px }
.pagination a:last-child{ border-bottom-right-radius:8px; border-top-right-radius:8px }
.pagination .info{ margin-right:5px; border-radius:8px }
.pagination .current{ position:relative; color:#fff; background:linear-gradient(135deg,#6a8cff,#a06bff); border-color:transparent; font-weight:700; z-index:1; box-shadow:0 4px 14px rgba(106,108,255,.4) }
.pagination a:hover{ border:1px solid rgba(124,92,255,.5); background:rgba(255,255,255,.7); transform:translateY(-1px) }
.pagination .page_previous, .pagination .page_next{ width:70px; height:24px; text-align:center }
.pagination .fir_las{ width:36px; height:24px; text-align:center }

/* ====== 文章详情 ====== */
#article{
	margin-bottom:20px; padding:20px 24px;
	background-color:rgba(255,255,255,.55);
	backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(255,255,255,.62); border-radius:18px;
	box-shadow:0 10px 34px rgba(31,38,135,.16); overflow:hidden
}
#article h1{ font-size:24px; line-height:32px; margin-bottom:12px; color:#262b50 }
.text{ margin-bottom:12px; color:#2c3157; font-size:14px; word-wrap:break-word }
.text p{ overflow:auto; padding-bottom:0; line-height:27px }
.text a{ color:#4a5bd0 }
.text a:hover{ text-decoration:underline }
.text img, .text iframe{ max-width:100%; border-radius:10px }
#articlenav{
	background:rgba(255,255,255,.42); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
	padding:8px 12px; overflow:hidden; margin-bottom:12px;
	border:1px solid rgba(255,255,255,.6); border-radius:12px
}
#articlenav .pre{ float:left }
#articlenav .pre:before{ font-family:"iconfont"; font-size:14px; font-style:normal; content:'\e602' }
#articlenav .next{ float:right }
#articlenav .next:after{ font-family:"iconfont"; font-size:14px; font-style:normal; content:'\e603' }

/* ====== 侧栏 ====== */
.sidebar{ overflow:hidden }
.widget{
	background-color:rgba(255,255,255,.5);
	backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%);
	margin-bottom:12px; color:#3a4270; overflow:hidden;
	border:1px solid rgba(255,255,255,.6); border-radius:16px; box-shadow:0 8px 26px rgba(31,38,135,.12)
}
.widget a{ color:#3a4a8c }
.widget a:hover{ color:#6a3bff }
.widget h3{ padding:0 16px; font-size:14px; line-height:40px; color:#262b50; background:rgba(255,255,255,.35); border-bottom:1px solid rgba(255,255,255,.55) }
.widget ul{ padding:12px }
.widget ul ul, .widget .textwidget ul{ border-top:0; padding-top:6px }
.widget li{ line-height:20px; padding:0 0 6px 8px; margin-bottom:6px; border-bottom:1px dashed rgba(124,130,200,.25) }
.post_link{ font-size:12px; overflow:hidden; color:#7a82a8; margin-bottom:15px }
.post_link a{ font-size:12px; color:#7a82a8 }
.post_link .prev{ float:left }
.post_link .next{ float:right }

/* ====== 评论 ====== */
#comments{
	clear:both; margin-bottom:20px; padding:20px 28px 12px 28px;
	background-color:rgba(255,255,255,.55);
	backdrop-filter:blur(18px) saturate(160%); -webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(255,255,255,.62); border-radius:18px;
	box-shadow:0 10px 34px rgba(31,38,135,.16); overflow:hidden
}
#comments h3{ border-bottom:1px dashed rgba(124,130,200,.3); padding:0 0 10px 0; color:#262b50 }
.comment_list{ margin-bottom:30px }
.comment_list li{ border-bottom:1px dashed rgba(124,130,200,.22); margin:0; padding:10px 0 }
.avatar{ float:left; width:40px; margin-top:2px }
.comment{ overflow:hidden }
.comment_meta{ overflow:hidden }
.comment_meta cite, .comment_meta cite a{ font-style:normal; font-weight:600; color:#2a2f5a }
.comment_meta cite a:hover{ color:#6a3bff }
.comment_meta .time{ font-size:11px; color:#7a82a8; padding-left:6px }
.comment_meta .reply, .comment_meta .edit_link{ float:right; padding-right:10px; margin-top:-2px }
.comment_meta .reply a, .comment_meta .edit_link a{ font-size:12px; color:#3a4a8c }
.comment_meta .reply a:hover, .comment_meta .edit_link a:hover{ color:#6a3bff }
.comment_meta .reply em{ color:#7a82a8; font-size:11px }
.comment p{ color:#3a3a66; padding-right:10px; word-wrap:break-word }
.mt10{ margin-top:10px }
#codeimg{ vertical-align:middle; border-radius:8px }

/* ====== 页脚 ====== */
#footer{
	text-align:center; font-size:12px; padding:18px 10px; margin-top:8px;
	color:#3a3f6e;
	background:rgba(255,255,255,.35);
	backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
	border-top:1px solid rgba(255,255,255,.5)
}
#footer a{ color:#3a4a8c }
#footer a:hover{ color:#6a3bff }
#log a{ text-decoration:underline }
#errmsg{ padding-left:5px; color:#c81623 }

/* ====== 后台/编辑/设置（玻璃化） ====== */
.tabtitle{
	background:rgba(255,255,255,.4); line-height:30px; padding:0 10px 0 20px;
	display:-webkit-box; overflow-x:auto; overflow-y:hidden; white-space:nowrap;
	-ms-overflow-style:none; border-radius:12px; border:1px solid rgba(255,255,255,.55)
}
.tabtitle li{ cursor:pointer; display:inline-block; padding:0 15px; border-radius:8px 8px 0 0 }
.tabtitle li.on{ background:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.6); border-bottom:0; height:30px }
.tabcontent{ clear:both; margin:10px 0 0 10px }
#table{ width:100%; font-size:14px; border:1px solid rgba(255,255,255,.55); margin-top:10px; border-radius:12px; overflow:hidden }
#table thead th{ background:rgba(124,92,255,.18); padding:10px; text-align:left }
#table tbody td{ padding:10px; text-align:left; border-bottom:1px solid rgba(255,255,255,.45) }
.s_d{ margin-bottom:5px; padding:5px 0 }
.s_e{ margin-bottom:5px }
.s_e strong{ display:block; padding-bottom:5px }
.s_e .tips{ font-size:12px; color:#7a82a8; font-weight:normal }
.input_textarea{ width:100%; border:1px solid rgba(255,255,255,.55); font:14px Verdana,Arial; padding:6px; box-sizing:border-box; background:rgba(255,255,255,.45); border-radius:10px }
.input_narrow{ width:50%; border:1px solid rgba(255,255,255,.55); font:14px Verdana,Arial; padding:6px; background:rgba(255,255,255,.45); border-radius:10px }
.relog{ width:100%; height:54px }
.s_h{ height:258px; margin-bottom:5px }
.s_h .input_textarea{ height:218px }
.ef{ margin-bottom:5px }
#log{ height:300px }
#picup{ box-sizing:content-box; overflow:hidden; position:relative; line-height:60px; text-align:center; width:90px; height:60px; padding:2px; border:1px solid rgba(255,255,255,.55); border-radius:10px; background:rgba(255,255,255,.4) }
#delpic{ display:none; margin:0 2px 2px 2px; cursor:pointer; line-height:18px; z-index:10; position:absolute; bottom:0; left:0; width:90px; height:20px; background:rgba(102,102,102,.7); color:#fff; border-radius:0 0 8px 8px }
#upload-input{ cursor:pointer; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0 }
.w100{ width:100% !important }

/* 视频 */
.wm-video{ position:relative; padding-bottom:56.25% !important; height:0; overflow:hidden; border-radius:12px }
.wm-video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px }

/* 归档 */
#archives ul{ padding:10px 0 10px 20px }
#archives ul li{ padding:5px 0 }
#archives h2{ border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:6px }
#archives ul li:before{ display:inline-block; content:""; background-color:#b4b8d6; height:7px; width:7px; border-radius:100%; margin-right:10px; margin-bottom:2px }
#archives ul li:hover:before{ background-color:#6a3bff }

/* 滚动条美化 */
::-webkit-scrollbar{ width:10px; height:10px }
::-webkit-scrollbar-thumb{ background:rgba(124,92,255,.45); border-radius:10px }
::-webkit-scrollbar-thumb:hover{ background:rgba(124,92,255,.65) }
::-webkit-scrollbar-track{ background:transparent }

/* ====== 响应式 ====== */
@media screen and (max-width:980px){
	#content{ width:96% }
	#header, .box-m{ width:100% }
	.box-m{ padding:0 10px }
	.links-row{ width:96% }
	.search-form{ padding:7px }
	.desc{ padding-left:6px }
}
@media screen and (max-width:650px){
	input,textarea{ outline:none }
	html{ -webkit-text-size-adjust:none }
	.input_narrow{ width:100% }
	.collapse{ display:none }
	#pcode{ width:50% !important }
	#header{ margin-bottom:10px }
	#header p, .pagination .info, .desc{ display:none }
	.navbar-wrap{ min-height:50px; height:auto }
	#navigation{ position:relative; width:100% }
	#header .logo{ position:relative; display:block; width:100%; line-height:50px }
	.menu{ color:#fff; font-size:18px; position:absolute; right:10px; top:16px; z-index:9999 }
	.menu:after{ content:'\e636' }
	.close:after{ content:'\e624'; font-size:20px }
	#nav{ width:100%; position:relative; line-height:26px }
	#nav li{ display:block; border-top:1px solid rgba(255,255,255,.35) }
	#nav li a{ display:block; width:100% }
	#nav li a:hover, #nav li .on{ border-bottom:none }
	#header .logo a{ color:#fff; text-shadow:0 -1px 1px rgba(40,30,90,.6); font-size:20px }
	.search-form{ width:100%; padding:7px }
	.search-form .search-text{ width:calc(100% - 60px) }
	#content{ width:100% }
	#main{ width:100%; float:none; overflow:hidden; margin:0 auto 10px auto }
	.post_list{ padding:14px 12px 6px 12px; margin-bottom:12px; border-radius:14px }
	.post_list h2 a{ font-size:20px }
	.excerpt{ overflow:hidden }
	.thumbnail{ margin-bottom:0 }
	.thumbnail img{ width:144px; height:96px }
	.text{ font-size:16px }
	.meta{ margin:6px 0 0 0; padding:6px 0 0 0 }
	#sidebar{ display:none; width:94%; float:none; overflow:hidden; margin:0 auto }
	#article{ margin-bottom:20px; padding:14px 12px 6px 12px; border-radius:14px }
	#article h1{ font-size:20px }
	#article .meat_span{ width:44%; float:left }
	#article .info{ width:100%; overflow:hidden; border-bottom:1px dashed rgba(124,130,200,.3); padding-bottom:3px }
	#article .meta{ padding:5px 0 0 10px }
	.post_link .prev{ float:none }
	.post_link .next{ float:none; margin-top:10px }
	#comments{ padding:12px; border-radius:14px }
	#comments h3{ padding:0 0 10px 10px; margin:0 -10px }
	.comment{ overflow:hidden; padding-left:5px }
	.comlist:target{ padding-top:98px; margin-top:-98px; border-bottom:1px dashed #ff5d8f }
	.menu-tip{ display:none !important }
}