/* ==========================================================
   百儒林主题扩展样式：内容区 + 资源付费 + 会员 + 支付 UI
   ========================================================== */

/* ---- 站点标题（文字 logo 兜底） ---- */
.site_title a.site-logo-text{
  display:flex;align-items:center;height:40px;color:#fff;font-size:20px;font-weight:700;
  letter-spacing:2px;text-decoration:none;white-space:nowrap;
}
.site_title a.site-logo-text .dot{color:#d9232e;margin:0 2px;}
.site-header .brand{display:flex;align-items:center;}
.site-header .brand-text{color:#fff;font-size:19px;font-weight:700;letter-spacing:2px;margin-right:8px;white-space:nowrap;}

/* ---- 首页顶部资源分类快捷条 ---- */
.cat-quickbar{background:#fff;border-radius:4px;box-shadow:0 0 4px 1px #eee;padding:10px 15px;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cat-quickbar .qb-label{color:#999;font-size:13px;margin-right:4px}
.cat-quickbar a{font-size:13px;color:#555;background:#f5f5f5;border-radius:3px;padding:3px 10px;text-decoration:none;transition:.2s}
.cat-quickbar a:hover{background:#d9232e;color:#fff}

/* ---- 列表卡片角标 ---- */
.post-item{position:relative}
.post-item .badge-free,.post-item .badge-pay,.post-item .badge-vip{
  position:absolute;right:0;top:0;font-size:11px;line-height:1;padding:4px 7px;border-radius:0 4px 0 6px;color:#fff;z-index:2}
.badge-free{background:#22a06b}
.badge-pay{background:#e8a33d}
.badge-vip{background:#8a6fd4}
.post-item .post-price{color:#d9232e;font-size:13px;font-weight:600;margin-left:8px}
.post-item .post-views{color:#bbb;font-size:12px;margin-left:8px}

/* ---- 文章页：资源信息表 ---- */
.single-post-content .lstk-fileinfo{
  border:1px solid #eee;border-radius:4px;overflow:hidden;margin:18px 0;font-size:14px}
.single-post-content .lstk-fileinfo table{width:100%;border-collapse:collapse;margin:0}
.single-post-content .lstk-fileinfo th,
.single-post-content .lstk-fileinfo td{border-bottom:1px solid #f0f0f0;padding:8px 12px;text-align:left;font-size:14px}
.single-post-content .lstk-fileinfo th{background:#fafafa;color:#666;width:110px;font-weight:400}

/* ---- 付费/下载面板 ---- */
.lstk-paybox{border:2px dashed #cbe3cb;border-radius:4px;padding:18px;margin:22px 0;background:#fbfdfb}
.lstk-paybox .pb-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.lstk-paybox .pb-price{font-size:26px;color:#d9232e;font-weight:700}
.lstk-paybox .pb-price small{font-size:13px;font-weight:400;color:#999;margin-left:4px}
.lstk-paybox .pb-vip{font-size:13px;color:#8a6fd4;background:#f2eefb;border-radius:3px;padding:3px 9px}
.lstk-paybox .pb-tip{font-size:13px;color:#888;margin:8px 0 14px}
.lstk-paybox .pb-actions{display:flex;gap:10px;flex-wrap:wrap}
.lstk-btn{display:inline-block;border:none;cursor:pointer;border-radius:4px;font-size:15px;padding:10px 26px;text-decoration:none;transition:.2s;line-height:1.2}
.lstk-btn-primary{background:#d9232e;color:#fff}
.lstk-btn-primary:hover{background:#c01f28;color:#fff}
.lstk-btn-ghost{background:#f2f2f2;color:#555}
.lstk-btn-ghost:hover{background:#e6e6e6;color:#333}
.lstk-btn-green{background:#22a06b;color:#fff}
.lstk-btn-green:hover{background:#1b8a5b;color:#fff}
.lstk-btn:disabled{opacity:.55;cursor:not-allowed}

/* 已购买 */
.lstk-owned{border:1px solid #cbe3cb;background:#f4fbf6;border-radius:4px;padding:16px;margin:22px 0}
.lstk-owned .own-title{color:#22a06b;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.lstk-owned .own-title svg{width:18px;height:18px}
.lstk-dl-list{margin:10px 0 0;padding:0;list-style:none}
.lstk-dl-list li{padding:6px 0;border-bottom:1px dashed #e2eee6;font-size:14px}
.lstk-dl-list li:last-child{border-bottom:none}
.lstk-dl-list .k{color:#999;display:inline-block;min-width:78px}

/* ---- 支付弹层 ---- */
.lstk-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100000;display:none;align-items:center;justify-content:center;padding:16px}
.lstk-modal.open{display:flex}
.lstk-modal-box{background:#fff;border-radius:8px;width:100%;max-width:380px;padding:24px;text-align:center;position:relative;box-shadow:0 8px 40px rgba(0,0,0,.25)}
.lstk-modal-box h3{margin:0 0 6px;font-size:18px;font-weight:600}
.lstk-modal-box .m-sub{font-size:13px;color:#999;margin-bottom:14px}
.lstk-modal-box .m-amount{font-size:30px;color:#d9232e;font-weight:700;margin-bottom:14px}
.lstk-qr{width:200px;height:200px;margin:0 auto 12px;border:1px solid #eee;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.lstk-qr img,.lstk-qr canvas{display:block;width:200px;height:200px}
.lstk-qr .qr-loading{font-size:13px;color:#999}
.lstk-modal-box .m-note{font-size:12px;color:#aaa;line-height:1.7}
.lstk-modal-close{position:absolute;right:10px;top:8px;background:none;border:none;font-size:22px;line-height:1;color:#bbb;cursor:pointer;padding:4px 8px}
.lstk-modal-close:hover{color:#666}
.lstk-paystate{margin-top:10px;font-size:13px}
.lstk-paystate .ok{color:#22a06b}
.lstk-paystate .wait{color:#e8a33d}
.lstk-modal-box hr{border:none;border-top:1px solid #f0f0f0;margin:16px 0}

/* ---- 会员方案 ---- */
.lstk-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}
.lstk-plan{background:#fff;border:1px solid #eee;border-radius:6px;padding:22px 18px;text-align:center;transition:.2s;box-shadow:0 0 4px 1px #f4f4f4}
.lstk-plan:hover{border-color:#d9232e;box-shadow:0 4px 18px rgba(217,35,46,.1)}
.lstk-plan.recommend{border-color:#d9232e;position:relative}
.lstk-plan.recommend::after{content:'推荐';position:absolute;right:-1px;top:-1px;background:#d9232e;color:#fff;font-size:12px;padding:3px 9px;border-radius:0 6px 0 6px}
.lstk-plan .pl-name{font-size:17px;font-weight:600;margin-bottom:8px}
.lstk-plan .pl-price{font-size:28px;color:#d9232e;font-weight:700;margin-bottom:4px}
.lstk-plan .pl-price small{font-size:13px;color:#999;font-weight:400}
.lstk-plan .pl-days{font-size:13px;color:#999;margin-bottom:16px}

/* ---- 个人中心 ---- */
.lstk-center{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.lstk-center-nav{width:180px;flex-shrink:0;background:#fff;border-radius:4px;box-shadow:0 0 4px 1px #eee;overflow:hidden}
.lstk-center-nav a{display:block;padding:12px 16px;font-size:14px;color:#555;border-bottom:1px solid #f5f5f5}
.lstk-center-nav a.active,.lstk-center-nav a:hover{background:#d9232e;color:#fff}
.lstk-center-body{flex:1;min-width:0;background:#fff;border-radius:4px;box-shadow:0 0 4px 1px #eee;padding:20px}
.lstk-center-body h3{margin:0 0 16px;font-size:16px;border-left:3px solid #d9232e;padding-left:10px}
.lstk-table{width:100%;border-collapse:collapse;font-size:14px}
.lstk-table th,.lstk-table td{border-bottom:1px solid #f0f0f0;padding:10px 8px;text-align:left}
.lstk-table th{background:#fafafa;color:#666;font-weight:400;font-size:13px}
.lstk-table .st-paid{color:#22a06b}
.lstk-table .st-pending{color:#e8a33d}
.lstk-table .st-closed{color:#bbb}
.lstk-empty{text-align:center;color:#bbb;padding:40px 0;font-size:14px}
.lstk-vipcard{background:linear-gradient(135deg,#2b2b2b,#4a4a4a);color:#fff;border-radius:6px;padding:22px;margin-bottom:20px}
.lstk-vipcard .vc-name{font-size:18px;font-weight:600;margin-bottom:6px}
.lstk-vipcard .vc-exp{font-size:13px;color:#c9c9c9}
.lstk-vipcard.none{background:linear-gradient(135deg,#6b6b6b,#9a9a9a)}

/* ---- 登录 / 注册 ---- */
.lstk-auth{max-width:420px;margin:30px auto;background:#fff;border-radius:6px;box-shadow:0 0 4px 1px #eee;padding:28px}
.lstk-auth h2{margin:0 0 20px;font-size:20px;text-align:center;font-weight:600}
.lstk-auth .fld{margin-bottom:14px}
.lstk-auth label{display:block;font-size:13px;color:#666;margin-bottom:6px}
.lstk-auth input[type=text],.lstk-auth input[type=password],.lstk-auth input[type=email]{
  width:100%;height:40px;border:1px solid #e4e7ed;border-radius:4px;padding:0 12px;font-size:14px;outline:none;box-sizing:border-box}
.lstk-auth input:focus{border-color:#d9232e}
.lstk-auth .lstk-btn{width:100%;margin-top:6px}
.lstk-auth .links{margin-top:14px;text-align:center;font-size:13px;color:#999}
.lstk-auth .links a{color:#d9232e}
.lstk-msg{border-radius:4px;padding:10px 14px;font-size:13px;margin-bottom:14px}
.lstk-msg.err{background:#fdf0f0;color:#c0392b;border:1px solid #f5d6d2}
.lstk-msg.ok{background:#f1faf5;color:#22a06b;border:1px solid #cbe9d8}

@media (max-width:768px){
  .lstk-center{flex-direction:column}
  .lstk-center-nav{width:100%;display:flex;overflow-x:auto}
  .lstk-center-nav a{border-bottom:none;border-right:1px solid #f5f5f5;white-space:nowrap}
  .lstk-paybox{padding:14px}
  .lstk-paybox .pb-price{font-size:22px}
  .lstk-table{font-size:13px}
}

/* ---- 站点 logo ---- */
.site_title{width:auto !important;min-width:40px;}
.site_title .site-logo-text{display:flex;align-items:center;gap:8px;}
.site_title .brand-logo{width:26px;height:26px;display:block;border-radius:50%;}