/* free-camp.css · 30 天做内容营（2026-09-27）
   网站宽版（老板两次批「做成了手机版式」）：用全站版心，开场左右两栏（左：今天做什么 + 贴链接；右：30 天圆环），
   30 格一行十个铺满，墙三列。手机上收成一栏。
   学苹果：一块一个大标题一行小字；只用金色；少框线靠留白。颜色全部走 site.css 的变量，白天 / 夜晚自动跟着变。 */
.fc{max-width:var(--wrap);margin:0 auto;padding:0 2.5rem 7rem}
.fc button{font-family:var(--sans);cursor:pointer}
.fc h2{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.15;margin:0;letter-spacing:0}
.fc-sec{padding-top:clamp(5rem,9vw,8rem)}
.fc-head{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding-bottom:1.4rem;margin-bottom:2.4rem;border-bottom:1px solid var(--border)}
.fc-sub{margin:0;font-size:var(--fs-2);line-height:1.7;color:var(--text-secondary)}


.fc-inline{border:none;background:none;padding:0;font-size:inherit;color:var(--gold);font-weight:700;text-decoration:none}

/* 1 开场：左右两栏 */
.fc-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:center;padding-top:clamp(3.5rem,7vw,6rem)}
.fc-eyebrow{margin:0 0 1.4rem;font-size:var(--fs-1);font-weight:700;letter-spacing:.12em;color:var(--gold)}
.fc-hero h1{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.1;margin:0;letter-spacing:0}
.fc-guide{margin-top:2rem;display:flex;align-items:center;gap:.9rem;max-width:34em}
.fc-guide img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.fc-guide p{margin:0;font-family:var(--serif);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65;color:var(--text-primary)}
.fc-paste{margin-top:2.2rem;display:flex;align-items:center;gap:.4rem;max-width:560px;padding:.4rem .4rem .4rem 1.4rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);transition:border-color .2s,box-shadow .2s}
.fc-paste:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
.fc-paste input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:var(--fs-2);color:var(--text-primary);padding:.75rem 0}
.fc-paste button{flex-shrink:0;border:none;border-radius:999px;padding:.9rem 1.6rem;background:var(--gold);color:var(--paper);font-size:var(--fs-1);font-weight:700}
.fc-paste.done{opacity:.55}
.fc-paste button:disabled{cursor:default}
.fc-share{margin-top:1rem;display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-1);color:var(--text-secondary);cursor:pointer}
.fc-share[hidden]{display:none}
.fc-share input{width:17px;height:17px;accent-color:var(--gold)}
.fc-hint{margin:.8rem 0 0;min-height:1.5em;font-size:var(--fs-1);color:var(--gold)}
.fc-hint a{color:inherit;text-underline-offset:3px}
.fc-hero-r{display:flex;flex-direction:column;align-items:center}
.fc-ring{position:relative;width:min(340px,100%);aspect-ratio:1}
.fc-ring svg{width:100%;height:100%}
.fc-ring path{fill:none;stroke:var(--border);stroke-width:9;transition:stroke .5s}
.fc-ring path.on{stroke:var(--gold)}
.fc-ring path.now:not(.on){stroke:var(--gold);stroke-opacity:.35}
.fc-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.fc-ring-c b{font-size:clamp(4.6rem,8vw,6.4rem);font-weight:800;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.fc-ring-c span{margin-top:.3rem;font-size:var(--fs-1);color:var(--text-muted)}
.fc-kpis{display:flex;margin-top:2rem}
.fc-kpis div{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 2.6rem}
.fc-kpis div+div{border-left:1px solid var(--border)}
.fc-kpis b{font-size:2.4rem;font-weight:700;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}
.fc-kpis span{font-size:var(--fs-0);color:var(--text-muted)}


































/* 2 你发出去的：一行十格 */
.fc-shelf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,1fr);gap:.8rem}
.fc-shelf li{aspect-ratio:1;border-radius:14px;background:var(--panel);border:1px solid var(--border);position:relative}
.fc-shelf small{position:absolute;left:.65rem;top:.5rem;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}
.fc-shelf li.on{background:var(--gold);border-color:var(--gold);transition:transform .2s}
.fc-shelf li.on:hover{transform:translateY(-3px)}
.fc-shelf a{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.7rem;text-decoration:none}
.fc-shelf li.on small{color:var(--paper);opacity:.7}
.fc-shelf a span{font-size:var(--fs-0);font-weight:700;color:var(--paper)}

