/* ==========================================================================
   半山随笔模块样式   images/essay.css
   --------------------------------------------------------------------------
   2026-10-15  版式统一：向「半山佛藏」(book.bshf.org.cn) 看齐（与「半山道藏」同一套口径）
     · 字族   ：Noto Serif SC 宋体系（与佛藏 body 同一字体栈）
     · 主色   ：微信绿 #07C160（即 weui-btn_primary 的绿）
     · 链接色 ：#576B95（weui link）
     · 列表项 ：同佛藏 .ResultOne 观感（标题 18px 黑 / 副信息 14px 灰 / 细线分隔）
     · 按钮   ：weui 胶囊（圆角 5px、13px、行高 2.3、绿底白字）
     · 标签   ：weui 默认按钮样式（浅灰 #f8f8f8 圆角，悬停转绿）
     · 正文   ：18px / 36px（同 weui-article）
     · 横幅   ：.top-logo-essay —— 不再定高裁切，按原图长宽比全幅显示
                （PC 用 essay-banner-pc.jpg 1280×260、手机用 essay-banner-m.jpg 800×448；
                 两图底稿取自「半山经藏」同款水墨横幅，右侧竖排栏目字已原位重绘为
                 「半山随笔」（半/山 沿用原图字形；随/笔 与「半山道藏」横幅同一做法 ——
                 Noto Sans CJK Bold 渲染后裁到墨迹框，再精确缩放到原字墨迹框原位贴回，
                 故两字大小、字距、墨色与原「经藏」二字完全一致）。
                 换图：同名覆盖这两个文件即可，无需改代码）
   基础版式（.wrapper / .main / .footer）原取自 bsss-pc.css，本文件按佛藏口径覆盖；
   bsss-pc.css 本身不改动（其它页面仍在使用）。
   回滚点：/root/bak/essay-style-fozang-20261015/
   ========================================================================== */

