/* ===== Scene 11 · Publishing Studio · 贡献中心 =====
   真正的成长，不是完成自己，而是开始影响别人。
   贡献之门 + 四路径 + 贡献看板 + 知识长河
   Visual Language v1.0: Less UI More Space */

* { margin:0; padding:0; box-sizing:border-box; }
:root{
  --bg:#05070A; --panel:#10131A; --panel2:#171B24;
  --gold:#FFD45A; --gold2:#FFF0A6; --gold-deep:#B87816;
  --text:#FFF6E3; --muted:#C9B98E; --dim:#7F7255;
  --green:#5a9a5a; --blue:#5a8ab5; --line:rgba(255,212,90,0.35);
  --font-lishu:"华文隶书","STLiti","LiSu","Source Han Serif SC","SimSun",serif;
  --font-songti:"Noto Serif SC","Source Han Serif SC","SimSun",serif;
}
body{background:var(--bg);color:var(--text);font-family:var(--font-songti);font-size:18px;line-height:2;overflow-x:hidden;}
.bg-glow{position:fixed;top:0;left:50%;width:80vw;height:60vh;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 40%,rgba(255,212,90,0.15),transparent 60%);pointer-events:none;z-index:0;}
.bg-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(0,0,0,0.55) 100%);}
.studio{max-width:880px;margin:0 auto;padding:0 24px 80px;position:relative;z-index:1;}

