/* 留园书签笺 — unique to cool18, bottom-center only */
.xf-juan{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);
  z-index:9999;display:flex;align-items:stretch;
  width:max-content;max-width:calc(100vw - 28px);
  background:#fbfeea;
  border:1px solid #396a24;
  box-shadow:2px 3px 0 rgba(57,106,36,.16),0 8px 22px rgba(25,29,17,.10);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Songti SC",serif;
}
.xf-juan-link{
  display:flex;align-items:stretch;color:inherit;text-decoration:none;
}
.xf-juan-seal{
  display:flex;align-items:center;justify-content:center;
  writing-mode:vertical-rl;letter-spacing:.22em;
  background:#396a24;color:#fbfeea;
  font-style:normal;font-weight:600;font-size:12px;
  padding:10px 8px;line-height:1;
}
.xf-juan-text{
  display:flex;align-items:center;
  padding:11px 18px 11px 20px;
  color:#2f5f1a;font-size:14px;letter-spacing:.20em;
  border-right:1px dashed #c2c9b8;
  white-space:nowrap;
}
.xf-juan-act{
  display:flex;align-items:center;
  padding:11px 16px 11px 18px;
  color:#884a6b;font-size:13px;letter-spacing:.14em;
  white-space:nowrap;
}
.xf-juan-act::after{content:" ›";}
.xf-juan-link:hover .xf-juan-act{text-decoration:underline;}
.xf-juan-close{
  background:transparent;border:0;color:#72796b;
  padding:0 9px;font-size:16px;cursor:pointer;line-height:1;
  font-family:inherit;
}
.xf-juan-close:hover{color:#191d11;}
body{padding-bottom:84px !important;}
@media (max-width:560px){
  .xf-juan-text{letter-spacing:.10em;padding:10px 12px;font-size:13px;}
  .xf-juan-act{padding:10px 12px;}
}