/* ---------------- 字族与链接色（佛藏同族） ---------------- */
body{
	background-color:#fff;
	font-family:"Noto Serif SC","Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft YaHei",STHeiti;
}
a,a:hover,a:active{color:#576B95;text-decoration:none;}
a:hover{text-decoration:underline;}
#wrapper,.wrapper{background-color:#fff;}

/* ---------------- 顶部横幅（不再限高裁切）
   先前：essay.css / bsss-pc.css 的 .top-logo-essay 定高 260px（窄屏压到 120px），
         原图 1280×260，background-size:cover —— 窄屏时两侧被裁，右侧竖排栏目字被切掉。
   现在：不做定高。用 padding-bottom 百分比按原图长宽比把高度撑开（全浏览器通用，
         不依赖 aspect-ratio），background-size:100% 100% 满铺 —— 无论视口多宽多窄，
         整张图（含栏目字）都完整显示、绝不裁切。
   ---------------- */
.top-logo-essay{
	width:100%;max-width:100%;
	height:0 !important;
	padding-bottom:56%;                 /* 448 ÷ 800 = 56%        —— 手机图比例 */
	margin:0 auto;
	text-align:center;
	background-image:url("/images/essay-banner-m.jpg?v=3");
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:0 0;
}
.top-logo-essay img{
	height:60px;
	float:left;
	padding-left:20px;
	padding-top:20px;
}
@media screen and (min-width:801px){
	.top-logo-essay{
		padding-bottom:20.3125%;        /* 260 ÷ 1280 = 20.3125%  —— PC 图比例 */
		background-image:url("/images/essay-banner-pc.jpg?v=3");
	}
}

/* ---------------- 面包屑（随笔页面一般不用，保留兼容） ---------------- */
.breadcrumb{padding:14px 22px 0 22px;font-size:13px;color:rgba(0,0,0,.45);}
.breadcrumb a{color:#576B95;}
.breadcrumb span{color:rgba(0,0,0,.6);}

/* ---------------- 主体外框（佛藏口径：白底、不收边、不投影） ---------------- */
.main{
	background-color:#fff;
	border-top:0;
	padding-bottom:25px;
	box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

/* ---------------- 栏目标题区 ---------------- */
.essay-head{text-align:center;padding:22px 20px 6px 20px;border-bottom:1px solid #ececec;margin:0 16px 8px 16px;}
.essay-head .title{font-size:26px;color:#000;font-weight:bold;line-height:40px;letter-spacing:1px;font-family:inherit;}
.essay-head .sub{font-size:14px;color:rgba(0,0,0,.5);padding-top:6px;line-height:24px;}
.essay-head .sub a{color:#576B95;}

/* ---------------- 列表（同佛藏 .ResultOne 观感） ---------------- */
.essay-list{padding:0 16px;}
.essay-item{
	padding:14px 0 16px 0;
	background-color:#fff;
	border-bottom:1px solid #ececec;
}
.essay-item .t{
	font-size:18px;
	font-weight:bold;
	line-height:28px;
	color:#000;
	font-family:inherit;
}
.essay-item .t a{color:#000;}
.essay-item .t a:hover{color:#07C160;text-decoration:none;}
.essay-item .meta{
	font-size:14px;
	color:rgba(0,0,0,.5);
	margin:6px 0 4px 0;
	line-height:24px;
}
.essay-item .desc{
	font-size:14px;
	color:#333;
	line-height:30px;
}

/* ---------------- 标签（weui 默认按钮：浅灰圆角，悬停转绿） ---------------- */
.tags{
	margin:10px 0 2px 0;
	font-size:13px;
	color:rgba(0,0,0,.5);
	line-height:30px;
}
.tags a{
	display:inline-block;
	margin:0 8px 8px 0;
	padding:0 12px;
	line-height:2.2;
	font-size:13px;
	border:0;
	border-radius:5px;
	color:#000;
	background:#f8f8f8;
}
.tags a:hover{
	background:#07C160;
	color:#fff;
	text-decoration:none;
}

/* ---------------- 标签云 ---------------- */
.cloud{
	padding:18px 16px;
	line-height:34px;
	border-top:1px solid #ececec;
	margin-top:16px;
}
.cloud b{color:rgba(0,0,0,.5);font-size:13px;font-weight:normal;}
.cloud a{
	display:inline-block;
	margin:0 8px 10px 0;
	padding:0 14px;
	line-height:2.2;
	border:0;
	border-radius:5px;
	color:#000;
	background:#f8f8f8;
	font-size:13px;
}
.cloud a:hover{
	background:#07C160;
	color:#fff;
	text-decoration:none;
}
.tag-count{color:rgba(0,0,0,.4);font-size:11px;padding-left:2px;}
.cloud a:hover .tag-count{color:rgba(255,255,255,.8);}

/* ---------------- 分页（同 weui 按钮：灰底为常态，绿色为当前页） ---------------- */
.pager{
	text-align:center;
	padding:20px 16px 8px 16px;
	font-size:13px;
}
.pager a,.pager span{
	display:inline-block;
	margin:0 4px 8px 4px;
	padding:0 16px;
	line-height:2.3;
	font-size:13px;
	border:0;
	border-radius:5px;
	color:#000;
	background:#f8f8f8;
}
.pager a:hover{background:#ededed;text-decoration:none;}
.pager .cur{
	background:#07C160;
	color:#fff;
}

/* ---------------- 正文阅读页（同 weui-article 排版：18px / 36px） ------------- */
.book{
	width:auto;max-width:860px;
	float:none;
	margin:0 auto;
	padding:8px 16px 16px 16px;
	background-color:#fff;
}
.book .title{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	font-family:inherit;
	color:#000;
	padding:10px 0 16px 0;
	border-bottom:1px solid #ececec;
}
.book .content{
	line-height:36px;
	font-size:18px;
	text-align:left;
	padding:14px 0 0 0;
	color:#333;
}
.book .content p{
	line-height:36px;
	font-size:18px;
	margin:0 0 12px 0;
}
.book .content .pre{color:#576B95;margin:0;text-align:center;}
.book .content .t1{color:#576B95;margin:0;}
/* 落款 / 署名：右对齐，块内每行独立成行 —— Markdown 里用单独一行 {.sign} 起头 */
.book .content .sign{
	text-align:right;
	font-size:15px;
	line-height:30px;
	color:#333;
	margin:22px 0 6px 0;
}
.book .content p b{font-weight:bold;color:#000;}
.book .author{
	font-size:14px;
	color:rgba(0,0,0,.5);
	line-height:24px;
}
.book H2{
	text-align:left;
	font-size:20px;
	font-weight:bold;
	line-height:34px;
	font-family:inherit;
	color:#000;
	padding:18px 0 8px 0;
	border-bottom:0;
}
.book .content h2{font-size:20px;}
.book .content img{max-width:100%;height:auto;}
.book .content blockquote{
	border-left:3px solid #07C160;
	margin:16px 0;
	padding:2px 14px;
	color:#555;
	background:#F7F7F7;
	border-radius:0 4px 4px 0;
}
.book .content code{
	background:#f5f5f5;
	padding:1px 5px;
	border-radius:3px;
}
.book .content hr{border:0;border-top:1px solid #ececec;margin:22px 0;}

/* ---------------- 侧栏导航（保留，配色统一为佛藏口径）
   定位改为「贴视口右侧」（原来是 margin-left:980px 的固定左偏，
   在 1024/1280 等窄屏 PC 上会顶出屏幕、在超宽屏上又会错位到正文中间）。 ------------- */
.navigation{
	width:280px;
	position:fixed;
	right:10px;
	margin-left:0;
	z-index:999;
	bottom:0;
	background-color:#fff;
	border:1px solid #ececec;
	border-radius:8px 8px 0 0;
	box-shadow:0 -1px 6px rgba(0,0,0,.04);
}
@media screen and (min-width:1281px){
	.navigation{right:calc(50% - 630px);}   /* 宽屏时贴回内容区右边缘 */
}
.navigation ul{list-style-type:none;padding:12px 0;margin:0;}
.navigation ul li{
	height:38px;
	line-height:38px;
	border-top:1px solid #f0f0f0;
	font-size:15px;
	text-align:left;
	padding-left:24px;
}
.navigation ul li:first-child{border-top:0;}
.navigation ul a{color:#333;text-decoration:none;}
.navigation ul a:hover{text-decoration:none;}
.navigation ul li:hover{background-color:#f6fdf9;color:#07C160;}
.navigation ul a:hover li{color:#07C160;font-size:15px;}

/* ---------------- 页脚 ---------------- */
.footer{
	float:none;
	width:auto;
	max-width:1280px;
	margin:0 auto;
	border-top:1px solid #ececec;
	padding-top:20px;
	font-size:14px;
	font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB";
	text-align:center;
	color:#999;
	padding-bottom:20px;
}
.footer a{color:#999;}

/* ---------------- 宽屏定宽复位（与佛藏一致：1280px 视口内不出现横向滚动条）
   bsss-pc.css 的 .wrapper 是 width:1280px + padding:10px（content-box），
   实际占 1300px，1280px 屏会多一条横向滚动条；.footer 也是定宽 1280 且 float:left。
   此处按佛藏口径复位：外层改 max-width 且含内边距计算。仅作用于随笔页。 ------------- */
@media screen and (min-width:801px){
	.wrapper{width:auto;max-width:1280px;box-sizing:border-box;margin:0 auto;padding:10px;}
	.top-logo-essay{width:100%;max-width:100%;}
}

/* ==========================================================================
   移动端 / 窄屏 响应式（随笔页统一使用本模板）
   ========================================================================== */
@media screen and (max-width:900px){
	.wrapper{width:auto;max-width:100%;padding:8px;box-sizing:border-box;}
	.top-logo-essay{width:auto;max-width:100%;/* 高度由原图长宽比撑开，此处不再限高 */background-size:100% 100%;background-position:0 0;}
	.top-logo-essay img{height:34px;padding-left:10px;padding-top:10px;}
	.main{overflow:hidden;border-top:0;box-shadow:none;padding:8px 0 16px 0;width:auto !important;}
	.book{width:auto;float:none;padding:8px 14px 12px 14px;max-width:100%;}
	.book .title{font-size:21px;line-height:32px;padding:8px 0 14px 0;}
	.book .content{font-size:17px;line-height:1.95;padding:12px 0 0 0;}
	.book .content p{font-size:17px;line-height:1.95;margin-bottom:12px;}
	.book .content h2{font-size:18px;line-height:30px;padding:14px 0 6px 0;}
	.navigation{display:none;}
	.footer{float:none;width:auto;font-size:13px;}
	.essay-list{padding:0 12px;}
	.essay-item{padding:12px 0 14px 0;}
	.essay-item .t{font-size:16px;line-height:25px;}
	.essay-item .desc{font-size:13px;line-height:24px;}
	.essay-item .meta{font-size:12.5px;line-height:22px;}
	.cloud{padding:14px 12px;}
	.cloud a,.tags a{margin:0 6px 8px 0;padding:0 10px;font-size:12.5px;line-height:2.1;}
	.pager{padding:16px 12px 6px 12px;}
	.pager a,.pager span{padding:0 12px;margin:0 3px 8px 3px;}
	.breadcrumb{padding:10px 14px 0 14px;}
	.essay-head{padding:16px 12px 4px 12px;margin:0 4px 6px 4px;}
	.essay-head .title{font-size:22px;line-height:32px;}
	.essay-head .sub{font-size:13px;line-height:22px;}
}

/* 小屏（多数手机 360~430px）再收一档字号与间距 */
@media screen and (max-width:430px){
	.wrapper{padding:6px;}
	.essay-head{padding:12px 6px 4px 6px;}
	.essay-head .title{font-size:20px;line-height:30px;letter-spacing:1px;}
	.essay-head .sub{font-size:12.5px;line-height:21px;}
	.essay-item .t{font-size:15.5px;line-height:24px;}
	.essay-item .desc{font-size:12.5px;line-height:22px;}
	.book .title{font-size:19px;line-height:28px;}
	.book .content p{font-size:16.5px;line-height:1.9;margin-bottom:11px;}
	.cloud a,.tags a{font-size:12px;}
}