/* 书房首页通往屋顶的小门 · 2026-10-15 */
.roof-invite{margin-top:30px;margin-bottom:65px}
.roof-invite-link{display:flex;gap:22px;align-items:center;padding:19px 24px 19px 17px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 8px 25px var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.roof-invite-link:hover{transform:translateY(-3px);box-shadow:0 13px 28px var(--shadow)}
.roof-invite-art{flex:0 0 145px;height:100px;border-radius:9px;display:grid;place-items:center;color:#edc99e;background:radial-gradient(ellipse at 70% 30%,#4c4e76,#182239 75%)}
.roof-invite-art svg{width:125px;height:84px;stroke:none}
.roof-invite-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.roof-invite-copy small{color:var(--accent);font-size:11px;letter-spacing:.08em}
.roof-invite-copy strong{color:var(--heading);font-family:var(--serif);font-size:clamp(18px,2vw,23px);font-weight:500}
.roof-invite-copy>span{font-size:13px;line-height:1.75;color:var(--muted)}
.roof-invite-go{white-space:nowrap;font-size:13px;color:var(--accent-strong);border-bottom:1px solid var(--rose);padding-bottom:6px}
@media(max-width:680px){.roof-invite{margin-top:14px;margin-bottom:55px}.roof-invite-link{gap:13px;padding:15px;align-items:flex-start;flex-wrap:wrap}.roof-invite-art{flex:0 0 90px;height:88px}.roof-invite-art svg{width:87px;height:69px}.roof-invite-copy{flex:1 1 calc(100% - 110px)}.roof-invite-copy strong{font-size:18px}.roof-invite-copy small{font-size:10px}.roof-invite-go{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.roof-invite-link{transition:none}}