.close-icon svg{position:absolute;right:24px;top:24px}.modal-title{color:var(--color---,#000);font-size:16px;font-style:normal;font-weight:700;line-height:normal;position:absolute;left:32px;top:24px}.setting-wrap{margin:70px 32px 0}.setting-wrap div{display:flex;margin-top:16px;height:36px;align-items:center;color:#333;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.setting-wrap span{width:282px;height:36px;border-radius:4px;display:flex;justify-content:space-between}.setting-wrap label{width:76px;display:block}.setting-wrap .button-area{align-items:center}.setting-wrap .button-area em{width:.5px;height:20px;background:#dedede;position:absolute;top:50%;transform:translateY(-50%)}.setting-wrap .line-area,.setting-wrap .txt-fontsize{position:relative}.setting-wrap .txt-fontsize button.invalid{opacity:1;color:#999}.setting-wrap .line-area button{position:absolute;width:33.33%}.setting-wrap .line-area button.xs{left:0}.setting-wrap .line-area button.md{left:93px}.setting-wrap .line-area button.lg{right:0}.setting-wrap .line1{left:94px}.setting-wrap .line2{right:94px}.setting-wrap button{height:100%;color:#333;text-align:center;font-size:11px;font-style:normal;font-weight:400;line-height:normal;width:100%;background-color:transparent;border-radius:4px}.setting-wrap .bg-color button{background:#fff;border:1px solid rgba(0,0,0,.1)}.setting-wrap .txt-fontsize button{color:var(--color---,#000);font-size:12px;font-style:normal;font-weight:700;line-height:normal;border-radius:4px}.setting-wrap .txt-fontsize button.current-fontsize{color:var(--color---,#999);font-size:12px;font-style:normal;font-weight:400;line-height:normal;border-width:.5px 0;border-radius:0}.setting-wrap button.white{width:50px;color:#000;background:var(--color--,#fff)}.setting-wrap button.black{width:50px;border-radius:var(--Banner-number,0);background:var(--color---,#000);color:#fff}.setting-wrap button.lightgray{width:50px;background:#f7f6eb}.setting-wrap button.selected{border:1px solid #fd502a!important;color:#fd502a;font-weight:500}.setting-wrap .bg-color button.selected{border-width:2px!important}.setting-wrap button{border-radius:0;border:.5px solid #dedede}.setting-wrap button:first-child{border-radius:4px 0 0 4px}.setting-wrap button:last-child{border-radius:0 4px 4px 0}.setting-wrap button.no-left-border{border-left:0}.setting-wrap button.no-right-border{border-right:0}.setting-wrap .bg-color{border:0}.setting-wrap .bg-color button{border-radius:30px;width:30px;height:30px;border:2px solid #fff}.setting-wrap .bg-color button.white{border-width:1px}.setting-modal .MuiModal-backdrop{opacity:0!important}.setting-modal .MuiBox-root{background:#fff!important}.setting-modal.mode-black .MuiBox-root{background:#4a494e!important}.setting-modal.mode-black .modal-title,.setting-modal.mode-black .setting-wrap button,.setting-modal.mode-black .setting-wrap label{color:#fff}.setting-modal.mode-black .setting-wrap button.invalid{color:#999}.setting-modal.mode-black .close-icon svg path{stroke:#fff}.setting-modal.mode-lightgray .MuiBox-root{background:#f9f8ef!important}.setting-modal.mode-lightblue .MuiBox-root{background:#e5f0f6!important}.setting-modal.mode-lightpink .MuiBox-root{background:#fff1ed!important}.setting-modal.mode-lightgreen .MuiBox-root{background:#f0f5ea!important}.setting-modal.mode-lightlavender .MuiBox-root{background:#f5f1f1!important}.user-popover-anchor{cursor:pointer}.userinfo-popover{border:0 solid red;position:absolute;width:214px;margin-left:-85px;height:100%}.userinfo-popover .user-level-stat{padding:0;height:64px;margin-top:20px;display:block}.userinfo-popover .userinfo-wrap{margin-top:48px;margin-bottom:0;width:214px;position:fixed;top:15px;padding:6px 24px 0;filter:drop-shadow(0 1px 8px rgba(0,0,0,.15));z-index:98;border-radius:4px;border:var(--Banner-number,0) solid var(---idle,#f8f8f8);background:var(---idle,#fff)}.userinfo-popover .polygon svg{position:absolute;margin-top:4px;margin-left:97px;z-index:0;width:20px;height:12px;border:0 solid #fff;z-index:99;fill:#fff}.reading-header .userinfo-popover .userinfo-wrap{margin-top:25px}.reading-header .userinfo-popover .polygon svg{margin-left:95px;margin-top:2px}.userinfo-popover .menus{display:flex;flex-direction:column;margin:10px 0 16px}.userinfo-popover .menus a,.userinfo-popover .menus span.comment{color:var(--color---,#000);font-size:13px;font-style:normal;font-weight:500;line-height:24px;display:flex;align-items:center;text-align:left;margin-top:6px;cursor:pointer}.userinfo-popover .fans a:hover,.userinfo-popover .fans a:hover b,.userinfo-popover .menus a:hover,.userinfo-popover .menus span.comment:hover{color:#fd502a}.userinfo-popover .menus svg{width:24px;height:24px;position:relative;margin-left:-5px;transform:scale(1);display:none}.userinfo-popover .fans{display:flex;gap:8px;justify-content:center;align-items:center;flex-direction:column;width:100%;padding-bottom:6px}.userinfo-popover .fans a{display:flex;justify-content:space-between;align-items:center;gap:0;color:var(--color---,#666);text-align:center;font-size:11px;font-style:normal;font-weight:400;width:100%}.userinfo-popover .fans a b{color:var(--color---,#000);text-align:center;font-size:13px;font-style:normal;font-weight:700}.userinfo-popover .userinfo-wrap .username div{overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.userinfo-popover .userinfo-wrap .username div.penname{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-align:left;width:100%;margin-top:8px;cursor:default;word-break:break-all}.userinfo-popover .userinfo-wrap .username div.usernickname{color:#666;font-size:11px;font-style:normal;font-weight:400;text-align:left;width:100%;margin-top:1px;cursor:default;word-break:break-all}.userinfo-popover .userinfo-wrap .user-popover-divider{height:1px;width:214px;background:#dedede;margin-top:12px;margin-left:-24px}.UserLevelIcon_levels__A7uD7{display:flex;gap:15px;margin-top:20px;align-items:center;justify-content:center}.UserLevelIcon_levels__A7uD7 label{color:var(--color---,#000);font-size:14px;font-style:normal;font-weight:700;line-height:normal}.UserLevelIcon_levels__A7uD7 button{min-width:27px;height:16px;flex-shrink:0;color:var(--color--,#fff);font-size:11px;font-style:normal;font-weight:700;line-height:normal;border-radius:27px;background:linear-gradient(90deg,#fd502a 5.56%,#ff650f 92.59%)}.UserLevelIcon_levels__A7uD7 span{width:90px;height:4px;flex-shrink:0;border-radius:23px;background:#e4e4e4}.UserLevelIcon_levels__A7uD7 span b{display:block;border-radius:27px;width:57px;height:4px;flex-shrink:0}.UserLevelIcon_levels__A7uD7 button.UserLevelIcon_currentLevel__1c_ZQ,.UserLevelIcon_levels__A7uD7 span b{background:linear-gradient(90deg,#5cd551 5.56%,#c4c72e 92.59%)}.UserLevelIcon_levels__A7uD7 i{color:var(--color---,#000)}.UserLevelIcon_levels__A7uD7 a,.UserLevelIcon_levels__A7uD7 i{font-size:12px;font-style:normal;font-weight:400;line-height:normal}.UserLevelIcon_levels__A7uD7 a{color:#fd502a}.UserLevelIcon_levelsDetail__Oi4ZF{color:#666;font-size:11px;font-style:normal;font-weight:400;line-height:normal;padding:12px 0}.UserLevelIcon_levelsDetail__Oi4ZF b{font-weight:500}