/* 帖子详情页隐藏内容（步骤38）
 * 1. 未解锁提示框 .jinsom-tips.qrs-lk（付费 / 卡密 / VIP / 回复 / 登录可见）：票券样式，右侧（手机端在下方）是虚线隔开的票根
 * 2. 解锁后的隐藏内容块 .jinsom-hide-content：只改样式
 * 覆盖主题 jinsom.min.css 和步骤33c tabs.css 里的旧样式，所以选择器带了 body / 外层容器。
 */

/* ---------- 颜色：每种类型一套 ---------- */
.qrs-lk{
  --lk:#e66760;--lk-ink:#c2453e;--lk-soft:#fcebea;--lk-line:#f0c6c3;--lk-wash:#fffaf9;--lk-stub:#fdf0ef;--lk-on:#fff;
  --lk-num:Bahnschrift,"DIN Alternate","Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --lk-font:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC",sans-serif;
}
.qrs-lk-vip{--lk:#b0700e;--lk-ink:#8f5a08;--lk-soft:#fbf0d9;--lk-line:#ebd29d;--lk-wash:#fffcf4;--lk-stub:#fdf5e2}
.qrs-lk-reply{--lk:#2f6fd6;--lk-ink:#2459b0;--lk-soft:#e6effc;--lk-line:#bfd3f3;--lk-wash:#f9fbff;--lk-stub:#eef4fd}
.qrs-lk-login{--lk:#4f5d75;--lk-ink:#414d63;--lk-soft:#eceff4;--lk-line:#cfd5df;--lk-wash:#fafbfc;--lk-stub:#f1f3f7}
@supports (color:color-mix(in srgb,red 50%,blue)){
  .qrs-lk{
    --lk-soft:color-mix(in srgb,var(--lk) 11%,var(--white-color,#fff));
    --lk-line:color-mix(in srgb,var(--lk) 34%,var(--white-color,#fff));
    --lk-wash:color-mix(in srgb,var(--lk) 3%,var(--white-color,#fff));
    --lk-stub:color-mix(in srgb,var(--lk) 8%,var(--white-color,#fff));
  }
  .qrs-lk-pay,.qrs-lk-faka{--lk:var(--jinsom-color,#e66760);--lk-ink:color-mix(in srgb,var(--jinsom-color,#e66760) 82%,#000)}
}
.theme-dark .qrs-lk{--lk-ink:var(--lk)}

/* ---------- 未解锁提示框：电脑端 ---------- */
body .jinsom-tips.qrs-lk{
  --perf:180px;
  position:relative;clear:both;box-sizing:border-box;
  display:grid;grid-template-columns:46px minmax(0,1fr) 162px;grid-template-rows:auto auto;
  grid-template-areas:"ico main stub" "ico rv btn";
  column-gap:14px;row-gap:10px;align-items:center;
  margin:20px 0 14px;padding:20px 20px 20px 22px;
  color:var(--font-color,#333);text-align:left;font-size:14px;line-height:1.6;font-family:var(--lk-font);
  border:1px solid var(--lk-line);border-radius:12px!important;
  background:
    repeating-linear-gradient(to bottom,var(--lk-line) 0 6px,transparent 6px 11px) right var(--perf) top 0/1px 100% no-repeat,
    linear-gradient(to left,var(--lk-stub) var(--perf),var(--lk-wash) var(--perf))!important;   /* 站点 style/diy.css 有 .jinsom-tips{background:#e7e7e7!important} */
  /* 上下两个缺口：两层都铺满整个框再取交集（不用半高拼接，框高有小数时最下面一行边框不会被裁掉） */
  -webkit-mask:
    radial-gradient(circle at calc(100% - var(--perf)) 0,transparent 9px,#000 9.5px),
    radial-gradient(circle at calc(100% - var(--perf)) 100%,transparent 9px,#000 9.5px);
  -webkit-mask-composite:source-in;
  mask:
    radial-gradient(circle at calc(100% - var(--perf)) 0,transparent 9px,#000 9.5px),
    radial-gradient(circle at calc(100% - var(--perf)) 100%,transparent 9px,#000 9.5px);
  mask-composite:intersect;
}
/* 票根上下两个缺口的描边（半圆，只画在框内） */
body .jinsom-tips.qrs-lk:before,body .jinsom-tips.qrs-lk:after{
  content:"";position:absolute;right:calc(var(--perf) - 10px);width:20px;height:10px;box-sizing:border-box;
  border:1px solid var(--lk-line);pointer-events:none}
body .jinsom-tips.qrs-lk:before{top:0;border-top:0;border-radius:0 0 10px 10px}
body .jinsom-tips.qrs-lk:after{bottom:0;border-bottom:0;border-radius:10px 10px 0 0}

.jinsom-tips.qrs-lk .qrs-lk-ico{
  grid-area:ico;align-self:center;display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:12px;background:var(--lk-soft);color:var(--lk)}
.jinsom-tips.qrs-lk .qrs-lk-ico svg{width:24px;height:24px;display:block}
.jinsom-tips.qrs-lk .qrs-lk-main{grid-area:main;align-self:end;min-width:0}
.jinsom-tips.qrs-lk:not(:has(.qrs-rv-paytip)) .qrs-lk-main{grid-row:1/3;align-self:center}
.jinsom-tips.qrs-lk .qrs-lk-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:17px;line-height:24px;font-weight:700;color:var(--font-color,#2b2f36);letter-spacing:.5px}
.jinsom-tips.qrs-lk .qrs-lk-tag{display:inline-block;height:20px;line-height:20px;padding:0 8px;border-radius:10px;font-size:12px;font-weight:600;letter-spacing:0;color:#fff;background:#9aa0a8}
.jinsom-tips.qrs-lk .qrs-lk-desc{margin:4px 0 0;font-size:13px;line-height:20px;color:#8a8f98}
.jinsom-tips.qrs-lk .qrs-lk-stub{grid-area:stub;align-self:end;display:flex;flex-direction:column;margin-left:18px;min-width:0;line-height:1.2}
.jinsom-tips.qrs-lk .qrs-lk-label{font-size:12px;line-height:16px;color:#9a9fa7}
.jinsom-tips.qrs-lk .qrs-lk-value{display:flex;align-items:baseline;gap:4px;margin-top:2px;color:var(--lk-ink);white-space:nowrap}
.jinsom-tips.qrs-lk .qrs-lk-num{font-family:var(--lk-num);font-size:30px;line-height:32px;font-weight:700;letter-spacing:-.5px}
.jinsom-tips.qrs-lk .qrs-lk-value em{font-style:normal;font-size:13px;font-weight:600}
.jinsom-tips.qrs-lk .qrs-lk-word{font-size:19px;line-height:32px;font-weight:700}
.jinsom-tips.qrs-lk .qrs-lk-vip{margin-top:3px;font-size:12px;line-height:16px;color:#a46a0c}
.jinsom-tips.qrs-lk .qrs-lk-vip:before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 1px 0;border-radius:50%;background:#e3a21a}

/* 按钮（主题 .jinsom-btn 的宽度/外边距全部重设） */
body .jinsom-tips.qrs-lk .qrs-lk-btn{
  grid-area:btn;align-self:start;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  width:auto;height:38px;margin:0 0 0 18px;padding:0 14px;border:0;border-radius:19px;
  background:var(--lk);color:var(--lk-on);font-size:14px;font-weight:600;line-height:38px;letter-spacing:1px;text-align:center;
  cursor:pointer;user-select:none;white-space:nowrap;opacity:1;
  box-shadow:0 6px 14px -8px var(--lk);transition:filter .15s,transform .15s}
body .jinsom-tips.qrs-lk .qrs-lk-btn:hover{opacity:1;filter:brightness(1.07)}
body .jinsom-tips.qrs-lk .qrs-lk-btn:active{transform:translateY(1px)}
body .jinsom-tips.qrs-lk .qrs-lk-btn:focus-visible{outline:2px solid var(--lk);outline-offset:2px}
body .jinsom-tips.qrs-lk .qrs-lk-btn a{display:block;width:100%;color:inherit;text-decoration:none}
.jinsom-tips.qrs-lk-vip .qrs-lk-btn{background:linear-gradient(180deg,#f7d06a,#ebb53a)!important;color:#5a3a00!important}
body .jinsom-tips.qrs-lk .qrs-lk-btn.is-ghost{background:var(--white-color,#fff);color:var(--lk-ink);box-shadow:inset 0 0 0 1px var(--lk-line)}
body .jinsom-tips.qrs-lk .qrs-lk-btn.is-disabled{background:#e9eaec;color:#9a9fa7;box-shadow:none;cursor:not-allowed}

/* 已售完 / 已锁帖：整体变灰 */
.jinsom-tips.qrs-lk.is-off{--lk-line:#dcdfe3;--lk-wash:#fbfbfc;--lk-stub:#f4f5f6}
.theme-dark .jinsom-tips.qrs-lk.is-off{--lk-line:rgba(255,255,255,.14);--lk-wash:transparent;--lk-stub:rgba(255,255,255,.03)}
.jinsom-tips.qrs-lk.is-off .qrs-lk-ico{background:#eff0f2;color:#9aa0a8}
.jinsom-tips.qrs-lk.is-off .qrs-lk-value{color:#9aa0a8}
.jinsom-tips.qrs-lk.is-off .qrs-lk-tag{background:#e0524c}

/* 步骤37 评价提示（电脑端，插在按钮前面） */
.jinsom-tips.qrs-lk .qrs-rv-paytip{grid-area:rv;align-self:start;justify-self:start;margin:0}
.jinsom-tips.qrs-lk>br{display:none}

/* ---------- 未解锁提示框：手机端（上下结构，票根在下面） ---------- */
body .jinsom-tips.qrs-lk.is-m{
  --perfy:64px;
  grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto var(--perfy);
  grid-template-areas:"ico main main" "stub stub btn";
  column-gap:12px;row-gap:16px;margin:4px 0 16px;padding:16px 14px 0;font-size:14px;border-radius:10px!important;
  background:
    repeating-linear-gradient(to right,var(--lk-line) 0 6px,transparent 6px 11px) left 0 bottom var(--perfy)/100% 1px no-repeat,
    linear-gradient(to top,var(--lk-stub) var(--perfy),var(--lk-wash) var(--perfy))!important;
  -webkit-mask:
    radial-gradient(circle at 0 calc(100% - var(--perfy)),transparent 8px,#000 8.5px),
    radial-gradient(circle at 100% calc(100% - var(--perfy)),transparent 8px,#000 8.5px);
  -webkit-mask-composite:source-in;
  mask:
    radial-gradient(circle at 0 calc(100% - var(--perfy)),transparent 8px,#000 8.5px),
    radial-gradient(circle at 100% calc(100% - var(--perfy)),transparent 8px,#000 8.5px);
  mask-composite:intersect;
}
body .jinsom-tips.qrs-lk.is-m:before,body .jinsom-tips.qrs-lk.is-m:after{
  top:auto;bottom:calc(var(--perfy) - 9px);width:9px;height:18px;border:1px solid var(--lk-line)}
body .jinsom-tips.qrs-lk.is-m:before{left:0;right:auto;border-left:0;border-radius:0 9px 9px 0}
body .jinsom-tips.qrs-lk.is-m:after{right:0;left:auto;border-right:0;border-radius:9px 0 0 9px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-ico{width:40px;height:40px;border-radius:10px;align-self:start}
.jinsom-tips.qrs-lk.is-m .qrs-lk-ico svg{width:22px;height:22px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-main,.jinsom-tips.qrs-lk.is-m:not(:has(.qrs-rv-paytip)) .qrs-lk-main{grid-row:auto;grid-area:main;align-self:center}
.jinsom-tips.qrs-lk.is-m .qrs-lk-title{font-size:16px;line-height:22px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-desc{font-size:13px;line-height:19px;margin-top:3px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-stub{grid-area:stub;align-self:center;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;margin:0 0 0 2px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-label{font-size:12px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-value{margin:0}
.jinsom-tips.qrs-lk.is-m .qrs-lk-num{font-size:26px;line-height:30px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-word{font-size:17px;line-height:30px}
.jinsom-tips.qrs-lk.is-m .qrs-lk-vip{flex-basis:100%;margin-top:0}
body .jinsom-tips.qrs-lk.is-m .qrs-lk-btn{align-self:center;min-width:104px;height:38px;margin:0;padding:0 18px;font-size:15px}

/* ---------- 解锁后的隐藏内容块 ---------- */
body .jinsom-bbs-single-box.main .right .jinsom-hide-content,
body .jinsom-single .jinsom-hide-content{
  --hc:var(--jinsom-color,#e66760);--hc-line:#f0c6c3;--hc-wash:#fff8f7;
  position:relative;overflow:hidden;box-sizing:border-box;clear:both;
  margin:20px 0 14px;padding:0 20px 16px;
  line-height:26px;word-break:break-word;overflow-wrap:anywhere;color:var(--font-color,#333);
  background:var(--white-color,#fff);border:1px solid var(--hc-line);border-radius:12px}
@supports (color:color-mix(in srgb,red 50%,blue)){
  body .jinsom-bbs-single-box.main .right .jinsom-hide-content,
  body .jinsom-single .jinsom-hide-content{
    --hc-line:color-mix(in srgb,var(--hc) 34%,var(--white-color,#fff));
    --hc-wash:color-mix(in srgb,var(--hc) 6%,var(--white-color,#fff))}
}
/* 顶部标题条：开锁图标 + 隐藏内容，下边虚线 */
body .jinsom-bbs-single-box.main .right .jinsom-hide-content:before,
body .jinsom-single .jinsom-hide-content:before{
  content:"\f09c\00a0\00a0隐藏内容";display:block;position:relative;left:auto;top:auto;right:auto;
  height:42px;line-height:42px;margin:0 -20px 14px;padding:0 96px 0 20px;border-radius:0;
  background:var(--hc-wash);border-bottom:1px dashed var(--hc-line);
  color:var(--hc);font-size:14px;font-weight:700;letter-spacing:1px;white-space:nowrap;
  font-family:FontAwesome,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif}
/* 右上角「已解锁」 */
body .jinsom-bbs-single-box.main .right .jinsom-hide-content:after,
body .jinsom-single .jinsom-hide-content:after{
  content:"\f00c\00a0已解锁";display:block;position:absolute;top:10px;right:16px;left:auto;
  height:22px;line-height:22px;padding:0 10px;border-radius:11px;
  background:#e5f5ec;color:#1f8a5b;font-size:12px;font-weight:600;letter-spacing:0;
  font-family:FontAwesome,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif}
.theme-dark .jinsom-bbs-single-box.main .right .jinsom-hide-content:after,
.theme-dark .jinsom-single .jinsom-hide-content:after{background:rgba(46,160,103,.16);color:#5fd19a}
body .jinsom-bbs-single-box.main .right .jinsom-hide-content p{margin:0 0 6px!important}
body .jinsom-bbs-single-box.main .right .jinsom-hide-content>:last-child{margin-bottom:0!important}
body .jinsom-bbs-single-box.main .right .jinsom-hide-content a{color:var(--hc);word-break:break-all}
/* 手机端 */
body .jinsom-single .jinsom-hide-content{margin:4px 0 16px;padding:0 14px 12px;border-radius:10px;font-size:15px}
body .jinsom-single .jinsom-hide-content:before{height:40px;line-height:40px;margin:0 -14px 12px;padding:0 84px 0 14px;font-size:14px}
body .jinsom-single .jinsom-hide-content:after{display:block;top:9px;right:12px}
body .jinsom-single .jinsom-hide-content p{margin:0 0 4px}
body .jinsom-single .jinsom-hide-content a{color:var(--hc);word-break:break-all}

@media (prefers-reduced-motion:reduce){
  body .jinsom-tips.qrs-lk .qrs-lk-btn{transition:none}
}