.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:-114px;height:100%;width:292px}.userinfo-popover .user-level-stat{padding:25px 24px 0;display:block}.userinfo-popover .userinfo-wrap{width:292px;position:fixed;top:15px;filter:drop-shadow(0 1px 8px rgba(0,0,0,.15));z-index:98;border-radius:4px;border:var(--Banner-number,.5px) solid var(---idle,#f8f8f8);background:var(---idle,#fff)}.userinfo-popover .menus{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:.5px solid #dedede;border-bottom:.5px solid #dedede;padding:16px 12px}.userinfo-popover .menus span{color:var(--color---,#666);font-size:11px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;text-align:left;margin-top:6px}.userinfo-popover .fans a:hover,.userinfo-popover .fans a:hover b,.userinfo-popover .menus a:hover span,.userinfo-popover .menus span.comment:hover{color:#fd502a}.userinfo-popover .menus a{width:80px;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.userinfo-popover .menus a:nth-last-child(-n+3){margin-bottom:0}.userinfo-popover .menus svg{width:30px;height:30px}.userinfo-popover .fans{gap:8px;padding:20px 0}.userinfo-popover .fans,.userinfo-popover .fans a{display:flex;justify-content:center;align-items:center;width:100%}.userinfo-popover .fans a{gap:4px;color:var(--color---,#000);text-align:center;font-size:12px;font-style:normal;font-weight:350}.userinfo-popover .fans i{width:1px;height:18px;background-color:#dedede}.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-wrap .logout{display:flex;justify-content:center;align-items:center;height:36px}.userinfo-wrap .logout a{color:#666;font-size:12px}.userinfo-popover .menus a:hover{cursor:pointer}.userinfo-popover .menus a:hover svg.MyIcon path:first-child{fill:#fd502a}.mode-black.reading-header .userinfo-popover .menus a:hover svg.MyIcon path:nth-child(2),.userinfo-popover .menus a:hover svg.Author path,.userinfo-popover .menus a:hover svg.MyIcon path:nth-child(2){stroke:#fd502a}.userinfo-popover .menus a:hover svg.Author .rect1,.userinfo-popover .menus a:hover svg.Author ellipse{fill:#fd502a}.userinfo-popover .menus a:hover svg.Author .rect2,.userinfo-popover .menus a:hover svg.Bookmark rect{stroke:#fd502a}.userinfo-popover .menus a:hover svg.Feedback path,.userinfo-popover .menus a:hover svg.Messages path,.userinfo-popover .menus a:hover svg.Setting path{fill:#fd502a}.mode-black.reading-header .userinfo-popover .menus a:hover span{color:#999}.mode-black.reading-header .userinfo-popover .userinfo-wrap{border:none;box-shadow:0 3px 10px 0 rgba(0,0,0,.6)}.mode-black.reading-header .userinfo-popover .fans i{background-color:#666}.mode-black.reading-header .userinfo-popover .menus{border-top:.5px solid #666;border-bottom:.5px solid #666}.mode-black.reading-header .userinfo-popover .menus a svg.MyIcon path:nth-child(2){stroke:#fff}.mode-black.reading-header .userinfo-popover .menus a svg.Author .rect2,.mode-black.reading-header .userinfo-popover .menus a svg.Author path,.mode-black.reading-header .userinfo-popover .menus a svg.Bookmark rect{stroke:#fff;fill:none}.mode-black.reading-header .userinfo-popover .menus a svg.Author .rect1,.mode-black.reading-header .userinfo-popover .menus a svg.Author ellipse{fill:#fff}.mode-black.reading-header .userinfo-popover .menus a:hover svg.Author path{stroke:#999;fill:none}.mode-black.reading-header .userinfo-popover .menus a:hover svg.Author .rect1,.mode-black.reading-header .userinfo-popover .menus a:hover svg.Author ellipse,.mode-black.reading-header .userinfo-popover .menus a:hover svg.MyIcon path:first-child{fill:#999}.mode-black.reading-header .userinfo-popover .menus a:hover svg.Author .rect2,.mode-black.reading-header .userinfo-popover .menus a:hover svg.Bookmark rect,.mode-black.reading-header .userinfo-popover .menus a:hover svg.Feedback path,.mode-black.reading-header .userinfo-popover .menus a:hover svg.Messages path,.mode-black.reading-header .userinfo-popover .menus a:hover svg.MyIcon path:nth-child(2),.mode-black.reading-header .userinfo-popover .menus a:hover svg.Setting path{stroke:#999}.mode-black.reading-header .userinfo-popover .menus a:hover svg.Feedback path,.mode-black.reading-header .userinfo-popover .menus a:hover svg.Messages path,.mode-black.reading-header .userinfo-popover .menus a:hover svg.Setting path{fill:#999;stroke:none}.UserLevelIcon_levels__A7uD7{display:flex;align-items:center;justify-content:space-between}.UserLevelIcon_levelsContent__U8hUm{display:flex;align-items:center;justify-content:center;gap:8px}.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:120px;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}.UserLevelIcon_levelsTitle__vU1C8{color:#000;font-size:14px;font-style:normal;font-weight:700;line-height:normal}