html,body,#root{height:100%;margin:0;font-family:-apple-system,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}.app{height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;background:#001529;padding-inline:24px}.header-left{display:flex;align-items:baseline;min-width:0}.header-left .ant-typography{white-space:nowrap}.upload-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;background:#f5f7fa}.upload-zone{max-width:720px;margin:0 auto;padding:72px 32px;text-align:center;background:#fff;border:2px dashed #b7c4d8;border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:#1677ff;background:#f0f7ff}.upload-icon{font-size:64px;color:#1677ff;margin-bottom:16px}.reader-layout{height:calc(100vh - 64px)}.toc-sider{border-right:1px solid #eef0f3;overflow:auto}.toc-panel{padding:12px}.cover-box{text-align:center;padding:8px 0 12px}.cover-img{max-width:100%;max-height:320px;border-radius:6px;box-shadow:0 2px 10px #00000026}.reader-content{display:flex;padding:16px;background:#eceff4;min-width:0}.reader-wrap{position:relative;flex:1;display:flex;flex-direction:column;min-width:0}.reader-host{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;overflow:hidden}.reader-mask{position:absolute;top:0;right:0;bottom:56px;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;z-index:5;border-radius:8px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 0}