/* connector.css — 互链连接器小部件(footer / bar / row / stack / card)。由 scripts/gen-connectors.mjs 生成,别手改。
 * 极简:线条图标 16px(点击区 32px)、mono 小字、零底色零边框零阴影;颜色全走页面 tokens,日光版由 css/theme.css 换值。
 * 自适应看容器宽度(@container,量的是 .yfc-inner 去掉左右边距后的宽),同一段代码放宽栏窄栏都自己收;极窄时字上图下。
 * 字色用 --soft(各页夜版日光版都 ≥ 4.5 对比);手机无悬停时第一下点 Instagram 开清单(connector-track.js)。选择器两层 class,压过各页 footer ul/a 的页级规则。*/
.yfc{container-type:inline-size;background:transparent;border:0;font-family:var(--body,Inter,system-ui,sans-serif);}
.yfc a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.yfc .yfc-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;container-type:inline-size;}
.yfc .yfc-i{display:block;width:16px;height:16px;flex:none;}
.yfc .yfc-arr{color:var(--ignite,#f4c542);}
.yfc .yfc-cta{font-family:var(--mono,ui-monospace,monospace);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--soft,rgba(233,231,226,.62));display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:32px;}
.yfc .yfc-cta .yfc-arr{transition:transform .15s;}
.yfc .yfc-cta:hover{color:var(--ignite,#f4c542);} .yfc .yfc-cta:hover .yfc-arr{transform:translate(2px,-2px);}
.yfc ul.yfc-icons{list-style:none;margin:0 -8px 0 0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;}
.yfc ul.yfc-icons > li{margin:0;padding:0;list-style:none;position:relative;display:block;width:auto;}
.yfc ul.yfc-icons > li > a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--soft,rgba(233,231,226,.62));padding:0;border:0;transition:color .15s;}
.yfc ul.yfc-icons > li > a:hover{color:var(--ignite,#f4c542);}
.yfc a:focus-visible{color:var(--ignite,#f4c542);outline:1px solid var(--ignite,#f4c542);outline-offset:-2px;}
.yfc .yfc-ig sup{position:absolute;top:5px;right:4px;font-family:var(--mono,ui-monospace,monospace);font-size:8px;line-height:1;color:inherit;}
.yfc ul.yfc-pop{list-style:none;margin:0;padding:6px 0;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);min-width:180px;background:var(--carbon,#141413);border:1px solid var(--rule-2,rgba(255,255,255,.16));display:none;z-index:5;}
.yfc .yfc-ig:hover ul.yfc-pop,.yfc .yfc-ig:focus-within ul.yfc-pop,.yfc .yfc-ig.yfc-open ul.yfc-pop{display:block;}
.yfc ul.yfc-pop > li{margin:0;padding:0;list-style:none;display:block;}
.yfc ul.yfc-pop a{display:block;padding:10px 14px;font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.02em;color:var(--soft,rgba(233,231,226,.62));white-space:nowrap;}
.yfc ul.yfc-pop a:hover{color:var(--ignite,#f4c542);}
.yfc ul.yfc-icons > li.yfc-wf{margin-left:8px;}
.yfc ul.yfc-icons > li.yfc-wf > a{width:auto;padding:0 8px;font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;gap:6px;}
.yfc .yfc-wf .yfc-i{display:none;}

/* footer — 页脚底栏下一行,跟页脚同栏宽 */
.yfc[data-yfc-layout="footer"] .yfc-inner{max-width:var(--max,1640px);margin:0 auto;padding:10px var(--gutter,40px) 22px;}
@media (max-width:640px){.yfc[data-yfc-layout="footer"] .yfc-inner{padding:6px var(--gutter,20px) 18px;}}

/* bar — 横条:放在正文栏里,左右不另加边距 */
.yfc[data-yfc-layout="bar"] .yfc-inner{padding:12px 0;}

/* row — 只有图标 */
.yfc[data-yfc-layout="row"] .yfc-inner{justify-content:flex-start;}
.yfc[data-yfc-layout="row"] ul.yfc-icons{margin:0 0 0 -8px;}
.yfc[data-yfc-layout="row"] ul.yfc-pop{left:0;transform:none;}

/* card — 居中一句 + 图标 */
.yfc[data-yfc-layout="card"] .yfc-inner{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:40px 0;}
.yfc[data-yfc-layout="card"] .yfc-cta{font-family:var(--display,'Space Grotesk',sans-serif);font-size:22px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--bone,#e9e7e2);white-space:normal;justify-content:center;}
.yfc[data-yfc-layout="card"] ul.yfc-icons{margin:0;flex-wrap:wrap;justify-content:center;}

/* stack — 竖排清单 */
.yfc[data-yfc-layout="stack"] .yfc-inner{display:block;}
.yfc .yfc-h{margin:0 0 6px;font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft,rgba(233,231,226,.62));}
.yfc ul.yfc-list{list-style:none;margin:0;padding:0;}
.yfc ul.yfc-list > li{margin:0;padding:0;list-style:none;display:block;}
.yfc ul.yfc-list a{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:14px;line-height:1.3;color:var(--soft,rgba(233,231,226,.62));transition:color .15s;}
.yfc ul.yfc-list a:hover{color:var(--ignite,#f4c542);}
.yfc ul.yfc-list .yfc-k{color:var(--bone,#e9e7e2);min-width:80px;}
.yfc ul.yfc-list a:hover .yfc-k{color:inherit;}
.yfc ul.yfc-list .yfc-v{font-family:var(--mono,ui-monospace,monospace);font-size:11.5px;color:var(--soft,rgba(233,231,226,.62));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 窄容器(手机、侧栏):整句收成首词,Wefunder 文字换图标;清单只留平台名 */
@container (max-width:560px){
  .yfc .yfc-more{display:none;}
  .yfc ul.yfc-icons > li.yfc-wf{margin-left:0;}
  .yfc ul.yfc-icons > li.yfc-wf > a{width:32px;padding:0;}
  .yfc .yfc-wf .yfc-i{display:block;} .yfc .yfc-wf-t{display:none;}
}
@container (max-width:240px){ .yfc ul.yfc-list .yfc-v{display:none;} }
/* 太窄一行放不下(Follow ↗ + 6 图标约 271px):字上图下,图标字形左缘对齐字,Instagram 清单靠左不出屏 */
@container (max-width:280px){
  .yfc[data-yfc-layout="footer"] .yfc-cta,.yfc[data-yfc-layout="bar"] .yfc-cta{flex:0 0 100%;}
  .yfc[data-yfc-layout="footer"] ul.yfc-icons,.yfc[data-yfc-layout="bar"] ul.yfc-icons{margin:0 0 0 -8px;}
  .yfc[data-yfc-layout="footer"] ul.yfc-pop,.yfc[data-yfc-layout="bar"] ul.yfc-pop{left:0;transform:none;}
}
@supports not (container-type:inline-size){
  @media (max-width:640px){
    .yfc .yfc-more{display:none;}
    .yfc ul.yfc-icons > li.yfc-wf{margin-left:0;}
    .yfc ul.yfc-icons > li.yfc-wf > a{width:32px;padding:0;}
    .yfc .yfc-wf .yfc-i{display:block;} .yfc .yfc-wf-t{display:none;}
  }
}
@media (prefers-reduced-motion:reduce){ .yfc *{transition:none!important;} .yfc .yfc-cta:hover .yfc-arr{transform:none;} }
@media print{ .yfc{display:none;} }