/* wide-ui t102 — 宽屏化 + 可读性 */
@media (min-width: 1025px) {
	#frame { width:1240px !important; max-width:94vw !important; margin-left:auto !important; margin-right:auto !important; display:flow-root; }
	#footer { width:1240px !important; max-width:94vw !important; margin-left:auto !important; margin-right:auto !important; }
	#sites { width:100% !important; }
	#frame p, #frame .post, #frame .entry { font-size:15.5px !important; line-height:1.8 !important; }
	#frame img { max-width:100% !important; height:auto !important; }
}

html, body { overflow-x: hidden; }
/* pass2: fluid content column (auto) */
@media (min-width: 1025px) {
	#content { width: calc(100% - 391px) !important; max-width: 100% !important; }
	#sidebar { width: 351px !important; }
	#content p, #content li, #content h1, #content h2, #content h3, #content h4, #content h5, #content img, #content figure, #content table, #content blockquote { max-width: 100% !important; }
	#content img { height: auto !important; }
	#content #post-23 { width: auto !important; max-width: 100% !important; }
	#content div.entry { width: auto !important; max-width: 100% !important; }
	#content div { width: auto !important; max-width: 100% !important; }
	#content div:nth-of-type(1) { width: auto !important; max-width: 100% !important; }
	#content div:nth-of-type(2) { width: auto !important; max-width: 100% !important; }
	#content div:nth-of-type(3) { width: auto !important; max-width: 100% !important; }
}
/* pass3: unclamp shell + fluid columns */
@media (min-width: 1025px) {
	#sites, #middle { width: 100% !important; max-width: 100% !important; }
	#content { width: calc(100% - 420px) !important; float: left !important; margin-left: 16px !important; }
	#sidebar { width: 370px !important; float: right !important; }
	.content-rap, #content .post { width: 100% !important; }
}