@import url(./remix/remix.css);:root{--body-bg:#f2f2f2;--text-bg:#ffffff;--text-color:#212121;--muted-color:#9aa6b2;--second-color:#738ca7;--border-color:#eeeef5;--imgs-color:#eeeef5;--accent-btn-color:#215ae6;--accent-color-hover:#2150c5;--box-bg-blured:rgba(255,255,255,.84);--background-body:radial-gradient(592px at 48.2% 50%,rgba(255,255,249,0.6) 0%,rgb(160,199,254) 74.6%)}:root[dark=true]{--body-bg:#16161a;--text-bg:#121d2b;--text-color:#f9f9f9;--muted-color:#9aa6b2;--second-color:#7d7f81;--border-color:#ffffff1f;--imgs-color:#192939;--accent-btn-color:#215ae6;--accent-color-hover:#2150c5;--box-bg-blured:rgba(18,29,43,.5);--background-body:conic-gradient(at bottom right,#dddddd,#125d98,#3c8dad)}html,body{width:100%;margin:0;font-family:Hind,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{background:var(--background-body)}::-webkit-scrollbar{display:none}i{font-style:initial}.d-button{font-size:15px;color:#fff;background-image:linear-gradient(180deg,#5172ff,#003dff);box-shadow:0 4px 11px 0 rgba(37,44,97,.15),0 1px 3px 0 rgba(93,100,148,.2);height:35px;border-radius:35px;transition:all .15s ease .15s;display:flex;align-items:center;justify-content:center;padding:0 15px;cursor:pointer;text-decoration:none}body::before{content:"";position:fixed;inset:0;background:url("/static/img/pattern.svg") repeat;background-size:400px;opacity:0.15;pointer-events:none;z-index:1}header{position:sticky;top:0;left:0;width:100%;height:60px;background-color:var(--box-bg-blured);box-shadow:0 2px 4px rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:100}header .headers{display:flex;align-items:center;justify-content:space-between;width:90%;height:100%;margin:0 auto;max-width:1100px}header .headers .brand{display:flex;align-items:center;position:relative}header .headers .brand .menu{height:20px;width:26px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;margin-right:15px}header .headers .brand .menu .line{display:block;height:4px;width:100%;border-radius:5px;background:var(--text-color)}header .headers .brand .menu .line1{transform-origin:0% 0%;transition:transform 0.4s ease-in-out}header .headers .brand .menu .line2{transition:transform 0.2s ease-in-out}header .headers .brand .menu .line3{transform-origin:0% 100%;transition:transform 0.4s ease-in-out}header .headers .brand .open .line1{transform:rotate(45deg)}header .headers .brand .open .line2{transform:scaleY(0)}header .headers .brand .open .line3{transform:rotate(-45deg)}header .headers .logo{display:flex;align-items:center;text-decoration:none}header .headers .logo img{width:40px;height:40px;margin-right:6px}header .headers .logo h1{font-size:26px;color:var(--text-color)}header .headers .search{display:flex;align-items:center;height:100%}header .headers .search .d-button .bi{font-size:16px;margin-right:5px}.search_input .input,header .headers .search .input{box-shadow:0 4px 10px -2px rgba(37,44,97,.15),0 1px 3px 0 rgba(93,100,148,.2);width:300px;height:35px;margin-right:20px;border-radius:35px;display:flex;align-items:center;background-color:var(--text-bg)}:root[dark=true] .search_input .input,:root[dark=true] header .headers .search .input{box-shadow:0 1px 2px #00000005;background-color:#fbfbfc15}.search_input .input .bi,header .headers .search .input .bi{color:var(--muted-color);opacity:.75;font-size:14px;width:38px;height:35px;display:flex;align-items:center;justify-content:center}.search_input .input input,header .headers .search .input input{padding:0;flex:1;height:100%;background-color:transparent;border:none;outline:none;color:var(--text-color);font-size:14px}header .headers .search .disabled{background-color:var(--body-bg);cursor:not-allowed}main{z-index:2;position:relative;min-height:calc(100vh - 134px);padding-bottom:20px}main .contents{width:90%;margin:0 auto;display:flex;padding-top:25px;max-width:1000px;gap:20px}.contents .feed_box{flex:1;min-width:0;padding-bottom:50px}.message_list .message{display:flex;align-items:flex-start;padding-bottom:20px;gap:6px}.message_list .message .avatar{display:flex;align-items:center;justify-content:center;position:sticky;top:60px}.message_list .message .avatar img{width:45px;height:45px;background-color:var(--text-bg);border-radius:100%;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.message_list .message .widget{flex:1;min-width:0}.message_list .message .widget .head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:var(--text-bg);border-top-right-radius:15px;position:sticky;top:60px;z-index:10}.message_list .message .widget .head::before{position:absolute;top:0;left:-7px;content:"";width:9px;height:20px;background-color:var(--text-bg)}.message_list .message .widget .hide{border-top-left-radius:15px}.message_list .message .widget .hide::before{display:none}.message_list .message .widget .hone::before{display:none}.message_list .message .widget .head .name{color:var(--text-color);font-size:16px;font-weight:600;text-decoration:none}.message_list .message .widget .head .preview{color:#f20000;font-size:20px}.message_list .message .widget .head .btn{height:30px;background:#f20000}.message_list .message .widget .head .time{color:var(--second-color);font-size:13px}.message_list .message .widget .content{width:100%;background-color:var(--text-bg);border-radius:15px;position:relative;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.message_list .message .widget .content .imgs{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:0;background-color:var(--imgs-color);position:relative}.message_list .message .widget .content .imgs img{flex:auto;height:200px;object-fit:cover;object-position:center;cursor:pointer;border:1px solid var(--imgs-color);max-width:33%}.message_list .message .widget .content .imgs .video{display:flex;align-items:center;justify-content:center;position:relative}.message_list .message .widget .content .imgs .play{position:absolute;color:#fff;width:45px;height:45px;background-color:rgba(255,255,255,.2);border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid #ffffff30;cursor:pointer;pointer-events:none}.message_list .message .widget .content .imgs .audio_play{position:absolute;bottom:10px;left:10px;color:#fff;width:30px;height:30px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;background:linear-gradient(to right,#4ade80,#14b8a6,#0891b2);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.message_list .message .widget .content .imgs video{flex:auto;height:200px;object-fit:contain;border:1px solid var(--border-color)}.message_list .message .widget .content .text{width:95%;margin:10px auto 0;line-height:25px;color:var(--text-color);font-size:15px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}.message_list .message .widget .content .text p{margin:0 0 10px 0;line-height:27px}.message_content .message .widget .content .text{display:block}.message_content .message .widget .content .text a{color:var(--accent-btn-color);text-decoration:none}.message_content .message{padding-bottom:10px}.message_content .message blockquote{background-color:var(--border-color);margin:0;padding:15px;border-left:2px solid var(--accent-btn-color)}.message_list .message .widget .content .box{display:flex;align-items:center;justify-content:space-between;color:var(--second-color);font-size:13px;padding:10px 15px 15px;text-decoration:none}.message_list .message .widget .content .box .num{opacity:.8}.message_list .message .widget .content .box .users{display:flex;align-items:center}.message_list .message .widget .content .box .users img{width:25px;height:25px;border-radius:100%;border:1px solid #fff;margin-left:-10px}.message_list .message .widget .content .box .users .num{padding-left:5px}.contents .info_box{width:300px}.contents .info_box #addComment{position:sticky;top:80px}.contents .info_box .channel_box{background-color:var(--text-bg);box-shadow:0 2px 4px rgba(0,0,0,0.1);border-radius:10px;padding-bottom:10px;margin-bottom:10px}.contents .info_box .channel_box .head{display:flex;align-items:center;width:90%;margin:0 auto;height:50px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.contents .info_box .channel_box .head .bi{font-size:20px;color:#003dff}.contents .info_box .channel_box .head span{color:var(--text-color);font-size:16px;font-weight:600;padding-left:5px}.channel_box .news_list{width:90%;margin:0 auto;padding:0}.channel_box .news_list .news{background-color:transparent;border:none;padding:0;margin-bottom:10px}.popup_box .popup_main .channel_list .channel,.contents .info_box .channel_box .channel{width:90%;margin:0 auto;display:flex;align-items:center;cursor:pointer;margin-bottom:10px;text-decoration:none}.popup_box .popup_main .channel_list .channel .icon,.contents .info_box .channel_box .channel .icon{padding-right:10px}.popup_box .popup_main .channel_list .channel .icon img,.contents .info_box .channel_box .channel .icon img{width:40px;height:40px;background-color:var(--text-bg);box-shadow:0 4px 11px 0 rgba(37,44,97,.15),0 1px 3px 0 rgba(93,100,148,.2);border-radius:10px}.popup_box .popup_main .channel_list .channel .info,.contents .info_box .channel_box .channel .info{flex:1;min-width:0}.contents .info_box .post_box .info .title,.popup_box .popup_main .channel_list .channel .info .title,.contents .info_box .channel_box .channel .info .title{color:var(--text-color);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contents .info_box .post_box .info .text,.popup_box .popup_main .channel_list .channel .info .text,.contents .info_box .channel_box .channel .info .text{color:var(--second-color);font-size:13px}.contents .info_box .channel_box .feed_list .feed{display:flex;align-items:center;width:90%;margin:0 auto;border-bottom:1px dashed var(--border-color);padding-bottom:10px;margin-bottom:10px}.contents .info_box .channel_box .feed_list .feed .img{display:flex;align-items:center;justify-content:center;padding-right:8px}.contents .info_box .channel_box .feed_list .feed .img img{width:45px;height:45px;object-fit:cover;border-radius:10px}.contents .info_box .channel_box .feed_list .feed .info{flex:1;min-width:0}.contents .info_box .channel_box .feed_list .feed .info .title{color:var(--accent-btn-color);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contents .info_box .channel_box .feed_list .feed .info .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);font-size:13px;padding-top:2px}.contents .info_box .channel_box .feed_list .feed:last-child{border-bottom:none;margin-bottom:0;padding-bottom:5px}.contents .info_box .post_box{background-color:var(--text-bg);box-shadow:0 2px 4px rgba(0,0,0,0.1);border-radius:10px;display:flex;align-items:center;padding:15px 10px;cursor:pointer;position:sticky;top:85px;text-decoration:none}.contents .info_box .post_box .icon{width:40px;height:40px;font-size:35px;display:flex;align-items:center;justify-content:center}.contents .info_box .post_box .info{flex:1;min-width:0;padding-left:10px}.user_message .user{display:flex;align-items:flex-end;padding-bottom:10px;gap:6px}.user_message .user.self{flex-direction:row-reverse}.user_message .user .avatar{display:flex;align-items:center;justify-content:center}.user_message .user .avatar img{width:45px;height:45px;border-radius:100%}.user_message .user .message{background-color:var(--text-bg);padding:12px;border-radius:15px;color:var(--text-color);font-size:15px;max-width:75%;position:relative;border-bottom-left-radius:0}.user_message .user.self .message{background-color:#90ee90;border-bottom-left-radius:15px;border-bottom-right-radius:0}:root[dark=true] .user_message .user.self .message{color:var(--text-bg)}.user_message .user .message .name{font-size:12px;color:var(--second-color);font-weight:500;padding-bottom:2px}.user_message .user.self .message .name{text-align:right}.user_message .user.self .message .text{white-space:pre-wrap;word-break:break-all}.user_message .user .message .name span{color:var(--muted-color);font-size:12px;font-weight:normal;padding-left:10px;zoom:.9}.user_message .user .message::before{content:"";position:absolute;bottom:0;left:-7px;width:9px;height:20px;background-color:var(--text-bg);transform:scaleY(-1)}.user_message .user.self .message::before{left:auto;background-color:#90ee90;transform:rotate(180deg);right:-7px}.comment_box{background-color:var(--text-bg);box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:15px;border-radius:15px;margin-bottom:10px}.comment_box .input{height:auto;border:1px solid var(--border-color);border-radius:15px;padding:10px;margin-bottom:15px;background-color:var(--imgs-color)}.comment_box .input textarea{width:100%;height:100px;background-color:transparent;outline:none;border:none;color:var(--text-color);font-size:14px;min-height:50px;min-width:100%;max-width:100%;max-height:200px}.comment_box .input input{display:none;width:100%;height:100%;background-color:transparent;outline:none;border:none;color:var(--text-color);font-size:14px}.comment_box .d-button{height:40px;width:100%;border:none;outline:none}.search_box{background-color:var(--text-bg);border-radius:15px;position:relative;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.search_input{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0}.search_input .icon img{width:100px;height:100px}.search_input .input{width:70%;height:40px;margin-top:25px}.more_news_box{width:90%;margin:0 auto}.more_news_box .head{border-bottom:1px solid var(--border-color);height:40px;display:flex;align-items:center;justify-content:space-between;color:var(--text-color);font-size:16px;font-weight:600}.more_news_box .head .none{font-weight:normal;font-size:14px;color:var(--muted-color)}.more_news_box .head .bi{color:var(--accent-btn-color);padding-right:5px}.news_list{width:100%;padding:15px 0}.news_no_padding{padding:0}.news_list .news{display:flex;gap:10px;background-color:var(--body-bg);border-left:2px solid var(--accent-btn-color);padding:8px;cursor:pointer;padding-bottom:8px;text-decoration:none}.news_list .news .img{display:flex;align-items:center;justify-content:center}.news_list .news .img img{width:45px;height:45px;object-fit:cover;border-radius:6px}.news_list .news .info{flex:1;min-width:0}.news_list .news .info .title{color:var(--second-color);font-size:14px}.news_list .news .info .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--text-color);padding-top:4px}.news_list .news .info .hover{color:var(--accent-btn-color)}.news_list .news .info .box{display:flex;align-items:center;justify-content:space-between;padding-top:2px}.news_list .news .info .box .comment{white-space:nowrap;font-size:14px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;padding-top:2px}.news_list .news .info .box .time{font-size:12px;color:var(--muted-color)}.fixed-group{cursor:pointer;width:40px;position:fixed;right:30px;bottom:120px;z-index:50;transition:all .2s;border-top-right-radius:0;border-bottom-right-radius:0}.fixed-group .label{width:100%;height:40px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;font-size:25px;box-shadow:0 2px 4px rgba(0,0,0,0.1);background-color:var(--text-bg);border-radius:100%;margin-bottom:10px;color:var(--text-color)}.fixed-group .label:nth-child(2){border-top:1px solid var(--border-color)}.fixed-group .label .bi{pointer-events:none}.fixed-group .gotop{display:none}.fixed-group .label:not(:first-child)::before{content:" ";display:block;position:absolute;left:7px;top:-1px;width:20px;height:1px;background-color:var(--content-line)}.popup_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0}.openLeft{z-index:80;opacity:1}.popup_box .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:90;transition:all .3s}.popup_box .popup_main{position:relative;left:-100%;top:0;z-index:95;background-color:var(--text-bg);width:250px;height:100%;transition:all .3s}.openLeft .popup_main{left:0}.popup_box .popup_main .channel_list{padding-top:70px;width:95%;margin:0 auto;height:calc(100vh - 100px);overflow-y:scroll;padding-bottom:30px;scrollbar-width:none}#lightbox{display:none}footer{width:100%;background-color:var(--box-bg-blured);box-shadow:0 2px 4px rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:1;position:relative}footer .footer{width:90%;height:100%;margin:0 auto;max-width:1100px;padding:20px 0}footer .footer .list{list-style:none;margin:0;padding:0;text-align:center;padding-bottom:10px}footer .footer .list .item{margin:0;display:inline-block}footer .footer .list .item a{color:var(--text-color);text-decoration:none;font-size:14px}footer .footer .list .item:not(:last-child){margin-right:.5rem}footer .footer .list .item:not(:last-child)::after{content:'/';color:#c0c0c0;margin-left:8px}footer .footer .copyright{color:var(--muted-color);font-size:12px;text-align:center}.page_box{display:flex;align-items:center;justify-content:center}.page_box .page{width:auto;height:38px;background-color:var(--text-bg);border-radius:10px;text-decoration:none;font-size:13px;color:var(--text-color);display:flex;align-items:center;justify-content:center;margin:0 2px;padding:0 10px}.page_box .page:hover,.page_box .page.active{background-color:var(--accent-btn-color);color:#fff}.page_box .page.num{width:38px;padding:0;font-size:15px}.sur_player{width:94%;margin:12px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--imgs-color);color:var(--text-color);border-radius:15px;padding:5px;border:1px solid var(--border-color)}.sur_player .avatar{display:flex!important}.sur_player .avatar img{width:55px!important;height:55px!important;border-radius:10px!important}.sur_player #waveform{flex:1;height:40px}.sur_player .btn{width:35px;height:35px;border-radius:50%;border:none;background-color:#215ae6;color:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:10px;box-shadow:0 0 2px 4px #99b3ff60}.sur_player .time{font-size:13px;text-align:right;color:var(--text-color);padding-right:5px}.arrow_ico::before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='20' viewBox='0 0 9 20'%3E%3Cg fill='none'%3E%3Cpath fill='%23fff' d='M8,1 L9,1 L9,20 L8,20 L8,18 C7.807,15.161 7.124,12.233 5.95,9.218 C5.046,6.893 3.504,4.733 1.325,2.738 C0.917,2.365 0.89,1.732 1.263,1.325 C1.452,1.118 1.72,1 2,1 L8,1 Z'/%3E%3Cpath fill='%23d7e3ec' d='M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0 L9,0 L9,20 L7,20 L7.002,18.068 C6.816,15.333 6.156,12.504 5.018,9.58 C4.172,7.406 2.72,5.371 0.649,3.475 C-0.165,2.729 -0.221,1.464 0.525,0.649 C0.904,0.236 1.439,0 2,0 Z'/%3E%3Cpath d='M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0.5 L9,0.5 L9,20 L7.5,20 L7.501,18.034 C7.312,15.247 6.64,12.369 5.484,9.399 C4.609,7.15 3.112,5.052 0.987,3.106 C0.376,2.547 0.334,1.598 0.894,0.987 C1.178,0.677 1.579,0.5 2,0.5 Z'/%3E%3Cpath d='M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0.667 L9,0.667 L9,20 L7.667,20 L7.668,18.023 C7.477,15.218 6.802,12.324 5.64,9.338 C4.755,7.064 3.243,4.946 1.1,2.983 C0.557,2.486 0.52,1.643 1.017,1.1 C1.269,0.824 1.626,0.667 2,0.667 Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='20' viewBox='0 0 9 20'%3E%3Cg fill='none'%3E%3Cpath fill='%23fff' d='M8,1 L9,1 L9,20 L8,20 L8,18 C7.807,15.161 7.124,12.233 5.95,9.218 C5.046,6.893 3.504,4.733 1.325,2.738 C0.917,2.365 0.89,1.732 1.263,1.325 C1.452,1.118 1.72,1 2,1 L8,1 Z'/%3E%3Cpath fill='%23d7e3ec' d='M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0 L9,0 L9,20 L7,20 L7.002,18.068 C6.816,15.333 6.156,12.504 5.018,9.58 C4.172,7.406 2.72,5.371 0.649,3.475 C-0.165,2.729 -0.221,1.464 0.525,0.649 C0.904,0.236 1.439,0 2,0 Z'/%3E%3Cpath d='M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0.5 L9,0.5 L9,20 L7.5,20 L7.501,18.034 C7.312,15.247 6.64,12.369 5.484,9.399 C4.609,7.15 3.112,5.052 0.987,3.106 C0.376,2.547 0.334,1.598 0.894,0.987 C1.178,0.677 1.579,0.5 2,0.5 Z'/%3E%3Cpath d='M9,1 L2,1 C1.72,1 1.452,1.118 1.263,1.325 C0.89,1.732 0.917,2.365 1.325,2.738 C3.504,4.733 5.046,6.893 5.95,9.218 C7.124,12.233 7.807,15.161 8,18 L8,20 L9,20 L9,1 Z M2,0.667 L9,0.667 L9,20 L7.667,20 L7.668,18.023 C7.477,15.218 6.802,12.324 5.64,9.338 C4.755,7.064 3.243,4.946 1.1,2.983 C0.557,2.486 0.52,1.643 1.017,1.1 C1.269,0.824 1.626,0.667 2,0.667 Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}