/*
  Theme Name:MAO1007
  Theme URL:https://maosiji.com
  Description:MAO1006 修复版（移动端图片显示问题）。原主题由猫斯基(maosiji.com)制作，在使用过程中遇到任何问题，可联系QQ：1394846666（加好友时请注明主题名称）
  Author:猫斯基(maosiji.com)
  Author URI:https://maosiji.com
  Version:1.0.7
  Tags:猫斯基主题,博客主题
  Time:2026.07.27
*/
* { list-style:none;margin:0;padding:0; }
::selection, ::-moz-selection { background:#eee;color:#000; }
a { border-bottom:1px solid transparent;color:#000;text-decoration:none; }
a:hover { border-bottom:1px solid #000; }
blockquote { padding:10px;color:#aaa; }
body { background:#fff;color:#000;font-family:helvetica, arial, sans-serif;font-size:9.5pt;line-height:16pt;width:999999px;-webkit-text-size-adjust: none; }
h1 { font-size:19pt;line-height:26pt; }
h2 { font-size:17pt;line-height:24pt; }
h3 { font-size:15pt;line-height:22pt; }
h4 { font-size:13pt;line-height:20pt; }
h5 { font-size:11pt;line-height:18pt; }
html { -webkit-text-size-adjust: none; }
p { padding-bottom:16pt; }

.clear { clear:both; }
.clickable { cursor:pointer; }
#cover { background:#fff;bottom:0;left:0;position:fixed;right:0;top:0; }
*.split { margin:0;padding:0; }
.tracer { float:left; }

#container { padding:40px 40px 40px 0;padding-left:280px;opacity:0;position:relative;width:999999px; }
#container #pagination { margin-top:-20px;position:absolute;right:0;text-align:center;top:50%;width:120px; }
#container #pagination a { margin:0 8px; }
#container .post { float:left; }
#container .post #s { border:1px solid #ddd;color:#aaa;padding:5px; }
#container .post #s:focus { border:1px solid #555;color:#000; }
#container .post .screen-reader-text { display:none; }
#container .post #searchsubmit { display:block;margin-top:7px; }
#container .post .column { margin-top:-5px; }
#container .post .column p { padding:0; }
#container .post .comment .commentmetadata, #container .post .comment .comment-edit-link { display:none; }
#container .post .comment .fn { text-decoration:underline; }
#container .post .comment .reply { visibility:hidden; }
#container .post .comment .says { display:none; }
#container .post .commentHold { float:left; }
#container .post .commentHold.second { margin-top:-5px;width:200px;  }
#container .post .commentHold.second textarea, #container .post .commentHold.second input[type=text] { border:1px solid #ddd;color:#aaa;padding:5px;width:188px; }
#container .post .commentHold.second textarea:focus, #container .post .commentHold.second input[type=text]:focus { border:1px solid #555;color:#555; }
#container .post .content, #container .post #commentsList { margin-right:0;width:9999px;/*necessary for text pages*/ }
#container .post .content a, #menu #title a, #container .post .commentHold a, #container .post .info a, #container .post .tagcat a, #container #pagination a { border-bottom:1px solid transparent;color:#000; }
#container .post .content a:hover, #menu #title a:hover, #container .post .commentHold a:hover, #container .post .info a:hover, #container .post .tagcat a:hover, #container #pagination a:hover { border-bottom:1px solid #000; }
#container .post .imageElement { float:left;margin-right:40px; }
#container .post .info { width:auto; }
#container .post .info .extended { display:none; }
#container .post .info .section { float:left;margin-bottom:40px;margin-right:40px;min-width:200px; }
#container .post .tagcat { float:left;margin-right:40px;margin-top:-5px;width:200px; }
#container .post .wp-caption p.wp-caption-text { padding:15px 0 0; }

#menu { background:#fff;bottom:0;left:0;padding:40px;opacity:1;position:absolute;top:0;width:200px; }
#menu #title { margin-bottom:40px; }
#menu #title a { /*border-bottom:1px solid #ddd;*/ }
#menu #title h1 { font-weight:bold;font-size:9.5pt;line-height:16pt; }
#menu #description { display:none;margin-bottom:40px;margin-top:-5px; }
#menu #nav #s { border:1px solid #ddd;color:#aaa;padding:5px; }
#menu #nav #s:focus { border:1px solid #555;color:#000; }
#menu #nav .screen-reader-text { display:none; }
#menu #nav #searchsubmit { display:block;margin-top:7px; }
#menu #nav ul#navul, #menu #nav ul#pageul { margin-top:-5px; }
#menu #nav>ul { margin-bottom:40px; margin-bottom:18px; }
#menu #nav ul li { margin-bottom:0px;  }
#menu #nav ul li a { border-bottom:1px solid transparent;color:#000; }
#menu #nav ul li a:hover { border-bottom:1px solid #000; }
#menu #nav ul li a.selected { /*font-weight:normal;border-bottom:1px solid #ddd;*/ }
#menu #nav ul.sub-menu li.current-menu-item a,
#menu #nav ul.children li a.selected, #menu #nav ul.sub-menu li a.selected, #menu #nav ul li a.selected, #menu #nav ul li.current-cat a { font-weight:normal;border-bottom:1px solid #ddd; }
#menu #nav ul, #menu #nav li { list-style:none; }
#menu #nav ul li ul.children, #menu #nav ul li ul.sub-menu { margin-left:8px; }
#menu #nav ul li ul.children li a, #menu #nav ul li ul.sub-menu li a { /*color:#000;*/ }

body#fullScreen #arrow { color:#000;cursor:none;font-size:28pt;position:absolute;z-index:999; }
body#fullScreen #arrow::selection, body#fullScreen #arrow::-moz-selection { background:transparent; }
body#fullScreen #foldOut { background:#fff;bottom:0;display:none;overflow:auto;position:fixed;right:0;top:0;width:200px;z-index:999; }
body#fullScreen #foldOut #hold { padding:40px; }
body#fullScreen #foldCover { background:#fff;bottom:0;display:none;height:40px;right:0;position:fixed;width:200px;z-index:999; }
body#fullScreen #images { bottom:0;left:0;position:fixed;right:0;top:0; }
body#fullScreen #info { cursor:pointer;color:#fff;border:2px solid #fff;-moz-border-radius:50px;border-radius:50px;-webkit-border-radius:50px;height:32px;text-align:center;width:32px; }
body#fullScreen #info:hover { opacity:.8; }
body#fullScreen #info.close div { margin-top:-2px; }
body#fullScreen #info div { font-size:14pt;position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateY(-50%); }
body#fullScreen #infoHold { display:none;padding:40px;position:fixed;right:0;top:0;z-index:999; }
body#fullScreen #menu { background:transparent; }
body#fullScreen .se.cursor { cursor:pointer; }
body#fullScreen .se.cursor.arrow { cursor:none; }

body#gallery a#arr { border:0;color:#000;display:none;font-size:28pt;position:absolute;z-index:999; }
body#gallery a#arr::selection, body#gallery a#arr::-moz-selection { background:transparent; }
body#gallery a:hover#arr { border:0;display:none; }
body#gallery #container { padding-right:0; }
body#gallery #lightboxcaption { curson:none;display:none;left:50%;margin-left:-150px;position:fixed;text-align:center;width:300px; }
body#gallery #lightboximage { cursor:none;display:none;height:500px;left:50%;margin:-250px 0 0 -400px;position:fixed;top:40%;width:800px;z-index:99; }
body#gallery #lightboxbackground { background:#fff;bottom:0;cursor:none;display:none;left:0;opacity:.9;position:fixed;right:0;top:0; }
body#gallery .post, body#gallery .post #thumbs { width:100%; }
body#gallery .post .content { display:none; }
body#gallery .post img { cursor:pointer;display:inline-block;height:auto;margin:0 40px 40px 0;vertical-align:top;width:200px; }
body#gallery .post .wp-caption { display:inline-block;vertical-align:top; }
body#gallery .post .wp-caption-text { display:none; }

body.mobile *, body.mobile #container .post .wp-caption .wp-caption-text { font-size:14pt;line-height:21pt; }
body.mobile #container { padding:120px 30px 30px; }
//body.mobile #container .post.archivepost, body.mobile #container .post.blogpost { border-bottom:1px dashed #aaa; }
body.mobile #container .post .info .section { margin:0 0 30px;text-align:center;width:100%; }
body.mobile #fullMenu { background:#fff;bottom:0;padding:80px 30px 30px 30px;overflow:auto;position:fixed;right:0;top:0;z-index:4; }
body.mobile #fullMenu #inf {  }
body.mobile #fullMenu #nav ul li a { border:0;display:block;padding:0 0 5px 0; }
body.mobile #fullMenu #mobileNav ul li ul { padding-left:15px; }
body.mobile #menu { background:#fff;bottom:0;display:none;left:0;padding:12px 0 12px 40px;position:fixed;right:0;top:0;width:100%;z-index:997; }
body.mobile #menu #title { margin:0; }
body.mobile #menu #title.open a { color:#000; }
body.mobile #menuback { background:#fff;border-bottom:1px solid #eee;height:90px;left:0;position:fixed;right:0;top:0; }
body.mobile #menuTitle { height:60px;left:30px;position:fixed;top:15px; }
body.mobile #menuTitle .inner { position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:200px; }
body.mobile #menuTitle .inner img { height:60px;width:auto; }
body.mobile #nav-toggle { border:0;position:fixed;right:30px;top:34px;z-index:999; }
body.mobile #nav-toggle { cursor:pointer;padding:10px 35px 16px 0px; }
body.mobile #nav-toggle span, body.mobile #nav-toggle span:before, body.mobile #nav-toggle span:after { cursor:pointer;border-radius:1px;height:2px;width:35px;background:#000;position:absolute;display:block;content:''; }
body.mobile #nav-toggle span:before { top:-12px; }
body.mobile #nav-toggle span:after { bottom:-12px; }
body.mobile #nav-toggle span, body.mobile #nav-toggle span:before, body.mobile #nav-toggle span:after { transition:all 500ms ease-in-out; }
body.mobile #nav-toggle.active span { background-color:transparent; }
body.mobile #nav-toggle.active span:before, body.mobile #nav-toggle.active span:after { top:0; }
body.mobile #nav-toggle.active span:before { transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); }
body.mobile #nav-toggle.active span:after { transform:translateY(-10px) rotate(-45deg);-moz-transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);top:10px; }
body.mobile #pagination { margin:0;padding-bottom:40px;position:relative;width:auto; }
body#gallery.mobile .post #thumbs img { margin:0 0 30px 0;width:150px; }
@media screen and (orientation:landscape) {
	body.mobile #nav-toggle, body.mobile #menu, body.mobile #fullMenu, body.mobile #menuback, body.mobile #menuTitle { position:absolute; }
}
body.mobile#vertical #container .post .content img { height:auto;width:100%; }
body.mobile#vertical #container .post { margin-bottom:0;padding-bottom:0; }
body.mobile#vertical #container .post .section:nth-child(2) { display:none; }
body.mobile#vertical #arr { display:none; }
body.mobile#vertical .commentHold, body.mobile#vertical .commentHold textarea, body.mobile#vertical #container .post #commentsList { width:100%; }

body.slideshowTemplate #container .post .content { display:none; }
body.slideshowTemplate #container .post .images { position:relative; }
body.slideshowTemplate #container .post .images .wp-caption { left:0;position:absolute;top:0; }

body#vertical #container .page-numbers.current { font-weight:bold; }
body#vertical #container #pagination { margin-left:0;position:relative;right:auto;text-align:center;top:auto;transform:none;-ms-transform:none;-webkit-transform:none;width:100%; }
body#vertical #container .post.blogpost { border-bottom:1px dashed #aaa; }
body#vertical #container .post .content { width:auto; }
body#vertical .gallery dl, body#vertical .gallery dt { display:block;float:none; }
body#vertical .post { margin-bottom:40px;padding-bottom:10px; }
/*body#vertical .post .diptych *, body#vertical .post .triptych * { float:left; }*/
body#vertical .post img, body#vertical .post object, body#vertical .post video, body#vertical .post iframe, body#vertical .post .wp-caption, body#vertical p { display:block;margin:0 0 20px; }

#presentation { background:#000;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000; }
#presentation #presentationImages { height:90%;position:relative;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;top:50%;width:100%; }
#presentation #presentationImages img { height:100%;width:auto; }
#presentation #presentationPool { display:none; }

body,
			#cover,
			body.mobile #menuback,
			body.mobile #fullMenu {
				background-color: #FAFAFA;
			}
			
			#menu {
				background-color: rgba(250, 250, 250, 1);
			}
			
			body {
				color: #000000;
			}
			
			body {
				font-family: helvetica, arial, sans-serif;
			}
			
			body {
				font-size: 9.5pt;
			}
			
			body {
				line-height: 16pt;
			}
			
			p {
				padding-bottom: 16pt;
			}
			
			::selection {
				background: #EEEEEE;
			}
			
			::selection {
				color: #000000;
			}
			
			#container .post .content a,
			#container .post .tagcat a,
			#container .post .commentHold a,
			#container .post .info a {
				color: #000000;
			}
			
			#container .post .content a:hover,
			#container .post .tagcat a:hover,
			#container .post .commentHold a:hover,
			#container .post .info a:hover {
				color: #000000;
			}
			
			a,
			#container .post .info .title a,
			#menu #title a {
				border-bottom: 1px solid #FFFFFF;
			}
			
			a:hover,
			#container .post .info .title a:hover,
			#menu #title a:hover {
				border-bottom: 1px solid #000000;
			}
			
			blockquote {
				color: #AAAAAA;
			}
			
			blockquote {
				padding: 10px;
			}
			
			h1 {
				font-size: 19pt;
			}
			
			h1 {
				line-height: 26pt;
			}
			
			h2 {
				font-size: 17pt;
			}
			
			h2 {
				line-height: 24pt;
			}
			
			h3 {
				font-size: 15pt;
			}
			
			h3 {
				line-height: 22pt;
			}
			
			h4 {
				font-size: 13pt;
			}
			
			h4 {
				line-height: 20pt;
			}
			
			h5 {
				font-size: 11pt;
			}
			
			h5 {
				line-height: 18pt;
			}
			
			#menu {
				width: 200px;
			}
			
			#menu {
				padding-right: 40px;
			}
			
			#menu {
				padding-left: 40px;
			}
			
			#menu {
				padding-left: 40px;
			}
			
			#menu #title {
				margin-bottom: 40px;
			}
			
			#menu #title h1 a {
				color: #292929;
			}
			
			#menu #title h1 a:hover {
				color: #000000;
			}
			
			#menu #title h1 a {
				border-bottom: 1px solid #FFFFFF;
			}
			
			#menu #title h1 a:hover {
				border-bottom: 1px solid #000000;
			}
			
			#menu #title h1 {
				font-size: 9.5pt;
			}
			
			#menu #title h1 {
				line-height: 16pt;
			}
			
			#menu #nav>ul {
				margin-bottom: 40px;
			}
			
			#menu #nav ul li a {
				border-bottom: 1px solid #FFFFFF;
			}
			
			#menu #nav ul li a:hover {
				border-bottom: 1px solid #000000;
			}
			
			#menu #nav ul li a {
				font-size: 9.5pt;
			}
			
			#menu #nav ul li a {
				line-height: 16pt;
			}
			
			#menu #nav ul li a {
				color: #000000;
			}
			
			#menu #nav ul li a:hover {
				color: #000000;
			}
			
			#menu #description {
				margin-bottom: 40px;
			}
			
			#menu #nav ul li ul.children,
			#menu #nav ul li ul.sub-menu {
				margin-left: 8px;
			}
			
			#menu #nav ul.children li a.selected,
			#menu #nav ul.sub-menu li a.selected,
			#menu #nav ul li a.selected,
			#menu #nav ul li.current-cat a {
				border-bottom: 1px solid #DDDDDD;
			}
			
			#container .post .info .title a,
			#container .post .info .title {
				color: #292929;
			}
			
			#container .post .info .title a {
				border-bottom: 1px solid #FFFFFF;
			}
			
			#container .post .info .title a:hover {
				border-bottom: 1px solid #000000;
			}
			
			#container,
			#menu {
				padding-top: 40px;
			}
			
			#container .post .info .section {
				margin-bottom: 40px;
			}
			
			body#default #container .post .info,
			body#vertical #container .post .info {
				font-size: 9.5pt;
			}
			
			body#default #container .post .info,
			body#vertical #container .post .info {
				line-height: 16pt;
			}
			
			#container .post .imageElement,
			#container .post .tagcat {
				margin-right: 40px;
			}
			
			#container .post .wp-caption .wp-caption-text {
				font-size: 9.5pt;
			}
			
			#container .post .wp-caption .wp-caption-text {
				color: #000000;
			}
			
			body#fullScreen #menu #nav ul li a,
			body#fullScreen #title a {
				color: #000000;
			}
			
			body#fullScreen #menu #nav ul li a,
			body#fullScreen #title a {
				border-bottom: 1px solid #FFFFFF;
			}
			
			body#fullScreen #menu #nav ul li a:hover,
			body#fullScreen #title a:hover {
				color: #000000;
			}
			
			body#fullScreen #menu #nav ul li a:hover,
			body#fullScreen #title a:hover {
				border-bottom: 1px solid #000000;
			}
			
			body#fullScreen #foldOut,
			body#fullScreen #foldCover {
				background: #FFFFFF;
			}
			
			body#fullScreen #foldOut,
			body#fullScreen #foldCover {
				width: 200px;
			}
			
			body#fullScreen #foldOut #hold {
				padding: 40px;
			}
			
			body#fullScreen #foldCover {
				height: 40px;
			}
			
			body#fullScreen #info {
				color: #FFFFFF;
			}
			
			body#fullScreen #info {
				border: 2px solid #FFFFFF;
			}
			
			body#fullScreen #infoHold {
				padding: 40px;
			}
			
			body#gallery #thumbs img {
				width: 200px;
			}
			
			body#gallery #thumbs img {
				margin: 0 40px 40px 0;
			}
			
			#container #pagination a {
				color: #000000;
			}
			
			#container #pagination a:hover {
				color: #000000;
			}
			
			#container #pagination a {
				border-bottom: 1px solid #FFFFFF;
			}
			
			#container #pagination a:hover {
				border-bottom: 1px solid #000000;
			}
			
			body.mobile #nav-toggle span,
			body.mobile #nav-toggle span:before,
			body.mobile #nav-toggle span:after {
				background-color: #000000;
			}
			
			body.mobile #fullMenu #nav ul li a {
				color: #000000;
			}
			
			body.mobile #menuback {
				border-bottom: 1px solid #AAAAAA;
			}
			
			body.mobile *,
			body.mobile #container .post .wp-caption .wp-caption-text {
				font-size: 14pt;
			}
			
			body.mobile *,
			body.mobile #container .post .wp-caption .wp-caption-text {
				line-height: 21pt;
			}
			
			body#fullScreen #menu {
				background: #FFFFFF;
			}
			
			body#fullScreen #arrow {
				color: #000000;
			}
			
			body.slideshowTemplate #container .post .content {
				display: block;
			}
			
			body.slideshowTemplate #container .post .info {
				display: block;
			}
			
			body#gallery #thumbs .lbc {
				opacity: 1;
			}
			
			body#gallery #thumbs .lbc:hover {
				opacity: 1;
			}
			
			body#gallery #thumbs .lbc {
				transition: opacity 1s ease-in-out;
				-moz-transition: opacity 1s ease-in-out;
				-webkit-transition: opacity 1s ease-in-out;
			}
			
			body#gallery #lightboxbackground {
				background: #FFFFFF;
			}
			
			body#gallery #lightboxbackground {
				opacity: .9;
			}
			
			body#gallery a#arr {
				color: #000000;
			}
			
			#container {
				padding-left: 280px;
			}

		/* ============ 移动端图片显示兜底（修复"图片完全空白"问题）============ */
		/* 1) 兜底：任何图片一旦被错误设置成 NaN/0，这里保证至少显示原始尺寸 */
		body.mobile img,
		body.mobile .post img,
		body.mobile .post .content img,
		body.mobile .post .wp-caption img {
			max-width: 100%;
			height: auto;
			width: auto;
			display: inline-block;
		}
		/* 2) mobile 状态下图片强制占满容器宽度（与 mao.js mobile 分支的
		      width:100% 规则保持一致，避免被桌面分支残留样式覆盖）*/
		body.mobile#vertical #container .post .content img {
			width: 100% !important;
			height: auto !important;
			max-width: 100%;
		}
		/* 3) 防止 WordPress 5.5+ 原生 lazy-load（loading="lazy"）在旧 jQuery
		      主题里图片没及时触发加载导致空白 —— 用 CSS 让它立即显示 */
		img[data-src],
		img[loading="lazy"] {
			opacity: 1 !important;
		}