/* 联系渠道：主站首页、书房、颐养和八字站共用（脚本是 lianxi.js）：商务合作，App 图标后面跟联系方式。颜色取各页自己的变量，没有就用后面的默认值 */
.lx {
  --lx-card: var(--card, var(--surface, #FBF8F1));
  --lx-soft: var(--ink-soft, var(--ink-2, #3F3B36));
  --lx-mute: var(--ink-mute, var(--ink-3, #6B655C));
  --lx-line: var(--line, #C9C2B6);
  --lx-gold: var(--shufang, var(--copper, #A88B5C));
  /* 图标：Simple Icons（CC0），用遮罩画，颜色跟着文字走 */
  --lx-tg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
  --lx-wx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z'/%3E%3C/svg%3E");
  display: grid; grid-template-columns: 1fr auto; grid-template-areas: "ming act" "ju act";
  gap: 2px 20px; align-items: center;
  padding: 20px 24px; border: 1px solid var(--lx-line); border-radius: 4px;
  background: var(--lx-card); color: inherit; text-align: left;
}
.lx-ming { grid-area: ming; font: 500 18px/1.5 var(--serif, serif); letter-spacing: .06em; }
.lx-ju { grid-area: ju; font-size: 14px; color: var(--lx-mute); }
.lx-act { grid-area: act; display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
.lx-go, .lx-wx { display: inline-flex; align-items: center; gap: 7px; padding: 0 0 2px; border: 0; border-bottom: 1px solid var(--lx-line); background: none; font: inherit; font-size: 13px; letter-spacing: .1em; color: var(--lx-soft); text-decoration: none; cursor: pointer; }
.lx-wx[hidden] { display: none; }
.lx-go::before, .lx-wx::before { content: ""; width: 15px; height: 15px; background: currentColor; -webkit-mask: var(--lx-tg) center / contain no-repeat; mask: var(--lx-tg) center / contain no-repeat; }
.lx-wx::before { -webkit-mask-image: var(--lx-wx); mask-image: var(--lx-wx); }
.lx-go:hover, .lx-wx:hover { border-color: var(--lx-gold); }
.lx-go:focus-visible, .lx-wx:focus-visible { outline: 2px solid var(--lx-gold); outline-offset: 3px; }
/* 首页那张：和栏目里的卡一样大，顶上多一条淡铜线 */
.lx-card { padding: 28px 24px; border-top: 2px solid var(--lx-gold); }
.lx-card .lx-ming { font-size: 21px; letter-spacing: .08em; }
/* 书房、颐养：放在页尾“给我留言”那一块的上面 */
.lx-wei { max-width: 720px; margin: 56px auto 0; padding: 0 24px; }
/* 首页：放在“书房、颐养”那一排的下面，占满整行 */
.lx-hang { grid-column: 1 / -1; margin-top: 36px; }
@media (max-width: 640px) {
  .lx { grid-template-columns: 1fr; grid-template-areas: "ming" "ju" "act"; gap: 6px; padding: 18px 20px; }
  .lx-act { margin-top: 8px; }
  .lx-wei { padding: 0 16px; }
}