/* ==========================================================================
   半山 · 达者同游模块样式   images/dzty.css
   --------------------------------------------------------------------------
   2026-10-15  新建：与「半山随笔」同出一源（本文件由 essay.css 派生），
               版式口径与「半山佛藏」一致（宋体栈 / 微信绿 #07C160 / 18px 正文 36px 行高）。
     · 横幅   ：.top-logo-dzty —— 不定高裁切，按原图长宽比全幅显示
                （PC 用 dzty-pc.jpg 1280×260、手机用 dzty.jpg 800×448；
                 底稿取自「半山经藏」同款水墨横幅，右侧竖排四字已原位重绘为「达者同游」）
     · 结构   ：栏目头 .dzty-head / 正文 .book（同随笔阅读页）/ 加入卡 .dzty-card
   回滚：删除本文件即可（页面对应 <link> 一并撤掉）。
   ========================================================================== */

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

/* ---------------- 面包屑（达者同游页面一般不用，保留兼容） ---------------- */
.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;
}

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

/* ---------------- 列表（同佛藏 .ResultOne 观感） ---------------- */
.dzty-list{padding:0 16px;}
.dzty-item{
	padding:14px 0 16px 0;
	background-color:#fff;
	border-bottom:1px solid #ececec;
}
.dzty-item .t{
	font-size:18px;
	font-weight:bold;
	line-height:28px;
	color:#000;
	font-family:inherit;
}
.dzty-item .t a{color:#000;}
.dzty-item .t a:hover{color:#07C160;text-decoration:none;}
.dzty-item .meta{
	font-size:14px;
	color:rgba(0,0,0,.5);
	margin:6px 0 4px 0;
	line-height:24px;
}
.dzty-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;}
.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-dzty{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-dzty{width:auto;max-width:100%;/* 高度由原图长宽比撑开，此处不再限高 */background-size:100% 100%;background-position:0 0;}
	.top-logo-dzty 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;}
	.dzty-list{padding:0 12px;}
	.dzty-item{padding:12px 0 14px 0;}
	.dzty-item .t{font-size:16px;line-height:25px;}
	.dzty-item .desc{font-size:13px;line-height:24px;}
	.dzty-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;}
	.dzty-head{padding:16px 12px 4px 12px;margin:0 4px 6px 4px;}
	.dzty-head .title{font-size:22px;line-height:32px;}
	.dzty-head .sub{font-size:13px;line-height:22px;}
	.dzty-invite{margin:2px 8px 4px 8px;}
	.dzty-invite img{max-width:100%;border-radius:6px;}
	.dzty-invite .tip{font-size:12.5px;line-height:22px;padding-top:8px;}
}

/* 小屏（多数手机 360~430px）再收一档字号与间距 */
@media screen and (max-width:430px){
	.wrapper{padding:6px;}
	.dzty-head{padding:12px 6px 4px 6px;}
	.dzty-head .title{font-size:20px;line-height:30px;letter-spacing:1px;}
	.dzty-head .sub{font-size:12.5px;line-height:21px;}
	.dzty-item .t{font-size:15.5px;line-height:24px;}
	.dzty-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;}
}


/* ==========================================================================
   达者同游 · 栏目专属补充（2026-10-15）
   ========================================================================== */

