/* Copyright (C), 2025, GOSUN CL */

/* file:sptsz(faq7777) */

/* brief:视评图说主题 */

/* Theme:URI: https://faq7777.com */

/* author:视评图说
/* date:2025�?�?�?*/

/* version:7.7.0 */
*{-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.aiyuanma{margin:0;padding:0;}
body{background-color:#f4f4f4;font:16px/1.875em sans-serif;color:#222;word-break:break-all;}
a{text-decoration:none;outline:none;color:#222;}
a:hover{color:#006abe;}
input,textarea{appearance:none;border:none;font-family:inherit;font-size:1em;}
input:focus,textarea:focus{outline:none;}
li{list-style:none;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:10px 1%;border:1px solid #e4e4e4;box-sizing:border-box;}
img.alignleft{float:left;margin:0 1em 1em 0;}
img.aligncenter{display:block;margin:0 auto;}
img.alignright{float:right;margin:0 0 1em 1em;}


/* gold */
.inner{width:93.75%; max-width:1440px;margin:0 auto;}
.submit{cursor:pointer;}
.clear{clear:both;}

/* thumbnail */
.thumbnail{position:relative;overflow:hidden;}
.thumbnail a{display:block;padding-bottom:72%;position:relative;overflow:hidden;background:no-repeat center center;background-size:cover;}
.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:transform .3s;object-fit:cover;}
.thumbnail img:hover{transform:scale(1.1,1.1);}

/* box */
.box{background-color:#fff;padding:15px;overflow:hidden;margin-bottom:20px;}
.boxTitle {border-bottom:1px solid #e4e4e4;position:relative;padding-bottom:5px;margin-bottom:10px;}
.boxTitle .name{font-size:16px;line-height:1.5em;margin-right:50px;}
.boxTitle::after{content:'';display:block;width:2em;height:2px;background-color:#006abe;position:absolute;left:0;bottom:-1px;}
.boxTitle span,.boxTitle .arrow{display:block;position:absolute;right:0;top:0;font-weight:bold;font-size:14px;line-height:24px;overflow:hidden;}
.boxTitle i{font-style:normal;font-weight:bold;color:#006abe;}
.boxTitle span a{font-weight:normal;color:#888;position:relative;padding-right:10px;font-size:12px;}
.boxTitle span a::after{width:6px;height:6px;border-right:1px solid #888;border-bottom:1px solid #888;content:'';display:block;position:absolute;right:1px;top:50%;transform:rotate(-45deg);margin-top:-4px;}
.boxTitle .slick-arrow{display:block;width:24px;height:24px;float:left;border:none;background:none;position:relative;cursor:pointer;}
.boxTitle .slick-arrow::before{content:'';display:block;background:url("../images/icon_arrow_gray.png") no-repeat 0 0;background-size:100% auto;width:41.667%;height:66.667%;position:absolute;left:50%;top:50%;margin-left:-20.8335%;transform:translateY(-50%);}
.boxTitle .slick-prev::before{background-position:0 100%;}

/* wp-block-heading */
.wp-block-heading {font-size:16px;line-height:1.5em;border-bottom:1px solid #e4e4e4;padding-bottom:5px;margin-bottom:15px; position: relative;}
.wp-block-heading::after {content:'';display:block;width:2em;height:2px;background-color:#006abe;position:absolute;left:0;bottom:-1px;}

/* dot */
.dot{position:relative;padding-left:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dot::before{width:3px;height:3px;background-color:#006abe;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}

/* gezhancn */
.line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}

/* Slider */
.slick-load{display:none;overflow:hidden;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track::before,.slick-track::after{display:table;content:'';}
.slick-track::after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide .item{vertical-align:middle;}
[dir='rtl'] .slick-slide{float:right;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}
.slick-dots li{vertical-align:middle;}
.slick-dots button{display:block;border:none;background-color:transparent;cursor:pointer;}

/* top */
#top{position:relative;padding-bottom:27.5px;}
#top::before{content:'';display:block;width:100%;height:100%;background:url("../images/bg.jpg") no-repeat center center;background-size:cover;position:absolute;left:0;top:0;}

/* topbar */
#topbar{background-color:#006abe;color:#fff;position:relative;z-index:2;}
#topbar .inner{overflow:hidden;}
#topbar a{color:#fff;}
#topbar a:hover{opacity:.85;}

/* welcome */
#welcome{float:left;}
#welcome,#pagelist{line-height:2em;font-size:14px;padding:5px 0;}

/* pagelist */
#pagelist{float:left;margin-left:20px;}
#pagelist ul{overflow:hidden;}
#pagelist li{float:left;padding-left:25px;position:relative;}
#pagelist li::after{width:1px;height:10px;background-color:rgb(255 255 255 / .5);content:'';display:block;position:absolute;left:12px;top:50%;margin-top:-5px;}
#pagelist li:first-child::after{display:none;}

/* topauth */
#topauth{float:right;}
#topauth a{position:relative;padding-left:15px;}
#topauth a:not(:first-child)::before{content:'';display:block;width:1px;height:10px;background-color:rgb(255 255 255 / .5);position:absolute;left:7px;top:50%;margin-top:-5px;}

/* header */
#header{position:relative;z-index:2;padding:30px 0;}
#header .inner{display:table;table-layout:fixed;}
#header .td{display:table-cell;vertical-align:middle;}

#header #logo img{ height:70px;}

/* logo */
#logo{position:relative;}
#logo a{display:block;;position:relative;}

/* topBtn */
#topBtn{width:0;}
#topBtn .btn{float:left;}
#topBtn i{display:block;cursor:pointer;}

/* schBtn */
#schBtn{display:none;}
#schBtn i{width:20px;height:20px;background:url("../images/search_blue.png") no-repeat 0 0;background-size:100% auto;}

/* topGG */
#topGG{padding-left:25px;width:468px;}
#topGG a{display:block;float:right;}
#topGG img{display:block;width:auto;max-width:100%;height:auto;height:96px;}

/* navBtn */
#navBtn{display:none;width:22px;height:20px;overflow:hidden;margin-left:15px;opacity:.85;}
#navBtn i{display:block;width:100%;height:3px;background-color:#006abe;position:relative;float:right;top:50%;transform:translateY(-50%);transition:width .3s;}
#navBtn i::before,#navBtn i::after{width:130%;height:3px;background-color:#006abe;content:'';display:block;position:absolute;right:0;transition:width .3s;}
#navBtn i::before{bottom:8px;}
#navBtn i::after{top:8px;}
#navBtn.active i{width:100%;}
#navBtn.active i::before,#navBtn.active i::after{width:70%;}

/* search */
#search{overflow:hidden;display:table-cell;vertical-align:middle;padding-left:35px;}
#search form{overflow:hidden;width:80%;margin:0 auto;border-radius:25px;box-shadow:0 2px 10px rgb(0 106 190 / 0.2);}
#search .submit{float:right;width:50px;height:50px;background:#006abe url("../images/search_white.png") no-repeat center center;background-size:44% auto;border-radius:0 25px 25px 0;transition:all 0.3s ease;}
#search .submit:hover{background-color:#004a8f;}
#search .input{border:2px solid #006abe;margin-right:50px;display:block;color:#333;border-right:none;border-radius:25px 0 0 25px;}
#search .text{height:28px;line-height:28px;width:98%;padding:9px 2% 9px 15px;font-size:16px;background-color:#fff;text-indent:0;border:none;outline:none;transition:all 0.3s ease;}
#search .text:focus{box-shadow:0 0 0 2px rgb(0 106 190 / 0.3);}

/* nav */
#nav{margin-top:-27.5px;position:relative;z-index:2;}
#nav .inner{background-color:#006abe;}
#nav ul{display: flex; flex-wrap: wrap;}
#nav li{line-height:55px;font-size:16px;position:relative;font-weight:bold;width:11.111%;text-align:center;}
#nav li a{color:#fff;display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;}
#nav li.on > a,#nav li.current-menu-item > a,#nav li.current-menu-parent > a,#nav li.current_page_item > a{background-color:rgb(255 255 255 / .15);}
#nav li ul{position:absolute;left:0;top:100%;width:100%;background-color:#006abe;box-shadow:0 3px 3px rgb(0 0 0 / .2);padding:10px 0;display:none;}
#nav li li{text-align:center;display:block;font-weight:normal;width:auto;line-height:40px;}
#nav li em{position:absolute;top:50%;right:3px;height:15px;width:15px;transform:translateY(-50%);display:none;}
#nav li em::after,#nav li.hasSub > a::after{content:'';width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transition:all .3s;}
#nav li em::after{display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;}
#nav li.hasSub > a::after{display:inline-block;vertical-align:middle;margin:-5px 0 0 5px;}

/* wrapper */
#wrapper{padding:20px 0;}

/* table */
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:top;}

/* main */
#main.td{padding-left:1.5625%;}
#main .boxTitle{margin-bottom:15px;}

/* hmTop */
#hmTop{display:table;width:100%;table-layout:fixed;}
#hmTop .td{display:table-cell;vertical-align:top;}

/* slides */
#slides{width:456px;padding-right:30px;}
#slides .item a{display:block;color:#fff;background:no-repeat center center;background-size:cover;padding-bottom:70%;position:relative;}
#slides .item h2{position:absolute;left:0;bottom:0;width:90%;padding:5px 5%;font-size:14px;line-height:1.875em;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;background-color:rgb(0 0 0 / .15);font-weight:normal;}
#slides .slick-arrow{position:absolute;top:50%;display:block;transform:translateY(-50%);width:30px;height:40px;background:rgb(0 0 0 / .35) no-repeat center center;background-size:contain;opacity:.5;color:#fff;font-size:0;line-height:normal;transition:all .3s;text-indent:-99999em;overflow:hidden;z-index:3;border:none;cursor:pointer;}
#slides .slick-prev{left:-30px;}
#slides .slick-next{right:-30px;}
#slides .slick-prev::after,#slides .slick-next::after{content:'';display:block;width:13px;height:21px;position:absolute;left:50%;margin-left:-6.5px;top:50%;transform:translateY(-50%);background:url("../images/icon_arrow.png") no-repeat 0 100%;background-size:100% auto;}
#slides .slick-next::after{background-position:0 0;}
#slides:hover .slick-prev{left:0;}
#slides:hover .slick-next{right:0;}
#slides .slick-dots{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);white-space:nowrap;line-height:5px;}
#slides .slick-dots li{display:inline-block;margin:0 5px;}
#slides .slick-dots button{display:block;text-indent:-9999em;overflow:hidden;width:5px;height:5px;background-color:rgb(255 255 255 / .75);transition:all .3s;line-height:5px;}
#slides .slick-dots .slick-active button{background-color:#006abe;width:20px;}
#slides .load{padding-bottom:100%;background-color:#f9f9f9;position:relative;}
#slides .load span{display:block;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);font-size:36px;line-height:1.125em;color:#999;text-align:center;}

/* latest */
#latest{overflow:hidden;}
#latest .list{max-height:416px;overflow:hidden;-webkit-overflow-scrolling:touch;}
#latest ul{overflow:hidden;}
#latest li{font-size:14px;line-height:32px;overflow:hidden;float:left;width:48%;}
#latest li:nth-child(2n){float:right;}
#latest li time{display:block;float:right;color:#888;font-size:12px;}
#latest li a{margin-right:80px;}

/* carousel */
.carousel .boxTitle{margin-bottom:15px;}
.carousel .slick-load{width:101%;}
.carousel .info{margin-right:7.3%;overflow:hidden;}
.carousel .thumbnail{margin-bottom:10px;}
.carousel .title{font-size:14px;line-height:1.5em;font-weight:normal;max-height:3em;-webkit-line-clamp:2;}
.carousel .load{padding-bottom:11.544%;margin-bottom:55px;}

/* picture */
.picture .boxTitle{margin-bottom:5px;}
.picture ul{overflow:hidden;width:101%;}
.picture li{float:left;width:19%;padding:1% 1% 0 0;}
.picture .thumbnail{margin-bottom:10px;}
.picture .title{font-size:14px;line-height:1.5em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}

/* column */
.column .list{overflow:hidden;width:102%;}
.column .item{width:31.333%;float:left;padding-right:2%;}
.column .item:nth-child(n+4){padding-top:2%;}
.column li{overflow:hidden;}
.column .thumbnail{width:130px;float:left;}
.column .info{margin-left:145px;overflow:hidden;}
.column .first{padding:8px 0;}
.column .first .title{margin-bottom:5px;}
.column .first .title a{display:block;font-size:14px;line-height:1.65em;max-height:3.3em;-webkit-line-clamp:2;}
.column .first p{font-size:13px;line-height:1.75em;height:3.5em;-webkit-line-clamp:2;color:#888;}
.column .li{border-top:1px dashed #eee;padding-top:5px;margin-top:5px;line-height:30px;}
.column .li .title{font-weight:normal;font-size:14px;margin-right:70px;}
.column time{display:block;float:right;font-size:12px;color:#888;}
.column .warning{margin-bottom:0;text-align:center;padding:5% 0;}

/* gallery */
.gallery{overflow:hidden;}
.gallery ul{overflow:hidden;width:100.7%;}
.gallery li{float:left;width:15.965%;padding:0.7% 0.7% 0 0;}
.gallery li .thumbnail{padding-bottom:75%;}
.gallery li img{transition:all .3s;}
.gallery li:first-child{width:32.615%;}
.gallery li:first-child .thumbnail{padding-bottom:75.5%;}
.gallery li a{overflow:hidden;display:block;position:relative;background-color:#f9f9f9;}
.gallery li a::before,.gallery li a::after{content:'';display:block;position:absolute;opacity:0;transition:all .3s;}
.gallery li a::before{left:0;top:0;background-color:rgb(0 0 0 / .5);width:100%;height:100%;z-index:1;}
.gallery li a::after{left:50%;top:50%;z-index:2;opacity:0;width:10%;padding-bottom:10%;background:url("../images/icon_link.png") no-repeat center center;background-size:contain;margin-left:-5%;transform:translateY(-50%);}
.gallery li a:hover::before{opacity:1;}
.gallery li a:hover::after{opacity:1;}
.gallery li a:hover img{transform:scale(1.1);}

/* news */
.news .boxTitle{margin-bottom:15px;}
.news ul{overflow:hidden;}
.news .top{float:right;width:560px;position:relative;}
.news .top h3{position:absolute;left:0;bottom:0;width:100%;font-size:14px;font-weight:normal;line-height:30px;}
.news .top h3 a{display:block;padding:0 3%;color:#fff;background-color:rgb(0 0 0 / .5);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news .item{overflow:hidden;margin:0 590px 15px 0;}
.news .item:last-child{margin-bottom:0;}
.news .item .thumbnail{float:left;width:125px;}
.news .item .info{margin-left:140px;}
.news .item h3{font-size:16px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;}
.news .item time{display:block;font-size:12px;line-height:2em;color:#999;}
.news .item p{font-size:13px;color:#888;line-height:1.75em;height:3.5em;-webkit-line-clamp:2;}

/* 文章列表 */
.blogItem{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #e4e4e4;}
.blogItem .thumbnail{float:left;width:250px;}
.blogItem .info{margin-left:265px;overflow:hidden;padding:5px 0;}
.blogItem .title{line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;margin-bottom:5px;}
.blogItem .title strong {color:#f00;}
.blogItem .meta{color:#888;margin-bottom:5px;overflow:hidden;}
.blogItem .meta a{color:#888;}
.blogItem .meta span{font-size:12px;background:no-repeat left center;padding:0 16px;background-size:auto 10px;display:block;float:left;}
.blogItem .meta .views{float:right;padding-right:0;background-image:url("../images/icon_01.png");}
.blogItem .meta .tag{background-image:url("../images/icon_02.png");}
.blogItem .meta .date{background-image:url("../images/icon_03.png");}
.blogItem .intro{font-size:14px;color:#666;line-height:1.75em;height:5.25em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:13px;text-align:justify;}
.blogItem .more{overflow:hidden;}
.blogItem .more a{display:block;float:right;color:#fff;background-color:#006abe;padding:0 10px;font-size:12px;height:26px;line-height:26px;}
.blogItem .more a:hover{opacity:.75;}

/* gallery */
#gallery .list{overflow:hidden;margin-bottom:20px;}
#gallery ul{overflow:hidden;width:101%;border-bottom:1px dashed #e4e4e4;}
#gallery li{float:left;width:32.333%;padding:0 1% 2% 0;}
#gallery .listpic{clear:both;width:99%;}
#gallery .thumbnail{margin-bottom:10px;}
#gallery .title{font-size:14px;line-height:1.5em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}

/* pagenavi */
#pagenavi{clear:both;font-size:14px;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
#pagenavi a,#pagenavi .current {display:block;height:2.3em;line-height:2.3em; min-width:2.3em; padding:0 0.5em;background-color:#f1f1f1;color:#888;margin:0.15em;box-sizing:border-box;}
#pagenavi .current,#pagenavi a:hover{background-color:#006abe;color:#fff;}

/* breadcrumb */
.breadcrumb{font-size:14px;line-height:1.5em;margin-bottom:20px;padding:10px 15px;background-color:#f9f9f9;border-radius:3px;}
.breadcrumb a{color:#006abe;}
.breadcrumb a:hover{color:#004a8f;}
.breadcrumb a::after{content:'»';margin:0 8px;color:#888;}
.breadcrumb a:last-child::after{display:none;}

/* 侧边 */
#sidebar{width:300px;}

/* 侧边 */
.widget ul{overflow:hidden;}
.widget li{overflow:hidden;font-size:14px;line-height:1.875em;}
.widget img{max-width:100%;height:auto;}
.widget .custom{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e4e4e4;}
.widget .custom:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.widget .thumbnail{width:100px;float:left;}
.widget .info{margin-left:110px;}
.widget .title{font-size:14px;line-height:1.75em;height:3.5em;color:#333;overflow:hidden;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.widget .meta{font-size:12px;line-height:1.5em;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:no-repeat left center;background-size:auto 12px;padding-left:17px;}
.widget .views{background-image:url("../images/icon_01.png");}
.widget .rand{background-image:url("../images/icon_02.png");}
.widget .cmt{background-image:url("../images/icon_04.png");}
.widget .date{background-image:url("../images/icon_03.png");}

/* textwidget */
.textwidget a{display:block;}
.textwidget img{display:block;}

/* divComments */
.widget_mza_recent_comments li{overflow:hidden;color:#444;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #e4e4e4;text-align:justify;}
.widget_mza_recent_comments li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.widget_mza_recent_comments li .top{border:1px solid #eee;padding:5px 10px;font-size:12px;line-height:1.75em;color:#999;position:relative;margin-bottom:10px;}
.widget_mza_recent_comments li .top::after{content:'';display:block;width:7px;height:7px;border-right:1px solid #eee;border-bottom:1px solid #eee;background-color:#fff;transform:rotate(45deg);position:absolute;bottom:-5px;left:7px;}
.widget_mza_recent_comments li .gravatar{float:left;width:24px;height:24px;overflow:hidden;border-radius:50%;}
.widget_mza_recent_comments li img{display:block;width:100%;height:100%;object-fit:cover;}
.widget_mza_recent_comments li .text{margin-left:30px;line-height:24px;max-height:48px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.widget_mza_recent_comments li a{overflow:hidden;color:#555;}

/* widget_categories */
.widget_nav_menu li,.wp-block-page-list li,.widget_categories li,.wp-block-categories li,.widget_pages li,.widget_meta li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1% 0;}
.wp-block-page-list li a,.widget_categories li a,.wp-block-categories li a,.widget_pages li a,.widget_nav_menu li a,.widget_meta li a{background-color:#f9f9f9;color:#555;padding:5px 10px;display:block;}
.wp-block-page-list li li a,.widget_categories li li a,.wp-block-categories li li a,.widget_pages li li a{padding-left:2em;}

/* divLinkage */
.widget_archive li,.wp-block-archives li,.widget_links li{float:left;width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1% 0;font-size:12px;}
.widget_archive li:nth-child(2n),.wp-block-archives li:nth-child(2n),.widget_links li:nth-child(2n){float:right;}
.widget_links li a,.widget_archive li a,.wp-block-archives li a{background-color:#f9f9f9;color:#555;padding:5px 10px;display:block;}

/* divCalendar */
.widget_calendar .wp-block-calendar,.widget_calendar .calendar_wrap{padding:20px;}
.widget_calendar caption{margin-bottom:10px;line-height:1.35em;font-weight:bold;vertical-align:middle;}
.widget_calendar .wp-calendar-nav a{font-size:0.875em;line-height:2em;}
.widget_calendar td,.widget_calendar th{width:13.285%;padding:0 0.5%;text-align:center;font-size:14px;}
.widget_calendar td a{padding:10%;background-color:#006abe;border-radius:50%;color:#fff;}

/* divSearchPanel */
.widget_search form{position:relative;}
.widget_search .searchform > div,.widget_search .wp-block-search__inside-wrapper{position:relative;padding-right:42px;overflow:hidden;}
.widget_search label{font-size:0.875em;position:absolute;left:0;top:0;line-height:40px;padding:0 3%;cursor:text;width:94%;display:none;}
.widget_search input[type='text'],.widget_search .wp-block-search__input{height:24px;line-height:24px;padding:8px 3%;border:1px solid #e4e4e4;width:94%;box-sizing:content-box;}
.widget_search input[type='submit'],.widget_search .wp-element-button{color:#fff;position:absolute;right:0;top:0;height:100%;width:42px;background-color:#006abe;cursor:pointer; font-size: 14px;}
.widget_search .wp-block-search label{position:static;padding:0;width:auto;font-size:0.875em;}
.widget_search .wp-element-button{border:none;}

/* divPrevious */
.widget_recent_comments li,
.widget_recent_entries li{position:relative;padding:0 0 10px 10px;margin-bottom:10px;border-bottom:1px dashed #e4e4e4;}

.widget_recent_comments li::before,
.widget_recent_entries li::before{width:3.5px;height:3.5px;content:'';display:block;background-color:#006abe;position:absolute;left:0;top:12px;}

.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}

/* divTags */
.widget_tag_cloud .tagcloud,.widget_tag_cloud .wp-block-tag-cloud{display: flex; flex-wrap: wrap;}
.widget_tag_cloud a{display:block;background-color:#f9f9f9;border-radius:0;padding:0 10px;color:#fff;font-size:12px;margin:1% 1% 1% 0;line-height:2.2em;}
.widget_tag_cloud a:hover{opacity:.8;}
.widget_tag_cloud a:nth-child(8n-7){background-color:#8A9B0F;}
.widget_tag_cloud a:nth-child(8n-6){background-color:#EB6841;}
.widget_tag_cloud a:nth-child(8n-5){background-color:#3FB8AF;}
.widget_tag_cloud a:nth-child(8n-4){background-color:#FE4365;}
.widget_tag_cloud a:nth-child(8n-3){background-color:#FC9D9A;}
.widget_tag_cloud a:nth-child(8n-2){background-color:#EDC951;}
.widget_tag_cloud a:nth-child(8n-1){background-color:#C8C8A9;}
.widget_tag_cloud a:nth-child(8n){background-color:#83AF9B;}
.widget_tag_cloud a:first-child{background-color:#E1474D;}
.widget_tag_cloud a:last-child{background-color:#3299BB;}

/* entry */
.entry{overflow:hidden;}
.entry * {line-height:1.875em;}
.entry img{max-width:100%;height:auto;}
.entry blockquote{margin:0 2em 2.5%;overflow:hidden;padding:2.5% 2.5% 0;color:#555;background-color:#f9f9f9;font-style:italic;}
.entry ul,.entry ol{margin-bottom:2.5%;margin-left:2em;padding-left:1em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2.5%;}
.entry a{color:#006abe;text-decoration:underline;}
.entry hr{border:none;margin-bottom:2.5%;border-bottom:1px solid #e4e4e4;overflow:hidden;clear:both;}

/* postTags _aiyuanma */
#postTags{font-size:14px;line-height:1.75em;}
#postTags span{font-weight:bold;color:#000;}
#postTags a{margin:0 1.5%;}

/* postnavi */
#postnavi{font-weight:bold;font-size:14px;line-height:1.75em;}
#postnavi .prev,#postnavi .next{width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#postnavi .prev{float:left;}
#postnavi .next{float:right;text-align:right;}

/* breadcrumb */
#breadcrumb{font-size:14px;line-height:1.5em;color:#999;float:right;}
#breadcrumb a{color:#999;padding-right:0;font-size:14px;}
#breadcrumb a::after{display:none;}
#breadcrumb .home{background:url("../images/icon_home.png") no-repeat left;background-size:auto 14px;padding-left:20px;}
#breadcrumb i{font-style:normal;font-family:Simsun;margin:0 5px 0 3px;color:#999;}

/* 广告 */
.listpic{overflow:hidden;}
.listpic.mb{margin-bottom:2.5%;}
.listpic a{display:block;}
.listpic img{display:block;width:100%;height:auto;}

/* postTitle aiyuanma_ */
#postTitle{font-size:24px;text-align:center;line-height:1.5em;padding:2% 0 3%;}

/* postmeta */
#postmeta{font-size:0;line-height:normal;text-align:center;margin-bottom:2.5%;border-bottom:1px dashed #eee;padding-bottom:2.5%;}
#postmeta span{font-size:14px;color:#888;margin:0 10px;display:inline-block;background:no-repeat left center;padding-left:20px;background-size:auto 12px;}
#postmeta a{color:#888;}
#postmeta a:hover{color:#006abe;}
#postmeta .views{background-image:url("../images/icon_01.png");}
#postmeta .tag{background-image:url("../images/icon_02.png");}
#postmeta .date{background-image:url("../images/icon_03.png");}

/* errorPage */
#errorPage #postTitle{margin-top:10%;}
#errorPage .entry{text-align:center;margin-bottom:15%;}

/* related */
#related ul{overflow:hidden;width:102%;}
#related li{float:left;width:23%;padding:1% 2% 1% 0;}
#related .thumbnail{margin-bottom:5px;}
#related h4{font-size:14px;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}

/* links */
#links ul{overflow:hidden;width:102%;}
#links li{font-size:14px;line-height:1.75em;padding:0.5% 1% 0.5% 0;float:left;}

/* respond */
#respond{position:relative;overflow:hidden;}
#respond .item{margin-bottom:2%;position:relative;}
#respond label{display:block;font-size:14px;line-height:1.75em;color:#555;margin-bottom:5px;}
#respond label i{font-style:normal;color:#f00;font-size:12px;margin-left:5px;}
#respond .input{border:1px solid #e4e4e4;overflow:hidden;}
#respond .text{font-size:14px;line-height:24px;padding:5px 5%;width:90%;display:block;border:none;border-radius:3px;color:#555;font-family:'Microsoft Yahei';}
#respond textarea.text{height:110px;resize:vertical;padding:5px 1.5%;width:97%;}
#respond .inp{width:102%;overflow:hidden;}
#respond .inp .item{float:left;width:31.333%;padding-right:2%;}
#respond .verify{width:130px;float:left;margin-bottom:0;}
#respond .verify img{display:block;cursor:pointer;height:36px;width:auto;position:absolute;left:110%;bottom:0;}
#respond .btn{overflow:hidden;padding-top:30.5px;}
#respond .submit{float:right;background-color:#006abe;border:none;width:100px;height:35px;color:#fff;font-size:14px;border-radius:3px;cursor:pointer;}
#respond .submit:hover{opacity:.85;}
#cancel-comment-reply-link{font-size:12px;color:#999;line-height:2em;}

/* warning */
.warning{font-size:12px;color:#999;line-height:2em;clear:both;margin-bottom:2%;}

/* commentslist */
#comments{overflow:hidden;}
#comments li{position:relative;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #f6f6f6;overflow:hidden;}
#comments .gravatar{float:left;padding:3px 0;}
#comments .gravatar img{width:40px;height:40px;display:block;}
#comments .info{margin-left:55px;overflow:hidden;}
#comments .meta{overflow:hidden;font-size:12px;line-height:1.35em;color:#999;margin-bottom:10px;}
#comments .meta span{display:block;float:left;}
#comments .meta .reply{float:right;}
#comments .meta a{color:#006abe;}
#comments .name{font-size:16px;font-weight:bold;line-height:1.5em;color:#333;margin-bottom:5px;}
#comments .name a{color:#333;}
#comments .text{font-size:14px;line-height:2em;color:#666;}
#comments .text li{margin-left:0;}
#comments li li{margin:15px 0 5px 55px;background-color:#f9f9f9;padding:15px;border-bottom:none;}
#comments li li li{margin:10px 10px 5px;background-color:#fff;border:1px solid #e5e5e5;}

/* footer */
#footer{font-size:14px;line-height:1.75em;color:#fff;color:rgb(255 255 255 / .5);padding:2.5% 0;background-color:#006abe;}
#footer a{color:#919191;color:rgb(255 255 255 / .5);}
#footer a:hover{color:#fff;}



/* social */
#social{float:right;}
#social ul{font-size:0;line-height:normal;padding:2px 0;}
#social li{display:inline-block;margin-left:20px;position:relative;}
#social a{display:block;overflow:hidden;width:22px;height:22px;background:no-repeat center center;background-size:contain;opacity:.5;}
#social a:hover{opacity:1;}
#social .dy a{background-image:url("../images/icon_douyin.png");}
#social .wx a{background-image:url("../images/icon_wechat.png");}
#social .wb a{background-image:url("../images/icon_weibo.png");}
#social .qq a{background-image:url("../images/icon_qq.png");}
#social .em a{background-image:url("../images/icon_email.png");}
#social .qr{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;background-color:#fff;padding:10px;width:200px;min-height:200px;margin-bottom:10px;border:1px solid #e4e4e4;border-radius:4px;box-shadow:0 4px 10px rgb(0 0 0 / 0.08);display:none;box-sizing:border-box;}
#social .qr::after{width:7px;height:7px;background-color:#fff;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;margin-left:-5px;bottom:-5px;}
#social img{display:block;width:100%;height:auto;}
#social .mail-card{color:#111;font-size:14px;line-height:1.6;text-align:center;word-break:break-all;padding:6px;}

/* copyright */
#copyright{margin-right:168px;line-height:26px;font-size:14px;}
#copyright a{display:inline-block;}
#copyright img{display:inline-block;vertical-align:middle;width:auto;height:20px;margin-top:-3px;}

/* screen width */
@media only screen and (width <=1280px){
	/* 1280px */
	#header{padding:3.9% 0;}

	/* 1280px */
	#logo{width:214px;}

	/* 1280px */
	#search form{width:100%;}
	#search .text{height:24px;line-height:24px;}
	#search .submit{width:46px;height:46px;}
	#search .input{margin-right:46px;}

	/* 1280px */
	#nav li{line-height:50px;}

	/* 1280px */
	#slides{width:350px;padding-right:20px;}

	/* 1280px */
	#latest .list{max-height:310px;}
	#latest li{line-height:31px;}
	#latest .mCustomScrollbar{padding-right:10px;}

	/* 1280px */
	.news .top{width:450px;}
	.news .item{margin:0 470px 10px 0;}
	.news .item .thumbnail{width:100px;}
	.news .item .info{margin-left:110px;}
	.news .item h3{line-height:28px;}
	.news .item p{white-space:nowrap;display:block;-webkit-line-clamp:1;height:auto;}

	/* 1280px */
	.carousel .slick-load{width:101.282%;}
	.carousel .info{margin-right:6.329%;}

	/* 1280px */
	#sidebar{width:280px;}

	/* 1280px */

}

@media only screen and (width <=1024px){
	/* 1024px */
	#top{box-shadow:0 1px 2px #ccc;border-bottom:1px solid #efefef;padding-bottom:0;}

	/* 1024px */
	#header{padding:20px 0;}
	#header .inner,#header .td{display:block;}

	/* 1024px */
	#logo{float:left;width:178px;}

	/* 1024px */
	#topGG{width:auto;padding-left:0;clear:both;}
	#topGG.td{display:none;}
	#topGG a{float:none;}
	#topGG img{width:100%;height:auto;}

	/* 1024px */
	#topBtn{position:absolute;right:3.125%;top:50%;transform:translateY(-50%);width:auto;}

	/* 1024px */
	#schBtn{display:block;}

	/* 1024px */
	#search.td{display:none;}
	#search{padding:0;margin:0 80px;position:absolute;top:50%;transform:translateY(-50%);right:3.125%;width:350px;}
	#search .text{padding:6px 3%;width:94%;font-size:14px;text-indent:0;}
	#search .submit{width:40px;height:40px;}
	#search .input{margin-right:40px;}

	/* 1024px */
	#navBtn{display:inline-block;}

	/* 1024px */
	#nav{position:fixed;left:0;top:0;height:100%;width:100%;margin:0;cursor:pointer;background-color:rgb(0 0 0 / 0.3);display:none;z-index:9;}
	#nav .inner{position:fixed;top:0;left:-100%;width:235px;background-color:#006abe;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:1px 0 30px rgb(0 0 0 / 0.5);transition:left .3s;}
	#nav .active{left:0;}
	#nav ul{padding:60px 0; display: block;}
	#nav li{display:block;width:auto;text-align:left;}
	#nav li a{color:#fff;padding:0 50px 0 2em;}
	#nav li a:hover{background-color:transparent;}
	#nav li.cur a:hover{background-color:rgb(255 255 255 / .15);}
	#nav li ul{padding:0;display:none;width:auto;position:static;left:auto;top:auto;background-color:transparent;box-shadow:none;}
	#nav li li{text-align:left;font-size:14px;line-height:40px;font-weight:bold;}
	#nav li li a{padding:0 0 0 4em;}
	#nav li.hasSub > a::after{display:none;}
	#nav li em{width:50px;height:50px;top:0;right:0;z-index:2;transform:none;display:block;}
	#nav li em::after{width:6px;height:6px;border-color:#fff;transform:rotate(-45deg);margin-left:-4px;transition:all .3s;}
	#nav li em.open::after{transform:rotate(45deg);}

	/* 1024px */
	#slides{width:395px;}

	/* 1024px */
	#latest .list{max-height:352px;}
	#latest li{float:none;width:auto;line-height:32px;}
	#latest li:nth-child(2n){float:none;}
	.table,.table .td{display:block;width:auto;}

	/* 1024px */
	#main.td{padding-left:0;}

	/* 1024px */
	.blogItem{margin-bottom:15px;padding-bottom:15px;}

	/* 1024px */
	#sidebar{width:auto;}

	/* 1024px */
	#divTags li{padding:0.5% 1% 0.5% 0;}

	/* 1024px */
	.picture{margin-bottom:1.5625%;}

	/* 1024px */
	.news .top{width:350px;}
	.news .item{margin:0 370px 11px 0;}
	.news .item .thumbnail{width:75px;}
	.news .item .info{margin-left:85px;}
	.news .item h3{line-height:2em;}
	.news .item time{display:none;}

	/* 1024px */
	.carousel .slick-load{width:101%;}
	.carousel .info{margin-right:4.5%;}

	/* 1024px */
	.column .list{width:auto;}
	.column .item{float:none;width:auto;padding-right:0;margin-bottom:2.5%;}
	.column .item:last-child{margin-bottom:0;}
}

@media only screen and (width <=768px){
#header #logo img
{    height: 50px;
    width: auto;
    max-width: initial;}

	/* 768px */
	.dot{padding-left:10px;}

	/* 768px */
	#logo{width:134px;}

	/* 768px */
	#search{position:absolute;top:100%;right:0;width:100%;margin:0;background-color:#006abe;transform:none;}

	/* 768px */
	#nav .inner{width:200px;}
	#nav ul{padding:55px 0;}
	#nav li{font-size:14px;line-height:40px;}
	#nav li a{padding-left:1em;padding-right:40px;}
	#nav li li a{padding-left:3em;}
	#nav li em{width:40px;height:40px;}

	/* 768px */
	#slides .item h2{font-size:12px;line-height:1.5em;}
	#slides .slick-arrow{width:20px;height:30px;}
	#slides .slick-prev::after,#slides .slick-next::after{width:8px;height:13px;margin-left:-4px;}
	#slides .slick-prev{left:0;}
	#slides .slick-next{right:0;}
	#slides .slick-dots{bottom:35px;}

	/* 768px */
	#slidesNav .item a{margin-right:4.23728%;}

	/* 768px */
	.boxTitle .name{font-size:14px;}
	.boxTitle .slick-arrow{width:20px;height:20px;}

	/* 768px */
	.picture .boxTitle{margin-bottom:10px;}
	.picture ul{width:103%;}
	.picture li{width:47%;padding:1% 3% 0 0;}
	.picture .thumbnail{margin-bottom:5px;}
	.picture .title{margin-bottom:5px;}

	/* 768px */
	.blogItem{margin-bottom:10px;padding-bottom:10px;}
	.blogItem .thumbnail{width:100px;}
	.blogItem .info{margin-left:115px;padding:0;}
	.blogItem .info h2{font-size:14px;line-height:1.75em;height:3.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;white-space:normal;}
	.blogItem .intro{white-space:nowrap;display:block;height:auto;margin-bottom:0;}
	.blogItem .meta,.blogItem .more{display:none;}

	/* 768px */
	#gallery .list{margin-bottom:10px;}
	#gallery ul{width:103%;}
	#gallery li{width:47%;padding-right:3%;}
	#gallery .thumbnail{margin-bottom:5px;}
	#gallery .title{margin-bottom:5px;}

	/* 768px */
	#pagenavi{padding:3% 0 1%;font-size:12px;}

	/* 768px */
	#main .boxTitle{margin-bottom:10px;}

	/* 768px */
	.widget .info{margin-left:110px;}
	.widget .custom{margin-bottom:10px;padding-bottom:10px;}

	/* 768px */
	.wp-block-heading {margin-bottom: 10px;}

	/* 768px */
	.widget_mza_recent_comments li{margin-bottom:12px;padding-bottom:8px;}

	/* 768px */
	#footer{padding:30px 0;}

	/* 768px */
	#copyright{text-align:center;font-size:12px;margin-right:0;}

	/* 768px */
	#social{float:none;margin-bottom:10px;}
	#social ul{text-align:center;}

	/* 768px */
	#related ul{width:105%;}
	#related li{width:45%;padding:2% 5% 2% 0;}

	/* 768px */
	#postnavi{font-weight:normal;line-height:2em;}
	#postnavi .prev,#postnavi .next{float:none;width:auto;text-align:left;}

	/* 768px */
	.entry{font-size:14px;line-height:1.75em;}
	.entry * {line-height:1.75em;}
	.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry hr,.entry blockquote,.entry ol,.entry ul{margin-bottom:3%;}

	/* 768px */
	#postTitle{font-size:20px;padding:3% 0 4%;}

	/* 768px */
	#postmeta{margin-bottom:3%;padding-bottom:3%;}
	#postmeta span{margin:0 5px;font-size:12px;background-size:auto 12px;padding-left:18px;}

	/* 768px */
	#breadcrumb{line-height:22px;}
	#breadcrumb a{font-size:12px;}
	#breadcrumb .home{background-size:auto 12px;padding-left:18px;}

	/* 768px */
	#respond .inp{width:auto;}
	#respond .inp .item{float:none;width:auto;padding-right:0;}
	#respond .verify{width:auto;float:none;padding-right:110px;margin-bottom:10px;}
	#respond .verify img{left:auto;right:0;}
	#respond .btn{clear:both;padding:2% 0;overflow:hidden;}
	#respond .submit{height:30px;width:100%;}

	/* 768px */
	#comments li{padding-bottom:10px;margin-bottom:10px;}
	#comments .gravatar img{width:30px;height:30px;}
	#comments .info{margin-left:40px;}
	#comments .meta{margin-bottom:5px;}
	#comments .name{font-size:14px;}
	#comments li li{margin:10px 0 5px 40px;padding:10px;}
	#comments li li li{margin:5px;}

	/* 768px */
	.box{padding:0 3.125%;margin-bottom:15px;}

	/* 768px */
	#pagelist{display:none;}

	/* 768px */
	#topbar{background-color:#006abe;}

	/* 768px */
	#welcome{float:none;white-space:nowrap;text-overflow:ellipsis;line-height:1.75em;font-size:12px;padding:2px 0;color:#fff;}

	/* 768px */
	.gallery ul{width:102%;}
	.gallery li{width:31.333%;padding:1% 2% 1% 0;}
	.gallery li:first-child{width:31.333%;}
	.gallery li:first-child .thumbnail{padding-bottom:75%;}

	/* 768px */
	.news .boxTitle{margin-bottom:10px;}
	.news .top{float:none;width:auto;margin-bottom:10px;}
	.news .item{margin:0 0 15px;}
	.news .item .thumbnail{width:100px;}
	.news .item .info{margin-left:110px;}
	.news .item h3{line-height:1.65em;white-space:normal;font-size:14px;font-weight:bold;margin-bottom:6px;}
	.news .item time{display:none;}

	/* 768px */
	#links li{padding:0 10px 0 0;}

	/* 768px */
	.carousel .boxTitle{margin-bottom:12px;}
	.carousel .slick-load{width:102.521%;}
	.carousel .info{margin-right:5.848%;}
	.carousel .thumbnail{margin-bottom:5px;}

	/* 768px */
	.column .item{margin-bottom:10px;}
	.column .li{line-height:28px;}

	/* 768px */
	#hmTop,#hmTop .td{display:block;width:auto;}

	/* 768px */
	#slides{padding-right:0;margin-bottom:10px;}

	/* 768px */
	#latest .list{max-height:300px;}
	#latest li{line-height:30px;}

	/* 768px */
	#wrapper{width:auto;background-color:#fff;padding:10px 0;}

	/* 768px */

}

/* 刀 �?�?�?网新增分页样�?www.dkewl.com */
.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}

.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:"宋体"}
.text-secondary{ text-align:center; padding:20px 0}

.ab_img img{ max-width:100%; height:auto;display:inline-block;}
.ab_img p{text-wrap: inherit;}
.ab_img p span{text-wrap: inherit;}

.yzm{ position:relative}
.yzm img{ position:absolute; right:0; top:0; height:34px}

/* Collage grid */
.sptsz-collage{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;align-items:start}
.sptsz-collage figure{margin:0}
.sptsz-collage img{display:block;width:100%;height:auto;border-radius:8px}

@media (width <=560px){
  .sptsz-collage{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
}

/* =================== UI REFINEMENTS (Glass Search + Glass Nav) =================== */

/* 顶栏搜索框：玻璃拟态外观（不改动后�?HTML结构�?*/
#header #search{padding-left:35px;}

#header #search form{
  width: 86%;
  margin: 0 auto;
  border-radius: 14px;
  background: linear-gradient(135deg, rgb(255 255 255 / .16), rgb(255 255 255 / .10));
  border: 1px solid rgb(255 255 255 / .35);
  box-shadow: 0 8px 24px rgb(0 0 0 / .12), inset 0 1px rgb(255 255 255 / .35);
  backdrop-filter: blur(12px);
  overflow: hidden;
}

#header #search .input{
  margin-right:60px;
  border:none;
  background: transparent;
  border-radius: 14px 0 0 14px;
}

#header #search .text{
  height: 40px;
  line-height: 40px;
  padding: 6px 18px;
  width: calc(100% - 18px);
  font-size: 15px;
  color: #fff;
  background: transparent;
}
#header #search .text::placeholder{color: rgb(255 255 255 / .85);}

#header #search .submit{
  width: 52px; height: 52px;
  background: linear-gradient(135deg, #2f86ff, #0a63c9);
  border-radius: 0 14px 14px 0;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  box-shadow: 0 6px 14px rgb(15 92 170 / .35);
  background-image: url("../images/search_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28% auto;
}

#header #search .submit:hover{
  filter: brightness(.98);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgb(15 92 170 / .45);
}

/* 适配平板/移动展开的搜索条 */
@media (width <=1280px){
  #header #search form{width:100%;}
}

@media (width <=1024px){
  #header #search{right:3.125%; width: 360px;}
  #header #search .input{margin-right:52px;}
  #header #search .text{height:38px; line-height:38px;}
  #header #search .submit{width:48px; height:48px; background-size: 44% auto;}
}

@media (width <=768px){
  #header #search{width:100%; margin:0; background: transparent;}

  #header #search form{
    border-radius: 0;
    border-left: none; border-right: none;
  }
}

/* 主菜单容器：毛玻璃边框与半透明背景，修复边缘线条不美观问题 */
#nav{margin-top:-27.5px; position:relative; z-index:2;}

#nav .inner{
  background: linear-gradient(180deg, rgb(0 106 190 / .60), rgb(0 106 190 / .55));
  border: 1px solid rgb(255 255 255 / .28);
  border-radius: 12px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  box-shadow:
    0 8px 24px rgb(0 0 0 / .16),
    inset 0 1px rgb(255 255 255 / .35),
    inset 0 -1px rgb(0 0 0 / .06);
}

/* 导航项：使用下划线指示器代替整块高亮，显得更精致 */
#nav ul{display:flex; flex-wrap:wrap; gap: 0;}
#nav li{line-height:56px; position:relative; font-size:16px; width: auto; padding: 0 18px;}
#nav li a{color:#fff; display:block; position:relative;}

#nav li a::after{
  content:""; position:absolute; left:10%; right:10%; bottom:10px; height:3px;
  background: linear-gradient(90deg, rgb(255 255 255 / 0), rgb(255 255 255 / .9), rgb(255 255 255 / 0));
  transform: scaleX(0); transform-origin: center; transition: transform .18s ease;
  border-radius:3px;
}

#nav li:hover a::after, 
#nav li.current-menu-item a::after, 
#nav li.current-menu-parent a::after, 
#nav li.current_page_item a::after{ transform: scaleX(1); }

#nav li.on > a,
#nav li.current-menu-item > a,
#nav li.current-menu-parent > a,
#nav li.current_page_item > a{
  background: transparent; /* 覆盖原整块背景高�?*/
}

/* 下拉菜单背景同样采用半透明+模糊 */
#nav li ul{
  background: linear-gradient(180deg, rgb(0 106 190 / .75), rgb(0 106 190 / .65));
  border: 1px solid rgb(255 255 255 / .25);
  backdrop-filter: blur(8px);
  border-radius: 10px;
}

/* 移动端侧滑菜单保留原背景以保证可读性（不强制毛玻璃�?*/
@media (width <=1024px){
  #nav .inner{
    border-radius: 0;
    border-left: none; border-right: none; backdrop-filter: none;
    background-color:#006abe;
    box-shadow: 1px 0 30px rgb(0 0 0 / 0.5);
  }
}

/* =================== THEME COLOR OVERRIDES: Yellow-Blue Gradient ===================
   目标：在不改动模�?后端的前提下，将站点主色统一为黄→蓝渐变�?
   注意：使�? 覆盖原有颜色；细小元素采用蓝端纯色，保证可读性�?*/
:root{
  --spt-primary-start: #FFD54F;      /* 明亮�?*/
  --spt-primary-end:   #2F86FF;      /* 品质�?*/
  --spt-primary:       #2F86FF;      /* 文字/边框默认主色（蓝端） */
  --spt-primary-dark:  #1f6fd6;      /* hover/深色 */
  --spt-grad: linear-gradient(135deg, var(--spt-primary-start), var(--spt-primary-end));
  --spt-grad-vert: linear-gradient(180deg, rgb(255 213 79 / .90), rgb(47 134 255 / .90));
}

/* 顶部条与导航背景 */
#topbar{ background: var(--spt-grad); }

#nav .inner{
  background: var(--spt-grad-vert);
  border-color: rgb(255 255 255 / .28);
}

/* 搜索按钮与强调按�?*/

/* 搜索框高度压缩版（约减半），统一覆盖 #search �?#header #search */
#search form{border-radius:14px;}
#search .input{border-radius:14px 0 0 14px;}
#search .text{height:14px; line-height:14px; padding:4px 2% 4px 12px; font-size:14px;}
#search .submit{height:25px; background-size:44% auto;}

/* 头部搜索区域 */
#header #search .text{height:20px; line-height:20px;}
#header #search .submit{height:26px;}

/* 响应式下同样压缩 */
@media (width <=768px){
  #search .text{height:12px; line-height:12px; padding:4px 3%;}
  #search .submit{height:20px;}
  #header #search .text{height:18px; line-height:18px;}
  #header #search .submit{height:22px;}
}

#header #search .submit{
  background: var(--spt-grad);
  box-shadow: 0 6px 14px rgb(47 134 255 / .35);
}

.widget_search input[type='submit'],
.widget_search .wp-element-button,
.blogItem .more a,
#respond .submit,
#sptsz-backtop{
  background: var(--spt-grad);
  border: none;
}

/* 链接与hover主色（文字） */
a:hover,
.breadcrumb a:hover,
#postmeta a:hover { color: var(--spt-primary-dark); }

/* 线条/分隔/小圆点等主色�?*/
.boxTitle::after,
.wp-block-heading::after { background: var(--spt-grad); }

.dot::before,
.widget_recent_comments li::before,
.widget_recent_entries li::before { background-color: var(--spt-primary); }

#postmeta .views,
#postmeta .tag,
#postmeta .date { background-color: transparent; }

/* 选中/当前导航的下划线指示器采用渐�?*/
#nav li a::after{
  background: linear-gradient(90deg, rgb(255 255 255 / 0), #fff, rgb(255 255 255 / 0));
}

/* 下拉菜单背景与边框也统一为半透明黄蓝渐变 */
#nav li ul{
  background: linear-gradient(180deg, rgb(255 213 79 / .92), rgb(47 134 255 / .85));
  border-color: rgb(255 255 255 / .25);
}

/* 小组�?分页等带主色背景的地�?*/
#pagenavi .current,
#pagenavi a:hover{
  background: var(--spt-grad);
  color:#fff;
  border-color: transparent;
}

/* 页脚背景保持主色系（无需强制渐变可视需求切换） */
#footer{ background: var(--spt-grad); }

/* 其他使用 #006abe 的图标性细节保持蓝端色，以确保识别�?*/
#navBtn i,
#navBtn i::before,
#navBtn i::after { background-color: var(--spt-primary); }

/* 回到顶部按钮强制修复：明确尺寸与层级，透明背景但保留图�?*/
#sptsz-backtop{
  width:46px;
  height:46px;
  padding:0;
  right:16px;
  bottom:80px;
  background: transparent url("../images/icon_backtop.png") no-repeat center center;
  background-size:60% auto;
  border-radius:8px;
  box-shadow:none;
  z-index:9999;
}

/* 首页头部搜索按钮也补回图标（首页可能没有 #header 作用域） */
#search .submit{
  background: transparent;
  background-image: url("../images/search_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28% auto;
  box-shadow: none;
}

/* =================== BUTTON BACKGROUND TRANSPARENT OVERRIDE ===================
   说明：只将“按钮的背景色”设为透明，保留原有背景图�?渐变等（不使�?background 简写覆盖）�?
   影响范围：全站常见按钮元素与类，修复搜索按钮和回到顶部按钮被背景色遮挡的问题�?*/
button,
input[type='submit'],
input[type='button'],
input[type='reset'],
.submit,
.wp-element-button,
.sptsz-like,
#sptsz-backtop,
.blogItem .more a,
.widget_search input[type='submit']{
  background-color: transparent;
}

/* =================== FORCE TRANSPARENT BUTTON BACKGROUND ===================
   说明：对常见按钮强制移除任何背景（包括渐变），避免残留色块；随后对有图标的按钮单独还原图标�?*/
button,
input[type='submit'],
input[type='button'],
input[type='reset'],
.submit,
.wp-element-button,
.blogItem .more a,
.sptsz-like{
  background: transparent;
  box-shadow: none;
}

/* 搜索按钮：保留图标，仍使用透明背景 */
#header #search .submit{
  background: transparent;
  background-image: url("../images/search_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28% auto;
  box-shadow: none;
}

/* 回到顶部按钮：保留图标，透明背景（如前已覆盖，再加一层保险） */
#sptsz-backtop{
  background: transparent url("../images/icon_backtop.png") no-repeat center center;
  background-size: 50% auto;
  box-shadow: none;
}

/* 点赞按钮样式 */
.like-bar{ text-align:center; margin: 12px 0 18px; }

.sptsz-like{
  display:inline-flex; align-items:center; gap:10px;
  height:40px; padding:0 16px; border-radius:20px;
  border:1px solid rgb(47 134 255 / .35);
  background: var(--spt-grad); color:#8fb408; cursor:pointer;
  box-shadow: 0 6px 14px rgb(47 134 255 / .25); transition: all .18s ease;
}
.sptsz-like:hover{ filter:brightness(.98); transform: translateY(-1px); }
.sptsz-like:disabled{ opacity:.55; cursor:not-allowed; filter:none; transform:none; }

.sptsz-like .icon{
  width:18px; height:18px; background: url('../images/icon_like.png') no-repeat center/contain;
}
.sptsz-like .count{ font-style:normal; font-weight:600; }

/* Like button visibility enhancement: subtle background + clearer border */
.sptsz-like{
  background-color: rgb(47 134 255 / .10);   /* 浅蓝底，提升可见�?*/
  border-color: rgb(47 134 255 / .55);       /* 边框更清�?*/

  /* 保持文字颜色不变：不覆盖 color */
  box-shadow: none;
}

.sptsz-like:hover{
  background-color: rgb(47 134 255 / .16);   /* 悬停稍加�?*/
  transform: translateY(-1px);
}

/* Back-to-top removed */
#sptsz-backtop{ display:none; width:0; height:0; background:none; }

/* =================== COMMENTS UI (form fix + beautify) =================== */
.comments-area{
  margin-top: 18px;
}

/* 未登录提�?*/
.comment-login-tip{
  max-width:760px;margin:0 auto 14px;padding:12px 14px;border-radius:8px;
  background:#fff8e1;border:1px solid #ffe082;color:#8d6e63;font-size:14px;
}

.comments-area .comment-form{
  max-width: 760px;
  margin: 0 auto 18px;
  padding: 16px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgb(255 255 255 / .85), rgb(255 255 255 / .78));
  border: 1px solid rgb(0 0 0 / .06);
  box-shadow: 0 10px 22px rgb(0 0 0 / .06), inset 0 1px rgb(255 255 255 / .7);
  backdrop-filter: blur(6px);
}

.comments-area .comment-form p{
  margin: 0 0 12px;
}

.comments-area .comment-form textarea,
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"]{
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background: #fff;
  border: 1px solid rgb(0 0 0 / .12);
  border-radius: 8px;
  transition: box-shadow .18s ease, border-color .18s ease;
}

.comments-area .comment-form textarea:focus,
.comments-area .comment-form input[type="text"]:focus,
.comments-area .comment-form input[type="email"]:focus,
.comments-area .comment-form input[type="url"]:focus{
  border-color: rgb(47 134 255 / .55);
  box-shadow: 0 0 0 3px rgb(47 134 255 / .20);
  outline: none;
}

.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-url{
  display: grid;
  gap: 6px;
}

.comments-area .comment-form label{
  font-size: 13px;
  color: #555;
}

/* 统一按钮：强制可见、与站点主色一致（覆盖全局透明策略�?*/
.comments-area .comment-form .submit{
  display: inline-block;
  min-width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  background: var(--spt-grad);
  color: #fff;
  border: none;
  box-shadow: 0 6px 14px rgb(47 134 255 / .25);
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.comments-area .comment-form .submit:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow: 0 10px 20px rgb(47 134 255 / .35);
}

/* 评论列表卡片化，层级更清�?*/
.comments-area .comments-title{
  max-width: 760px;
  margin: 10px auto 12px;
  font-size: 18px;
  line-height: 1.6;
}

.comments-area .comment-list{
  max-width: 760px;
  margin: 0 auto 16px;
}

/* 折叠容器：默认折叠显示前几屏高度 */
.comments-collapsible.is-collapsed .comment-list{
  max-height: 520px;
  overflow: hidden;
  position: relative;
}

.comments-collapsible.is-collapsed .comment-list::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:80px;
  background: linear-gradient(180deg, rgb(255 255 255 / 0), rgb(255 255 255 / 1));
}

.comments-toggle{
  display:block;margin:0 auto 12px;min-width:160px;height:38px;line-height:38px;text-align:center;
  border-radius:19px;border:1px solid rgb(0 0 0 / .12);background:#fff;cursor:pointer;
}
.comments-toggle:hover{box-shadow:0 6px 16px rgb(0 0 0 / .08);}

.comments-area .comment-list > li{
  background: #fff;
  border: 1px solid rgb(0 0 0 / .06);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 12px;
  box-shadow: 0 4px 14px rgb(0 0 0 / .04);
}

.comments-area .comment-list li li{
  background: #f9fafc;
  border-color: rgb(0 0 0 / .06);
  border-radius: 8px;
}

/* =================== COMMENTS UI: Enhancements =================== */

/* 未登录提示：增加明显的登录按�?*/
.comment-login-tip{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}

.comment-login-tip .btn-login{
  flex:none; display:inline-block; min-width:108px; height:34px; line-height:34px; text-align:center;
  border-radius:18px; background: var(--spt-grad); color:#fff; padding:0 14px;
  box-shadow: 0 6px 14px rgb(47 134 255 / .25); transition: transform .18s ease, filter .18s ease;
}
.comment-login-tip .btn-login:hover{ transform: translateY(-1px); filter: brightness(.98); }

/* 已登录提示行（资�?退出） */
.comment-logged-as{ margin-bottom:8px; font-size:13px; color:#666; }
.comment-logged-as a{ color: var(--spt-primary); }
.comment-logged-as a:hover{ color: var(--spt-primary-dark); }

/* 表单容器：防止按钮裁切，背景更清�?*/
.comments-area .comment-form{
  padding:16px 18px 18px;
  background: linear-gradient(135deg, rgb(255 255 255 / .95), rgb(255 255 255 / .90)); backdrop-filter: blur(4px);
  overflow: visible;
}

/* 提交区域与按钮：右对齐、对比度更强 */
.comments-area .comment-form .form-submit{ margin-top:10px; text-align:right; }

.comments-area .comment-form .submit{
  min-width:128px; height:40px; line-height:40px; border-radius:20px;
  background: var(--spt-grad); color:#fff; border:none;
  box-shadow: 0 6px 14px rgb(47 134 255 / .28);
}

.comments-area .comment-form .submit:hover{
  transform: translateY(-1px); filter: brightness(.98);
  box-shadow: 0 10px 20px rgb(47 134 255 / .35);
}

/* --- Like button: gradient background + gradient border (keep text color unchanged) --- */
.sptsz-like{
  background: var(--spt-grad);
  border: 1px solid transparent;
  border-image: var(--spt-grad) 1;
}

.sptsz-like:hover{
  background: var(--spt-grad);
}

/* Like text: set to black, bold and larger */
.sptsz-like span,
.sptsz-like .count{
  color: #000;
  font-weight: 700;
  font-size: 1.05em;
}

/* === Like button beautify (compact capsule) === */
.sptsz-like{
  /* 胶囊底色：柔和黄蓝渐变，带轻微玻璃感 */
  background: var(--spt-grad);
  border: 1px solid transparent;
  border-image: var(--spt-grad) 1;
  border-radius: 14px;
  padding: 4px 12px;   /* 保持紧凑 */
  gap: 6px;
  height: 22px;

  /* 细腻阴影与内发光，避免突兀 */
  box-shadow:
    0 4px 10px rgb(47 134 255 / .18),
    inset 0 1px rgb(255 255 255 / .55),
    inset 0 -1px rgb(0 0 0 / .06);

  /* 过渡与悬�?*/
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.sptsz-like:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow:
    0 8px 18px rgb(47 134 255 / .28),
    inset 0 1px rgb(255 255 255 / .65),
    inset 0 -1px rgb(0 0 0 / .08);
}

/* 图标更精致且不抢�?*/
.sptsz-like .icon{
  width: 12px;
  height: 12px;
  filter: drop-shadow(0 0 0 rgb(0 0 0 / 0)); /* 移除过强阴影 */
}

/* 文本保持居中（之前规则已设），微调字重与间距 */
.sptsz-like span{
  flex: 1 1 auto;
  text-align: center;
  letter-spacing: .2px;
}

/* 计数改为徽章：白底半透明、蓝字，边框更精�?*/
.sptsz-like .count{
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 6px;
  border-radius: 10px;

  /* 颜色：先纯色备用，再 rgba */
  background: #fff;               /* fallback solid */
  background: rgb(255 255 255 / .85);
  color: var(--spt-primary);
  border: 1px solid #2F86FF;         /* fallback */
  border: 1px solid rgb(47 134 255 / .35);
  box-shadow: 0 2px 6px rgb(47 134 255 / .15) inset;
  font-weight: 600;                  /* 徽章略微减弱字重，避免过�?*/
  font-size: .95em;
}

/* --- Like button compact system style override --- */
.sptsz-like{
  padding: 4px 11px;                 /* 宽度约减 1/3 */
  gap: 6px;                          /* 间距缩小以配合整体尺�?*/
  height: 20px;                      /* 高度约减�?*/
  border-radius: 12px;

  /* 颜色：先纯色备用，再 rgba */
  background-color: #2F86FF;         /* fallback solid */
  background-color: rgb(47 134 255 / .10); /* 主题浅蓝�?*/
  border: 1px solid #2F86FF;         /* fallback */
  border: 1px solid rgb(47 134 255 / .55); /* 主题蓝系边框 */
  color: var(--spt-primary);
}

.sptsz-like .icon{
  width: 12px;                       /* 18 -> 12 */
  height: 12px;
}

.sptsz-like span,
.sptsz-like .count{
  font-size: 0.9em;
  line-height: 1.2;
}

.sptsz-like:hover{
  filter: brightness(.98);
  transform: translateY(-1px);

  /* 颜色：先纯色备用，再 rgba */
  background-color: #2F86FF;         /* fallback solid */
  background-color: rgb(47 134 255 / .16); /* 悬停稍加深的主题浅蓝 */
}

/* 居中“点赞”文本：�?span 占据中间空间并居中对�?*/
.sptsz-like span{
  flex: 1 1 auto;
  text-align: center;
}

/* 图标与计数固定宽度，不参与中间撑开 */
.sptsz-like .icon,
.sptsz-like .count{
  flex: none;
}

/* Emergency: overlay/mask default hidden to restore clicks; show only when login modal is open */
body:not(.sptsz-auth-open) #sptsz-login-mask,
body:not(.sptsz-auth-open) #sptsz-login-modal{
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Ensure page stays interactive */
html, body { pointer-events: auto; }

/* ================= CSS 规范追加 =================
   1) 颜色写法：先写纯色备用（hex/rgb），再写 rgba 透明�?
   2) 逐步移除 !important，仅在“组件覆盖区”使�?
   3) 统一主题色变量（可在此集中修改）
*/
:root{
  --spt-primary: #2F86FF;
  --spt-primary-rgb: 47,134,255;
  --spt-primary-dark: #0F5CAA;
}

/* 示例：纯色备�?+ rgba（背�?边框�?*/
.u-bg-primary-soft{
  background-color: var(--spt-primary);                      /* fallback solid */
  background-color: rgb(var(--spt-primary-rgb), .10);
}

.u-border-primary-soft{
  border-color: var(--spt-primary);                          /* fallback solid */
  border-color: rgb(var(--spt-primary-rgb), .35);
}

/* 组件覆盖区：如需强制覆盖才可使用 !important（尽量避免） */
.component-override{
  /* 示例占位，实际使用时按需填写 */
}

/* ===== Article paragraph spacing refinement (段前缩减，特殊块保留间距) ===== */
.entry p{
  margin-top: 0.5em;     /* 默认段前缩减 */
  text-indent: 2em;      /* 每段首行缩进两个字符 */
}
.entry p:first-child{
  margin-top: 0;         /* 首段不加段前距 */
}

/* 特殊块后紧邻段落：保留更大的段前距，避免视觉拥挤 */
.entry blockquote + p,
.entry pre + p,
.entry figure + p,
.entry table + p,
.entry ul + p,
.entry ol + p,
.entry h1 + p,
.entry h2 + p,
.entry h3 + p,
.entry h4 + p,
.entry h5 + p,
.entry h6 + p{
  margin-top: 1.25em;    /* 恢复合理的段前距 */
}

/* =================== OPTIMIZATION OVERRIDES ===================
   - Consolidate like button styles to avoid conflicting rules
   - Improve accessibility: visible focus state
   - Performance: lighten glass effects on mobile
   - Typography: remove global first-line indent; enable by language class
*/

/* 1) Like button: unified, conflict-free component style */
.sptsz-like{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
  background: var(--spt-grad);
  color: #000;
  border: 1px solid rgb(var(--spt-primary-rgb), .35);
  box-shadow:
    0 4px 10px rgb(var(--spt-primary-rgb) / .18),
    inset 0 1px rgb(255 255 255 / .55),
    inset 0 -1px rgb(0 0 0 / .06);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.sptsz-like:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow:
    0 8px 18px rgb(var(--spt-primary-rgb) / .28),
    inset 0 1px rgb(255 255 255 / .65),
    inset 0 -1px rgb(0 0 0 / .08);
}
.sptsz-like .icon{
  width: 14px;
  height: 14px;
  background: url('../images/icon_like.png') no-repeat center/contain;
}
.sptsz-like .count{
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 18px;
  padding: 0 6px;
  border-radius: 10px;
  background: rgb(255 255 255 / .85);
  color: var(--spt-primary);
  border: 1px solid rgb(var(--spt-primary-rgb), .35);
  box-shadow: inset 0 2px 6px rgb(var(--spt-primary-rgb) / .12);
  font-weight: 600;
  font-size: .95em;
}

/* 2) Accessibility: keyboard focus visible across interactive elements */
a:focus-visible,
button:focus-visible,
.submit:focus-visible,
.wp-element-button:focus-visible,
input[type='submit']:focus-visible,
input[type='button']:focus-visible,
input[type='reset']:focus-visible{
  outline: 3px solid rgb(var(--spt-primary-rgb), .60);
  outline-offset: 2px;
  border-radius: 6px;
}

/* 3) Mobile performance: lighten blur/shadows for glass components */
@media (width <=768px){
  #header #search form{
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .10), inset 0 1px rgb(255 255 255 / .35);
  }
  #nav .inner{
    backdrop-filter: blur(4px);
    box-shadow: 0 6px 16px rgb(0 0 0 / .12), inset 0 1px rgb(255 255 255 / .35), inset 0 -1px rgb(0 0 0 / .06);
  }
}

/* 4) Typography: remove global first-line indent; enable via language class */
.entry p{ text-indent: 0; }
body.lang-zh .entry p{ text-indent: 2em; }

/* =================== BUTTON SYSTEM (Variable + Variants) ===================
   目标：建立统一的按钮系统（primary / ghost / icon），并映射现有按钮选择器
   注意：不影响头部搜索按钮（#header #search .submit 拥有更高特异性）
*/

/* Vars */
:root{
  --btn-radius: 14px;
  --btn-height: 36px;
  --btn-px: 14px;
  --btn-font-size: 14px;
  --btn-shadow: 0 6px 14px rgb(var(--spt-primary-rgb) / .25);
}

/* Base */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height: var(--btn-height); padding:0 var(--btn-px); border-radius: var(--btn-radius);
  font-size: var(--btn-font-size); font-weight:600; cursor:pointer;
  border: 1px solid transparent; transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

/* Variants */
.btn-primary{
  background: var(--spt-grad); color:#fff; border:none; box-shadow: var(--btn-shadow);
}
.btn-primary:hover{ transform: translateY(-1px); filter: brightness(.98); box-shadow: 0 10px 20px rgb(var(--spt-primary-rgb) / .35); }

.btn-ghost{
  background: transparent; color: var(--spt-primary);
  border: 1px solid rgb(var(--spt-primary-rgb) / .45);
}
.btn-ghost:hover{ background: rgb(var(--spt-primary-rgb) / .10); }

.btn-icon{
  width: var(--btn-height); height: var(--btn-height); padding:0; border-radius: 50%;
  display:inline-flex; align-items:center; justify-content:center;
  background: var(--spt-grad); color:#fff; border:none; box-shadow: var(--btn-shadow);
}
.btn-icon:hover{ transform: translateY(-1px); filter: brightness(.98); box-shadow: 0 10px 20px rgb(var(--spt-primary-rgb) / .35); }

/* Mapping existing selectors to primary style (exclude header search submit by specificity) */
.submit,
.wp-element-button,
input[type='submit'],
input[type='button'],
input[type='reset'],
.blogItem .more a{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height: var(--btn-height); padding:0 var(--btn-px); border-radius: var(--btn-radius);
  font-size: var(--btn-font-size); font-weight:600; cursor:pointer;
  background: var(--spt-grad); color:#fff; border:none; box-shadow: var(--btn-shadow);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
.submit:hover,
.wp-element-button:hover,
input[type='submit']:hover,
input[type='button']:hover,
input[type='reset']:hover,
.blogItem .more a:hover{
  transform: translateY(-1px); filter: brightness(.98); box-shadow: 0 10px 20px rgb(var(--spt-primary-rgb) / .35);
}

/* Ghost mapping: search widget uses ghost style to避免色块覆盖 */
.widget_search input[type='submit'],
.widget_search .wp-element-button{
  background: transparent; color: var(--spt-primary);
  border: 1px solid rgb(var(--spt-primary-rgb) / .45);
}
.widget_search input[type='submit']:hover,
.widget_search .wp-element-button:hover{
  background: rgb(var(--spt-primary-rgb) / .10);
}

/* Size helpers */
.btn-sm{ height: 30px; padding: 0 10px; border-radius: 12px; font-size: 13px; }
.btn-lg{ height: 42px; padding: 0 16px; border-radius: 18px; font-size: 15px; }

/* =================== UTILITIES: Gradients & Glass =================== */
/* 渐变工具类：用于需要快速应用主题渐变的元素 */
.u-grad{
  background: var(--spt-grad) !important;
  color: #fff;
}
.u-grad-vert{
  background: var(--spt-grad-vert) !important;
  color: #fff;
}

/* 玻璃拟态工具类：统一样式，降低特异性；用于容器或按钮壳 */
.u-glass{
  background: linear-gradient(135deg, rgb(255 255 255 / .16), rgb(255 255 255 / .10));
  border: 1px solid rgb(255 255 255 / .30);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgb(0 0 0 / .12), inset 0 1px rgb(255 255 255 / .45);
}
@media (width <=768px){
  .u-glass{
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .10), inset 0 1px rgb(255 255 255 / .35);
  }
}

/* =================== ACCESSIBILITY + DARK MODE (WCAG AA) =================== */
:root{
  --surface: #ffffff;
  --surface-soft: #f9f9f9;
  --text-main: #222222;
  --text-secondary: #555555;
}

/* 默认提高文本与背景对比 */
body{ background-color: #f4f4f4; color: var(--text-main); }
.box, .widget, .breadcrumb, .comments-area .comment-list > li{
  background: var(--surface);
}

/* 深色模式：提升对比、保持主题色识别度 */
@media (prefers-color-scheme: dark){
  :root{
    --surface: #12151b;
    --surface-soft: #0f1216;
    --text-main: #e8eaed;
    --text-secondary: #c2c7d0;
  }

  /* 图标显色增强：搜索/返回顶部/社交 */
  #header #search .submit{ opacity: 0.95; filter: brightness(1.05) contrast(1.1); }
  #sptsz-backtop{ opacity: 0.95; filter: brightness(1.05) contrast(1.1); }
  #social a{ opacity: 0.9; }
  #social a:hover{ opacity: 1; }

  /* 顶部按钮在暗色下边框/对比增强 */
  #topauth a.btn{ border-color: rgb(255 255 255 / .25); }
  #topauth a.btn.btn-primary{ box-shadow: 0 6px 14px rgb(0 0 0 / .35); }
  #topauth a.btn.btn-ghost:hover{ background: rgb(255 255 255 / .08); }
}

@media (prefers-color-scheme: dark){
  body{ background-color: var(--surface-soft); color: var(--text-main); }
  a{ color: #8ab4f8; }
  a:hover{ color: #a6c8ff; }

  .box, .widget, .breadcrumb, .comments-area .comment-list > li{
    background: #12151b;
    border-color: rgb(255 255 255 / .08);
    box-shadow: 0 4px 12px rgb(0 0 0 / .35);
  }

  /* 顶栏/导航/页脚的渐变在深色下降低亮度以保证文字对比 */
  #topbar{ background: linear-gradient(135deg, rgb(255 213 79 / .65), rgb(47 134 255 / .65)); }
  #nav .inner{
    background: linear-gradient(180deg, rgb(0 106 190 / .45), rgb(0 106 190 / .40));
    border-color: rgb(255 255 255 / .18);
  }
  #footer{ background: linear-gradient(135deg, rgb(255 213 79 / .55), rgb(47 134 255 / .55)); }

  /* 按钮：确保文本白色且边框/阴影不过暗 */
  .btn-primary,
  .submit,
  .wp-element-button,
  input[type='submit'],
  input[type='button'],
  input[type='reset'],
  .blogItem .more a{
    color:#fff;
    box-shadow: 0 6px 14px rgb(0 0 0 / .35);
  }

  .btn-ghost,
  .widget_search input[type='submit'],
  .widget_search .wp-element-button{
    color: #cfe1ff;
    border-color: rgb(255 255 255 / .25);
  }
  .btn-ghost:hover,
  .widget_search input[type='submit']:hover,
  .widget_search .wp-element-button:hover{
    background: rgb(255 255 255 / .08);
  }

  /* 玻璃效果在深色下降低透明度，避免灰雾 */
  .u-glass{
    background: linear-gradient(135deg, rgb(255 255 255 / .10), rgb(255 255 255 / .08));
    border-color: rgb(255 255 255 / .20);
    backdrop-filter: blur(8px);
  }
}

/* 焦点可见性（已添加）基础上，深色模式提高可视性 */
@media (prefers-color-scheme: dark){
  a:focus-visible,
  button:focus-visible,
  .submit:focus-visible,
  .wp-element-button:focus-visible,
  input[type='submit']:focus-visible,
  input[type='button']:focus-visible,
  input[type='reset']:focus-visible,
  .btn:focus-visible{
    outline: 3px solid rgb(138 180 248 / .85);
    outline-offset: 2px;
  }
}

/* =================== EMPHASIS: 使用 .btn-* 精细控制 =================== */
/* 强调按钮：可在需要更显眼处使用（尺寸略大、阴影更强） */
.btn-emphasis{
  height: 40px; padding: 0 18px; border-radius: 18px; font-size: 15px;
  background: var(--spt-grad); color:#fff; border:none;
  box-shadow: 0 10px 20px rgb(var(--spt-primary-rgb) / .35);
}
.btn-emphasis:hover{ transform: translateY(-1px); filter: brightness(.98); box-shadow: 0 14px 28px rgb(var(--spt-primary-rgb) / .45); }

/* =================== PIXEL TUNE OVERRIDES (Home/Article/Category) =================== */
/* 统一卡片与容器阴影强度（更柔和，减少干扰） */
.box{ box-shadow: 0 2px 10px rgb(0 0 0 / .06); }

/* 统一标题与列表间距（视觉更紧凑，提升信息密度） */
.boxTitle{ margin-bottom:12px; }
.blogItem{ margin-bottom:18px; padding-bottom:18px; }
.gallery .thumbnail{ margin-bottom:8px; }

/* 分类/归档栏目列表微调（更合理的行距与间距） */
.column .item{ margin-bottom: 2.2%; }
.column .li{ line-height: 29px; }

/* 页码区域在移动端增加上下间隔，避免挤压 */
@media (width <=768px){
  #pagenavi{ padding: 3.5% 0 1.5%; }
}

/* 深色模式下卡片阴影略加强但不过暗，保证层次 */
@media (prefers-color-scheme: dark){
  .box{ box-shadow: 0 3px 12px rgb(0 0 0 / .30); }
}

/* =================== ICONS: Dark mode visibility + hover micro-interactions =================== */
/* 社交图标：标准模式下增强悬停反馈，避免过度动画 */
#social a{
  transition: transform .16s ease, filter .16s ease, opacity .16s ease;
}
#social a:hover{
  transform: translateY(-1px) scale(1.04);
  filter: brightness(1.06) contrast(1.06) drop-shadow(0 2px 6px rgb(0 0 0 / .15));
  opacity: 1;
}

/* 功能图标（顶部搜索/菜单）微动效 */
#topBtn .btn i{
  transition: transform .16s ease, filter .16s ease;
}
#topBtn .btn:hover i{
  transform: translateY(-1px) scale(1.05);
  filter: brightness(1.06) contrast(1.06);
}

/* 返回顶部按钮：若启用显示，提供轻微动效 */
#sptsz-backtop{
  transition: transform .16s ease, filter .16s ease, opacity .16s ease;
}
#sptsz-backtop:hover{
  transform: translateY(-1px) scale(1.05);
  filter: brightness(1.06) contrast(1.06) drop-shadow(0 4px 10px rgb(0 0 0 / .18));
}

/* 暗色模式：提升图标显色与对比度（不强制反相，保留品牌色） */
@media (prefers-color-scheme: dark){
  #social a{
    opacity: .92;
    filter: brightness(1.08) contrast(1.12);
  }
  #social a:hover{
    opacity: 1;
    filter: brightness(1.12) contrast(1.15) drop-shadow(0 3px 8px rgb(0 0 0 / .35));
  }

  /* 顶部功能按钮图标显色增强 */
  /* 顶部功能按钮：搜索保持轻增强；菜单按钮进一步提升显色与悬停反馈 */
  #schBtn i{
    filter: brightness(1.05) contrast(1.12);
  }
  #navBtn i,
  #navBtn i::before,
  #navBtn i::after{
    /* 暗色下提高条形对比度并加轻微阴影线 */
    background-color: rgb(255 255 255 / .92);
    box-shadow: 0 1px 0 rgb(0 0 0 / .35);
    filter: brightness(1.08) contrast(1.15);
    transition: transform .16s ease, filter .16s ease;
  }
  #navBtn:hover i,
  #navBtn:hover i::before,
  #navBtn:hover i::after{
    /* 悬停轻微上移与显色增强 */
    transform: translateY(-0.5px);
    filter: brightness(1.14) contrast(1.18);
  }

  /* 返回顶部按钮图标显色增强 */
  #sptsz-backtop{
    opacity: .96;
    filter: brightness(1.08) contrast(1.12);
  }
  #sptsz-backtop:hover{
    filter: brightness(1.12) contrast(1.16) drop-shadow(0 6px 12px rgb(0 0 0 / .45));
  }
}

/* 减少动态偏好：停用放大/阴影动画，仅保留状态变化 */
@media (prefers-reduced-motion: reduce){
  #social a,
  #topBtn .btn i,
  #sptsz-backtop{
    transition: none;
  }
  #social a:hover,
  #topBtn .btn:hover i,
  #sptsz-backtop:hover{
    transform: none;
    filter: none;
  }
}

/* 移动端响应式（迁移自 qr-login.js 的动态样式，统一到 CSS） */
#sptsz-auth-flex{ display:flex; gap:16px; align-items:flex-start; }
#sptsz-auth-flex .sptsz-qr-card{ width:44%; max-width:44%; }
#sptsz-auth-flex .sptsz-qr-card img,
#sptsz-auth-flex .sptsz-qr-card canvas{ width:200px; height:200px; display:block; margin:0 auto; }
#sptsz-auth-flex form{ width:56%; max-width:56%; }
@media (max-width:768px){
  /* 二维码登录弹层与表单并排容器改为纵向堆叠 */
  #sptsz-auth-flex{ flex-direction: column; }
  #sptsz-auth-flex .sptsz-qr-card,
  #sptsz-auth-flex form{ width:100%; max-width:100%; }
}

/* 终止旧回到顶部按钮（统一改用 #sptsz-backtop） */
#sptsz-backtop{
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  box-shadow:none !important;
  pointer-events:none !important;
}