/* 生成物：由 tools/web/sync-prototype-css.mjs 从 docs/prototypes/2026-09-21-阳光玻璃忠实延展/pages/projects.css 逐字复制，勿手改。
   原型是唯一视觉真值；要改视觉先改原型，再跑 `node tools/web/sync-prototype-css.mjs .` 同步。 */
body[data-page="projects"] .projects-page{padding-block:0 48px;gap:18px}
body[data-page="projects"] button:disabled{cursor:not-allowed;color:var(--b-text-disabled);opacity:.7}
body[data-page="projects"] .projects-primary>.card-action{min-height:34px;font-size:12px;background:transparent;box-shadow:none}
body[data-page="projects"] .projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
body[data-page="projects"] .projects-tabs{display:flex;gap:22px}
body[data-page="projects"] .projects-tabs button{min-height:38px;display:flex;align-items:center;gap:8px;color:var(--b-text-3);font-size:14px}
body[data-page="projects"] .projects-tabs button[aria-selected="true"]{color:var(--b-text-1);font-weight:650}
body[data-page="projects"] .projects-tabs button span{font-variant-numeric:tabular-nums;min-width:22px;padding:1px 6px;border-radius:6px;background:var(--b-neutral-tint);font-size:11px}
body[data-page="projects"] .projects-tabs button[aria-selected="true"] span{background:var(--b-primary-tint);color:var(--b-primary-text)}
body[data-page="projects"] .projects-example{font-size:12px;color:var(--b-text-3)}
body[data-page="projects"] .projects-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
body[data-page="projects"] .project-card{min-width:0;padding:20px;display:grid;grid-template-columns:96px minmax(0,1fr) 232px 122px;gap:24px;align-items:center}
body[data-page="projects"] .project-cover{position:relative;height:136px;border-radius:12px;overflow:hidden;background:var(--b-bg-inset);box-shadow:inset 0 0 0 1px var(--b-line)}
body[data-page="projects"] .project-cover img{width:100%;height:100%;object-fit:cover}
body[data-page="projects"] .project-cover span{position:absolute;left:8px;right:8px;bottom:8px;padding:3px;text-align:center;background:var(--b-media-dim);color:var(--b-on-media);font-size:10px;border-radius:5px;letter-spacing:.04em}
body[data-page="projects"] .project-main{min-width:0}
body[data-page="projects"] .project-card-top{display:flex;align-items:center;gap:10px;margin-bottom:7px;font-size:12px}
body[data-page="projects"] .project-status{display:inline-flex;align-items:center;gap:6px;color:var(--b-text-2);font-weight:650}
body[data-page="projects"] .project-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--b-text-3)}
body[data-page="projects"] .project-status.is-active{color:var(--b-primary-text)}
body[data-page="projects"] .project-status.is-active::before{background:var(--b-primary)}
body[data-page="projects"] .project-stage{color:var(--b-text-3);border-left:1px solid var(--b-line);padding-left:10px}
body[data-page="projects"] .project-card h2{font-size:19px;letter-spacing:var(--b-ls-title);line-height:1.5}
body[data-page="projects"] .project-note{font-size:13px;color:var(--b-text-2);margin-top:5px;line-height:1.6}
body[data-page="projects"] .project-due{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:12px;color:var(--b-text-2)}
body[data-page="projects"] .project-due svg{width:13px;height:13px;flex:none}
body[data-page="projects"] .project-assets{margin-top:3px;font-size:11px;color:var(--b-text-3)}
body[data-page="projects"] .project-reward{padding-left:24px;border-left:1px solid var(--b-line)}
body[data-page="projects"] .project-amount{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
body[data-page="projects"] .project-amount>span{font-size:11px;color:var(--b-text-3)}
body[data-page="projects"] .project-amount strong{font-size:26px;letter-spacing:var(--b-ls-display);line-height:1.2;font-variant-numeric:tabular-nums}
body[data-page="projects"] .project-amount small{font-size:11px;font-weight:500;color:var(--b-text-3);margin-left:5px}
body[data-page="projects"] .project-settlements{display:grid;gap:6px;font-size:11px}
body[data-page="projects"] .project-settlements>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
body[data-page="projects"] .project-settlements dt{color:var(--b-text-3)}
body[data-page="projects"] .project-settlements strong{margin-left:5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--b-text-2)}
body[data-page="projects"] .project-settlements dd{color:var(--b-text-2)}
body[data-page="projects"] .project-settlements .project-paid{color:var(--b-ok)}
body[data-page="projects"] .project-card-footer{display:flex;align-items:stretch;flex-direction:column;gap:8px;text-align:center}
body[data-page="projects"] .project-card-footer>span{font-size:11px;color:var(--b-text-3)}
body[data-page="projects"] .projects-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--b-text-3)}
body[data-page="projects"] .projects-foot a{color:var(--b-text-2)}
body[data-page="projects"] .projects-state{min-height:300px;text-align:center;display:grid;place-content:center;justify-items:center;gap:14px}
body[data-page="projects"] .projects-state h2{font-size:20px}
body[data-page="projects"] .projects-state p{max-width:32em;color:var(--b-text-2);font-size:14px}
body[data-page="projects"] .projects-state-mark{display:grid;place-items:center;width:60px;height:60px;background:var(--b-bg-inset);color:var(--b-primary-text);border-radius:18px;font-size:26px;margin-bottom:4px}
body[data-page="projects"] .projects-suggestions{margin-top:18px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
body[data-page="projects"] .projects-suggestions h2{font-size:17px;margin-bottom:4px}
body[data-page="projects"] .projects-suggestions p{font-size:13px;color:var(--b-text-2)}
@media(max-width:1100px) and (min-width:761px){body[data-page="projects"] .project-card{grid-template-columns:80px minmax(0,1fr) 194px;gap:18px}body[data-page="projects"] .project-cover{grid-row:1 / 3;height:152px}body[data-page="projects"] .project-main{grid-row:1 / 3}body[data-page="projects"] .project-reward{padding-left:18px}body[data-page="projects"] .project-card-footer{grid-column:3;align-items:flex-end}body[data-page="projects"] .project-card-footer>span{display:none}}
@media(max-width:760px){
 body[data-page="projects"] .projects-page{gap:14px}
 body[data-page="projects"] .projects-toolbar{gap:5px;align-items:flex-start;flex-direction:column}
 body[data-page="projects"] .projects-example{font-size:10px}
 body[data-page="projects"] .project-card{padding:16px;grid-template-columns:72px minmax(0,1fr);gap:14px}
 body[data-page="projects"] .project-cover{height:115px;align-self:start}
 body[data-page="projects"] .project-cover span{font-size:9px;left:5px;right:5px;bottom:5px}
 body[data-page="projects"] .project-card h2{font-size:17px;line-height:1.45}
 body[data-page="projects"] .project-card-top{font-size:11px;gap:7px;margin-bottom:5px}
 body[data-page="projects"] .project-stage{padding-left:7px;font-size:11px}
 body[data-page="projects"] .project-note{font-size:12px;line-height:1.55;margin-top:5px}
 body[data-page="projects"] .project-due{font-size:11px;margin-top:7px}
 body[data-page="projects"] .project-assets{font-size:10px}
 body[data-page="projects"] .project-reward{grid-column:1/-1;border-left:0;border-top:1px solid var(--b-line);padding:12px 0 0;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:16px}
 body[data-page="projects"] .project-amount{display:block;margin:0}
 body[data-page="projects"] .project-amount>span{display:block;font-size:10px;margin-bottom:3px}
 body[data-page="projects"] .project-amount strong{font-size:25px}
 body[data-page="projects"] .project-settlements{font-size:11px}
 body[data-page="projects"] .project-card-footer{grid-column:1/-1;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between}
 body[data-page="projects"] .project-card-footer>.card-action{min-width:122px}
 body[data-page="projects"] .project-card-footer>span{font-size:10px}
 body[data-page="projects"] .projects-suggestions{align-items:flex-start;flex-direction:column}
}