/* 连招方案与周常看板使用同一套墨金导航、纸卷工作区。 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root { --cb-paper:#f9f7ee; --cb-paper-deep:#eee8d7; --cb-line:#c6ae70; --cb-ink:#111613; --cb-gold:#a98230; --cb-text:#33342d; --cb-muted:#757161; }
body { padding:0 20px 42px; color:var(--cb-text); background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.33),transparent 23%),linear-gradient(90deg,rgba(8,12,10,.96),rgba(17,23,20,.74) 51%,rgba(224,228,220,.83)),url('./assets/celestial-ink-landscape.png') center top / cover fixed; font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; }
.container { max-width:none; margin:0 42px; }
.cb-global-header { min-height:88px; display:flex; align-items:center; gap:48px; border-bottom:1px solid rgba(202,171,85,.52); margin-bottom:26px; }
.cb-global-header h1 { color:#f7f0d5; font-family:"Noto Serif SC","STKaiti",serif; font-size:28px; font-weight:800; letter-spacing:.1em; text-shadow:0 1px 14px rgba(218,173,63,.18); white-space:nowrap; }
.cb-global-header h1::before { display:none; }
.cb-nav { display:flex; align-self:stretch; align-items:stretch; gap:6px; }
.cb-nav a { position:relative; display:flex; align-items:center; padding:0 17px; color:rgba(252,246,221,.76); font-size:14px; text-decoration:none; }
.cb-nav a:hover,.cb-nav a.active { color:#ffe89a; }
.cb-nav a.active::after { content:""; position:absolute; left:14px;right:14px;bottom:-1px;height:4px;background:linear-gradient(90deg,transparent,#efd477,transparent);box-shadow:0 -2px 12px rgba(238,202,95,.48); }
.cb-global-header .back-link { margin-left:auto; background:transparent; border:1px solid rgba(222,201,132,.5); color:#efe6c5; border-radius:2px; }
.cb-global-header .back-link:hover { background:rgba(210,177,91,.14);border-color:#e7c96e;color:#fff4ca; }
.section-card { background:rgba(250,248,238,.96); border:1px solid rgba(194,169,98,.75); border-radius:0; box-shadow:0 10px 28px rgba(0,0,0,.16); padding:22px 24px; overflow:visible; }
.section-card::before { background:linear-gradient(90deg,#aa8130,rgba(184,154,73,.18),transparent); }
.section-card h2 { color:#363126; font-family:"Noto Serif SC","STKaiti",serif; font-size:21px; text-shadow:none; }
.section-card h2::before { width:5px;height:21px;background:#b38b36; }
.ctrl-row label { color:var(--cb-muted); }
.ctrl-row select,.add-row input,.combo-notes textarea,.modal-box input { color:#39372f; background:#fffdf5; border-color:#cfc4a4; border-radius:2px; font-family:inherit; }
.btn { color:#5d5546; background:#fffdf6; border-color:#d0c3a0; border-radius:2px; font-family:inherit; }
.btn:hover { color:#765616;border-color:#aa8130;background:#f3ead3; }
.btn-gold { color:#795817;border-color:#a98230;background:#f2e6c5; }.btn-gold:hover { background:#ead9ac; }.btn-danger { color:#9b4138;border-color:#bd796d; }
.pool-wrap { gap:10px; }.skill-chip { min-width:172px; background:#fffdf7; border-color:#d4c7a6; border-radius:2px; color:#3d3b33; box-shadow:inset 0 1px rgba(255,255,255,.8); }.skill-chip:hover { border-color:#a98230; background:#faf4e5; }.skill-chip .chi { background-color:#eee7d5; border-color:#c8b685; color:#957533; border-radius:2px; }.skill-chip .chip-del,.seq-step-del { background:#fffaf0; border:1px solid #bf8a7c; color:#a64e42; }
.seq-box { background:linear-gradient(135deg,#f5f0e0,#fbf9f2); border-color:#c9b47b; border-radius:2px; min-height:156px; }.seq-empty { color:#92866a; }.seq-step { width:104px; }.seq-step-num { color:#9c7a30; }.seq-step-icon { width:56px;height:56px;background:#f0e7d1;border-color:#bba363;border-radius:2px;box-shadow:0 2px 6px rgba(63,46,11,.12); }.seq-step-name { color:#39352b;font-weight:700; }.seq-arrow { color:#ae8530; }.combo-notes textarea { min-height:76px; }.modal-overlay{background:rgba(10,13,11,.55)}.modal-box{background:#faf7ed;border-color:#bca263;border-radius:2px;color:#363126;box-shadow:0 18px 48px rgba(0,0,0,.32)}
@media(max-width:900px){.cb-global-header{gap:18px;flex-wrap:wrap;padding:14px 0}.cb-nav{order:3;width:100%;min-height:38px;overflow-x:auto}.cb-global-header .back-link{margin-left:auto}}
@media(max-width:640px){body{padding:0 10px 24px}.cb-global-header h1{font-size:22px}.cb-nav a{padding:0 11px;font-size:13px}.section-card{padding:16px}.skill-chip{min-width:145px}}