.main-container{width:100%;height:100%;display:flex;padding-top:50px;align-items:center;flex-direction:column}.add-btn{width:80px;height:24px;padding:3px;color:#fff;background-color:var(--mainColor_active);border-radius:2px;font-family:var(--fontFamily_ui);font-size:16px;line-height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.loading-book{position:absolute;left:85px;top:4px}.bookshelf{max-width:600px;width:calc(100% - 40px);margin:20px;display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,90px);gap:30px}.book-cover{width:90px;height:130px;background-color:#eee;cursor:pointer}.book-text{width:90px;font-size:14px;line-height:20px;cursor:pointer;text-align:center;word-break:break-all;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:root{--mainColor_active: #39322b;--bgColor: #f4ead7;--fontFamily_fallback: "PingFang SC", -apple-system, "Segoe UI Emoji", "Microsoft Yahei", sans-serif;--fontFamily_ui: ui, var(--fontFamily_fallback);--fontFamily_title: title, body, var(--fontFamily_fallback);--fontFamily_body: body, var(--fontFamily_fallback);--fontColor: #000000}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--mainColor_active) transparent}html{height:100%;font-size:10px}body{margin:0;height:100%;overflow:hidden}#root{height:100%}.loading{height:100%;display:flex;justify-content:center;align-items:center}.loading-activity{z-index:2000;width:16px;height:16px;border:solid 2px transparent;border-top-color:#39322b;border-left-color:#39322b;border-radius:10px;-webkit-animation:loading-spinner .5s linear infinite;-moz-animation:loading-spinner .5s linear infinite;-ms-animation:loading-spinner .5s linear infinite;-o-animation:loading-spinner .5s linear infinite;animation:loading-spinner .5s linear infinite}@-webkit-keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:ui;src:url(data:font/woff2;base64,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);font-display:swap}:root{font-family:var(--fontFamily_ui);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prevent-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h3{margin:0;line-height:1;font-size:3.6rem;font-family:var(--fontFamily_title);font-weight:700;color:inherit;text-align:center;padding:1.5rem 0}p{font-family:var(--fontFamily_body);font-size:2rem;color:var(--fontColor);text-align:justify;text-indent:2rem;line-height:3rem;margin:0;widows:1;orphans:1}.center{display:flex;justify-content:center;align-items:center}