/* 3 墙上：三列 */
.fc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.fc-card{display:flex;flex-direction:column;gap:.4rem;padding:1.5rem 1.6rem;border-radius:18px;background:var(--panel);border:1px solid var(--border);text-decoration:none;transition:border-color .2s,transform .2s}
a.fc-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.fc-card small{font-size:var(--fs-0);color:var(--gold);font-weight:700}
.fc-card b{font-size:var(--fs-3);color:var(--text-primary)}
.fc-card span{font-size:var(--fs-1);color:var(--text-muted)}
.fc-card.empty{grid-column:1/-1;border-style:dashed;align-items:center;justify-content:center;text-align:center;font-size:var(--fs-2);line-height:1.7;color:var(--text-muted);min-height:160px}

/* 提示 */
.fc-toast{position:fixed;left:50%;bottom:2rem;transform:translateX(-50%);z-index:50;background:var(--text-primary);color:var(--paper);border-radius:16px;padding:.9rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;box-shadow:0 16px 40px rgba(0,0,0,.25);min-width:220px;text-align:center}
.fc-toast[hidden]{display:none}
.fc-toast b{font-size:var(--fs-3)}
.fc-toast span{font-size:var(--fs-0);opacity:.75}
.fc-toast.show{animation:fc-pop .35s var(--ease)}
@keyframes fc-pop{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}

@media(max-width:1024px){
  .fc-hero{grid-template-columns:1fr;gap:3.5rem}
  .fc-hero-r{order:-1}
  .fc-shelf{grid-template-columns:repeat(6,1fr)}
  .fc-list{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .fc{padding:0 1.15rem 5rem}
  .fc-head{flex-direction:column;gap:.4rem}
  .fc-kpis div{padding:0 1.6rem}
  .fc-paste{padding-left:1.1rem}
  .fc-paste button{padding:.8rem 1.1rem}
  
  
  
  .fc-shelf{grid-template-columns:repeat(5,1fr);gap:.5rem}
  .fc-list{grid-template-columns:1fr}
}

/* 学员门禁：检查时先不露内容；不是学员只显示「学员专享」 */
html.fc-checking .fc,html.fc-checking .fc-lock{visibility:hidden}
.fc-lock{display:none}
.fc-trial{margin:1rem 0 1.6rem;font-size:var(--fs-1);line-height:1.7;color:var(--text-secondary)}
.fc-trial a{color:var(--gold);white-space:nowrap}
html.fc-locked .fc{display:none}
html.fc-locked .fc-lock{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem;max-width:var(--wrap);margin:0 auto;padding:clamp(5rem,12vw,9rem) 1.5rem}
.fc-lock h1{font-size:clamp(2.8rem,5vw,4.4rem);margin:0;letter-spacing:0}
.fc-lock-sub{margin:0;max-width:30em;font-size:var(--fs-3);line-height:1.7;color:var(--text-secondary)}
.fc-lock-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}

/* AI 同学（09-27 老板：先放二三十个我们的 Agent）：名字前一个小「AI」标，墙上示范卡标「AI 示范」、不带链接 */



.fc-card.ai{border-style:dashed}
.fc-card.ai span{color:var(--text-secondary);line-height:1.6}

/* 09-28 老板：换行别落单——小标题整个不拆 */
.fc-head h2{white-space:nowrap;flex-shrink:0}

/* 看 AI 同学示范作品的弹窗 */




button.fc-card{font:inherit;text-align:left;color:inherit;cursor:pointer}
button.fc-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.fc-see{position:fixed;inset:0;z-index:9000;background:rgba(10,10,10,.62);display:flex;align-items:center;justify-content:center;padding:1.2rem}
.fc-see[hidden]{display:none}
.fc-see-box{width:min(440px,100%);display:flex;flex-direction:column;gap:.6rem;padding:2rem 1.8rem 1.4rem;border-radius:22px;background:var(--panel);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.fc-see-box small{font-size:var(--fs-0);font-weight:700;color:var(--gold)}
.fc-see-box b{font-size:var(--fs-1);color:var(--text-muted);font-weight:500}
.fc-see-box h3{margin:.2rem 0 0;font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.35;color:var(--text-primary)}
.fc-see-box p{margin:0;font-size:var(--fs-2);line-height:1.7;color:var(--text-secondary)}




.fc-see-x{align-self:flex-end;margin-top:.4rem;border:none;background:none;font-size:var(--fs-1);color:var(--text-muted)}


#se-how{max-height:52vh;overflow:auto}