/* === App Layout === */
.app-layout{display:flex;flex-direction:column;align-items:center;min-height:100vh}
.page-body{width:100%;max-width:1080px;flex:1;display:flex;flex-direction:column}
.page-body>.container{flex:1}
.pf-filing{display:flex;align-items:center;justify-content:center;gap:5px;padding:14px 16px 18px;font-size:11px;color:var(--text4);line-height:1.4}
.pf-filing img{width:14px;height:14px;opacity:.7;flex-shrink:0}
.pf-filing a{color:var(--text3);text-decoration:underline;text-underline-offset:2px;transition:color .15s}
.pf-filing a:hover{color:var(--text2)}


/* === 鱼缸封面上传/预览 === */
.tf-cover-area{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}
.tf-cover-preview{position:relative;width:72px;height:54px;border-radius:8px;overflow:hidden;background:var(--input-bg);border:1px solid var(--border)}
.tf-cover-preview-inner{position:absolute;inset:0}
.tf-cover-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;font-size:11px;line-height:18px;padding:0;cursor:pointer;opacity:.85;z-index:1}
.tf-cover-del:hover{opacity:1;background:rgba(0,0,0,.85)}

/* 鱼缸封面全屏预览 */
.tf-cover-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:10010;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:tfFadeIn .2s}
.tf-cover-preview-overlay img,.tf-cover-preview-overlay video{box-shadow:0 8px 32px rgba(0,0,0,.5)}
@keyframes tfFadeIn{from{opacity:0}to{opacity:1}}