/* 栏目头下的一句主张 */
.dzty-claim{
	text-align:center;
	padding:2px 18px 20px 18px;
	font-size:15px;
	line-height:30px;
	color:rgba(0,0,0,.55);
	letter-spacing:1px;
}
.dzty-claim b{color:#07C160;font-weight:normal;}

/* 引语（同人于野…） */
.dzty-quote{
	margin:0 16px 10px 16px;
	padding:14px 16px;
	background:#F7F7F7;
	border-left:3px solid #07C160;
	border-radius:0 4px 4px 0;
	font-size:15px;
	line-height:30px;
	color:#555;
	text-align:center;
}
.dzty-quote span{display:block;font-size:13px;color:rgba(0,0,0,.45);padding-top:4px;}

/* 三件事 */
.dzty-three{margin:6px 16px 18px 16px;border-top:1px solid #ececec;}
.dzty-three .row{
	padding:14px 0;
	border-bottom:1px solid #ececec;
}
.dzty-three .k{
	display:inline-block;
	min-width:52px;
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.dzty-three .v{font-size:14px;line-height:28px;color:#333;}

/* 邀请信文头 */
.dzty-letterhead{
	text-align:center;
	padding:10px 16px 4px 16px;
}
.dzty-letterhead .lt{font-size:22px;font-weight:bold;line-height:34px;color:#000;letter-spacing:1px;}
.dzty-letterhead .lm{font-size:13px;color:rgba(0,0,0,.45);line-height:24px;padding-top:6px;}

/* 邀请图片（栏目首页的内容入口 → /dzty/letter.html）
   《邀君同游》原先是首页正文，2026-10-15 改为独立页面，
   首页以小图作入口。（图片同源文件：images/dzty-invite.jpg，900×1200；
     要换图：同名覆盖即可，这里一行都不用动。） */
.dzty-invite{margin:6px 16px 4px 16px;text-align:center;}
.dzty-invite a{display:block;text-decoration:none;color:inherit;}
.dzty-invite img{
	display:block;width:100%;max-width:480px;height:auto;box-sizing:border-box;
	margin:0 auto;border:1px solid #ececec;border-radius:8px;
	box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.dzty-invite a:hover img{border-color:#cdecdd;box-shadow:0 4px 18px rgba(7,193,96,.16);}
.dzty-invite .tip{font-size:13px;color:rgba(0,0,0,.45);line-height:24px;padding-top:10px;}
.dzty-invite a:hover + .tip{color:#07C160;}

/* 加入卡 */
.dzty-card{
	margin:22px 16px 4px 16px;
	padding:18px 18px 20px 18px;
	background:#f8f8f8;
	border-radius:8px;
}
.dzty-card .ct{font-size:16px;font-weight:bold;color:#000;line-height:30px;padding-bottom:8px;}
.dzty-card .cp{font-size:14px;line-height:28px;color:#333;}
.dzty-card .btn{
	display:inline-block;
	margin-top:12px;
	padding:0 22px;
	line-height:2.4;
	font-size:14px;
	color:#fff;
	background:#07C160;
	border-radius:5px;
}
.dzty-card .btn:hover{background:#06AD56;color:#fff;text-decoration:none;}

/* 邀请信落款 */
.dzty-sign{
	text-align:right;
	padding:18px 4px 0 4px;
	font-size:14px;
	line-height:28px;
	color:#333;
}
.dzty-sign .sm{font-size:13px;color:rgba(0,0,0,.45);}

/* 回信模板框 */
.dzty-reply{
	margin:14px 0;
	padding:16px 18px;
	background:#F7F7F7;
	border:1px dashed #d9d9d9;
	border-radius:6px;
	font-size:16px;
	line-height:34px;
	color:#000;
	text-align:center;
}

/* 小节里的清单 */
.dzty-list-ul{margin:0 0 12px 0;padding-left:22px;}
.dzty-list-ul li{font-size:17px;line-height:34px;color:#333;}

@media screen and (max-width:900px){
	.dzty-quote{margin:0 6px 8px 6px;font-size:14px;line-height:27px;}
	.dzty-three{margin:4px 6px 14px 6px;}
	.dzty-three .v{font-size:13px;line-height:26px;}
	.dzty-card{margin:18px 6px 4px 6px;padding:14px 14px 16px 14px;}
	.dzty-card .cp{font-size:13px;line-height:26px;}
	.dzty-letterhead .lt{font-size:19px;line-height:30px;}
	.dzty-list-ul li{font-size:16.5px;line-height:1.9;}
	.dzty-reply{font-size:15px;line-height:32px;padding:14px;}
}