/* ===== ① 贡献之门 ===== */
.gate{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;}
.eyebrow{font-size:clamp(13px,1.8vw,16px);color:var(--gold);letter-spacing:.2em;font-weight:bold;margin-bottom:28px;font-family:var(--font-lishu);}
.gate h1{font-family:var(--font-lishu);font-size:clamp(44px,7vw,80px);font-weight:400;letter-spacing:.14em;color:var(--gold2);text-shadow:0 0 18px rgba(255,212,90,.38);}
.head-line{width:220px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:28px auto;}
.creed{font-size:clamp(17px,2.6vw,23px);color:var(--text);letter-spacing:4px;font-weight:300;margin-bottom:56px;}
.growth-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}
.gf-node{padding:10px 24px;border:1px solid var(--line);color:var(--muted);font-size:15px;letter-spacing:3px;border-radius:2px;font-family:var(--font-lishu);}
.gf-done{border-color:var(--green);color:var(--green);background:rgba(90,154,90,.06);}
.gf-current{border-color:var(--gold);color:#05070A;background:linear-gradient(180deg,var(--gold2),var(--gold));font-weight:bold;box-shadow:0 0 24px rgba(255,212,90,.32);}
.gf-arrow{color:var(--gold-deep);font-size:14px;}

/* ===== ② 四条贡献路径 ===== */
.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding:20px 0 40px;}
.path-card{position:relative;padding:40px 36px;background:linear-gradient(145deg,var(--panel2),#080A0F);border:1px solid rgba(255,212,90,.15);border-radius:4px;cursor:pointer;transition:all .4s;overflow:hidden;}
.path-card::before,.path-card::after{content:'';position:absolute;width:24px;height:24px;border-color:var(--gold);opacity:0.4;z-index:2;transition:opacity .4s;}
.path-card::before{top:12px;left:12px;border-top:2px solid;border-left:2px solid;}
.path-card::after{bottom:12px;right:12px;border-bottom:2px solid;border-right:2px solid;}
.path-card:hover{border-color:var(--gold);box-shadow:0 0 28px rgba(255,212,90,.12);}
.path-card:hover::before,.path-card:hover::after{opacity:0.8;}
.path-icon{font-size:36px;margin-bottom:16px;}
.path-title{font-family:var(--font-lishu);font-size:30px;color:var(--gold2);letter-spacing:4px;margin-bottom:6px;}
.path-en{font-size:14px;color:var(--gold-deep);letter-spacing:3px;font-family:'JetBrains Mono',monospace;display:block;margin-bottom:16px;}
.path-desc{font-size:17px;color:var(--text);letter-spacing:2px;font-weight:300;line-height:1.9;margin-bottom:24px;}
.path-templates{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.path-template{font-size:14px;color:var(--gold);letter-spacing:1px;background:rgba(255,212,90,.06);padding:6px 14px;border-radius:2px;border-left:2px solid var(--gold-deep);}
.path-flowback{font-size:14px;color:var(--green);letter-spacing:1px;margin-bottom:20px;font-style:italic;}
.path-enter{font-size:16px;color:var(--gold);font-weight:bold;letter-spacing:4px;opacity:0.7;transition:opacity .3s;}
.path-card:hover .path-enter{opacity:1;}

/* ===== ③ Contribution Board ===== */
.board{margin-top:72px;padding:32px;background:rgba(255,255,255,.025);border-left:4px solid var(--gold);border-radius:0 4px 4px 0;}
.board-label{display:block;font-size:15px;color:var(--gold);letter-spacing:.16em;font-weight:bold;margin-bottom:24px;font-family:'JetBrains Mono',monospace;}
.board-list{display:flex;flex-direction:column;gap:14px;}
.board-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,212,90,.08);border-radius:4px;flex-wrap:wrap;}
.bi-type{font-size:16px;color:var(--gold);letter-spacing:1px;font-family:var(--font-lishu);min-width:80px;}
.bi-title{font-size:16px;color:var(--text);letter-spacing:1px;flex:1;min-width:200px;}
.bi-platform{font-size:13px;color:var(--muted);letter-spacing:1px;padding:3px 10px;border:1px solid var(--line);border-radius:2px;}
.bi-date{font-size:13px;color:var(--dim);letter-spacing:1px;font-family:'JetBrains Mono',monospace;}
.bi-status{font-size:14px;letter-spacing:2px;font-weight:bold;padding:4px 12px;border-radius:2px;}
.pub-published{color:var(--green);background:rgba(90,154,90,.1);}
.pub-review{color:var(--gold);background:rgba(255,212,90,.1);}
.pub-ongoing{color:var(--blue);background:rgba(90,138,181,.1);}

/* ===== ④ Knowledge River ===== */
.river{margin-top:72px;padding:72px 40px;text-align:center;background:linear-gradient(145deg,rgba(90,138,181,.04),rgba(255,212,90,.04));border:1px solid rgba(90,138,181,.15);border-radius:8px;position:relative;overflow:hidden;}
.river-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(90,138,181,.12),transparent 60%);pointer-events:none;}
.river-label{display:block;font-size:15px;color:var(--blue);letter-spacing:.18em;font-weight:bold;font-family:'JetBrains Mono',monospace;margin-bottom:24px;position:relative;}
.river-text{font-size:clamp(18px,2.6vw,24px);color:var(--text);letter-spacing:4px;font-weight:300;margin-bottom:40px;position:relative;}
.river-flow{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;margin-bottom:40px;}
.rf-step{font-size:17px;color:var(--gold-soft);letter-spacing:3px;padding:8px 20px;border:1px solid var(--line);border-radius:2px;font-family:var(--font-lishu);background:rgba(255,255,255,.02);}
.rf-highlight{border-color:var(--green);color:var(--green);font-weight:bold;background:rgba(90,154,90,.08);box-shadow:0 0 16px rgba(90,154,90,.15);}
.rf-arrow{color:var(--gold-deep);font-size:16px;}
.river-manifesto{font-family:var(--font-lishu);font-size:clamp(20px,3vw,30px);color:var(--gold2);letter-spacing:6px;text-shadow:0 0 20px rgba(255,212,90,.25);position:relative;white-space:nowrap;}

/* Roadmap */
.roadmap{text-align:center;padding:56px 24px;border-top:1px solid var(--line);margin-top:56px;}
.roadmap-final{font-size:clamp(16px,2.4vw,20px);color:var(--gold2);letter-spacing:3px;font-weight:300;line-height:2;margin-bottom:32px;}
.roadmap-final strong{color:var(--gold);font-weight:bold;}
.roadmap-flow{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;}
.roadmap-flow .rf-node{padding:8px 18px;border:1px solid var(--line);color:var(--muted);font-size:14px;letter-spacing:3px;border-radius:2px;font-family:var(--font-lishu);text-decoration:none;transition:all .3s;}
.roadmap-flow .rf-node:hover{border-color:var(--gold);}
.roadmap-flow .rf-current{border-color:var(--gold);color:#05070A;background:linear-gradient(180deg,var(--gold2),var(--gold));font-weight:bold;}
.roadmap-flow .rf-arrow{font-size:14px;}
.foot-link{color:var(--gold2);text-decoration:none;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:2px;}
.foot-sep{color:var(--dim);margin:0 10px;}

@media(max-width:600px){
  .studio{padding:0 16px 60px;}
  .paths{grid-template-columns:1fr;}
  .gate h1{letter-spacing:.06em;}
  .river{padding:48px 24px;}
  .board-item{flex-direction:column;align-items:flex-start;}
}